@erpsquad/common 1.8.6 → 1.8.8

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

@@ -0,0 +1,354 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo } from "react";
+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";
+import DynamicElementHOC from "../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js";
+import DynamicRadioButton from "../../../components/form-control/form-builder/form-builder-element/radio-button/index.esm.js";
+import DynamicToggleButton from "../../../components/form-control/form-builder/form-builder-element/toggle-button/index.esm.js";
+import DynamicInfo from "../../../components/form-control/form-builder/form-builder-element/info/index.esm.js";
+import DynamicMedia from "../../../components/form-control/form-builder/form-builder-element/media/index.esm.js";
+import DynamicTime from "../../../components/form-control/form-builder/form-builder-element/time/index.esm.js";
+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,
+  gridItemSize,
+  activeMember,
+  control,
+  t,
+  element,
+  images,
+  elementJSON,
+  remove,
+  move,
+  handleElementSelection,
+  setElementSwap,
+  handleDuplicateElement,
+  setSelectedHoc,
+  setActiveMember
+}) => {
+  const hocProps = useMemo(() => ({
+    activeIndex: activeMember === index,
+    removeElement: remove,
+    index,
+    onClick: handleElementSelection,
+    swap: move,
+    elementSwap: () => setElementSwap(true),
+    handleDuplicate: handleDuplicateElement,
+    setElementHoc: () => {
+      setSelectedHoc("");
+      setActiveMember(void 0);
+    }
+  }), [
+    activeMember,
+    index,
+    remove,
+    handleElementSelection,
+    move,
+    setElementSwap,
+    handleDuplicateElement,
+    setSelectedHoc,
+    setActiveMember
+  ]);
+  const commonFieldProps = useMemo(() => ({
+    key: field.id,
+    position: index,
+    placeholder: t(field.placeholder || ""),
+    label: t(field.label),
+    formControl: control,
+    name: "message",
+    fieldArrayName: "members",
+    required: field.is_required,
+    formType: "builder",
+    typeOfField: field.type,
+    disabled: true
+  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);
+  const renderFieldContent = useCallback(() => {
+    const { field_type } = field;
+    switch (field_type) {
+      case element.text.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            is_multiline: field.is_multiline,
+            min: field.min_length,
+            max: field.max_length
+          }
+        );
+      case element.email.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            endIcon: /* @__PURE__ */ jsx("img", { src: images.sms, alt: "email" })
+          }
+        );
+      case element.number.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            min: field.min_length,
+            max: field.max_length,
+            float_step: field.float_step
+          }
+        );
+      case element.phone.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicPhone,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            default_value: field.default_value
+          }
+        );
+      case element.select.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicSelect,
+          {
+            ...commonFieldProps,
+            options: field.options,
+            defaultValue: field.default_value,
+            is_multiselect: field.is_multiselect
+          }
+        );
+      case element.date.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicDate,
+          {
+            ...commonFieldProps,
+            defaultValue: field.default_value,
+            is_future_dates_allowed: field.is_future_dates_allowed,
+            is_past_dates_allowed: field.is_past_dates_allowed,
+            disable: true
+          }
+        );
+      case element.time.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicTime,
+          {
+            ...commonFieldProps,
+            option: field.option
+          }
+        );
+      case element.url.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            endIcon: /* @__PURE__ */ jsx("img", { src: images.url, alt: "url" })
+          }
+        );
+      case element.currency.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            endIcon: /* @__PURE__ */ jsx("img", { src: images.dollar, alt: "currency" })
+          }
+        );
+      case element.file.field_type:
+      case element.image.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicMedia,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            max_size: field.max_size
+          }
+        );
+      case element.geoLocation.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            endIcon: /* @__PURE__ */ jsx("img", { src: images.location, alt: "location" })
+          }
+        );
+      case element.relation.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            is_multiline: field.is_multiline,
+            min: field.min_length,
+            max: field.max_length,
+            label: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "formSection--Relation",
+                "data-position": index,
+                "data-name": `members.${index}.message`,
+                children: [
+                  t(field.label),
+                  /* @__PURE__ */ jsx("img", { src: images.relation, alt: "relation" })
+                ]
+              }
+            )
+          }
+        );
+      case element.info.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInfo,
+          {
+            ...commonFieldProps,
+            defaultValue: field.default_value
+          }
+        );
+      case element.toggleButton.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicToggleButton,
+          {
+            ...commonFieldProps,
+            title: t(field.title || ""),
+            titlePosition: elementJSON == null ? void 0 : elementJSON.title_position
+          }
+        );
+      case element.radioButton.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicRadioButton,
+          {
+            ...commonFieldProps,
+            options: field.options,
+            display: field.display,
+            titlePosition: elementJSON == null ? void 0 : elementJSON.title_position
+          }
+        );
+      case element.tagsInput.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicInput,
+          {
+            ...commonFieldProps,
+            type: field_type,
+            defaultValue: field.default_value,
+            is_multiline: field.is_multiline,
+            min: field.min_length,
+            max: field.max_length
+          }
+        );
+      case element.checkbox.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicCheckBox,
+          {
+            ...commonFieldProps,
+            title: t(field.title || ""),
+            titlePosition: field.title_position
+          }
+        );
+      case element.table.field_type:
+        return /* @__PURE__ */ jsx(
+          DynamicTable,
+          {
+            ...commonFieldProps,
+            columns: field.table_columns || (elementJSON == null ? void 0 : elementJSON.table_columns) || []
+          }
+        );
+      default:
+        console.warn(`Unknown field type: ${field_type}`);
+        return null;
+    }
+  }, [field, commonFieldProps, element, images, elementJSON, t, index]);
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: gridItemSize, children: /* @__PURE__ */ jsx(
+    DynamicElementHOC,
+    {
+      ...hocProps,
+      element: field.field_type,
+      children: renderFieldContent()
+    }
+  ) });
+});
+FormField.displayName = "FormField";
+const FormFields = memo(({
+  sectionMembers,
+  members,
+  activeMember,
+  control,
+  t,
+  element,
+  images,
+  elementJSON,
+  remove,
+  move,
+  handleElementSelection,
+  setElementSwap,
+  handleDuplicateElement,
+  setSelectedHoc,
+  setActiveMember
+}) => {
+  const calculateGridSize = useCallback((field) => {
+    if (field.is_fullwidth || field.field_type === "table") return 12;
+    if (field.custom_width) return field.custom_width;
+    return 6;
+  }, []);
+  const renderedFields = useMemo(() => {
+    return sectionMembers.map((field) => {
+      const index = members.findIndex((member) => member === field);
+      const gridItemSize = calculateGridSize(field);
+      return /* @__PURE__ */ jsx(
+        FormField,
+        {
+          field,
+          index,
+          gridItemSize,
+          activeMember,
+          control,
+          t,
+          element,
+          images,
+          elementJSON,
+          remove,
+          move,
+          handleElementSelection,
+          setElementSwap,
+          handleDuplicateElement,
+          setSelectedHoc,
+          setActiveMember
+        },
+        `${field.id}-${index}`
+      );
+    });
+  }, [
+    sectionMembers,
+    members,
+    activeMember,
+    control,
+    t,
+    element,
+    images,
+    elementJSON,
+    remove,
+    move,
+    handleElementSelection,
+    setElementSwap,
+    handleDuplicateElement,
+    setSelectedHoc,
+    setActiveMember,
+    calculateGridSize,
+    elementJSON == null ? void 0 : elementJSON.field_type
+  ]);
+  return /* @__PURE__ */ jsx(Fragment, { children: renderedFields });
+});
+FormFields.displayName = "FormFields";
+export {
+  FormFields as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport default FormFields;"],"names":[],"mappings":"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"}

package/dist/views/form-builder/form-fields/index.js

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../components/form-control/form-builder/form-builder-element/text/index.js"),i=require("../../../components/form-control/form-builder/form-builder-element/checkbox/index.js"),r=require("../../../components/form-control/form-builder/form-builder-element/table/index.js"),n=require("../../../components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js"),o=require("../../../components/form-control/form-builder/form-builder-element/radio-button/index.js"),a=require("../../../components/form-control/form-builder/form-builder-element/toggle-button/index.js"),d=require("../../../components/form-control/form-builder/form-builder-element/info/index.js"),u=require("../../../components/form-control/form-builder/form-builder-element/media/index.js"),s=require("../../../components/form-control/form-builder/form-builder-element/time/index.js"),m=require("../../../components/form-control/form-builder/form-builder-element/date/index.js"),c=require("../../../components/form-control/form-builder/form-builder-element/select/index.js"),f=require("../../../components/form-control/form-builder/form-builder-element/phone/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js");const _=t.memo(({field:_,index:x,gridItemSize:b,activeMember:y,control:j,t:v,element:h,images:g,elementJSON:q,remove:S,move:w,handleElementSelection:E,setElementSwap:M,handleDuplicateElement:V,setSelectedHoc:I,setActiveMember:N})=>{const k=t.useMemo(()=>({activeIndex:y===x,removeElement:S,index:x,onClick:E,swap:w,elementSwap:()=>M(!0),handleDuplicate:V,setElementHoc:()=>{I(""),N(void 0)}}),[y,x,S,E,w,M,V,I,N]),F=t.useMemo(()=>({key:_.id,position:x,placeholder:v(_.placeholder||""),label:v(_.label),formControl:j,name:"message",fieldArrayName:"members",required:_.is_required,formType:"builder",typeOfField:_.type,disabled:!0}),[_.id,_.placeholder,_.label,_.is_required,_.type,x,v,j]),O=t.useCallback(()=>{const{field_type:t}=_;switch(t){case h.text.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.email.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.sms,alt:"email"})});case h.number.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,min:_.min_length,max:_.max_length,float_step:_.float_step});case h.phone.field_type:/* @__PURE__ */
+return e.jsx(f.default,{...F,type:t,default_value:_.default_value});case h.select.field_type:/* @__PURE__ */
+return e.jsx(c.default,{...F,options:_.options,defaultValue:_.default_value,is_multiselect:_.is_multiselect});case h.date.field_type:/* @__PURE__ */
+return e.jsx(m.default,{...F,defaultValue:_.default_value,is_future_dates_allowed:_.is_future_dates_allowed,is_past_dates_allowed:_.is_past_dates_allowed,disable:!0});case h.time.field_type:/* @__PURE__ */
+return e.jsx(s.default,{...F,option:_.option});case h.url.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.url,alt:"url"})});case h.currency.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.dollar,alt:"currency"})});case h.file.field_type:case h.image.field_type:/* @__PURE__ */
+return e.jsx(u.default,{...F,type:t,max_size:_.max_size});case h.geoLocation.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,endIcon:/* @__PURE__ */e.jsx("img",{src:g.location,alt:"location"})});case h.relation.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length,label:/* @__PURE__ */e.jsxs("span",{className:"formSection--Relation","data-position":x,"data-name":`members.${x}.message`,children:[v(_.label),
+/* @__PURE__ */e.jsx("img",{src:g.relation,alt:"relation"})]})});case h.info.field_type:/* @__PURE__ */
+return e.jsx(d.default,{...F,defaultValue:_.default_value});case h.toggleButton.field_type:/* @__PURE__ */
+return e.jsx(a.default,{...F,title:v(_.title||""),titlePosition:null==q?void 0:q.title_position});case h.radioButton.field_type:/* @__PURE__ */
+return e.jsx(o.default,{...F,options:_.options,display:_.display,titlePosition:null==q?void 0:q.title_position});case h.tagsInput.field_type:/* @__PURE__ */
+return e.jsx(l.default,{...F,type:t,defaultValue:_.default_value,is_multiline:_.is_multiline,min:_.min_length,max:_.max_length});case h.checkbox.field_type:/* @__PURE__ */
+return e.jsx(i.default,{...F,title:v(_.title||""),titlePosition:_.title_position});case h.table.field_type:/* @__PURE__ */
+return e.jsx(r.default,{...F,columns:_.table_columns||(null==q?void 0:q.table_columns)||[]});default:return null}},[_,F,h,g,q,v,x]);/* @__PURE__ */
+return e.jsx(p.default,{item:!0,xs:b,children:/* @__PURE__ */e.jsx(n.default,{...k,element:_.field_type,children:O()})})});_.displayName="FormField";const x=t.memo(({sectionMembers:l,members:i,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b})=>{const y=t.useCallback(e=>e.is_fullwidth||"table"===e.field_type?12:e.custom_width?e.custom_width:6,[]),j=t.useMemo(()=>l.map(t=>{const l=i.findIndex(e=>e===t),j=y(t);/* @__PURE__ */
+return e.jsx(_,{field:t,index:l,gridItemSize:j,activeMember:r,control:n,t:o,element:a,images:d,elementJSON:u,remove:s,move:m,handleElementSelection:c,setElementSwap:f,handleDuplicateElement:p,setSelectedHoc:x,setActiveMember:b},`${t.id}-${l}`)}),[l,i,r,n,o,a,d,u,s,m,c,f,p,x,b,y,null==u?void 0:u.field_type]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:j})});x.displayName="FormFields",exports.default=x;
+//# sourceMappingURL=index.js.map

package/dist/views/form-builder/form-fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/form-fields.tsx"],"sourcesContent":["// React imports\nimport React, { memo, useMemo, useCallback } from 'react';\n\n// Material UI imports\nimport { Grid } from '@mui/material';\n\n// ERP Common imports - Form builder elements\nimport DynamicInput from '@/components/form-control/form-builder/form-builder-element/text';\nimport DynamicCheckBox from '@/components/form-control/form-builder/form-builder-element/checkbox';\nimport DynamicTable from '@/components/form-control/form-builder/form-builder-element/table';\nimport DynamicElementHOC from '@/components/form-control/form-builder/form-builder-element/dynamic-element-hoc';\nimport DynamicRadioButton from '@/components/form-control/form-builder/form-builder-element/radio-button';\nimport DynamicToggleButton from '@/components/form-control/form-builder/form-builder-element/toggle-button';\nimport DynamicInfo from '@/components/form-control/form-builder/form-builder-element/info';\nimport DynamicMedia from '@/components/form-control/form-builder/form-builder-element/media';\nimport DynamicTime from '@/components/form-control/form-builder/form-builder-element/time';\nimport DynamicDate from '@/components/form-control/form-builder/form-builder-element/date';\nimport DynamicSelect from '@/components/form-control/form-builder/form-builder-element/select';\nimport DynamicPhone from '@/components/form-control/form-builder/form-builder-element/phone';\n\n// Types\ninterface IField {\n  id: string;\n  field_type: string;\n  placeholder?: string;\n  label: string;\n  default_value?: any;\n  is_multiline?: boolean;\n  is_required?: boolean;\n  min_length?: number;\n  max_length?: number;\n  is_fullwidth?: boolean;\n  custom_width?: number;\n  options?: any[];\n  is_multiselect?: boolean;\n  is_future_dates_allowed?: boolean;\n  is_past_dates_allowed?: boolean;\n  option?: any;\n  max_size?: number;\n  title?: string;\n  display?: string;\n  title_position?: string;\n  table_columns?: any[];\n  float_step?: number;\n  type: string;\n}\n\ninterface FormFieldsProps {\n  sectionMembers: IField[];\n  // Add other required props with proper types\n  members: IField[];\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}\n\n// Field type mapping for better maintainability\nconst FIELD_TYPE_MAP = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  NUMBER: 'number',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  IMAGE: 'image',\n  GEO_LOCATION: 'geoLocation',\n  RELATION: 'relation',\n  INFO: 'info',\n  TOGGLE_BUTTON: 'toggleButton',\n  RADIO_BUTTON: 'radioButton',\n  TAGS_INPUT: 'tagsInput',\n  CHECKBOX: 'checkbox',\n  TABLE: 'table'\n} as const;\n\n// Memoized individual field component\nconst FormField = memo<{\n  field: IField;\n  index: number;\n  gridItemSize: number;\n  activeMember?: number;\n  control: any;\n  t: (key: string) => string;\n  element: any;\n  images: any;\n  elementJSON?: any;\n  remove: (index: number) => void;\n  move: (from: number, to: number) => void;\n  handleElementSelection: (e: any) => void;\n  setElementSwap: (value: boolean) => void;\n  handleDuplicateElement: (index: number) => void;\n  setSelectedHoc: (value: string) => void;\n  setActiveMember: (value: number | undefined) => void;\n}>(({\n  field,\n  index,\n  gridItemSize,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Common HOC props - memoized to prevent unnecessary re-renders\n  const hocProps = useMemo(() => ({\n    activeIndex: activeMember === index,\n    removeElement: remove,\n    index,\n    onClick: handleElementSelection,\n    swap: move,\n    elementSwap: () => setElementSwap(true),\n    handleDuplicate: handleDuplicateElement,\n    setElementHoc: () => {\n      setSelectedHoc(\"\");\n      setActiveMember(undefined);\n    }\n  }), [\n    activeMember, \n    index, \n    remove, \n    handleElementSelection, \n    move, \n    setElementSwap, \n    handleDuplicateElement, \n    setSelectedHoc, \n    setActiveMember\n  ]);\n\n  // Common field props - memoized to prevent unnecessary re-renders\n  const commonFieldProps = useMemo(() => ({\n    key: field.id,\n    position: index,\n    placeholder: t(field.placeholder || ''),\n    label: t(field.label),\n    formControl: control,\n    name: \"message\",\n    fieldArrayName: \"members\",\n    required: field.is_required,\n    formType: \"builder\" as const,\n    typeOfField: field.type,\n    disabled: true\n  }), [field.id, field.placeholder, field.label, field.is_required, field.type, index, t, control]);\n\n  // Render field based on type\n  const renderFieldContent = useCallback(() => {\n    const { field_type } = field;\n\n    switch (field_type) {\n      case element.text.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.email.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.sms} alt=\"email\" />}\n          />\n        );\n\n      case element.number.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            min={field.min_length}\n            max={field.max_length}\n            float_step={field.float_step}\n          />\n        );\n\n      case element.phone.field_type:\n        return (\n          <DynamicPhone\n            {...commonFieldProps}\n            type={field_type}\n            default_value={field.default_value}\n          />\n        );\n\n      case element.select.field_type:\n        return (\n          <DynamicSelect\n            {...commonFieldProps}\n            options={field.options}\n            defaultValue={field.default_value}\n            is_multiselect={field.is_multiselect}\n          />\n        );\n\n      case element.date.field_type:\n        return (\n          <DynamicDate\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n            is_future_dates_allowed={field.is_future_dates_allowed}\n            is_past_dates_allowed={field.is_past_dates_allowed}\n            disable={true}\n          />\n        );\n\n      case element.time.field_type:\n        return (\n          <DynamicTime\n            {...commonFieldProps}\n            option={field.option}\n          />\n        );\n\n      case element.url.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.url} alt=\"url\" />}\n          />\n        );\n\n      case element.currency.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.dollar} alt=\"currency\" />}\n          />\n        );\n\n      case element.file.field_type:\n      case element.image.field_type:\n        return (\n          <DynamicMedia\n            {...commonFieldProps}\n            type={field_type}\n            max_size={field.max_size}\n          />\n        );\n\n      case element.geoLocation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            endIcon={<img src={images.location} alt=\"location\" />}\n          />\n        );\n\n      case element.relation.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n            label={\n              <span\n                className=\"formSection--Relation\"\n                data-position={index}\n                data-name={`members.${index}.message`}\n              >\n                {t(field.label)}\n                <img src={images.relation} alt=\"relation\" />\n              </span>\n            }\n          />\n        );\n\n      case element.info.field_type:\n        return (\n          <DynamicInfo\n            {...commonFieldProps}\n            defaultValue={field.default_value}\n          />\n        );\n\n      case element.toggleButton.field_type:\n        return (\n          <DynamicToggleButton\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.radioButton.field_type:\n        return (\n          <DynamicRadioButton\n            {...commonFieldProps}\n            options={field.options}\n            display={field.display}\n            titlePosition={elementJSON?.title_position}\n          />\n        );\n\n      case element.tagsInput.field_type:\n        return (\n          <DynamicInput\n            {...commonFieldProps}\n            type={field_type}\n            defaultValue={field.default_value}\n            is_multiline={field.is_multiline}\n            min={field.min_length}\n            max={field.max_length}\n          />\n        );\n\n      case element.checkbox.field_type:\n        return (\n          <DynamicCheckBox\n            {...commonFieldProps}\n            title={t(field.title || '')}\n            titlePosition={field.title_position}\n          />\n        );\n\n      case element.table.field_type:\n        return (\n          <DynamicTable\n            {...commonFieldProps}\n            columns={field.table_columns || elementJSON?.table_columns || []}\n          />\n        );\n\n      default:\n        console.warn(`Unknown field type: ${field_type}`);\n        return null;\n    }\n  }, [field, commonFieldProps, element, images, elementJSON, t, index]);\n\n  return (\n    <Grid item xs={gridItemSize}>\n      <DynamicElementHOC\n        {...hocProps}\n        element={field.field_type}\n      >\n        {renderFieldContent()}\n      </DynamicElementHOC>\n    </Grid>\n  );\n});\n\nFormField.displayName = 'FormField';\n\n// Main component\nconst FormFields: React.FC<FormFieldsProps> = memo(({\n  sectionMembers,\n  members,\n  activeMember,\n  control,\n  t,\n  element,\n  images,\n  elementJSON,\n  remove,\n  move,\n  handleElementSelection,\n  setElementSwap,\n  handleDuplicateElement,\n  setSelectedHoc,\n  setActiveMember\n}) => {\n  // Memoize grid item size calculation\n  const calculateGridSize = useCallback((field: IField): number => {\n    if (field.is_fullwidth || field.field_type === \"table\") return 12;\n    if (field.custom_width) return field.custom_width;\n    return 6;\n  }, []);\n\n  // Memoize the rendered fields\n  const renderedFields = useMemo(() => {\n    return sectionMembers.map((field: IField) => {\n      const index = members.findIndex(member => member === field);\n      const gridItemSize = calculateGridSize(field);\n\n      return (\n        <FormField\n          key={`${field.id}-${index}`} // Better key for React reconciliation\n          field={field}\n          index={index}\n          gridItemSize={gridItemSize}\n          activeMember={activeMember}\n          control={control}\n          t={t}\n          element={element}\n          images={images}\n          elementJSON={elementJSON}\n          remove={remove}\n          move={move}\n          handleElementSelection={handleElementSelection}\n          setElementSwap={setElementSwap}\n          handleDuplicateElement={handleDuplicateElement}\n          setSelectedHoc={setSelectedHoc}\n          setActiveMember={setActiveMember}\n        />\n      );\n    });\n  }, [\n    sectionMembers,\n    members,\n    activeMember,\n    control,\n    t,\n    element,\n    images,\n    elementJSON,\n    remove,\n    move,\n    handleElementSelection,\n    setElementSwap,\n    handleDuplicateElement,\n    setSelectedHoc,\n    setActiveMember,\n    calculateGridSize,\n    elementJSON?.field_type\n  ]);\n\n  return <>{renderedFields}</>;\n});\n\nFormFields.displayName = 'FormFields';\n\nexport default FormFields;"],"names":["FormField","memo","field","index","gridItemSize","activeMember","control","t","element","images","elementJSON","remove","move","handleElementSelection","setElementSwap","handleDuplicateElement","setSelectedHoc","setActiveMember","hocProps","useMemo","activeIndex","removeElement","onClick","swap","elementSwap","handleDuplicate","setElementHoc","commonFieldProps","key","id","position","placeholder","label","formControl","name","fieldArrayName","required","is_required","formType","typeOfField","type","disabled","renderFieldContent","useCallback","field_type","text","jsx","DynamicInput","defaultValue","default_value","is_multiline","min","min_length","max","max_length","email","endIcon","src","sms","alt","number","float_step","phone","DynamicPhone","select","DynamicSelect","options","is_multiselect","date","DynamicDate","is_future_dates_allowed","is_past_dates_allowed","disable","time","DynamicTime","option","url","currency","dollar","file","image","DynamicMedia","max_size","geoLocation","location","relation","jsxs","className","children","info","DynamicInfo","toggleButton","DynamicToggleButton","title","titlePosition","title_position","radioButton","DynamicRadioButton","display","tagsInput","checkbox","DynamicCheckBox","table","DynamicTable","columns","table_columns","Grid","item","xs","DynamicElementHOC","displayName","FormFields","sectionMembers","members","calculateGridSize","is_fullwidth","custom_width","renderedFields","map","findIndex","member"],"mappings":"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"}

package/dist/views/form-builder/form-fields.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+
+interface IField {
+    id: string;
+    field_type: string;
+    placeholder?: string;
+    label: string;
+    default_value?: any;
+    is_multiline?: boolean;
+    is_required?: boolean;
+    min_length?: number;
+    max_length?: number;
+    is_fullwidth?: boolean;
+    custom_width?: number;
+    options?: any[];
+    is_multiselect?: boolean;
+    is_future_dates_allowed?: boolean;
+    is_past_dates_allowed?: boolean;
+    option?: any;
+    max_size?: number;
+    title?: string;
+    display?: string;
+    title_position?: string;
+    table_columns?: any[];
+    float_step?: number;
+    type: string;
+}
+interface FormFieldsProps {
+    sectionMembers: IField[];
+    members: IField[];
+    activeMember?: number;
+    control: any;
+    t: (key: string) => string;
+    element: any;
+    images: any;
+    elementJSON?: any;
+    remove: (index: number) => void;
+    move: (from: number, to: number) => void;
+    handleElementSelection: (e: any) => void;
+    setElementSwap: (value: boolean) => void;
+    handleDuplicateElement: (index: number) => void;
+    setSelectedHoc: (value: string) => void;
+    setActiveMember: (value: number | undefined) => void;
+}
+declare const FormFields: React.FC<FormFieldsProps>;
+export default FormFields;

package/dist/views/form-builder/index/index.esm.js

@@ -0,0 +1,32 @@
+const FIELD_TYPES = {
+  TEXT: "text",
+  NUMBER: "number",
+  EMAIL: "email",
+  PHONE: "phone",
+  SELECT: "select",
+  DATE: "date",
+  TIME: "time",
+  URL: "url",
+  CURRENCY: "currency",
+  FILE: "file",
+  GEO_LOCATION: "geoLocation",
+  IMAGE: "image",
+  SECTION: "section",
+  INFO: "info",
+  RELATION: "relation",
+  CHECKBOX: "checkbox",
+  TOGGLE_BUTTON: "toggleButton",
+  TAGS_INPUT: "tagsInput",
+  TABLE: "table",
+  RADIO_BUTTON: "radioButton"
+};
+const DEFAULT_GRID_COLUMNS = 12;
+const DEFAULT_COLUMN_WIDTH = 2;
+const DEFAULT_TAB_TITLE = "data";
+export {
+  DEFAULT_COLUMN_WIDTH,
+  DEFAULT_GRID_COLUMNS,
+  DEFAULT_TAB_TITLE,
+  FIELD_TYPES
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/views/form-builder/index/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/views/form-builder/index.ts"],"sourcesContent":["// Main form builder component\nexport { default as CustomForm } from './custom-form';\nexport { default as FormFields } from './form-fields';\n\n// Types and field properties\nexport type {\n  IProperty,\n  IMultiOptionsProperty,\n  ISelectProperty,\n  ISwitcherForms,\n  ISectionProperty,\n} from './field_properties';\nexport { element } from './field_properties';\n\n// Export types from custom-form\nexport type { IElementJson } from './custom-form';\n\n// Element edit forms\nexport {\n  CheckboxEditForm,\n  ColumnWidth,\n  FieldSelect,\n  SectionEditForm,\n  SelectEditForm,\n  TableEditForm,\n  TextEditForm,\n} from './element-edit-forms';\n\n// Utility functions and hooks\nexport {\n  generateModulePath,\n  useFormDataEffect,\n  useFormDataProcessor,\n  formatText,\n  createDefaultTableColumns,\n  processTableColumns,\n  processMembers,\n  extractSections,\n} from './utils';\n\n// Utility types\nexport type {\n  TableColumn,\n  FormMember,\n  FormSection,\n  TabData,\n  ProcessedData,\n  ModuleType,\n} from './utils';\n\n// Constants\nexport const FIELD_TYPES = {\n  TEXT: 'text',\n  NUMBER: 'number',\n  EMAIL: 'email',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  GEO_LOCATION: 'geoLocation',\n  IMAGE: 'image',\n  SECTION: 'section',\n  INFO: 'info',\n  RELATION: 'relation',\n  CHECKBOX: 'checkbox',\n  TOGGLE_BUTTON: 'toggleButton',\n  TAGS_INPUT: 'tagsInput',\n  TABLE: 'table',\n  RADIO_BUTTON: 'radioButton',\n} as const;\n\nexport const DEFAULT_GRID_COLUMNS = 12;\nexport const DEFAULT_COLUMN_WIDTH = 2;\nexport const DEFAULT_TAB_TITLE = 'data';\n\n"],"names":[],"mappings":"AAmDO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,cAAc;AAChB;AAEO,MAAM,uBAAuB;AAC7B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;"}

package/dist/views/form-builder/index/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_COLUMN_WIDTH=2,exports.DEFAULT_GRID_COLUMNS=12,exports.DEFAULT_TAB_TITLE="data",exports.FIELD_TYPES={TEXT:"text",NUMBER:"number",EMAIL:"email",PHONE:"phone",SELECT:"select",DATE:"date",TIME:"time",URL:"url",CURRENCY:"currency",FILE:"file",GEO_LOCATION:"geoLocation",IMAGE:"image",SECTION:"section",INFO:"info",RELATION:"relation",CHECKBOX:"checkbox",TOGGLE_BUTTON:"toggleButton",TAGS_INPUT:"tagsInput",TABLE:"table",RADIO_BUTTON:"radioButton"};
+//# sourceMappingURL=index.js.map

package/dist/views/form-builder/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/views/form-builder/index.ts"],"sourcesContent":["// Main form builder component\nexport { default as CustomForm } from './custom-form';\nexport { default as FormFields } from './form-fields';\n\n// Types and field properties\nexport type {\n  IProperty,\n  IMultiOptionsProperty,\n  ISelectProperty,\n  ISwitcherForms,\n  ISectionProperty,\n} from './field_properties';\nexport { element } from './field_properties';\n\n// Export types from custom-form\nexport type { IElementJson } from './custom-form';\n\n// Element edit forms\nexport {\n  CheckboxEditForm,\n  ColumnWidth,\n  FieldSelect,\n  SectionEditForm,\n  SelectEditForm,\n  TableEditForm,\n  TextEditForm,\n} from './element-edit-forms';\n\n// Utility functions and hooks\nexport {\n  generateModulePath,\n  useFormDataEffect,\n  useFormDataProcessor,\n  formatText,\n  createDefaultTableColumns,\n  processTableColumns,\n  processMembers,\n  extractSections,\n} from './utils';\n\n// Utility types\nexport type {\n  TableColumn,\n  FormMember,\n  FormSection,\n  TabData,\n  ProcessedData,\n  ModuleType,\n} from './utils';\n\n// Constants\nexport const FIELD_TYPES = {\n  TEXT: 'text',\n  NUMBER: 'number',\n  EMAIL: 'email',\n  PHONE: 'phone',\n  SELECT: 'select',\n  DATE: 'date',\n  TIME: 'time',\n  URL: 'url',\n  CURRENCY: 'currency',\n  FILE: 'file',\n  GEO_LOCATION: 'geoLocation',\n  IMAGE: 'image',\n  SECTION: 'section',\n  INFO: 'info',\n  RELATION: 'relation',\n  CHECKBOX: 'checkbox',\n  TOGGLE_BUTTON: 'toggleButton',\n  TAGS_INPUT: 'tagsInput',\n  TABLE: 'table',\n  RADIO_BUTTON: 'radioButton',\n} as const;\n\nexport const DEFAULT_GRID_COLUMNS = 12;\nexport const DEFAULT_COLUMN_WIDTH = 2;\nexport const DEFAULT_TAB_TITLE = 'data';\n\n"],"names":["TEXT","NUMBER","EMAIL","PHONE","SELECT","DATE","TIME","URL","CURRENCY","FILE","GEO_LOCATION","IMAGE","SECTION","INFO","RELATION","CHECKBOX","TOGGLE_BUTTON","TAGS_INPUT","TABLE","RADIO_BUTTON"],"mappings":"iGA2EoC,+BADA,6BAEH,2BAzBN,CACzBA,KAAM,OACNC,OAAQ,SACRC,MAAO,QACPC,MAAO,QACPC,OAAQ,SACRC,KAAM,OACNC,KAAM,OACNC,IAAK,MACLC,SAAU,WACVC,KAAM,OACNC,aAAc,cACdC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,SAAU,WACVC,SAAU,WACVC,cAAe,eACfC,WAAY,YACZC,MAAO,QACPC,aAAc"}

package/dist/views/form-builder/index.d.ts

@@ -0,0 +1,33 @@
+export { default as CustomForm } from './custom-form';
+export { default as FormFields } from './form-fields';
+export type { IProperty, IMultiOptionsProperty, ISelectProperty, ISwitcherForms, ISectionProperty, } from './field_properties';
+export { element } from './field_properties';
+export type { IElementJson } from './custom-form';
+export { CheckboxEditForm, ColumnWidth, FieldSelect, SectionEditForm, SelectEditForm, TableEditForm, TextEditForm, } from './element-edit-forms';
+export { generateModulePath, useFormDataEffect, useFormDataProcessor, formatText, createDefaultTableColumns, processTableColumns, processMembers, extractSections, } from './utils';
+export type { TableColumn, FormMember, FormSection, TabData, ProcessedData, ModuleType, } from './utils';
+export declare const FIELD_TYPES: {
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+    readonly EMAIL: "email";
+    readonly PHONE: "phone";
+    readonly SELECT: "select";
+    readonly DATE: "date";
+    readonly TIME: "time";
+    readonly URL: "url";
+    readonly CURRENCY: "currency";
+    readonly FILE: "file";
+    readonly GEO_LOCATION: "geoLocation";
+    readonly IMAGE: "image";
+    readonly SECTION: "section";
+    readonly INFO: "info";
+    readonly RELATION: "relation";
+    readonly CHECKBOX: "checkbox";
+    readonly TOGGLE_BUTTON: "toggleButton";
+    readonly TAGS_INPUT: "tagsInput";
+    readonly TABLE: "table";
+    readonly RADIO_BUTTON: "radioButton";
+};
+export declare const DEFAULT_GRID_COLUMNS = 12;
+export declare const DEFAULT_COLUMN_WIDTH = 2;
+export declare const DEFAULT_TAB_TITLE = "data";

package/dist/views/form-builder/redux/actionCreator/index.esm.js

@@ -0,0 +1,41 @@
+import { getV1FormBuilderId, patchV1FormBuilderId, getV1FormBuilderFieldsId, setBaseUrl } from "../../../../api-client/api.system-feature/api/index.esm.js";
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { getToken } from "../../../../utils/common/index.esm.js";
+setBaseUrl(`${void 0}/system-feature`);
+const patchFormDataById = createAsyncThunk(
+  "formBuilder/put",
+  async ({ id, data }) => {
+    const response = await patchV1FormBuilderId({
+      ...getToken(),
+      id,
+      ...data
+    });
+    return response;
+  }
+);
+const getFormDataById = createAsyncThunk(
+  "formBuilder/getById",
+  async (id) => {
+    const response = await getV1FormBuilderId({
+      ...getToken(),
+      id
+    });
+    return response;
+  }
+);
+const getFieldsByFormId = createAsyncThunk(
+  "formBuilder/fields/get",
+  async ({ id }) => {
+    const response = await getV1FormBuilderFieldsId({
+      ...getToken(),
+      id
+    });
+    return response == null ? void 0 : response.data.fields;
+  }
+);
+export {
+  getFieldsByFormId,
+  getFormDataById,
+  patchFormDataById
+};
+//# sourceMappingURL=index.esm.js.map