Merge pull request #10 from 1Byte-Software/develop

Add feature

Author: KennethWise

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
     "cSpell.words": [
+        "Popconfirm",
         "Sider"
     ]
 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "1byte-react-design",
-    "version": "0.10.5",
+    "version": "0.10.31",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -13,9 +13,14 @@
         "dist"
     ],
     "dependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/modifiers": "^9.0.0",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@dnd-kit/utilities": "^3.2.2",
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
         "antd": "^5.21.2",
+        "clsx": "^2.1.1",
         "dayjs": "^1.11.13",
         "polished": "^4.3.1",
         "react": "^18.3.1",
@@ -36,6 +41,7 @@
         "tsconfig-paths-webpack-plugin": "^4.1.0",
         "typescript": "^5.6.2",
         "webpack": "^5.95.0",
+        "webpack-bundle-analyzer": "^4.10.2",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^5.1.0"
     },

src/ConfigProviderDesign.tsx

@@ -1,5 +1,5 @@
 import { ConfigProvider, ThemeConfig } from 'antd';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, useContext } from 'react';
 import { config } from '.';
 
 interface IConfigProviderDesignProps extends PropsWithChildren {

src/atomics/ConditionalWrapper/index.tsx

@@ -1,8 +1,8 @@
 import { ConfigProviderDesign } from '../../ConfigProviderDesign';
 import { FlexStyles } from './styles';
-import { IFlexProps } from './types';
+import { RdFlexProps } from './types';
 
-export const Flex = ({ ...antdProps }: IFlexProps) => {
+export const Flex = ({ ...antdProps }: RdFlexProps) => {
     return (
         <ConfigProviderDesign>
             <FlexStyles {...antdProps} />

src/atomics/ConditionalWrapper/types.ts

@@ -1,3 +1,20 @@
-import { FlexProps } from 'antd';
+import { Flex, GetProps } from 'antd';
+import { ComponentToken as FlexComponentTokenAntd } from 'antd/es/flex/style';
 
-export interface IFlexProps extends FlexProps {}
+//#region Define Ant Design types
+type FlexProps = GetProps<typeof Flex>;
+//#endregion
+
+//#region Define extended component tokens
+type FlexComponentTokenExtend = {};
+//#endregion
+
+//#region Define extended types
+type FlexPropsExtend = {};
+//#endregion
+
+//#region Export types
+export type RdFlexProps = FlexProps & FlexPropsExtend;
+
+export type RdFlexComponentToken = FlexComponentTokenAntd & FlexComponentTokenExtend;
+//#endregion