dynamic-mui 1.1.5 → 2.0.0

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { FormGenerator, FormData, ClearFormData } from './components/FormGenerator';
+export { default as DynamicComponent } from './components/DynamicComponent';
+export { default as Controls } from './components/controls';
+export { default as MuiConfig } from './config/mui';
+export * from './types';

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/playground/Builder.d.ts

@@ -0,0 +1 @@
+export declare const Builder: () => import("react/jsx-runtime").JSX.Element;

package/dist/playground/Canvas.d.ts

@@ -0,0 +1,10 @@
+import { FormField } from '../util/helper';
+
+interface CanvasProps {
+    fields: FormField[];
+    onSelectField: (id: string) => void;
+    selectedId: string | null;
+    onDeleteField: (id: string) => void;
+}
+export declare const Canvas: ({ fields, onSelectField, selectedId: _selectedId, onDeleteField: _onDeleteField }: CanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/playground/PropertiesEditor.d.ts

@@ -0,0 +1,11 @@
+import { FormField } from '../util/helper';
+
+interface PropertiesEditorProps {
+    field: FormField | null;
+    onUpdate: (field: FormField) => void;
+    onDelete: (id: string) => void;
+    allFields?: FormField[];
+    onAllFieldsChange?: (fields: FormField[]) => void;
+}
+export declare const PropertiesEditor: ({ field, onUpdate, onDelete, allFields, onAllFieldsChange }: PropertiesEditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/playground/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/playground/documentation.d.ts

@@ -0,0 +1,6 @@
+export declare const COMPONENT_DOCS: Record<string, {
+    title: string;
+    description: string;
+    usage: string;
+    props: Record<string, string>;
+}>;

package/dist/playground/templates.d.ts

@@ -0,0 +1,8 @@
+import { FormField } from '../util/helper';
+
+export declare const TEMPLATES: Record<string, FormField[]>;
+export declare const TOOLBOX_ITEMS: {
+    type: string;
+    label: string;
+    icon: string;
+}[];

package/dist/playground/testData.d.ts

@@ -0,0 +1,3 @@
+import { FormField } from '../util/helper';
+
+export declare const ALL_CONTROLS_TEST_DATA: FormField[];

package/dist/test/setup.d.ts

@@ -0,0 +1 @@
+

package/dist/theme/theme.d.ts

@@ -0,0 +1 @@
+export declare const theme: import('@mui/material').Theme;

package/dist/types.d.ts

@@ -0,0 +1,19 @@
+export interface ControlChangeProps {
+    id?: string;
+    value: any;
+    option?: any;
+}
+export interface ControlProps {
+    attributes?: {
+        id?: string;
+        value?: any;
+        MuiAttributes?: any;
+        InputProps?: any;
+        options?: any[];
+        format?: string;
+        [key: string]: any;
+    };
+    rules?: any;
+    patch?: Record<string, any>;
+    onChange?: (args: ControlChangeProps) => void;
+}

package/dist/util/helper.d.ts

@@ -0,0 +1,61 @@
+import { CSSProperties } from 'react';
+
+export interface LayoutConfig {
+    row?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    size?: any;
+    [key: string]: any;
+}
+export interface FormField {
+    id?: string;
+    type?: string;
+    layout?: LayoutConfig;
+    props?: {
+        id?: string;
+        value?: any;
+        MuiAttributes?: Record<string, any>;
+        [key: string]: any;
+    };
+    visible?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    rules?: any;
+    [key: string]: any;
+}
+export interface LayoutResult {
+    wrows: FormField[][];
+    worows: FormField[];
+}
+export interface InputPropsConfig {
+    MuiInputAdornment?: any;
+    position?: 'start' | 'end';
+    icon?: string;
+    text?: string;
+    textstyle?: CSSProperties;
+}
+export declare function generateLayout(data: FormField[]): LayoutResult;
+export declare function getInputProps(InputProps: InputPropsConfig): {
+    [x: string]: import("react/jsx-runtime").JSX.Element;
+};
+export declare const generateKey: (prefix?: string, index?: number) => string;
+interface EnableDisableConfig {
+    key: string;
+    disableIds: string[];
+    compareValues?: Record<string, boolean>;
+}
+export declare const updatePatchData: (fields: FormField[], patch: any, guid: string, response?: Record<string, any>, enableDisableIds?: EnableDisableConfig[]) => FormField[];
+export declare const DateComponent: (name: string) => any;
+export declare const checkboxSX: (color?: string) => CSSProperties | any;
+declare const _default: {
+    generateLayout: typeof generateLayout;
+    getInputProps: typeof getInputProps;
+    generateKey: (prefix?: string, index?: number) => string;
+    updatePatchData: (fields: FormField[], patch: any, guid: string, response?: Record<string, any>, enableDisableIds?: EnableDisableConfig[]) => FormField[];
+    DateComponent: (name: string) => any;
+    checkboxSX: (color?: string) => CSSProperties | any;
+};
+export default _default;

package/dist/util/stepperComponents.d.ts

@@ -0,0 +1,6 @@
+interface StepperComponentsProps {
+    components?: any[];
+    onUpdate?: (args: any) => void;
+}
+export default function StepperComponents({ components, onUpdate }: StepperComponentsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/util/useIsFirstRender.d.ts

@@ -0,0 +1 @@
+export default function useIsFirstRender(): boolean;

package/dist/util/useUpdateEffect.d.ts

@@ -0,0 +1,3 @@
+import { DependencyList, EffectCallback } from 'react';
+
+export default function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

package/dist/util/validation.d.ts

@@ -0,0 +1,6 @@
+type ValidationFunction = (value: string, ...args: any[]) => boolean;
+interface ValidationUtils {
+    [key: string]: ValidationFunction;
+}
+declare const Validation: ValidationUtils;
+export default Validation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-mui",
-  "version": "1.1.5",
+  "version": "2.0.0",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {
@@ -11,46 +11,50 @@
   "bugs": {
     "url": "https://github.com/DinakaranS/-dynamic-mui/issues"
   },
-  "main": "dist-modules",
-  "module": "src",
+  "main": "./dist/dynamic-mui.cjs.js",
+  "module": "./dist/dynamic-mui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/dynamic-mui.es.js",
+      "require": "./dist/dynamic-mui.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/x-charts": "^6.0.0 || ^7.0.0",
+    "@mui/x-data-grid": "^6.0.0 || ^7.0.0",
+    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
   "dependencies": {
-    "@babel/eslint-parser": "^7.28.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.28.6",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.3.7",
-    "@mui/material": "^7.3.7",
-    "@mui/x-charts": "^8.27.0",
-    "@mui/x-data-grid": "^8.27.0",
-    "@mui/x-date-pickers": "^8.27.0",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "dayjs": "^1.11.19",
-    "lodash": "^4.17.23",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@types/react-signature-canvas": "^1.0.7",
+    "@types/uuid": "^10.0.0",
+    "dayjs": "^1.11.10",
+    "lodash": "^4.17.21",
     "numeral": "^2.0.6",
-    "prop-types": "^15.8.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-json-tree": "^0.20.0",
-    "react-number-format": "^5.4.4",
-    "react-scripts": "5.0.1",
-    "validator": "^13.15.26",
-    "web-vitals": "^5.1.0"
+    "react-number-format": "^5.3.1",
+    "react-signature-canvas": "^1.1.0-alpha.2",
+    "uuid": "^13.0.0",
+    "validator": "^13.11.0"
   },
   "scripts": {
-    "start": "craco start",
-    "build": "craco build",
-    "test": "craco test",
-    "eject": "craco eject",
-    "styleguide": "styleguidist server",
-    "styleguide:build": "rimraf docs && styleguidist build && mkdir docs && mv styleguide/* docs",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "dist:modules": "rimraf ./dist-modules && babel ./src --out-dir ./dist-modules",
-    "prepublish": "npm run dist:modules"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "yarn run build"
   },
   "eslintConfig": {
     "extends": [
@@ -71,22 +75,32 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.6",
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.29.0",
-    "@babel/preset-react": "^7.28.5",
-    "@craco/craco": "^7.1.0",
-    "eslint": "8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "prettier": "^3.8.1",
-    "react-styleguidist": "^13.1.4",
-    "tinycolor2": "^1.6.0"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.8",
+    "@mui/material": "^7.3.8",
+    "@mui/x-charts": "^7.24.1",
+    "@mui/x-data-grid": "^7.26.0",
+    "@mui/x-date-pickers": "^7.26.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/lodash": "^4.17.23",
+    "@types/numeral": "^2.0.5",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@types/validator": "^13.15.10",
+    "@vitejs/plugin-react": "^4.2.1",
+    "baseline-browser-mapping": "^2.9.19",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "jsdom": "^28.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.8.1",
+    "vitest": "^4.0.18"
   }
-}
+}

package/build/asset-manifest.json

@@ -1,10 +0,0 @@
-{
-  "files": {
-    "main.js": "/DinakaranS/-dynamic-mui/static/js/main.11a67c51.js",
-    "index.html": "/DinakaranS/-dynamic-mui/index.html",
-    "main.11a67c51.js.map": "/DinakaranS/-dynamic-mui/static/js/main.11a67c51.js.map"
-  },
-  "entrypoints": [
-    "static/js/main.11a67c51.js"
-  ]
-}

package/build/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/DinakaranS/-dynamic-mui/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/DinakaranS/-dynamic-mui/logo192.png"/><link rel="manifest" href="/DinakaranS/-dynamic-mui/manifest.json"/><title>React App</title><script defer="defer" src="/DinakaranS/-dynamic-mui/static/js/main.11a67c51.js"></script></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

package/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: