@erpsquad/common 1.8.46 → 1.8.48

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

@@ -0,0 +1,559 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useCallback, useEffect } from "react";
+import { Button } from "../../../../components/button/button/index.esm.js";
+import { Modal } from "../../../../components/modal/modal/index.esm.js";
+import { Typography } from "../../../../components/typography/typography/index.esm.js";
+import { TextField } from "../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../components/select/select/index.esm.js";
+import { Checkbox } from "../../../../components/checkbox/checkbox/index.esm.js";
+import { formatText } from "../../../../utils/format-text/index.esm.js";
+import FieldSelect from "../field-select/index.esm.js";
+/* empty css                               */
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import FormControl from "../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Slider from "../../../../node_modules/@mui/material/Slider/Slider/index.esm.js";
+import FormControlLabel from "../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
+import DialogTitle from "../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Close from "../../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import DialogContent from "../../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+const COLUMN_PER_ROW_OPTIONS = [1, 2, 3, 4, 5, 6];
+const SELECT_OPTIONS = [
+  { text: "12 Hour", value: "12hr" },
+  { text: "24 Hour", value: "24hr" }
+];
+const CURRENCY_OPTIONS = [
+  { text: "INR (India)", value: "inr" },
+  { text: "USD (US)", value: "usd" }
+];
+const FIELDS_WITHOUT_PLACEHOLDER = /* @__PURE__ */ new Set([
+  "time",
+  "file",
+  "geoLocation",
+  "image",
+  "info",
+  "relation"
+]);
+const FIELDS_WITH_MIN_MAX = /* @__PURE__ */ new Set(["text", "number"]);
+const MemoizedMenuItem = ({ option, index, prefix }) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: option.text || option.label }, `${prefix}-${index}`);
+const MemoizedRelationMenuItem = ({ option, index, prefix }) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: /* @__PURE__ */ jsx(Typography, { type: "s3", color: "theme.secondary.1000", children: option.label }) }, `${prefix}-${index}`);
+function TextEditForm(props) {
+  const {
+    handlePropertyValueUpdate,
+    handleColumnSelect,
+    handleWidthChange,
+    fields,
+    element
+  } = props;
+  const [elementJSON, setElementJSON] = useState(element);
+  const [openModal, setOpenModal] = useState(false);
+  const [relationFields, setRelationFields] = useState([]);
+  const [functionValue, setFunctionValue] = useState("");
+  const prevElementRef = useRef(element);
+  const prevFieldsRef = useRef(fields);
+  const relationModulesOptions = useMemo(() => {
+    if (!fields || fields === prevFieldsRef.current) {
+      if (prevFieldsRef.current && fields) return prevFieldsRef.current;
+    }
+    prevFieldsRef.current = fields;
+    if (!fields) return [];
+    return Object.keys(fields).map((key) => ({
+      label: formatText(key),
+      value: key
+    }));
+  }, [fields]);
+  const setRelationFieldsOptions = useCallback(
+    (moduleValue) => {
+      if (!fields || !moduleValue) {
+        setRelationFields((prev) => prev.length > 0 ? [] : prev);
+        return;
+      }
+      const fieldsArr = fields[moduleValue];
+      if (fieldsArr == null ? void 0 : fieldsArr.length) {
+        const options = fieldsArr.map((field) => ({
+          label: field.field,
+          value: field.field
+        }));
+        setRelationFields((prev) => {
+          if (prev.length !== options.length) return options;
+          const isDifferent = prev.some(
+            (item, idx) => {
+              var _a, _b;
+              return item.value !== ((_a = options[idx]) == null ? void 0 : _a.value) || item.label !== ((_b = options[idx]) == null ? void 0 : _b.label);
+            }
+          );
+          return isDifferent ? options : prev;
+        });
+      } else {
+        setRelationFields((prev) => prev.length > 0 ? [] : prev);
+      }
+    },
+    [fields]
+  );
+  const handleSave = useCallback((value) => {
+    if (!elementJSON) return;
+    if (elementJSON.default_value !== value) {
+      const updatedElement = { ...elementJSON, default_value: value };
+      setElementJSON(updatedElement);
+      handlePropertyValueUpdate(null, null, value);
+    }
+    if (value) {
+      setFunctionValue("");
+      setOpenModal(false);
+    }
+  }, [elementJSON, handlePropertyValueUpdate]);
+  const handleFieldUpdate = useCallback((e) => {
+    if (!elementJSON) return;
+    const fieldType = e.target.value;
+    if (elementJSON.field_type !== fieldType) {
+      const updatedElement = { ...elementJSON, field_type: fieldType };
+      setElementJSON(updatedElement);
+      handlePropertyValueUpdate(null, null, null, e.target.value);
+    }
+  }, [elementJSON, handlePropertyValueUpdate]);
+  const handleSelectUpdate = useCallback((e) => {
+    if (!elementJSON) return;
+    const option = e.target.value;
+    if (elementJSON.option !== option) {
+      const updatedElement = { ...elementJSON, option };
+      setElementJSON(updatedElement);
+      handlePropertyValueUpdate(null, null, option);
+    }
+  }, [elementJSON, handlePropertyValueUpdate]);
+  const handleModuleSelect = useCallback((e) => {
+    const moduleValue = e.target.value;
+    if ((elementJSON == null ? void 0 : elementJSON.module) !== moduleValue) {
+      setRelationFieldsOptions(moduleValue);
+      handlePropertyValueUpdate(e);
+    }
+  }, [elementJSON == null ? void 0 : elementJSON.module, setRelationFieldsOptions, handlePropertyValueUpdate]);
+  const handleWidthSliderChange = useCallback((_, value) => {
+    if (!elementJSON) return;
+    const widthValue = Array.isArray(value) ? value[0] : value;
+    if (elementJSON.custom_width !== widthValue) {
+      const updatedElement = { ...elementJSON, custom_width: widthValue };
+      setElementJSON(updatedElement);
+      handleWidthChange(widthValue);
+    }
+  }, [elementJSON, handleWidthChange]);
+  const handleFullWidthChange = useCallback((e) => {
+    if (!elementJSON) return;
+    const isFullWidth = e.target.checked;
+    if (elementJSON.is_fullwidth !== isFullWidth) {
+      const updatedElement = { ...elementJSON, is_fullwidth: isFullWidth };
+      setElementJSON(updatedElement);
+      handlePropertyValueUpdate(e);
+    }
+  }, [elementJSON, handlePropertyValueUpdate]);
+  const handleColumnSelectChange = useCallback((e) => {
+    const columnValue = Number(e.target.value);
+    handleColumnSelect(columnValue);
+  }, [handleColumnSelect]);
+  const getDefaultValue = useCallback((elementJSON2) => {
+    var _a;
+    if (["number", "currency", "geoLocation"].includes(elementJSON2.field_type)) {
+      return ((_a = elementJSON2.default_value) == null ? void 0 : _a.toString().replace(/[^0-9]/g, "")) || "";
+    }
+    return elementJSON2.default_value || "";
+  }, []);
+  const getMinMaxLabels = useCallback((fieldType) => {
+    return fieldType === "text" ? { min: "Min character count (with spaces)", max: "Max character count (with spaces)" } : { min: "Min number", max: "Max number" };
+  }, []);
+  const handleOpenModal = useCallback(() => setOpenModal(true), []);
+  const handleCloseModal = useCallback(() => {
+    setOpenModal(false);
+    setFunctionValue("");
+  }, []);
+  const handleFunctionValueChange = useCallback((e) => {
+    setFunctionValue(e.target.value);
+  }, []);
+  useEffect(() => {
+    if (element !== prevElementRef.current) {
+      setElementJSON(element);
+      prevElementRef.current = element;
+      if (element == null ? void 0 : element.module) {
+        setRelationFieldsOptions(element.module);
+      }
+    }
+  }, [element, setRelationFieldsOptions]);
+  const currencySelectSection = useMemo(() => {
+    if ((elementJSON == null ? void 0 : elementJSON.field_type) !== "currency") return null;
+    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        fullWidth: true,
+        placeholder: "Select Currency",
+        size: "small",
+        onChange: handleSelectUpdate,
+        defaultValue: elementJSON.option,
+        label: "Currency",
+        name: "option",
+        variant: "outlined",
+        children: CURRENCY_OPTIONS.map((option, index) => /* @__PURE__ */ jsx(
+          MemoizedMenuItem,
+          {
+            option,
+            index,
+            prefix: "currency"
+          },
+          `currency-${index}`
+        ))
+      }
+    ) }) });
+  }, [elementJSON == null ? void 0 : elementJSON.field_type, elementJSON == null ? void 0 : elementJSON.option, handleSelectUpdate]);
+  const timeSelectSection = useMemo(() => {
+    if ((elementJSON == null ? void 0 : elementJSON.field_type) !== "time") return null;
+    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        fullWidth: true,
+        placeholder: "Select Time Format",
+        size: "small",
+        onChange: handleSelectUpdate,
+        defaultValue: elementJSON.option,
+        label: "Time Format",
+        name: "option",
+        variant: "outlined",
+        children: SELECT_OPTIONS.map((option, index) => /* @__PURE__ */ jsx(
+          MemoizedMenuItem,
+          {
+            option,
+            index,
+            prefix: "time"
+          },
+          `time-${index}`
+        ))
+      }
+    ) }) });
+  }, [elementJSON == null ? void 0 : elementJSON.field_type, elementJSON == null ? void 0 : elementJSON.option, handleSelectUpdate]);
+  const relationSelectSection = useMemo(() => {
+    if ((elementJSON == null ? void 0 : elementJSON.field_type) !== "relation") return null;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          fullWidth: true,
+          placeholder: relationModulesOptions.length ? "Select Relation Module" : "No data available",
+          size: "small",
+          onChange: handleModuleSelect,
+          value: elementJSON.module || "",
+          label: "Relation Module",
+          name: "module",
+          children: relationModulesOptions.length ? relationModulesOptions.map((option, index) => /* @__PURE__ */ jsx(
+            MemoizedRelationMenuItem,
+            {
+              option,
+              index,
+              prefix: "module"
+            },
+            `module-${index}`
+          )) : /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(Typography, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: "No data available" }) }) })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          fullWidth: true,
+          placeholder: !elementJSON.module ? "Select Module First" : relationFields.length ? "Select Relation Field" : "No data available",
+          size: "small",
+          onChange: handlePropertyValueUpdate,
+          value: elementJSON.field || "",
+          label: "Relation Field",
+          disabled: !elementJSON.module,
+          name: "field",
+          children: relationFields.length ? relationFields.map((option, index) => /* @__PURE__ */ jsx(
+            MemoizedRelationMenuItem,
+            {
+              option,
+              index,
+              prefix: "field"
+            },
+            `field-${index}`
+          )) : /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(Typography, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: "No data available" }) }) })
+        }
+      ) }) })
+    ] });
+  }, [
+    elementJSON == null ? void 0 : elementJSON.field_type,
+    elementJSON == null ? void 0 : elementJSON.module,
+    elementJSON == null ? void 0 : elementJSON.field,
+    relationModulesOptions,
+    relationFields,
+    handleModuleSelect,
+    handlePropertyValueUpdate
+  ]);
+  if (!elementJSON) {
+    return null;
+  }
+  const { field_type } = elementJSON;
+  const minMaxLabels = getMinMaxLabels(field_type);
+  return /* @__PURE__ */ jsxs(Box, { className: "formSection--FieldContainer", children: [
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      FieldSelect,
+      {
+        variant: "outlined",
+        onChange: handleFieldUpdate,
+        defaultValue: field_type,
+        label: "Field Type",
+        disabled: elementJSON.type === "system" || !elementJSON.is_new
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        label: "Label",
+        is_required: true,
+        name: "label",
+        type: "text",
+        onChange: handlePropertyValueUpdate,
+        defaultValue: elementJSON.label
+      }
+    ) }),
+    (field_type === "file" || field_type === "image") && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        fullWidth: true,
+        label: "Max File Size (in MB)",
+        name: "max_size",
+        type: "number",
+        onChange: handlePropertyValueUpdate,
+        defaultValue: elementJSON.max_size
+      }
+    ) }),
+    currencySelectSection,
+    !FIELDS_WITHOUT_PLACEHOLDER.has(field_type) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: "Placeholder",
+          name: "placeholder",
+          type: "text",
+          onChange: handlePropertyValueUpdate,
+          defaultValue: elementJSON.placeholder
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: "Default Value",
+          placeholder: "Default Value",
+          name: "default_value",
+          type: field_type === "phone" ? "tel" : field_type === "number" ? "number" : "text",
+          onChange: handlePropertyValueUpdate,
+          defaultValue: getDefaultValue(elementJSON)
+        }
+      ) })
+    ] }),
+    timeSelectSection,
+    relationSelectSection,
+    FIELDS_WITH_MIN_MAX.has(field_type) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: minMaxLabels.min,
+          name: "min_length",
+          type: "number",
+          onChange: (e) => handlePropertyValueUpdate(e, Number(e.target.value)),
+          defaultValue: elementJSON.min_length || elementJSON.min || 1
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: minMaxLabels.max,
+          name: "max_length",
+          type: "number",
+          onChange: (e) => handlePropertyValueUpdate(e, Number(e.target.value)),
+          defaultValue: elementJSON.max_length || elementJSON.max || (field_type === "number" ? 1e4 : 255)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        fullWidth: true,
+        placeholder: "Select Column Per Row",
+        size: "small",
+        onChange: handleColumnSelectChange,
+        value: elementJSON.columns_per_row || 1,
+        label: "Select Column Per Row",
+        name: "columns_per_row",
+        variant: "outlined",
+        children: COLUMN_PER_ROW_OPTIONS.map((option, index) => /* @__PURE__ */ jsx(MenuItem, { value: option, children: option }, `column-${index}`))
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { sx: { color: "black", mb: 1 }, children: "Adjust Width:" }),
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          value: elementJSON.custom_width || 12,
+          name: "custom_width",
+          min: 1,
+          max: 12,
+          step: 1,
+          onChange: handleWidthSliderChange,
+          "aria-labelledby": "width-slider",
+          sx: { color: "#4AC08C" },
+          disabled: elementJSON.is_fullwidth,
+          marks: true,
+          valueLabelDisplay: "auto"
+        }
+      )
+    ] }),
+    field_type === "number" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: "Float Step",
+          name: "float_step",
+          type: "number",
+          step: "0.01",
+          onChange: handlePropertyValueUpdate,
+          defaultValue: elementJSON.float_step
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        FormControlLabel,
+        {
+          name: "is_negative",
+          control: /* @__PURE__ */ jsx(Checkbox, {}),
+          onChange: handlePropertyValueUpdate,
+          checked: elementJSON.is_negative || false,
+          label: "Allow Negative Numbers"
+        }
+      ) })
+    ] }),
+    field_type === "date" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        FormControlLabel,
+        {
+          name: "is_future_dates_allowed",
+          control: /* @__PURE__ */ jsx(Checkbox, {}),
+          onChange: handlePropertyValueUpdate,
+          checked: elementJSON.is_future_dates_allowed || false,
+          label: "Allow Future Dates"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        FormControlLabel,
+        {
+          name: "is_past_dates_allowed",
+          control: /* @__PURE__ */ jsx(Checkbox, {}),
+          onChange: handlePropertyValueUpdate,
+          checked: elementJSON.is_past_dates_allowed || false,
+          label: "Allow Past Dates"
+        }
+      ) })
+    ] }),
+    field_type !== "info" && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        name: "is_required",
+        control: /* @__PURE__ */ jsx(Checkbox, {}),
+        onChange: handlePropertyValueUpdate,
+        checked: elementJSON.is_required || false,
+        label: "This field is required"
+      }
+    ) }),
+    field_type === "email" && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        name: "is_unique",
+        control: /* @__PURE__ */ jsx(Checkbox, {}),
+        onChange: handlePropertyValueUpdate,
+        checked: elementJSON.is_unique || false,
+        label: "Is Unique"
+      }
+    ) }),
+    field_type === "text" && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        name: "is_multiline",
+        control: /* @__PURE__ */ jsx(Checkbox, {}),
+        onChange: handlePropertyValueUpdate,
+        checked: elementJSON.is_multiline || false,
+        label: "Is Multiline"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        name: "is_fullwidth",
+        control: /* @__PURE__ */ jsx(Checkbox, {}),
+        onChange: handleFullWidthChange,
+        checked: elementJSON.is_fullwidth || false,
+        label: "Full Width"
+      }
+    ) }),
+    field_type === "info" && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        startIcon: /* @__PURE__ */ jsx(Add, {}),
+        onClick: handleOpenModal,
+        className: "formSection--PreviewButton",
+        children: "Add Function"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Modal, { fullWidth: true, onClose: handleCloseModal, open: openModal, children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.secondary.1000", children: "Add Function" }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            edge: "end",
+            onClick: handleCloseModal,
+            size: "small",
+            children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(DialogContent, { dividers: true, children: [
+        /* @__PURE__ */ jsxs(Typography, { weight: "medium", type: "s3", color: "theme.secondary.700", sx: { mb: 2 }, children: [
+          "Label: ",
+          /* @__PURE__ */ jsx("span", { style: { color: "#1F2125" }, children: elementJSON.label })
+        ] }),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            name: "default_value",
+            fullWidth: true,
+            placeholder: "Add a function",
+            multiline: true,
+            minRows: 4,
+            defaultValue: elementJSON.default_value,
+            onChange: handleFunctionValueChange,
+            value: functionValue
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(DialogActions, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outlined",
+            onClick: handleCloseModal,
+            style: { color: "black" },
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: () => handleSave(functionValue), children: "Save" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  TextEditForm,
+  TextEditForm as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +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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"}