npm - @erpsquad/common - Versions diffs - 1.8.45 → 1.8.47 - Mend

@erpsquad/common 1.8.45 → 1.8.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1314) hide show

package/dist/views/form-builder/element-edit-forms/checkbox/index.js CHANGED Viewed

@@ -1,30 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                        */t=,/* empty css                                              */i=,/* empty css                                        */d=,/* empty css                                                  */o=,/* empty css                                                  */n=;/* empty css                     */;/* empty css                            */var s=,/* empty css                                                    */r=,/* empty css                                                          */u=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */h=,/* empty css                                                          */x=,/* empty css                                                          */f=,/* empty css                                                                  */p=;/* empty css                                                                              */function j(j){const[y,b]=l.useState(!1),{handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:g,handleColumnSelect:_,handleWidthChange:C}=j,q=[1,2,3,4,5,6],[S,w]=l.useState(j.element.options||[]),[k,V]=l.useState(j.element),P="radioButton"!==k.field_type,[W,F]=l.useState({label:"",value:"",is_checked:!1}),O=e=>{const l=e.target.name,a=e.target.value,t={...W};t[l]=a,F(t)},T=e=>{k.default_value=e.target.value,v(null,null,e.target.value)};return l.useEffect(()=>{V(j.element),w(j.element.options||[])},[j.element]),l.useEffect(()=>{F({label:"",value:"",is_checked:!1}),b(!1),g(S)},[S]),/* @__PURE__ */e.jsxs(s.default,{className:"formSection--FieldContainer",children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onChange:e=>{k.field_type=e.target.value,v(null,null,null,e.target.value)},defaultValue:k.field_type,label:"Field Type",disabled:"system"===k.type||!k.is_new},k.id)},k.id),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:k.label},k.id)},k.id),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(r.default,{variant:"outlined",fullWidth:!0,placeholder:"Select Default",size:"small",name:"options",onChange:()=>T,defaultValue:k.default_value,label:"Default",disabled:!S.length,children:null==S?void 0:S.map((l,a)=>/* @__PURE__ */e.jsx(u.default,{value:l.value,children:l.label},a))},k.id)},k.id),
-/* @__PURE__ */e.jsx(c.default,{children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:_,label:"Select Column Per Row",name:"option",variant:"outlined",children:null==q?void 0:q.map((l,a)=>/* @__PURE__ */e.jsx(u.default,{value:l,children:l},a))},k.id)}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=,/* empty css                                                        */t=,/* empty css                                              */i=,/* empty css                                        */d=,/* empty css                                                  */o=,/* empty css                                                  */n=;/* empty css                     */;/* empty css                            */var s=,/* empty css                                                    */r=,/* empty css                                                          */u=,/* empty css                                                              */c=,/* empty css                                                                    */m=,/* empty css                                                          */x=,/* empty css                                                          */h=,/* empty css                                                          */p=,/* empty css                                                                  */f=;/* empty css                                                                              */function j(j){const[b,y]=l.useState(!1),{handlePropertyValueUpdate:v,handleSelectOptionValueUpdate:g,handleColumnSelect:C,handleWidthChange:_}=j,q=[1,2,3,4,5,6],[S,k]=l.useState(j.element.options||[]),[w,F]=l.useState(j.element),T="radioButton"!==w.field_type,[V,P]=l.useState({label:"",value:"",is_checked:!1}),W=e=>{const l=e.target.name,a=e.target.value,t={...V};t[l]=a,P(t)},R=e=>{w.default_value=e.target.value,v(null,null,e.target.value)};return l.useEffect(()=>{F(j.element),k(j.element.options||[])},[j.element]),l.useEffect(()=>{P({label:"",value:"",is_checked:!1}),y(!1),g(S)},[S]),/* @__PURE__ */e.jsxs(s.default,{className:"formSection--FieldContainer",children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onChange:e=>{w.field_type=e.target.value,v(null,null,null,e.target.value)},defaultValue:w.field_type,label:"Field Type",disabled:"system"===w.type||!w.is_new},w.id)},w.id),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.TextField,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:w.label},w.id)},w.id),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(r.default,{variant:"outlined",fullWidth:!0,placeholder:"Select Default",size:"small",name:"options",onChange:()=>R,defaultValue:w.default_value,label:"Default",disabled:!S.length,children:null==S?void 0:S.map((l,a)=>/* @__PURE__ */e.jsx(u.default,{value:l.value,children:l.label},a))},w.id)},w.id),
+/* @__PURE__ */e.jsx(c.default,{children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:C,label:"Select Column Per Row",name:"option",variant:"outlined",children:null==q?void 0:q.map((l,a)=>/* @__PURE__ */e.jsx(u.default,{value:l,children:l},a))},w.id)}),
 /* @__PURE__ */e.jsxs(s.default,{children:[
 /* @__PURE__ */e.jsx(o.Typography,{sx:{color:"black"},children:"Adjust Width:"}),
-/* @__PURE__ */e.jsx(m.default,{value:null==k?void 0:k.custom_width,name:"custom_width",min:1,max:12,step:1,onChange:(e,l)=>C(l),"aria-labelledby":"width-slider",sx:{color:"#4AC08C"}})]}),
+/* @__PURE__ */e.jsx(m.default,{value:null==w?void 0:w.custom_width,name:"custom_width",min:1,max:12,step:1,onChange:(e,l)=>_(l),"aria-labelledby":"width-slider",sx:{color:"#4AC08C"}})]}),
 /* @__PURE__ */e.jsxs("div",{className:"formSection--SelectOption",children:[
 /* @__PURE__ */e.jsx(o.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Options"}),S.map((l,t)=>/* @__PURE__ */e.jsxs("div",{className:"formSection--MultiOptions",children:[
-/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,value:`${l.label} (${l.value})`,InputProps:{readOnly:!0}},t),
-/* @__PURE__ */e.jsx(a.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{w([...S.filter((e,l)=>l!==t)])}})]}))]}),y?/* @__PURE__ */e.jsxs("div",{className:"formSection--SelectOption",children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",placeholder:"Label",defaultValue:W.label,onChange:O})}),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,label:"Value",placeholder:"Value",is_required:!0,name:"value",type:"text",defaultValue:W.value,onChange:O})}),
-/* @__PURE__ */e.jsx(h.default,{onClick:()=>w([...S,{...W}]),disabled:!!S.find(e=>e.value===W.value),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(x.default,{}),children:"Add"})]}):/* @__PURE__ */e.jsx(h.default,{onClick:()=>b(!0),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(x.default,{}),children:"Add Option"}),
+/* @__PURE__ */e.jsx(d.TextField,{fullWidth:!0,value:`${l.label} (${l.value})`,InputProps:{readOnly:!0}},t),
+/* @__PURE__ */e.jsx(a.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{k([...S.filter((e,l)=>l!==t)])}})]}))]}),b?/* @__PURE__ */e.jsxs("div",{className:"formSection--SelectOption",children:[
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.TextField,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",placeholder:"Label",defaultValue:V.label,onChange:W})}),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.TextField,{fullWidth:!0,label:"Value",placeholder:"Value",is_required:!0,name:"value",type:"text",defaultValue:V.value,onChange:W})}),
+/* @__PURE__ */e.jsx(x.default,{onClick:()=>k([...S,{...V}]),disabled:!!S.find(e=>e.value===V.value),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(h.default,{}),children:"Add"})]}):/* @__PURE__ */e.jsx(x.default,{onClick:()=>y(!0),variant:"text",className:"formSection--Button",startIcon:/* @__PURE__ */e.jsx(h.default,{}),children:"Add Option"}),
 /* @__PURE__ */e.jsxs(c.default,{children:[
 /* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.800",children:"Display style"}),
-/* @__PURE__ */e.jsxs(f.default,{row:!0,"aria-labelledby":"demo-radio-buttons-group-label",name:"display",onChange:v,defaultValue:k.display,children:[
-/* @__PURE__ */e.jsx(p.default,{value:"row",control:/* @__PURE__ */e.jsx(i.default,{size:"small"}),label:"Row",slotProps:{typography:{variant:"body2"}}}),
-/* @__PURE__ */e.jsx(p.default,{value:"column",control:/* @__PURE__ */e.jsx(i.default,{size:"small"}),label:"Column",slotProps:{typography:{variant:"body2"}}})]},k.id)]}),
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,label:"Title",is_required:!0,name:"title",type:"text",onChange:v,defaultValue:k.title},k.id)},k.id),
-/* @__PURE__ */e.jsxs(c.default,{disabled:!P,children:[
+/* @__PURE__ */e.jsxs(p.default,{row:!0,"aria-labelledby":"demo-radio-buttons-group-label",name:"display",onChange:v,defaultValue:w.display,children:[
+/* @__PURE__ */e.jsx(f.default,{value:"row",control:/* @__PURE__ */e.jsx(i.Radio,{size:"small"}),label:"Row",slotProps:{typography:{variant:"body2"}}}),
+/* @__PURE__ */e.jsx(f.default,{value:"column",control:/* @__PURE__ */e.jsx(i.Radio,{size:"small"}),label:"Column",slotProps:{typography:{variant:"body2"}}})]},w.id)]}),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.TextField,{fullWidth:!0,label:"Title",is_required:!0,name:"title",type:"text",onChange:v,defaultValue:w.title},w.id)},w.id),
+/* @__PURE__ */e.jsxs(c.default,{disabled:!T,children:[
 /* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.800",children:"Title Position"}),
-/* @__PURE__ */e.jsxs(f.default,{row:!0,"aria-labelledby":"demo-radio-buttons-group-label",name:"title_position",onChange:v,defaultValue:P?"end":"",children:[
-/* @__PURE__ */e.jsx(p.default,{value:"start",control:/* @__PURE__ */e.jsx(i.default,{size:"small"}),label:"Start",slotProps:{typography:{variant:"body2"}}}),
-/* @__PURE__ */e.jsx(p.default,{value:"end",control:/* @__PURE__ */e.jsx(i.default,{size:"small"}),label:"End",slotProps:{typography:{variant:"body2"}}})]},k.id)]}),
-/* @__PURE__ */e.jsx(p.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:k.is_required,label:"This field is required"},k.id),
-/* @__PURE__ */e.jsx(p.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:k.is_unique,label:"Is Unique"},k.id),
-/* @__PURE__ */e.jsx(p.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:null==k?void 0:k.is_fullwidth,label:"Full Width "},k.id)]},k.id)}exports.CheckboxEditForm=j,exports.default=j;
+/* @__PURE__ */e.jsxs(p.default,{row:!0,"aria-labelledby":"demo-radio-buttons-group-label",name:"title_position",onChange:v,defaultValue:T?"end":"",children:[
+/* @__PURE__ */e.jsx(f.default,{value:"start",control:/* @__PURE__ */e.jsx(i.Radio,{size:"small"}),label:"Start",slotProps:{typography:{variant:"body2"}}}),
+/* @__PURE__ */e.jsx(f.default,{value:"end",control:/* @__PURE__ */e.jsx(i.Radio,{size:"small"}),label:"End",slotProps:{typography:{variant:"body2"}}})]},w.id)]}),
+/* @__PURE__ */e.jsx(f.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:w.is_required,label:"This field is required"},w.id),
+/* @__PURE__ */e.jsx(f.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:w.is_unique,label:"Is Unique"},w.id),
+/* @__PURE__ */e.jsx(f.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(t.Checkbox,{}),onChange:v,checked:null==w?void 0:w.is_fullwidth,label:"Full Width "},w.id)]},w.id)}exports.CheckboxEditForm=j,exports.default=j;
 //# sourceMappingURL=index.js.map

package/dist/views/form-builder/element-edit-forms/checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n RadioGroup,\r\n Button,\r\n Select,\r\n InputLabel,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\n\r\n// ERP Common imports\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n is_checked: boolean;\r\n [key: string]: string \| boolean; // Index signature to allow any string property\r\n}\r\n\r\nexport function CheckboxEditForm(props: any) {\r\n const [isAddSelectOption, setAddSelectOption] = useState(false);\r\n const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect , handleWidthChange } = props;\r\n const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\r\n const [selectOptions, setSelectOptions] = useState(\r\n props.element.options \|\| [],\r\n );\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n\r\n const allowLabelPositionModification =\r\n elementJSON.field_type !== \"radioButton\";\r\n\r\n const [newOptions, setNewOptions] = useState<Option>({\r\n label: \"\",\r\n value: \"\",\r\n is_checked: false,\r\n });\r\n\r\n\r\n\r\n const handleAddNewOption = (e: any) => {\r\n const label: string = e.target.name;\r\n const value: string = e.target.value;\r\n const option: Option = { ...newOptions };\r\n option[label] = value;\r\n setNewOptions(option);\r\n };\r\n\r\n const handleFieldUpdate = (e: any) => {\r\n elementJSON.field_type = e.target.value;\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n };\r\n\r\n const handleSelectUpdate = (e: any) => {\r\n elementJSON.default_value = e.target.value;\r\n handlePropertyValueUpdate(null, null, e.target.value);\r\n };\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n setSelectOptions(props.element.options \|\| []);\r\n }, [props.element]);\r\n\r\n useEffect(() => {\r\n setNewOptions({ label: \"\", value: \"\", is_checked: false });\r\n setAddSelectOption(false);\r\n handleSelectOptionValueUpdate(selectOptions);\r\n // eslint-disable-next-line\r\n }, [selectOptions]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div key={elementJSON.id}>\r\n <FieldSelect\r\n key={elementJSON.id}\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </div>\r\n <div key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n\r\n <div key={elementJSON.id}>\r\n <Select\r\n variant=\"outlined\"\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Default\"\r\n size=\"small\"\r\n name=\"options\"\r\n onChange={() => handleSelectUpdate}\r\n defaultValue={elementJSON.default_value}\r\n label=\"Default\"\r\n disabled={!selectOptions.length}\r\n >\r\n {selectOptions?.map((option: any, index: number) => (\r\n <MenuItem key={index} value={option.value}>\r\n {option.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <FormControl>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelect} // need to change\r\n // defaultValue= {} // need to change\r\n label=\"Select Column Per Row\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {columnPerRowOptions?.map((option: any, index: number) => (\r\n <MenuItem key={index} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n <Box>\r\n <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\r\n <Slider\r\n value = {elementJSON?.custom_width}\r\n name = \"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={(_, newValue) => handleWidthChange(newValue)}\r\n aria-labelledby=\"width-slider\"\r\n sx = {{color : \"#4AC08C\"}}\r\n />\r\n </Box>\r\n \r\n\r\n <div className=\"formSection--SelectOption\">\r\n <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\r\n Options\r\n </Typography>\r\n {selectOptions.map((option: any, index: number) => (\r\n <div className=\"formSection--MultiOptions\">\r\n <TextField\r\n fullWidth\r\n key={index}\r\n value={`${option.label} (${option.value})`}\r\n InputProps={{\r\n readOnly: true,\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setSelectOptions([\r\n ...selectOptions.filter(\r\n (_: any, filterIndex: number) => filterIndex !== index,\r\n ),\r\n ]);\r\n }}\r\n />\r\n </div>\r\n ))}\r\n </div>\r\n {isAddSelectOption ? (\r\n <div className=\"formSection--SelectOption\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n placeholder=\"Label\"\r\n defaultValue={newOptions.label}\r\n onChange={handleAddNewOption}\r\n />\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Value\"\r\n placeholder=\"Value\"\r\n is_required\r\n name=\"value\"\r\n type=\"text\"\r\n defaultValue={newOptions.value}\r\n onChange={handleAddNewOption}\r\n />\r\n </div>\r\n <Button\r\n onClick={() =>\r\n setSelectOptions([...selectOptions, { ...newOptions }])\r\n }\r\n disabled={\r\n !!selectOptions.find(\r\n (ele: Option) => ele.value === newOptions.value,\r\n )\r\n }\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : (\r\n <Button\r\n onClick={() => setAddSelectOption(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add Option\r\n </Button>\r\n )}\r\n\r\n <FormControl>\r\n <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n Display style\r\n </Typography>\r\n <RadioGroup\r\n key={elementJSON.id}\r\n row\r\n aria-labelledby=\"demo-radio-buttons-group-label\"\r\n name=\"display\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.display}\r\n >\r\n <FormControlLabel\r\n value=\"row\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Row\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n <FormControlLabel\r\n value=\"column\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Column\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n </RadioGroup>\r\n </FormControl>\r\n\r\n <div key={elementJSON.id}>\r\n <TextField\r\n key={elementJSON.id}\r\n fullWidth\r\n label=\"Title\"\r\n is_required\r\n name=\"title\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.title}\r\n />\r\n </div>\r\n\r\n <FormControl disabled={!allowLabelPositionModification}>\r\n <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n Title Position\r\n </Typography>\r\n <RadioGroup\r\n key={elementJSON.id}\r\n row\r\n aria-labelledby=\"demo-radio-buttons-group-label\"\r\n name=\"title_position\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\r\n >\r\n <FormControlLabel\r\n value=\"start\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Start\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n <FormControlLabel\r\n value=\"end\"\r\n control={<Radio size=\"small\" />}\r\n label=\"End\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n </RadioGroup>\r\n </FormControl>\r\n\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required}\r\n label=\"This field is required\"\r\n />\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique}\r\n label=\"Is Unique\"\r\n />\r\n\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate} // need to change this\r\n checked={elementJSON?.is_fullwidth}// need to change \r\n label=\"Full Width \"\r\n />\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CheckboxEditForm;\r\n"],"names":["CheckboxEditForm","props","isAddSelectOption","setAddSelectOption","useState","handlePropertyValueUpdate","handleSelectOptionValueUpdate","handleColumnSelect","handleWidthChange","columnPerRowOptions","selectOptions","setSelectOptions","element","options","elementJSON","setElementJSON","allowLabelPositionModification","field_type","newOptions","setNewOptions","label","value","is_checked","handleAddNewOption","e","target","name","option","handleSelectUpdate","default_value","useEffect","jsxs","Box","className","children","jsx","FieldSelect","variant","onChange","defaultValue","disabled","type","is_new","id","TextField","fullWidth","is_required","Select","placeholder","size","length","map","index","MenuItem","FormControl","Typography","sx","color","Slider","custom_width","min","max","step","_","newValue","weight","InputProps","readOnly","CloseIcon","style","fontSize","onClick","filter","filterIndex","Button","find","ele","startIcon","Add","RadioGroup","row","display","FormControlLabel","control","Radio","slotProps","typography","title","Checkbox","checked","is_unique","is_fullwidth"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/checkbox.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n RadioGroup,\r\n Button,\r\n Select,\r\n InputLabel,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add } from \"@mui/icons-material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\n\r\n// ERP Common imports\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport Radio from \"@/components/radio/radio\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n is_checked: boolean;\r\n [key: string]: string \| boolean; // Index signature to allow any string property\r\n}\r\n\r\nexport function CheckboxEditForm(props: any) {\r\n const [isAddSelectOption, setAddSelectOption] = useState(false);\r\n const { handlePropertyValueUpdate, handleSelectOptionValueUpdate , handleColumnSelect , handleWidthChange } = props;\r\n const columnPerRowOptions = [1, 2, 3, 4, 5, 6];\r\n const [selectOptions, setSelectOptions] = useState(\r\n props.element.options \|\| [],\r\n );\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n\r\n const allowLabelPositionModification =\r\n elementJSON.field_type !== \"radioButton\";\r\n\r\n const [newOptions, setNewOptions] = useState<Option>({\r\n label: \"\",\r\n value: \"\",\r\n is_checked: false,\r\n });\r\n\r\n\r\n\r\n const handleAddNewOption = (e: any) => {\r\n const label: string = e.target.name;\r\n const value: string = e.target.value;\r\n const option: Option = { ...newOptions };\r\n option[label] = value;\r\n setNewOptions(option);\r\n };\r\n\r\n const handleFieldUpdate = (e: any) => {\r\n elementJSON.field_type = e.target.value;\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n };\r\n\r\n const handleSelectUpdate = (e: any) => {\r\n elementJSON.default_value = e.target.value;\r\n handlePropertyValueUpdate(null, null, e.target.value);\r\n };\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n setSelectOptions(props.element.options \|\| []);\r\n }, [props.element]);\r\n\r\n useEffect(() => {\r\n setNewOptions({ label: \"\", value: \"\", is_checked: false });\r\n setAddSelectOption(false);\r\n handleSelectOptionValueUpdate(selectOptions);\r\n // eslint-disable-next-line\r\n }, [selectOptions]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div key={elementJSON.id}>\r\n <FieldSelect\r\n key={elementJSON.id}\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </div>\r\n <div key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n\r\n <div key={elementJSON.id}>\r\n <Select\r\n variant=\"outlined\"\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Default\"\r\n size=\"small\"\r\n name=\"options\"\r\n onChange={() => handleSelectUpdate}\r\n defaultValue={elementJSON.default_value}\r\n label=\"Default\"\r\n disabled={!selectOptions.length}\r\n >\r\n {selectOptions?.map((option: any, index: number) => (\r\n <MenuItem key={index} value={option.value}>\r\n {option.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <FormControl>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelect} // need to change\r\n // defaultValue= {} // need to change\r\n label=\"Select Column Per Row\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {columnPerRowOptions?.map((option: any, index: number) => (\r\n <MenuItem key={index} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n <Box>\r\n <Typography sx={{ color: 'black' }}>Adjust Width:</Typography>\r\n <Slider\r\n value = {elementJSON?.custom_width}\r\n name = \"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={(_, newValue) => handleWidthChange(newValue)}\r\n aria-labelledby=\"width-slider\"\r\n sx = {{color : \"#4AC08C\"}}\r\n />\r\n </Box>\r\n \r\n\r\n <div className=\"formSection--SelectOption\">\r\n <Typography type=\"s5\" weight={\"medium\"} color={\"theme.secondary.800\"}>\r\n Options\r\n </Typography>\r\n {selectOptions.map((option: any, index: number) => (\r\n <div className=\"formSection--MultiOptions\">\r\n <TextField\r\n fullWidth\r\n key={index}\r\n value={`${option.label} (${option.value})`}\r\n InputProps={{\r\n readOnly: true,\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setSelectOptions([\r\n ...selectOptions.filter(\r\n (_: any, filterIndex: number) => filterIndex !== index,\r\n ),\r\n ]);\r\n }}\r\n />\r\n </div>\r\n ))}\r\n </div>\r\n {isAddSelectOption ? (\r\n <div className=\"formSection--SelectOption\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n placeholder=\"Label\"\r\n defaultValue={newOptions.label}\r\n onChange={handleAddNewOption}\r\n />\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Value\"\r\n placeholder=\"Value\"\r\n is_required\r\n name=\"value\"\r\n type=\"text\"\r\n defaultValue={newOptions.value}\r\n onChange={handleAddNewOption}\r\n />\r\n </div>\r\n <Button\r\n onClick={() =>\r\n setSelectOptions([...selectOptions, { ...newOptions }])\r\n }\r\n disabled={\r\n !!selectOptions.find(\r\n (ele: Option) => ele.value === newOptions.value,\r\n )\r\n }\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : (\r\n <Button\r\n onClick={() => setAddSelectOption(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add Option\r\n </Button>\r\n )}\r\n\r\n <FormControl>\r\n <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n Display style\r\n </Typography>\r\n <RadioGroup\r\n key={elementJSON.id}\r\n row\r\n aria-labelledby=\"demo-radio-buttons-group-label\"\r\n name=\"display\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.display}\r\n >\r\n <FormControlLabel\r\n value=\"row\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Row\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n <FormControlLabel\r\n value=\"column\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Column\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n </RadioGroup>\r\n </FormControl>\r\n\r\n <div key={elementJSON.id}>\r\n <TextField\r\n key={elementJSON.id}\r\n fullWidth\r\n label=\"Title\"\r\n is_required\r\n name=\"title\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.title}\r\n />\r\n </div>\r\n\r\n <FormControl disabled={!allowLabelPositionModification}>\r\n <Typography type=\"s4\" color=\"theme.secondary.800\">\r\n Title Position\r\n </Typography>\r\n <RadioGroup\r\n key={elementJSON.id}\r\n row\r\n aria-labelledby=\"demo-radio-buttons-group-label\"\r\n name=\"title_position\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={allowLabelPositionModification ? \"end\" : \"\"}\r\n >\r\n <FormControlLabel\r\n value=\"start\"\r\n control={<Radio size=\"small\" />}\r\n label=\"Start\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n <FormControlLabel\r\n value=\"end\"\r\n control={<Radio size=\"small\" />}\r\n label=\"End\"\r\n slotProps={{ typography: { variant: \"body2\" } }}\r\n />\r\n </RadioGroup>\r\n </FormControl>\r\n\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required}\r\n label=\"This field is required\"\r\n />\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique}\r\n label=\"Is Unique\"\r\n />\r\n\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate} // need to change this\r\n checked={elementJSON?.is_fullwidth}// need to change \r\n label=\"Full Width \"\r\n />\r\n </Box>\r\n );\r\n}\r\n\r\nexport default CheckboxEditForm;\r\n"],"names":["CheckboxEditForm","props","isAddSelectOption","setAddSelectOption","useState","handlePropertyValueUpdate","handleSelectOptionValueUpdate","handleColumnSelect","handleWidthChange","columnPerRowOptions","selectOptions","setSelectOptions","element","options","elementJSON","setElementJSON","allowLabelPositionModification","field_type","newOptions","setNewOptions","label","value","is_checked","handleAddNewOption","e","target","name","option","handleSelectUpdate","default_value","useEffect","jsxs","Box","className","children","jsx","FieldSelect","variant","onChange","defaultValue","disabled","type","is_new","id","TextField","fullWidth","is_required","Select","placeholder","size","length","map","index","MenuItem","FormControl","Typography","sx","color","Slider","custom_width","min","max","step","_","newValue","weight","InputProps","readOnly","CloseIcon","style","fontSize","onClick","filter","filterIndex","Button","find","ele","startIcon","Add","RadioGroup","row","display","FormControlLabel","control","Radio","slotProps","typography","title","Checkbox","checked","is_unique","is_fullwidth"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/field-select.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, SelectProps, Stack } from \"@mui/material\";\r\n\r\n// ERP Common imports\r\nimport {\r\n ArrowCircleDown,\r\n Calendar,\r\n CheckboxSquare,\r\n Clock,\r\n DollarCircle,\r\n Email,\r\n Grid,\r\n Hashtag,\r\n Image,\r\n InfoCircle,\r\n Link,\r\n LinkHorizontal,\r\n Location,\r\n PaperClip,\r\n Paragraph,\r\n Phone,\r\n RadioButton,\r\n ToggleSwitch,\r\n} from \"@/components/icons\";\r\nimport Select from \"@/components/select/select\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\ninterface IField {\r\n label: string;\r\n value: string;\r\n icon: typeof Paragraph \| string;\r\n}\r\n\r\nconst fields: IField[] = [\r\n { label: \"Text\", value: \"text\", icon: Paragraph },\r\n { label: \"Number\", value: \"number\", icon: Hashtag },\r\n { label: \"Select\", value: \"select\", icon: ArrowCircleDown },\r\n { label: \"Date\", value: \"date\", icon: Calendar },\r\n { label: \"Files & Media\", value: \"file\", icon: PaperClip },\r\n { label: \"URL\", value: \"url\", icon: Link },\r\n { label: \"Email\", value: \"email\", icon: Email },\r\n { label: \"Phone\", value: \"phone\", icon: Phone },\r\n { label: \"Currency\", value: \"currency\", icon: DollarCircle },\r\n { label: \"Time\", value: \"time\", icon: Clock },\r\n { label: \"Table\", value: \"table\", icon: Grid },\r\n { label: \"Geolocation\", value: \"geoLocation\", icon: Location },\r\n { label: \"Check Box\", value: \"checkbox\", icon: CheckboxSquare },\r\n { label: \"Image Upload\", value: \"image\", icon: Image },\r\n { label: \"Relation Field\", value: \"relation\", icon: LinkHorizontal },\r\n { label: \"Info Card\", value: \"info\", icon: InfoCircle },\r\n { label: \"Toggle Button\", value: \"toggleButton\", icon: ToggleSwitch },\r\n { label: \"Radio Button\", value: \"radioButton\", icon: RadioButton },\r\n { label: \"tagsInput\", value: \"tagsInput\", icon: Paragraph },\r\n];\r\n\r\nconst FieldSelect: React.FC<SelectProps> = (props) => {\r\n const [selectFields, setSelectFields] = useState<IField[]>(fields);\r\n const [search, setSearch] = useState<string>(\"\");\r\n\r\n const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n setSearch(event.target.value);\r\n };\r\n\r\n const handleSearchFields = (searchVal: string) => {\r\n if (searchVal) {\r\n setSelectFields([\r\n ...fields.filter((field) => field.value.includes(searchVal)),\r\n ]);\r\n } else {\r\n setSelectFields(fields);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n handleSearchFields(search);\r\n }, [search]);\r\n\r\n return (\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n labelName=\"Field Type\"\r\n renderValue={(value: string) =>\r\n fields.find((field) => field.value === value)?.label\r\n }\r\n handleSearch={() => handleSearch}\r\n searchPlaceholder=\"Search Attributes\"\r\n searchValue={search}\r\n {...props}\r\n >\r\n {selectFields.map((field) => (\r\n <MenuItem value={field.value} onKeyDown={(e) => e.stopPropagation()}>\r\n <Stack direction=\"row\" spacing={1} alignItems=\"center\">\r\n {field.icon && <field.icon fontSize=\"small\" />}\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {field.label}\r\n </Typography>\r\n </Stack>\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n );\r\n};\r\n\r\nexport default FieldSelect;\r\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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/field-select.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, SelectProps, Stack } from \"@mui/material\";\r\n\r\n// ERP Common imports\r\nimport {\r\n ArrowCircleDown,\r\n Calendar,\r\n CheckboxSquare,\r\n Clock,\r\n DollarCircle,\r\n Email,\r\n Grid,\r\n Hashtag,\r\n Image,\r\n InfoCircle,\r\n Link,\r\n LinkHorizontal,\r\n Location,\r\n PaperClip,\r\n Paragraph,\r\n Phone,\r\n RadioButton,\r\n ToggleSwitch,\r\n} from \"@/components/icons\";\r\nimport Select from \"@/components/select/select\";\r\nimport Typography from \"@/components/typography/typography\";\r\n\r\ninterface IField {\r\n label: string;\r\n value: string;\r\n icon: typeof Paragraph \| string;\r\n}\r\n\r\nconst fields: IField[] = [\r\n { label: \"Text\", value: \"text\", icon: Paragraph },\r\n { label: \"Number\", value: \"number\", icon: Hashtag },\r\n { label: \"Select\", value: \"select\", icon: ArrowCircleDown },\r\n { label: \"Date\", value: \"date\", icon: Calendar },\r\n { label: \"Files & Media\", value: \"file\", icon: PaperClip },\r\n { label: \"URL\", value: \"url\", icon: Link },\r\n { label: \"Email\", value: \"email\", icon: Email },\r\n { label: \"Phone\", value: \"phone\", icon: Phone },\r\n { label: \"Currency\", value: \"currency\", icon: DollarCircle },\r\n { label: \"Time\", value: \"time\", icon: Clock },\r\n { label: \"Table\", value: \"table\", icon: Grid },\r\n { label: \"Geolocation\", value: \"geoLocation\", icon: Location },\r\n { label: \"Check Box\", value: \"checkbox\", icon: CheckboxSquare },\r\n { label: \"Image Upload\", value: \"image\", icon: Image },\r\n { label: \"Relation Field\", value: \"relation\", icon: LinkHorizontal },\r\n { label: \"Info Card\", value: \"info\", icon: InfoCircle },\r\n { label: \"Toggle Button\", value: \"toggleButton\", icon: ToggleSwitch },\r\n { label: \"Radio Button\", value: \"radioButton\", icon: RadioButton },\r\n { label: \"tagsInput\", value: \"tagsInput\", icon: Paragraph },\r\n];\r\n\r\nconst FieldSelect: React.FC<SelectProps> = (props) => {\r\n const [selectFields, setSelectFields] = useState<IField[]>(fields);\r\n const [search, setSearch] = useState<string>(\"\");\r\n\r\n const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n setSearch(event.target.value);\r\n };\r\n\r\n const handleSearchFields = (searchVal: string) => {\r\n if (searchVal) {\r\n setSelectFields([\r\n ...fields.filter((field) => field.value.includes(searchVal)),\r\n ]);\r\n } else {\r\n setSelectFields(fields);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n handleSearchFields(search);\r\n }, [search]);\r\n\r\n return (\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n labelName=\"Field Type\"\r\n renderValue={(value: string) =>\r\n fields.find((field) => field.value === value)?.label\r\n }\r\n handleSearch={() => handleSearch}\r\n searchPlaceholder=\"Search Attributes\"\r\n searchValue={search}\r\n {...props}\r\n >\r\n {selectFields.map((field) => (\r\n <MenuItem value={field.value} onKeyDown={(e) => e.stopPropagation()}>\r\n <Stack direction=\"row\" spacing={1} alignItems=\"center\">\r\n {field.icon && <field.icon fontSize=\"small\" />}\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {field.label}\r\n </Typography>\r\n </Stack>\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n );\r\n};\r\n\r\nexport default FieldSelect;\r\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/section/index.esm.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Select from \"@/components/select/select\";\r\nimport Button from \"@/components/button/button\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport { generateRandomId } from \"@/utils/common\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\n\r\n// Local imports\r\nimport { ISwitcherForms } from \"../field_properties\";\r\nimport \"../custom-form.scss\";\r\n\r\nconst SectionEditForm = (props: any) => {\r\n const { handlePropertyValueUpdate } = props;\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n const [addForm, setAddForm] = useState<boolean>(false);\r\n const [newForm, setNewForm] = useState<string>(\"\");\r\n const selectOption = [\"section\"];\r\n\r\n const isDuplicateFormName = useMemo(\r\n () =>\r\n elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\r\n [elementJSON.switcher_forms, newForm]\r\n );\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n }, [props.element]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n disabled\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n variant=\"outlined\"\r\n >\r\n {selectOption?.map((item) => (\r\n <MenuItem value={item}>{item}</MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n name=\"section_type\"\r\n defaultValue={elementJSON.section_type}\r\n label=\"Section Type\"\r\n variant=\"outlined\"\r\n onChange={(e: any) => handlePropertyValueUpdate(e)}\r\n >\r\n {Object.values(SECTION_TYPES).map((type) => {\r\n return (\r\n <MenuItem key={type} value={type}>\r\n {type}\r\n </MenuItem>\r\n );\r\n })}\r\n </Select>\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_accordion\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_accordion}\r\n label=\"Is Accordion\"\r\n />\r\n {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\r\n <div className=\"formSection--SubFieldContainer\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Form label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"form_switcher_label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.form_switcher_label}\r\n />\r\n </div>\r\n <div>\r\n <Typography\r\n type=\"s5\"\r\n weight={\"medium\"}\r\n color={\"theme.secondary.800\"}\r\n >\r\n Forms\r\n </Typography>\r\n {elementJSON?.switcher_forms?.map(\r\n (ele: ISwitcherForms) => (\r\n <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n key={ele.id}\r\n value={ele.name}\r\n style={{ marginBottom: \"10px\" }}\r\n name=\"switcher_forms\"\r\n onChange={(e: any) => {\r\n const newVal = elementJSON.switcher_forms?.map(\r\n (formEle: ISwitcherForms) =>\r\n ele.id === formEle.id\r\n ? { ...formEle, name: e.target.value }\r\n : { ...formEle }\r\n );\r\n\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={(e: any) => {\r\n const newVal = [...elementJSON.switcher_forms].filter(\r\n (item) => item.id !== ele.id\r\n );\r\n e.target.name = \"switcher_forms\";\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {addForm ? (\r\n <div>\r\n <div\r\n className=\"formSection--MultiOptions formSection--FullWidth\"\r\n key={elementJSON.id}\r\n >\r\n <div className=\"formSection--FullWidth\">\r\n <TextField\r\n fullWidth\r\n label=\"Form section name\"\r\n placeholder=\"Form section name\"\r\n is_required\r\n key={elementJSON.id}\r\n type=\"text\"\r\n value={newForm}\r\n error={isDuplicateFormName}\r\n helperText={\r\n isDuplicateFormName\r\n ? \"Form section name can not duplicate\"\r\n : \"\"\r\n }\r\n onChange={(e: any) => setNewForm(e.target.value)}\r\n />\r\n </div>\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setAddForm(false);\r\n setNewForm(\"\");\r\n }}\r\n />\r\n </div>\r\n <Button\r\n onClick={(e: any) => {\r\n const { uniqueStringId: id } = generateRandomId();\r\n const newVal = [\r\n ...elementJSON.switcher_forms,\r\n { name: newForm, id },\r\n ];\r\n handlePropertyValueUpdate(e, newVal);\r\n setNewForm(\"\");\r\n setAddForm(false);\r\n }}\r\n name=\"switcher_forms\"\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n disabled={isDuplicateFormName \|\| !newForm}\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : null}\r\n {!addForm ? (\r\n <Button\r\n onClick={() => setAddForm(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add forms\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </Box>\r\n );\r\n};\r\n\r\nexport default SectionEditForm;\r\n"],"names":["_a","CloseIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Select from \"@/components/select/select\";\r\nimport Button from \"@/components/button/button\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport { generateRandomId } from \"@/utils/common\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\n\r\n// Local imports\r\nimport { ISwitcherForms } from \"../field_properties\";\r\nimport \"../custom-form.scss\";\r\n\r\nconst SectionEditForm = (props: any) => {\r\n const { handlePropertyValueUpdate } = props;\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n const [addForm, setAddForm] = useState<boolean>(false);\r\n const [newForm, setNewForm] = useState<string>(\"\");\r\n const selectOption = [\"section\"];\r\n\r\n const isDuplicateFormName = useMemo(\r\n () =>\r\n elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\r\n [elementJSON.switcher_forms, newForm]\r\n );\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n }, [props.element]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n disabled\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n variant=\"outlined\"\r\n >\r\n {selectOption?.map((item) => (\r\n <MenuItem value={item}>{item}</MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n name=\"section_type\"\r\n defaultValue={elementJSON.section_type}\r\n label=\"Section Type\"\r\n variant=\"outlined\"\r\n onChange={(e: any) => handlePropertyValueUpdate(e)}\r\n >\r\n {Object.values(SECTION_TYPES).map((type) => {\r\n return (\r\n <MenuItem key={type} value={type}>\r\n {type}\r\n </MenuItem>\r\n );\r\n })}\r\n </Select>\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_accordion\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_accordion}\r\n label=\"Is Accordion\"\r\n />\r\n {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\r\n <div className=\"formSection--SubFieldContainer\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Form label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"form_switcher_label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.form_switcher_label}\r\n />\r\n </div>\r\n <div>\r\n <Typography\r\n type=\"s5\"\r\n weight={\"medium\"}\r\n color={\"theme.secondary.800\"}\r\n >\r\n Forms\r\n </Typography>\r\n {elementJSON?.switcher_forms?.map(\r\n (ele: ISwitcherForms) => (\r\n <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n key={ele.id}\r\n value={ele.name}\r\n style={{ marginBottom: \"10px\" }}\r\n name=\"switcher_forms\"\r\n onChange={(e: any) => {\r\n const newVal = elementJSON.switcher_forms?.map(\r\n (formEle: ISwitcherForms) =>\r\n ele.id === formEle.id\r\n ? { ...formEle, name: e.target.value }\r\n : { ...formEle }\r\n );\r\n\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={(e: any) => {\r\n const newVal = [...elementJSON.switcher_forms].filter(\r\n (item) => item.id !== ele.id\r\n );\r\n e.target.name = \"switcher_forms\";\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {addForm ? (\r\n <div>\r\n <div\r\n className=\"formSection--MultiOptions formSection--FullWidth\"\r\n key={elementJSON.id}\r\n >\r\n <div className=\"formSection--FullWidth\">\r\n <TextField\r\n fullWidth\r\n label=\"Form section name\"\r\n placeholder=\"Form section name\"\r\n is_required\r\n key={elementJSON.id}\r\n type=\"text\"\r\n value={newForm}\r\n error={isDuplicateFormName}\r\n helperText={\r\n isDuplicateFormName\r\n ? \"Form section name can not duplicate\"\r\n : \"\"\r\n }\r\n onChange={(e: any) => setNewForm(e.target.value)}\r\n />\r\n </div>\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setAddForm(false);\r\n setNewForm(\"\");\r\n }}\r\n />\r\n </div>\r\n <Button\r\n onClick={(e: any) => {\r\n const { uniqueStringId: id } = generateRandomId();\r\n const newVal = [\r\n ...elementJSON.switcher_forms,\r\n { name: newForm, id },\r\n ];\r\n handlePropertyValueUpdate(e, newVal);\r\n setNewForm(\"\");\r\n setAddForm(false);\r\n }}\r\n name=\"switcher_forms\"\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n disabled={isDuplicateFormName \|\| !newForm}\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : null}\r\n {!addForm ? (\r\n <Button\r\n onClick={() => setAddForm(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add forms\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </Box>\r\n );\r\n};\r\n\r\nexport { SectionEditForm };\nexport default SectionEditForm;\r\n"],"names":["_a","CloseIcon"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Select from \"@/components/select/select\";\r\nimport Button from \"@/components/button/button\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport { generateRandomId } from \"@/utils/common\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\n\r\n// Local imports\r\nimport { ISwitcherForms } from \"../field_properties\";\r\nimport \"../custom-form.scss\";\r\n\r\nconst SectionEditForm = (props: any) => {\r\n const { handlePropertyValueUpdate } = props;\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n const [addForm, setAddForm] = useState<boolean>(false);\r\n const [newForm, setNewForm] = useState<string>(\"\");\r\n const selectOption = [\"section\"];\r\n\r\n const isDuplicateFormName = useMemo(\r\n () =>\r\n elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\r\n [elementJSON.switcher_forms, newForm]\r\n );\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n }, [props.element]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n disabled\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n variant=\"outlined\"\r\n >\r\n {selectOption?.map((item) => (\r\n <MenuItem value={item}>{item}</MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n name=\"section_type\"\r\n defaultValue={elementJSON.section_type}\r\n label=\"Section Type\"\r\n variant=\"outlined\"\r\n onChange={(e: any) => handlePropertyValueUpdate(e)}\r\n >\r\n {Object.values(SECTION_TYPES).map((type) => {\r\n return (\r\n <MenuItem key={type} value={type}>\r\n {type}\r\n </MenuItem>\r\n );\r\n })}\r\n </Select>\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_accordion\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_accordion}\r\n label=\"Is Accordion\"\r\n />\r\n {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\r\n <div className=\"formSection--SubFieldContainer\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Form label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"form_switcher_label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.form_switcher_label}\r\n />\r\n </div>\r\n <div>\r\n <Typography\r\n type=\"s5\"\r\n weight={\"medium\"}\r\n color={\"theme.secondary.800\"}\r\n >\r\n Forms\r\n </Typography>\r\n {elementJSON?.switcher_forms?.map(\r\n (ele: ISwitcherForms) => (\r\n <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n key={ele.id}\r\n value={ele.name}\r\n style={{ marginBottom: \"10px\" }}\r\n name=\"switcher_forms\"\r\n onChange={(e: any) => {\r\n const newVal = elementJSON.switcher_forms?.map(\r\n (formEle: ISwitcherForms) =>\r\n ele.id === formEle.id\r\n ? { ...formEle, name: e.target.value }\r\n : { ...formEle }\r\n );\r\n\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={(e: any) => {\r\n const newVal = [...elementJSON.switcher_forms].filter(\r\n (item) => item.id !== ele.id\r\n );\r\n e.target.name = \"switcher_forms\";\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {addForm ? (\r\n <div>\r\n <div\r\n className=\"formSection--MultiOptions formSection--FullWidth\"\r\n key={elementJSON.id}\r\n >\r\n <div className=\"formSection--FullWidth\">\r\n <TextField\r\n fullWidth\r\n label=\"Form section name\"\r\n placeholder=\"Form section name\"\r\n is_required\r\n key={elementJSON.id}\r\n type=\"text\"\r\n value={newForm}\r\n error={isDuplicateFormName}\r\n helperText={\r\n isDuplicateFormName\r\n ? \"Form section name can not duplicate\"\r\n : \"\"\r\n }\r\n onChange={(e: any) => setNewForm(e.target.value)}\r\n />\r\n </div>\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setAddForm(false);\r\n setNewForm(\"\");\r\n }}\r\n />\r\n </div>\r\n <Button\r\n onClick={(e: any) => {\r\n const { uniqueStringId: id } = generateRandomId();\r\n const newVal = [\r\n ...elementJSON.switcher_forms,\r\n { name: newForm, id },\r\n ];\r\n handlePropertyValueUpdate(e, newVal);\r\n setNewForm(\"\");\r\n setAddForm(false);\r\n }}\r\n name=\"switcher_forms\"\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n disabled={isDuplicateFormName \|\| !newForm}\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : null}\r\n {!addForm ? (\r\n <Button\r\n onClick={() => setAddForm(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add forms\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </Box>\r\n );\r\n};\r\n\r\nexport default SectionEditForm;\r\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":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/section.tsx"],"sourcesContent":["// React imports\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\n// Material UI imports\r\nimport { MenuItem, Box, FormControlLabel } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Add } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Select from \"@/components/select/select\";\r\nimport Button from \"@/components/button/button\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport { generateRandomId } from \"@/utils/common\";\r\nimport { SECTION_TYPES } from \"@/utils/constant\";\r\n\r\n// Local imports\r\nimport { ISwitcherForms } from \"../field_properties\";\r\nimport \"../custom-form.scss\";\r\n\r\nconst SectionEditForm = (props: any) => {\r\n const { handlePropertyValueUpdate } = props;\r\n const [elementJSON, setElementJSON] = useState(props.element);\r\n const [addForm, setAddForm] = useState<boolean>(false);\r\n const [newForm, setNewForm] = useState<string>(\"\");\r\n const selectOption = [\"section\"];\r\n\r\n const isDuplicateFormName = useMemo(\r\n () =>\r\n elementJSON.switcher_forms?.map((ele: any) => ele.name).includes(newForm),\r\n [elementJSON.switcher_forms, newForm]\r\n );\r\n\r\n useEffect(() => {\r\n setElementJSON(props.element);\r\n }, [props.element]);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\" key={elementJSON.id}>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n disabled\r\n defaultValue={elementJSON.field_type}\r\n label=\"Field Type\"\r\n variant=\"outlined\"\r\n >\r\n {selectOption?.map((item) => (\r\n <MenuItem value={item}>{item}</MenuItem>\r\n ))}\r\n </Select>\r\n </div>\r\n <div>\r\n <Select\r\n key={elementJSON.id}\r\n fullWidth\r\n placeholder=\"Select Field\"\r\n size=\"small\"\r\n name=\"section_type\"\r\n defaultValue={elementJSON.section_type}\r\n label=\"Section Type\"\r\n variant=\"outlined\"\r\n onChange={(e: any) => handlePropertyValueUpdate(e)}\r\n >\r\n {Object.values(SECTION_TYPES).map((type) => {\r\n return (\r\n <MenuItem key={type} value={type}>\r\n {type}\r\n </MenuItem>\r\n );\r\n })}\r\n </Select>\r\n </div>\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </div>\r\n <FormControlLabel\r\n key={elementJSON.id}\r\n name=\"is_accordion\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_accordion}\r\n label=\"Is Accordion\"\r\n />\r\n {elementJSON.section_type === SECTION_TYPES.FORM_SWITCH_SECTION ? (\r\n <div className=\"formSection--SubFieldContainer\">\r\n <div>\r\n <TextField\r\n fullWidth\r\n label=\"Form label\"\r\n is_required\r\n key={elementJSON.id}\r\n name=\"form_switcher_label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.form_switcher_label}\r\n />\r\n </div>\r\n <div>\r\n <Typography\r\n type=\"s5\"\r\n weight={\"medium\"}\r\n color={\"theme.secondary.800\"}\r\n >\r\n Forms\r\n </Typography>\r\n {elementJSON?.switcher_forms?.map(\r\n (ele: ISwitcherForms) => (\r\n <div className=\"formSection--MultiOptions\" key={elementJSON.id}>\r\n <TextField\r\n fullWidth\r\n key={ele.id}\r\n value={ele.name}\r\n style={{ marginBottom: \"10px\" }}\r\n name=\"switcher_forms\"\r\n onChange={(e: any) => {\r\n const newVal = elementJSON.switcher_forms?.map(\r\n (formEle: ISwitcherForms) =>\r\n ele.id === formEle.id\r\n ? { ...formEle, name: e.target.value }\r\n : { ...formEle }\r\n );\r\n\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={(e: any) => {\r\n const newVal = [...elementJSON.switcher_forms].filter(\r\n (item) => item.id !== ele.id\r\n );\r\n e.target.name = \"switcher_forms\";\r\n handlePropertyValueUpdate(e, newVal);\r\n }}\r\n />\r\n </div>\r\n )\r\n )}\r\n </div>\r\n {addForm ? (\r\n <div>\r\n <div\r\n className=\"formSection--MultiOptions formSection--FullWidth\"\r\n key={elementJSON.id}\r\n >\r\n <div className=\"formSection--FullWidth\">\r\n <TextField\r\n fullWidth\r\n label=\"Form section name\"\r\n placeholder=\"Form section name\"\r\n is_required\r\n key={elementJSON.id}\r\n type=\"text\"\r\n value={newForm}\r\n error={isDuplicateFormName}\r\n helperText={\r\n isDuplicateFormName\r\n ? \"Form section name can not duplicate\"\r\n : \"\"\r\n }\r\n onChange={(e: any) => setNewForm(e.target.value)}\r\n />\r\n </div>\r\n <CloseIcon\r\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\r\n onClick={() => {\r\n setAddForm(false);\r\n setNewForm(\"\");\r\n }}\r\n />\r\n </div>\r\n <Button\r\n onClick={(e: any) => {\r\n const { uniqueStringId: id } = generateRandomId();\r\n const newVal = [\r\n ...elementJSON.switcher_forms,\r\n { name: newForm, id },\r\n ];\r\n handlePropertyValueUpdate(e, newVal);\r\n setNewForm(\"\");\r\n setAddForm(false);\r\n }}\r\n name=\"switcher_forms\"\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n disabled={isDuplicateFormName \|\| !newForm}\r\n startIcon={<Add />}\r\n >\r\n Add\r\n </Button>\r\n </div>\r\n ) : null}\r\n {!addForm ? (\r\n <Button\r\n onClick={() => setAddForm(true)}\r\n variant=\"text\"\r\n className=\"formSection--Button\"\r\n startIcon={<Add />}\r\n >\r\n Add forms\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </Box>\r\n );\r\n};\r\n\r\nexport { SectionEditForm };\nexport default SectionEditForm;\r\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 CHANGED Viewed

@@ -1,3 +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 CHANGED Viewed

@@ -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";

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

@@ -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(x.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(h.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(h.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(p.default,{name:"is_multiselect",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:P,checked:j.is_multiselect,label:"Enable Multi Select"}),
-/* @__PURE__ */e.jsx(p.default,{name:"is_required",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_required,label:"This field is required"}),
-/* @__PURE__ */e.jsx(p.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(t.default,{}),onChange:v,checked:j.is_unique,label:"Is Unique"}),
-/* @__PURE__ */e.jsx(p.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