@erpsquad/common 1.8.41 → 1.8.42

package/dist/components/footer/index.esm.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useNavigate } from "react-router-dom";
+function Footer() {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        width: "100%",
+        backgroundColor: "lightblue",
+        padding: ".9375rem"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: {
+              backgroundColor: "lightblue",
+              margin: "0 .9375rem",
+              outline: "none"
+            },
+            onClick: () => navigate(Pathname.LANDING_PAGE),
+            children: "Home"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: {
+              backgroundColor: "lightblue",
+              margin: "0 .9375rem",
+              outline: "none"
+            },
+            onClick: () => navigate(Pathname.DASHBOARD_QUOTES),
+            children: "Quotes"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: {
+              backgroundColor: "lightblue",
+              margin: "0 .9375rem",
+              outline: "none"
+            },
+            onClick: () => navigate(Pathname.DASHBOARD_DOCUMENT),
+            children: "Document"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: {
+              backgroundColor: "lightblue",
+              margin: "0 .9375rem",
+              outline: "none"
+            },
+            onClick: () => navigate(Pathname.DASHBOARD_USER),
+            children: "User"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Footer,
+  Footer as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/footer/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate } from \"react-router-dom\";\n\n// import { Pathname } from \"../pathname\"; // Removed - should be passed as props\n\nexport function Footer(): React.ReactElement {\n  const navigate = useNavigate();\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        width: \"100%\",\n        backgroundColor: \"lightblue\",\n        padding: \".9375rem\",\n      }}\n    >\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.LANDING_PAGE)}\n      >\n        Home\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_QUOTES)}\n      >\n        Quotes\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_DOCUMENT)}\n      >\n        Document\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_USER)}\n      >\n        User\n      </button>\n    </div>\n  );\n}\n\nexport default Footer;\n"],"names":[],"mappings":";;AAKO,SAAS,SAA6B;AAC3C,QAAM,WAAW,YAAA;AAEjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,YAEX,SAAS,MAAM,SAAS,SAAS,YAAY;AAAA,YAC9C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,YAEX,SAAS,MAAM,SAAS,SAAS,gBAAgB;AAAA,YAClD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,YAEX,SAAS,MAAM,SAAS,SAAS,kBAAkB;AAAA,YACpD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB;AAAA,cACjB,QAAQ;AAAA,cACR,SAAS;AAAA,YAAA;AAAA,YAEX,SAAS,MAAM,SAAS,SAAS,cAAc;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/footer/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react-router-dom");function t(){const t=n.useNavigate();/* @__PURE__ */
+return e.jsxs("div",{style:{display:"flex",width:"100%",backgroundColor:"lightblue",padding:".9375rem"},children:[
+/* @__PURE__ */e.jsx("button",{style:{backgroundColor:"lightblue",margin:"0 .9375rem",outline:"none"},onClick:()=>t(Pathname.LANDING_PAGE),children:"Home"}),
+/* @__PURE__ */e.jsx("button",{style:{backgroundColor:"lightblue",margin:"0 .9375rem",outline:"none"},onClick:()=>t(Pathname.DASHBOARD_QUOTES),children:"Quotes"}),
+/* @__PURE__ */e.jsx("button",{style:{backgroundColor:"lightblue",margin:"0 .9375rem",outline:"none"},onClick:()=>t(Pathname.DASHBOARD_DOCUMENT),children:"Document"}),
+/* @__PURE__ */e.jsx("button",{style:{backgroundColor:"lightblue",margin:"0 .9375rem",outline:"none"},onClick:()=>t(Pathname.DASHBOARD_USER),children:"User"})]})}exports.Footer=t,exports.default=t;
+//# sourceMappingURL=index.js.map

package/dist/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/footer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate } from \"react-router-dom\";\n\n// import { Pathname } from \"../pathname\"; // Removed - should be passed as props\n\nexport function Footer(): React.ReactElement {\n  const navigate = useNavigate();\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        width: \"100%\",\n        backgroundColor: \"lightblue\",\n        padding: \".9375rem\",\n      }}\n    >\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.LANDING_PAGE)}\n      >\n        Home\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_QUOTES)}\n      >\n        Quotes\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_DOCUMENT)}\n      >\n        Document\n      </button>\n      <button\n        style={{\n          backgroundColor: \"lightblue\",\n          margin: \"0 .9375rem\",\n          outline: \"none\",\n        }}\n        onClick={() => navigate(Pathname.DASHBOARD_USER)}\n      >\n        User\n      </button>\n    </div>\n  );\n}\n\nexport default Footer;\n"],"names":["Footer","navigate","useNavigate","jsxs","style","display","width","backgroundColor","padding","children","jsx","margin","outline","onClick","Pathname","LANDING_PAGE","DASHBOARD_QUOTES","DASHBOARD_DOCUMENT","DASHBOARD_USER"],"mappings":"qIAKO,SAASA,IACd,MAAMC,EAAWC,EAAAA;AAEjB,OACEC,EAAAA,KAAC,MAAA,CACCC,MAAO,CACLC,QAAS,OACTC,MAAO,OACPC,gBAAiB,YACjBC,QAAS,YAGXC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,MAAO,CACLG,gBAAiB,YACjBI,OAAQ,aACRC,QAAS,QAEXC,QAAS,IAAMZ,EAASa,SAASC,cAClCN,SAAA;eAGDC,EAAAA,IAAC,SAAA,CACCN,MAAO,CACLG,gBAAiB,YACjBI,OAAQ,aACRC,QAAS,QAEXC,QAAS,IAAMZ,EAASa,SAASE,kBAClCP,SAAA;eAGDC,EAAAA,IAAC,SAAA,CACCN,MAAO,CACLG,gBAAiB,YACjBI,OAAQ,aACRC,QAAS,QAEXC,QAAS,IAAMZ,EAASa,SAASG,oBAClCR,SAAA;eAGDC,EAAAA,IAAC,SAAA,CACCN,MAAO,CACLG,gBAAiB,YACjBI,OAAQ,aACRC,QAAS,QAEXC,QAAS,IAAMZ,EAASa,SAASI,gBAClCT,SAAA,WAKP"}

package/dist/components/form-control/form-builder/element-controller/index.esm.js

@@ -0,0 +1,96 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useFieldArray, Controller } from "react-hook-form";
+import PropTypes from "../../../../node_modules/prop-types/index/index.esm.js";
+import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
+import default_1$1 from "../../../../node_modules/@mui/icons-material/Add/index.esm.js";
+import DynamicSelect from "../form-builder-element/select/index.esm.js";
+import DynamicInput from "../form-builder-element/text/index.esm.js";
+const ElementController = (props) => {
+  const { fields: abjMember, append } = useFieldArray({
+    control: props.control,
+    name: "abjMember"
+  });
+  const addAdjMember = (type, elementName) => {
+    switch (type) {
+      case "input":
+        append({ type: "input", appendAfter: elementName });
+        break;
+      case "select":
+        append({ type: "select", appendAfter: elementName });
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Controller,
+      {
+        control: props.control,
+        name: props.name,
+        defaultValue: props.defaultValue || "",
+        render: ({ field }) => {
+          if (Object.keys(props.field1).length && Object.keys(props.field1) !== Object.keys(field)) {
+            props.updateField({ ...field });
+          }
+          return props.children;
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      default_1,
+      {
+        style: { fontSize: "15px", cursor: "pointer" },
+        onClick: () => addAdjMember("input", props.name)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      default_1$1,
+      {
+        style: { fontSize: "15px", cursor: "pointer" },
+        onClick: () => addAdjMember("select", props.name)
+      }
+    ),
+    abjMember.map((field) => {
+      if (field.appendAfter === props.name) {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          field.type === "input" && /* @__PURE__ */ jsx(
+            DynamicInput,
+            {
+              placeholder: "Enter value",
+              label: "Message",
+              formControl: props.control,
+              name: "message",
+              fieldArrayName: "abjMember"
+            }
+          ),
+          field.type === "select" && /* @__PURE__ */ jsx(
+            DynamicSelect,
+            {
+              placeholder: "Select value",
+              label: "Is True",
+              options: [
+                { value: "option1", label: "Option 1" },
+                { value: "option2", label: "Option 2" }
+              ],
+              formControl: props.control,
+              name: "is_true",
+              fieldArrayName: "abjMember"
+            }
+          )
+        ] });
+      }
+    })
+  ] });
+};
+ElementController.propTypes = {
+  name: PropTypes.string.isRequired,
+  defaultValue: PropTypes.string,
+  field1: PropTypes.object,
+  children: PropTypes.node.isRequired,
+  updateField: PropTypes.func.isRequired,
+  control: PropTypes.object.isRequired
+};
+export {
+  ElementController,
+  ElementController as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-builder/element-controller/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-builder/element-controller.tsx"],"sourcesContent":["import { Controller, useFieldArray } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nimport DynamicSelect from \"./form-builder-element/select\";\nimport DynamicInput from \"./form-builder-element/text\";\n\nexport const ElementController = (props: any) => {\n  const { fields: abjMember, append } = useFieldArray({\n    control: props.control,\n    name: \"abjMember\",\n  });\n\n  const addAdjMember = (type: string, elementName: string) => {\n    switch (type) {\n      case \"input\":\n        append({ type: \"input\", appendAfter: elementName });\n        break;\n      case \"select\":\n        append({ type: \"select\", appendAfter: elementName });\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      <Controller\n        control={props.control}\n        name={props.name}\n        defaultValue={props.defaultValue || \"\"}\n        render={({ field }) => {\n          if (\n            Object.keys(props.field1).length &&\n            Object.keys(props.field1) !== Object.keys(field)\n          ) {\n            props.updateField({ ...field });\n          }\n          return props.children;\n        }}\n      />\n      <CloseIcon\n        style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n        onClick={() => addAdjMember(\"input\", props.name)}\n      />\n      <AddIcon\n        style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n        onClick={() => addAdjMember(\"select\", props.name)}\n      />\n      {abjMember.map((field: any) => {\n        if (field.appendAfter === props.name) {\n          return (\n            <>\n              {field.type === \"input\" && (\n                <DynamicInput\n                  placeholder=\"Enter value\"\n                  label=\"Message\"\n                  formControl={props.control}\n                  name=\"message\"\n                  fieldArrayName=\"abjMember\"\n                />\n              )}\n              {field.type === \"select\" && (\n                <DynamicSelect\n                  placeholder=\"Select value\"\n                  label=\"Is True\"\n                  options={[\n                    { value: \"option1\", label: \"Option 1\" },\n                    { value: \"option2\", label: \"Option 2\" },\n                  ]}\n                  formControl={props.control}\n                  name=\"is_true\"\n                  fieldArrayName=\"abjMember\"\n                />\n              )}\n            </>\n          );\n        }\n      })}\n    </>\n  );\n};\n\nElementController.propTypes = {\n  name: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  field1: PropTypes.object,\n  children: PropTypes.node.isRequired,\n  updateField: PropTypes.func.isRequired,\n  control: PropTypes.object.isRequired,\n};\n\nexport default ElementController;\n"],"names":["CloseIcon","AddIcon"],"mappings":";;;;;;;AAQO,MAAM,oBAAoB,CAAC,UAAe;AAC/C,QAAM,EAAE,QAAQ,WAAW,OAAA,IAAW,cAAc;AAAA,IAClD,SAAS,MAAM;AAAA,IACf,MAAM;AAAA,EAAA,CACP;AAED,QAAM,eAAe,CAAC,MAAc,gBAAwB;AAC1D,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO,EAAE,MAAM,SAAS,aAAa,aAAa;AAClD;AAAA,MACF,KAAK;AACH,eAAO,EAAE,MAAM,UAAU,aAAa,aAAa;AACnD;AAAA,IAGA;AAAA,EAEN;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM,gBAAgB;AAAA,QACpC,QAAQ,CAAC,EAAE,YAAY;AACrB,cACE,OAAO,KAAK,MAAM,MAAM,EAAE,UAC1B,OAAO,KAAK,MAAM,MAAM,MAAM,OAAO,KAAK,KAAK,GAC/C;AACA,kBAAM,YAAY,EAAE,GAAG,OAAO;AAAA,UAChC;AACA,iBAAO,MAAM;AAAA,QACf;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,QACnC,SAAS,MAAM,aAAa,SAAS,MAAM,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjD;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,QACnC,SAAS,MAAM,aAAa,UAAU,MAAM,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjD,UAAU,IAAI,CAAC,UAAe;AAC7B,UAAI,MAAM,gBAAgB,MAAM,MAAM;AACpC,eACE,qBAAA,UAAA,EACG,UAAA;AAAA,UAAA,MAAM,SAAS,WACd;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,OAAM;AAAA,cACN,aAAa,MAAM;AAAA,cACnB,MAAK;AAAA,cACL,gBAAe;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlB,MAAM,SAAS,YACd;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,OAAM;AAAA,cACN,SAAS;AAAA,gBACP,EAAE,OAAO,WAAW,OAAO,WAAA;AAAA,gBAC3B,EAAE,OAAO,WAAW,OAAO,WAAA;AAAA,cAAW;AAAA,cAExC,aAAa,MAAM;AAAA,cACnB,MAAK;AAAA,cACL,gBAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB,GAEJ;AAAA,MAEJ;AAAA,IACF,CAAC;AAAA,EAAA,GACH;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,MAAM,UAAU,OAAO;AAAA,EACvB,cAAc,UAAU;AAAA,EACxB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU,KAAK;AAAA,EACzB,aAAa,UAAU,KAAK;AAAA,EAC5B,SAAS,UAAU,OAAO;AAC5B;"}

package/dist/components/form-control/form-builder/element-controller/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),t=require("../../../../node_modules/prop-types/index/index.js"),l=require("../../../../node_modules/@mui/icons-material/Close/index.js"),n=require("../../../../node_modules/@mui/icons-material/Add/index.js"),o=require("../form-builder-element/select/index.js"),a=require("../form-builder-element/text/index.js");const i=t=>{const{fields:i,append:s}=r.useFieldArray({control:t.control,name:"abjMember"}),d=(e,r)=>{switch(e){case"input":s({type:"input",appendAfter:r});break;case"select":s({type:"select",appendAfter:r})}};/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(r.Controller,{control:t.control,name:t.name,defaultValue:t.defaultValue||"",render:({field:e})=>(Object.keys(t.field1).length&&Object.keys(t.field1)!==Object.keys(e)&&t.updateField({...e}),t.children)}),
+/* @__PURE__ */e.jsx(l.default,{style:{fontSize:"15px",cursor:"pointer"},onClick:()=>d("input",t.name)}),
+/* @__PURE__ */e.jsx(n.default,{style:{fontSize:"15px",cursor:"pointer"},onClick:()=>d("select",t.name)}),i.map(r=>{if(r.appendAfter===t.name)/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:["input"===r.type&&/* @__PURE__ */e.jsx(a.default,{placeholder:"Enter value",label:"Message",formControl:t.control,name:"message",fieldArrayName:"abjMember"}),"select"===r.type&&/* @__PURE__ */e.jsx(o.default,{placeholder:"Select value",label:"Is True",options:[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"}],formControl:t.control,name:"is_true",fieldArrayName:"abjMember"})]})})]})};i.propTypes={name:t.default.string.isRequired,defaultValue:t.default.string,field1:t.default.object,children:t.default.node.isRequired,updateField:t.default.func.isRequired,control:t.default.object.isRequired},exports.ElementController=i,exports.default=i;
+//# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/element-controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-builder/element-controller.tsx"],"sourcesContent":["import { Controller, useFieldArray } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nimport DynamicSelect from \"./form-builder-element/select\";\nimport DynamicInput from \"./form-builder-element/text\";\n\nexport const ElementController = (props: any) => {\n  const { fields: abjMember, append } = useFieldArray({\n    control: props.control,\n    name: \"abjMember\",\n  });\n\n  const addAdjMember = (type: string, elementName: string) => {\n    switch (type) {\n      case \"input\":\n        append({ type: \"input\", appendAfter: elementName });\n        break;\n      case \"select\":\n        append({ type: \"select\", appendAfter: elementName });\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      <Controller\n        control={props.control}\n        name={props.name}\n        defaultValue={props.defaultValue || \"\"}\n        render={({ field }) => {\n          if (\n            Object.keys(props.field1).length &&\n            Object.keys(props.field1) !== Object.keys(field)\n          ) {\n            props.updateField({ ...field });\n          }\n          return props.children;\n        }}\n      />\n      <CloseIcon\n        style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n        onClick={() => addAdjMember(\"input\", props.name)}\n      />\n      <AddIcon\n        style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n        onClick={() => addAdjMember(\"select\", props.name)}\n      />\n      {abjMember.map((field: any) => {\n        if (field.appendAfter === props.name) {\n          return (\n            <>\n              {field.type === \"input\" && (\n                <DynamicInput\n                  placeholder=\"Enter value\"\n                  label=\"Message\"\n                  formControl={props.control}\n                  name=\"message\"\n                  fieldArrayName=\"abjMember\"\n                />\n              )}\n              {field.type === \"select\" && (\n                <DynamicSelect\n                  placeholder=\"Select value\"\n                  label=\"Is True\"\n                  options={[\n                    { value: \"option1\", label: \"Option 1\" },\n                    { value: \"option2\", label: \"Option 2\" },\n                  ]}\n                  formControl={props.control}\n                  name=\"is_true\"\n                  fieldArrayName=\"abjMember\"\n                />\n              )}\n            </>\n          );\n        }\n      })}\n    </>\n  );\n};\n\nElementController.propTypes = {\n  name: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  field1: PropTypes.object,\n  children: PropTypes.node.isRequired,\n  updateField: PropTypes.func.isRequired,\n  control: PropTypes.object.isRequired,\n};\n\nexport default ElementController;\n"],"names":["ElementController","props","fields","abjMember","append","useFieldArray","control","name","addAdjMember","type","elementName","appendAfter","jsxs","Fragment","children","jsx","Controller","defaultValue","render","field","Object","keys","field1","length","updateField","CloseIcon","style","fontSize","cursor","onClick","AddIcon","map","DynamicInput","placeholder","label","formControl","fieldArrayName","DynamicSelect","options","value","propTypes","PropTypes","string","isRequired","object","node","func"],"mappings":"4bAQO,MAAMA,EAAqBC,IAChC,MAAQC,OAAQC,EAAAC,OAAWA,GAAWC,EAAAA,cAAc,CAClDC,QAASL,EAAMK,QACfC,KAAM,cAGFC,EAAe,CAACC,EAAcC,KAClC,OAAQD,GACN,IAAK,QACHL,EAAO,CAAEK,KAAM,QAASE,YAAaD,IACrC,MACF,IAAK,SACHN,EAAO,CAAEK,KAAM,SAAUE,YAAaD;AAQ5C,OACEE,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACCV,QAASL,EAAMK,QACfC,KAAMN,EAAMM,KACZU,aAAchB,EAAMgB,cAAgB,GACpCC,OAAQ,EAAGC,YAEPC,OAAOC,KAAKpB,EAAMqB,QAAQC,QAC1BH,OAAOC,KAAKpB,EAAMqB,UAAYF,OAAOC,KAAKF,IAE1ClB,EAAMuB,YAAY,IAAKL,IAElBlB,EAAMa;eAGjBC,EAAAA,IAACU,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,IAAMrB,EAAa,QAASP,EAAMM;eAE7CQ,EAAAA,IAACe,EAAAA,QAAA,CACCJ,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,IAAMrB,EAAa,SAAUP,EAAMM,QAE7CJ,EAAU4B,IAAKZ,IACd,GAAIA,EAAMR,cAAgBV,EAAMM;AAC9B,OACEK,EAAAA,KAAAC,WAAA,CACGC,SAAA,CAAe,UAAfK,EAAMV,qBACLM,EAAAA,IAACiB,EAAAA,QAAA,CACCC,YAAY,cACZC,MAAM,UACNC,YAAalC,EAAMK,QACnBC,KAAK,UACL6B,eAAe,cAGH,WAAfjB,EAAMV,qBACLM,EAAAA,IAACsB,EAAAA,QAAA,CACCJ,YAAY,eACZC,MAAM,UACNI,QAAS,CACP,CAAEC,MAAO,UAAWL,MAAO,YAC3B,CAAEK,MAAO,UAAWL,MAAO,aAE7BC,YAAalC,EAAMK,QACnBC,KAAK,UACL6B,eAAe,uBAWjCpC,EAAkBwC,UAAY,CAC5BjC,KAAMkC,EAAAA,QAAUC,OAAOC,WACvB1B,aAAcwB,EAAAA,QAAUC,OACxBpB,OAAQmB,EAAAA,QAAUG,OAClB9B,SAAU2B,EAAAA,QAAUI,KAAKF,WACzBnB,YAAaiB,EAAAA,QAAUK,KAAKH,WAC5BrC,QAASmC,EAAAA,QAAUG,OAAOD"}

package/dist/components/form-control/form-builder/form-builder-element/table/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Button from "../../../../button/button/index.esm.js";
-import MaterialTable from "../../../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../../../material-table/material-table/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 /* empty css                        */
 import { parse, stringify } from "../../../../../node_modules/flatted/esm/index/index.esm.js";

package/dist/components/form-control/form-builder/form-builder-element/table/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                               */a=,/* empty css                                               */r=;/* empty css                                       */;/* empty css                     */var l=,/* empty css                                                   */n=require("react"),i=,/* empty css                                  */o=,/* empty css                                     */s=,/* empty css                           */u=,/* empty css                                   */d=require("lodash"),c=,/* empty css                                 */m=require("react-i18next"),x=,/* empty css                                      */b=,/* empty css                                                       */f=;/* empty css                                                             */function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */p(n),y=/* @__PURE__ */p(d);const j=h.default.memo(({columns:d,position:p,label:h,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:_="",...B})=>{var F,T,D;const{t:I}=m.useTranslation(),{user:M}=i.useAuth(),P=_||(null==(F=null==M?void 0:M.currency_data)?void 0:F.symbol)||"",Y=(null==(T=null==M?void 0:M.currency_data)?void 0:T.number_format)||"",$=(null==(D=null==M?void 0:M.currency_data)?void 0:D.position)||"before",N=n.useCallback((e,t)=>{switch(e){case"Percentage":return`${t}%`;case"Fixed Amount":return`${P}${t}`;default:return t}},[P]),O=w instanceof Function,S=n.useCallback(t=>t.map(t=>({...t,header:I(t.header),Cell:({renderedCellValue:a,row:r})=>{var l,n,i;let d=a;switch(t.type){case"formattedString":d=x.formatLabel(a)||"-";break;case"date":d=o.formatDate(a,(null==(l=t.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":d=a?`${c.formatAmount(a,Y,$,P)}`:"-";break;case"stringOrArray":{const t=null==(i=null==(n=r.original)?void 0:n.promotion_map_data)?void 0:i.type;d=Array.isArray(a)?a.map(a=>a?/* @__PURE__ */e.jsx(s.default,{label:N(t,a)}):null):N(t,a);break}case"checkbox":d=/* @__PURE__ */e.jsx(u.default,{checked:Boolean(a),onClick:O?e=>w({value:e.target.checked,data:r.original,col:t,row:r,name:v,uRows:j}):void 0});break;case"array":d=Array.isArray(a)&&a.length?/* @__PURE__ */e.jsx(b.default,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:a.map(a=>/* @__PURE__ */e.jsx(s.default,{type:"normal",label:y.default.get(a,null==t?void 0:t.valueGet,""),active:!0}))}):"-";break;case"file":d=c.getFileName(a)||"-"}return d}})),[P,N,_,j]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                               */t=,/* empty css                                               */r=;/* empty css                                       */;/* empty css                     */var l=,/* empty css                                                   */i=require("react"),n=,/* empty css                                  */o=,/* empty css                                     */s=,/* empty css                           */u=,/* empty css                                   */d=require("lodash"),c=,/* empty css                                 */m=require("react-i18next"),x=,/* empty css                                      */b=,/* empty css                                                       */f=;/* empty css                                                             */function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */p(i),y=/* @__PURE__ */p(d);const j=h.default.memo(({columns:d,position:p,label:h,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:_="",...B})=>{var T,F,M;const{t:D}=m.useTranslation(),{user:I}=n.useAuth(),P=_||(null==(T=null==I?void 0:I.currency_data)?void 0:T.symbol)||"",Y=(null==(F=null==I?void 0:I.currency_data)?void 0:F.number_format)||"",$=(null==(M=null==I?void 0:I.currency_data)?void 0:M.position)||"before",N=i.useCallback((e,a)=>{switch(e){case"Percentage":return`${a}%`;case"Fixed Amount":return`${P}${a}`;default:return a}},[P]),O=w instanceof Function,S=i.useCallback(a=>a.map(a=>({...a,header:D(a.header),Cell:({renderedCellValue:t,row:r})=>{var l,i,n;let d=t;switch(a.type){case"formattedString":d=x.formatLabel(t)||"-";break;case"date":d=o.formatDate(t,(null==(l=a.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":d=t?`${c.formatAmount(t,Y,$,P)}`:"-";break;case"stringOrArray":{const a=null==(n=null==(i=r.original)?void 0:i.promotion_map_data)?void 0:n.type;d=Array.isArray(t)?t.map(t=>t?/* @__PURE__ */e.jsx(s.default,{label:N(a,t)}):null):N(a,t);break}case"checkbox":d=/* @__PURE__ */e.jsx(u.default,{checked:Boolean(t),onClick:O?e=>w({value:e.target.checked,data:r.original,col:a,row:r,name:v,uRows:j}):void 0});break;case"array":d=Array.isArray(t)&&t.length?/* @__PURE__ */e.jsx(b.default,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:t.map(t=>/* @__PURE__ */e.jsx(s.default,{type:"normal",label:y.default.get(t,null==a?void 0:a.valueGet,""),active:!0}))}):"-";break;case"file":d=c.getFileName(t)||"-"}return d}})),[P,N,_,j]);/* @__PURE__ */
 return e.jsxs(b.default,{"data-position":p,children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":p,sx:{mb:.5},children:I(h)}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":p,sx:{mb:.5},children:D(h)}),
 /* @__PURE__ */e.jsxs(b.default,{children:[
-/* @__PURE__ */e.jsx(a.default,{columnOrder:["mrt-row-select"],rows:j,columns:S(l.parse(l.stringify(d))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,...B}),k&&!q&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
-/* @__PURE__ */e.jsx(t.default,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(f.default,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
+/* @__PURE__ */e.jsx(t.MaterialTable,{columnOrder:["mrt-row-select"],rows:j,columns:S(l.parse(l.stringify(d))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,...B}),k&&!q&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
+/* @__PURE__ */e.jsx(a.default,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(f.default,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"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"}

package/dist/components/form-control/form-parser/data/index.esm.js

@@ -0,0 +1,80 @@
+const FormData = [
+  {
+    field_type: "text",
+    label: "Name",
+    placeholder: "Enter name",
+    default_value: "",
+    min_length: 2,
+    max_length: 30,
+    is_multiline: false,
+    is_required: true,
+    is_unique: false,
+    id: "35356fb9-9007-495a-ba9e-925449cb3eb2"
+  },
+  {
+    field_type: "email",
+    label: "Email",
+    placeholder: "Enter email address",
+    default_value: "",
+    is_required: false,
+    is_unique: false,
+    id: "4f4ac646-bf48-4ed3-ae5b-910071e19b59"
+  },
+  {
+    field_type: "phone",
+    label: "Phone",
+    placeholder: "Enter phone number",
+    default_value: "",
+    is_required: false,
+    is_unique: false,
+    id: "500d8a78-e389-474d-831b-43190da011a6"
+  },
+  {
+    field_type: "select",
+    label: "Status",
+    placeholder: "Choose option",
+    default_value: "option1",
+    options: [
+      {
+        text: "Active",
+        value: "1"
+      },
+      {
+        text: "Inactive",
+        value: "0"
+      }
+    ],
+    is_multiselect: false,
+    is_required: true,
+    is_unique: false,
+    id: "fa44f220-0d82-4569-a28c-997de8e66d5a"
+  },
+  {
+    field_type: "text",
+    label: "Address",
+    placeholder: "Enter address",
+    default_value: "",
+    min_length: 2,
+    max_length: 30,
+    is_multiline: false,
+    is_required: true,
+    is_unique: false,
+    id: "d25f2f1b-811f-4c3d-a53b-5162f766ad47"
+  },
+  {
+    field_type: "text",
+    label: "Message",
+    placeholder: "Enter message",
+    default_value: "",
+    min_length: 2,
+    max_length: 30,
+    is_multiline: false,
+    is_required: true,
+    is_unique: false,
+    id: "22de0b1b-080a-4a0b-9d5f-e6f4916d8b07"
+  }
+];
+export {
+  FormData as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-parser/data/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/form-control/form-parser/data.ts"],"sourcesContent":["// const FormData = [\n//     {\n//         \"field_type\": \"text\",\n//         \"label\": \"Name\",\n//         \"placeholder\": \"Enter name\",\n//         \"default_value\": \"\",\n//         \"min_length\": 2,\n//         \"max_length\": 30,\n//         \"is_multiline\": false,\n//         \"is_required\": true,\n//         \"is_unique\": false,\n//         \"id\": \"a796bc38-9f6d-418b-a48d-a562e64ed990\"\n//     },\n//     {\n//         \"field_type\": \"email\",\n//         \"label\": \"Email\",\n//         \"placeholder\": \"Enter email address\",\n//         \"default_value\": \"\",\n//         \"is_required\": false,\n//         \"is_unique\": false,\n//         \"id\": \"a8e34772-beb0-443c-86f4-cd0f79e4e546\"\n//     },\n//     {\n//         \"field_type\": \"select\",\n//         \"label\": \"Gender\",\n//         \"placeholder\": \"Choose Gender\",\n//         \"default_value\": \"option1\",\n//         \"options\": [\n//             {\n//                 \"text\": \"Male\",\n//                 \"value\": \"1\"\n//             },\n//             {\n//                 \"text\": \"Female\",\n//                 \"value\": \"2\"\n//             },\n//             {\n//                 \"text\": \"No\",\n//                 \"value\": \"3\"\n//             },\n//             {\n//                 \"text\": \"Yes\",\n//                 \"value\": \"4\"\n//             }\n//         ],\n//         \"is_multiselect\": true,\n//         \"is_required\": true,\n//         \"is_unique\": false,\n//         \"id\": \"cb4b4423-c072-4e02-a22a-86fb1e0dba3e\"\n//     },\n// ]\n\nconst FormData = [\n  {\n    field_type: \"text\",\n    label: \"Name\",\n    placeholder: \"Enter name\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"35356fb9-9007-495a-ba9e-925449cb3eb2\",\n  },\n  {\n    field_type: \"email\",\n    label: \"Email\",\n    placeholder: \"Enter email address\",\n    default_value: \"\",\n    is_required: false,\n    is_unique: false,\n    id: \"4f4ac646-bf48-4ed3-ae5b-910071e19b59\",\n  },\n  {\n    field_type: \"phone\",\n    label: \"Phone\",\n    placeholder: \"Enter phone number\",\n    default_value: \"\",\n    is_required: false,\n    is_unique: false,\n    id: \"500d8a78-e389-474d-831b-43190da011a6\",\n  },\n  {\n    field_type: \"select\",\n    label: \"Status\",\n    placeholder: \"Choose option\",\n    default_value: \"option1\",\n    options: [\n      {\n        text: \"Active\",\n        value: \"1\",\n      },\n      {\n        text: \"Inactive\",\n        value: \"0\",\n      },\n    ],\n    is_multiselect: false,\n    is_required: true,\n    is_unique: false,\n    id: \"fa44f220-0d82-4569-a28c-997de8e66d5a\",\n  },\n  {\n    field_type: \"text\",\n    label: \"Address\",\n    placeholder: \"Enter address\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"d25f2f1b-811f-4c3d-a53b-5162f766ad47\",\n  },\n  {\n    field_type: \"text\",\n    label: \"Message\",\n    placeholder: \"Enter message\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"22de0b1b-080a-4a0b-9d5f-e6f4916d8b07\",\n  },\n];\n\nexport default FormData;\n"],"names":[],"mappings":"AAoDA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAAA,EAEN;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAAA,EAEN;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAAA,EAEN;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,SAAS;AAAA,MACP;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAAA,EAEN;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAAA,EAEN;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,IAAI;AAAA,EAAA;AAER;"}

package/dist/components/form-control/form-parser/data/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=[{field_type:"text",label:"Name",placeholder:"Enter name",default_value:"",min_length:2,max_length:30,is_multiline:!1,is_required:!0,is_unique:!1,id:"35356fb9-9007-495a-ba9e-925449cb3eb2"},{field_type:"email",label:"Email",placeholder:"Enter email address",default_value:"",is_required:!1,is_unique:!1,id:"4f4ac646-bf48-4ed3-ae5b-910071e19b59"},{field_type:"phone",label:"Phone",placeholder:"Enter phone number",default_value:"",is_required:!1,is_unique:!1,id:"500d8a78-e389-474d-831b-43190da011a6"},{field_type:"select",label:"Status",placeholder:"Choose option",default_value:"option1",options:[{text:"Active",value:"1"},{text:"Inactive",value:"0"}],is_multiselect:!1,is_required:!0,is_unique:!1,id:"fa44f220-0d82-4569-a28c-997de8e66d5a"},{field_type:"text",label:"Address",placeholder:"Enter address",default_value:"",min_length:2,max_length:30,is_multiline:!1,is_required:!0,is_unique:!1,id:"d25f2f1b-811f-4c3d-a53b-5162f766ad47"},{field_type:"text",label:"Message",placeholder:"Enter message",default_value:"",min_length:2,max_length:30,is_multiline:!1,is_required:!0,is_unique:!1,id:"22de0b1b-080a-4a0b-9d5f-e6f4916d8b07"}];
+//# sourceMappingURL=index.js.map

package/dist/components/form-control/form-parser/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-control/form-parser/data.ts"],"sourcesContent":["// const FormData = [\n//     {\n//         \"field_type\": \"text\",\n//         \"label\": \"Name\",\n//         \"placeholder\": \"Enter name\",\n//         \"default_value\": \"\",\n//         \"min_length\": 2,\n//         \"max_length\": 30,\n//         \"is_multiline\": false,\n//         \"is_required\": true,\n//         \"is_unique\": false,\n//         \"id\": \"a796bc38-9f6d-418b-a48d-a562e64ed990\"\n//     },\n//     {\n//         \"field_type\": \"email\",\n//         \"label\": \"Email\",\n//         \"placeholder\": \"Enter email address\",\n//         \"default_value\": \"\",\n//         \"is_required\": false,\n//         \"is_unique\": false,\n//         \"id\": \"a8e34772-beb0-443c-86f4-cd0f79e4e546\"\n//     },\n//     {\n//         \"field_type\": \"select\",\n//         \"label\": \"Gender\",\n//         \"placeholder\": \"Choose Gender\",\n//         \"default_value\": \"option1\",\n//         \"options\": [\n//             {\n//                 \"text\": \"Male\",\n//                 \"value\": \"1\"\n//             },\n//             {\n//                 \"text\": \"Female\",\n//                 \"value\": \"2\"\n//             },\n//             {\n//                 \"text\": \"No\",\n//                 \"value\": \"3\"\n//             },\n//             {\n//                 \"text\": \"Yes\",\n//                 \"value\": \"4\"\n//             }\n//         ],\n//         \"is_multiselect\": true,\n//         \"is_required\": true,\n//         \"is_unique\": false,\n//         \"id\": \"cb4b4423-c072-4e02-a22a-86fb1e0dba3e\"\n//     },\n// ]\n\nconst FormData = [\n  {\n    field_type: \"text\",\n    label: \"Name\",\n    placeholder: \"Enter name\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"35356fb9-9007-495a-ba9e-925449cb3eb2\",\n  },\n  {\n    field_type: \"email\",\n    label: \"Email\",\n    placeholder: \"Enter email address\",\n    default_value: \"\",\n    is_required: false,\n    is_unique: false,\n    id: \"4f4ac646-bf48-4ed3-ae5b-910071e19b59\",\n  },\n  {\n    field_type: \"phone\",\n    label: \"Phone\",\n    placeholder: \"Enter phone number\",\n    default_value: \"\",\n    is_required: false,\n    is_unique: false,\n    id: \"500d8a78-e389-474d-831b-43190da011a6\",\n  },\n  {\n    field_type: \"select\",\n    label: \"Status\",\n    placeholder: \"Choose option\",\n    default_value: \"option1\",\n    options: [\n      {\n        text: \"Active\",\n        value: \"1\",\n      },\n      {\n        text: \"Inactive\",\n        value: \"0\",\n      },\n    ],\n    is_multiselect: false,\n    is_required: true,\n    is_unique: false,\n    id: \"fa44f220-0d82-4569-a28c-997de8e66d5a\",\n  },\n  {\n    field_type: \"text\",\n    label: \"Address\",\n    placeholder: \"Enter address\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"d25f2f1b-811f-4c3d-a53b-5162f766ad47\",\n  },\n  {\n    field_type: \"text\",\n    label: \"Message\",\n    placeholder: \"Enter message\",\n    default_value: \"\",\n    min_length: 2,\n    max_length: 30,\n    is_multiline: false,\n    is_required: true,\n    is_unique: false,\n    id: \"22de0b1b-080a-4a0b-9d5f-e6f4916d8b07\",\n  },\n];\n\nexport default FormData;\n"],"names":["field_type","label","placeholder","default_value","min_length","max_length","is_multiline","is_required","is_unique","id","options","text","value","is_multiselect"],"mappings":"oFAoDiB,CACf,CACEA,WAAY,OACZC,MAAO,OACPC,YAAa,aACbC,cAAe,GACfC,WAAY,EACZC,WAAY,GACZC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,GAAI,wCAEN,CACET,WAAY,QACZC,MAAO,QACPC,YAAa,sBACbC,cAAe,GACfI,aAAa,EACbC,WAAW,EACXC,GAAI,wCAEN,CACET,WAAY,QACZC,MAAO,QACPC,YAAa,qBACbC,cAAe,GACfI,aAAa,EACbC,WAAW,EACXC,GAAI,wCAEN,CACET,WAAY,SACZC,MAAO,SACPC,YAAa,gBACbC,cAAe,UACfO,QAAS,CACP,CACEC,KAAM,SACNC,MAAO,KAET,CACED,KAAM,WACNC,MAAO,MAGXC,gBAAgB,EAChBN,aAAa,EACbC,WAAW,EACXC,GAAI,wCAEN,CACET,WAAY,OACZC,MAAO,UACPC,YAAa,gBACbC,cAAe,GACfC,WAAY,EACZC,WAAY,GACZC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,GAAI,wCAEN,CACET,WAAY,OACZC,MAAO,UACPC,YAAa,gBACbC,cAAe,GACfC,WAAY,EACZC,WAAY,GACZC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,GAAI"}

package/dist/components/grid/custom-grid-card/custom-grid-card/index.esm.js

@@ -7,8 +7,8 @@ import Card from "../../../../node_modules/@mui/material/Card/Card/index.esm.js"
 import CardContent from "../../../../node_modules/@mui/material/CardContent/CardContent/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
-import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import { MoreIcon } from "../../../icons/more/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const CustomGridCard = ({
   title,
   subTitle,

package/dist/components/grid/custom-grid-card/custom-grid-card/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../typography/typography/index.js"),n=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),a=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),d=require("../../../../node_modules/@mui/material/Box/Box/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),u=require("../../../icons/more/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../typography/typography/index.js"),n=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),a=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),d=require("../../../../node_modules/@mui/material/Box/Box/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../icons/more/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
 return e.jsxs(l.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid #eeeff1",boxShadow:"\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);"},children:[
 /* @__PURE__ */e.jsxs(a.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
 /* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"flex-start"},children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:c}),
-/* @__PURE__ */e.jsx(o.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(u.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(o.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(s.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
 /* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.800",children:x})}),p,(null==m?void 0:m.created_at)&&/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.800",children:["Created On ",n.formatDate(null==m?void 0:m.created_at,"DD MMM, YYYY")]})})]}),
 /* @__PURE__ */e.jsxs(i.default,{anchorEl:y,open:Boolean(y),onClose:()=>f(null),children:[
-/* @__PURE__ */e.jsx(d.default,{children:h.map(r=>/* @__PURE__ */e.jsx(s.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
-/* @__PURE__ */e.jsx(d.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(s.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
+/* @__PURE__ */e.jsx(d.default,{children:h.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
+/* @__PURE__ */e.jsx(d.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/header/components/notification-menu/notification-menu/index.esm.js

@@ -18,6 +18,7 @@ import { enqueueSnackbar } from "../../../../../node_modules/notistack/notistack
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import Badge from "../../../../../node_modules/@mui/material/Badge/Badge/index.esm.js";
+import { Notification } from "../../../../icons/notification/index.esm.js";
 import Menu from "../../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
 import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { Tick } from "../../../../icons/tick/index.esm.js";
@@ -33,7 +34,6 @@ import WarningIcon from "../../../../../node_modules/@mui/icons-material/esm/War
 import EmailIcon from "../../../../../node_modules/@mui/icons-material/esm/Email/index.esm.js";
 import AssignmentIcon from "../../../../../node_modules/@mui/icons-material/esm/Assignment/index.esm.js";
 import AccountBalanceIcon from "../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.esm.js";
-import { Notification } from "../../../../icons/notification/index.esm.js";
 const getNotificationUrl = (data) => {
   var _a;
   const { moduleName = "", moduleId = "", notificationData = {} } = data;