@erpsquad/common 1.8.75 → 1.8.77

package/dist/views/form-builder/element-edit-forms/column-width/index.esm.js

@@ -6,7 +6,7 @@ import InputAdornment from "../../../../node_modules/@mui/material/InputAdornmen
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 import Remove from "../../../../node_modules/@mui/icons-material/esm/Remove/index.esm.js";
-function ColumnWidth({ onChange }) {
+const ColumnWidth = ({ onChange }) => {
   const [value, setValue] = useState(6);
   const handleIncrement = () => {
     setValue((prev) => prev + 1);
@@ -15,7 +15,7 @@ function ColumnWidth({ onChange }) {
     setValue((prev) => Math.max(0, prev - 1));
   };
   const handleInputChange = (event) => {
-    const newValue = parseInt(event.target.value) || 0;
+    const newValue = Number.parseInt(event.target.value) || 0;
     setValue(Math.max(0, newValue));
   };
   useEffect(() => {
@@ -85,8 +85,9 @@ function ColumnWidth({ onChange }) {
       value
     ] })
   ] });
-}
+};
 export {
+  ColumnWidth,
   ColumnWidth as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/element-edit-forms/column-width/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/column-width.tsx"],"sourcesContent":["// React imports\nimport React, { useEffect, useState } from 'react';\n\n// Material UI imports\nimport { Box, IconButton, TextField, InputAdornment } from '@mui/material';\nimport { Add, Remove } from '@mui/icons-material';\n\nexport default function ColumnWidth({onChange}) {\n  const [value, setValue] = useState(6);\n\n  const handleIncrement = () => {\n    setValue(prev => prev + 1);\n  };\n\n  const handleDecrement = () => {\n    setValue(prev => Math.max(0, prev - 1)); // Prevent negative values\n  };\n\n  const handleInputChange = (event) => {\n    const newValue = parseInt(event.target.value) || 0;\n    setValue(Math.max(0, newValue));\n  };\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, p: 4 }}>\n      <TextField\n        value={value}\n        onChange={handleInputChange}\n        name='custom_width'\n        size=\"small\"\n        sx={{\n          width: '120px',\n          '& .MuiOutlinedInput-root': {\n            paddingLeft: 0,\n            paddingRight: 0,\n            '& input': {\n              textAlign: 'center',\n              padding: '8px 4px',\n            }\n          }\n        }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                onClick={handleDecrement}\n                size=\"small\"\n                sx={{\n                  marginLeft: '-4px',\n                  borderRadius: '4px 0 0 4px',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={handleIncrement}\n                size=\"small\"\n                sx={{\n                  marginRight: '-4px',\n                  borderRadius: '0 4px 4px 0',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          type: 'number',\n          min: 0,\n        }}\n      />\n      \n      <Box sx={{ ml: 2, color: 'text.secondary' }}>\n        Current value: {value}\n      </Box>\n    </Box>\n  );\n}"],"names":[],"mappings":";;;;;;;;AAOA,SAAwB,YAAY,EAAC,YAAW;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,kBAAkB,MAAM;AAC5B,aAAS,CAAA,SAAQ,OAAO,CAAC;AAAA,EAC3B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,aAAS,UAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,EACxC;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,WAAW,SAAS,MAAM,OAAO,KAAK,KAAK;AACjD,aAAS,KAAK,IAAI,GAAG,QAAQ,CAAC;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,GAAG,EAAA,GAC3D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAK;AAAA,QACL,IAAI;AAAA,UACF,OAAO;AAAA,UACP,4BAA4B;AAAA,YAC1B,aAAa;AAAA,YACb,cAAc;AAAA,YACd,WAAW;AAAA,cACT,WAAW;AAAA,cACX,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF,YAAY;AAAA,UACV,gBACE,oBAAC,gBAAA,EAAe,UAAS,SACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,cAAc;AAAA,gBACd,QAAQ;AAAA,gBACR,WAAW;AAAA,kBACT,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAGF,UAAA,oBAAC,QAAA,EAAO,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,GAE7B;AAAA,UAEF,cACE,oBAAC,gBAAA,EAAe,UAAS,OACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,cAAc;AAAA,gBACd,QAAQ;AAAA,gBACR,WAAW;AAAA,kBACT,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAGF,UAAA,oBAAC,KAAA,EAAI,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,EACxB,CACF;AAAA,QAAA;AAAA,QAGJ,YAAY;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,IAGF,qBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,OAAO,oBAAoB,UAAA;AAAA,MAAA;AAAA,MAC3B;AAAA,IAAA,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/column-width.tsx"],"sourcesContent":["// React imports\nimport React, { useEffect, useState } from 'react';\n\n// Material UI imports\nimport { Box, IconButton, TextField, InputAdornment } from '@mui/material';\nimport { Add, Remove } from '@mui/icons-material';\n\nexport interface IColumnWidthProps {\n  onChange: (value: number) => void;\n}\n\nexport const ColumnWidth = ({onChange}: IColumnWidthProps) => {\n  const [value, setValue] = useState(6);\n\n  const handleIncrement = () => {\n    setValue(prev => prev + 1);\n  };\n\n  const handleDecrement = () => {\n    setValue(prev => Math.max(0, prev - 1)); // Prevent negative values\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = Number.parseInt(event.target.value) || 0;\n    setValue(Math.max(0, newValue));\n  };\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, p: 4 }}>\n      <TextField\n        value={value}\n        onChange={handleInputChange}\n        name='custom_width'\n        size=\"small\"\n        sx={{\n          width: '120px',\n          '& .MuiOutlinedInput-root': {\n            paddingLeft: 0,\n            paddingRight: 0,\n            '& input': {\n              textAlign: 'center',\n              padding: '8px 4px',\n            }\n          }\n        }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                onClick={handleDecrement}\n                size=\"small\"\n                sx={{\n                  marginLeft: '-4px',\n                  borderRadius: '4px 0 0 4px',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={handleIncrement}\n                size=\"small\"\n                sx={{\n                  marginRight: '-4px',\n                  borderRadius: '0 4px 4px 0',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          type: 'number',\n          min: 0,\n        }}\n      />\n      \n      <Box sx={{ ml: 2, color: 'text.secondary' }}>\n        Current value: {value}\n      </Box>\n    </Box>\n  );\n};\n\nexport default ColumnWidth;"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,cAAc,CAAC,EAAC,eAAiC;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,kBAAkB,MAAM;AAC5B,aAAS,CAAA,SAAQ,OAAO,CAAC;AAAA,EAC3B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,aAAS,UAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,EACxC;AAEA,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,WAAW,OAAO,SAAS,MAAM,OAAO,KAAK,KAAK;AACxD,aAAS,KAAK,IAAI,GAAG,QAAQ,CAAC;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,GAAG,EAAA,GAC3D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAK;AAAA,QACL,IAAI;AAAA,UACF,OAAO;AAAA,UACP,4BAA4B;AAAA,YAC1B,aAAa;AAAA,YACb,cAAc;AAAA,YACd,WAAW;AAAA,cACT,WAAW;AAAA,cACX,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF,YAAY;AAAA,UACV,gBACE,oBAAC,gBAAA,EAAe,UAAS,SACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,cAAc;AAAA,gBACd,QAAQ;AAAA,gBACR,WAAW;AAAA,kBACT,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAGF,UAAA,oBAAC,QAAA,EAAO,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,GAE7B;AAAA,UAEF,cACE,oBAAC,gBAAA,EAAe,UAAS,OACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,cAAc;AAAA,gBACd,QAAQ;AAAA,gBACR,WAAW;AAAA,kBACT,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAGF,UAAA,oBAAC,KAAA,EAAI,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,EACxB,CACF;AAAA,QAAA;AAAA,QAGJ,YAAY;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,IAGF,qBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,OAAO,oBAAoB,UAAA;AAAA,MAAA;AAAA,MAC3B;AAAA,IAAA,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/views/form-builder/element-edit-forms/column-width/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("../../../../node_modules/@mui/material/Box/Box/index.js"),r=require("../../../../node_modules/@mui/material/TextField/TextField/index.js"),i=require("../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),d=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js"),s=require("../../../../node_modules/@mui/icons-material/esm/Remove/index.js");exports.default=function({onChange:a}){const[u,l]=n.useState(6);return n.useEffect(()=>{a(u)},[u]),/* @__PURE__ */e.jsxs(t.default,{sx:{display:"flex",alignItems:"center",gap:2,p:4},children:[
-/* @__PURE__ */e.jsx(r.default,{value:u,onChange:e=>{const n=parseInt(e.target.value)||0;l(Math.max(0,n))},name:"custom_width",size:"small",sx:{width:"120px","& .MuiOutlinedInput-root":{paddingLeft:0,paddingRight:0,"& input":{textAlign:"center",padding:"8px 4px"}}},InputProps:{startAdornment:/* @__PURE__ */e.jsx(i.default,{position:"start",children:/* @__PURE__ */e.jsx(d.default,{onClick:()=>{l(e=>Math.max(0,e-1))},size:"small",sx:{marginLeft:"-4px",borderRadius:"4px 0 0 4px",border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})}),endAdornment:/* @__PURE__ */e.jsx(i.default,{position:"end",children:/* @__PURE__ */e.jsx(d.default,{onClick:()=>{l(e=>e+1)},size:"small",sx:{marginRight:"-4px",borderRadius:"0 4px 4px 0",border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},children:/* @__PURE__ */e.jsx(o.default,{fontSize:"small"})})})},inputProps:{type:"number",min:0}}),
-/* @__PURE__ */e.jsxs(t.default,{sx:{ml:2,color:"text.secondary"},children:["Current value: ",u]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../../node_modules/@mui/material/Box/Box/index.js"),r=require("../../../../node_modules/@mui/material/TextField/TextField/index.js"),i=require("../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),d=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js"),s=require("../../../../node_modules/@mui/icons-material/esm/Remove/index.js");const a=({onChange:a})=>{const[u,l]=t.useState(6);return t.useEffect(()=>{a(u)},[u]),/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",alignItems:"center",gap:2,p:4},children:[
+/* @__PURE__ */e.jsx(r.default,{value:u,onChange:e=>{const t=Number.parseInt(e.target.value)||0;l(Math.max(0,t))},name:"custom_width",size:"small",sx:{width:"120px","& .MuiOutlinedInput-root":{paddingLeft:0,paddingRight:0,"& input":{textAlign:"center",padding:"8px 4px"}}},InputProps:{startAdornment:/* @__PURE__ */e.jsx(i.default,{position:"start",children:/* @__PURE__ */e.jsx(d.default,{onClick:()=>{l(e=>Math.max(0,e-1))},size:"small",sx:{marginLeft:"-4px",borderRadius:"4px 0 0 4px",border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})}),endAdornment:/* @__PURE__ */e.jsx(i.default,{position:"end",children:/* @__PURE__ */e.jsx(d.default,{onClick:()=>{l(e=>e+1)},size:"small",sx:{marginRight:"-4px",borderRadius:"0 4px 4px 0",border:"none","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},children:/* @__PURE__ */e.jsx(o.default,{fontSize:"small"})})})},inputProps:{type:"number",min:0}}),
+/* @__PURE__ */e.jsxs(n.default,{sx:{ml:2,color:"text.secondary"},children:["Current value: ",u]})]})};exports.ColumnWidth=a,exports.default=a;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/element-edit-forms/column-width/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/column-width.tsx"],"sourcesContent":["// React imports\nimport React, { useEffect, useState } from 'react';\n\n// Material UI imports\nimport { Box, IconButton, TextField, InputAdornment } from '@mui/material';\nimport { Add, Remove } from '@mui/icons-material';\n\nexport default function ColumnWidth({onChange}) {\n  const [value, setValue] = useState(6);\n\n  const handleIncrement = () => {\n    setValue(prev => prev + 1);\n  };\n\n  const handleDecrement = () => {\n    setValue(prev => Math.max(0, prev - 1)); // Prevent negative values\n  };\n\n  const handleInputChange = (event) => {\n    const newValue = parseInt(event.target.value) || 0;\n    setValue(Math.max(0, newValue));\n  };\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, p: 4 }}>\n      <TextField\n        value={value}\n        onChange={handleInputChange}\n        name='custom_width'\n        size=\"small\"\n        sx={{\n          width: '120px',\n          '& .MuiOutlinedInput-root': {\n            paddingLeft: 0,\n            paddingRight: 0,\n            '& input': {\n              textAlign: 'center',\n              padding: '8px 4px',\n            }\n          }\n        }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                onClick={handleDecrement}\n                size=\"small\"\n                sx={{\n                  marginLeft: '-4px',\n                  borderRadius: '4px 0 0 4px',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={handleIncrement}\n                size=\"small\"\n                sx={{\n                  marginRight: '-4px',\n                  borderRadius: '0 4px 4px 0',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          type: 'number',\n          min: 0,\n        }}\n      />\n      \n      <Box sx={{ ml: 2, color: 'text.secondary' }}>\n        Current value: {value}\n      </Box>\n    </Box>\n  );\n}"],"names":["onChange","value","setValue","useState","useEffect","jsxs","Box","sx","display","alignItems","gap","p","children","jsx","TextField","event","newValue","parseInt","target","Math","max","name","size","width","paddingLeft","paddingRight","textAlign","padding","InputProps","startAdornment","InputAdornment","position","IconButton","onClick","prev","marginLeft","borderRadius","border","backgroundColor","Remove","fontSize","endAdornment","marginRight","Add","inputProps","type","min","ml","color"],"mappings":"umBAOA,UAAoCA,SAACA,IACnC,MAAOC,EAAOC,GAAYC,EAAAA,SAAS,GAmBnC,OAJAC,EAAAA,UAAU,KACRJ,EAASC,IACR,CAACA,qBAGFI,KAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,EAAGC,EAAG,GAC3DC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CACCb,QACAD,SAbqBe,IACzB,MAAMC,EAAWC,SAASF,EAAMG,OAAOjB,QAAU,EACjDC,EAASiB,KAAKC,IAAI,EAAGJ,KAYjBK,KAAK,eACLC,KAAK,QACLf,GAAI,CACFgB,MAAO,QACP,2BAA4B,CAC1BC,YAAa,EACbC,aAAc,EACd,UAAW,CACTC,UAAW,SACXC,QAAS,aAIfC,WAAY,CACVC,gCACEhB,IAACiB,EAAAA,QAAA,CAAeC,SAAS,QACvBnB,wBAAAC,EAAAA,IAACmB,EAAAA,QAAA,CACCC,QAnCU,KACtB/B,KAAiBiB,KAAKC,IAAI,EAAGc,EAAO,KAmCxBZ,KAAK,QACLf,GAAI,CACF4B,WAAY,OACZC,aAAc,cACdC,OAAQ,OACR,UAAW,CACTC,gBAAiB,wBAIrB1B,0BAAAC,IAAC0B,EAAAA,QAAA,CAAOC,SAAS,cAIvBC,8BACE5B,IAACiB,EAAAA,QAAA,CAAeC,SAAS,MACvBnB,wBAAAC,EAAAA,IAACmB,EAAAA,QAAA,CACCC,QAzDU,KACtB/B,EAASgC,GAAQA,EAAO,IAyDZZ,KAAK,QACLf,GAAI,CACFmC,YAAa,OACbN,aAAc,cACdC,OAAQ,OACR,UAAW,CACTC,gBAAiB,wBAIrB1B,0BAAAC,IAAC8B,EAAAA,QAAA,CAAIH,SAAS,eAKtBI,WAAY,CACVC,KAAM,SACNC,IAAK;eAITzC,OAACC,EAAAA,SAAIC,GAAI,CAAEwC,GAAI,EAAGC,MAAO,kBAAoBpC,SAAA,CAAA,kBAC3BX,OAIxB"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/column-width.tsx"],"sourcesContent":["// React imports\nimport React, { useEffect, useState } from 'react';\n\n// Material UI imports\nimport { Box, IconButton, TextField, InputAdornment } from '@mui/material';\nimport { Add, Remove } from '@mui/icons-material';\n\nexport interface IColumnWidthProps {\n  onChange: (value: number) => void;\n}\n\nexport const ColumnWidth = ({onChange}: IColumnWidthProps) => {\n  const [value, setValue] = useState(6);\n\n  const handleIncrement = () => {\n    setValue(prev => prev + 1);\n  };\n\n  const handleDecrement = () => {\n    setValue(prev => Math.max(0, prev - 1)); // Prevent negative values\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = Number.parseInt(event.target.value) || 0;\n    setValue(Math.max(0, newValue));\n  };\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, p: 4 }}>\n      <TextField\n        value={value}\n        onChange={handleInputChange}\n        name='custom_width'\n        size=\"small\"\n        sx={{\n          width: '120px',\n          '& .MuiOutlinedInput-root': {\n            paddingLeft: 0,\n            paddingRight: 0,\n            '& input': {\n              textAlign: 'center',\n              padding: '8px 4px',\n            }\n          }\n        }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                onClick={handleDecrement}\n                size=\"small\"\n                sx={{\n                  marginLeft: '-4px',\n                  borderRadius: '4px 0 0 4px',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={handleIncrement}\n                size=\"small\"\n                sx={{\n                  marginRight: '-4px',\n                  borderRadius: '0 4px 4px 0',\n                  border: 'none',\n                  '&:hover': {\n                    backgroundColor: 'rgba(0, 0, 0, 0.04)'\n                  }\n                }}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          type: 'number',\n          min: 0,\n        }}\n      />\n      \n      <Box sx={{ ml: 2, color: 'text.secondary' }}>\n        Current value: {value}\n      </Box>\n    </Box>\n  );\n};\n\nexport default ColumnWidth;"],"names":["ColumnWidth","onChange","value","setValue","useState","useEffect","jsxs","Box","sx","display","alignItems","gap","p","children","jsx","TextField","event","newValue","Number","parseInt","target","Math","max","name","size","width","paddingLeft","paddingRight","textAlign","padding","InputProps","startAdornment","InputAdornment","position","IconButton","onClick","prev","marginLeft","borderRadius","border","backgroundColor","Remove","fontSize","endAdornment","marginRight","Add","inputProps","type","min","ml","color"],"mappings":"ulBAWO,MAAMA,EAAc,EAAEC,eAC3B,MAAOC,EAAOC,GAAYC,EAAAA,SAAS,GAmBnC,OAJAC,EAAAA,UAAU,KACRJ,EAASC,IACR,CAACA,qBAGFI,KAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,EAAGC,EAAG,GAC3DC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CACCb,QACAD,SAbqBe,IACzB,MAAMC,EAAWC,OAAOC,SAASH,EAAMI,OAAOlB,QAAU,EACxDC,EAASkB,KAAKC,IAAI,EAAGL,KAYjBM,KAAK,eACLC,KAAK,QACLhB,GAAI,CACFiB,MAAO,QACP,2BAA4B,CAC1BC,YAAa,EACbC,aAAc,EACd,UAAW,CACTC,UAAW,SACXC,QAAS,aAIfC,WAAY,CACVC,gCACEjB,IAACkB,EAAAA,QAAA,CAAeC,SAAS,QACvBpB,wBAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACCC,QAnCU,KACtBhC,KAAiBkB,KAAKC,IAAI,EAAGc,EAAO,KAmCxBZ,KAAK,QACLhB,GAAI,CACF6B,WAAY,OACZC,aAAc,cACdC,OAAQ,OACR,UAAW,CACTC,gBAAiB,wBAIrB3B,0BAAAC,IAAC2B,EAAAA,QAAA,CAAOC,SAAS,cAIvBC,8BACE7B,IAACkB,EAAAA,QAAA,CAAeC,SAAS,MACvBpB,wBAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACCC,QAzDU,KACtBhC,EAASiC,GAAQA,EAAO,IAyDZZ,KAAK,QACLhB,GAAI,CACFoC,YAAa,OACbN,aAAc,cACdC,OAAQ,OACR,UAAW,CACTC,gBAAiB,wBAIrB3B,0BAAAC,IAAC+B,EAAAA,QAAA,CAAIH,SAAS,eAKtBI,WAAY,CACVC,KAAM,SACNC,IAAK;eAIT1C,OAACC,EAAAA,SAAIC,GAAI,CAAEyC,GAAI,EAAGC,MAAO,kBAAoBrC,SAAA,CAAA,kBAC3BX"}

package/dist/views/form-builder/element-edit-forms/column-width.d.ts

@@ -0,0 +1,5 @@
+export interface IColumnWidthProps {
+    onChange: (value: number) => void;
+}
+export declare const ColumnWidth: ({ onChange }: IColumnWidthProps) => import("react/jsx-runtime").JSX.Element;
+export default ColumnWidth;

package/dist/views/form-builder/element-edit-forms/field-select/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import Select from "../../../../components/select/select/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
 import { Paragraph } from "../../../../components/icons/paragraph/index.esm.js";
 import { Hashtag } from "../../../../components/icons/hashtag/index.esm.js";

package/dist/views/form-builder/element-edit-forms/field-select/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("../../../../components/select/select/index.js"),i=require("../../../../components/typography/typography/index.js"),l=require("../../../../components/icons/paragraph/index.js"),a=require("../../../../components/icons/hashtag/index.js"),r=require("../../../../components/icons/arrow-circle-down/index.js"),c=require("../../../../components/icons/calendar/index.js"),t=require("../../../../components/icons/paper-clip/index.js"),s=require("../../../../components/icons/link/index.js"),u=require("../../../../components/icons/email/index.js"),d=require("../../../../components/icons/phone/index.js"),p=require("../../../../components/icons/dollar-circle/index.js"),m=require("../../../../components/icons/clock/index.js"),x=require("../../../../components/icons/grid/index.js"),h=require("../../../../components/icons/location/index.js"),b=require("../../../../components/icons/checkbox-square/index.js"),j=require("../../../../components/icons/image/index.js"),v=require("../../../../components/icons/link-horizontal/index.js"),g=require("../../../../components/icons/info-circle/index.js"),q=require("../../../../components/icons/toggle-switch/index.js"),f=require("../../../../components/icons/radio-button/index.js"),y=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),k=require("../../../../node_modules/@mui/material/Stack/Stack/index.js");const S=[{label:"Text",value:"text",icon:l.Paragraph},{label:"Number",value:"number",icon:a.Hashtag},{label:"Select",value:"select",icon:r.ArrowCircleDown},{label:"Date",value:"date",icon:c.Calendar},{label:"Files & Media",value:"file",icon:t.PaperClip},{label:"URL",value:"url",icon:s.Link},{label:"Email",value:"email",icon:u.Email},{label:"Phone",value:"phone",icon:d.Phone},{label:"Currency",value:"currency",icon:p.DollarCircle},{label:"Time",value:"time",icon:m.Clock},{label:"Table",value:"table",icon:x.Grid},{label:"Geolocation",value:"geoLocation",icon:h.Location},{label:"Check Box",value:"checkbox",icon:b.CheckboxSquare},{label:"Image Upload",value:"image",icon:j.Image},{label:"Relation Field",value:"relation",icon:v.LinkHorizontal},{label:"Info Card",value:"info",icon:g.InfoCircle},{label:"Toggle Button",value:"toggleButton",icon:q.ToggleSwitch},{label:"Radio Button",value:"radioButton",icon:f.RadioButton},{label:"tagsInput",value:"tagsInput",icon:l.Paragraph}];exports.default=l=>{const[a,r]=n.useState(S),[c,t]=n.useState(""),s=e=>{t(e.target.value)};return n.useEffect(()=>{var e;r((e=c)?[...S.filter(n=>n.value.includes(e))]:S)},[c]),/* @__PURE__ */e.jsx(o.default,{fullWidth:!0,placeholder:"Select Field",size:"small",labelName:"Field Type",renderValue:e=>{var n;return null==(n=S.find(n=>n.value===e))?void 0:n.label},handleSearch:()=>s,searchPlaceholder:"Search Attributes",searchValue:c,...l,children:a.map(n=>/* @__PURE__ */e.jsx(y.default,{value:n.value,onKeyDown:e=>e.stopPropagation(),children:/* @__PURE__ */e.jsxs(k.default,{direction:"row",spacing:1,alignItems:"center",children:[n.icon&&/* @__PURE__ */e.jsx(n.icon,{fontSize:"small"}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("../../../../components/select/select/index.js"),i=require("../../../../components/typography/typography/index.js"),l=require("../../../../components/icons/paragraph/index.js"),a=require("../../../../components/icons/hashtag/index.js"),r=require("../../../../components/icons/arrow-circle-down/index.js"),c=require("../../../../components/icons/calendar/index.js"),t=require("../../../../components/icons/paper-clip/index.js"),s=require("../../../../components/icons/link/index.js"),u=require("../../../../components/icons/email/index.js"),d=require("../../../../components/icons/phone/index.js"),p=require("../../../../components/icons/dollar-circle/index.js"),m=require("../../../../components/icons/clock/index.js"),x=require("../../../../components/icons/grid/index.js"),h=require("../../../../components/icons/location/index.js"),b=require("../../../../components/icons/checkbox-square/index.js"),j=require("../../../../components/icons/image/index.js"),v=require("../../../../components/icons/link-horizontal/index.js"),g=require("../../../../components/icons/info-circle/index.js"),q=require("../../../../components/icons/toggle-switch/index.js"),f=require("../../../../components/icons/radio-button/index.js"),y=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),k=require("../../../../node_modules/@mui/material/Stack/Stack/index.js");const S=[{label:"Text",value:"text",icon:l.Paragraph},{label:"Number",value:"number",icon:a.Hashtag},{label:"Select",value:"select",icon:r.ArrowCircleDown},{label:"Date",value:"date",icon:c.Calendar},{label:"Files & Media",value:"file",icon:t.PaperClip},{label:"URL",value:"url",icon:s.Link},{label:"Email",value:"email",icon:u.Email},{label:"Phone",value:"phone",icon:d.Phone},{label:"Currency",value:"currency",icon:p.DollarCircle},{label:"Time",value:"time",icon:m.Clock},{label:"Table",value:"table",icon:x.Grid},{label:"Geolocation",value:"geoLocation",icon:h.Location},{label:"Check Box",value:"checkbox",icon:b.CheckboxSquare},{label:"Image Upload",value:"image",icon:j.Image},{label:"Relation Field",value:"relation",icon:v.LinkHorizontal},{label:"Info Card",value:"info",icon:g.InfoCircle},{label:"Toggle Button",value:"toggleButton",icon:q.ToggleSwitch},{label:"Radio Button",value:"radioButton",icon:f.RadioButton},{label:"tagsInput",value:"tagsInput",icon:l.Paragraph}];exports.default=l=>{const[a,r]=n.useState(S),[c,t]=n.useState(""),s=e=>{t(e.target.value)};return n.useEffect(()=>{var e;r((e=c)?[...S.filter(n=>n.value.includes(e))]:S)},[c]),/* @__PURE__ */e.jsx(o.Select,{fullWidth:!0,placeholder:"Select Field",size:"small",labelName:"Field Type",renderValue:e=>{var n;return null==(n=S.find(n=>n.value===e))?void 0:n.label},handleSearch:()=>s,searchPlaceholder:"Search Attributes",searchValue:c,...l,children:a.map(n=>/* @__PURE__ */e.jsx(y.default,{value:n.value,onKeyDown:e=>e.stopPropagation(),children:/* @__PURE__ */e.jsxs(k.default,{direction:"row",spacing:1,alignItems:"center",children:[n.icon&&/* @__PURE__ */e.jsx(n.icon,{fontSize:"small"}),
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",children:n.label})]})}))})};
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/element-edit-forms/field-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/field-select.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, SelectProps, Stack } from \"@mui/material\";\n\n// ERP Common imports\nimport {\n  ArrowCircleDown,\n  Calendar,\n  CheckboxSquare,\n  Clock,\n  DollarCircle,\n  Email,\n  Grid,\n  Hashtag,\n  Image,\n  InfoCircle,\n  Link,\n  LinkHorizontal,\n  Location,\n  PaperClip,\n  Paragraph,\n  Phone,\n  RadioButton,\n  ToggleSwitch,\n} from \"@/components/icons\";\nimport Select from \"@/components/select/select\";\nimport Typography from \"@/components/typography/typography\";\n\ninterface IField {\n  label: string;\n  value: string;\n  icon: typeof Paragraph | string;\n}\n\nconst fields: IField[] = [\n  { label: \"Text\", value: \"text\", icon: Paragraph },\n  { label: \"Number\", value: \"number\", icon: Hashtag },\n  { label: \"Select\", value: \"select\", icon: ArrowCircleDown },\n  { label: \"Date\", value: \"date\", icon: Calendar },\n  { label: \"Files & Media\", value: \"file\", icon: PaperClip },\n  { label: \"URL\", value: \"url\", icon: Link },\n  { label: \"Email\", value: \"email\", icon: Email },\n  { label: \"Phone\", value: \"phone\", icon: Phone },\n  { label: \"Currency\", value: \"currency\", icon: DollarCircle },\n  { label: \"Time\", value: \"time\", icon: Clock },\n  { label: \"Table\", value: \"table\", icon: Grid },\n  { label: \"Geolocation\", value: \"geoLocation\", icon: Location },\n  { label: \"Check Box\", value: \"checkbox\", icon: CheckboxSquare },\n  { label: \"Image Upload\", value: \"image\", icon: Image },\n  { label: \"Relation Field\", value: \"relation\", icon: LinkHorizontal },\n  { label: \"Info Card\", value: \"info\", icon: InfoCircle },\n  { label: \"Toggle Button\", value: \"toggleButton\", icon: ToggleSwitch },\n  { label: \"Radio Button\", value: \"radioButton\", icon: RadioButton },\n  { label: \"tagsInput\", value: \"tagsInput\", icon: Paragraph },\n];\n\nconst FieldSelect: React.FC<SelectProps> = (props) => {\n  const [selectFields, setSelectFields] = useState<IField[]>(fields);\n  const [search, setSearch] = useState<string>(\"\");\n\n  const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const handleSearchFields = (searchVal: string) => {\n    if (searchVal) {\n      setSelectFields([\n        ...fields.filter((field) => field.value.includes(searchVal)),\n      ]);\n    } else {\n      setSelectFields(fields);\n    }\n  };\n\n  useEffect(() => {\n    handleSearchFields(search);\n  }, [search]);\n\n  return (\n    <Select\n      fullWidth\n      placeholder=\"Select Field\"\n      size=\"small\"\n      labelName=\"Field Type\"\n      renderValue={(value: string) =>\n        fields.find((field) => field.value === value)?.label\n      }\n      handleSearch={() => handleSearch}\n      searchPlaceholder=\"Search Attributes\"\n      searchValue={search}\n      {...props}\n    >\n      {selectFields.map((field) => (\n        <MenuItem value={field.value} onKeyDown={(e) => e.stopPropagation()}>\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n            {field.icon && <field.icon fontSize=\"small\" />}\n            <Typography type=\"s3\" color=\"theme.secondary.1000\">\n              {field.label}\n            </Typography>\n          </Stack>\n        </MenuItem>\n      ))}\n    </Select>\n  );\n};\n\nexport default FieldSelect;\n"],"names":["fields","label","value","icon","Paragraph","Hashtag","ArrowCircleDown","Calendar","PaperClip","Link","Email","Phone","DollarCircle","Clock","Grid","Location","CheckboxSquare","Image","LinkHorizontal","InfoCircle","ToggleSwitch","RadioButton","props","selectFields","setSelectFields","useState","search","setSearch","handleSearch","event","target","useEffect","searchVal","filter","field","includes","jsx","Select","fullWidth","placeholder","size","labelName","renderValue","_a","find","searchPlaceholder","searchValue","children","map","MenuItem","onKeyDown","e","stopPropagation","jsxs","Stack","direction","spacing","alignItems","fontSize","Typography","type","color"],"mappings":"89CAoCA,MAAMA,EAAmB,CACvB,CAAEC,MAAO,OAAQC,MAAO,OAAQC,KAAMC,EAAAA,WACtC,CAAEH,MAAO,SAAUC,MAAO,SAAUC,KAAME,EAAAA,SAC1C,CAAEJ,MAAO,SAAUC,MAAO,SAAUC,KAAMG,EAAAA,iBAC1C,CAAEL,MAAO,OAAQC,MAAO,OAAQC,KAAMI,EAAAA,UACtC,CAAEN,MAAO,gBAAiBC,MAAO,OAAQC,KAAMK,EAAAA,WAC/C,CAAEP,MAAO,MAAOC,MAAO,MAAOC,KAAMM,EAAAA,MACpC,CAAER,MAAO,QAASC,MAAO,QAASC,KAAMO,EAAAA,OACxC,CAAET,MAAO,QAASC,MAAO,QAASC,KAAMQ,EAAAA,OACxC,CAAEV,MAAO,WAAYC,MAAO,WAAYC,KAAMS,EAAAA,cAC9C,CAAEX,MAAO,OAAQC,MAAO,OAAQC,KAAMU,EAAAA,OACtC,CAAEZ,MAAO,QAASC,MAAO,QAASC,KAAMW,EAAAA,MACxC,CAAEb,MAAO,cAAeC,MAAO,cAAeC,KAAMY,EAAAA,UACpD,CAAEd,MAAO,YAAaC,MAAO,WAAYC,KAAMa,EAAAA,gBAC/C,CAAEf,MAAO,eAAgBC,MAAO,QAASC,KAAMc,EAAAA,OAC/C,CAAEhB,MAAO,iBAAkBC,MAAO,WAAYC,KAAMe,EAAAA,gBACpD,CAAEjB,MAAO,YAAaC,MAAO,OAAQC,KAAMgB,EAAAA,YAC3C,CAAElB,MAAO,gBAAiBC,MAAO,eAAgBC,KAAMiB,EAAAA,cACvD,CAAEnB,MAAO,eAAgBC,MAAO,cAAeC,KAAMkB,EAAAA,aACrD,CAAEpB,MAAO,YAAaC,MAAO,YAAaC,KAAMC,EAAAA,4BAGNkB,IAC1C,MAAOC,EAAcC,GAAmBC,EAAAA,SAAmBzB,IACpD0B,EAAQC,GAAaF,EAAAA,SAAiB,IAEvCG,EAAgBC,IACpBF,EAAUE,EAAMC,OAAO5B,QAiBzB,OAJA6B,EAAAA,UAAU,KAViB,IAACC,EAExBR,GAFwBQ,EAWPN,GATD,IACX1B,EAAOiC,OAAQC,GAAUA,EAAMhC,MAAMiC,SAASH,KAGnChC,IAMjB,CAAC0B,mBAGFU,EAAAA,IAACC,EAAAA,QAAA,CACCC,WAAS,EACTC,YAAY,eACZC,KAAK,QACLC,UAAU,aACVC,YAAcxC,UACZ,OAAA,OAAAyC,EAAA3C,EAAO4C,KAAMV,GAAUA,EAAMhC,QAAUA,SAAvC,EAAAyC,EAA+C1C,OAEjD2B,aAAc,IAAMA,EACpBiB,kBAAkB,oBAClBC,YAAapB,KACTJ,EAEHyB,SAAAxB,EAAayB,IAAKd,wBAChBe,UAAA,CAAS/C,MAAOgC,EAAMhC,MAAOgD,UAAYC,GAAMA,EAAEC,kBAChDL,wBAAAM,EAAAA,KAACC,EAAAA,QAAA,CAAMC,UAAU,MAAMC,QAAS,EAAGC,WAAW,SAC3CV,SAAA,CAAAb,EAAM/B,qBAAQiC,MAACF,EAAM/B,KAAN,CAAWuD,SAAS;qBACnCC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBd,WAAM9C"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/field-select.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, SelectProps, Stack } from \"@mui/material\";\n\n// ERP Common imports\nimport {\n  ArrowCircleDown,\n  Calendar,\n  CheckboxSquare,\n  Clock,\n  DollarCircle,\n  Email,\n  Grid,\n  Hashtag,\n  Image,\n  InfoCircle,\n  Link,\n  LinkHorizontal,\n  Location,\n  PaperClip,\n  Paragraph,\n  Phone,\n  RadioButton,\n  ToggleSwitch,\n} from \"@/components/icons\";\nimport Select from \"@/components/select/select\";\nimport Typography from \"@/components/typography/typography\";\n\ninterface IField {\n  label: string;\n  value: string;\n  icon: typeof Paragraph | string;\n}\n\nconst fields: IField[] = [\n  { label: \"Text\", value: \"text\", icon: Paragraph },\n  { label: \"Number\", value: \"number\", icon: Hashtag },\n  { label: \"Select\", value: \"select\", icon: ArrowCircleDown },\n  { label: \"Date\", value: \"date\", icon: Calendar },\n  { label: \"Files & Media\", value: \"file\", icon: PaperClip },\n  { label: \"URL\", value: \"url\", icon: Link },\n  { label: \"Email\", value: \"email\", icon: Email },\n  { label: \"Phone\", value: \"phone\", icon: Phone },\n  { label: \"Currency\", value: \"currency\", icon: DollarCircle },\n  { label: \"Time\", value: \"time\", icon: Clock },\n  { label: \"Table\", value: \"table\", icon: Grid },\n  { label: \"Geolocation\", value: \"geoLocation\", icon: Location },\n  { label: \"Check Box\", value: \"checkbox\", icon: CheckboxSquare },\n  { label: \"Image Upload\", value: \"image\", icon: Image },\n  { label: \"Relation Field\", value: \"relation\", icon: LinkHorizontal },\n  { label: \"Info Card\", value: \"info\", icon: InfoCircle },\n  { label: \"Toggle Button\", value: \"toggleButton\", icon: ToggleSwitch },\n  { label: \"Radio Button\", value: \"radioButton\", icon: RadioButton },\n  { label: \"tagsInput\", value: \"tagsInput\", icon: Paragraph },\n];\n\nconst FieldSelect: React.FC<SelectProps> = (props) => {\n  const [selectFields, setSelectFields] = useState<IField[]>(fields);\n  const [search, setSearch] = useState<string>(\"\");\n\n  const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(event.target.value);\n  };\n\n  const handleSearchFields = (searchVal: string) => {\n    if (searchVal) {\n      setSelectFields([\n        ...fields.filter((field) => field.value.includes(searchVal)),\n      ]);\n    } else {\n      setSelectFields(fields);\n    }\n  };\n\n  useEffect(() => {\n    handleSearchFields(search);\n  }, [search]);\n\n  return (\n    <Select\n      fullWidth\n      placeholder=\"Select Field\"\n      size=\"small\"\n      labelName=\"Field Type\"\n      renderValue={(value: string) =>\n        fields.find((field) => field.value === value)?.label\n      }\n      handleSearch={() => handleSearch}\n      searchPlaceholder=\"Search Attributes\"\n      searchValue={search}\n      {...props}\n    >\n      {selectFields.map((field) => (\n        <MenuItem value={field.value} onKeyDown={(e) => e.stopPropagation()}>\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n            {field.icon && <field.icon fontSize=\"small\" />}\n            <Typography type=\"s3\" color=\"theme.secondary.1000\">\n              {field.label}\n            </Typography>\n          </Stack>\n        </MenuItem>\n      ))}\n    </Select>\n  );\n};\n\nexport default FieldSelect;\n"],"names":["fields","label","value","icon","Paragraph","Hashtag","ArrowCircleDown","Calendar","PaperClip","Link","Email","Phone","DollarCircle","Clock","Grid","Location","CheckboxSquare","Image","LinkHorizontal","InfoCircle","ToggleSwitch","RadioButton","props","selectFields","setSelectFields","useState","search","setSearch","handleSearch","event","target","useEffect","searchVal","filter","field","includes","jsx","Select","fullWidth","placeholder","size","labelName","renderValue","_a","find","searchPlaceholder","searchValue","children","map","MenuItem","onKeyDown","e","stopPropagation","jsxs","Stack","direction","spacing","alignItems","fontSize","Typography","type","color"],"mappings":"89CAoCA,MAAMA,EAAmB,CACvB,CAAEC,MAAO,OAAQC,MAAO,OAAQC,KAAMC,EAAAA,WACtC,CAAEH,MAAO,SAAUC,MAAO,SAAUC,KAAME,EAAAA,SAC1C,CAAEJ,MAAO,SAAUC,MAAO,SAAUC,KAAMG,EAAAA,iBAC1C,CAAEL,MAAO,OAAQC,MAAO,OAAQC,KAAMI,EAAAA,UACtC,CAAEN,MAAO,gBAAiBC,MAAO,OAAQC,KAAMK,EAAAA,WAC/C,CAAEP,MAAO,MAAOC,MAAO,MAAOC,KAAMM,EAAAA,MACpC,CAAER,MAAO,QAASC,MAAO,QAASC,KAAMO,EAAAA,OACxC,CAAET,MAAO,QAASC,MAAO,QAASC,KAAMQ,EAAAA,OACxC,CAAEV,MAAO,WAAYC,MAAO,WAAYC,KAAMS,EAAAA,cAC9C,CAAEX,MAAO,OAAQC,MAAO,OAAQC,KAAMU,EAAAA,OACtC,CAAEZ,MAAO,QAASC,MAAO,QAASC,KAAMW,EAAAA,MACxC,CAAEb,MAAO,cAAeC,MAAO,cAAeC,KAAMY,EAAAA,UACpD,CAAEd,MAAO,YAAaC,MAAO,WAAYC,KAAMa,EAAAA,gBAC/C,CAAEf,MAAO,eAAgBC,MAAO,QAASC,KAAMc,EAAAA,OAC/C,CAAEhB,MAAO,iBAAkBC,MAAO,WAAYC,KAAMe,EAAAA,gBACpD,CAAEjB,MAAO,YAAaC,MAAO,OAAQC,KAAMgB,EAAAA,YAC3C,CAAElB,MAAO,gBAAiBC,MAAO,eAAgBC,KAAMiB,EAAAA,cACvD,CAAEnB,MAAO,eAAgBC,MAAO,cAAeC,KAAMkB,EAAAA,aACrD,CAAEpB,MAAO,YAAaC,MAAO,YAAaC,KAAMC,EAAAA,4BAGNkB,IAC1C,MAAOC,EAAcC,GAAmBC,EAAAA,SAAmBzB,IACpD0B,EAAQC,GAAaF,EAAAA,SAAiB,IAEvCG,EAAgBC,IACpBF,EAAUE,EAAMC,OAAO5B,QAiBzB,OAJA6B,EAAAA,UAAU,KAViB,IAACC,EAExBR,GAFwBQ,EAWPN,GATD,IACX1B,EAAOiC,OAAQC,GAAUA,EAAMhC,MAAMiC,SAASH,KAGnChC,IAMjB,CAAC0B,mBAGFU,EAAAA,IAACC,EAAAA,OAAA,CACCC,WAAS,EACTC,YAAY,eACZC,KAAK,QACLC,UAAU,aACVC,YAAcxC,UACZ,OAAA,OAAAyC,EAAA3C,EAAO4C,KAAMV,GAAUA,EAAMhC,QAAUA,SAAvC,EAAAyC,EAA+C1C,OAEjD2B,aAAc,IAAMA,EACpBiB,kBAAkB,oBAClBC,YAAapB,KACTJ,EAEHyB,SAAAxB,EAAayB,IAAKd,wBAChBe,UAAA,CAAS/C,MAAOgC,EAAMhC,MAAOgD,UAAYC,GAAMA,EAAEC,kBAChDL,wBAAAM,EAAAA,KAACC,EAAAA,QAAA,CAAMC,UAAU,MAAMC,QAAS,EAAGC,WAAW,SAC3CV,SAAA,CAAAb,EAAM/B,qBAAQiC,MAACF,EAAM/B,KAAN,CAAWuD,SAAS;qBACnCC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBd,WAAM9C"}

package/dist/views/form-builder/element-edit-forms/field-select.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from '@mui/material';
+
+declare const FieldSelect: React.FC<SelectProps>;
+export default FieldSelect;

package/dist/views/form-builder/element-edit-forms/index.d.ts

@@ -0,0 +1,14 @@
+export { default as CheckboxEditForm } from './checkbox';
+export * from './checkbox';
+export { default as ColumnWidth } from './column-width';
+export * from './column-width';
+export { default as FieldSelect } from './field-select';
+export * from './field-select';
+export { default as SectionEditForm } from './section';
+export * from './section';
+export { default as SelectEditForm } from './select';
+export * from './select';
+export { default as TableEditForm } from './table-form';
+export * from './table-form';
+export { default as TextEditForm } from './text';
+export * from './text';

package/dist/views/form-builder/element-edit-forms/section/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
-import Select from "../../../../components/select/select/index.esm.js";
-import Button from "../../../../components/button/button/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
+import { Button } from "../../../../components/button/button/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
-import TextField from "../../../../components/text-field/text-field/index.esm.js";
-import Checkbox from "../../../../components/checkbox/checkbox/index.esm.js";
+import { TextField } from "../../../../components/text-field/text-field/index.esm.js";
+import { Checkbox } from "../../../../components/checkbox/checkbox/index.esm.js";
 import { generateRandomId } from "../../../../utils/common/index.esm.js";
 import { SECTION_TYPES } from "../../../../utils/constant/index.esm.js";
 /* empty css                               */
@@ -216,6 +216,7 @@ const SectionEditForm = (props) => {
   ] }, elementJSON.id);
 };
 export {
+  SectionEditForm,
   SectionEditForm as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/element-edit-forms/section/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useMemo, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Add } from \"@mui/icons-material\";\n\n// ERP Common imports\nimport Select from \"@/components/select/select\";\nimport Button from \"@/components/button/button\";\nimport Typography from \"@/components/typography/typography\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport { generateRandomId } from \"@/utils/common\";\nimport { SECTION_TYPES } from \"@/utils/constant\";\n\n// Local imports\nimport { ISwitcherForms } from \"../field_properties\";\nimport \"../custom-form.scss\";\n\nconst SectionEditForm = (props: any) => {\n  const { handlePropertyValueUpdate } = props;\n  const [elementJSON, setElementJSON] = useState(props.element);\n  const [addForm, setAddForm] = useState<boolean>(false);\n  const [newForm, setNewForm] = useState<string>(\"\");\n  const selectOption = [\"section\"];\n\n  const isDuplicateFormName = useMemo(\n    () =>\n      elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\n    [elementJSON.switcher_forms, newForm]\n  );\n\n  useEffect(() => {\n    setElementJSON(props.element);\n  }, [props.element]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          disabled\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          variant=\"outlined\"\n        >\n          {selectOption?.map((item) => (\n            <MenuItem value={item}>{item}</MenuItem>\n          ))}\n        </Select>\n      </div>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          name=\"section_type\"\n          defaultValue={elementJSON.section_type}\n          label=\"Section Type\"\n          variant=\"outlined\"\n          onChange={(e: any) => handlePropertyValueUpdate(e)}\n        >\n          {Object.values(SECTION_TYPES).map((type) => {\n            return (\n              <MenuItem key={type} value={type}>\n                {type}\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </div>\n      <div>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_accordion\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_accordion}\n        label=\"Is Accordion\"\n      />\n      {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\n        <div className=\"formSection--SubFieldContainer\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Form label\"\n              is_required\n              key={elementJSON.id}\n              name=\"form_switcher_label\"\n              type=\"text\"\n              onChange={handlePropertyValueUpdate}\n              defaultValue={elementJSON.form_switcher_label}\n            />\n          </div>\n          <div>\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={\"theme.secondary.800\"}\n            >\n              Forms\n            </Typography>\n            {elementJSON?.switcher_forms?.map(\n              (ele: ISwitcherForms) => (\n                <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\n                  <TextField\n                    fullWidth\n                    key={ele.id}\n                    value={ele.name}\n                    style={{ marginBottom: \"10px\" }}\n                    name=\"switcher_forms\"\n                    onChange={(e: any) => {\n                      const newVal = elementJSON.switcher_forms?.map(\n                        (formEle: ISwitcherForms) =>\n                          ele.id === formEle.id\n                            ? { ...formEle, name: e.target.value }\n                            : { ...formEle }\n                      );\n\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                  <CloseIcon\n                    style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                    onClick={(e: any) => {\n                      const newVal = [...elementJSON.switcher_forms].filter(\n                        (item) => item.id !== ele.id\n                      );\n                      e.target.name = \"switcher_forms\";\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                </div>\n              )\n            )}\n          </div>\n          {addForm ? (\n            <div>\n              <div\n                className=\"formSection--MultiOptions formSection--FullWidth\"\n                key={elementJSON.id}\n              >\n                <div className=\"formSection--FullWidth\">\n                  <TextField\n                    fullWidth\n                    label=\"Form section name\"\n                    placeholder=\"Form section name\"\n                    is_required\n                    key={elementJSON.id}\n                    type=\"text\"\n                    value={newForm}\n                    error={isDuplicateFormName}\n                    helperText={\n                      isDuplicateFormName\n                        ? \"Form section name can not duplicate\"\n                        : \"\"\n                    }\n                    onChange={(e: any) => setNewForm(e.target.value)}\n                  />\n                </div>\n                <CloseIcon\n                  style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                  onClick={() => {\n                    setAddForm(false);\n                    setNewForm(\"\");\n                  }}\n                />\n              </div>\n              <Button\n                onClick={(e: any) => {\n                  const { uniqueStringId: id } = generateRandomId();\n                  const newVal = [\n                    ...elementJSON.switcher_forms,\n                    { name: newForm, id },\n                  ];\n                  handlePropertyValueUpdate(e, newVal);\n                  setNewForm(\"\");\n                  setAddForm(false);\n                }}\n                name=\"switcher_forms\"\n                variant=\"text\"\n                className=\"formSection--Button\"\n                disabled={isDuplicateFormName || !newForm}\n                startIcon={<Add />}\n              >\n                Add\n              </Button>\n            </div>\n          ) : null}\n          {!addForm ? (\n            <Button\n              onClick={() => setAddForm(true)}\n              variant=\"text\"\n              className=\"formSection--Button\"\n              startIcon={<Add />}\n            >\n              Add forms\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </Box>\n  );\n};\n\nexport default SectionEditForm;\n"],"names":["_a","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useMemo, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Add } from \"@mui/icons-material\";\n\n// ERP Common imports\nimport Select from \"@/components/select/select\";\nimport Button from \"@/components/button/button\";\nimport Typography from \"@/components/typography/typography\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport { generateRandomId } from \"@/utils/common\";\nimport { SECTION_TYPES } from \"@/utils/constant\";\n\n// Local imports\nimport { ISwitcherForms } from \"../field_properties\";\nimport \"../custom-form.scss\";\n\nconst SectionEditForm = (props: any) => {\n  const { handlePropertyValueUpdate } = props;\n  const [elementJSON, setElementJSON] = useState(props.element);\n  const [addForm, setAddForm] = useState<boolean>(false);\n  const [newForm, setNewForm] = useState<string>(\"\");\n  const selectOption = [\"section\"];\n\n  const isDuplicateFormName = useMemo(\n    () =>\n      elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\n    [elementJSON.switcher_forms, newForm]\n  );\n\n  useEffect(() => {\n    setElementJSON(props.element);\n  }, [props.element]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          disabled\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          variant=\"outlined\"\n        >\n          {selectOption?.map((item) => (\n            <MenuItem value={item}>{item}</MenuItem>\n          ))}\n        </Select>\n      </div>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          name=\"section_type\"\n          defaultValue={elementJSON.section_type}\n          label=\"Section Type\"\n          variant=\"outlined\"\n          onChange={(e: any) => handlePropertyValueUpdate(e)}\n        >\n          {Object.values(SECTION_TYPES).map((type) => {\n            return (\n              <MenuItem key={type} value={type}>\n                {type}\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </div>\n      <div>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_accordion\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_accordion}\n        label=\"Is Accordion\"\n      />\n      {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\n        <div className=\"formSection--SubFieldContainer\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Form label\"\n              is_required\n              key={elementJSON.id}\n              name=\"form_switcher_label\"\n              type=\"text\"\n              onChange={handlePropertyValueUpdate}\n              defaultValue={elementJSON.form_switcher_label}\n            />\n          </div>\n          <div>\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={\"theme.secondary.800\"}\n            >\n              Forms\n            </Typography>\n            {elementJSON?.switcher_forms?.map(\n              (ele: ISwitcherForms) => (\n                <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\n                  <TextField\n                    fullWidth\n                    key={ele.id}\n                    value={ele.name}\n                    style={{ marginBottom: \"10px\" }}\n                    name=\"switcher_forms\"\n                    onChange={(e: any) => {\n                      const newVal = elementJSON.switcher_forms?.map(\n                        (formEle: ISwitcherForms) =>\n                          ele.id === formEle.id\n                            ? { ...formEle, name: e.target.value }\n                            : { ...formEle }\n                      );\n\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                  <CloseIcon\n                    style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                    onClick={(e: any) => {\n                      const newVal = [...elementJSON.switcher_forms].filter(\n                        (item) => item.id !== ele.id\n                      );\n                      e.target.name = \"switcher_forms\";\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                </div>\n              )\n            )}\n          </div>\n          {addForm ? (\n            <div>\n              <div\n                className=\"formSection--MultiOptions formSection--FullWidth\"\n                key={elementJSON.id}\n              >\n                <div className=\"formSection--FullWidth\">\n                  <TextField\n                    fullWidth\n                    label=\"Form section name\"\n                    placeholder=\"Form section name\"\n                    is_required\n                    key={elementJSON.id}\n                    type=\"text\"\n                    value={newForm}\n                    error={isDuplicateFormName}\n                    helperText={\n                      isDuplicateFormName\n                        ? \"Form section name can not duplicate\"\n                        : \"\"\n                    }\n                    onChange={(e: any) => setNewForm(e.target.value)}\n                  />\n                </div>\n                <CloseIcon\n                  style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                  onClick={() => {\n                    setAddForm(false);\n                    setNewForm(\"\");\n                  }}\n                />\n              </div>\n              <Button\n                onClick={(e: any) => {\n                  const { uniqueStringId: id } = generateRandomId();\n                  const newVal = [\n                    ...elementJSON.switcher_forms,\n                    { name: newForm, id },\n                  ];\n                  handlePropertyValueUpdate(e, newVal);\n                  setNewForm(\"\");\n                  setAddForm(false);\n                }}\n                name=\"switcher_forms\"\n                variant=\"text\"\n                className=\"formSection--Button\"\n                disabled={isDuplicateFormName || !newForm}\n                startIcon={<Add />}\n              >\n                Add\n              </Button>\n            </div>\n          ) : null}\n          {!addForm ? (\n            <Button\n              onClick={() => setAddForm(true)}\n              variant=\"text\"\n              className=\"formSection--Button\"\n              startIcon={<Add />}\n            >\n              Add forms\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </Box>\n  );\n};\n\nexport { SectionEditForm };\nexport default SectionEditForm;\n"],"names":["_a","CloseIcon"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,kBAAkB,CAAC,UAAe;;AACtC,QAAM,EAAE,8BAA8B;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,MAAM,OAAO;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,KAAK;AACrD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAiB,EAAE;AACjD,QAAM,eAAe,CAAC,SAAS;AAE/B,QAAM,sBAAsB;AAAA,IAC1B;;AACE,cAAAA,MAAA,YAAY,mBAAZ,gBAAAA,IAA4B,IAAI,CAAC,QAAa,IAAI,MAAM,SAAS;AAAA;AAAA,IACnE,CAAC,YAAY,gBAAgB,OAAO;AAAA,EAAA;AAGtC,YAAU,MAAM;AACd,mBAAe,MAAM,OAAO;AAAA,EAC9B,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,qBAAC,KAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,cAAc,YAAY;AAAA,QAC1B,OAAM;AAAA,QACN,SAAQ;AAAA,QAEP,UAAA,6CAAc,IAAI,CAAC,6BACjB,UAAA,EAAS,OAAO,MAAO,UAAA,KAAA,CAAK;AAAA,MAC9B;AAAA,MAXI,YAAY;AAAA,IAAA,GAarB;AAAA,wBACC,OAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAc,YAAY;AAAA,QAC1B,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,UAAU,CAAC,MAAW,0BAA0B,CAAC;AAAA,QAEhD,iBAAO,OAAO,aAAa,EAAE,IAAI,CAAC,SAAS;AAC1C,iBACE,oBAAC,UAAA,EAAoB,OAAO,MACzB,kBADY,IAEf;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,MAhBI,YAAY;AAAA,IAAA,GAkBrB;AAAA,wBACC,OAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAM;AAAA,QACN,aAAW;AAAA,QAEX,MAAK;AAAA,QACL,MAAK;AAAA,QACL,UAAU;AAAA,QACV,cAAc,YAAY;AAAA,MAAA;AAAA,MAJrB,YAAY;AAAA,IAAA,GAMrB;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,6BAAU,UAAA,EAAS;AAAA,QACnB,UAAU;AAAA,QACV,SAAS,YAAY;AAAA,QACrB,OAAM;AAAA,MAAA;AAAA,MALD,YAAY;AAAA,IAAA;AAAA,IAOlB,YAAY,iBAAiB,cAAc,sBAC1C,qBAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAS;AAAA,UACT,OAAM;AAAA,UACN,aAAW;AAAA,UAEX,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU;AAAA,UACV,cAAc,YAAY;AAAA,QAAA;AAAA,QAJrB,YAAY;AAAA,MAAA,GAMrB;AAAA,2BACC,OAAA,EACC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,SAGA,gDAAa,mBAAb,mBAA6B;AAAA,UAC5B,CAAC,QACC,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAS;AAAA,gBAET,OAAO,IAAI;AAAA,gBACX,OAAO,EAAE,cAAc,OAAA;AAAA,gBACvB,MAAK;AAAA,gBACL,UAAU,CAAC,MAAW;;AACpB,wBAAM,UAASA,MAAA,YAAY,mBAAZ,gBAAAA,IAA4B;AAAA,oBACzC,CAAC,YACC,IAAI,OAAO,QAAQ,KACf,EAAE,GAAG,SAAS,MAAM,EAAE,OAAO,MAAA,IAC7B,EAAE,GAAG,QAAA;AAAA;AAGb,4CAA0B,GAAG,MAAM;AAAA,gBACrC;AAAA,cAAA;AAAA,cAbK,IAAI;AAAA,YAAA;AAAA,YAeX;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAA;AAAA,gBAClC,SAAS,CAAC,MAAW;AACnB,wBAAM,SAAS,CAAC,GAAG,YAAY,cAAc,EAAE;AAAA,oBAC7C,CAAC,SAAS,KAAK,OAAO,IAAI;AAAA,kBAAA;AAE5B,oBAAE,OAAO,OAAO;AAChB,4CAA0B,GAAG,MAAM;AAAA,gBACrC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,EAAA,GA3B8C,YAAY,EA4B5D;AAAA;AAAA,MAEJ,GACF;AAAA,MACC,+BACE,OAAA,EACC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAGV,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAS;AAAA,kBACT,OAAM;AAAA,kBACN,aAAY;AAAA,kBACZ,aAAW;AAAA,kBAEX,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,OAAO;AAAA,kBACP,YACE,sBACI,wCACA;AAAA,kBAEN,UAAU,CAAC,MAAW,WAAW,EAAE,OAAO,KAAK;AAAA,gBAAA;AAAA,gBAT1C,YAAY;AAAA,cAAA,GAWrB;AAAA,cACA;AAAA,gBAACA;AAAAA,gBAAA;AAAA,kBACC,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAA;AAAA,kBAClC,SAAS,MAAM;AACb,+BAAW,KAAK;AAChB,+BAAW,EAAE;AAAA,kBACf;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UA1BK,YAAY;AAAA,QAAA;AAAA,QA4BnB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAW;AACnB,oBAAM,EAAE,gBAAgB,GAAA,IAAO,iBAAA;AAC/B,oBAAM,SAAS;AAAA,gBACb,GAAG,YAAY;AAAA,gBACf,EAAE,MAAM,SAAS,GAAA;AAAA,cAAG;AAEtB,wCAA0B,GAAG,MAAM;AACnC,yBAAW,EAAE;AACb,yBAAW,KAAK;AAAA,YAClB;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,UAAU,uBAAuB,CAAC;AAAA,YAClC,+BAAY,KAAA,EAAI;AAAA,YACjB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACF,IACE;AAAA,MACH,CAAC,UACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,WAAW,IAAI;AAAA,UAC9B,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,+BAAY,KAAA,EAAI;AAAA,UACjB,UAAA;AAAA,QAAA;AAAA,MAAA,IAGC;AAAA,IAAA,EAAA,CACN,IACE;AAAA,EAAA,EAAA,GAlL4C,YAAY,EAmL9D;AAEJ;"}

package/dist/views/form-builder/element-edit-forms/section/index.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=,/* empty css                                                        */i=,/* empty css                                          */n=,/* empty css                                          */r=,/* empty css                                                  */s=,/* empty css                                                  */a=,/* empty css                                              */o=,/* empty css                              */d=;/* empty css                                */;/* empty css                            */var u=,/* empty css                                                    */c=,/* empty css                                                              */m=,/* empty css                                                                              */f=;/* empty css                                                          */exports.default=x=>{var h;const{handlePropertyValueUpdate:j}=x,[p,_]=l.useState(x.element),[v,S]=l.useState(!1),[b,y]=l.useState(""),q=["section"],C=l.useMemo(()=>{var e;return null==(e=p.switcher_forms)?void 0:e.map(e=>e.name).includes(b)},[p.switcher_forms,b]);return l.useEffect(()=>{_(x.element)},[x.element]),/* @__PURE__ */e.jsxs(u.default,{className:"formSection--FieldContainer",children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,placeholder:"Select Field",size:"small",disabled:!0,defaultValue:p.field_type,label:"Field Type",variant:"outlined",children:null==q?void 0:q.map(l=>/* @__PURE__ */e.jsx(c.default,{value:l,children:l}))},p.id)}),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,placeholder:"Select Field",size:"small",name:"section_type",defaultValue:p.section_type,label:"Section Type",variant:"outlined",onChange:e=>j(e),children:Object.values(d.SECTION_TYPES).map(l=>/* @__PURE__ */e.jsx(c.default,{value:l,children:l},l))},p.id)}),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:j,defaultValue:p.label},p.id)}),
-/* @__PURE__ */e.jsx(m.default,{name:"is_accordion",control:/* @__PURE__ */e.jsx(a.default,{}),onChange:j,checked:p.is_accordion,label:"Is Accordion"},p.id),p.section_type===d.SECTION_TYPES.FORM_SWITCH_SECTION?/* @__PURE__ */e.jsxs("div",{className:"formSection--SubFieldContainer",children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,label:"Form label",is_required:!0,name:"form_switcher_label",type:"text",onChange:j,defaultValue:p.form_switcher_label},p.id)}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=,/* empty css                                                        */l=,/* empty css                                          */n=,/* empty css                                          */r=,/* empty css                                                  */s=,/* empty css                                                  */o=,/* empty css                                              */d=,/* empty css                              */a=;/* empty css                                */;/* empty css                            */var c=,/* empty css                                                    */u=,/* empty css                                                              */m=,/* empty css                                                                              */x=;/* empty css                                                          */const h=h=>{var f;const{handlePropertyValueUpdate:j}=h,[p,_]=i.useState(h.element),[v,S]=i.useState(!1),[b,y]=i.useState(""),C=["section"],F=i.useMemo(()=>{var e;return null==(e=p.switcher_forms)?void 0:e.map(e=>e.name).includes(b)},[p.switcher_forms,b]);return i.useEffect(()=>{_(h.element)},[h.element]),/* @__PURE__ */e.jsxs(c.default,{className:"formSection--FieldContainer",children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(l.Select,{fullWidth:!0,placeholder:"Select Field",size:"small",disabled:!0,defaultValue:p.field_type,label:"Field Type",variant:"outlined",children:null==C?void 0:C.map(i=>/* @__PURE__ */e.jsx(u.default,{value:i,children:i}))},p.id)}),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(l.Select,{fullWidth:!0,placeholder:"Select Field",size:"small",name:"section_type",defaultValue:p.section_type,label:"Section Type",variant:"outlined",onChange:e=>j(e),children:Object.values(a.SECTION_TYPES).map(i=>/* @__PURE__ */e.jsx(u.default,{value:i,children:i},i))},p.id)}),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.TextField,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:j,defaultValue:p.label},p.id)}),
+/* @__PURE__ */e.jsx(m.default,{name:"is_accordion",control:/* @__PURE__ */e.jsx(o.Checkbox,{}),onChange:j,checked:p.is_accordion,label:"Is Accordion"},p.id),p.section_type===a.SECTION_TYPES.FORM_SWITCH_SECTION?/* @__PURE__ */e.jsxs("div",{className:"formSection--SubFieldContainer",children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.TextField,{fullWidth:!0,label:"Form label",is_required:!0,name:"form_switcher_label",type:"text",onChange:j,defaultValue:p.form_switcher_label},p.id)}),
 /* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Forms"}),null==(h=null==p?void 0:p.switcher_forms)?void 0:h.map(l=>/* @__PURE__ */e.jsxs("div",{className:"formSection--MultiOptions",children:[
-/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,value:l.name,style:{marginBottom:"10px"},name:"switcher_forms",onChange:e=>{var t;const i=null==(t=p.switcher_forms)?void 0:t.map(t=>l.id===t.id?{...t,name:e.target.value}:{...t});j(e,i)}},l.id),
-/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"1rem",color:"#656669"},onClick:e=>{const t=[...p.switcher_forms].filter(e=>e.id!==l.id);e.target.name="switcher_forms",j(e,t)}})]},p.id))]}),v?/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Forms"}),null==(f=null==p?void 0:p.switcher_forms)?void 0:f.map(i=>/* @__PURE__ */e.jsxs("div",{className:"formSection--MultiOptions",children:[
+/* @__PURE__ */e.jsx(s.TextField,{fullWidth:!0,value:i.name,style:{marginBottom:"10px"},name:"switcher_forms",onChange:e=>{var t;const l=null==(t=p.switcher_forms)?void 0:t.map(t=>i.id===t.id?{...t,name:e.target.value}:{...t});j(e,l)}},i.id),
+/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"1rem",color:"#656669"},onClick:e=>{const t=[...p.switcher_forms].filter(e=>e.id!==i.id);e.target.name="switcher_forms",j(e,t)}})]},p.id))]}),v?/* @__PURE__ */e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs("div",{className:"formSection--MultiOptions formSection--FullWidth",children:[
-/* @__PURE__ */e.jsx("div",{className:"formSection--FullWidth",children:/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,label:"Form section name",placeholder:"Form section name",is_required:!0,type:"text",value:b,error:C,helperText:C?"Form section name can not duplicate":"",onChange:e=>y(e.target.value)},p.id)}),
+/* @__PURE__ */e.jsx("div",{className:"formSection--FullWidth",children:/* @__PURE__ */e.jsx(s.TextField,{fullWidth:!0,label:"Form section name",placeholder:"Form section name",is_required:!0,type:"text",value:b,error:F,helperText:F?"Form section name can not duplicate":"",onChange:e=>y(e.target.value)},p.id)}),
 /* @__PURE__ */e.jsx(t.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{S(!1),y("")}})]},p.id),
-/* @__PURE__ */e.jsx(n.default,{onClick:e=>{const{uniqueStringId:l}=o.generateRandomId(),t=[...p.switcher_forms,{name:b,id:l}];j(e,t),y(""),S(!1)},name:"switcher_forms",variant:"text",className:"formSection--Button",disabled:C||!b,startIcon:/* @__PURE__ */e.jsx(f.default,{}),children:"Add"})]}):null,v?null:/* @__PURE__ */e.jsx(n.default,{onClick:()=>S(!0),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(f.default,{}),children:"Add forms"})]}):null]},p.id)};
+/* @__PURE__ */e.jsx(n.Button,{onClick:e=>{const{uniqueStringId:i}=d.generateRandomId(),t=[...p.switcher_forms,{name:b,id:i}];j(e,t),y(""),S(!1)},name:"switcher_forms",variant:"text",className:"formSection--Button",disabled:F||!b,startIcon:/* @__PURE__ */e.jsx(x.default,{}),children:"Add"})]}):null,v?null:/* @__PURE__ */e.jsx(n.Button,{onClick:()=>S(!0),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(x.default,{}),children:"Add forms"})]}):null]},p.id)};exports.SectionEditForm=h,exports.default=h;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/element-edit-forms/section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useMemo, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Add } from \"@mui/icons-material\";\n\n// ERP Common imports\nimport Select from \"@/components/select/select\";\nimport Button from \"@/components/button/button\";\nimport Typography from \"@/components/typography/typography\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport { generateRandomId } from \"@/utils/common\";\nimport { SECTION_TYPES } from \"@/utils/constant\";\n\n// Local imports\nimport { ISwitcherForms } from \"../field_properties\";\nimport \"../custom-form.scss\";\n\nconst SectionEditForm = (props: any) => {\n  const { handlePropertyValueUpdate } = props;\n  const [elementJSON, setElementJSON] = useState(props.element);\n  const [addForm, setAddForm] = useState<boolean>(false);\n  const [newForm, setNewForm] = useState<string>(\"\");\n  const selectOption = [\"section\"];\n\n  const isDuplicateFormName = useMemo(\n    () =>\n      elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\n    [elementJSON.switcher_forms, newForm]\n  );\n\n  useEffect(() => {\n    setElementJSON(props.element);\n  }, [props.element]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          disabled\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          variant=\"outlined\"\n        >\n          {selectOption?.map((item) => (\n            <MenuItem value={item}>{item}</MenuItem>\n          ))}\n        </Select>\n      </div>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          name=\"section_type\"\n          defaultValue={elementJSON.section_type}\n          label=\"Section Type\"\n          variant=\"outlined\"\n          onChange={(e: any) => handlePropertyValueUpdate(e)}\n        >\n          {Object.values(SECTION_TYPES).map((type) => {\n            return (\n              <MenuItem key={type} value={type}>\n                {type}\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </div>\n      <div>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_accordion\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_accordion}\n        label=\"Is Accordion\"\n      />\n      {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\n        <div className=\"formSection--SubFieldContainer\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Form label\"\n              is_required\n              key={elementJSON.id}\n              name=\"form_switcher_label\"\n              type=\"text\"\n              onChange={handlePropertyValueUpdate}\n              defaultValue={elementJSON.form_switcher_label}\n            />\n          </div>\n          <div>\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={\"theme.secondary.800\"}\n            >\n              Forms\n            </Typography>\n            {elementJSON?.switcher_forms?.map(\n              (ele: ISwitcherForms) => (\n                <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\n                  <TextField\n                    fullWidth\n                    key={ele.id}\n                    value={ele.name}\n                    style={{ marginBottom: \"10px\" }}\n                    name=\"switcher_forms\"\n                    onChange={(e: any) => {\n                      const newVal = elementJSON.switcher_forms?.map(\n                        (formEle: ISwitcherForms) =>\n                          ele.id === formEle.id\n                            ? { ...formEle, name: e.target.value }\n                            : { ...formEle }\n                      );\n\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                  <CloseIcon\n                    style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                    onClick={(e: any) => {\n                      const newVal = [...elementJSON.switcher_forms].filter(\n                        (item) => item.id !== ele.id\n                      );\n                      e.target.name = \"switcher_forms\";\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                </div>\n              )\n            )}\n          </div>\n          {addForm ? (\n            <div>\n              <div\n                className=\"formSection--MultiOptions formSection--FullWidth\"\n                key={elementJSON.id}\n              >\n                <div className=\"formSection--FullWidth\">\n                  <TextField\n                    fullWidth\n                    label=\"Form section name\"\n                    placeholder=\"Form section name\"\n                    is_required\n                    key={elementJSON.id}\n                    type=\"text\"\n                    value={newForm}\n                    error={isDuplicateFormName}\n                    helperText={\n                      isDuplicateFormName\n                        ? \"Form section name can not duplicate\"\n                        : \"\"\n                    }\n                    onChange={(e: any) => setNewForm(e.target.value)}\n                  />\n                </div>\n                <CloseIcon\n                  style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                  onClick={() => {\n                    setAddForm(false);\n                    setNewForm(\"\");\n                  }}\n                />\n              </div>\n              <Button\n                onClick={(e: any) => {\n                  const { uniqueStringId: id } = generateRandomId();\n                  const newVal = [\n                    ...elementJSON.switcher_forms,\n                    { name: newForm, id },\n                  ];\n                  handlePropertyValueUpdate(e, newVal);\n                  setNewForm(\"\");\n                  setAddForm(false);\n                }}\n                name=\"switcher_forms\"\n                variant=\"text\"\n                className=\"formSection--Button\"\n                disabled={isDuplicateFormName || !newForm}\n                startIcon={<Add />}\n              >\n                Add\n              </Button>\n            </div>\n          ) : null}\n          {!addForm ? (\n            <Button\n              onClick={() => setAddForm(true)}\n              variant=\"text\"\n              className=\"formSection--Button\"\n              startIcon={<Add />}\n            >\n              Add forms\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </Box>\n  );\n};\n\nexport default SectionEditForm;\n"],"names":["props","handlePropertyValueUpdate","elementJSON","setElementJSON","useState","element","addForm","setAddForm","newForm","setNewForm","selectOption","isDuplicateFormName","useMemo","_a","switcher_forms","map","ele","name","includes","useEffect","jsxs","Box","className","children","jsx","Select","fullWidth","placeholder","size","disabled","defaultValue","field_type","label","variant","item","MenuItem","value","id","section_type","onChange","e","values","SECTION_TYPES","type","TextField","is_required","FormControlLabel","control","Checkbox","checked","is_accordion","FORM_SWITCH_SECTION","form_switcher_label","Typography","weight","color","style","marginBottom","newVal","formEle","target","CloseIcon","fontSize","onClick","filter","error","helperText","Button","uniqueStringId","generateRandomId","startIcon","Add"],"mappings":"29BAqByBA,UACvB,MAAMC,0BAAEA,GAA8BD,GAC/BE,EAAaC,GAAkBC,EAAAA,SAASJ,EAAMK,UAC9CC,EAASC,GAAcH,EAAAA,UAAkB,IACzCI,EAASC,GAAcL,EAAAA,SAAiB,IACzCM,EAAe,CAAC,WAEhBC,EAAsBC,EAAAA,QAC1B,WACE,OAAA,OAAAC,EAAAX,EAAYY,qBAAZ,EAAAD,EAA4BE,IAAKC,GAAaA,EAAIC,MAAMC,SAASV,IACnE,CAACN,EAAYY,eAAgBN,IAO/B,OAJAW,EAAAA,UAAU,KACRhB,EAAeH,EAAMK,UACpB,CAACL,EAAMK,2BAGRe,KAACC,EAAAA,QAAA,CAAIC,UAAU,8BACbC,SAAA;eAAAC,MAAC,MAAA,CACCD,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CAECC,WAAS,EACTC,YAAY,eACZC,KAAK,QACLC,UAAQ,EACRC,aAAc5B,EAAY6B,WAC1BC,MAAM,aACNC,QAAQ,WAEPV,SAAA,MAAAb,OAAA,EAAAA,EAAcK,IAAKmB,wBACjBC,UAAA,CAASC,MAAOF,EAAOX,SAAAW,MAVrBhC,EAAYmC;qBAcpB,MAAA,CACCd,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CAECC,WAAS,EACTC,YAAY,eACZC,KAAK,QACLX,KAAK,eACLa,aAAc5B,EAAYoC,aAC1BN,MAAM,eACNC,QAAQ,WACRM,SAAWC,GAAWvC,EAA0BuC,GAE/CjB,gBAAOkB,OAAOC,EAAAA,eAAe3B,IAAK4B,kBAE/BnB,EAAAA,IAACW,EAAAA,QAAA,CAAoBC,MAAOO,EACzBpB,YADYoB,KAZdzC,EAAYmC;qBAmBpB,MAAA,CACCd,wBAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACClB,WAAS,EACTM,MAAM,QACNa,aAAW,EAEX5B,KAAK,QACL0B,KAAK,OACLJ,SAAUtC,EACV6B,aAAc5B,EAAY8B,OAJrB9B,EAAYmC;eAOrBb,EAAAA,IAACsB,EAAAA,QAAA,CAEC7B,KAAK,eACL8B,6BAAUC,EAAAA,QAAA,IACVT,SAAUtC,EACVgD,QAAS/C,EAAYgD,aACrBlB,MAAM,gBALD9B,EAAYmC,IAOlBnC,EAAYoC,eAAiBI,EAAAA,cAAcS,mCAC1C/B,EAAAA,KAAC,MAAA,CAAIE,UAAU,iCACbC,SAAA;eAAAC,MAAC,MAAA,CACCD,wBAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACClB,WAAS,EACTM,MAAM,aACNa,aAAW,EAEX5B,KAAK,sBACL0B,KAAK,OACLJ,SAAUtC,EACV6B,aAAc5B,EAAYkD,qBAJrBlD,EAAYmC;sBAOpB,MAAA,CACCd,SAAA;eAAAC,EAAAA,IAAC6B,EAAAA,WAAA,CACCV,KAAK,KACLW,OAAQ,SACRC,MAAO,sBACRhC,SAAA,UAGA,OAAAV,EAAA,MAAAX,OAAA,EAAAA,EAAaY,qBAAb,EAAAD,EAA6BE,IAC3BC,kBACCI,EAAAA,KAAC,MAAA,CAAIE,UAAU,4BACbC,SAAA;eAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACClB,WAAS,EAETU,MAAOpB,EAAIC,KACXuC,MAAO,CAAEC,aAAc,QACvBxC,KAAK,iBACLsB,SAAWC,UACT,MAAMkB,EAAS,OAAA7C,EAAAX,EAAYY,uBAAZD,EAA4BE,IACxC4C,GACC3C,EAAIqB,KAAOsB,EAAQtB,GACf,IAAKsB,EAAS1C,KAAMuB,EAAEoB,OAAOxB,OAC7B,IAAKuB,IAGb1D,EAA0BuC,EAAGkB,KAZ1B1C,EAAIqB;eAeXb,EAAAA,IAACqC,EAAAA,QAAA,CACCL,MAAO,CAAEM,SAAU,OAAQP,MAAO,WAClCQ,QAAUvB,IACR,MAAMkB,EAAS,IAAIxD,EAAYY,gBAAgBkD,OAC5C9B,GAASA,EAAKG,KAAOrB,EAAIqB,IAE5BG,EAAEoB,OAAO3C,KAAO,iBAChBhB,EAA0BuC,EAAGkB,QAzBaxD,EAAYmC,QAgCjE/B,wBACE,MAAA,CACCiB,SAAA;eAAAH,EAAAA,KAAC,MAAA,CACCE,UAAU,mDAGVC,SAAA;iBAAAC,IAAC,MAAA,CAAIF,UAAU,yBACbC,wBAAAC,EAAAA,IAACoB,EAAAA,QAAA,CACClB,WAAS,EACTM,MAAM,oBACNL,YAAY,oBACZkB,aAAW,EAEXF,KAAK,OACLP,MAAO5B,EACPyD,MAAOtD,EACPuD,WACEvD,EACI,sCACA,GAEN4B,SAAWC,GAAW/B,EAAW+B,EAAEoB,OAAOxB,QATrClC,EAAYmC;eAYrBb,EAAAA,IAACqC,EAAAA,QAAA,CACCL,MAAO,CAAEM,SAAU,OAAQP,MAAO,WAClCQ,QAAS,KACPxD,GAAW,GACXE,EAAW,SAxBVP,EAAYmC;eA4BnBb,EAAAA,IAAC2C,EAAAA,QAAA,CACCJ,QAAUvB,IACR,MAAQ4B,eAAgB/B,GAAOgC,qBACzBX,EAAS,IACVxD,EAAYY,eACf,CAAEG,KAAMT,EAAS6B,OAEnBpC,EAA0BuC,EAAGkB,GAC7BjD,EAAW,IACXF,GAAW,IAEbU,KAAK,iBACLgB,QAAQ,OACRX,UAAU,sBACVO,SAAUlB,IAAwBH,EAClC8D,+BAAYC,EAAAA,QAAA,IACbhD,SAAA,WAID,KACFjB,EASE,oBARFkB,EAAAA,IAAC2C,EAAAA,QAAA,CACCJ,QAAS,IAAMxD,GAAW,GAC1B0B,QAAQ,OACRX,UAAU,sBACVgD,+BAAYC,EAAAA,QAAA,IACbhD,SAAA,iBAKH,OAlL4CrB,EAAYmC"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\nimport { useEffect, useMemo, useState } from \"react\";\n\n// Material UI imports\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Add } from \"@mui/icons-material\";\n\n// ERP Common imports\nimport Select from \"@/components/select/select\";\nimport Button from \"@/components/button/button\";\nimport Typography from \"@/components/typography/typography\";\nimport TextField from \"@/components/text-field/text-field\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\nimport { generateRandomId } from \"@/utils/common\";\nimport { SECTION_TYPES } from \"@/utils/constant\";\n\n// Local imports\nimport { ISwitcherForms } from \"../field_properties\";\nimport \"../custom-form.scss\";\n\nconst SectionEditForm = (props: any) => {\n  const { handlePropertyValueUpdate } = props;\n  const [elementJSON, setElementJSON] = useState(props.element);\n  const [addForm, setAddForm] = useState<boolean>(false);\n  const [newForm, setNewForm] = useState<string>(\"\");\n  const selectOption = [\"section\"];\n\n  const isDuplicateFormName = useMemo(\n    () =>\n      elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\n    [elementJSON.switcher_forms, newForm]\n  );\n\n  useEffect(() => {\n    setElementJSON(props.element);\n  }, [props.element]);\n\n  return (\n    <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          disabled\n          defaultValue={elementJSON.field_type}\n          label=\"Field Type\"\n          variant=\"outlined\"\n        >\n          {selectOption?.map((item) => (\n            <MenuItem value={item}>{item}</MenuItem>\n          ))}\n        </Select>\n      </div>\n      <div>\n        <Select\n          key={elementJSON.id}\n          fullWidth\n          placeholder=\"Select Field\"\n          size=\"small\"\n          name=\"section_type\"\n          defaultValue={elementJSON.section_type}\n          label=\"Section Type\"\n          variant=\"outlined\"\n          onChange={(e: any) => handlePropertyValueUpdate(e)}\n        >\n          {Object.values(SECTION_TYPES).map((type) => {\n            return (\n              <MenuItem key={type} value={type}>\n                {type}\n              </MenuItem>\n            );\n          })}\n        </Select>\n      </div>\n      <div>\n        <TextField\n          fullWidth\n          label=\"Label\"\n          is_required\n          key={elementJSON.id}\n          name=\"label\"\n          type=\"text\"\n          onChange={handlePropertyValueUpdate}\n          defaultValue={elementJSON.label}\n        />\n      </div>\n      <FormControlLabel\n        key={elementJSON.id}\n        name=\"is_accordion\"\n        control={<Checkbox />}\n        onChange={handlePropertyValueUpdate}\n        checked={elementJSON.is_accordion}\n        label=\"Is Accordion\"\n      />\n      {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\n        <div className=\"formSection--SubFieldContainer\">\n          <div>\n            <TextField\n              fullWidth\n              label=\"Form label\"\n              is_required\n              key={elementJSON.id}\n              name=\"form_switcher_label\"\n              type=\"text\"\n              onChange={handlePropertyValueUpdate}\n              defaultValue={elementJSON.form_switcher_label}\n            />\n          </div>\n          <div>\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={\"theme.secondary.800\"}\n            >\n              Forms\n            </Typography>\n            {elementJSON?.switcher_forms?.map(\n              (ele: ISwitcherForms) => (\n                <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\n                  <TextField\n                    fullWidth\n                    key={ele.id}\n                    value={ele.name}\n                    style={{ marginBottom: \"10px\" }}\n                    name=\"switcher_forms\"\n                    onChange={(e: any) => {\n                      const newVal = elementJSON.switcher_forms?.map(\n                        (formEle: ISwitcherForms) =>\n                          ele.id === formEle.id\n                            ? { ...formEle, name: e.target.value }\n                            : { ...formEle }\n                      );\n\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                  <CloseIcon\n                    style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                    onClick={(e: any) => {\n                      const newVal = [...elementJSON.switcher_forms].filter(\n                        (item) => item.id !== ele.id\n                      );\n                      e.target.name = \"switcher_forms\";\n                      handlePropertyValueUpdate(e, newVal);\n                    }}\n                  />\n                </div>\n              )\n            )}\n          </div>\n          {addForm ? (\n            <div>\n              <div\n                className=\"formSection--MultiOptions formSection--FullWidth\"\n                key={elementJSON.id}\n              >\n                <div className=\"formSection--FullWidth\">\n                  <TextField\n                    fullWidth\n                    label=\"Form section name\"\n                    placeholder=\"Form section name\"\n                    is_required\n                    key={elementJSON.id}\n                    type=\"text\"\n                    value={newForm}\n                    error={isDuplicateFormName}\n                    helperText={\n                      isDuplicateFormName\n                        ? \"Form section name can not duplicate\"\n                        : \"\"\n                    }\n                    onChange={(e: any) => setNewForm(e.target.value)}\n                  />\n                </div>\n                <CloseIcon\n                  style={{ fontSize: \"1rem\", color: \"#656669\" }}\n                  onClick={() => {\n                    setAddForm(false);\n                    setNewForm(\"\");\n                  }}\n                />\n              </div>\n              <Button\n                onClick={(e: any) => {\n                  const { uniqueStringId: id } = generateRandomId();\n                  const newVal = [\n                    ...elementJSON.switcher_forms,\n                    { name: newForm, id },\n                  ];\n                  handlePropertyValueUpdate(e, newVal);\n                  setNewForm(\"\");\n                  setAddForm(false);\n                }}\n                name=\"switcher_forms\"\n                variant=\"text\"\n                className=\"formSection--Button\"\n                disabled={isDuplicateFormName || !newForm}\n                startIcon={<Add />}\n              >\n                Add\n              </Button>\n            </div>\n          ) : null}\n          {!addForm ? (\n            <Button\n              onClick={() => setAddForm(true)}\n              variant=\"text\"\n              className=\"formSection--Button\"\n              startIcon={<Add />}\n            >\n              Add forms\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n    </Box>\n  );\n};\n\nexport { SectionEditForm };\nexport default SectionEditForm;\n"],"names":["SectionEditForm","props","handlePropertyValueUpdate","elementJSON","setElementJSON","useState","element","addForm","setAddForm","newForm","setNewForm","selectOption","isDuplicateFormName","useMemo","_a","switcher_forms","map","ele","name","includes","useEffect","jsxs","Box","className","children","jsx","Select","fullWidth","placeholder","size","disabled","defaultValue","field_type","label","variant","item","MenuItem","value","id","section_type","onChange","e","values","SECTION_TYPES","type","TextField","is_required","FormControlLabel","control","Checkbox","checked","is_accordion","FORM_SWITCH_SECTION","form_switcher_label","Typography","weight","color","style","marginBottom","newVal","formEle","target","CloseIcon","fontSize","onClick","filter","error","helperText","Button","uniqueStringId","generateRandomId","startIcon","Add"],"mappings":"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"}

package/dist/views/form-builder/element-edit-forms/section.d.ts

@@ -0,0 +1,4 @@
+
+declare const SectionEditForm: (props: any) => import("react/jsx-runtime").JSX.Element;
+export { SectionEditForm };
+export default SectionEditForm;

package/dist/views/form-builder/element-edit-forms/select/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo, useCallback } from "react";
 import { enqueueSnackbar } from "../../../../node_modules/notistack/notistack.esm/index.esm.js";
-import Checkbox from "../../../../components/checkbox/checkbox/index.esm.js";
-import Select from "../../../../components/select/select/index.esm.js";
-import TextField from "../../../../components/text-field/text-field/index.esm.js";
+import { Checkbox } from "../../../../components/checkbox/checkbox/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
+import { TextField } from "../../../../components/text-field/text-field/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
-import Button from "../../../../components/button/button/index.esm.js";
+import { Button } from "../../../../components/button/button/index.esm.js";
 import FieldSelect from "../field-select/index.esm.js";
 /* empty css                               */
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -13,9 +13,9 @@ import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/i
 import FormControl from "../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import Slider from "../../../../node_modules/@mui/material/Slider/Slider/index.esm.js";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import { Trash } from "../../../../components/icons/trash/index.esm.js";
 import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 import FormControlLabel from "../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
-import { Trash } from "../../../../components/icons/trash/index.esm.js";
 const COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6];
 const SelectEditForm = React__default.memo(({
   element,

package/dist/views/form-builder/element-edit-forms/select/index.js

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                      */t=,/* empty css                                              */u=,/* empty css                                          */n=,/* empty css                                                  */i=,/* empty css                                                  */d=,/* empty css                                          */s=;/* empty css                     */;/* empty css                            */var r=,/* empty css                                                    */o=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */f=,/* empty css                                                                  */x=,/* empty css                                                          */h=,/* empty css                                                                              */p=;/* empty css                                        */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const b=[1,2,3,4,5,6],v=/* @__PURE__ */j(l).default.memo(({element:j,handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:_,handleColumnSelect:C,handleWidthChange:y})=>{const[q,g]=l.useState(j.options||[]),[k,S]=l.useState({label:"",value:""}),[O,w]=l.useState(!1);l.useEffect(()=>{JSON.stringify(q)!==JSON.stringify(j.options||[])&&g(j.options||[])},[j.options,q]);const W=l.useMemo(()=>"system"===j.type||!j.is_new,[j.type,j.is_new]),F=l.useMemo(()=>{const e=q.find(e=>e.value===j.default_value);return(null==e?void 0:e.label)||"Select Default"},[q,j.default_value]),I=l.useCallback(e=>{v(null,null,null,e.target.value)},[v]),N=l.useCallback(e=>{v(null,null,e.target.value)},[v]),P=l.useCallback(e=>{const l=e.target.checked;v({target:{name:"is_multiselect",checked:l,value:l}}),l&&j.default_value&&v(null,"default_value",null)},[v,j.default_value]),V=l.useCallback(e=>{const{name:l,value:a}=e.target;S(e=>({...e,[l]:a}))},[]),E=l.useCallback(()=>{if(!k.label.trim()||!k.value.trim())return;if(q.some(e=>e.value===k.value||e.label===k.label))return void a.enqueueSnackbar("Option with this value or label already exists.",{variant:"error"});const e=[...q,{...k}];g(e),_(e),S({label:"",value:""}),w(!1)},[k,q,_]),M=l.useCallback(e=>{const l=q.filter((l,a)=>a!==e);g(l),_(l);const a=q[e];j.default_value===(null==a?void 0:a.value)&&v(null,"default_value",null)},[q,_,j.default_value,v]),A=l.useCallback((e,l)=>{y(l)},[y]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                      */t=,/* empty css                                              */n=,/* empty css                                          */i=,/* empty css                                                  */u=,/* empty css                                                  */s=,/* empty css                                          */d=;/* empty css                     */;/* empty css                            */var r=,/* empty css                                                    */o=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */x=,/* empty css                                                                  */h=,/* empty css                                        */f=,/* empty css                                                          */p=;/* empty css                                                                              */function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=[1,2,3,4,5,6],v=/* @__PURE__ */b(l).default.memo(({element:b,handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:C,handleColumnSelect:_,handleWidthChange:y})=>{const[q,g]=l.useState(b.options||[]),[k,S]=l.useState({label:"",value:""}),[F,O]=l.useState(!1);l.useEffect(()=>{JSON.stringify(q)!==JSON.stringify(b.options||[])&&g(b.options||[])},[b.options,q]);const w=l.useMemo(()=>"system"===b.type||!b.is_new,[b.type,b.is_new]),W=l.useMemo(()=>{const e=q.find(e=>e.value===b.default_value);return(null==e?void 0:e.label)||"Select Default"},[q,b.default_value]),T=l.useCallback(e=>{v(null,null,null,e.target.value)},[v]),B=l.useCallback(e=>{v(null,null,e.target.value)},[v]),I=l.useCallback(e=>{const l=e.target.checked;v({target:{name:"is_multiselect",checked:l,value:l}}),l&&b.default_value&&v(null,"default_value",null)},[v,b.default_value]),N=l.useCallback(e=>{const{name:l,value:a}=e.target;S(e=>({...e,[l]:a}))},[]),P=l.useCallback(()=>{if(!k.label.trim()||!k.value.trim())return;if(q.some(e=>e.value===k.value||e.label===k.label))return void a.enqueueSnackbar("Option with this value or label already exists.",{variant:"error"});const e=[...q,{...k}];g(e),C(e),S({label:"",value:""}),O(!1)},[k,q,C]),V=l.useCallback(e=>{const l=q.filter((l,a)=>a!==e);g(l),C(l);const a=q[e];b.default_value===(null==a?void 0:a.value)&&v(null,"default_value",null)},[q,C,b.default_value,v]),E=l.useCallback((e,l)=>{y(l)},[y]);/* @__PURE__ */
 return e.jsxs(r.default,{className:"formSection--FieldContainer",children:[
-/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(s.default,{variant:"outlined",onChange:I,defaultValue:j.field_type,label:"Field Type",disabled:W})}),
-/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:j.label})}),
-/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Placeholder",is_required:!0,name:"placeholder",type:"text",onChange:v,defaultValue:j.placeholder})}),
-/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,placeholder:"Select Default",size:"small",name:"default_value",onChange:N,value:j.default_value||"",label:"Default",variant:"outlined",disabled:j.is_multiselect,renderValue:()=>F,children:q.map((l,a)=>/* @__PURE__ */e.jsx(o.default,{value:l.value,children:l.label},`${l.value}-${a}`))})}),
-/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:C,label:"Select Column Per Row",name:"columnPerRow",variant:"outlined",children:b.map(l=>/* @__PURE__ */e.jsx(o.default,{value:l,children:l},l))})})}),
+/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(d.default,{variant:"outlined",onChange:T,defaultValue:b.field_type,label:"Field Type",disabled:w})}),
+/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(i.TextField,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:b.label})}),
+/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(i.TextField,{fullWidth:!0,label:"Placeholder",is_required:!0,name:"placeholder",type:"text",onChange:v,defaultValue:b.placeholder})}),
+/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(n.Select,{fullWidth:!0,placeholder:"Select Default",size:"small",name:"default_value",onChange:B,value:b.default_value||"",label:"Default",variant:"outlined",disabled:b.is_multiselect,renderValue:()=>W,children:q.map((l,a)=>/* @__PURE__ */e.jsx(o.default,{value:l.value,children:l.label},`${l.value}-${a}`))})}),
+/* @__PURE__ */e.jsx(r.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(n.Select,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:_,label:"Select Column Per Row",name:"columnPerRow",variant:"outlined",children:j.map(l=>/* @__PURE__ */e.jsx(o.default,{value:l,children:l},l))})})}),
 /* @__PURE__ */e.jsxs(r.default,{children:[
-/* @__PURE__ */e.jsx(i.Typography,{sx:{color:"black",mb:1},children:"Adjust Width:"}),
-/* @__PURE__ */e.jsx(r.default,{pr:2,children:/* @__PURE__ */e.jsx(m.default,{value:j.custom_width||6,min:1,max:12,step:1,onChange:A,"aria-labelledby":"width-slider",sx:{color:"#4AC08C"},marks:!0,valueLabelDisplay:"auto"})})]}),
+/* @__PURE__ */e.jsx(u.Typography,{sx:{color:"black",mb:1},children:"Adjust Width:"}),
+/* @__PURE__ */e.jsx(r.default,{pr:2,children:/* @__PURE__ */e.jsx(m.default,{value:b.custom_width||6,min:1,max:12,step:1,onChange:E,"aria-labelledby":"width-slider",sx:{color:"#4AC08C"},marks:!0,valueLabelDisplay:"auto"})})]}),
 /* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",sx:{mb:.5},children:"Options"}),q.map((l,a)=>/* @__PURE__ */e.jsxs(r.default,{sx:{mb:1,display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,value:`${l.label} (${l.value})`,InputProps:{readOnly:!0}}),
-/* @__PURE__ */e.jsx(f.default,{color:"error",size:"small",onClick:()=>M(a),children:/* @__PURE__ */e.jsx(p.Trash,{})})]},`option-${a}`)),O&&/* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",sx:{mt:.5,p:2,border:"1px solid #ddd",borderRadius:1},children:[
-/* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Option Label",is_required:!0,name:"label",type:"text",placeholder:"Enter option label",value:k.label,onChange:V})}),
-/* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(n.default,{fullWidth:!0,label:"Option Value",placeholder:"Enter option value",is_required:!0,name:"value",type:"text",value:k.value,onChange:V})}),
+/* @__PURE__ */e.jsx(u.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",sx:{mb:.5},children:"Options"}),q.map((l,a)=>/* @__PURE__ */e.jsxs(r.default,{sx:{mb:1,display:"flex",gap:1},children:[
+/* @__PURE__ */e.jsx(i.TextField,{fullWidth:!0,value:`${l.label} (${l.value})`,InputProps:{readOnly:!0}}),
+/* @__PURE__ */e.jsx(x.default,{color:"error",size:"small",onClick:()=>V(a),children:/* @__PURE__ */e.jsx(h.Trash,{})})]},`option-${a}`)),F&&/* @__PURE__ */e.jsxs(r.default,{className:"formSection--SelectOption",sx:{mt:.5,p:2,border:"1px solid #ddd",borderRadius:1},children:[
+/* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(i.TextField,{fullWidth:!0,label:"Option Label",is_required:!0,name:"label",type:"text",placeholder:"Enter option label",value:k.label,onChange:N})}),
+/* @__PURE__ */e.jsx(r.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(i.TextField,{fullWidth:!0,label:"Option Value",placeholder:"Enter option value",is_required:!0,name:"value",type:"text",value:k.value,onChange:N})}),
 /* @__PURE__ */e.jsxs(r.default,{sx:{display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(d.default,{onClick:E,startIcon:/* @__PURE__ */e.jsx(x.default,{}),disabled:!k.label.trim()||!k.value.trim(),children:"Add Option"}),
-/* @__PURE__ */e.jsx(d.default,{onClick:()=>{w(!1),S({label:"",value:""})},variant:"outlined",children:"Cancel"})]})]}),!O&&/* @__PURE__ */e.jsx(d.default,{onClick:()=>w(!0),variant:"outlined",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(x.default,{}),sx:{mt:1},children:"Add Option"})]}),
+/* @__PURE__ */e.jsx(s.Button,{onClick:P,startIcon:/* @__PURE__ */e.jsx(f.default,{}),disabled:!k.label.trim()||!k.value.trim(),children:"Add Option"}),
+/* @__PURE__ */e.jsx(s.Button,{onClick:()=>{O(!1),S({label:"",value:""})},variant:"outlined",children:"Cancel"})]})]}),!F&&/* @__PURE__ */e.jsx(s.Button,{onClick:()=>O(!0),variant:"outlined",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(f.default,{}),sx:{mt:1},children:"Add Option"})]}),
 /* @__PURE__ */e.jsxs(r.default,{sx:{display:"flex",flexDirection:"column",gap:1},children:[
-/* @__PURE__ */e.jsx(h.default,{name:"is_multiselect",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:P,checked:j.is_multiselect,label:"Enable Multi Select"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_required,label:"This field is required"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_unique,label:"Is Unique"}),
-/* @__PURE__ */e.jsx(h.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_fullwidth,label:"Full Width"})]})]})});v.displayName="SelectEditForm",exports.SelectEditForm=v,exports.default=v;
+/* @__PURE__ */e.jsx(p.default,{name:"is_multiselect",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:I,checked:b.is_multiselect,label:"Enable Multi Select"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:b.is_required,label:"This field is required"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:b.is_unique,label:"Is Unique"}),
+/* @__PURE__ */e.jsx(p.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:b.is_fullwidth,label:"Full Width"})]})]})});v.displayName="SelectEditForm",exports.SelectEditForm=v,exports.default=v;
 //# sourceMappingURL=index.js.map