dynamic-mui 1.1.5 → 2.0.1

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,9 @@
+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,10 @@
+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,7 @@
+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,2 @@
+import { FormField } from '../util/helper';
+export declare const ALL_CONTROLS_TEST_DATA: FormField[];

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,64 @@
+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;
+    subforms?: {
+        conditionValue: any;
+        data: FormField[];
+    }[];
+    [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/s3Upload.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Uploads a base64 encoded image to AWS S3.
+ * IMPORTANT: This requires valid AWS credentials in your environment variables.
+ * In a real production app without backend presigned URLs, consider restricted IAM roles.
+ *
+ * @param dataUrl The base64 data URL from the signature canvas
+ * @param fileName The desired filename (without path)
+ * @param bucket S3 Bucket name from attributes
+ * @param region AWS Region from attributes
+ * @param identityPoolId AWS Cognito Identity Pool ID
+ * @returns The public URL of the uploaded object
+ */
+export declare function uploadToS3(dataUrl: string, fileName: string, bucket: string, region: string, identityPoolId: string): Promise<string>;

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,2 @@
+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.1",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {
@@ -11,52 +11,49 @@
   "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": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/dynamic-mui.es.js",
+      "require": "./dist/dynamic-mui.cjs.js"
+    }
+  },
+  "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",
+    "@aws-sdk/client-s3": "^3.996.0",
+    "@aws-sdk/credential-providers": "^3.996.0",
+    "@dnd-kit/core": "^6.3.1",
     "dayjs": "^1.11.19",
     "lodash": "^4.17.23",
     "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-signature-canvas": "^1.1.0-alpha.2",
+    "uuid": "^13.0.0",
+    "validator": "^13.15.26"
   },
   "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"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "prepublishOnly": "yarn run build"
   },
   "browserslist": {
     "production": [
@@ -71,22 +68,36 @@
     ]
   },
   "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",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@eslint/js": "^10.0.1",
+    "@mui/icons-material": "^7.3.8",
+    "@mui/material": "^7.3.8",
+    "@mui/x-charts": "^8.27.0",
+    "@mui/x-data-grid": "^8.27.1",
+    "@mui/x-date-pickers": "^8.27.2",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/lodash": "^4.17.24",
+    "@types/numeral": "^2.0.5",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/validator": "^13.15.10",
+    "@vitejs/plugin-react": "^5.1.4",
+    "eslint": "^10.0.2",
     "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"
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.3.0",
+    "jsdom": "^28.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "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: