npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

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 (4412) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/text.tsx"],"sourcesContent":["// React imports\r\nimport { useCallback, useEffect, useState, useMemo, useRef } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add, Close } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Button from \"@/components/button/button\";\r\nimport Modal from \"@/components/modal/modal\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Select from \"@/components/select/select\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport formatText from \"@/utils/format-text\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport { IElementJson } from \"../custom-form\";\r\nimport { ApiFormFields } from \"../../Redux/state\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ITextEditFormProps {\r\n handleWidthChange: (value?: number) => void;\r\n handleColumnSelect: (value?: number) => void;\r\n handlePropertyValueUpdate: (\r\n event?: React.ChangeEvent<HTMLInputElement>,\r\n numberValue?: number,\r\n value?: any,\r\n fieldType?: string,\r\n ) => void;\r\n element: IElementJson \| null;\r\n fields: ApiFormFields \| null;\r\n}\r\n\r\n// Constants moved outside to prevent re-creation\r\nconst COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6] as const;\r\nconst SELECT_OPTIONS = [\r\n { text: \"12 Hour\", value: \"12hr\" },\r\n { text: \"24 Hour\", value: \"24hr\" },\r\n] as const;\r\nconst CURRENCY_OPTIONS = [\r\n { text: \"INR (India)\", value: \"inr\" },\r\n { text: \"USD (US)\", value: \"usd\" },\r\n] as const;\r\n\r\nconst FIELDS_WITHOUT_PLACEHOLDER = new Set([\r\n \"time\", \"file\", \"geoLocation\", \"image\", \"info\", \"relation\"\r\n]);\r\nconst FIELDS_WITH_MIN_MAX = new Set([\"text\", \"number\"]);\r\n\r\n// Memoized components to prevent unnecessary re-renders\r\nconst MemoizedMenuItem = ({ option, index, prefix }: { option: any; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n {option.text \|\| option.label}\r\n </MenuItem>\r\n);\r\n\r\nconst MemoizedRelationMenuItem = ({ option, index, prefix }: { option: Option; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {option.label}\r\n </Typography>\r\n </MenuItem>\r\n);\r\n\r\nexport function TextEditForm(props: ITextEditFormProps) {\r\n const { \r\n handlePropertyValueUpdate, \r\n handleColumnSelect, \r\n handleWidthChange, \r\n fields, \r\n element \r\n } = props;\r\n\r\n // State management - optimized to prevent unnecessary re-renders\r\n const [elementJSON, setElementJSON] = useState<IElementJson \| null>(element);\r\n const [openModal, setOpenModal] = useState(false);\r\n const [relationFields, setRelationFields] = useState<Option[]>([]);\r\n const [functionValue, setFunctionValue] = useState(\"\");\r\n \r\n // Use refs to track previous values and prevent unnecessary updates\r\n const prevElementRef = useRef<IElementJson \| null>(element);\r\n const prevFieldsRef = useRef<ApiFormFields \| null>(fields);\r\n\r\n // Memoized relation modules with deep comparison prevention\r\n const relationModulesOptions = useMemo(() => {\r\n if (!fields \|\| fields === prevFieldsRef.current) {\r\n if (prevFieldsRef.current && fields) return prevFieldsRef.current;\r\n }\r\n \r\n prevFieldsRef.current = fields;\r\n \r\n if (!fields) return [];\r\n return Object.keys(fields).map((key) => ({\r\n label: formatText(key),\r\n value: key,\r\n }));\r\n }, [fields]);\r\n\r\n // Optimized relation fields setter with memoization\r\n const setRelationFieldsOptions = useCallback(\r\n (moduleValue?: string) => {\r\n if (!fields \|\| !moduleValue) {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n return;\r\n }\r\n\r\n const fieldsArr = fields[moduleValue];\r\n if (fieldsArr?.length) {\r\n const options = fieldsArr.map((field) => ({\r\n label: field.field,\r\n value: field.field,\r\n }));\r\n \r\n // Only update if options actually changed\r\n setRelationFields(prev => {\r\n if (prev.length !== options.length) return options;\r\n const isDifferent = prev.some((item, idx) => \r\n item.value !== options[idx]?.value \|\| item.label !== options[idx]?.label\r\n );\r\n return isDifferent ? options : prev;\r\n });\r\n } else {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n }\r\n },\r\n [fields]\r\n );\r\n\r\n // Memoized event handlers to prevent child re-renders\r\n const handleSave = useCallback((value: string) => {\r\n if (!elementJSON) return;\r\n \r\n // Only update if value actually changed\r\n if (elementJSON.default_value !== value) {\r\n const updatedElement = { ...elementJSON, default_value: value };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, value);\r\n }\r\n \r\n if (value) {\r\n setFunctionValue(\"\");\r\n setOpenModal(false);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleFieldUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const fieldType = e.target.value;\r\n if (elementJSON.field_type !== fieldType) {\r\n const updatedElement = { ...elementJSON, field_type: fieldType };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleSelectUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const option = e.target.value;\r\n if (elementJSON.option !== option) {\r\n const updatedElement = { ...elementJSON, option };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, option);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleModuleSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const moduleValue = e.target.value;\r\n if (elementJSON?.module !== moduleValue) {\r\n setRelationFieldsOptions(moduleValue);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON?.module, setRelationFieldsOptions, handlePropertyValueUpdate]);\r\n\r\n const handleWidthSliderChange = useCallback((_: Event, value: number \| number[]) => {\r\n if (!elementJSON) return;\r\n \r\n const widthValue = Array.isArray(value) ? value[0] : value;\r\n if (elementJSON.custom_width !== widthValue) {\r\n const updatedElement = { ...elementJSON, custom_width: widthValue };\r\n setElementJSON(updatedElement);\r\n handleWidthChange(widthValue);\r\n }\r\n }, [elementJSON, handleWidthChange]);\r\n\r\n const handleFullWidthChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const isFullWidth = e.target.checked;\r\n if (elementJSON.is_fullwidth !== isFullWidth) {\r\n const updatedElement = { ...elementJSON, is_fullwidth: isFullWidth };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleColumnSelectChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const columnValue = Number(e.target.value);\r\n handleColumnSelect(columnValue);\r\n }, [handleColumnSelect]);\r\n\r\n // Memoized helper functions\r\n const getDefaultValue = useCallback((elementJSON: IElementJson) => {\r\n if ([\"number\", \"currency\", \"geoLocation\"].includes(elementJSON.field_type)) {\r\n return elementJSON.default_value?.toString().replace(/[^0-9]/g, \"\") \|\| \"\";\r\n }\r\n return elementJSON.default_value \|\| \"\";\r\n }, []);\r\n\r\n const getMinMaxLabels = useCallback((fieldType: string) => {\r\n return fieldType === \"text\" \r\n ? { min: \"Min character count (with spaces)\", max: \"Max character count (with spaces)\" }\r\n : { min: \"Min number\", max: \"Max number\" };\r\n }, []);\r\n\r\n // Modal handlers\r\n const handleOpenModal = useCallback(() => setOpenModal(true), []);\r\n const handleCloseModal = useCallback(() => {\r\n setOpenModal(false);\r\n setFunctionValue(\"\");\r\n }, []);\r\n\r\n const handleFunctionValueChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFunctionValue(e.target.value);\r\n }, []);\r\n\r\n // Optimized effects with proper dependency arrays\r\n useEffect(() => {\r\n // Only update if element actually changed\r\n if (element !== prevElementRef.current) {\r\n setElementJSON(element);\r\n prevElementRef.current = element;\r\n \r\n if (element?.module) {\r\n setRelationFieldsOptions(element.module);\r\n }\r\n }\r\n }, [element, setRelationFieldsOptions]);\r\n\r\n // Memoized render sections to prevent unnecessary re-computation\r\n const currencySelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"currency\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Currency\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Currency\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {CURRENCY_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`currency-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"currency\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const timeSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"time\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Time Format\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Time Format\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {SELECT_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`time-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"time\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const relationSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"relation\") return null;\r\n \r\n return (\r\n <>\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n relationModulesOptions.length\r\n ? \"Select Relation Module\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handleModuleSelect}\r\n value={elementJSON.module \|\| \"\"}\r\n label=\"Relation Module\"\r\n name=\"module\"\r\n >\r\n {relationModulesOptions.length ? (\r\n relationModulesOptions.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`module-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"module\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n !elementJSON.module\r\n ? \"Select Module First\"\r\n : relationFields.length\r\n ? \"Select Relation Field\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handlePropertyValueUpdate}\r\n value={elementJSON.field \|\| \"\"}\r\n label=\"Relation Field\"\r\n disabled={!elementJSON.module}\r\n name=\"field\"\r\n >\r\n {relationFields.length ? (\r\n relationFields.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`field-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"field\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n </>\r\n );\r\n }, [\r\n elementJSON?.field_type, \r\n elementJSON?.module, \r\n elementJSON?.field,\r\n relationModulesOptions, \r\n relationFields, \r\n handleModuleSelect, \r\n handlePropertyValueUpdate\r\n ]);\r\n\r\n // Early return if no element\r\n if (!elementJSON) {\r\n return null;\r\n }\r\n\r\n const { field_type } = elementJSON;\r\n const minMaxLabels = getMinMaxLabels(field_type);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\">\r\n {/* Field Type Selection /}\r\n <Box>\r\n <FieldSelect\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </Box>\r\n\r\n {/ Label Field /}\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </Box>\r\n\r\n {/ File/Image Max Size /}\r\n {(field_type === \"file\" \|\| field_type === \"image\") && (\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Max File Size (in MB)\"\r\n name=\"max_size\"\r\n type=\"number\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.max_size}\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Currency Selection - Memoized /}\r\n {currencySelectSection}\r\n\r\n {/ Placeholder and Default Value /}\r\n {!FIELDS_WITHOUT_PLACEHOLDER.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Placeholder\"\r\n name=\"placeholder\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.placeholder}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Default Value\"\r\n placeholder=\"Default Value\"\r\n name=\"default_value\"\r\n type={field_type === \"phone\" ? \"tel\" : field_type === \"number\" ? \"number\" : \"text\"}\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={getDefaultValue(elementJSON)}\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Time Format Selection - Memoized /}\r\n {timeSelectSection}\r\n\r\n {/ Relation Module and Field Selection - Memoized /}\r\n {relationSelectSection}\r\n\r\n {/ Min/Max Length for Text and Number Fields /}\r\n {FIELDS_WITH_MIN_MAX.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.min}\r\n name=\"min_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={elementJSON.min_length \|\| elementJSON.min \|\| 1}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.max}\r\n name=\"max_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={\r\n elementJSON.max_length \|\| \r\n elementJSON.max \|\| \r\n (field_type === 'number' ? 10000 : 255)\r\n }\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Column Per Row Selection /}\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelectChange}\r\n value={elementJSON.columns_per_row \|\| 1}\r\n label=\"Select Column Per Row\"\r\n name=\"columns_per_row\"\r\n variant=\"outlined\"\r\n >\r\n {COLUMN_PER_ROW_OPTIONS.map((option, index) => (\r\n <MenuItem key={`column-${index}`} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n {/ Width Adjustment Slider /}\r\n <Box>\r\n <Typography sx={{ color: 'black', mb: 1 }}>\r\n Adjust Width:\r\n </Typography>\r\n <Slider\r\n value={elementJSON.custom_width \|\| 12}\r\n name=\"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={handleWidthSliderChange}\r\n aria-labelledby=\"width-slider\"\r\n sx={{ color: \"#4AC08C\" }}\r\n disabled={elementJSON.is_fullwidth}\r\n marks\r\n valueLabelDisplay=\"auto\"\r\n />\r\n </Box>\r\n\r\n {/ Number Field Specific Options /}\r\n {field_type === \"number\" && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Float Step\"\r\n name=\"float_step\"\r\n type=\"number\"\r\n step=\"0.01\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.float_step}\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_negative\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_negative \|\| false}\r\n label=\"Allow Negative Numbers\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Date Field Specific Options /}\r\n {field_type === \"date\" && (\r\n <>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_future_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_future_dates_allowed \|\| false}\r\n label=\"Allow Future Dates\"\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_past_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_past_dates_allowed \|\| false}\r\n label=\"Allow Past Dates\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Required Field Checkbox /}\r\n {field_type !== \"info\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required \|\| false}\r\n label=\"This field is required\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Email Unique Checkbox /}\r\n {field_type === \"email\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique \|\| false}\r\n label=\"Is Unique\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Text Multiline Checkbox /}\r\n {field_type === \"text\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_multiline\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_multiline \|\| false}\r\n label=\"Is Multiline\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Full Width Checkbox /}\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handleFullWidthChange}\r\n checked={elementJSON.is_fullwidth \|\| false}\r\n label=\"Full Width\"\r\n />\r\n </Box>\r\n\r\n {/ Info Field Function Button /}\r\n {field_type === \"info\" && (\r\n <Box>\r\n <Button\r\n variant=\"outlined\"\r\n startIcon={<Add />}\r\n onClick={handleOpenModal}\r\n className=\"formSection--PreviewButton\"\r\n >\r\n Add Function\r\n </Button>\r\n </Box>\r\n )}\r\n\r\n {/ Function Modal */}\r\n <Modal fullWidth onClose={handleCloseModal} open={openModal}>\r\n <DialogTitle>\r\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\r\n Add Function\r\n </Typography>\r\n <IconButton\r\n edge=\"end\"\r\n onClick={handleCloseModal}\r\n size=\"small\"\r\n >\r\n <Close fontSize=\"inherit\" />\r\n </IconButton>\r\n </DialogTitle>\r\n <DialogContent dividers>\r\n <Typography weight=\"medium\" type=\"s3\" color=\"theme.secondary.700\" sx={{ mb: 2 }}>\r\n Label: <span style={{ color: \"#1F2125\" }}>{elementJSON.label}</span>\r\n </Typography>\r\n <TextField\r\n name=\"default_value\"\r\n fullWidth\r\n placeholder=\"Add a function\"\r\n multiline\r\n minRows={4}\r\n defaultValue={elementJSON.default_value}\r\n onChange={handleFunctionValueChange}\r\n value={functionValue}\r\n />\r\n </DialogContent>\r\n <DialogActions>\r\n <Button\r\n variant=\"outlined\"\r\n onClick={handleCloseModal}\r\n style={{ color: \"black\" }}\r\n >\r\n Cancel\r\n </Button>\r\n <Button onClick={() => handleSave(functionValue)}>\r\n Save\r\n </Button>\r\n </DialogActions>\r\n </Modal>\r\n </Box>\r\n );\r\n}\r\n\r\nexport default TextEditForm;"],"names":["elementJSON"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/views/form-builder/element-edit-forms/text.tsx"],"sourcesContent":["// React imports\r\nimport { useCallback, useEffect, useState, useMemo, useRef } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add, Close } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Button from \"@/components/button/button\";\r\nimport Modal from \"@/components/modal/modal\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Select from \"@/components/select/select\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport formatText from \"@/utils/format-text\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport { IElementJson } from \"../custom-form\";\r\nimport { ApiFormFields } from \"../../Redux/state\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ITextEditFormProps {\r\n handleWidthChange: (value?: number) => void;\r\n handleColumnSelect: (value?: number) => void;\r\n handlePropertyValueUpdate: (\r\n event?: React.ChangeEvent<HTMLInputElement>,\r\n numberValue?: number,\r\n value?: any,\r\n fieldType?: string,\r\n ) => void;\r\n element: IElementJson \| null;\r\n fields: ApiFormFields \| null;\r\n}\r\n\r\n// Constants moved outside to prevent re-creation\r\nconst COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6] as const;\r\nconst SELECT_OPTIONS = [\r\n { text: \"12 Hour\", value: \"12hr\" },\r\n { text: \"24 Hour\", value: \"24hr\" },\r\n] as const;\r\nconst CURRENCY_OPTIONS = [\r\n { text: \"INR (India)\", value: \"inr\" },\r\n { text: \"USD (US)\", value: \"usd\" },\r\n] as const;\r\n\r\nconst FIELDS_WITHOUT_PLACEHOLDER = new Set([\r\n \"time\", \"file\", \"geoLocation\", \"image\", \"info\", \"relation\"\r\n]);\r\nconst FIELDS_WITH_MIN_MAX = new Set([\"text\", \"number\"]);\r\n\r\n// Memoized components to prevent unnecessary re-renders\r\nconst MemoizedMenuItem = ({ option, index, prefix }: { option: any; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n {option.text \|\| option.label}\r\n </MenuItem>\r\n);\r\n\r\nconst MemoizedRelationMenuItem = ({ option, index, prefix }: { option: Option; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {option.label}\r\n </Typography>\r\n </MenuItem>\r\n);\r\n\r\nexport function TextEditForm(props: ITextEditFormProps) {\r\n const { \r\n handlePropertyValueUpdate, \r\n handleColumnSelect, \r\n handleWidthChange, \r\n fields, \r\n element \r\n } = props;\r\n\r\n // State management - optimized to prevent unnecessary re-renders\r\n const [elementJSON, setElementJSON] = useState<IElementJson \| null>(element);\r\n const [openModal, setOpenModal] = useState(false);\r\n const [relationFields, setRelationFields] = useState<Option[]>([]);\r\n const [functionValue, setFunctionValue] = useState(\"\");\r\n \r\n // Use refs to track previous values and prevent unnecessary updates\r\n const prevElementRef = useRef<IElementJson \| null>(element);\r\n const prevFieldsRef = useRef<ApiFormFields \| null>(fields);\r\n\r\n // Memoized relation modules with deep comparison prevention\r\n const relationModulesOptions = useMemo(() => {\r\n if (!fields \|\| fields === prevFieldsRef.current) {\r\n if (prevFieldsRef.current && fields) return prevFieldsRef.current;\r\n }\r\n \r\n prevFieldsRef.current = fields;\r\n \r\n if (!fields) return [];\r\n return Object.keys(fields).map((key) => ({\r\n label: formatText(key),\r\n value: key,\r\n }));\r\n }, [fields]);\r\n\r\n // Optimized relation fields setter with memoization\r\n const setRelationFieldsOptions = useCallback(\r\n (moduleValue?: string) => {\r\n if (!fields \|\| !moduleValue) {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n return;\r\n }\r\n\r\n const fieldsArr = fields[moduleValue];\r\n if (fieldsArr?.length) {\r\n const options = fieldsArr.map((field) => ({\r\n label: field.field,\r\n value: field.field,\r\n }));\r\n \r\n // Only update if options actually changed\r\n setRelationFields(prev => {\r\n if (prev.length !== options.length) return options;\r\n const isDifferent = prev.some((item, idx) => \r\n item.value !== options[idx]?.value \|\| item.label !== options[idx]?.label\r\n );\r\n return isDifferent ? options : prev;\r\n });\r\n } else {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n }\r\n },\r\n [fields]\r\n );\r\n\r\n // Memoized event handlers to prevent child re-renders\r\n const handleSave = useCallback((value: string) => {\r\n if (!elementJSON) return;\r\n \r\n // Only update if value actually changed\r\n if (elementJSON.default_value !== value) {\r\n const updatedElement = { ...elementJSON, default_value: value };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, value);\r\n }\r\n \r\n if (value) {\r\n setFunctionValue(\"\");\r\n setOpenModal(false);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleFieldUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const fieldType = e.target.value;\r\n if (elementJSON.field_type !== fieldType) {\r\n const updatedElement = { ...elementJSON, field_type: fieldType };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleSelectUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const option = e.target.value;\r\n if (elementJSON.option !== option) {\r\n const updatedElement = { ...elementJSON, option };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, option);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleModuleSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const moduleValue = e.target.value;\r\n if (elementJSON?.module !== moduleValue) {\r\n setRelationFieldsOptions(moduleValue);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON?.module, setRelationFieldsOptions, handlePropertyValueUpdate]);\r\n\r\n const handleWidthSliderChange = useCallback((_: Event, value: number \| number[]) => {\r\n if (!elementJSON) return;\r\n \r\n const widthValue = Array.isArray(value) ? value[0] : value;\r\n if (elementJSON.custom_width !== widthValue) {\r\n const updatedElement = { ...elementJSON, custom_width: widthValue };\r\n setElementJSON(updatedElement);\r\n handleWidthChange(widthValue);\r\n }\r\n }, [elementJSON, handleWidthChange]);\r\n\r\n const handleFullWidthChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const isFullWidth = e.target.checked;\r\n if (elementJSON.is_fullwidth !== isFullWidth) {\r\n const updatedElement = { ...elementJSON, is_fullwidth: isFullWidth };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleColumnSelectChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const columnValue = Number(e.target.value);\r\n handleColumnSelect(columnValue);\r\n }, [handleColumnSelect]);\r\n\r\n // Memoized helper functions\r\n const getDefaultValue = useCallback((elementJSON: IElementJson) => {\r\n if ([\"number\", \"currency\", \"geoLocation\"].includes(elementJSON.field_type)) {\r\n return elementJSON.default_value?.toString().replace(/[^0-9]/g, \"\") \|\| \"\";\r\n }\r\n return elementJSON.default_value \|\| \"\";\r\n }, []);\r\n\r\n const getMinMaxLabels = useCallback((fieldType: string) => {\r\n return fieldType === \"text\" \r\n ? { min: \"Min character count (with spaces)\", max: \"Max character count (with spaces)\" }\r\n : { min: \"Min number\", max: \"Max number\" };\r\n }, []);\r\n\r\n // Modal handlers\r\n const handleOpenModal = useCallback(() => setOpenModal(true), []);\r\n const handleCloseModal = useCallback(() => {\r\n setOpenModal(false);\r\n setFunctionValue(\"\");\r\n }, []);\r\n\r\n const handleFunctionValueChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFunctionValue(e.target.value);\r\n }, []);\r\n\r\n // Optimized effects with proper dependency arrays\r\n useEffect(() => {\r\n // Only update if element actually changed\r\n if (element !== prevElementRef.current) {\r\n setElementJSON(element);\r\n prevElementRef.current = element;\r\n \r\n if (element?.module) {\r\n setRelationFieldsOptions(element.module);\r\n }\r\n }\r\n }, [element, setRelationFieldsOptions]);\r\n\r\n // Memoized render sections to prevent unnecessary re-computation\r\n const currencySelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"currency\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Currency\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Currency\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {CURRENCY_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`currency-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"currency\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const timeSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"time\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Time Format\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Time Format\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {SELECT_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`time-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"time\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const relationSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"relation\") return null;\r\n \r\n return (\r\n <>\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n relationModulesOptions.length\r\n ? \"Select Relation Module\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handleModuleSelect}\r\n value={elementJSON.module \|\| \"\"}\r\n label=\"Relation Module\"\r\n name=\"module\"\r\n >\r\n {relationModulesOptions.length ? (\r\n relationModulesOptions.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`module-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"module\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n !elementJSON.module\r\n ? \"Select Module First\"\r\n : relationFields.length\r\n ? \"Select Relation Field\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handlePropertyValueUpdate}\r\n value={elementJSON.field \|\| \"\"}\r\n label=\"Relation Field\"\r\n disabled={!elementJSON.module}\r\n name=\"field\"\r\n >\r\n {relationFields.length ? (\r\n relationFields.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`field-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"field\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n </>\r\n );\r\n }, [\r\n elementJSON?.field_type, \r\n elementJSON?.module, \r\n elementJSON?.field,\r\n relationModulesOptions, \r\n relationFields, \r\n handleModuleSelect, \r\n handlePropertyValueUpdate\r\n ]);\r\n\r\n // Early return if no element\r\n if (!elementJSON) {\r\n return null;\r\n }\r\n\r\n const { field_type } = elementJSON;\r\n const minMaxLabels = getMinMaxLabels(field_type);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\">\r\n {/* Field Type Selection /}\r\n <Box>\r\n <FieldSelect\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </Box>\r\n\r\n {/ Label Field /}\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </Box>\r\n\r\n {/ File/Image Max Size /}\r\n {(field_type === \"file\" \|\| field_type === \"image\") && (\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Max File Size (in MB)\"\r\n name=\"max_size\"\r\n type=\"number\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.max_size}\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Currency Selection - Memoized /}\r\n {currencySelectSection}\r\n\r\n {/ Placeholder and Default Value /}\r\n {!FIELDS_WITHOUT_PLACEHOLDER.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Placeholder\"\r\n name=\"placeholder\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.placeholder}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Default Value\"\r\n placeholder=\"Default Value\"\r\n name=\"default_value\"\r\n type={field_type === \"phone\" ? \"tel\" : field_type === \"number\" ? \"number\" : \"text\"}\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={getDefaultValue(elementJSON)}\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Time Format Selection - Memoized /}\r\n {timeSelectSection}\r\n\r\n {/ Relation Module and Field Selection - Memoized /}\r\n {relationSelectSection}\r\n\r\n {/ Min/Max Length for Text and Number Fields /}\r\n {FIELDS_WITH_MIN_MAX.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.min}\r\n name=\"min_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={elementJSON.min_length \|\| elementJSON.min \|\| 1}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.max}\r\n name=\"max_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={\r\n elementJSON.max_length \|\| \r\n elementJSON.max \|\| \r\n (field_type === 'number' ? 10000 : 255)\r\n }\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Column Per Row Selection /}\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelectChange}\r\n value={elementJSON.columns_per_row \|\| 1}\r\n label=\"Select Column Per Row\"\r\n name=\"columns_per_row\"\r\n variant=\"outlined\"\r\n >\r\n {COLUMN_PER_ROW_OPTIONS.map((option, index) => (\r\n <MenuItem key={`column-${index}`} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n {/ Width Adjustment Slider /}\r\n <Box>\r\n <Typography sx={{ color: 'black', mb: 1 }}>\r\n Adjust Width:\r\n </Typography>\r\n <Slider\r\n value={elementJSON.custom_width \|\| 12}\r\n name=\"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={handleWidthSliderChange}\r\n aria-labelledby=\"width-slider\"\r\n sx={{ color: \"#4AC08C\" }}\r\n disabled={elementJSON.is_fullwidth}\r\n marks\r\n valueLabelDisplay=\"auto\"\r\n />\r\n </Box>\r\n\r\n {/ Number Field Specific Options /}\r\n {field_type === \"number\" && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Float Step\"\r\n name=\"float_step\"\r\n type=\"number\"\r\n step=\"0.01\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.float_step}\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_negative\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_negative \|\| false}\r\n label=\"Allow Negative Numbers\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Date Field Specific Options /}\r\n {field_type === \"date\" && (\r\n <>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_future_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_future_dates_allowed \|\| false}\r\n label=\"Allow Future Dates\"\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_past_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_past_dates_allowed \|\| false}\r\n label=\"Allow Past Dates\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Required Field Checkbox /}\r\n {field_type !== \"info\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required \|\| false}\r\n label=\"This field is required\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Email Unique Checkbox /}\r\n {field_type === \"email\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique \|\| false}\r\n label=\"Is Unique\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Text Multiline Checkbox /}\r\n {field_type === \"text\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_multiline\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_multiline \|\| false}\r\n label=\"Is Multiline\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Full Width Checkbox /}\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handleFullWidthChange}\r\n checked={elementJSON.is_fullwidth \|\| false}\r\n label=\"Full Width\"\r\n />\r\n </Box>\r\n\r\n {/ Info Field Function Button /}\r\n {field_type === \"info\" && (\r\n <Box>\r\n <Button\r\n variant=\"outlined\"\r\n startIcon={<Add />}\r\n onClick={handleOpenModal}\r\n className=\"formSection--PreviewButton\"\r\n >\r\n Add Function\r\n </Button>\r\n </Box>\r\n )}\r\n\r\n {/ Function Modal */}\r\n <Modal fullWidth onClose={handleCloseModal} open={openModal}>\r\n <DialogTitle>\r\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\r\n Add Function\r\n </Typography>\r\n <IconButton\r\n edge=\"end\"\r\n onClick={handleCloseModal}\r\n size=\"small\"\r\n >\r\n <Close fontSize=\"inherit\" />\r\n </IconButton>\r\n </DialogTitle>\r\n <DialogContent dividers>\r\n <Typography weight=\"medium\" type=\"s3\" color=\"theme.secondary.700\" sx={{ mb: 2 }}>\r\n Label: <span style={{ color: \"#1F2125\" }}>{elementJSON.label}</span>\r\n </Typography>\r\n <TextField\r\n name=\"default_value\"\r\n fullWidth\r\n placeholder=\"Add a function\"\r\n multiline\r\n minRows={4}\r\n defaultValue={elementJSON.default_value}\r\n onChange={handleFunctionValueChange}\r\n value={functionValue}\r\n />\r\n </DialogContent>\r\n <DialogActions>\r\n <Button\r\n variant=\"outlined\"\r\n onClick={handleCloseModal}\r\n style={{ color: \"black\" }}\r\n >\r\n Cancel\r\n </Button>\r\n <Button onClick={() => handleSave(functionValue)}>\r\n Save\r\n </Button>\r\n </DialogActions>\r\n </Modal>\r\n </Box>\r\n );\r\n}\r\n\r\nexport default TextEditForm;"],"names":["elementJSON"],"mappings":"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"}

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

@@ -1,31 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("@mui/material"),a=require("@mui/icons-material"),n=,/* empty css                                          */i=,/* empty css                                        */o=,/* empty css                                                  */u=,/* empty css                                                  */r=,/* empty css                                          */d=,/* empty css                                              */s=,/* empty css                                   */c=;/* empty css                     */;/* empty css                            */const h=[1,2,3,4,5,6],x=[{text:"12 Hour",value:"12hr"},{text:"24 Hour",value:"24hr"}],m=[{text:"INR (India)",value:"inr"},{text:"USD (US)",value:"usd"}],f=/* @__PURE__ */new Set(["time","file","geoLocation","image","info","relation"]),p=/* @__PURE__ */new Set(["text","number"]),j=({option:l,index:a,prefix:n})=>/* @__PURE__ */e.jsx(t.MenuItem,{value:l.value,children:l.text||l.label},`${n}-${a}`),b=({option:l,index:a,prefix:n})=>/* @__PURE__ */e.jsx(t.MenuItem,{value:l.value,children:/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})},`${n}-${a}`);function g(g){const{handlePropertyValueUpdate:v,handleColumnSelect:C,handleWidthChange:_,fields:y,element:F}=g,[k,w]=l.useState(F),[B,S]=l.useState(!1),[W,q]=l.useState([]),[M,V]=l.useState(""),A=l.useRef(F),L=l.useRef(y),N=l.useMemo(()=>y&&y!==L.current||!L.current||!y?(L.current=y,y?Object.keys(y).map(e=>({label:s.default(e),value:e})):[]):L.current,[y]),T=l.useCallback(e=>{if(!y||!e)return void q(e=>e.length>0?[]:e);const l=y[e];if(null==l?void 0:l.length){const e=l.map(e=>({label:e.field,value:e.field}));q(l=>l.length!==e.length||l.some((l,t)=>{var a,n;return l.value!==(null==(a=e[t])?void 0:a.value)||l.label!==(null==(n=e[t])?void 0:n.label)})?e:l)}else q(e=>e.length>0?[]:e)},[y]),I=l.useCallback(e=>{if(k){if(k.default_value!==e){const l={...k,default_value:e};w(l),v(null,null,e)}e&&(V(""),S(!1))}},[k,v]),z=l.useCallback(e=>{if(!k)return;const l=e.target.value;if(k.field_type!==l){const t={...k,field_type:l};w(t),v(null,null,null,e.target.value)}},[k,v]),R=l.useCallback(e=>{if(!k)return;const l=e.target.value;if(k.option!==l){const e={...k,option:l};w(e),v(null,null,l)}},[k,v]),D=l.useCallback(e=>{const l=e.target.value;(null==k?void 0:k.module)!==l&&(T(l),v(e))},[null==k?void 0:k.module,T,v]),$=l.useCallback((e,l)=>{if(!k)return;const t=Array.isArray(l)?l[0]:l;if(k.custom_width!==t){const e={...k,custom_width:t};w(e),_(t)}},[k,_]),P=l.useCallback(e=>{if(!k)return;const l=e.target.checked;if(k.is_fullwidth!==l){const t={...k,is_fullwidth:l};w(t),v(e)}},[k,v]),U=l.useCallback(e=>{const l=Number(e.target.value);C(l)},[C]),E=l.useCallback(e=>{var l;return["number","currency","geoLocation"].includes(e.field_type)?(null==(l=e.default_value)?void 0:l.toString().replace(/[^0-9]/g,""))||"":e.default_value||""},[]),H=l.useCallback(e=>"text"===e?{min:"Min character count (with spaces)",max:"Max character count (with spaces)"}:{min:"Min number",max:"Max number"},[]),O=l.useCallback(()=>S(!0),[]),G=l.useCallback(()=>{S(!1),V("")},[]),J=l.useCallback(e=>{V(e.target.value)},[]);l.useEffect(()=>{F!==A.current&&(w(F),A.current=F,(null==F?void 0:F.module)&&T(F.module))},[F,T]);const K=l.useMemo(()=>"currency"!==(null==k?void 0:k.field_type)?null:/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControl,{fullWidth:!0,children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:"Select Currency",size:"small",onChange:R,defaultValue:k.option,label:"Currency",name:"option",variant:"outlined",children:m.map((l,t)=>/* @__PURE__ */e.jsx(j,{option:l,index:t,prefix:"currency"},`currency-${t}`))})})}),[null==k?void 0:k.field_type,null==k?void 0:k.option,R]),Q=l.useMemo(()=>"time"!==(null==k?void 0:k.field_type)?null:/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControl,{fullWidth:!0,children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:"Select Time Format",size:"small",onChange:R,defaultValue:k.option,label:"Time Format",name:"option",variant:"outlined",children:x.map((l,t)=>/* @__PURE__ */e.jsx(j,{option:l,index:t,prefix:"time"},`time-${t}`))})})}),[null==k?void 0:k.field_type,null==k?void 0:k.option,R]),X=l.useMemo(()=>"relation"!==(null==k?void 0:k.field_type)?null:/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControl,{fullWidth:!0,children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:N.length?"Select Relation Module":"No data available",size:"small",onChange:D,value:k.module||"",label:"Relation Module",name:"module",children:N.length?N.map((l,t)=>/* @__PURE__ */e.jsx(b,{option:l,index:t,prefix:"module"},`module-${t}`)):/* @__PURE__ */e.jsx(t.MenuItem,{disabled:!0,children:/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:"No data available"})})})})})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControl,{fullWidth:!0,children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:k.module?W.length?"Select Relation Field":"No data available":"Select Module First",size:"small",onChange:v,value:k.field||"",label:"Relation Field",disabled:!k.module,name:"field",children:W.length?W.map((l,t)=>/* @__PURE__ */e.jsx(b,{option:l,index:t,prefix:"field"},`field-${t}`)):/* @__PURE__ */e.jsx(t.MenuItem,{disabled:!0,children:/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:"No data available"})})})})})})]}),[null==k?void 0:k.field_type,null==k?void 0:k.module,null==k?void 0:k.field,N,W,D,v]);if(!k)return null;const{field_type:Y}=k,Z=H(Y);/* @__PURE__ */
-return e.jsxs(t.Box,{className:"formSection--FieldContainer",children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(c.default,{variant:"outlined",onChange:z,defaultValue:Y,label:"Field Type",disabled:"system"===k.type||!k.is_new})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:v,defaultValue:k.label})}),("file"===Y||"image"===Y)&&/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:"Max File Size (in MB)",name:"max_size",type:"number",onChange:v,defaultValue:k.max_size})}),K,!f.has(Y)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:"Placeholder",name:"placeholder",type:"text",onChange:v,defaultValue:k.placeholder})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:"Default Value",placeholder:"Default Value",name:"default_value",type:"phone"===Y?"tel":"number"===Y?"number":"text",onChange:v,defaultValue:E(k)})})]}),Q,X,p.has(Y)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:Z.min,name:"min_length",type:"number",onChange:e=>v(e,Number(e.target.value)),defaultValue:k.min_length||k.min||1})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:Z.max,name:"max_length",type:"number",onChange:e=>v(e,Number(e.target.value)),defaultValue:k.max_length||k.max||("number"===Y?1e4:255)})})]}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControl,{fullWidth:!0,children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:U,value:k.columns_per_row||1,label:"Select Column Per Row",name:"columns_per_row",variant:"outlined",children:h.map((l,a)=>/* @__PURE__ */e.jsx(t.MenuItem,{value:l,children:l},`column-${a}`))})})}),
-/* @__PURE__ */e.jsxs(t.Box,{children:[
-/* @__PURE__ */e.jsx(o.Typography,{sx:{color:"black",mb:1},children:"Adjust Width:"}),
-/* @__PURE__ */e.jsx(t.Slider,{value:k.custom_width||12,name:"custom_width",min:1,max:12,step:1,onChange:$,"aria-labelledby":"width-slider",sx:{color:"#4AC08C"},disabled:k.is_fullwidth,marks:!0,valueLabelDisplay:"auto"})]}),"number"===Y&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,label:"Float Step",name:"float_step",type:"number",step:"0.01",onChange:v,defaultValue:k.float_step})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_negative",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_negative||!1,label:"Allow Negative Numbers"})})]}),"date"===Y&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_future_dates_allowed",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_future_dates_allowed||!1,label:"Allow Future Dates"})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_past_dates_allowed",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_past_dates_allowed||!1,label:"Allow Past Dates"})})]}),"info"!==Y&&/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_required",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_required||!1,label:"This field is required"})}),"email"===Y&&/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_unique",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_unique||!1,label:"Is Unique"})}),"text"===Y&&/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_multiline",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:v,checked:k.is_multiline||!1,label:"Is Multiline"})}),
-/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(t.FormControlLabel,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(d.default,{}),onChange:P,checked:k.is_fullwidth||!1,label:"Full Width"})}),"info"===Y&&/* @__PURE__ */e.jsx(t.Box,{children:/* @__PURE__ */e.jsx(n.default,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(a.Add,{}),onClick:O,className:"formSection--PreviewButton",children:"Add Function"})}),
-/* @__PURE__ */e.jsxs(i.default,{fullWidth:!0,onClose:G,open:B,children:[
-/* @__PURE__ */e.jsxs(t.DialogTitle,{children:[
-/* @__PURE__ */e.jsx(o.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Add Function"}),
-/* @__PURE__ */e.jsx(t.IconButton,{edge:"end",onClick:G,size:"small",children:/* @__PURE__ */e.jsx(a.Close,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsxs(t.DialogContent,{dividers:!0,children:[
-/* @__PURE__ */e.jsxs(o.Typography,{weight:"medium",type:"s3",color:"theme.secondary.700",sx:{mb:2},children:["Label: ",
-/* @__PURE__ */e.jsx("span",{style:{color:"#1F2125"},children:k.label})]}),
-/* @__PURE__ */e.jsx(u.default,{name:"default_value",fullWidth:!0,placeholder:"Add a function",multiline:!0,minRows:4,defaultValue:k.default_value,onChange:J,value:M})]}),
-/* @__PURE__ */e.jsxs(t.DialogActions,{children:[
-/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onClick:G,style:{color:"black"},children:"Cancel"}),
-/* @__PURE__ */e.jsx(n.default,{onClick:()=>I(M),children:"Save"})]})]})]})}exports.TextEditForm=g,exports.default=g;
+"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                                                  */d=,/* empty css                                          */u=,/* empty css                                              */o=,/* empty css                                   */r=;/* empty css                     */;/* empty css                            */var s=,/* empty css                                                    */c=,/* empty css                                                                    */m=,/* empty css                                                              */f=,/* empty css                                                          */h=,/* empty css                                                                              */x=,/* empty css                                                          */j=,/* empty css                                                                    */p=,/* empty css                                                                  */b=,/* empty css                                                            */g=,/* empty css                                                                        */v=;/* empty css                                                                        */const _=[1,2,3,4,5,6],y=[{text:"12 Hour",value:"12hr"},{text:"24 Hour",value:"24hr"}],C=[{text:"INR (India)",value:"inr"},{text:"USD (US)",value:"usd"}],k=/* @__PURE__ */new Set(["time","file","geoLocation","image","info","relation"]),w=/* @__PURE__ */new Set(["text","number"]),q=({option:l,index:a,prefix:t})=>/* @__PURE__ */e.jsx(m.default,{value:l.value,children:l.text||l.label},`${t}-${a}`),S=({option:l,index:a,prefix:t})=>/* @__PURE__ */e.jsx(m.default,{value:l.value,children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})},`${t}-${a}`);function F(F){const{handlePropertyValueUpdate:W,handleColumnSelect:M,handleWidthChange:V,fields:A,element:T}=F,[D,N]=l.useState(T),[z,R]=l.useState(!1),[I,$]=l.useState([]),[L,P]=l.useState(""),B=l.useRef(T),U=l.useRef(A),E=l.useMemo(()=>A&&A!==U.current||!U.current||!A?(U.current=A,A?Object.keys(A).map(e=>({label:o.default(e),value:e})):[]):U.current,[A]),H=l.useCallback(e=>{if(!A||!e)return void $(e=>e.length>0?[]:e);const l=A[e];if(null==l?void 0:l.length){const e=l.map(e=>({label:e.field,value:e.field}));$(l=>l.length!==e.length||l.some((l,a)=>{var t,n;return l.value!==(null==(t=e[a])?void 0:t.value)||l.label!==(null==(n=e[a])?void 0:n.label)})?e:l)}else $(e=>e.length>0?[]:e)},[A]),O=l.useCallback(e=>{if(D){if(D.default_value!==e){const l={...D,default_value:e};N(l),W(null,null,e)}e&&(P(""),R(!1))}},[D,W]),G=l.useCallback(e=>{if(!D)return;const l=e.target.value;if(D.field_type!==l){const a={...D,field_type:l};N(a),W(null,null,null,e.target.value)}},[D,W]),J=l.useCallback(e=>{if(!D)return;const l=e.target.value;if(D.option!==l){const e={...D,option:l};N(e),W(null,null,l)}},[D,W]),K=l.useCallback(e=>{const l=e.target.value;(null==D?void 0:D.module)!==l&&(H(l),W(e))},[null==D?void 0:D.module,H,W]),Q=l.useCallback((e,l)=>{if(!D)return;const a=Array.isArray(l)?l[0]:l;if(D.custom_width!==a){const e={...D,custom_width:a};N(e),V(a)}},[D,V]),X=l.useCallback(e=>{if(!D)return;const l=e.target.checked;if(D.is_fullwidth!==l){const a={...D,is_fullwidth:l};N(a),W(e)}},[D,W]),Y=l.useCallback(e=>{const l=Number(e.target.value);M(l)},[M]),Z=l.useCallback(e=>{var l;return["number","currency","geoLocation"].includes(e.field_type)?(null==(l=e.default_value)?void 0:l.toString().replace(/[^0-9]/g,""))||"":e.default_value||""},[]),ee=l.useCallback(e=>"text"===e?{min:"Min character count (with spaces)",max:"Max character count (with spaces)"}:{min:"Min number",max:"Max number"},[]),le=l.useCallback(()=>R(!0),[]),ae=l.useCallback(()=>{R(!1),P("")},[]),te=l.useCallback(e=>{P(e.target.value)},[]);l.useEffect(()=>{T!==B.current&&(N(T),B.current=T,(null==T?void 0:T.module)&&H(T.module))},[T,H]);const ne=l.useMemo(()=>"currency"!==(null==D?void 0:D.field_type)?null:/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,placeholder:"Select Currency",size:"small",onChange:J,defaultValue:D.option,label:"Currency",name:"option",variant:"outlined",children:C.map((l,a)=>/* @__PURE__ */e.jsx(q,{option:l,index:a,prefix:"currency"},`currency-${a}`))})})}),[null==D?void 0:D.field_type,null==D?void 0:D.option,J]),ie=l.useMemo(()=>"time"!==(null==D?void 0:D.field_type)?null:/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,placeholder:"Select Time Format",size:"small",onChange:J,defaultValue:D.option,label:"Time Format",name:"option",variant:"outlined",children:y.map((l,a)=>/* @__PURE__ */e.jsx(q,{option:l,index:a,prefix:"time"},`time-${a}`))})})}),[null==D?void 0:D.field_type,null==D?void 0:D.option,J]),de=l.useMemo(()=>"relation"!==(null==D?void 0:D.field_type)?null:/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,placeholder:E.length?"Select Relation Module":"No data available",size:"small",onChange:K,value:D.module||"",label:"Relation Module",name:"module",children:E.length?E.map((l,a)=>/* @__PURE__ */e.jsx(S,{option:l,index:a,prefix:"module"},`module-${a}`)):/* @__PURE__ */e.jsx(m.default,{disabled:!0,children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:"No data available"})})})})})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,placeholder:D.module?I.length?"Select Relation Field":"No data available":"Select Module First",size:"small",onChange:W,value:D.field||"",label:"Relation Field",disabled:!D.module,name:"field",children:I.length?I.map((l,a)=>/* @__PURE__ */e.jsx(S,{option:l,index:a,prefix:"field"},`field-${a}`)):/* @__PURE__ */e.jsx(m.default,{disabled:!0,children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:"No data available"})})})})})})]}),[null==D?void 0:D.field_type,null==D?void 0:D.module,null==D?void 0:D.field,E,I,K,W]);if(!D)return null;const{field_type:ue}=D,oe=ee(ue);/* @__PURE__ */
+return e.jsxs(s.default,{className:"formSection--FieldContainer",children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(r.default,{variant:"outlined",onChange:G,defaultValue:ue,label:"Field Type",disabled:"system"===D.type||!D.is_new})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:"Label",is_required:!0,name:"label",type:"text",onChange:W,defaultValue:D.label})}),("file"===ue||"image"===ue)&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:"Max File Size (in MB)",name:"max_size",type:"number",onChange:W,defaultValue:D.max_size})}),ne,!k.has(ue)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:"Placeholder",name:"placeholder",type:"text",onChange:W,defaultValue:D.placeholder})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:"Default Value",placeholder:"Default Value",name:"default_value",type:"phone"===ue?"tel":"number"===ue?"number":"text",onChange:W,defaultValue:Z(D)})})]}),ie,de,w.has(ue)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:oe.min,name:"min_length",type:"number",onChange:e=>W(e,Number(e.target.value)),defaultValue:D.min_length||D.min||1})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:oe.max,name:"max_length",type:"number",onChange:e=>W(e,Number(e.target.value)),defaultValue:D.max_length||D.max||("number"===ue?1e4:255)})})]}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(c.default,{fullWidth:!0,children:/* @__PURE__ */e.jsx(d.default,{fullWidth:!0,placeholder:"Select Column Per Row",size:"small",onChange:Y,value:D.columns_per_row||1,label:"Select Column Per Row",name:"columns_per_row",variant:"outlined",children:_.map((l,a)=>/* @__PURE__ */e.jsx(m.default,{value:l,children:l},`column-${a}`))})})}),
+/* @__PURE__ */e.jsxs(s.default,{children:[
+/* @__PURE__ */e.jsx(n.Typography,{sx:{color:"black",mb:1},children:"Adjust Width:"}),
+/* @__PURE__ */e.jsx(f.default,{value:D.custom_width||12,name:"custom_width",min:1,max:12,step:1,onChange:Q,"aria-labelledby":"width-slider",sx:{color:"#4AC08C"},disabled:D.is_fullwidth,marks:!0,valueLabelDisplay:"auto"})]}),"number"===ue&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(i.default,{fullWidth:!0,label:"Float Step",name:"float_step",type:"number",step:"0.01",onChange:W,defaultValue:D.float_step})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_negative",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_negative||!1,label:"Allow Negative Numbers"})})]}),"date"===ue&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_future_dates_allowed",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_future_dates_allowed||!1,label:"Allow Future Dates"})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_past_dates_allowed",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_past_dates_allowed||!1,label:"Allow Past Dates"})})]}),"info"!==ue&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_required",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_required||!1,label:"This field is required"})}),"email"===ue&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_unique",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_unique||!1,label:"Is Unique"})}),"text"===ue&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_multiline",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:W,checked:D.is_multiline||!1,label:"Is Multiline"})}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(h.default,{name:"is_fullwidth",control:/* @__PURE__ */e.jsx(u.default,{}),onChange:X,checked:D.is_fullwidth||!1,label:"Full Width"})}),"info"===ue&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(a.default,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(x.default,{}),onClick:le,className:"formSection--PreviewButton",children:"Add Function"})}),
+/* @__PURE__ */e.jsxs(t.default,{fullWidth:!0,onClose:ae,open:z,children:[
+/* @__PURE__ */e.jsxs(j.default,{children:[
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Add Function"}),
+/* @__PURE__ */e.jsx(p.default,{edge:"end",onClick:ae,size:"small",children:/* @__PURE__ */e.jsx(b.default,{fontSize:"inherit"})})]}),
+/* @__PURE__ */e.jsxs(g.default,{dividers:!0,children:[
+/* @__PURE__ */e.jsxs(n.Typography,{weight:"medium",type:"s3",color:"theme.secondary.700",sx:{mb:2},children:["Label: ",
+/* @__PURE__ */e.jsx("span",{style:{color:"#1F2125"},children:D.label})]}),
+/* @__PURE__ */e.jsx(i.default,{name:"default_value",fullWidth:!0,placeholder:"Add a function",multiline:!0,minRows:4,defaultValue:D.default_value,onChange:te,value:L})]}),
+/* @__PURE__ */e.jsxs(v.default,{children:[
+/* @__PURE__ */e.jsx(a.default,{variant:"outlined",onClick:ae,style:{color:"black"},children:"Cancel"}),
+/* @__PURE__ */e.jsx(a.default,{onClick:()=>O(L),children:"Save"})]})]})]})}exports.TextEditForm=F,exports.default=F;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/text.tsx"],"sourcesContent":["// React imports\r\nimport { useCallback, useEffect, useState, useMemo, useRef } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add, Close } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Button from \"@/components/button/button\";\r\nimport Modal from \"@/components/modal/modal\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Select from \"@/components/select/select\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport formatText from \"@/utils/format-text\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport { IElementJson } from \"../custom-form\";\r\nimport { ApiFormFields } from \"../../Redux/state\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ITextEditFormProps {\r\n handleWidthChange: (value?: number) => void;\r\n handleColumnSelect: (value?: number) => void;\r\n handlePropertyValueUpdate: (\r\n event?: React.ChangeEvent<HTMLInputElement>,\r\n numberValue?: number,\r\n value?: any,\r\n fieldType?: string,\r\n ) => void;\r\n element: IElementJson \| null;\r\n fields: ApiFormFields \| null;\r\n}\r\n\r\n// Constants moved outside to prevent re-creation\r\nconst COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6] as const;\r\nconst SELECT_OPTIONS = [\r\n { text: \"12 Hour\", value: \"12hr\" },\r\n { text: \"24 Hour\", value: \"24hr\" },\r\n] as const;\r\nconst CURRENCY_OPTIONS = [\r\n { text: \"INR (India)\", value: \"inr\" },\r\n { text: \"USD (US)\", value: \"usd\" },\r\n] as const;\r\n\r\nconst FIELDS_WITHOUT_PLACEHOLDER = new Set([\r\n \"time\", \"file\", \"geoLocation\", \"image\", \"info\", \"relation\"\r\n]);\r\nconst FIELDS_WITH_MIN_MAX = new Set([\"text\", \"number\"]);\r\n\r\n// Memoized components to prevent unnecessary re-renders\r\nconst MemoizedMenuItem = ({ option, index, prefix }: { option: any; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n {option.text \|\| option.label}\r\n </MenuItem>\r\n);\r\n\r\nconst MemoizedRelationMenuItem = ({ option, index, prefix }: { option: Option; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {option.label}\r\n </Typography>\r\n </MenuItem>\r\n);\r\n\r\nexport function TextEditForm(props: ITextEditFormProps) {\r\n const { \r\n handlePropertyValueUpdate, \r\n handleColumnSelect, \r\n handleWidthChange, \r\n fields, \r\n element \r\n } = props;\r\n\r\n // State management - optimized to prevent unnecessary re-renders\r\n const [elementJSON, setElementJSON] = useState<IElementJson \| null>(element);\r\n const [openModal, setOpenModal] = useState(false);\r\n const [relationFields, setRelationFields] = useState<Option[]>([]);\r\n const [functionValue, setFunctionValue] = useState(\"\");\r\n \r\n // Use refs to track previous values and prevent unnecessary updates\r\n const prevElementRef = useRef<IElementJson \| null>(element);\r\n const prevFieldsRef = useRef<ApiFormFields \| null>(fields);\r\n\r\n // Memoized relation modules with deep comparison prevention\r\n const relationModulesOptions = useMemo(() => {\r\n if (!fields \|\| fields === prevFieldsRef.current) {\r\n if (prevFieldsRef.current && fields) return prevFieldsRef.current;\r\n }\r\n \r\n prevFieldsRef.current = fields;\r\n \r\n if (!fields) return [];\r\n return Object.keys(fields).map((key) => ({\r\n label: formatText(key),\r\n value: key,\r\n }));\r\n }, [fields]);\r\n\r\n // Optimized relation fields setter with memoization\r\n const setRelationFieldsOptions = useCallback(\r\n (moduleValue?: string) => {\r\n if (!fields \|\| !moduleValue) {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n return;\r\n }\r\n\r\n const fieldsArr = fields[moduleValue];\r\n if (fieldsArr?.length) {\r\n const options = fieldsArr.map((field) => ({\r\n label: field.field,\r\n value: field.field,\r\n }));\r\n \r\n // Only update if options actually changed\r\n setRelationFields(prev => {\r\n if (prev.length !== options.length) return options;\r\n const isDifferent = prev.some((item, idx) => \r\n item.value !== options[idx]?.value \|\| item.label !== options[idx]?.label\r\n );\r\n return isDifferent ? options : prev;\r\n });\r\n } else {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n }\r\n },\r\n [fields]\r\n );\r\n\r\n // Memoized event handlers to prevent child re-renders\r\n const handleSave = useCallback((value: string) => {\r\n if (!elementJSON) return;\r\n \r\n // Only update if value actually changed\r\n if (elementJSON.default_value !== value) {\r\n const updatedElement = { ...elementJSON, default_value: value };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, value);\r\n }\r\n \r\n if (value) {\r\n setFunctionValue(\"\");\r\n setOpenModal(false);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleFieldUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const fieldType = e.target.value;\r\n if (elementJSON.field_type !== fieldType) {\r\n const updatedElement = { ...elementJSON, field_type: fieldType };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleSelectUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const option = e.target.value;\r\n if (elementJSON.option !== option) {\r\n const updatedElement = { ...elementJSON, option };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, option);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleModuleSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const moduleValue = e.target.value;\r\n if (elementJSON?.module !== moduleValue) {\r\n setRelationFieldsOptions(moduleValue);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON?.module, setRelationFieldsOptions, handlePropertyValueUpdate]);\r\n\r\n const handleWidthSliderChange = useCallback((_: Event, value: number \| number[]) => {\r\n if (!elementJSON) return;\r\n \r\n const widthValue = Array.isArray(value) ? value[0] : value;\r\n if (elementJSON.custom_width !== widthValue) {\r\n const updatedElement = { ...elementJSON, custom_width: widthValue };\r\n setElementJSON(updatedElement);\r\n handleWidthChange(widthValue);\r\n }\r\n }, [elementJSON, handleWidthChange]);\r\n\r\n const handleFullWidthChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const isFullWidth = e.target.checked;\r\n if (elementJSON.is_fullwidth !== isFullWidth) {\r\n const updatedElement = { ...elementJSON, is_fullwidth: isFullWidth };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleColumnSelectChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const columnValue = Number(e.target.value);\r\n handleColumnSelect(columnValue);\r\n }, [handleColumnSelect]);\r\n\r\n // Memoized helper functions\r\n const getDefaultValue = useCallback((elementJSON: IElementJson) => {\r\n if ([\"number\", \"currency\", \"geoLocation\"].includes(elementJSON.field_type)) {\r\n return elementJSON.default_value?.toString().replace(/[^0-9]/g, \"\") \|\| \"\";\r\n }\r\n return elementJSON.default_value \|\| \"\";\r\n }, []);\r\n\r\n const getMinMaxLabels = useCallback((fieldType: string) => {\r\n return fieldType === \"text\" \r\n ? { min: \"Min character count (with spaces)\", max: \"Max character count (with spaces)\" }\r\n : { min: \"Min number\", max: \"Max number\" };\r\n }, []);\r\n\r\n // Modal handlers\r\n const handleOpenModal = useCallback(() => setOpenModal(true), []);\r\n const handleCloseModal = useCallback(() => {\r\n setOpenModal(false);\r\n setFunctionValue(\"\");\r\n }, []);\r\n\r\n const handleFunctionValueChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFunctionValue(e.target.value);\r\n }, []);\r\n\r\n // Optimized effects with proper dependency arrays\r\n useEffect(() => {\r\n // Only update if element actually changed\r\n if (element !== prevElementRef.current) {\r\n setElementJSON(element);\r\n prevElementRef.current = element;\r\n \r\n if (element?.module) {\r\n setRelationFieldsOptions(element.module);\r\n }\r\n }\r\n }, [element, setRelationFieldsOptions]);\r\n\r\n // Memoized render sections to prevent unnecessary re-computation\r\n const currencySelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"currency\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Currency\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Currency\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {CURRENCY_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`currency-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"currency\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const timeSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"time\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Time Format\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Time Format\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {SELECT_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`time-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"time\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const relationSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"relation\") return null;\r\n \r\n return (\r\n <>\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n relationModulesOptions.length\r\n ? \"Select Relation Module\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handleModuleSelect}\r\n value={elementJSON.module \|\| \"\"}\r\n label=\"Relation Module\"\r\n name=\"module\"\r\n >\r\n {relationModulesOptions.length ? (\r\n relationModulesOptions.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`module-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"module\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n !elementJSON.module\r\n ? \"Select Module First\"\r\n : relationFields.length\r\n ? \"Select Relation Field\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handlePropertyValueUpdate}\r\n value={elementJSON.field \|\| \"\"}\r\n label=\"Relation Field\"\r\n disabled={!elementJSON.module}\r\n name=\"field\"\r\n >\r\n {relationFields.length ? (\r\n relationFields.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`field-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"field\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n </>\r\n );\r\n }, [\r\n elementJSON?.field_type, \r\n elementJSON?.module, \r\n elementJSON?.field,\r\n relationModulesOptions, \r\n relationFields, \r\n handleModuleSelect, \r\n handlePropertyValueUpdate\r\n ]);\r\n\r\n // Early return if no element\r\n if (!elementJSON) {\r\n return null;\r\n }\r\n\r\n const { field_type } = elementJSON;\r\n const minMaxLabels = getMinMaxLabels(field_type);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\">\r\n {/* Field Type Selection /}\r\n <Box>\r\n <FieldSelect\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </Box>\r\n\r\n {/ Label Field /}\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </Box>\r\n\r\n {/ File/Image Max Size /}\r\n {(field_type === \"file\" \|\| field_type === \"image\") && (\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Max File Size (in MB)\"\r\n name=\"max_size\"\r\n type=\"number\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.max_size}\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Currency Selection - Memoized /}\r\n {currencySelectSection}\r\n\r\n {/ Placeholder and Default Value /}\r\n {!FIELDS_WITHOUT_PLACEHOLDER.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Placeholder\"\r\n name=\"placeholder\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.placeholder}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Default Value\"\r\n placeholder=\"Default Value\"\r\n name=\"default_value\"\r\n type={field_type === \"phone\" ? \"tel\" : field_type === \"number\" ? \"number\" : \"text\"}\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={getDefaultValue(elementJSON)}\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Time Format Selection - Memoized /}\r\n {timeSelectSection}\r\n\r\n {/ Relation Module and Field Selection - Memoized /}\r\n {relationSelectSection}\r\n\r\n {/ Min/Max Length for Text and Number Fields /}\r\n {FIELDS_WITH_MIN_MAX.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.min}\r\n name=\"min_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={elementJSON.min_length \|\| elementJSON.min \|\| 1}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.max}\r\n name=\"max_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={\r\n elementJSON.max_length \|\| \r\n elementJSON.max \|\| \r\n (field_type === 'number' ? 10000 : 255)\r\n }\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Column Per Row Selection /}\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelectChange}\r\n value={elementJSON.columns_per_row \|\| 1}\r\n label=\"Select Column Per Row\"\r\n name=\"columns_per_row\"\r\n variant=\"outlined\"\r\n >\r\n {COLUMN_PER_ROW_OPTIONS.map((option, index) => (\r\n <MenuItem key={`column-${index}`} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n {/ Width Adjustment Slider /}\r\n <Box>\r\n <Typography sx={{ color: 'black', mb: 1 }}>\r\n Adjust Width:\r\n </Typography>\r\n <Slider\r\n value={elementJSON.custom_width \|\| 12}\r\n name=\"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={handleWidthSliderChange}\r\n aria-labelledby=\"width-slider\"\r\n sx={{ color: \"#4AC08C\" }}\r\n disabled={elementJSON.is_fullwidth}\r\n marks\r\n valueLabelDisplay=\"auto\"\r\n />\r\n </Box>\r\n\r\n {/ Number Field Specific Options /}\r\n {field_type === \"number\" && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Float Step\"\r\n name=\"float_step\"\r\n type=\"number\"\r\n step=\"0.01\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.float_step}\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_negative\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_negative \|\| false}\r\n label=\"Allow Negative Numbers\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Date Field Specific Options /}\r\n {field_type === \"date\" && (\r\n <>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_future_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_future_dates_allowed \|\| false}\r\n label=\"Allow Future Dates\"\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_past_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_past_dates_allowed \|\| false}\r\n label=\"Allow Past Dates\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Required Field Checkbox /}\r\n {field_type !== \"info\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required \|\| false}\r\n label=\"This field is required\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Email Unique Checkbox /}\r\n {field_type === \"email\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique \|\| false}\r\n label=\"Is Unique\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Text Multiline Checkbox /}\r\n {field_type === \"text\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_multiline\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_multiline \|\| false}\r\n label=\"Is Multiline\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Full Width Checkbox /}\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handleFullWidthChange}\r\n checked={elementJSON.is_fullwidth \|\| false}\r\n label=\"Full Width\"\r\n />\r\n </Box>\r\n\r\n {/ Info Field Function Button /}\r\n {field_type === \"info\" && (\r\n <Box>\r\n <Button\r\n variant=\"outlined\"\r\n startIcon={<Add />}\r\n onClick={handleOpenModal}\r\n className=\"formSection--PreviewButton\"\r\n >\r\n Add Function\r\n </Button>\r\n </Box>\r\n )}\r\n\r\n {/ Function Modal */}\r\n <Modal fullWidth onClose={handleCloseModal} open={openModal}>\r\n <DialogTitle>\r\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\r\n Add Function\r\n </Typography>\r\n <IconButton\r\n edge=\"end\"\r\n onClick={handleCloseModal}\r\n size=\"small\"\r\n >\r\n <Close fontSize=\"inherit\" />\r\n </IconButton>\r\n </DialogTitle>\r\n <DialogContent dividers>\r\n <Typography weight=\"medium\" type=\"s3\" color=\"theme.secondary.700\" sx={{ mb: 2 }}>\r\n Label: <span style={{ color: \"#1F2125\" }}>{elementJSON.label}</span>\r\n </Typography>\r\n <TextField\r\n name=\"default_value\"\r\n fullWidth\r\n placeholder=\"Add a function\"\r\n multiline\r\n minRows={4}\r\n defaultValue={elementJSON.default_value}\r\n onChange={handleFunctionValueChange}\r\n value={functionValue}\r\n />\r\n </DialogContent>\r\n <DialogActions>\r\n <Button\r\n variant=\"outlined\"\r\n onClick={handleCloseModal}\r\n style={{ color: \"black\" }}\r\n >\r\n Cancel\r\n </Button>\r\n <Button onClick={() => handleSave(functionValue)}>\r\n Save\r\n </Button>\r\n </DialogActions>\r\n </Modal>\r\n </Box>\r\n );\r\n}\r\n\r\nexport default TextEditForm;"],"names":["COLUMN_PER_ROW_OPTIONS","SELECT_OPTIONS","text","value","CURRENCY_OPTIONS","FIELDS_WITHOUT_PLACEHOLDER","Set","FIELDS_WITH_MIN_MAX","MemoizedMenuItem","option","index","prefix","MenuItem","children","label","MemoizedRelationMenuItem","jsx","Typography","type","color","TextEditForm","props","handlePropertyValueUpdate","handleColumnSelect","handleWidthChange","fields","element","elementJSON","setElementJSON","useState","openModal","setOpenModal","relationFields","setRelationFields","functionValue","setFunctionValue","prevElementRef","useRef","prevFieldsRef","relationModulesOptions","useMemo","current","Object","keys","map","key","formatText","setRelationFieldsOptions","useCallback","moduleValue","prev","length","fieldsArr","options","field","some","item","idx","_a","_b","handleSave","default_value","updatedElement","handleFieldUpdate","e","fieldType","target","field_type","handleSelectUpdate","handleModuleSelect","module","handleWidthSliderChange","_","widthValue","Array","isArray","custom_width","handleFullWidthChange","isFullWidth","checked","is_fullwidth","handleColumnSelectChange","columnValue","Number","getDefaultValue","includes","toString","replace","getMinMaxLabels","min","max","handleOpenModal","handleCloseModal","handleFunctionValueChange","useEffect","currencySelectSection","Box","FormControl","fullWidth","Select","placeholder","size","onChange","defaultValue","name","variant","timeSelectSection","relationSelectSection","jsxs","Fragment","disabled","minMaxLabels","className","FieldSelect","is_new","TextField","is_required","max_size","has","min_length","max_length","columns_per_row","sx","mb","Slider","step","marks","valueLabelDisplay","float_step","FormControlLabel","control","Checkbox","is_negative","is_future_dates_allowed","is_past_dates_allowed","is_unique","is_multiline","Button","startIcon","Add","onClick","Modal","onClose","open","DialogTitle","weight","IconButton","edge","Close","fontSize","DialogContent","dividers","style","multiline","minRows","DialogActions"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/form-builder/element-edit-forms/text.tsx"],"sourcesContent":["// React imports\r\nimport { useCallback, useEffect, useState, useMemo, useRef } from \"react\";\r\n\r\n// Material UI imports\r\nimport {\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n MenuItem,\r\n Box,\r\n FormControlLabel,\r\n FormControl,\r\n Slider,\r\n} from \"@mui/material\";\r\nimport { Add, Close } from \"@mui/icons-material\";\r\n\r\n// ERP Common imports\r\nimport Button from \"@/components/button/button\";\r\nimport Modal from \"@/components/modal/modal\";\r\nimport Typography from \"@/components/typography/typography\";\r\nimport TextField from \"@/components/text-field/text-field\";\r\nimport Select from \"@/components/select/select\";\r\nimport Checkbox from \"@/components/checkbox/checkbox\";\r\nimport formatText from \"@/utils/format-text\";\r\n\r\n// Local imports\r\nimport FieldSelect from \"./field-select\";\r\nimport { IElementJson } from \"../custom-form\";\r\nimport { ApiFormFields } from \"../../Redux/state\";\r\nimport \"../custom-form.scss\";\r\n\r\ninterface Option {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ITextEditFormProps {\r\n handleWidthChange: (value?: number) => void;\r\n handleColumnSelect: (value?: number) => void;\r\n handlePropertyValueUpdate: (\r\n event?: React.ChangeEvent<HTMLInputElement>,\r\n numberValue?: number,\r\n value?: any,\r\n fieldType?: string,\r\n ) => void;\r\n element: IElementJson \| null;\r\n fields: ApiFormFields \| null;\r\n}\r\n\r\n// Constants moved outside to prevent re-creation\r\nconst COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6] as const;\r\nconst SELECT_OPTIONS = [\r\n { text: \"12 Hour\", value: \"12hr\" },\r\n { text: \"24 Hour\", value: \"24hr\" },\r\n] as const;\r\nconst CURRENCY_OPTIONS = [\r\n { text: \"INR (India)\", value: \"inr\" },\r\n { text: \"USD (US)\", value: \"usd\" },\r\n] as const;\r\n\r\nconst FIELDS_WITHOUT_PLACEHOLDER = new Set([\r\n \"time\", \"file\", \"geoLocation\", \"image\", \"info\", \"relation\"\r\n]);\r\nconst FIELDS_WITH_MIN_MAX = new Set([\"text\", \"number\"]);\r\n\r\n// Memoized components to prevent unnecessary re-renders\r\nconst MemoizedMenuItem = ({ option, index, prefix }: { option: any; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n {option.text \|\| option.label}\r\n </MenuItem>\r\n);\r\n\r\nconst MemoizedRelationMenuItem = ({ option, index, prefix }: { option: Option; index: number; prefix: string }) => (\r\n <MenuItem key={`${prefix}-${index}`} value={option.value}>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n {option.label}\r\n </Typography>\r\n </MenuItem>\r\n);\r\n\r\nexport function TextEditForm(props: ITextEditFormProps) {\r\n const { \r\n handlePropertyValueUpdate, \r\n handleColumnSelect, \r\n handleWidthChange, \r\n fields, \r\n element \r\n } = props;\r\n\r\n // State management - optimized to prevent unnecessary re-renders\r\n const [elementJSON, setElementJSON] = useState<IElementJson \| null>(element);\r\n const [openModal, setOpenModal] = useState(false);\r\n const [relationFields, setRelationFields] = useState<Option[]>([]);\r\n const [functionValue, setFunctionValue] = useState(\"\");\r\n \r\n // Use refs to track previous values and prevent unnecessary updates\r\n const prevElementRef = useRef<IElementJson \| null>(element);\r\n const prevFieldsRef = useRef<ApiFormFields \| null>(fields);\r\n\r\n // Memoized relation modules with deep comparison prevention\r\n const relationModulesOptions = useMemo(() => {\r\n if (!fields \|\| fields === prevFieldsRef.current) {\r\n if (prevFieldsRef.current && fields) return prevFieldsRef.current;\r\n }\r\n \r\n prevFieldsRef.current = fields;\r\n \r\n if (!fields) return [];\r\n return Object.keys(fields).map((key) => ({\r\n label: formatText(key),\r\n value: key,\r\n }));\r\n }, [fields]);\r\n\r\n // Optimized relation fields setter with memoization\r\n const setRelationFieldsOptions = useCallback(\r\n (moduleValue?: string) => {\r\n if (!fields \|\| !moduleValue) {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n return;\r\n }\r\n\r\n const fieldsArr = fields[moduleValue];\r\n if (fieldsArr?.length) {\r\n const options = fieldsArr.map((field) => ({\r\n label: field.field,\r\n value: field.field,\r\n }));\r\n \r\n // Only update if options actually changed\r\n setRelationFields(prev => {\r\n if (prev.length !== options.length) return options;\r\n const isDifferent = prev.some((item, idx) => \r\n item.value !== options[idx]?.value \|\| item.label !== options[idx]?.label\r\n );\r\n return isDifferent ? options : prev;\r\n });\r\n } else {\r\n setRelationFields(prev => prev.length > 0 ? [] : prev);\r\n }\r\n },\r\n [fields]\r\n );\r\n\r\n // Memoized event handlers to prevent child re-renders\r\n const handleSave = useCallback((value: string) => {\r\n if (!elementJSON) return;\r\n \r\n // Only update if value actually changed\r\n if (elementJSON.default_value !== value) {\r\n const updatedElement = { ...elementJSON, default_value: value };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, value);\r\n }\r\n \r\n if (value) {\r\n setFunctionValue(\"\");\r\n setOpenModal(false);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleFieldUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const fieldType = e.target.value;\r\n if (elementJSON.field_type !== fieldType) {\r\n const updatedElement = { ...elementJSON, field_type: fieldType };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, null, e.target.value);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleSelectUpdate = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const option = e.target.value;\r\n if (elementJSON.option !== option) {\r\n const updatedElement = { ...elementJSON, option };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(null, null, option);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleModuleSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const moduleValue = e.target.value;\r\n if (elementJSON?.module !== moduleValue) {\r\n setRelationFieldsOptions(moduleValue);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON?.module, setRelationFieldsOptions, handlePropertyValueUpdate]);\r\n\r\n const handleWidthSliderChange = useCallback((_: Event, value: number \| number[]) => {\r\n if (!elementJSON) return;\r\n \r\n const widthValue = Array.isArray(value) ? value[0] : value;\r\n if (elementJSON.custom_width !== widthValue) {\r\n const updatedElement = { ...elementJSON, custom_width: widthValue };\r\n setElementJSON(updatedElement);\r\n handleWidthChange(widthValue);\r\n }\r\n }, [elementJSON, handleWidthChange]);\r\n\r\n const handleFullWidthChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n if (!elementJSON) return;\r\n \r\n const isFullWidth = e.target.checked;\r\n if (elementJSON.is_fullwidth !== isFullWidth) {\r\n const updatedElement = { ...elementJSON, is_fullwidth: isFullWidth };\r\n setElementJSON(updatedElement);\r\n handlePropertyValueUpdate(e);\r\n }\r\n }, [elementJSON, handlePropertyValueUpdate]);\r\n\r\n const handleColumnSelectChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n const columnValue = Number(e.target.value);\r\n handleColumnSelect(columnValue);\r\n }, [handleColumnSelect]);\r\n\r\n // Memoized helper functions\r\n const getDefaultValue = useCallback((elementJSON: IElementJson) => {\r\n if ([\"number\", \"currency\", \"geoLocation\"].includes(elementJSON.field_type)) {\r\n return elementJSON.default_value?.toString().replace(/[^0-9]/g, \"\") \|\| \"\";\r\n }\r\n return elementJSON.default_value \|\| \"\";\r\n }, []);\r\n\r\n const getMinMaxLabels = useCallback((fieldType: string) => {\r\n return fieldType === \"text\" \r\n ? { min: \"Min character count (with spaces)\", max: \"Max character count (with spaces)\" }\r\n : { min: \"Min number\", max: \"Max number\" };\r\n }, []);\r\n\r\n // Modal handlers\r\n const handleOpenModal = useCallback(() => setOpenModal(true), []);\r\n const handleCloseModal = useCallback(() => {\r\n setOpenModal(false);\r\n setFunctionValue(\"\");\r\n }, []);\r\n\r\n const handleFunctionValueChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFunctionValue(e.target.value);\r\n }, []);\r\n\r\n // Optimized effects with proper dependency arrays\r\n useEffect(() => {\r\n // Only update if element actually changed\r\n if (element !== prevElementRef.current) {\r\n setElementJSON(element);\r\n prevElementRef.current = element;\r\n \r\n if (element?.module) {\r\n setRelationFieldsOptions(element.module);\r\n }\r\n }\r\n }, [element, setRelationFieldsOptions]);\r\n\r\n // Memoized render sections to prevent unnecessary re-computation\r\n const currencySelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"currency\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Currency\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Currency\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {CURRENCY_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`currency-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"currency\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const timeSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"time\") return null;\r\n \r\n return (\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Time Format\"\r\n size=\"small\"\r\n onChange={handleSelectUpdate}\r\n defaultValue={elementJSON.option}\r\n label=\"Time Format\"\r\n name=\"option\"\r\n variant=\"outlined\"\r\n >\r\n {SELECT_OPTIONS.map((option, index) => (\r\n <MemoizedMenuItem \r\n key={`time-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"time\" \r\n />\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n );\r\n }, [elementJSON?.field_type, elementJSON?.option, handleSelectUpdate]);\r\n\r\n const relationSelectSection = useMemo(() => {\r\n if (elementJSON?.field_type !== \"relation\") return null;\r\n \r\n return (\r\n <>\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n relationModulesOptions.length\r\n ? \"Select Relation Module\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handleModuleSelect}\r\n value={elementJSON.module \|\| \"\"}\r\n label=\"Relation Module\"\r\n name=\"module\"\r\n >\r\n {relationModulesOptions.length ? (\r\n relationModulesOptions.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`module-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"module\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder={\r\n !elementJSON.module\r\n ? \"Select Module First\"\r\n : relationFields.length\r\n ? \"Select Relation Field\"\r\n : \"No data available\"\r\n }\r\n size=\"small\"\r\n onChange={handlePropertyValueUpdate}\r\n value={elementJSON.field \|\| \"\"}\r\n label=\"Relation Field\"\r\n disabled={!elementJSON.module}\r\n name=\"field\"\r\n >\r\n {relationFields.length ? (\r\n relationFields.map((option, index) => (\r\n <MemoizedRelationMenuItem \r\n key={`field-${index}`}\r\n option={option} \r\n index={index} \r\n prefix=\"field\" \r\n />\r\n ))\r\n ) : (\r\n <MenuItem disabled>\r\n <Typography type=\"s3\" color=\"theme.secondary.1000\">\r\n <em>No data available</em>\r\n </Typography>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n </>\r\n );\r\n }, [\r\n elementJSON?.field_type, \r\n elementJSON?.module, \r\n elementJSON?.field,\r\n relationModulesOptions, \r\n relationFields, \r\n handleModuleSelect, \r\n handlePropertyValueUpdate\r\n ]);\r\n\r\n // Early return if no element\r\n if (!elementJSON) {\r\n return null;\r\n }\r\n\r\n const { field_type } = elementJSON;\r\n const minMaxLabels = getMinMaxLabels(field_type);\r\n\r\n return (\r\n <Box className=\"formSection--FieldContainer\">\r\n {/* Field Type Selection /}\r\n <Box>\r\n <FieldSelect\r\n variant=\"outlined\"\r\n onChange={handleFieldUpdate}\r\n defaultValue={field_type}\r\n label=\"Field Type\"\r\n disabled={elementJSON.type === \"system\" \|\| !elementJSON.is_new}\r\n />\r\n </Box>\r\n\r\n {/ Label Field /}\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Label\"\r\n is_required\r\n name=\"label\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.label}\r\n />\r\n </Box>\r\n\r\n {/ File/Image Max Size /}\r\n {(field_type === \"file\" \|\| field_type === \"image\") && (\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Max File Size (in MB)\"\r\n name=\"max_size\"\r\n type=\"number\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.max_size}\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Currency Selection - Memoized /}\r\n {currencySelectSection}\r\n\r\n {/ Placeholder and Default Value /}\r\n {!FIELDS_WITHOUT_PLACEHOLDER.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Placeholder\"\r\n name=\"placeholder\"\r\n type=\"text\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.placeholder}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Default Value\"\r\n placeholder=\"Default Value\"\r\n name=\"default_value\"\r\n type={field_type === \"phone\" ? \"tel\" : field_type === \"number\" ? \"number\" : \"text\"}\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={getDefaultValue(elementJSON)}\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Time Format Selection - Memoized /}\r\n {timeSelectSection}\r\n\r\n {/ Relation Module and Field Selection - Memoized /}\r\n {relationSelectSection}\r\n\r\n {/ Min/Max Length for Text and Number Fields /}\r\n {FIELDS_WITH_MIN_MAX.has(field_type) && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.min}\r\n name=\"min_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={elementJSON.min_length \|\| elementJSON.min \|\| 1}\r\n />\r\n </Box>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label={minMaxLabels.max}\r\n name=\"max_length\"\r\n type=\"number\"\r\n onChange={(e) => handlePropertyValueUpdate(e, Number(e.target.value))}\r\n defaultValue={\r\n elementJSON.max_length \|\| \r\n elementJSON.max \|\| \r\n (field_type === 'number' ? 10000 : 255)\r\n }\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Column Per Row Selection /}\r\n <Box>\r\n <FormControl fullWidth>\r\n <Select\r\n fullWidth\r\n placeholder=\"Select Column Per Row\"\r\n size=\"small\"\r\n onChange={handleColumnSelectChange}\r\n value={elementJSON.columns_per_row \|\| 1}\r\n label=\"Select Column Per Row\"\r\n name=\"columns_per_row\"\r\n variant=\"outlined\"\r\n >\r\n {COLUMN_PER_ROW_OPTIONS.map((option, index) => (\r\n <MenuItem key={`column-${index}`} value={option}>\r\n {option}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n </Box>\r\n\r\n {/ Width Adjustment Slider /}\r\n <Box>\r\n <Typography sx={{ color: 'black', mb: 1 }}>\r\n Adjust Width:\r\n </Typography>\r\n <Slider\r\n value={elementJSON.custom_width \|\| 12}\r\n name=\"custom_width\"\r\n min={1}\r\n max={12}\r\n step={1}\r\n onChange={handleWidthSliderChange}\r\n aria-labelledby=\"width-slider\"\r\n sx={{ color: \"#4AC08C\" }}\r\n disabled={elementJSON.is_fullwidth}\r\n marks\r\n valueLabelDisplay=\"auto\"\r\n />\r\n </Box>\r\n\r\n {/ Number Field Specific Options /}\r\n {field_type === \"number\" && (\r\n <>\r\n <Box>\r\n <TextField\r\n fullWidth\r\n label=\"Float Step\"\r\n name=\"float_step\"\r\n type=\"number\"\r\n step=\"0.01\"\r\n onChange={handlePropertyValueUpdate}\r\n defaultValue={elementJSON.float_step}\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_negative\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_negative \|\| false}\r\n label=\"Allow Negative Numbers\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Date Field Specific Options /}\r\n {field_type === \"date\" && (\r\n <>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_future_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_future_dates_allowed \|\| false}\r\n label=\"Allow Future Dates\"\r\n />\r\n </Box>\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_past_dates_allowed\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_past_dates_allowed \|\| false}\r\n label=\"Allow Past Dates\"\r\n />\r\n </Box>\r\n </>\r\n )}\r\n\r\n {/ Required Field Checkbox /}\r\n {field_type !== \"info\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_required\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_required \|\| false}\r\n label=\"This field is required\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Email Unique Checkbox /}\r\n {field_type === \"email\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_unique\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_unique \|\| false}\r\n label=\"Is Unique\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Text Multiline Checkbox /}\r\n {field_type === \"text\" && (\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_multiline\"\r\n control={<Checkbox />}\r\n onChange={handlePropertyValueUpdate}\r\n checked={elementJSON.is_multiline \|\| false}\r\n label=\"Is Multiline\"\r\n />\r\n </Box>\r\n )}\r\n\r\n {/ Full Width Checkbox /}\r\n <Box>\r\n <FormControlLabel\r\n name=\"is_fullwidth\"\r\n control={<Checkbox />}\r\n onChange={handleFullWidthChange}\r\n checked={elementJSON.is_fullwidth \|\| false}\r\n label=\"Full Width\"\r\n />\r\n </Box>\r\n\r\n {/ Info Field Function Button /}\r\n {field_type === \"info\" && (\r\n <Box>\r\n <Button\r\n variant=\"outlined\"\r\n startIcon={<Add />}\r\n onClick={handleOpenModal}\r\n className=\"formSection--PreviewButton\"\r\n >\r\n Add Function\r\n </Button>\r\n </Box>\r\n )}\r\n\r\n {/ Function Modal */}\r\n <Modal fullWidth onClose={handleCloseModal} open={openModal}>\r\n <DialogTitle>\r\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\r\n Add Function\r\n </Typography>\r\n <IconButton\r\n edge=\"end\"\r\n onClick={handleCloseModal}\r\n size=\"small\"\r\n >\r\n <Close fontSize=\"inherit\" />\r\n </IconButton>\r\n </DialogTitle>\r\n <DialogContent dividers>\r\n <Typography weight=\"medium\" type=\"s3\" color=\"theme.secondary.700\" sx={{ mb: 2 }}>\r\n Label: <span style={{ color: \"#1F2125\" }}>{elementJSON.label}</span>\r\n </Typography>\r\n <TextField\r\n name=\"default_value\"\r\n fullWidth\r\n placeholder=\"Add a function\"\r\n multiline\r\n minRows={4}\r\n defaultValue={elementJSON.default_value}\r\n onChange={handleFunctionValueChange}\r\n value={functionValue}\r\n />\r\n </DialogContent>\r\n <DialogActions>\r\n <Button\r\n variant=\"outlined\"\r\n onClick={handleCloseModal}\r\n style={{ color: \"black\" }}\r\n >\r\n Cancel\r\n </Button>\r\n <Button onClick={() => handleSave(functionValue)}>\r\n Save\r\n </Button>\r\n </DialogActions>\r\n </Modal>\r\n </Box>\r\n );\r\n}\r\n\r\nexport default TextEditForm;"],"names":["COLUMN_PER_ROW_OPTIONS","SELECT_OPTIONS","text","value","CURRENCY_OPTIONS","FIELDS_WITHOUT_PLACEHOLDER","Set","FIELDS_WITH_MIN_MAX","MemoizedMenuItem","option","index","prefix","MenuItem","children","label","MemoizedRelationMenuItem","jsx","Typography","type","color","TextEditForm","props","handlePropertyValueUpdate","handleColumnSelect","handleWidthChange","fields","element","elementJSON","setElementJSON","useState","openModal","setOpenModal","relationFields","setRelationFields","functionValue","setFunctionValue","prevElementRef","useRef","prevFieldsRef","relationModulesOptions","useMemo","current","Object","keys","map","key","formatText","setRelationFieldsOptions","useCallback","moduleValue","prev","length","fieldsArr","options","field","some","item","idx","_a","_b","handleSave","default_value","updatedElement","handleFieldUpdate","e","fieldType","target","field_type","handleSelectUpdate","handleModuleSelect","module","handleWidthSliderChange","_","widthValue","Array","isArray","custom_width","handleFullWidthChange","isFullWidth","checked","is_fullwidth","handleColumnSelectChange","columnValue","Number","getDefaultValue","includes","toString","replace","getMinMaxLabels","min","max","handleOpenModal","handleCloseModal","handleFunctionValueChange","useEffect","currencySelectSection","Box","FormControl","fullWidth","Select","placeholder","size","onChange","defaultValue","name","variant","timeSelectSection","relationSelectSection","jsxs","Fragment","disabled","minMaxLabels","className","FieldSelect","is_new","TextField","is_required","max_size","has","min_length","max_length","columns_per_row","sx","mb","Slider","step","marks","valueLabelDisplay","float_step","FormControlLabel","control","Checkbox","is_negative","is_future_dates_allowed","is_past_dates_allowed","is_unique","is_multiline","Button","startIcon","Add","onClick","Modal","onClose","open","DialogTitle","weight","IconButton","edge","Close","fontSize","DialogContent","dividers","style","multiline","minRows","DialogActions"],"mappings":"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"}

package/dist/views/form-builder/form-fields/index.esm.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useMemo } from "react";
-import { Grid } from "@mui/material";
 import DynamicInput from "../../../components/form-control/form-builder/form-builder-element/text/index.esm.js";
 import DynamicCheckBox from "../../../components/form-control/form-builder/form-builder-element/checkbox/index.esm.js";
 import DynamicTable from "../../../components/form-control/form-builder/form-builder-element/table/index.esm.js";
@@ -13,6 +12,7 @@ import DynamicTime from "../../../components/form-control/form-builder/form-buil
 import DynamicDate from "../../../components/form-control/form-builder/form-builder-element/date/index.esm.js";
 import DynamicSelect from "../../../components/form-control/form-builder/form-builder-element/select/index.esm.js";
 import DynamicPhone from "../../../components/form-control/form-builder/form-builder-element/phone/index.esm.js";
+import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 const FormField = memo(({
   field,
   index,