dynamic-mui 1.0.41 → 1.0.43

package/docs/build/main.5b2b2fe7.js

@@ -1,2300 +0,0 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([
-  [0],
-  {
-    1059(e, t, a) {
-      const i = { react: a(0) };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",
-        r,
-      );
-      e.exports = [
-        {
-          type: 'markdown',
-          content:
-            'Build dynamic forms using Material UI\n\n## Installation\n\n`npm install @mui/material @emotion/react @emotion/styled`\n`npm install dynamic-mui --save`\n\n\\##Usage',
-        },
-        {
-          type: 'code',
-          content:
-            "`import { FormGenerator } from 'dynamic-mui/dist-modules/components/FormGenerator'`;\n\nexport default function DynamicForm() {\n  return (\n    <FormGenerator\n      data={[\n        {\n          type: 'textfield',\n          props: {\n            MuiAttributes: { placeholder: 'Standard', fullWidth: true, variant: 'standard' },\n          },\n          layout: {\n            row: 1,\n            xs: 4,\n            sm: 4,\n          },\n        },\n      ]}\n      guid=\"Testing\"\n      library={MUI}\n    />\n  );\n}     ",
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1063(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'CheckBox',
-        description: 'Playground Component\n',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for Checkbox',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        tags: {},
-        examples: a(1064),
-      };
-    },
-    1064(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/checkbox': a(1147),
-        react: a(0),
-        './checkbox.js': a(195),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Playground$0 = require('./playground.js');\nconst Playground = Playground$0.default || (Playground$0['Playground'] || Playground$0);",
-        r,
-      );
-      e.exports = [
-        {
-          type: 'markdown',
-          content:
-            'Checkboxes can be used to turn an option on or off.\n\nIf you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. If you have a single option, avoid using a checkbox and use an on/off switch instead.\n\nBasic checkboxes',
-        },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {checkBox} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBox} guid="checkbox"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Label, Color & Size' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {checkBoxCustom} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBoxCustom} guid="checkbox"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1147(e, t, a) {
-      a.r(t), a.d(t, 'checkBox', () => i), a.d(t, 'checkBoxCustom', () => r);
-      const i = [
-        {
-          type: 'checkbox',
-          props: {
-            id: 'defaultChecked',
-            MuiAttributes: { defaultChecked: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: { id: 'simple', MuiAttributes: {}, MuiFCLAttributes: { label: '' } },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: {
-            id: 'disabled',
-            MuiAttributes: { disabled: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: {
-            id: 'disabledchecked',
-            MuiAttributes: { disabled: !0, checked: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-      ];
-      const r = [
-        {
-          type: 'checkbox',
-          props: {
-            id: 'label',
-            MuiAttributes: { defaultChecked: !0 },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: {
-            id: 'labelsmall',
-            MuiAttributes: { size: 'small', defaultChecked: !0, color: 'secondary' },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: {
-            id: 'labelcolordefault',
-            MuiAttributes: { defaultChecked: !0, color: 'default' },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'checkbox',
-          props: {
-            id: 'labelcolorgreen',
-            MuiAttributes: {
-              defaultChecked: !0,
-              sx: { color: 'green', '&.Mui-checked': { color: 'green' } },
-            },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-      ];
-    },
-    1148(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'DataTable',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for TextField',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-        ],
-        examples: a(1149),
-      };
-    },
-    1149(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/dataTable': a(1150),
-        react: a(0),
-        './datatable.js': a(197),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DataTable$0 = require('./datatable.js');\nconst DataTable = DataTable$0.default || (DataTable$0['DataTable'] || DataTable$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Basic component:' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {basicTable} from \'../../../data/dataTable\';\n\n<FormGenerator data={basicTable} guid="dataTable"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1150(e, t, a) {
-      a.r(t), a.d(t, 'basicTable', () => i), a.d(t, 'denseTable', () => r);
-      const i = [
-        {
-          type: 'datatable',
-          props: {
-            id: 'datatable',
-            container: { style: { height: 400, width: '100%' } },
-            MuiAttributes: {
-              rows: [
-                { id: 1, lastName: 'Snow', firstName: 'Jon', age: 35 },
-                { id: 2, lastName: 'Lannister', firstName: 'Cersei', age: 42 },
-                { id: 3, lastName: 'Lannister', firstName: 'Jaime', age: 45 },
-                { id: 4, lastName: 'Stark', firstName: 'Arya', age: 16 },
-                { id: 5, lastName: 'Targaryen', firstName: 'Daenerys', age: null },
-                { id: 6, lastName: 'Melisandre', firstName: '', age: 150 },
-                { id: 7, lastName: 'Clifford', firstName: 'Ferrara', age: 44 },
-                { id: 8, lastName: 'Frances', firstName: 'Rossini', age: 36 },
-                { id: 9, lastName: 'Roxie', firstName: 'Harvey', age: 65 },
-              ],
-              columns: [
-                { field: 'id', headerName: 'ID', width: 70 },
-                { field: 'firstName', headerName: 'First name', width: 130 },
-                { field: 'lastName', headerName: 'Last name', width: 130 },
-                { field: 'age', headerName: 'Age', type: 'number', width: 90 },
-              ],
-            },
-          },
-          layout: { xs: 12, sm: 12, md: 12 },
-        },
-      ];
-      const r = [];
-    },
-    1151(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'DateTime',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for DateTime',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        examples: a(1152),
-      };
-    },
-    1152(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/dateTime': a(265),
-        react: a(0),
-        './datetime.js': a(198),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DateTime$0 = require('./datetime.js');\nconst DateTime = DateTime$0.default || (DateTime$0['DateTime'] || DateTime$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Date pickers let the user select a date\n\nBasic usage' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/dateTime\';\n\n<FormGenerator data={mui} guid="datetime"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Responsiveness' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {responsiveness} from \'../../../data/dateTime\';\n\n<FormGenerator data={responsiveness} guid="datetimeResponsiveness"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1153(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'DateTimePicker',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for DateTimePicker',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        examples: a(1154),
-      };
-    },
-    1154(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/dateTime': a(265),
-        react: a(0),
-        './datetimepicker.js': a(199),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DateTimePicker$0 = require('./datetimepicker.js');\nconst DateTimePicker = DateTimePicker$0.default || (DateTimePicker$0['DateTimePicker'] || DateTimePicker$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Date pickers let the user select a date\n\nBasic usage' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {dateTimePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={dateTimePicker} guid="datetimePicker"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1155(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'Radio',
-        description: 'Radio Component\n',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for Radio',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        tags: {},
-        examples: a(1156),
-      };
-    },
-    1156(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/radio': a(1157),
-        react: a(0),
-        './radio.js': a(204),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Radio$0 = require('./radio.js');\nconst Radio = Radio$0.default || (Radio$0['Radio'] || Radio$0);",
-        r,
-      );
-      e.exports = [
-        {
-          type: 'markdown',
-          content:
-            'RadioGroup is a helpful wrapper used to group Radio components that provides an easier API, and proper keyboard accessibility to the group.\n\nBasic Radio',
-        },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {radioData} from \'../../../data/radio\';\n\n<FormGenerator data={radioData} guid="radio" patch={{}}/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1157(e, t, a) {
-      a.r(t), a.d(t, 'radioData', () => i), a.d(t, 'customRadioData', () => r);
-      const i = [
-        {
-          id: 'staggerpenaltytype',
-          type: 'radio',
-          props: {
-            id: 'staggerpenaltytype',
-            value: 'Apply penalty now',
-            MuiAttributes: {},
-            MuiFLabelIcon: {
-              icon: 'person',
-              MuiFLabelIconAttributes: { sx: { mr: 1, color: 'rgba(0, 0, 0, 0.6)' } },
-            },
-            MuiFLabel: 'Account',
-            MuiFCLAttributes: {},
-            MuiFCLabels: ['Apply penalty now', 'Apply penalty after due date'],
-            MuiRGAttributes: { row: !0 },
-          },
-          layout: { row: 4, xs: 9, sm: 9 },
-        },
-      ];
-      const r = [];
-    },
-    1158(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'Select',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for Select',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        examples: a(1159),
-      };
-    },
-    1159(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/select': a(1160),
-        react: a(0),
-        './select.js': a(201),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Select$0 = require('./select.js');\nconst Select = Select$0.default || (Select$0['Select'] || Select$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Date pickers let the user select a date\n\nBasic usage' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {select} from \'../../../data/select\';\n\n<FormGenerator data={select} guid="selectbasic" patch={{simpleselect:\'ocean\'}}/>',
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'MultiSelect usage' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {multiSelect} from \'../../../data/select\';\n\n<FormGenerator data={multiSelect} guid="multiselect"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1160(e, t, a) {
-      a.r(t), a.d(t, 'select', () => r), a.d(t, 'multiSelect', () => n);
-      const i = [
-        { value: 'ocean', label: 'Ocean', color: '#00B8D9' },
-        { value: 'blue', label: 'Blue', color: '#0052CC', disabled: !0 },
-        { value: 'purple', label: 'Purple', color: '#5243AA' },
-        { value: 'red', label: 'Red', color: '#FF5630' },
-        { value: 'orange', label: 'Orange', color: '#FF8B00' },
-        { value: 'yellow', label: 'Yellow', color: '#FFC400' },
-        { value: 'green', label: 'Green', color: '#36B37E' },
-        { value: 'forest', label: 'Forest', color: '#00875A' },
-        { value: 'slate', label: 'Slate', color: '#253858' },
-        { value: 'silver', label: 'Silver', color: '#666666' },
-      ];
-      const r = [
-        {
-          type: 'select',
-          props: {
-            id: 'simpleselect',
-            MuiAttributes: {},
-            options: i,
-            MuiBoxAttributes: { label: 'Colors' },
-            InputProps: { MuiInputAdornment: {}, position: 'start', icon: 'account_circle' },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-      const n = [
-        {
-          type: 'select',
-          props: {
-            id: 'multiselect',
-            MuiAttributes: { multiple: !0, disableCloseOnSelect: !0 },
-            options: i,
-            MuiBoxAttributes: { label: 'Colors' },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-    },
-    1161(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'Switch',
-        description: 'Switch Component\n',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for Switch',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        tags: {},
-        examples: a(1162),
-      };
-    },
-    1162(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/switch': a(1163),
-        react: a(0),
-        './switch.js': a(203),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Switch$0 = require('./switch.js');\nconst Switch = Switch$0.default || (Switch$0['Switch'] || Switch$0);",
-        r,
-      );
-      e.exports = [
-        {
-          type: 'markdown',
-          content: 'Switches toggle the state of a single setting on or off.\n\nBasic switches',
-        },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {switchData} from \'../../../data/switch\';\n\n<FormGenerator data={switchData} guid="switch"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Label, Color & Size' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {switchCustom} from \'../../../data/switch\';\n\n<FormGenerator data={switchCustom} guid="switchcolor"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1163(e, t, a) {
-      a.r(t), a.d(t, 'switchData', () => i), a.d(t, 'switchCustom', () => r);
-      const i = [
-        {
-          type: 'switch',
-          props: {
-            id: 'switchdefault',
-            MuiAttributes: { defaultChecked: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'switch',
-          props: { id: 'switch', MuiAttributes: {}, MuiFCLAttributes: { label: '' } },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'switch',
-          props: {
-            id: 'switchdisabled',
-            MuiAttributes: { disabled: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-        {
-          type: 'switch',
-          props: {
-            id: 'switchdisabledchecked',
-            MuiAttributes: { disabled: !0, checked: !0 },
-            MuiFCLAttributes: { label: '' },
-          },
-          layout: { row: 1, xs: 3, sm: 3 },
-        },
-      ];
-      const r = [
-        {
-          type: 'switch',
-          props: {
-            id: 'switchlabel',
-            MuiAttributes: { defaultChecked: !0 },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'switch',
-          props: {
-            id: 'switchlabelsmall',
-            MuiAttributes: { size: 'small', defaultChecked: !0, color: 'secondary' },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'switch',
-          props: {
-            id: 'switchlabelcolor',
-            value: !0,
-            MuiAttributes: { color: 'default' },
-            MuiFCLAttributes: { label: 'Label' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-      ];
-    },
-    1164(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'TextField',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for TextField',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-          {
-            type: { name: 'objectOf', value: { name: 'array' } },
-            required: !1,
-            description: 'Rules to be used',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'rules',
-          },
-        ],
-        examples: a(1165),
-      };
-    },
-    1165(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/textfield': a(1166),
-        'react-json-tree': a(1223),
-        react: a(0),
-        './textfield.js': a(205),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TextField$0 = require('./textfield.js');\nconst TextField = TextField$0.default || (TextField$0['TextField'] || TextField$0);",
-        r,
-      );
-      e.exports = [
-        {
-          type: 'markdown',
-          content:
-            'The TextField wrapper component is a complete form control including a label, input and help text.\n\nIt supports standard, outlined and filled styling',
-        },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/textfield\';\n\n<FormGenerator data={mui} guid="textfield"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        {
-          type: 'code',
-          content:
-            "import {mui} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={mui} />",
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Validation:' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {validation} from \'../../../data/textfield\';\n\n<FormGenerator data={validation} guid="textfield"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        {
-          type: 'code',
-          content:
-            "import {validation} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={validation} />",
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'InputAdornment:' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {inputAdornment} from \'../../../data/textfield\';\n\n<FormGenerator data={inputAdornment} patch={{firstname:\'dinakaran\'}} guid="textfieldinput"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        {
-          type: 'code',
-          content:
-            "import {sizesAndLayout} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={sizesAndLayout} />",
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Sizes & Layout:' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {sizesAndLayout} from \'../../../data/textfield\';\n\n<FormGenerator data={sizesAndLayout} guid="textfieldsize"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1166(e, t, a) {
-      a.r(t),
-        a.d(t, 'mui', () => i),
-        a.d(t, 'validation', () => r),
-        a.d(t, 'inputAdornment', () => n),
-        a.d(t, 'sizesAndLayout', () => s);
-      const i = [
-        {
-          type: 'textfield',
-          props: {
-            MuiAttributes: { placeholder: 'Standard', fullWidth: !0, variant: 'standard' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'textfield',
-          props: { MuiAttributes: { placeholder: 'Filled', fullWidth: !0, variant: 'filled' } },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'textfield',
-          props: {
-            MuiAttributes: { placeholder: 'Outlined', fullWidth: !0, variant: 'outlined' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-      ];
-      const r = [
-        {
-          type: 'textfield',
-          props: { MuiAttributes: { label: 'Mandatory', fullWidth: !0, variant: 'outlined' } },
-          layout: { row: 1, xs: 3, sm: 3 },
-          rules: {
-            validation: [{ rule: 'mandatory', message: 'Please enter your first name.' }],
-          },
-        },
-        {
-          id: 'password',
-          type: 'textfield',
-          layout: { row: 1, xs: 3, sm: 3 },
-          props: {
-            id: 'password',
-            MuiAttributes: { type: 'password', fullWidth: !0, label: 'Password' },
-          },
-        },
-        {
-          id: 'number',
-          type: 'textfield',
-          layout: { row: 1, xs: 3, sm: 3 },
-          props: {
-            id: 'number',
-            MuiAttributes: { type: 'number', fullWidth: !0, label: 'Number' },
-          },
-        },
-        {
-          id: 'currency',
-          type: 'textfield',
-          layout: { row: 1, xs: 3, sm: 3 },
-          props: {
-            id: 'currency',
-            MuiAttributes: { fullWidth: !0, label: 'Currency', name: 'Currency' },
-            format: '$0,0.00',
-          },
-        },
-      ];
-      const n = [
-        {
-          id: 'firstname',
-          type: 'textfield',
-          props: {
-            id: 'firstname',
-            MuiAttributes: {
-              fullWidth: !0,
-              InputLabelProps: { shrink: !0 },
-              margin: 'normal',
-              label: 'First Name',
-            },
-            InputProps: { MuiInputAdornment: {}, position: 'start', icon: 'account_circle' },
-          },
-          rules: {
-            validation: [{ rule: 'mandatory', message: 'Please enter your first name.' }],
-          },
-          layout: { row: 1, xs: 6, sm: 6 },
-        },
-        {
-          id: 'textfieldoutlined',
-          type: 'textfield',
-          props: {
-            id: 'textfieldoutlined',
-            MuiAttributes: {
-              fullWidth: !0,
-              InputLabelProps: { shrink: !0 },
-              margin: 'normal',
-              helperText: 'Weight',
-              label: 'First Name',
-            },
-            InputProps: { MuiInputAdornment: { position: 'end' }, position: 'end', text: 'KG' },
-          },
-          layout: { row: 1, xs: 6, sm: 6 },
-        },
-      ];
-      const s = [
-        {
-          id: 'textfieldoutlined',
-          type: 'textfield',
-          props: {
-            id: 'textfieldoutlined',
-            MuiAttributes: { fullWidth: !0, size: 'small', label: 'Small' },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          id: 'textfieldoutlined',
-          type: 'textfield',
-          props: { id: 'textfieldoutlined', MuiAttributes: { fullWidth: !0, label: 'Normal' } },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          id: 'textfieldoutlined',
-          type: 'textfield',
-          props: {
-            id: 'textfieldoutlined',
-            MuiAttributes: { fullWidth: !0, label: 'Disabled', disabled: !0 },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          id: 'textfieldoutlined',
-          type: 'textfield',
-          props: {
-            id: 'textfieldoutlined',
-            MuiAttributes: { fullWidth: !0, label: 'Fullwidth' },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-    },
-    1218(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'TimePicker',
-        description: '',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for TimePicker',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-          {
-            type: { name: 'func' },
-            required: !1,
-            description: 'Function',
-            defaultValue: { value: 'null', computed: !1 },
-            tags: {},
-            name: 'onChange',
-          },
-        ],
-        examples: a(1219),
-      };
-    },
-    1219(e, t, a) {
-      const i = {
-        '../../FormGenerator': a(86),
-        '../../../data/dateTime': a(265),
-        react: a(0),
-        './timepicker.js': a(200),
-      };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TimePicker$0 = require('./timepicker.js');\nconst TimePicker = TimePicker$0.default || (TimePicker$0['TimePicker'] || TimePicker$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Date pickers let the user select a date\n\nBasic usage' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\nimport {timePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={timePicker} guid="timepicker"/>',
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    1220(e, t, a) {
-      e.exports = {
-        doclets: {},
-        displayName: 'Typography',
-        description: 'Typography Component\n',
-        methods: [],
-        props: [
-          {
-            type: { name: 'objectOf', value: { name: 'object' } },
-            required: !1,
-            description: 'Attributes for Typography',
-            defaultValue: { value: '{}', computed: !1 },
-            tags: {},
-            name: 'attributes',
-          },
-        ],
-        tags: {},
-        examples: a(1221),
-      };
-    },
-    1221(e, t, a) {
-      const i = { '../../FormGenerator': a(86), react: a(0), './typography.js': a(196) };
-      const r = a(78).default.bind(null, i);
-      const n = a(79).default.bind(
-        null,
-        "const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Typography$0 = require('./typography.js');\nconst Typography = Typography$0.default || (Typography$0['Typography'] || Typography$0);",
-        r,
-      );
-      e.exports = [
-        { type: 'markdown', content: 'Basic component:' },
-        {
-          type: 'code',
-          content:
-            'import {FormGenerator} from "../../FormGenerator";\n\n<FormGenerator data={[{\n    type: \'typography\',\n    props: {\n        text: \'Hi\'\n    },\n    layout: {\n        xs:12, sm:6, md:12\n    }\n}]} guid="typography"/>',
-          settings: {},
-          evalInContext: n,
-        },
-        { type: 'markdown', content: 'Component styled:' },
-        {
-          type: 'code',
-          content:
-            "import {FormGenerator} from \"../../FormGenerator\";\n\n<FormGenerator data={[{\n    type: 'typography',\n    props: {\n        text: 'Styled with color',\n        MuiAttributes: {\n            color: 'secondary',\n            variant: 'h6',\n            component: \"h2\", gutterBottom: true,\n            sx: { m: 1 }\n        },\n      MuiIcon:{\n          icon:'person',\n          MuiIconAttributes:{\n            color: 'secondary',\n            sx: { mt: 1.5 }\n          }\n      }\n    },\n    layout: {\n        xs:12, sm:6, md:12\n    }\n}]} guid=\"typography\"/>",
-          settings: {},
-          evalInContext: n,
-        },
-      ];
-    },
-    195(e, t, a) {
-      a.r(t), a.d(t, 'default', () => CheckBox);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(412);
-      const s = a(283);
-      const o = a(3);
-      function CheckBox(e) {
-        const { attributes: t, onChange: a } = e;
-        const { MuiAttributes: i = {}, MuiFCLAttributes: c = {}, id: l = '' } = t;
-        const [u, p] = r.a.useState(i.defaultChecked || (t == null ? void 0 : t.value) || !1);
-        return Object(o.jsx)(s.a, {
-          ...c,
-          control: Object(o.jsx)(n.a, {
-            checked: u,
-            onChange: (e) => {
-              p(e.target.checked), a({ id: l, value: e.target.checked });
-            },
-            ...i,
-            inputProps: { 'aria-label': 'controlled' },
-          }),
-        });
-      }
-      CheckBox.defaultProps = { attributes: {}, onChange: null };
-    },
-    196(e, t, a) {
-      a.r(t), a.d(t, 'default', () => Typography);
-      a(0);
-      const i = a(284);
-      const r = a(413);
-      const n = a(285);
-      const s = a(3);
-      function Typography(e) {
-        const { attributes: t } = e;
-        const { MuiAttributes: a = {}, text: o = '', MuiIcon: c = {} } = t;
-        return c && c.icon
-          ? Object(s.jsxs)(r.a, {
-              sx: { display: 'flex', width: '100%' },
-              children: [
-                Object(s.jsx)(n.a, { ...c.MuiIconAttributes, children: c.icon }, c.icon),
-                Object(s.jsx)(i.a, { ...a, children: o }),
-              ],
-            })
-          : Object(s.jsx)(i.a, { ...a, children: o });
-      }
-      Typography.defaultProps = { attributes: {} };
-    },
-    197(e, t, a) {
-      a.r(t), a.d(t, 'default', () => DataTable);
-      a(0);
-      const i = a(1234);
-      const r = a(3);
-      function DataTable(e) {
-        const { attributes: t } = e;
-        const { MuiAttributes: a = {}, container: n = {} } = t;
-        return Object(r.jsx)('div', { ...n, children: Object(r.jsx)(i.a, { ...a }) });
-      }
-      DataTable.defaultProps = { attributes: {} };
-    },
-    198(e, t, a) {
-      a.r(t), a.d(t, 'default', () => DateTime);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(227);
-      const s = a(281);
-      const o = a(164);
-      const c = a(40);
-      const l = a(74);
-      const u = a(3);
-      function DateTime(e) {
-        const { attributes: t, onChange: a } = e;
-        const {
-          MuiAttributes: i = {},
-          name: p = 'DatePicker',
-          id: d = '',
-          MuiTextAttributes: m,
-        } = t;
-        const [j, y] = r.a.useState(
-          t != null && t.value ? new Date(t == null ? void 0 : t.value) : new Date(),
-        );
-        Object(l.a)(() => {
-          t != null && t.value && y(new Date(t == null ? void 0 : t.value));
-        }, [t == null ? void 0 : t.value]);
-        const b = Object(c.a)(p);
-        return Object(u.jsx)(o.a, {
-          dateAdapter: s.a,
-          children: Object(u.jsx)(b, {
-            value: j,
-            onChange: (e) => {
-              y(e), a({ id: d, value: e });
-            },
-            ...i,
-            renderInput: (e) => Object(u.jsx)(n.a, { ...e, ...m }),
-          }),
-        });
-      }
-      DateTime.defaultProps = { attributes: {}, onChange: null };
-    },
-    199(e, t, a) {
-      a.r(t), a.d(t, 'default', () => DateTimePicker);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(227);
-      const s = a(281);
-      const o = a(164);
-      const c = a(40);
-      const l = a(74);
-      const u = a(3);
-      function DateTimePicker(e) {
-        const { attributes: t, onChange: a } = e;
-        const {
-          MuiAttributes: i = {},
-          name: p = 'DateTimePicker',
-          id: d = '',
-          MuiTextAttributes: m,
-        } = t;
-        const [j, y] = r.a.useState(
-          t != null && t.value ? new Date(t == null ? void 0 : t.value) : new Date(),
-        );
-        Object(l.a)(() => {
-          t != null && t.value && y(new Date(t == null ? void 0 : t.value));
-        }, [t == null ? void 0 : t.value]);
-        const b = Object(c.a)(p);
-        return Object(u.jsx)(o.a, {
-          dateAdapter: s.a,
-          children: Object(u.jsx)(b, {
-            value: j,
-            onChange: (e) => {
-              y(e), a({ id: d, value: e });
-            },
-            ...i,
-            renderInput: (e) => Object(u.jsx)(n.a, { ...e, ...m }),
-          }),
-        });
-      }
-      DateTimePicker.defaultProps = { attributes: {}, onChange: null };
-    },
-    200(e, t, a) {
-      a.r(t), a.d(t, 'default', () => TimePicker);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(227);
-      const s = a(281);
-      const o = a(164);
-      const c = a(40);
-      const l = a(74);
-      const u = a(3);
-      function TimePicker(e) {
-        const { attributes: t, onChange: a } = e;
-        const {
-          MuiAttributes: i = {},
-          name: p = 'TimePicker',
-          id: d = '',
-          MuiTextAttributes: m,
-        } = t;
-        const [j, y] = r.a.useState(
-          t != null && t.value ? new Date(t == null ? void 0 : t.value) : new Date(),
-        );
-        Object(l.a)(() => {
-          t != null && t.value && y(new Date(t == null ? void 0 : t.value));
-        }, [t == null ? void 0 : t.value]);
-        const b = Object(c.a)(p);
-        return Object(u.jsx)(o.a, {
-          dateAdapter: s.a,
-          children: Object(u.jsx)(b, {
-            value: j,
-            onChange: (e) => {
-              y(e), a({ id: d, value: e });
-            },
-            ...i,
-            renderInput: (e) => Object(u.jsx)(n.a, { ...e, ...m }),
-          }),
-        });
-      }
-      TimePicker.defaultProps = { attributes: {}, onChange: null };
-    },
-    201(e, t, a) {
-      a.r(t), a.d(t, 'default', () => Select);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(412);
-      const s = a(227);
-      const o = a(1237);
-      const c = a(400);
-      const l = a.n(c);
-      const u = a(401);
-      const p = a.n(u);
-      const d = a(40);
-      const m = a(3);
-      const j = Object(m.jsx)(l.a, { fontSize: 'small' });
-      const y = Object(m.jsx)(p.a, { fontSize: 'small' });
-      const getValue = function () {
-        const e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : '';
-        return (arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : []).find((t) => {
-          const { value: a } = t;
-          return e === a;
-        });
-      };
-      function Select(e) {
-        const { attributes: t, onChange: a } = e;
-        const {
-          MuiAttributes: c = {},
-          options: l = [],
-          MuiBoxAttributes: u = {},
-          id: p = '',
-          InputProps: b = {},
-        } = t;
-        const [h, f] = r.a.useState(
-          (t == null ? void 0 : t.value) && getValue(l, t == null ? void 0 : t.value),
-        );
-        const x = Object(i.useCallback)((e, t) => {
-          if ((f(t), t)) {
-            const e = c.multiple
-              ? (t || []).map(
-                  (e) =>
-                    (e == null ? void 0 : e.title) ||
-                    (e == null ? void 0 : e.label) ||
-                    (e == null ? void 0 : e.value),
-                )
-              : (t == null ? void 0 : t.title) ||
-                (t == null ? void 0 : t.label) ||
-                (t == null ? void 0 : t.value);
-            a({ id: p, value: e, option: t });
-          } else a({ id: p, value: '', options: t });
-        }, []);
-        return Object(m.jsx)(o.a, {
-          ...(c.multiple &&
-            (c.renderOption = function (e) {
-              const t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
-              const { selected: a } = arguments.length > 2 ? arguments[2] : void 0;
-              return Object(m.jsxs)('li', {
-                ...e,
-                children: [
-                  Object(m.jsx)(n.a, {
-                    icon: j,
-                    checkedIcon: y,
-                    style: { marginRight: 8 },
-                    checked: a,
-                    sx: Object(d.b)(t.color || ''),
-                  }),
-                  t.title || t.label || t.value,
-                ],
-              });
-            }),
-          c),
-          disablePortal: !0,
-          options: l,
-          value: h,
-          onChange: x,
-          renderInput: (e) =>
-            Object(m.jsx)(s.a, {
-              ...e,
-              ...u,
-              inputProps: { ...e.inputProps, autoComplete: 'new-password' },
-              InputProps: { ...e.InputProps, ...Object(d.e)(b) },
-            }),
-        });
-      }
-      Select.defaultProps = { attributes: {}, onChange: null };
-    },
-    203(e, t, a) {
-      a.r(t), a.d(t, 'default', () => Switch);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(411);
-      const s = a(283);
-      const o = a(8);
-      const c = a(147);
-      const l = a(74);
-      const u = a(3);
-      const p = Object(o.a)((e) => {
-        const { color: t, ...a } = e;
-        return Object(u.jsx)(n.a, { ...a });
-      })((e) => {
-        const { theme: t } = e;
-        return {
-          '& .MuiSwitch-switchBase.Mui-checked': {
-            color: (e) => e.color || 'green',
-            '&:hover': {
-              backgroundColor: (e) =>
-                Object(c.a)(e.color || 'green', t.palette.action.hoverOpacity),
-            },
-          },
-          '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
-            backgroundColor: (e) => e.color || 'green',
-          },
-        };
-      });
-      function Switch(e) {
-        const { attributes: t, onChange: a } = e;
-        const { MuiAttributes: o = {}, MuiFCLAttributes: c = {}, color: d = '', id: m = '' } = t;
-        const [j, y] = r.a.useState(!1);
-        Object(i.useEffect)(() => {
-          (t.value || o.defaultValue) && y(t.value || o.defaultValue);
-        }, []),
-          Object(l.a)(() => {
-            y(t.value);
-          }, [t.value]);
-        const b = d ? p : n.a;
-        return Object(u.jsx)(s.a, {
-          ...c,
-          control: Object(u.jsx)(b, {
-            checked: j,
-            onChange: (e) => {
-              y(e.target.checked), a({ id: m, value: e.target.checked });
-            },
-            ...o,
-            inputProps: { 'aria-label': 'controlled' },
-          }),
-        });
-      }
-      Switch.defaultProps = { attributes: {}, onChange: null };
-    },
-    204(e, t, a) {
-      a.r(t), a.d(t, 'default', () => Radio);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(1236);
-      const s = a(413);
-      const o = a(1240);
-      const c = a(283);
-      const l = a(1241);
-      const u = a(406);
-      const p = a(285);
-      const d = a(74);
-      const m = a(3);
-      function Radio(e) {
-        const { attributes: t, onChange: a } = e;
-        const {
-          MuiAttributes: j = {},
-          MuiFCLAttributes: y = {},
-          MuiRGAttributes: b = {},
-          id: h = '',
-          MuiFLAttributes: f = {},
-          MuiFCLabels: x = [],
-          MuiFLabel: S = '',
-          MuiFLabelIcon: _ = {},
-        } = t;
-        const [g, v] = r.a.useState('');
-        Object(i.useEffect)(() => {
-          (t.value || j.defaultValue) && v(t.value || j.defaultValue);
-        }, []),
-          Object(d.a)(() => {
-            v(t.value);
-          }, [t.value]);
-        const C = Object(i.useMemo)(
-          () =>
-            _ && _.icon
-              ? Object(m.jsxs)(s.a, {
-                  sx: { display: 'flex', width: '100%' },
-                  children: [
-                    _ &&
-                      _.icon &&
-                      Object(m.jsx)(
-                        p.a,
-                        { ..._.MuiFLabelIconAttributes, children: _.icon },
-                        _.icon,
-                      ),
-                    Object(m.jsx)(u.a, { ...f, id: 'radio-buttons-group-label', children: S }),
-                  ],
-                })
-              : Object(m.jsx)(u.a, { ...f, id: 'radio-buttons-group-label', children: S }),
-          [],
-        );
-        return Object(m.jsxs)(l.a, {
-          children: [
-            S && C,
-            Object(m.jsx)(o.a, {
-              'aria-labelledby': 'radio-buttons-group-label',
-              name: 'radio-buttons-group',
-              ...b,
-              value: g,
-              onChange: (e) => {
-                v(e.target.value), a({ id: h, value: e.target.value });
-              },
-              children: x.map((e) =>
-                Object(m.jsx)(c.a, {
-                  ...y,
-                  value: e,
-                  control: Object(m.jsx)(n.a, { ...j }),
-                  label: e,
-                }),
-              ),
-            }),
-          ],
-        });
-      }
-      Radio.defaultProps = { attributes: {}, onChange: null };
-    },
-    205(e, t, a) {
-      a.r(t), a.d(t, 'default', () => textfield_TextField);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(210);
-      const s = a.n(n);
-      const o = a(227);
-      const c = a(40);
-      const l = a(30);
-      const u = a.n(l);
-      const p = {
-        email: (e, t) => u.a.isEmail(e, t),
-        equals: (e, t) => u.a.equals(e, t),
-        mandatory: (e) => !u.a.isEmpty(e),
-        mandatoryselect: (e) => e.length > 0,
-        mobile: (e, t) => u.a.isMobilePhone(e, t),
-        lowercase: (e) => u.a.isLowercase(e),
-        uppercase: (e) => u.a.isUppercase(e),
-        length: (e, t) => u.a.isLength(e, t),
-        url: (e, t) => u.a.isURL(e, t),
-        creditcard: (e) => u.a.isCreditCard(e),
-        currency: (e, t) => u.a.isCurrency(e, t),
-        date: (e) => u.a.isDate(e),
-        boolean: (e) => u.a.isBoolean(e),
-        alphanumeric(e, t) {
-          u.a.isAlphanumeric(e, t);
-        },
-        contains: (e, t) => u.a.contains(e, t),
-        FQDN: (e, t) => u.a.isFQDN(e, t),
-        float: (e, t) => u.a.isFloat(e, t),
-        ip: (e, t) => u.a.isIP(e, t),
-        ISBN: (e, t) => u.a.isISBN(e, t),
-        MACAddress: (e) => u.a.isMACAddress(e),
-        MD5: (e) => u.a.isMD5(e),
-        numeric: (e) => u.a.isNumeric(e),
-        UUID: (e, t) => u.a.isUUID(e, t),
-        matches: (e, t) => u.a.matches(e, t),
-        int: (e, t) => u.a.isInt(e, t),
-        hexcolor: (e) => u.a.isHexColor(e),
-        dataURI: (e) => u.a.isDataURI(e),
-        decimal: (e) => u.a.isDecimal(e),
-        alpha: (e, t) => u.a.isAlpha(e, t),
-        negative: (e) => s()(e).value() > -1,
-      };
-      const d = a(3);
-      function textfield_TextField(e) {
-        const { attributes: t, rules: a = {}, onChange: i } = e;
-        const { MuiAttributes: n = {}, InputProps: l = {}, format: u = '', id: m = '' } = t;
-        const [j, y] = r.a.useState({
-          value: t.value || '',
-          helperText: n.helperText || '',
-          error: !1,
-        });
-        const validate = (e) => {
-          let t = !1;
-          const { validation: i } = a;
-          if (i)
-            for (let a = 0; a < i.length; a += 1) {
-              const r = i[a];
-              if (((t = p[r.rule](e, r.value)), !t)) return { isValid: !1, message: r.message };
-            }
-          return { isValid: !0, message: '' };
-        };
-        return Object(d.jsx)(o.a, {
-          fullWidth: !0,
-          ...n,
-          InputProps: Object(c.e)(l),
-          onChange() {
-            for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++) t[a] = arguments[a];
-            const { value: i } = t[0].target;
-            const r = validate(i);
-            y({ value: i, helperText: r.message, error: !r.isValid });
-          },
-          onBlur() {
-            for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++) t[a] = arguments[a];
-            const { value: r } = t[0].target;
-            const n = ((o = r), u ? s()(o).format(u) : o);
-            let o;
-            const c = validate(n);
-            y({ value: n, helperText: c.message, error: !c.isValid }),
-              typeof i === 'function' && i({ id: m, value: n });
-          },
-          onFocus: () => {},
-          value: j.value,
-          error: j.error,
-          helperText: j.helperText,
-        });
-      }
-      textfield_TextField.defaultProps = { attributes: {}, rules: {}, onChange: null };
-    },
-    265(e, t, a) {
-      a.r(t),
-        a.d(t, 'mui', () => i),
-        a.d(t, 'responsiveness', () => r),
-        a.d(t, 'dateRange', () => n),
-        a.d(t, 'dateTimePicker', () => s),
-        a.d(t, 'timePicker', () => o);
-      const i = [
-        {
-          type: 'datetime',
-          props: {
-            id: 'datetime',
-            MuiAttributes: {
-              placeholder: 'Standard',
-              variant: 'standard',
-              fullWidth: !0,
-              sx: { width: '100%' },
-            },
-            value: '12/09/2023',
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-      ];
-      const r = [
-        {
-          type: 'datetime',
-          props: {
-            id: 'datetimemobile',
-            MuiAttributes: { label: 'For mobile', fullWidth: !0, variant: 'standard' },
-            name: 'MobileDatePicker',
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'datetime',
-          props: {
-            id: 'datetimestandard',
-            MuiAttributes: { label: 'For desktop', fullWidth: !0, variant: 'standard' },
-            name: 'DesktopDatePicker',
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-        {
-          type: 'datetime',
-          props: {
-            id: 'datetimeresponsive',
-            MuiAttributes: {
-              label: 'Responsive',
-              fullWidth: !0,
-              variant: 'standard',
-              disableFuture: !0,
-              openTo: 'year',
-              views: ['year', 'month', 'day'],
-            },
-          },
-          layout: { row: 1, xs: 4, sm: 4 },
-        },
-      ];
-      const n = [
-        {
-          type: 'daterangepicker',
-          props: {
-            id: 'daterangepicker',
-            MuiAttributes: {
-              fullWidth: !0,
-              variant: 'standard',
-              startText: 'Check-in',
-              endText: 'Check-out',
-            },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-      const s = [
-        {
-          type: 'datetimepicker',
-          props: {
-            id: 'datetimepicker',
-            MuiAttributes: { label: 'Standard', fullWidth: !0, variant: 'standard' },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-      const o = [
-        {
-          type: 'timepicker',
-          props: {
-            id: 'timepicker',
-            MuiAttributes: { label: 'Standard', fullWidth: !0, variant: 'standard' },
-          },
-          layout: { row: 1, xs: 12, sm: 12 },
-        },
-      ];
-    },
-    40(e, t, a) {
-      a.d(t, 'd', () => generateLayout),
-        a.d(t, 'e', () => getInputProps),
-        a.d(t, 'c', () => generateKey),
-        a.d(t, 'f', () => updatePatchData),
-        a.d(t, 'a', () => DateComponent),
-        a.d(t, 'b', () => checkboxSX);
-      const i = a(99);
-      const r = a(82);
-      const n = a.n(r);
-      const s = a(417);
-      const o = a(285);
-      const c = a(404);
-      const l = a(407);
-      const u = a(1230);
-      const p = a(408);
-      const d = a(414);
-      const m = a(1231);
-      const j = a(410);
-      const y = a(409);
-      const b = a(1232);
-      const h = (a(0), a(3));
-      function generateLayout(e) {
-        const t = { wrows: [], worows: [] };
-        const a = Object(i.clone)(e);
-        t.worows = Object(i.remove)(a, (e) => void 0 === (e.layout ? e.layout.row : e.layout));
-        const r = Object(i.map)(a, 'layout.row');
-        const n = Object(i.uniq)(r);
-        const s = Object(i.sortBy)(n);
-        return (
-          Object(i.each)(s, (e) => {
-            const r = [];
-            Object(i.each)(a, (t) => {
-              t.layout && t.layout.row === e && r.push(t);
-            }),
-              t.wrows.push(r);
-          }),
-          t
-        );
-      }
-      function getInputProps(e) {
-        if (!n()(e)) {
-          const {
-            MuiInputAdornment: t = {},
-            position: a = 'start',
-            icon: i,
-            text: r,
-            textstyle: c = {},
-          } = e;
-          return {
-            [''.concat(a, 'Adornment')]: Object(h.jsxs)(s.a, {
-              ...t,
-              children: [
-                i && Object(h.jsx)(o.a, { children: i }),
-                n()(c) ? r || '' : Object(h.jsx)('div', { style: c, children: r || '' }),
-              ],
-            }),
-          };
-        }
-        return {};
-      }
-      const generateKey = function () {
-        const e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : '';
-        const t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
-        const a = Math.random().toString(36).substr(2, 9);
-        const i = new Date().toLocaleTimeString('en').trim();
-        return ''.concat(e, '_').concat(t, '_').concat(a, '_').concat(i);
-      };
-      const updatePatchData = (e, t, a, r) => {
-        r[a] = t;
-        const n = Object.assign([], e);
-        return Object(i.map)(n, (e) => {
-          let t;
-          const i = { ...e };
-          const n =
-            (i == null ? void 0 : i.id) ||
-            (i == null || (t = i.props) === null || void 0 === t ? void 0 : t.id);
-          return n && r[a][n] && (i.props.value = r[a][n] || ''), i;
-        });
-      };
-      const DateComponent = (e) =>
-        e === 'MobileDatePicker'
-          ? c.a
-          : e === 'DesktopDatePicker'
-            ? l.a
-            : e === 'DateTimePicker'
-              ? u.a
-              : e === 'MobileDateTimePicker'
-                ? p.a
-                : e === 'DesktopDateTimePicker'
-                  ? d.a
-                  : e === 'TimePicker'
-                    ? m.a
-                    : e === 'MobileTimePicker'
-                      ? j.a
-                      : e === 'DesktopTimePicker'
-                        ? y.a
-                        : b.a;
-      const checkboxSX = (e) => (e ? { color: e, '&.Mui-checked': { color: e } } : {});
-    },
-    452(e, t, a) {
-      e.exports = a(1222);
-    },
-    647(e, t, a) {
-      const i = {
-        './Binary_Property/ASCII.js': 648,
-        './Binary_Property/ASCII_Hex_Digit.js': 649,
-        './Binary_Property/Alphabetic.js': 650,
-        './Binary_Property/Any.js': 651,
-        './Binary_Property/Assigned.js': 652,
-        './Binary_Property/Bidi_Control.js': 653,
-        './Binary_Property/Bidi_Mirrored.js': 654,
-        './Binary_Property/Case_Ignorable.js': 655,
-        './Binary_Property/Cased.js': 656,
-        './Binary_Property/Changes_When_Casefolded.js': 657,
-        './Binary_Property/Changes_When_Casemapped.js': 658,
-        './Binary_Property/Changes_When_Lowercased.js': 659,
-        './Binary_Property/Changes_When_NFKC_Casefolded.js': 660,
-        './Binary_Property/Changes_When_Titlecased.js': 661,
-        './Binary_Property/Changes_When_Uppercased.js': 662,
-        './Binary_Property/Dash.js': 663,
-        './Binary_Property/Default_Ignorable_Code_Point.js': 664,
-        './Binary_Property/Deprecated.js': 665,
-        './Binary_Property/Diacritic.js': 666,
-        './Binary_Property/Emoji.js': 667,
-        './Binary_Property/Emoji_Component.js': 668,
-        './Binary_Property/Emoji_Modifier.js': 669,
-        './Binary_Property/Emoji_Modifier_Base.js': 670,
-        './Binary_Property/Emoji_Presentation.js': 671,
-        './Binary_Property/Extended_Pictographic.js': 672,
-        './Binary_Property/Extender.js': 673,
-        './Binary_Property/Grapheme_Base.js': 674,
-        './Binary_Property/Grapheme_Extend.js': 675,
-        './Binary_Property/Hex_Digit.js': 676,
-        './Binary_Property/IDS_Binary_Operator.js': 677,
-        './Binary_Property/IDS_Trinary_Operator.js': 678,
-        './Binary_Property/ID_Continue.js': 679,
-        './Binary_Property/ID_Start.js': 680,
-        './Binary_Property/Ideographic.js': 681,
-        './Binary_Property/Join_Control.js': 682,
-        './Binary_Property/Logical_Order_Exception.js': 683,
-        './Binary_Property/Lowercase.js': 684,
-        './Binary_Property/Math.js': 685,
-        './Binary_Property/Noncharacter_Code_Point.js': 686,
-        './Binary_Property/Pattern_Syntax.js': 687,
-        './Binary_Property/Pattern_White_Space.js': 688,
-        './Binary_Property/Quotation_Mark.js': 689,
-        './Binary_Property/Radical.js': 690,
-        './Binary_Property/Regional_Indicator.js': 691,
-        './Binary_Property/Sentence_Terminal.js': 692,
-        './Binary_Property/Soft_Dotted.js': 693,
-        './Binary_Property/Terminal_Punctuation.js': 694,
-        './Binary_Property/Unified_Ideograph.js': 695,
-        './Binary_Property/Uppercase.js': 696,
-        './Binary_Property/Variation_Selector.js': 697,
-        './Binary_Property/White_Space.js': 698,
-        './Binary_Property/XID_Continue.js': 699,
-        './Binary_Property/XID_Start.js': 700,
-        './General_Category/Cased_Letter.js': 701,
-        './General_Category/Close_Punctuation.js': 702,
-        './General_Category/Connector_Punctuation.js': 703,
-        './General_Category/Control.js': 704,
-        './General_Category/Currency_Symbol.js': 705,
-        './General_Category/Dash_Punctuation.js': 706,
-        './General_Category/Decimal_Number.js': 707,
-        './General_Category/Enclosing_Mark.js': 708,
-        './General_Category/Final_Punctuation.js': 709,
-        './General_Category/Format.js': 710,
-        './General_Category/Initial_Punctuation.js': 711,
-        './General_Category/Letter.js': 712,
-        './General_Category/Letter_Number.js': 713,
-        './General_Category/Line_Separator.js': 714,
-        './General_Category/Lowercase_Letter.js': 715,
-        './General_Category/Mark.js': 716,
-        './General_Category/Math_Symbol.js': 717,
-        './General_Category/Modifier_Letter.js': 718,
-        './General_Category/Modifier_Symbol.js': 719,
-        './General_Category/Nonspacing_Mark.js': 720,
-        './General_Category/Number.js': 721,
-        './General_Category/Open_Punctuation.js': 722,
-        './General_Category/Other.js': 723,
-        './General_Category/Other_Letter.js': 724,
-        './General_Category/Other_Number.js': 725,
-        './General_Category/Other_Punctuation.js': 726,
-        './General_Category/Other_Symbol.js': 727,
-        './General_Category/Paragraph_Separator.js': 728,
-        './General_Category/Private_Use.js': 729,
-        './General_Category/Punctuation.js': 730,
-        './General_Category/Separator.js': 731,
-        './General_Category/Space_Separator.js': 732,
-        './General_Category/Spacing_Mark.js': 733,
-        './General_Category/Surrogate.js': 734,
-        './General_Category/Symbol.js': 735,
-        './General_Category/Titlecase_Letter.js': 736,
-        './General_Category/Unassigned.js': 737,
-        './General_Category/Uppercase_Letter.js': 738,
-        './Script/Adlam.js': 739,
-        './Script/Ahom.js': 740,
-        './Script/Anatolian_Hieroglyphs.js': 741,
-        './Script/Arabic.js': 742,
-        './Script/Armenian.js': 743,
-        './Script/Avestan.js': 744,
-        './Script/Balinese.js': 745,
-        './Script/Bamum.js': 746,
-        './Script/Bassa_Vah.js': 747,
-        './Script/Batak.js': 748,
-        './Script/Bengali.js': 749,
-        './Script/Bhaiksuki.js': 750,
-        './Script/Bopomofo.js': 751,
-        './Script/Brahmi.js': 752,
-        './Script/Braille.js': 753,
-        './Script/Buginese.js': 754,
-        './Script/Buhid.js': 755,
-        './Script/Canadian_Aboriginal.js': 756,
-        './Script/Carian.js': 757,
-        './Script/Caucasian_Albanian.js': 758,
-        './Script/Chakma.js': 759,
-        './Script/Cham.js': 760,
-        './Script/Cherokee.js': 761,
-        './Script/Chorasmian.js': 762,
-        './Script/Common.js': 763,
-        './Script/Coptic.js': 764,
-        './Script/Cuneiform.js': 765,
-        './Script/Cypriot.js': 766,
-        './Script/Cyrillic.js': 767,
-        './Script/Deseret.js': 768,
-        './Script/Devanagari.js': 769,
-        './Script/Dives_Akuru.js': 770,
-        './Script/Dogra.js': 771,
-        './Script/Duployan.js': 772,
-        './Script/Egyptian_Hieroglyphs.js': 773,
-        './Script/Elbasan.js': 774,
-        './Script/Elymaic.js': 775,
-        './Script/Ethiopic.js': 776,
-        './Script/Georgian.js': 777,
-        './Script/Glagolitic.js': 778,
-        './Script/Gothic.js': 779,
-        './Script/Grantha.js': 780,
-        './Script/Greek.js': 781,
-        './Script/Gujarati.js': 782,
-        './Script/Gunjala_Gondi.js': 783,
-        './Script/Gurmukhi.js': 784,
-        './Script/Han.js': 785,
-        './Script/Hangul.js': 786,
-        './Script/Hanifi_Rohingya.js': 787,
-        './Script/Hanunoo.js': 788,
-        './Script/Hatran.js': 789,
-        './Script/Hebrew.js': 790,
-        './Script/Hiragana.js': 791,
-        './Script/Imperial_Aramaic.js': 792,
-        './Script/Inherited.js': 793,
-        './Script/Inscriptional_Pahlavi.js': 794,
-        './Script/Inscriptional_Parthian.js': 795,
-        './Script/Javanese.js': 796,
-        './Script/Kaithi.js': 797,
-        './Script/Kannada.js': 798,
-        './Script/Katakana.js': 799,
-        './Script/Kayah_Li.js': 800,
-        './Script/Kharoshthi.js': 801,
-        './Script/Khitan_Small_Script.js': 802,
-        './Script/Khmer.js': 803,
-        './Script/Khojki.js': 804,
-        './Script/Khudawadi.js': 805,
-        './Script/Lao.js': 806,
-        './Script/Latin.js': 807,
-        './Script/Lepcha.js': 808,
-        './Script/Limbu.js': 809,
-        './Script/Linear_A.js': 810,
-        './Script/Linear_B.js': 811,
-        './Script/Lisu.js': 812,
-        './Script/Lycian.js': 813,
-        './Script/Lydian.js': 814,
-        './Script/Mahajani.js': 815,
-        './Script/Makasar.js': 816,
-        './Script/Malayalam.js': 817,
-        './Script/Mandaic.js': 818,
-        './Script/Manichaean.js': 819,
-        './Script/Marchen.js': 820,
-        './Script/Masaram_Gondi.js': 821,
-        './Script/Medefaidrin.js': 822,
-        './Script/Meetei_Mayek.js': 823,
-        './Script/Mende_Kikakui.js': 824,
-        './Script/Meroitic_Cursive.js': 825,
-        './Script/Meroitic_Hieroglyphs.js': 826,
-        './Script/Miao.js': 827,
-        './Script/Modi.js': 828,
-        './Script/Mongolian.js': 829,
-        './Script/Mro.js': 830,
-        './Script/Multani.js': 831,
-        './Script/Myanmar.js': 832,
-        './Script/Nabataean.js': 833,
-        './Script/Nandinagari.js': 834,
-        './Script/New_Tai_Lue.js': 835,
-        './Script/Newa.js': 836,
-        './Script/Nko.js': 837,
-        './Script/Nushu.js': 838,
-        './Script/Nyiakeng_Puachue_Hmong.js': 839,
-        './Script/Ogham.js': 840,
-        './Script/Ol_Chiki.js': 841,
-        './Script/Old_Hungarian.js': 842,
-        './Script/Old_Italic.js': 843,
-        './Script/Old_North_Arabian.js': 844,
-        './Script/Old_Permic.js': 845,
-        './Script/Old_Persian.js': 846,
-        './Script/Old_Sogdian.js': 847,
-        './Script/Old_South_Arabian.js': 848,
-        './Script/Old_Turkic.js': 849,
-        './Script/Oriya.js': 850,
-        './Script/Osage.js': 851,
-        './Script/Osmanya.js': 852,
-        './Script/Pahawh_Hmong.js': 853,
-        './Script/Palmyrene.js': 854,
-        './Script/Pau_Cin_Hau.js': 855,
-        './Script/Phags_Pa.js': 856,
-        './Script/Phoenician.js': 857,
-        './Script/Psalter_Pahlavi.js': 858,
-        './Script/Rejang.js': 859,
-        './Script/Runic.js': 860,
-        './Script/Samaritan.js': 861,
-        './Script/Saurashtra.js': 862,
-        './Script/Sharada.js': 863,
-        './Script/Shavian.js': 864,
-        './Script/Siddham.js': 865,
-        './Script/SignWriting.js': 866,
-        './Script/Sinhala.js': 867,
-        './Script/Sogdian.js': 868,
-        './Script/Sora_Sompeng.js': 869,
-        './Script/Soyombo.js': 870,
-        './Script/Sundanese.js': 871,
-        './Script/Syloti_Nagri.js': 872,
-        './Script/Syriac.js': 873,
-        './Script/Tagalog.js': 874,
-        './Script/Tagbanwa.js': 875,
-        './Script/Tai_Le.js': 876,
-        './Script/Tai_Tham.js': 877,
-        './Script/Tai_Viet.js': 878,
-        './Script/Takri.js': 879,
-        './Script/Tamil.js': 880,
-        './Script/Tangut.js': 881,
-        './Script/Telugu.js': 882,
-        './Script/Thaana.js': 883,
-        './Script/Thai.js': 884,
-        './Script/Tibetan.js': 885,
-        './Script/Tifinagh.js': 886,
-        './Script/Tirhuta.js': 887,
-        './Script/Ugaritic.js': 888,
-        './Script/Vai.js': 889,
-        './Script/Wancho.js': 890,
-        './Script/Warang_Citi.js': 891,
-        './Script/Yezidi.js': 892,
-        './Script/Yi.js': 893,
-        './Script/Zanabazar_Square.js': 894,
-        './Script_Extensions/Adlam.js': 895,
-        './Script_Extensions/Ahom.js': 896,
-        './Script_Extensions/Anatolian_Hieroglyphs.js': 897,
-        './Script_Extensions/Arabic.js': 898,
-        './Script_Extensions/Armenian.js': 899,
-        './Script_Extensions/Avestan.js': 900,
-        './Script_Extensions/Balinese.js': 901,
-        './Script_Extensions/Bamum.js': 902,
-        './Script_Extensions/Bassa_Vah.js': 903,
-        './Script_Extensions/Batak.js': 904,
-        './Script_Extensions/Bengali.js': 905,
-        './Script_Extensions/Bhaiksuki.js': 906,
-        './Script_Extensions/Bopomofo.js': 907,
-        './Script_Extensions/Brahmi.js': 908,
-        './Script_Extensions/Braille.js': 909,
-        './Script_Extensions/Buginese.js': 910,
-        './Script_Extensions/Buhid.js': 911,
-        './Script_Extensions/Canadian_Aboriginal.js': 912,
-        './Script_Extensions/Carian.js': 913,
-        './Script_Extensions/Caucasian_Albanian.js': 914,
-        './Script_Extensions/Chakma.js': 915,
-        './Script_Extensions/Cham.js': 916,
-        './Script_Extensions/Cherokee.js': 917,
-        './Script_Extensions/Chorasmian.js': 918,
-        './Script_Extensions/Common.js': 919,
-        './Script_Extensions/Coptic.js': 920,
-        './Script_Extensions/Cuneiform.js': 921,
-        './Script_Extensions/Cypriot.js': 922,
-        './Script_Extensions/Cyrillic.js': 923,
-        './Script_Extensions/Deseret.js': 924,
-        './Script_Extensions/Devanagari.js': 925,
-        './Script_Extensions/Dives_Akuru.js': 926,
-        './Script_Extensions/Dogra.js': 927,
-        './Script_Extensions/Duployan.js': 928,
-        './Script_Extensions/Egyptian_Hieroglyphs.js': 929,
-        './Script_Extensions/Elbasan.js': 930,
-        './Script_Extensions/Elymaic.js': 931,
-        './Script_Extensions/Ethiopic.js': 932,
-        './Script_Extensions/Georgian.js': 933,
-        './Script_Extensions/Glagolitic.js': 934,
-        './Script_Extensions/Gothic.js': 935,
-        './Script_Extensions/Grantha.js': 936,
-        './Script_Extensions/Greek.js': 937,
-        './Script_Extensions/Gujarati.js': 938,
-        './Script_Extensions/Gunjala_Gondi.js': 939,
-        './Script_Extensions/Gurmukhi.js': 940,
-        './Script_Extensions/Han.js': 941,
-        './Script_Extensions/Hangul.js': 942,
-        './Script_Extensions/Hanifi_Rohingya.js': 943,
-        './Script_Extensions/Hanunoo.js': 944,
-        './Script_Extensions/Hatran.js': 945,
-        './Script_Extensions/Hebrew.js': 946,
-        './Script_Extensions/Hiragana.js': 947,
-        './Script_Extensions/Imperial_Aramaic.js': 948,
-        './Script_Extensions/Inherited.js': 949,
-        './Script_Extensions/Inscriptional_Pahlavi.js': 950,
-        './Script_Extensions/Inscriptional_Parthian.js': 951,
-        './Script_Extensions/Javanese.js': 952,
-        './Script_Extensions/Kaithi.js': 953,
-        './Script_Extensions/Kannada.js': 954,
-        './Script_Extensions/Katakana.js': 955,
-        './Script_Extensions/Kayah_Li.js': 956,
-        './Script_Extensions/Kharoshthi.js': 957,
-        './Script_Extensions/Khitan_Small_Script.js': 958,
-        './Script_Extensions/Khmer.js': 959,
-        './Script_Extensions/Khojki.js': 960,
-        './Script_Extensions/Khudawadi.js': 961,
-        './Script_Extensions/Lao.js': 962,
-        './Script_Extensions/Latin.js': 963,
-        './Script_Extensions/Lepcha.js': 964,
-        './Script_Extensions/Limbu.js': 965,
-        './Script_Extensions/Linear_A.js': 966,
-        './Script_Extensions/Linear_B.js': 967,
-        './Script_Extensions/Lisu.js': 968,
-        './Script_Extensions/Lycian.js': 969,
-        './Script_Extensions/Lydian.js': 970,
-        './Script_Extensions/Mahajani.js': 971,
-        './Script_Extensions/Makasar.js': 972,
-        './Script_Extensions/Malayalam.js': 973,
-        './Script_Extensions/Mandaic.js': 974,
-        './Script_Extensions/Manichaean.js': 975,
-        './Script_Extensions/Marchen.js': 976,
-        './Script_Extensions/Masaram_Gondi.js': 977,
-        './Script_Extensions/Medefaidrin.js': 978,
-        './Script_Extensions/Meetei_Mayek.js': 979,
-        './Script_Extensions/Mende_Kikakui.js': 980,
-        './Script_Extensions/Meroitic_Cursive.js': 981,
-        './Script_Extensions/Meroitic_Hieroglyphs.js': 982,
-        './Script_Extensions/Miao.js': 983,
-        './Script_Extensions/Modi.js': 984,
-        './Script_Extensions/Mongolian.js': 985,
-        './Script_Extensions/Mro.js': 986,
-        './Script_Extensions/Multani.js': 987,
-        './Script_Extensions/Myanmar.js': 988,
-        './Script_Extensions/Nabataean.js': 989,
-        './Script_Extensions/Nandinagari.js': 990,
-        './Script_Extensions/New_Tai_Lue.js': 991,
-        './Script_Extensions/Newa.js': 992,
-        './Script_Extensions/Nko.js': 993,
-        './Script_Extensions/Nushu.js': 994,
-        './Script_Extensions/Nyiakeng_Puachue_Hmong.js': 995,
-        './Script_Extensions/Ogham.js': 996,
-        './Script_Extensions/Ol_Chiki.js': 997,
-        './Script_Extensions/Old_Hungarian.js': 998,
-        './Script_Extensions/Old_Italic.js': 999,
-        './Script_Extensions/Old_North_Arabian.js': 1e3,
-        './Script_Extensions/Old_Permic.js': 1001,
-        './Script_Extensions/Old_Persian.js': 1002,
-        './Script_Extensions/Old_Sogdian.js': 1003,
-        './Script_Extensions/Old_South_Arabian.js': 1004,
-        './Script_Extensions/Old_Turkic.js': 1005,
-        './Script_Extensions/Oriya.js': 1006,
-        './Script_Extensions/Osage.js': 1007,
-        './Script_Extensions/Osmanya.js': 1008,
-        './Script_Extensions/Pahawh_Hmong.js': 1009,
-        './Script_Extensions/Palmyrene.js': 1010,
-        './Script_Extensions/Pau_Cin_Hau.js': 1011,
-        './Script_Extensions/Phags_Pa.js': 1012,
-        './Script_Extensions/Phoenician.js': 1013,
-        './Script_Extensions/Psalter_Pahlavi.js': 1014,
-        './Script_Extensions/Rejang.js': 1015,
-        './Script_Extensions/Runic.js': 1016,
-        './Script_Extensions/Samaritan.js': 1017,
-        './Script_Extensions/Saurashtra.js': 1018,
-        './Script_Extensions/Sharada.js': 1019,
-        './Script_Extensions/Shavian.js': 1020,
-        './Script_Extensions/Siddham.js': 1021,
-        './Script_Extensions/SignWriting.js': 1022,
-        './Script_Extensions/Sinhala.js': 1023,
-        './Script_Extensions/Sogdian.js': 1024,
-        './Script_Extensions/Sora_Sompeng.js': 1025,
-        './Script_Extensions/Soyombo.js': 1026,
-        './Script_Extensions/Sundanese.js': 1027,
-        './Script_Extensions/Syloti_Nagri.js': 1028,
-        './Script_Extensions/Syriac.js': 1029,
-        './Script_Extensions/Tagalog.js': 1030,
-        './Script_Extensions/Tagbanwa.js': 1031,
-        './Script_Extensions/Tai_Le.js': 1032,
-        './Script_Extensions/Tai_Tham.js': 1033,
-        './Script_Extensions/Tai_Viet.js': 1034,
-        './Script_Extensions/Takri.js': 1035,
-        './Script_Extensions/Tamil.js': 1036,
-        './Script_Extensions/Tangut.js': 1037,
-        './Script_Extensions/Telugu.js': 1038,
-        './Script_Extensions/Thaana.js': 1039,
-        './Script_Extensions/Thai.js': 1040,
-        './Script_Extensions/Tibetan.js': 1041,
-        './Script_Extensions/Tifinagh.js': 1042,
-        './Script_Extensions/Tirhuta.js': 1043,
-        './Script_Extensions/Ugaritic.js': 1044,
-        './Script_Extensions/Vai.js': 1045,
-        './Script_Extensions/Wancho.js': 1046,
-        './Script_Extensions/Warang_Citi.js': 1047,
-        './Script_Extensions/Yezidi.js': 1048,
-        './Script_Extensions/Yi.js': 1049,
-        './Script_Extensions/Zanabazar_Square.js': 1050,
-        './index.js': 1051,
-        './unicode-version.js': 1052,
-      };
-      function webpackContext(e) {
-        const t = webpackContextResolve(e);
-        return a(t);
-      }
-      function webpackContextResolve(e) {
-        if (!a.o(i, e)) {
-          const t = new Error(`Cannot find module '${e}'`);
-          throw ((t.code = 'MODULE_NOT_FOUND'), t);
-        }
-        return i[e];
-      }
-      (webpackContext.keys = function webpackContextKeys() {
-        return Object.keys(i);
-      }),
-        (webpackContext.resolve = webpackContextResolve),
-        (e.exports = webpackContext),
-        (webpackContext.id = 647);
-    },
-    74(e, t, a) {
-      a.d(t, 'a', () => useUpdateEffect);
-      const i = a(0);
-      function useIsFirstRender() {
-        const e = Object(i.useRef)(!0);
-        return e.current ? ((e.current = !1), !0) : e.current;
-      }
-      function useUpdateEffect(e, t) {
-        const a = useIsFirstRender();
-        Object(i.useEffect)(() => {
-          if (!a) return e();
-        }, t);
-      }
-    },
-    86(e, t, a) {
-      a.r(t),
-        a.d(t, 'FormData', () => FormData),
-        a.d(t, 'ClearFormData', () => ClearFormData),
-        a.d(t, 'FormGenerator', () => FormGenerator);
-      const i = a(0);
-      const r = a.n(i);
-      const n = a(1327);
-      const s = a(82);
-      const o = a.n(s);
-      const c = {
-        textfield: { type: 'TextField', map: 'TextField' },
-        typography: { type: 'Typography', map: 'Typography' },
-        datatable: { type: 'Table', map: 'Table' },
-        datetime: { type: 'DateTime', map: 'DateTime' },
-        daterangepicker: { type: 'DateRangePicker', map: 'DateRangePicker' },
-        datetimepicker: { type: 'DateTimePicker', map: 'DateTimePicker' },
-        timepicker: { type: 'TimePicker', map: 'TimePicker' },
-        select: { type: 'Select', map: 'Select' },
-        checkbox: { type: 'CheckBox', map: 'CheckBox' },
-        switch: { type: 'Switch', map: 'Switch' },
-        radio: { type: 'Radio', map: 'Radio' },
-      };
-      const l = a(196);
-      const u = a(205);
-      const p = a(197);
-      const d = a(198);
-      const m = a(199);
-      const j = a(200);
-      const y = a(201);
-      const b = a(195);
-      const h = a(203);
-      const f = a(204);
-      const x = {
-        Typography: l.default,
-        TextField: u.default,
-        Table: p.default,
-        DateTime: d.default,
-        DateTimePicker: m.default,
-        TimePicker: j.default,
-        Select: y.default,
-        CheckBox: b.default,
-        Switch: h.default,
-        Radio: f.default,
-      };
-      const S = a(3);
-      function DynamicComponent(e) {
-        const { map: t } = e;
-        const a = x[t];
-        return Object(S.jsx)(a, { ...e });
-      }
-      const _ = a(40);
-      const g = a(74);
-      const v = { MUI: { map: c } };
-      const C = {};
-      const FormData = (e) => (e ? C[e] : C);
-      const ClearFormData = (e) => {
-        const t = Object.keys(C);
-        e ? delete C[e] : t.forEach((e) => delete C[e]);
-      };
-      function FormGenerator(e) {
-        const {
-          data: t = [],
-          patch: a = {},
-          guid: s,
-          formRef: c,
-          onSubmit: l,
-          onChange: u,
-          MuiGridAttributes: p = { spacing: 2 },
-        } = e;
-        const [d, m] = Object(i.useState)(a);
-        const j = v.MUI;
-        const y = Object(i.useMemo)(() => Object(_.d)(Object(_.f)(t, d, s, C)), [d, t, s]);
-        Object(i.useEffect)(() => {
-          o()(C[s]) && (C[s] = a);
-        }, []),
-          Object(g.a)(() => {
-            m({ ...a });
-          }, [a]);
-        const b = Object(i.useCallback)((e) => {
-          const { id: t, value: a, option: i } = e;
-          (C[s][t] = a), typeof u === 'function' && u({ id: t, value: a, option: i });
-        }, []);
-        const h = Object(i.useCallback)((e, t, a) => {
-          typeof e === 'function' && e(C, null, t, a);
-        }, []);
-        const renderDynamicComponent = (e, t) => {
-          const {
-            type: a = '',
-            style: i = {},
-            className: r = '',
-            visible: s = !1,
-            rules: o = {},
-          } = e;
-          const c = e.props || {};
-          const l = e.layout || {};
-          const u = j.map[a] || {};
-          const { options: p = {} } = u;
-          return Object(S.jsx)(
-            n.a,
-            {
-              item: !0,
-              style: i,
-              ...l,
-              className: ''.concat(r, ' ').concat(s ? 'show' : 'hidden'),
-              children: Object(S.jsx)(
-                DynamicComponent,
-                {
-                  map: u.map,
-                  option: p.type || '',
-                  control: e,
-                  attributes: c,
-                  rules: o,
-                  onChange: b,
-                },
-                Object(_.c)('dynamic-comp', t),
-              ),
-            },
-            Object(_.c)('layout-comp', t),
-          );
-        };
-        return Object(S.jsxs)(S.Fragment, {
-          children: [
-            Object(S.jsx)(
-              n.a,
-              {
-                container: !0,
-                ...p,
-                children: y.wrows.map((e, t) =>
-                  Object(S.jsx)(
-                    r.a.Fragment,
-                    { children: e.map(renderDynamicComponent) },
-                    Object(_.c)('row', t),
-                  ),
-                ),
-              },
-              Object(_.c)('layout-grid'),
-            ),
-            y.worows.map((e, t) =>
-              Object(S.jsx)(
-                'div',
-                {
-                  style: e.style || {},
-                  className: ''
-                    .concat(e.className || '', ' ')
-                    .concat(e.visible ? 'show' : 'hidden'),
-                  children: renderDynamicComponent(e, t),
-                },
-                Object(_.c)('layout-comp', t),
-              ),
-            ),
-            Object(S.jsx)('button', {
-              'aria-label': 'button',
-              type: 'button',
-              ref: c,
-              onClick: () => h(l, t, s),
-              style: { display: 'none' },
-            }),
-          ],
-        });
-      }
-      FormGenerator.defaultProps = {
-        patch: {},
-        formRef: {},
-        onSubmit: null,
-        onChange: null,
-        MuiGridAttributes: { spacing: 2 },
-      };
-      t.default = {
-        FormGenerator,
-        FormData,
-        ClearFormData,
-      };
-    },
-  },
-  [[452, 1, 2]],
-]);