@erpsquad/common 1.8.44 → 1.8.46

package/dist/components/fallback/fallback/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                 */;/* empty css                      */var a=;/* empty css                                                 */exports.default=s=>{const{heading:i,subHeading:l,icon:t,children:c,...d}=s;/* @__PURE__ */
-return e.jsxs(a.default,{className:"fallback",...d,children:[t,
-/* @__PURE__ */e.jsx(r.Typography,{type:"h5",weight:"medium",color:"theme.secondary.1000",className:"fallback--Text",children:i}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",className:"fallback--Text",children:l}),
-/* @__PURE__ */e.jsx("div",{children:c})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                 */;/* empty css                      */var a=;/* empty css                                                 */const s=s=>{const{heading:l,subHeading:i,icon:t,children:c,...o}=s;/* @__PURE__ */
+return e.jsxs(a.default,{className:"fallback",...o,children:[t,
+/* @__PURE__ */e.jsx(r.Typography,{type:"h5",weight:"medium",color:"theme.secondary.1000",className:"fallback--Text",children:l}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",className:"fallback--Text",children:i}),
+/* @__PURE__ */e.jsx("div",{children:c})]})};exports.Fallback=s,exports.default=s;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n  heading: string;\n  subHeading: string;\n  icon: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n  const { heading, subHeading, icon, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport default Fallback;\n"],"names":["props","heading","subHeading","icon","children","rest","jsxs","Box","className","jsx","Typography","type","weight","color"],"mappings":"oRAWkBA,IAChB,MAAMC,QAAEA,EAAAC,WAASA,EAAAC,KAAYA,WAAMC,KAAaC,GAASL;AACzD,OACEM,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,cAAeH,EAC3BD,SAAA,CAAAD;eACDM,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,uBACNL,UAAU,iBAETJ,SAAAH;eAEHQ,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACNL,UAAU,iBAETJ,SAAAF;eAEHO,MAAC,OAAKL"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n  heading: string;\n  subHeading: string;\n  icon: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n  const { heading, subHeading, icon, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport { Fallback };\nexport default Fallback;\n"],"names":["Fallback","props","heading","subHeading","icon","children","rest","jsxs","Box","className","jsx","Typography","type","weight","color"],"mappings":"oQAWA,MAAMA,EAAYC,IAChB,MAAMC,QAAEA,EAAAC,WAASA,EAAAC,KAAYA,WAAMC,KAAaC,GAASL;AACzD,OACEM,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,cAAeH,EAC3BD,SAAA,CAAAD;eACDM,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,uBACNL,UAAU,iBAETJ,SAAAH;eAEHQ,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACNL,UAAU,iBAETJ,SAAAF;eAEHO,MAAC,OAAKL"}

package/dist/components/fallback/fallback.d.ts

@@ -6,4 +6,5 @@ interface FallbackProps {
     children?: React.ReactNode;
 }
 declare const Fallback: (props: FallbackProps) => import("react/jsx-runtime").JSX.Element;
+export { Fallback };
 export default Fallback;

package/dist/components/filter/components/add-filter/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import Button from "../../../button/button/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
 import styled from "../../../../node_modules/@mui/material/styles/styled/index.esm.js";
 import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const StyledAddButton = styled(Button)(({ theme: { palette } }) => {
@@ -30,6 +30,7 @@ const AddFilterButton = (props) => {
   );
 };
 export {
+  AddFilterButton,
   AddFilterButton as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/add-filter/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/add-filter.tsx"],"sourcesContent":["import { ActionProps } from \"react-querybuilder\";\nimport Button from \"../../button/button\";\nimport { styled } from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddFilterButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-filter\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n    Add Filter\n    </StyledAddButton>\n  );\n};\n\nexport default AddFilterButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,UAAU;AAAA,MACR,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,oBAAoB;AAAA,MAClB,UAAU;AAAA,QACR,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAI;AAAA,IACtC;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,kBAAkB,CAAC,UAAuB;AAC9C,QAAM,EAAE,eAAe,GAAG,KAAA,IAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,+BAAY,KAAA,EAAG;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/add-filter.tsx"],"sourcesContent":["import { ActionProps } from \"react-querybuilder\";\nimport Button from \"../../button/button\";\nimport { styled } from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddFilterButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-filter\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n    Add Filter\n    </StyledAddButton>\n  );\n};\n\nexport { AddFilterButton };\nexport default AddFilterButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,UAAU;AAAA,MACR,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,oBAAoB;AAAA,MAClB,UAAU;AAAA,QACR,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAI;AAAA,IACtC;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,kBAAkB,CAAC,UAAuB;AAC9C,QAAM,EAAE,eAAe,GAAG,KAAA,IAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,+BAAY,KAAA,EAAG;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}

package/dist/components/filter/components/add-filter/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/button/index.js"),r=require("../../../../node_modules/@mui/material/styles/styled/index.js"),d=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js");const o=r.default(t.default)(({theme:{palette:e}})=>{var t,r;return{":hover":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},"&.MuiButton-text":{":hover":{color:null==(r=e.theme)?void 0:r.secondary[1e3]}}}});exports.default=t=>{const{handleOnClick:r,...l}=t;/* @__PURE__ */
-return e.jsx(o,{onClick:r,...l,className:"add-filter",variant:"text",startIcon:/* @__PURE__ */e.jsx(d.default,{}),children:"Add Filter"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/button/index.js"),r=require("../../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js");const d=r.default(t.Button)(({theme:{palette:e}})=>{var t,r;return{":hover":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},"&.MuiButton-text":{":hover":{color:null==(r=e.theme)?void 0:r.secondary[1e3]}}}}),n=t=>{const{handleOnClick:r,...n}=t;/* @__PURE__ */
+return e.jsx(d,{onClick:r,...n,className:"add-filter",variant:"text",startIcon:/* @__PURE__ */e.jsx(o.default,{}),children:"Add Filter"})};exports.AddFilterButton=n,exports.default=n;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/add-filter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/add-filter.tsx"],"sourcesContent":["import { ActionProps } from \"react-querybuilder\";\nimport Button from \"../../button/button\";\nimport { styled } from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddFilterButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-filter\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n    Add Filter\n    </StyledAddButton>\n  );\n};\n\nexport default AddFilterButton;\n"],"names":["StyledAddButton","styled","Button","theme","palette","backgroundColor","_a","secondary","color","_b","props","handleOnClick","rest","jsx","onClick","className","variant","startIcon","Add","children"],"mappings":"0SAKA,MAAMA,EAAkBC,EAAAA,QAAOC,UAAPD,CAAe,EAAGE,OAASC,uBAAiB,MAAA,CAClE,SAAU,CACRC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,MAE5C,mBAAoB,CAClB,SAAU,CACRC,MAAO,OAAAC,EAAAL,EAAQD,YAAR,EAAAM,EAAeF,UAAU,0BAKbG,IACvB,MAAMC,cAAEA,KAAkBC,GAASF;AACnC,OACEG,EAAAA,IAACb,EAAA,CACCc,QAASH,KACLC,EACJG,UAAU,aACVC,QAAQ,OACRC,+BAAYC,EAAAA,QAAA,IACbC,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/add-filter.tsx"],"sourcesContent":["import { ActionProps } from \"react-querybuilder\";\nimport Button from \"../../button/button\";\nimport { styled } from \"@mui/material\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddFilterButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-filter\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n    Add Filter\n    </StyledAddButton>\n  );\n};\n\nexport { AddFilterButton };\nexport default AddFilterButton;\n"],"names":["StyledAddButton","styled","Button","theme","palette","backgroundColor","_a","secondary","color","_b","AddFilterButton","props","handleOnClick","rest","jsx","onClick","className","variant","startIcon","Add","children"],"mappings":"0SAKA,MAAMA,EAAkBC,EAAAA,QAAOC,SAAPD,CAAe,EAAGE,OAASC,uBAAiB,MAAA,CAClE,SAAU,CACRC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,MAE5C,mBAAoB,CAClB,SAAU,CACRC,MAAO,OAAAC,EAAAL,EAAQD,YAAR,EAAAM,EAAeF,UAAU,UAKhCG,EAAmBC,IACvB,MAAMC,cAAEA,KAAkBC,GAASF;AACnC,OACEG,EAAAA,IAACd,EAAA,CACCe,QAASH,KACLC,EACJG,UAAU,aACVC,QAAQ,OACRC,+BAAYC,EAAAA,QAAA,IACbC,SAAA"}

package/dist/components/filter/components/add-filter.d.ts

@@ -1,4 +1,5 @@
 import { ActionProps } from 'react-querybuilder';
 
 declare const AddFilterButton: (props: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export { AddFilterButton };
 export default AddFilterButton;

package/dist/components/filter/components/add-group/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import Button from "../../../button/button/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
 import styled from "../../../../node_modules/@mui/material/styles/styled/index.esm.js";
 import Add from "../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const StyledAddButton = styled(Button)(({ theme: { palette } }) => {
@@ -30,6 +30,7 @@ const AddGroupButton = (props) => {
   );
 };
 export {
+  AddGroupButton,
   AddGroupButton as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/add-group/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/add-group.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport Button from \"../../button/button\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddGroupButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-group\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n      Add Group\n    </StyledAddButton>\n  );\n};\n\nexport default AddGroupButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,UAAU;AAAA,MACR,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,oBAAoB;AAAA,MAClB,UAAU;AAAA,QACR,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAI;AAAA,IACtC;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAAuB;AAC7C,QAAM,EAAE,eAAe,GAAG,KAAA,IAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,+BAAY,KAAA,EAAG;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/add-group.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport Button from \"../../button/button\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddGroupButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-group\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n      Add Group\n    </StyledAddButton>\n  );\n};\n\nexport { AddGroupButton };\nexport default AddGroupButton;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAkB,OAAO,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,UAAU;AAAA,MACR,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,oBAAoB;AAAA,MAClB,UAAU;AAAA,QACR,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAI;AAAA,IACtC;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAAuB;AAC7C,QAAM,EAAE,eAAe,GAAG,KAAA,IAAS;AACnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,+BAAY,KAAA,EAAG;AAAA,MAChB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}

package/dist/components/filter/components/add-group/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/button/index.js"),r=require("../../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js");const d=r.default(t.default)(({theme:{palette:e}})=>{var t,r;return{":hover":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},"&.MuiButton-text":{":hover":{color:null==(r=e.theme)?void 0:r.secondary[1e3]}}}});exports.default=t=>{const{handleOnClick:r,...u}=t;/* @__PURE__ */
-return e.jsx(d,{onClick:r,...u,className:"add-group",variant:"text",startIcon:/* @__PURE__ */e.jsx(o.default,{}),children:"Add Group"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/button/index.js"),r=require("../../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Add/index.js");const u=r.default(t.Button)(({theme:{palette:e}})=>{var t,r;return{":hover":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},"&.MuiButton-text":{":hover":{color:null==(r=e.theme)?void 0:r.secondary[1e3]}}}}),d=t=>{const{handleOnClick:r,...d}=t;/* @__PURE__ */
+return e.jsx(u,{onClick:r,...d,className:"add-group",variant:"text",startIcon:/* @__PURE__ */e.jsx(o.default,{}),children:"Add Group"})};exports.AddGroupButton=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/add-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/add-group.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport Button from \"../../button/button\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddGroupButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-group\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n      Add Group\n    </StyledAddButton>\n  );\n};\n\nexport default AddGroupButton;\n"],"names":["StyledAddButton","styled","Button","theme","palette","backgroundColor","_a","secondary","color","_b","props","handleOnClick","rest","jsx","onClick","className","variant","startIcon","Add","children"],"mappings":"0SAKA,MAAMA,EAAkBC,EAAAA,QAAOC,UAAPD,CAAe,EAAGE,OAASC,uBAAiB,MAAA,CAClE,SAAU,CACRC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,MAE5C,mBAAoB,CAClB,SAAU,CACRC,MAAO,OAAAC,EAAAL,EAAQD,YAAR,EAAAM,EAAeF,UAAU,0BAKdG,IACtB,MAAMC,cAAEA,KAAkBC,GAASF;AACnC,OACEG,EAAAA,IAACb,EAAA,CACCc,QAASH,KACLC,EACJG,UAAU,YACVC,QAAQ,OACRC,+BAAYC,EAAAA,QAAA,IACbC,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/add-group.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport Button from \"../../button/button\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Add } from \"@mui/icons-material\";\n\nconst StyledAddButton = styled(Button)(({ theme: { palette } }) => ({\n  \":hover\": {\n    backgroundColor: palette.theme?.secondary[100],\n  },\n  \"&.MuiButton-text\": {\n    \":hover\": {\n      color: palette.theme?.secondary[1000],\n    },\n  },\n}));\n\nconst AddGroupButton = (props: ActionProps) => {\n  const { handleOnClick, ...rest } = props;\n  return (\n    <StyledAddButton\n      onClick={handleOnClick}\n      {...rest}\n      className=\"add-group\"\n      variant=\"text\"\n      startIcon={<Add/>}\n    >\n      Add Group\n    </StyledAddButton>\n  );\n};\n\nexport { AddGroupButton };\nexport default AddGroupButton;\n"],"names":["StyledAddButton","styled","Button","theme","palette","backgroundColor","_a","secondary","color","_b","AddGroupButton","props","handleOnClick","rest","jsx","onClick","className","variant","startIcon","Add","children"],"mappings":"0SAKA,MAAMA,EAAkBC,EAAAA,QAAOC,SAAPD,CAAe,EAAGE,OAASC,uBAAiB,MAAA,CAClE,SAAU,CACRC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,MAE5C,mBAAoB,CAClB,SAAU,CACRC,MAAO,OAAAC,EAAAL,EAAQD,YAAR,EAAAM,EAAeF,UAAU,UAKhCG,EAAkBC,IACtB,MAAMC,cAAEA,KAAkBC,GAASF;AACnC,OACEG,EAAAA,IAACd,EAAA,CACCe,QAASH,KACLC,EACJG,UAAU,YACVC,QAAQ,OACRC,+BAAYC,EAAAA,QAAA,IACbC,SAAA"}

package/dist/components/filter/components/add-group.d.ts

@@ -1,4 +1,5 @@
 import { ActionProps } from 'react-querybuilder';
 
 declare const AddGroupButton: (props: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export { AddGroupButton };
 export default AddGroupButton;

package/dist/components/filter/components/combinator-select/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import Select from "../../../select/select/index.esm.js";
+import { Select } from "../../../select/select/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const CombinatorSelect = (props) => {
@@ -26,6 +26,7 @@ const CombinatorSelect = (props) => {
   ) });
 };
 export {
+  CombinatorSelect,
   CombinatorSelect as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/combinator-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/combinator-select.tsx"],"sourcesContent":["import { MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\n\nconst CombinatorSelect = (props: any) => {\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const showDropdown = props.path?.[0] === 1 || props.path?.[1] === 1;\n\n  return (\n    <>\n      {!showDropdown ? (\n        <Typography\n          type=\"s4\"\n          color=\"theme.secondary.1000\"\n          className=\"combinator-value\"\n        >\n          {value}\n        </Typography>\n      ) : (\n        <Select\n          value={value}\n          onChange={(e: any) => handleOnChange(e.target.value)}\n          {...rest}\n          className=\"combinator-list\"\n        >\n          {options?.map(({ name, label }: { name: string; label: string }) => (\n            <MenuItem key={name} value={name}>\n              <Typography type=\"s4\" color=\"theme.secondary.1000\">\n                {label}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Select>\n      )}\n    </>\n  );\n};\n\nexport default CombinatorSelect;\n"],"names":[],"mappings":";;;;AAIA,MAAM,mBAAmB,CAAC,UAAe;;AACvC,QAAM,EAAE,gBAAgB,OAAO,SAAS,GAAG,SAAS;AAEpD,QAAM,iBAAe,WAAM,SAAN,mBAAa,QAAO,OAAK,WAAM,SAAN,mBAAa,QAAO;AAElE,SACE,oBAAA,UAAA,EACG,WAAC,eACA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,EAAA,IAGH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,UAAA,mCAAS,IAAI,CAAC,EAAE,MAAM,MAAA,0BACpB,UAAA,EAAoB,OAAO,MAC1B,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,OACH,EAAA,GAHa,IAIf;AAAA,IACD;AAAA,EAAA,GAGP;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/combinator-select.tsx"],"sourcesContent":["import { MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\n\nconst CombinatorSelect = (props: any) => {\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const showDropdown = props.path?.[0] === 1 || props.path?.[1] === 1;\n\n  return (\n    <>\n      {!showDropdown ? (\n        <Typography\n          type=\"s4\"\n          color=\"theme.secondary.1000\"\n          className=\"combinator-value\"\n        >\n          {value}\n        </Typography>\n      ) : (\n        <Select\n          value={value}\n          onChange={(e: any) => handleOnChange(e.target.value)}\n          {...rest}\n          className=\"combinator-list\"\n        >\n          {options?.map(({ name, label }: { name: string; label: string }) => (\n            <MenuItem key={name} value={name}>\n              <Typography type=\"s4\" color=\"theme.secondary.1000\">\n                {label}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Select>\n      )}\n    </>\n  );\n};\n\nexport { CombinatorSelect };\nexport default CombinatorSelect;\n"],"names":[],"mappings":";;;;AAIA,MAAM,mBAAmB,CAAC,UAAe;;AACvC,QAAM,EAAE,gBAAgB,OAAO,SAAS,GAAG,SAAS;AAEpD,QAAM,iBAAe,WAAM,SAAN,mBAAa,QAAO,OAAK,WAAM,SAAN,mBAAa,QAAO;AAElE,SACE,oBAAA,UAAA,EACG,WAAC,eACA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,EAAA,IAGH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,UAAA,mCAAS,IAAI,CAAC,EAAE,MAAM,MAAA,0BACpB,UAAA,EAAoB,OAAO,MAC1B,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,OACH,EAAA,GAHa,IAIf;AAAA,IACD;AAAA,EAAA,GAGP;AAEJ;"}

package/dist/components/filter/components/combinator-select/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../select/select/index.js"),a=require("../../../typography/typography/index.js"),l=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=t=>{var n,s;const{handleOnChange:o,value:i,options:u,...d}=t,c=1===(null==(n=t.path)?void 0:n[0])||1===(null==(s=t.path)?void 0:s[1]);/* @__PURE__ */
-return e.jsx(e.Fragment,{children:c?/* @__PURE__ */e.jsx(r.default,{value:i,onChange:e=>o(e.target.value),...d,className:"combinator-list",children:null==u?void 0:u.map(({name:r,label:t})=>/* @__PURE__ */e.jsx(l.default,{value:r,children:/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.1000",children:t})},r))}):/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.1000",className:"combinator-value",children:i})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../select/select/index.js"),t=require("../../../typography/typography/index.js"),a=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");const l=l=>{var n,o;const{handleOnChange:s,value:i,options:u,...c}=l,d=1===(null==(n=l.path)?void 0:n[0])||1===(null==(o=l.path)?void 0:o[1]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:d?/* @__PURE__ */e.jsx(r.Select,{value:i,onChange:e=>s(e.target.value),...c,className:"combinator-list",children:null==u?void 0:u.map(({name:r,label:l})=>/* @__PURE__ */e.jsx(a.default,{value:r,children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.1000",children:l})},r))}):/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.1000",className:"combinator-value",children:i})})};exports.CombinatorSelect=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/combinator-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/combinator-select.tsx"],"sourcesContent":["import { MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\n\nconst CombinatorSelect = (props: any) => {\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const showDropdown = props.path?.[0] === 1 || props.path?.[1] === 1;\n\n  return (\n    <>\n      {!showDropdown ? (\n        <Typography\n          type=\"s4\"\n          color=\"theme.secondary.1000\"\n          className=\"combinator-value\"\n        >\n          {value}\n        </Typography>\n      ) : (\n        <Select\n          value={value}\n          onChange={(e: any) => handleOnChange(e.target.value)}\n          {...rest}\n          className=\"combinator-list\"\n        >\n          {options?.map(({ name, label }: { name: string; label: string }) => (\n            <MenuItem key={name} value={name}>\n              <Typography type=\"s4\" color=\"theme.secondary.1000\">\n                {label}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Select>\n      )}\n    </>\n  );\n};\n\nexport default CombinatorSelect;\n"],"names":["props","handleOnChange","value","options","rest","showDropdown","_a","path","_b","jsx","Fragment","children","Select","onChange","e","target","className","map","name","label","MenuItem","Typography","type","color"],"mappings":"wSAI0BA,YACxB,MAAMC,eAAEA,EAAAC,MAAgBA,EAAAC,QAAOA,KAAYC,GAASJ,EAE9CK,EAAmC,KAApB,OAAAC,IAAMC,WAAN,EAAAD,EAAa,KAAgC,KAApB,OAAAE,EAAAR,EAAMO,WAAN,EAAAC,EAAa;AAE3D,OACEC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,SAACN,iBASAI,EAAAA,IAACG,EAAAA,QAAA,CACCV,QACAW,SAAWC,GAAWb,EAAea,EAAEC,OAAOb,UAC1CE,EACJY,UAAU,kBAETL,SAAA,MAAAR,OAAA,EAAAA,EAASc,IAAI,EAAGC,OAAMC,gCACpBC,EAAAA,QAAA,CAAoBlB,MAAOgB,EAC1BP,wBAAAF,EAAAA,IAACY,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBZ,SAAAQ,KAFUD,qBAfnBT,EAAAA,IAACY,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,uBACNP,UAAU,mBAETL,SAAAT"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/combinator-select.tsx"],"sourcesContent":["import { MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\n\nconst CombinatorSelect = (props: any) => {\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const showDropdown = props.path?.[0] === 1 || props.path?.[1] === 1;\n\n  return (\n    <>\n      {!showDropdown ? (\n        <Typography\n          type=\"s4\"\n          color=\"theme.secondary.1000\"\n          className=\"combinator-value\"\n        >\n          {value}\n        </Typography>\n      ) : (\n        <Select\n          value={value}\n          onChange={(e: any) => handleOnChange(e.target.value)}\n          {...rest}\n          className=\"combinator-list\"\n        >\n          {options?.map(({ name, label }: { name: string; label: string }) => (\n            <MenuItem key={name} value={name}>\n              <Typography type=\"s4\" color=\"theme.secondary.1000\">\n                {label}\n              </Typography>\n            </MenuItem>\n          ))}\n        </Select>\n      )}\n    </>\n  );\n};\n\nexport { CombinatorSelect };\nexport default CombinatorSelect;\n"],"names":["CombinatorSelect","props","handleOnChange","value","options","rest","showDropdown","_a","path","_b","jsx","Fragment","children","Select","onChange","e","target","className","map","name","label","MenuItem","Typography","type","color"],"mappings":"wRAIA,MAAMA,EAAoBC,YACxB,MAAMC,eAAEA,EAAAC,MAAgBA,EAAAC,QAAOA,KAAYC,GAASJ,EAE9CK,EAAmC,KAApB,OAAAC,IAAMC,WAAN,EAAAD,EAAa,KAAgC,KAApB,OAAAE,EAAAR,EAAMO,WAAN,EAAAC,EAAa;AAE3D,OACEC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,SAACN,iBASAI,EAAAA,IAACG,EAAAA,OAAA,CACCV,QACAW,SAAWC,GAAWb,EAAea,EAAEC,OAAOb,UAC1CE,EACJY,UAAU,kBAETL,SAAA,MAAAR,OAAA,EAAAA,EAASc,IAAI,EAAGC,OAAMC,gCACpBC,EAAAA,QAAA,CAAoBlB,MAAOgB,EAC1BP,wBAAAF,EAAAA,IAACY,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBZ,SAAAQ,KAFUD,qBAfnBT,EAAAA,IAACY,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,uBACNP,UAAU,mBAETL,SAAAT"}

package/dist/components/filter/components/combinator-select.d.ts

@@ -1,2 +1,3 @@
 declare const CombinatorSelect: (props: any) => import("react/jsx-runtime").JSX.Element;
+export { CombinatorSelect };
 export default CombinatorSelect;

package/dist/components/filter/components/delete-group/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import Button from "../../../button/button/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
 import { Trash } from "../../../icons/trash/index.esm.js";
 const RemoveGroupAction = (props) => {
   const { handleOnClick } = props;
@@ -22,6 +22,7 @@ const RemoveGroupAction = (props) => {
   );
 };
 export {
+  RemoveGroupAction,
   RemoveGroupAction as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/delete-group/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/delete-group.tsx"],"sourcesContent":["import Button from \"../../button/button\";\n// import Typography from \"../../typography/typography\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveGroupAction = (props: ActionProps) => {\n  const { handleOnClick } = props;\n\n  return (\n    <Button\n      variant=\"outlined\"\n      onClick={handleOnClick}\n      sx={({palette}) => ({\n        marginRight: \"0px\",\n        marginLeft: \"auto\",\n        color: `${palette.theme.error?.[600]} !important`\n      })}\n      startIcon={<Trash color=\"theme.error.600\" fontSize=\"small\"/>}\n    >\n      Delete Group\n    </Button>\n  );\n};\n\nexport default RemoveGroupAction;\n"],"names":[],"mappings":";;;AAKA,MAAM,oBAAoB,CAAC,UAAuB;AAChD,QAAM,EAAE,kBAAkB;AAE1B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI,CAAC,EAAC,cAAO;;AAAO;AAAA,UAClB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,OAAO,IAAG,aAAQ,MAAM,UAAd,mBAAsB,IAAI;AAAA,QAAA;AAAA;AAAA,MAEtC,WAAW,oBAAC,OAAA,EAAM,OAAM,mBAAkB,UAAS,SAAO;AAAA,MAC3D,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/delete-group.tsx"],"sourcesContent":["import Button from \"../../button/button\";\n// import Typography from \"../../typography/typography\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveGroupAction = (props: ActionProps) => {\n  const { handleOnClick } = props;\n\n  return (\n    <Button\n      variant=\"outlined\"\n      onClick={handleOnClick}\n      sx={({palette}) => ({\n        marginRight: \"0px\",\n        marginLeft: \"auto\",\n        color: `${palette.theme.error?.[600]} !important`\n      })}\n      startIcon={<Trash color=\"theme.error.600\" fontSize=\"small\"/>}\n    >\n      Delete Group\n    </Button>\n  );\n};\n\nexport { RemoveGroupAction };\nexport default RemoveGroupAction;\n"],"names":[],"mappings":";;;AAKA,MAAM,oBAAoB,CAAC,UAAuB;AAChD,QAAM,EAAE,kBAAkB;AAE1B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI,CAAC,EAAC,cAAO;;AAAO;AAAA,UAClB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,OAAO,IAAG,aAAQ,MAAM,UAAd,mBAAsB,IAAI;AAAA,QAAA;AAAA;AAAA,MAEtC,WAAW,oBAAC,OAAA,EAAM,OAAM,mBAAkB,UAAS,SAAO;AAAA,MAC3D,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}

package/dist/components/filter/components/delete-group/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../button/button/index.js"),t=require("../../../icons/trash/index.js");exports.default=n=>{const{handleOnClick:o}=n;/* @__PURE__ */
-return e.jsx(r.default,{variant:"outlined",onClick:o,sx:({palette:e})=>{var r;return{marginRight:"0px",marginLeft:"auto",color:`${null==(r=e.theme.error)?void 0:r[600]} !important`}},startIcon:/* @__PURE__ */e.jsx(t.Trash,{color:"theme.error.600",fontSize:"small"}),children:"Delete Group"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../button/button/index.js"),t=require("../../../icons/trash/index.js");const o=o=>{const{handleOnClick:n}=o;/* @__PURE__ */
+return e.jsx(r.Button,{variant:"outlined",onClick:n,sx:({palette:e})=>{var r;return{marginRight:"0px",marginLeft:"auto",color:`${null==(r=e.theme.error)?void 0:r[600]} !important`}},startIcon:/* @__PURE__ */e.jsx(t.Trash,{color:"theme.error.600",fontSize:"small"}),children:"Delete Group"})};exports.RemoveGroupAction=o,exports.default=o;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/delete-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/delete-group.tsx"],"sourcesContent":["import Button from \"../../button/button\";\n// import Typography from \"../../typography/typography\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveGroupAction = (props: ActionProps) => {\n  const { handleOnClick } = props;\n\n  return (\n    <Button\n      variant=\"outlined\"\n      onClick={handleOnClick}\n      sx={({palette}) => ({\n        marginRight: \"0px\",\n        marginLeft: \"auto\",\n        color: `${palette.theme.error?.[600]} !important`\n      })}\n      startIcon={<Trash color=\"theme.error.600\" fontSize=\"small\"/>}\n    >\n      Delete Group\n    </Button>\n  );\n};\n\nexport default RemoveGroupAction;\n"],"names":["props","handleOnClick","jsx","Button","variant","onClick","sx","palette","marginRight","marginLeft","color","_a","theme","error","startIcon","Trash","fontSize","children"],"mappings":"+MAK2BA,IACzB,MAAMC,cAAEA,GAAkBD;AAE1B,OACEE,EAAAA,IAACC,EAAAA,QAAA,CACCC,QAAQ,WACRC,QAASJ,EACTK,GAAI,EAAEC,oBAAc,MAAA,CAClBC,YAAa,MACbC,WAAY,OACZC,MAAO,GAAG,OAAAC,EAAAJ,EAAQK,MAAMC,gBAAQ,oBAElCC,yBAAWZ,EAAAA,IAACa,QAAA,CAAML,MAAM,kBAAkBM,SAAS,UACpDC,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/delete-group.tsx"],"sourcesContent":["import Button from \"../../button/button\";\n// import Typography from \"../../typography/typography\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveGroupAction = (props: ActionProps) => {\n  const { handleOnClick } = props;\n\n  return (\n    <Button\n      variant=\"outlined\"\n      onClick={handleOnClick}\n      sx={({palette}) => ({\n        marginRight: \"0px\",\n        marginLeft: \"auto\",\n        color: `${palette.theme.error?.[600]} !important`\n      })}\n      startIcon={<Trash color=\"theme.error.600\" fontSize=\"small\"/>}\n    >\n      Delete Group\n    </Button>\n  );\n};\n\nexport { RemoveGroupAction };\nexport default RemoveGroupAction;\n"],"names":["RemoveGroupAction","props","handleOnClick","jsx","Button","variant","onClick","sx","palette","marginRight","marginLeft","color","_a","theme","error","startIcon","Trash","fontSize","children"],"mappings":"+LAKA,MAAMA,EAAqBC,IACzB,MAAMC,cAAEA,GAAkBD;AAE1B,OACEE,EAAAA,IAACC,EAAAA,OAAA,CACCC,QAAQ,WACRC,QAASJ,EACTK,GAAI,EAAEC,oBAAc,MAAA,CAClBC,YAAa,MACbC,WAAY,OACZC,MAAO,GAAG,OAAAC,EAAAJ,EAAQK,MAAMC,gBAAQ,oBAElCC,yBAAWZ,EAAAA,IAACa,QAAA,CAAML,MAAM,kBAAkBM,SAAS,UACpDC,SAAA"}

package/dist/components/filter/components/delete-group.d.ts

@@ -1,4 +1,5 @@
 import { ActionProps } from 'react-querybuilder';
 
 declare const RemoveGroupAction: (props: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export { RemoveGroupAction };
 export default RemoveGroupAction;

package/dist/components/filter/components/field-select/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import Select from "../../../select/select/index.esm.js";
+import { Select } from "../../../select/select/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import SearchBar from "../../../search-bar/search-bar/index.esm.js";
+import { SearchBar } from "../../../search-bar/search-bar/index.esm.js";
 /* empty css                          */
-import formatText from "../../../../utils/format-text/index.esm.js";
+import { formatText } from "../../../../utils/format-text/index.esm.js";
 import { useTranslation } from "react-i18next";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
@@ -62,6 +62,7 @@ const FieldSelect = (props) => {
   ) });
 };
 export {
+  FieldSelect,
   FieldSelect as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/field-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/field-select.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { FieldSelectorProps } from \"react-querybuilder\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport \"../filter.scss\";\nimport formatText from \"../../../utils/format-text\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FieldSelect = (props: FieldSelectorProps) => {\n\n  const { t } = useTranslation();\n\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const [filteredOptions, setFilteredOptions] = useState<any[]>();\n\n  const handleSearchEvent = (searchText: string) => {\n    const ops = options?.filter(o => Boolean(o.label?.trim())) || []\n    const filteredData = ops.filter((option: any) =>\n      option.name.toLowerCase().includes(searchText.toLowerCase()),\n    );\n    setFilteredOptions(filteredData);\n  };\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[options?.length])\n\n\n  return (\n    <Box width=\"100%\">\n      <Select\n        fullWidth\n        value={value}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        {...rest}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue={(value: any) => formatText(t(filteredOptions?.find((opttion: any)=>opttion.name === value)?.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \") || \"Select Default\")}\n        onClose={() => setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])}\n      >\n        <div className=\"searchbar-box-list new-searchbar\">\n          <SearchBar\n            placeholder={\"Search Attributes\"}\n            handleSearch={(e) => handleSearchEvent(e)}\n          />\n        </div>\n        {filteredOptions?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(t(op.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \"))}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport default FieldSelect;\n"],"names":["value"],"mappings":";;;;;;;;;;AAUA,MAAM,cAAc,CAAC,UAA8B;AAEjD,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,EAAE,gBAAgB,OAAO,SAAS,GAAG,SAAS;AAEpD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAA;AAE9C,QAAM,oBAAoB,CAAC,eAAuB;AAChD,UAAM,OAAM,mCAAS,OAAO,CAAA,MAAA;;AAAK,sBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,WAAM,CAAA;AAC9D,UAAM,eAAe,IAAI;AAAA,MAAO,CAAC,WAC/B,OAAO,KAAK,cAAc,SAAS,WAAW,YAAA,CAAa;AAAA,IAAA;AAE7D,uBAAmB,YAAY;AAAA,EACjC;AAEA,YAAU,MAAM;AACd,wBAAmB,mCAAS,OAAO,CAAA,MAAA;;AAAK,sBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,WAAM,CAAA,CAAE;AAAA,EAEzE,GAAE,CAAC,mCAAS,MAAM,CAAC;AAGnB,SACE,oBAAC,KAAA,EAAI,OAAM,QACT,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT;AAAA,MACA,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,aAAa,CAACA,WAAAA;;AAAe,4BAAW,cAAE,wDAAiB,KAAK,CAAC,YAAe,QAAQ,SAASA,YAAvD,mBAA+D,KAAK,MAAtE,mBAAyE,QAAQ,OAAO,QAAxF,mBAA6F,WAAW,KAAK,SAAQ,gBAAgB;AAAA;AAAA,MAC7K,SAAS,MAAM,oBAAmB,mCAAS,OAAO,CAAA,MAAA;;AAAK,wBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,aAAM,CAAA,CAAE;AAAA,MAEtF,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa;AAAA,YACb,cAAc,CAAC,MAAM,kBAAkB,CAAC;AAAA,UAAA;AAAA,QAAA,GAE5C;AAAA,QACC,mDAAiB,IAAI,CAAC,OAAA;;qCACpB,UAAA,EAAuB,OAAO,GAAG,MAChC,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,YAAW,aAAE,GAAG,KAAK,MAAV,mBAAa,QAAQ,OAAO,QAA5B,mBAAiC,WAAW,KAAK,IAAI,EAAA,CACnE,EAAA,GAHa,GAAG,IAIlB;AAAA;AAAA,MACD;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/field-select.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { FieldSelectorProps } from \"react-querybuilder\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport \"../filter.scss\";\nimport formatText from \"../../../utils/format-text\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FieldSelect = (props: FieldSelectorProps) => {\n\n  const { t } = useTranslation();\n\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const [filteredOptions, setFilteredOptions] = useState<any[]>();\n\n  const handleSearchEvent = (searchText: string) => {\n    const ops = options?.filter(o => Boolean(o.label?.trim())) || []\n    const filteredData = ops.filter((option: any) =>\n      option.name.toLowerCase().includes(searchText.toLowerCase()),\n    );\n    setFilteredOptions(filteredData);\n  };\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[options?.length])\n\n\n  return (\n    <Box width=\"100%\">\n      <Select\n        fullWidth\n        value={value}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        {...rest}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue={(value: any) => formatText(t(filteredOptions?.find((opttion: any)=>opttion.name === value)?.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \") || \"Select Default\")}\n        onClose={() => setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])}\n      >\n        <div className=\"searchbar-box-list new-searchbar\">\n          <SearchBar\n            placeholder={\"Search Attributes\"}\n            handleSearch={(e) => handleSearchEvent(e)}\n          />\n        </div>\n        {filteredOptions?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(t(op.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \"))}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport { FieldSelect };\nexport default FieldSelect;\n"],"names":["value"],"mappings":";;;;;;;;;;AAUA,MAAM,cAAc,CAAC,UAA8B;AAEjD,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,EAAE,gBAAgB,OAAO,SAAS,GAAG,SAAS;AAEpD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAA;AAE9C,QAAM,oBAAoB,CAAC,eAAuB;AAChD,UAAM,OAAM,mCAAS,OAAO,CAAA,MAAA;;AAAK,sBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,WAAM,CAAA;AAC9D,UAAM,eAAe,IAAI;AAAA,MAAO,CAAC,WAC/B,OAAO,KAAK,cAAc,SAAS,WAAW,YAAA,CAAa;AAAA,IAAA;AAE7D,uBAAmB,YAAY;AAAA,EACjC;AAEA,YAAU,MAAM;AACd,wBAAmB,mCAAS,OAAO,CAAA,MAAA;;AAAK,sBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,WAAM,CAAA,CAAE;AAAA,EAEzE,GAAE,CAAC,mCAAS,MAAM,CAAC;AAGnB,SACE,oBAAC,KAAA,EAAI,OAAM,QACT,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT;AAAA,MACA,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,aAAa,CAACA,WAAAA;;AAAe,4BAAW,cAAE,wDAAiB,KAAK,CAAC,YAAe,QAAQ,SAASA,YAAvD,mBAA+D,KAAK,MAAtE,mBAAyE,QAAQ,OAAO,QAAxF,mBAA6F,WAAW,KAAK,SAAQ,gBAAgB;AAAA;AAAA,MAC7K,SAAS,MAAM,oBAAmB,mCAAS,OAAO,CAAA,MAAA;;AAAK,wBAAQ,OAAE,UAAF,mBAAS,MAAM;AAAA,aAAM,CAAA,CAAE;AAAA,MAEtF,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa;AAAA,YACb,cAAc,CAAC,MAAM,kBAAkB,CAAC;AAAA,UAAA;AAAA,QAAA,GAE5C;AAAA,QACC,mDAAiB,IAAI,CAAC,OAAA;;qCACpB,UAAA,EAAuB,OAAO,GAAG,MAChC,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,YAAW,aAAE,GAAG,KAAK,MAAV,mBAAa,QAAQ,OAAO,QAA5B,mBAAiC,WAAW,KAAK,IAAI,EAAA,CACnE,EAAA,GAHa,GAAG,IAIlB;AAAA;AAAA,MACD;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/filter/components/field-select/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=,/* empty css                            */a=,/* empty css                                    */t=;/* empty css                                    */;/* empty css                       */var i=,/* empty css                                   */n=require("react-i18next"),u=,/* empty css                                                    */d=;/* empty css                                                              */exports.default=s=>{const{t:o}=n.useTranslation(),{handleOnChange:c,value:v,options:h,...m}=s,[x,f]=l.useState();return l.useEffect(()=>{f((null==h?void 0:h.filter(e=>{var l;return Boolean(null==(l=e.label)?void 0:l.trim())}))||[])},[null==h?void 0:h.length]),/* @__PURE__ */e.jsx(u.default,{width:"100%",children:/* @__PURE__ */e.jsxs(r.default,{fullWidth:!0,value:v,onChange:e=>c(e.target.value),...m,className:"select-drps",variant:"outlined",renderValue:e=>{var l,r,a;return i.default((null==(a=null==(r=o(null==(l=null==x?void 0:x.find(l=>l.name===e))?void 0:l.label))?void 0:r.replace("_id",""))?void 0:a.replaceAll("_"," "))||"Select Default")},onClose:()=>f((null==h?void 0:h.filter(e=>{var l;return Boolean(null==(l=e.label)?void 0:l.trim())}))||[]),children:[
-/* @__PURE__ */e.jsx("div",{className:"searchbar-box-list new-searchbar",children:/* @__PURE__ */e.jsx(t.default,{placeholder:"Search Attributes",handleSearch:e=>(e=>{const l=((null==h?void 0:h.filter(e=>{var l;return Boolean(null==(l=e.label)?void 0:l.trim())}))||[]).filter(l=>l.name.toLowerCase().includes(e.toLowerCase()));f(l)})(e)})}),null==x?void 0:x.map(l=>{var r,t;/* @__PURE__ */
-return e.jsx(d.default,{value:l.name,children:/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.1000",children:i.default(null==(t=null==(r=o(l.label))?void 0:r.replace("_id",""))?void 0:t.replaceAll("_"," "))})},l.name)})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=,/* empty css                            */a=,/* empty css                                    */t=;/* empty css                                    */;/* empty css                       */var i=,/* empty css                                   */n=require("react-i18next"),u=,/* empty css                                                    */o=;/* empty css                                                              */const s=s=>{const{t:d}=n.useTranslation(),{handleOnChange:c,value:v,options:h,...x}=s,[m,p]=r.useState();return r.useEffect(()=>{p((null==h?void 0:h.filter(e=>{var r;return Boolean(null==(r=e.label)?void 0:r.trim())}))||[])},[null==h?void 0:h.length]),/* @__PURE__ */e.jsx(u.default,{width:"100%",children:/* @__PURE__ */e.jsxs(l.Select,{fullWidth:!0,value:v,onChange:e=>c(e.target.value),...x,className:"select-drps",variant:"outlined",renderValue:e=>{var r,l,a;return i.formatText((null==(a=null==(l=d(null==(r=null==m?void 0:m.find(r=>r.name===e))?void 0:r.label))?void 0:l.replace("_id",""))?void 0:a.replaceAll("_"," "))||"Select Default")},onClose:()=>p((null==h?void 0:h.filter(e=>{var r;return Boolean(null==(r=e.label)?void 0:r.trim())}))||[]),children:[
+/* @__PURE__ */e.jsx("div",{className:"searchbar-box-list new-searchbar",children:/* @__PURE__ */e.jsx(t.SearchBar,{placeholder:"Search Attributes",handleSearch:e=>(e=>{const r=((null==h?void 0:h.filter(e=>{var r;return Boolean(null==(r=e.label)?void 0:r.trim())}))||[]).filter(r=>r.name.toLowerCase().includes(e.toLowerCase()));p(r)})(e)})}),null==m?void 0:m.map(r=>{var l,t;/* @__PURE__ */
+return e.jsx(o.default,{value:r.name,children:/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.1000",children:i.formatText(null==(t=null==(l=d(r.label))?void 0:l.replace("_id",""))?void 0:t.replaceAll("_"," "))})},r.name)})]})})};exports.FieldSelect=s,exports.default=s;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/field-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/field-select.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { FieldSelectorProps } from \"react-querybuilder\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport \"../filter.scss\";\nimport formatText from \"../../../utils/format-text\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FieldSelect = (props: FieldSelectorProps) => {\n\n  const { t } = useTranslation();\n\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const [filteredOptions, setFilteredOptions] = useState<any[]>();\n\n  const handleSearchEvent = (searchText: string) => {\n    const ops = options?.filter(o => Boolean(o.label?.trim())) || []\n    const filteredData = ops.filter((option: any) =>\n      option.name.toLowerCase().includes(searchText.toLowerCase()),\n    );\n    setFilteredOptions(filteredData);\n  };\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[options?.length])\n\n\n  return (\n    <Box width=\"100%\">\n      <Select\n        fullWidth\n        value={value}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        {...rest}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue={(value: any) => formatText(t(filteredOptions?.find((opttion: any)=>opttion.name === value)?.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \") || \"Select Default\")}\n        onClose={() => setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])}\n      >\n        <div className=\"searchbar-box-list new-searchbar\">\n          <SearchBar\n            placeholder={\"Search Attributes\"}\n            handleSearch={(e) => handleSearchEvent(e)}\n          />\n        </div>\n        {filteredOptions?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(t(op.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \"))}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport default FieldSelect;\n"],"names":["props","t","useTranslation","handleOnChange","value","options","rest","filteredOptions","setFilteredOptions","useState","useEffect","filter","o","Boolean","_a","label","trim","length","jsx","Box","width","children","jsxs","Select","fullWidth","onChange","e","target","className","variant","renderValue","formatText","_c","find","opttion","name","_b","replace","replaceAll","onClose","SearchBar","placeholder","handleSearch","searchText","filteredData","option","toLowerCase","includes","handleSearchEvent","map","op","MenuItem","Typography","type","color"],"mappings":"8iBAUqBA,IAEnB,MAAMC,EAAEA,GAAMC,oBAERC,eAAEA,EAAAC,MAAgBA,EAAAC,QAAOA,KAAYC,GAASN,GAE7CO,EAAiBC,GAAsBC,aAgB9C,OANAC,EAAAA,UAAU,KACRF,GAAmB,MAAAH,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,KAErE,CAAC,MAAAX,OAAA,EAAAA,EAASY,wBAIVC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,MAAM,OACTC,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CACCC,WAAS,EACTpB,QACAqB,SAAWC,GAAWvB,EAAeuB,EAAEC,OAAOvB,UAC1CE,EACJsB,UAAU,cACVC,QAAQ,WACRC,YAAc1B,cAAe2B,OAAAA,EAAAA,SAAW,OAAAC,EAAA,WAAE,OAAAlB,EAAA,MAAAP,OAAA,EAAAA,EAAiB0B,KAAMC,GAAeA,EAAQC,OAAS/B,SAAvD,EAAAU,EAA+DC,aAAjE,EAAAqB,EAAyEC,QAAQ,MAAO,cAAKC,WAAW,IAAK,OAAQ,mBAC7JC,QAAS,IAAM/B,GAAmB,MAAAH,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,IAEpFK,SAAA;iBAAAH,IAAC,MAAA,CAAIU,UAAU,mCACbP,wBAAAH,EAAAA,IAACsB,EAAAA,QAAA,CACCC,YAAa,oBACbC,aAAehB,GA7BC,CAACiB,IACzB,MACMC,IADM,MAAAvC,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,IACrCL,OAAQkC,GAC/BA,EAAOV,KAAKW,cAAcC,SAASJ,EAAWG,gBAEhDtC,EAAmBoC,IAwBUI,CAAkBtB,OAG1C,MAAAnB,OAAA,EAAAA,EAAiB0C,IAAKC;aACpBC,EAAAA,QAAA,CAAuB/C,MAAO8C,EAAGf,KAChCd,wBAAAH,EAAAA,IAACkC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBjC,SAAAU,EAAAA,QAAW,OAAAK,EAAA,WAAEc,EAAGnC,aAAL,EAAAD,EAAauB,QAAQ,MAAO,UAA5B,EAAAD,EAAiCE,WAAW,IAAK,SAFlDY,EAAGf"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/field-select.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { FieldSelectorProps } from \"react-querybuilder\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport \"../filter.scss\";\nimport formatText from \"../../../utils/format-text\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FieldSelect = (props: FieldSelectorProps) => {\n\n  const { t } = useTranslation();\n\n  const { handleOnChange, value, options, ...rest } = props;\n\n  const [filteredOptions, setFilteredOptions] = useState<any[]>();\n\n  const handleSearchEvent = (searchText: string) => {\n    const ops = options?.filter(o => Boolean(o.label?.trim())) || []\n    const filteredData = ops.filter((option: any) =>\n      option.name.toLowerCase().includes(searchText.toLowerCase()),\n    );\n    setFilteredOptions(filteredData);\n  };\n\n  useEffect(() => {\n    setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[options?.length])\n\n\n  return (\n    <Box width=\"100%\">\n      <Select\n        fullWidth\n        value={value}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        {...rest}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue={(value: any) => formatText(t(filteredOptions?.find((opttion: any)=>opttion.name === value)?.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \") || \"Select Default\")}\n        onClose={() => setFilteredOptions(options?.filter(o => Boolean(o.label?.trim())) || [])}\n      >\n        <div className=\"searchbar-box-list new-searchbar\">\n          <SearchBar\n            placeholder={\"Search Attributes\"}\n            handleSearch={(e) => handleSearchEvent(e)}\n          />\n        </div>\n        {filteredOptions?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(t(op.label)?.replace(\"_id\", '')?.replaceAll(\"_\", \" \"))}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport { FieldSelect };\nexport default FieldSelect;\n"],"names":["FieldSelect","props","t","useTranslation","handleOnChange","value","options","rest","filteredOptions","setFilteredOptions","useState","useEffect","filter","o","Boolean","_a","label","trim","length","jsx","Box","width","children","jsxs","Select","fullWidth","onChange","e","target","className","variant","renderValue","formatText","_c","find","opttion","name","_b","replace","replaceAll","onClose","SearchBar","placeholder","handleSearch","searchText","filteredData","option","toLowerCase","includes","handleSearchEvent","map","op","MenuItem","Typography","type","color"],"mappings":"8hBAUA,MAAMA,EAAeC,IAEnB,MAAMC,EAAEA,GAAMC,oBAERC,eAAEA,EAAAC,MAAgBA,EAAAC,QAAOA,KAAYC,GAASN,GAE7CO,EAAiBC,GAAsBC,aAgB9C,OANAC,EAAAA,UAAU,KACRF,GAAmB,MAAAH,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,KAErE,CAAC,MAAAX,OAAA,EAAAA,EAASY,wBAIVC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,MAAM,OACTC,wBAAAC,EAAAA,KAACC,EAAAA,OAAA,CACCC,WAAS,EACTpB,QACAqB,SAAWC,GAAWvB,EAAeuB,EAAEC,OAAOvB,UAC1CE,EACJsB,UAAU,cACVC,QAAQ,WACRC,YAAc1B,cAAe2B,OAAAA,EAAAA,YAAW,OAAAC,EAAA,WAAE,OAAAlB,EAAA,MAAAP,OAAA,EAAAA,EAAiB0B,KAAMC,GAAeA,EAAQC,OAAS/B,SAAvD,EAAAU,EAA+DC,aAAjE,EAAAqB,EAAyEC,QAAQ,MAAO,cAAKC,WAAW,IAAK,OAAQ,mBAC7JC,QAAS,IAAM/B,GAAmB,MAAAH,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,IAEpFK,SAAA;iBAAAH,IAAC,MAAA,CAAIU,UAAU,mCACbP,wBAAAH,EAAAA,IAACsB,EAAAA,UAAA,CACCC,YAAa,oBACbC,aAAehB,GA7BC,CAACiB,IACzB,MACMC,IADM,MAAAvC,OAAA,EAAAA,EAASM,OAAOC,UAAK,OAAAC,QAAQ,OAAAC,EAAAF,EAAEG,YAAF,EAAAD,EAASE,YAAY,IACrCL,OAAQkC,GAC/BA,EAAOV,KAAKW,cAAcC,SAASJ,EAAWG,gBAEhDtC,EAAmBoC,IAwBUI,CAAkBtB,OAG1C,MAAAnB,OAAA,EAAAA,EAAiB0C,IAAKC;aACpBC,EAAAA,QAAA,CAAuB/C,MAAO8C,EAAGf,KAChCd,wBAAAH,EAAAA,IAACkC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzBjC,SAAAU,EAAAA,WAAW,OAAAK,EAAA,WAAEc,EAAGnC,aAAL,EAAAD,EAAauB,QAAQ,MAAO,UAA5B,EAAAD,EAAiCE,WAAW,IAAK,SAFlDY,EAAGf"}

package/dist/components/filter/components/field-select.d.ts

@@ -1,4 +1,5 @@
 import { FieldSelectorProps } from 'react-querybuilder';
 
 declare const FieldSelect: (props: FieldSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export { FieldSelect };
 export default FieldSelect;

package/dist/components/filter/components/operator-select/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import Select from "../../../select/select/index.esm.js";
+import { Select } from "../../../select/select/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import formatText from "../../../../utils/format-text/index.esm.js";
+import { formatText } from "../../../../utils/format-text/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const OperatorSelect = (props) => {
@@ -28,6 +28,7 @@ const OperatorSelect = (props) => {
   ) });
 };
 export {
+  OperatorSelect,
   OperatorSelect as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/operator-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/operator-select.tsx"],"sourcesContent":["import { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { OperatorSelectorProps } from \"react-querybuilder\";\nimport formatText from \"../../../utils/format-text\";\n\nconst OperatorSelect = (props: OperatorSelectorProps) => {\n  const { handleOnChange, options, ...rest } = props;\n\n\n  return (\n    <Box width='100%'>\n      <Select\n        fullWidth\n        {...rest}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue= {(selected: string) => {\n          const dValue = options?.find(o => o.name==selected)?.label\n          return dValue ? formatText(dValue) : selected\n        }}\n      >\n        {options?.filter(o => Boolean(o.label?.trim()))?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(op.label)}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport default OperatorSelect;\n"],"names":["_a"],"mappings":";;;;;;AAMA,MAAM,iBAAiB,CAAC,UAAiC;;AACvD,QAAM,EAAE,gBAAgB,SAAS,GAAG,SAAS;AAG7C,SACE,oBAAC,KAAA,EAAI,OAAM,QACT,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MACnD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,aAAc,CAAC,aAAqB;;AAClC,cAAM,UAASA,MAAA,mCAAS,KAAK,OAAK,EAAE,QAAM,cAA3B,gBAAAA,IAAsC;AACrD,eAAO,SAAS,WAAW,MAAM,IAAI;AAAA,MACvC;AAAA,MAEC,WAAA,wCAAS,OAAO,CAAA,MAAA;;AAAK,wBAAQA,MAAA,EAAE,UAAF,gBAAAA,IAAS,MAAM;AAAA,aAA5C,mBAAgD,IAAI,CAAC,OACpD,oBAAC,UAAA,EAAuB,OAAO,GAAG,MAChC,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,WAAW,GAAG,KAAK,EAAA,CACtB,EAAA,GAHa,GAAG,IAIlB;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/operator-select.tsx"],"sourcesContent":["import { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { OperatorSelectorProps } from \"react-querybuilder\";\nimport formatText from \"../../../utils/format-text\";\n\nconst OperatorSelect = (props: OperatorSelectorProps) => {\n  const { handleOnChange, options, ...rest } = props;\n\n\n  return (\n    <Box width='100%'>\n      <Select\n        fullWidth\n        {...rest}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue= {(selected: string) => {\n          const dValue = options?.find(o => o.name==selected)?.label\n          return dValue ? formatText(dValue) : selected\n        }}\n      >\n        {options?.filter(o => Boolean(o.label?.trim()))?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(op.label)}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport { OperatorSelect };\nexport default OperatorSelect;\n"],"names":["_a"],"mappings":";;;;;;AAMA,MAAM,iBAAiB,CAAC,UAAiC;;AACvD,QAAM,EAAE,gBAAgB,SAAS,GAAG,SAAS;AAG7C,SACE,oBAAC,KAAA,EAAI,OAAM,QACT,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAU,CAAC,MAAW,eAAe,EAAE,OAAO,KAAK;AAAA,MACnD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,aAAc,CAAC,aAAqB;;AAClC,cAAM,UAASA,MAAA,mCAAS,KAAK,OAAK,EAAE,QAAM,cAA3B,gBAAAA,IAAsC;AACrD,eAAO,SAAS,WAAW,MAAM,IAAI;AAAA,MACvC;AAAA,MAEC,WAAA,wCAAS,OAAO,CAAA,MAAA;;AAAK,wBAAQA,MAAA,EAAE,UAAF,gBAAAA,IAAS,MAAM;AAAA,aAA5C,mBAAgD,IAAI,CAAC,OACpD,oBAAC,UAAA,EAAuB,OAAO,GAAG,MAChC,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBACzB,UAAA,WAAW,GAAG,KAAK,EAAA,CACtB,EAAA,GAHa,GAAG,IAIlB;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/filter/components/operator-select/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../select/select/index.js"),l=require("../../../typography/typography/index.js"),t=require("../../../../utils/format-text/index.js"),a=require("../../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=i=>{var u;const{handleOnChange:d,options:o,...s}=i;/* @__PURE__ */
-return e.jsx(a.default,{width:"100%",children:/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,...s,onChange:e=>d(e.target.value),className:"select-drps",variant:"outlined",renderValue:e=>{var r;const l=null==(r=null==o?void 0:o.find(r=>r.name==e))?void 0:r.label;return l?t.default(l):e},children:null==(u=null==o?void 0:o.filter(e=>{var r;return Boolean(null==(r=e.label)?void 0:r.trim())}))?void 0:u.map(r=>/* @__PURE__ */e.jsx(n.default,{value:r.name,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.default(r.label)})},r.name))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../select/select/index.js"),t=require("../../../typography/typography/index.js"),l=require("../../../../utils/format-text/index.js"),n=require("../../../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");const i=i=>{var o;const{handleOnChange:u,options:d,...s}=i;/* @__PURE__ */
+return e.jsx(n.default,{width:"100%",children:/* @__PURE__ */e.jsx(r.Select,{fullWidth:!0,...s,onChange:e=>u(e.target.value),className:"select-drps",variant:"outlined",renderValue:e=>{var r;const t=null==(r=null==d?void 0:d.find(r=>r.name==e))?void 0:r.label;return t?l.formatText(t):e},children:null==(o=null==d?void 0:d.filter(e=>{var r;return Boolean(null==(r=e.label)?void 0:r.trim())}))?void 0:o.map(r=>/* @__PURE__ */e.jsx(a.default,{value:r.name,children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.1000",children:l.formatText(r.label)})},r.name))})})};exports.OperatorSelect=i,exports.default=i;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/operator-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/operator-select.tsx"],"sourcesContent":["import { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { OperatorSelectorProps } from \"react-querybuilder\";\nimport formatText from \"../../../utils/format-text\";\n\nconst OperatorSelect = (props: OperatorSelectorProps) => {\n  const { handleOnChange, options, ...rest } = props;\n\n\n  return (\n    <Box width='100%'>\n      <Select\n        fullWidth\n        {...rest}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue= {(selected: string) => {\n          const dValue = options?.find(o => o.name==selected)?.label\n          return dValue ? formatText(dValue) : selected\n        }}\n      >\n        {options?.filter(o => Boolean(o.label?.trim()))?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(op.label)}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport default OperatorSelect;\n"],"names":["props","handleOnChange","options","rest","jsx","Box","width","children","Select","fullWidth","onChange","e","target","value","className","variant","renderValue","selected","dValue","_a","find","o","name","label","formatText","filter","Boolean","trim","map","op","MenuItem","Typography","type","color"],"mappings":"iaAMwBA,UACtB,MAAMC,eAAEA,EAAAC,QAAgBA,KAAYC,GAASH;AAG7C,OACEI,EAAAA,IAACC,EAAAA,QAAA,CAAIC,MAAM,OACTC,wBAAAH,EAAAA,IAACI,EAAAA,QAAA,CACCC,WAAS,KACLN,EACJO,SAAWC,GAAWV,EAAeU,EAAEC,OAAOC,OAC9CC,UAAU,cACVC,QAAQ,WACRC,YAAeC,UACb,MAAMC,EAAS,OAAAC,EAAA,MAAAjB,OAAA,EAAAA,EAASkB,QAAUC,EAAEC,MAAML,SAA3B,EAAAE,EAAsCI,MACrD,OAAOL,EAASM,EAAAA,QAAWN,GAAUD,GAGtCV,SAAA,OAAAY,EAAA,MAAAjB,OAAA,EAAAA,EAASuB,OAAOJ,UAAK,OAAAK,QAAQ,OAAAP,EAAAE,EAAEE,YAAF,EAAAJ,EAASQ,gBAAtC,EAAAR,EAAgDS,IAAKC,oBACpDzB,IAAC0B,EAAAA,QAAA,CAAuBjB,MAAOgB,EAAGP,KAChCf,0BAAAH,IAAC2B,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzB1B,SAAAiB,EAAAA,QAAWK,EAAGN,UAFJM,EAAGP"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/operator-select.tsx"],"sourcesContent":["import { Box, MenuItem } from \"@mui/material\";\nimport Select from \"../../select/select\";\nimport Typography from \"../../typography/typography\";\nimport { OperatorSelectorProps } from \"react-querybuilder\";\nimport formatText from \"../../../utils/format-text\";\n\nconst OperatorSelect = (props: OperatorSelectorProps) => {\n  const { handleOnChange, options, ...rest } = props;\n\n\n  return (\n    <Box width='100%'>\n      <Select\n        fullWidth\n        {...rest}\n        onChange={(e: any) => handleOnChange(e.target.value)}\n        className=\"select-drps\"\n        variant=\"outlined\"\n        renderValue= {(selected: string) => {\n          const dValue = options?.find(o => o.name==selected)?.label\n          return dValue ? formatText(dValue) : selected\n        }}\n      >\n        {options?.filter(o => Boolean(o.label?.trim()))?.map((op: any) => (\n          <MenuItem key={op.name} value={op.name}>\n            <Typography type=\"s4\" color=\"theme.secondary.1000\">\n              {formatText(op.label)}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </Box>\n  );\n};\n\nexport { OperatorSelect };\nexport default OperatorSelect;\n"],"names":["OperatorSelect","props","handleOnChange","options","rest","jsx","Box","width","children","Select","fullWidth","onChange","e","target","value","className","variant","renderValue","selected","dValue","_a","find","o","name","label","formatText","filter","Boolean","trim","map","op","MenuItem","Typography","type","color"],"mappings":"iZAMA,MAAMA,EAAkBC,UACtB,MAAMC,eAAEA,EAAAC,QAAgBA,KAAYC,GAASH;AAG7C,OACEI,EAAAA,IAACC,EAAAA,QAAA,CAAIC,MAAM,OACTC,wBAAAH,EAAAA,IAACI,EAAAA,OAAA,CACCC,WAAS,KACLN,EACJO,SAAWC,GAAWV,EAAeU,EAAEC,OAAOC,OAC9CC,UAAU,cACVC,QAAQ,WACRC,YAAeC,UACb,MAAMC,EAAS,OAAAC,EAAA,MAAAjB,OAAA,EAAAA,EAASkB,QAAUC,EAAEC,MAAML,SAA3B,EAAAE,EAAsCI,MACrD,OAAOL,EAASM,EAAAA,WAAWN,GAAUD,GAGtCV,SAAA,OAAAY,EAAA,MAAAjB,OAAA,EAAAA,EAASuB,OAAOJ,UAAK,OAAAK,QAAQ,OAAAP,EAAAE,EAAEE,YAAF,EAAAJ,EAASQ,gBAAtC,EAAAR,EAAgDS,IAAKC,oBACpDzB,IAAC0B,EAAAA,QAAA,CAAuBjB,MAAOgB,EAAGP,KAChCf,0BAAAH,IAAC2B,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACzB1B,SAAAiB,EAAAA,WAAWK,EAAGN,UAFJM,EAAGP"}

package/dist/components/filter/components/operator-select.d.ts

@@ -1,4 +1,5 @@
 import { OperatorSelectorProps } from 'react-querybuilder';
 
 declare const OperatorSelect: (props: OperatorSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export { OperatorSelect };
 export default OperatorSelect;

package/dist/components/filter/components/remove-action/index.esm.js

@@ -17,6 +17,7 @@ const RemoveAction = (props) => {
   return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(IconButton, { sx: btnStyles, size: "small", onClick: props.handleOnClick, disableRipple: true, children: /* @__PURE__ */ jsx(Trash, { sx: { fontSize: "1.35rem", ...iconStyles } }) }) });
 };
 export {
+  RemoveAction,
   RemoveAction as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/remove-action/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/remove-action.tsx"],"sourcesContent":["import { Box, IconButton } from \"@mui/material\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { useLanguage } from \"../../../hooks/useLangauge\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveAction = (props: ActionProps) => {\n  const { isRtl } = useLanguage();\n  const btnStyles = {\n    ...(isRtl ? { marginRight:-1.5 } : {}),\n  }\n  const iconStyles = {\n    color: 'theme.grey.600',\n    '&:hover': {\n      color: 'theme.error.600'\n    }\n  }\n  return (\n    <Box>\n      <IconButton sx={btnStyles} size={\"small\"} onClick={props.handleOnClick} disableRipple>\n        <Trash sx={{ fontSize: '1.35rem', ...iconStyles }} />\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default RemoveAction;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,eAAe,CAAC,UAAuB;AAC3C,QAAM,EAAE,MAAA,IAAU,YAAA;AAClB,QAAM,YAAY;AAAA,IAChB,GAAI,QAAQ,EAAE,aAAY,SAAS,CAAA;AAAA,EAAC;AAEtC,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,IACP,WAAW;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEF,SACE,oBAAC,OACC,UAAA,oBAAC,YAAA,EAAW,IAAI,WAAW,MAAM,SAAS,SAAS,MAAM,eAAe,eAAa,MACnF,UAAA,oBAAC,OAAA,EAAM,IAAI,EAAE,UAAU,WAAW,GAAG,WAAA,EAAW,CAAG,EAAA,CACrD,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/remove-action.tsx"],"sourcesContent":["import { Box, IconButton } from \"@mui/material\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { useLanguage } from \"../../../hooks/useLangauge\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveAction = (props: ActionProps) => {\n  const { isRtl } = useLanguage();\n  const btnStyles = {\n    ...(isRtl ? { marginRight:-1.5 } : {}),\n  }\n  const iconStyles = {\n    color: 'theme.grey.600',\n    '&:hover': {\n      color: 'theme.error.600'\n    }\n  }\n  return (\n    <Box>\n      <IconButton sx={btnStyles} size={\"small\"} onClick={props.handleOnClick} disableRipple>\n        <Trash sx={{ fontSize: '1.35rem', ...iconStyles }} />\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { RemoveAction };\nexport default RemoveAction;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,eAAe,CAAC,UAAuB;AAC3C,QAAM,EAAE,MAAA,IAAU,YAAA;AAClB,QAAM,YAAY;AAAA,IAChB,GAAI,QAAQ,EAAE,aAAY,SAAS,CAAA;AAAA,EAAC;AAEtC,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,IACP,WAAW;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEF,SACE,oBAAC,OACC,UAAA,oBAAC,YAAA,EAAW,IAAI,WAAW,MAAM,SAAS,SAAS,MAAM,eAAe,eAAa,MACnF,UAAA,oBAAC,OAAA,EAAM,IAAI,EAAE,UAAU,WAAW,GAAG,WAAA,EAAW,CAAG,EAAA,CACrD,EAAA,CACF;AAEJ;"}

package/dist/components/filter/components/remove-action/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../hooks/useLangauge/index.js"),i=require("../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),o=require("../../../icons/trash/index.js");exports.default=t=>{const{isRtl:n}=r.useLanguage(),u={...n?{marginRight:-1.5}:{}};/* @__PURE__ */
-return e.jsx(i.default,{children:/* @__PURE__ */e.jsx(s.default,{sx:u,size:"small",onClick:t.handleOnClick,disableRipple:!0,children:/* @__PURE__ */e.jsx(o.Trash,{sx:{fontSize:"1.35rem",color:"theme.grey.600","&:hover":{color:"theme.error.600"}}})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../hooks/useLangauge/index.js"),o=require("../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),i=require("../../../icons/trash/index.js");const t=t=>{const{isRtl:n}=r.useLanguage(),u={...n?{marginRight:-1.5}:{}};/* @__PURE__ */
+return e.jsx(o.default,{children:/* @__PURE__ */e.jsx(s.default,{sx:u,size:"small",onClick:t.handleOnClick,disableRipple:!0,children:/* @__PURE__ */e.jsx(i.Trash,{sx:{fontSize:"1.35rem",color:"theme.grey.600","&:hover":{color:"theme.error.600"}}})})})};exports.RemoveAction=t,exports.default=t;
 //# sourceMappingURL=index.js.map

package/dist/components/filter/components/remove-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/remove-action.tsx"],"sourcesContent":["import { Box, IconButton } from \"@mui/material\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { useLanguage } from \"../../../hooks/useLangauge\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveAction = (props: ActionProps) => {\n  const { isRtl } = useLanguage();\n  const btnStyles = {\n    ...(isRtl ? { marginRight:-1.5 } : {}),\n  }\n  const iconStyles = {\n    color: 'theme.grey.600',\n    '&:hover': {\n      color: 'theme.error.600'\n    }\n  }\n  return (\n    <Box>\n      <IconButton sx={btnStyles} size={\"small\"} onClick={props.handleOnClick} disableRipple>\n        <Trash sx={{ fontSize: '1.35rem', ...iconStyles }} />\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default RemoveAction;\n"],"names":["props","isRtl","useLanguage","btnStyles","marginRight","jsx","Box","children","IconButton","sx","size","onClick","handleOnClick","disableRipple","Trash","fontSize","color"],"mappings":"8WAKsBA,IACpB,MAAMC,MAAEA,GAAUC,gBACZC,EAAY,IACZF,EAAQ,CAAEG,aAAY,KAAS,CAAA;AAQrC,SACEC,IAACC,EAAAA,SACCC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAWC,GAAIN,EAAWO,KAAM,QAASC,QAASX,EAAMY,cAAeC,eAAa,EACnFN,wBAAAF,MAACS,EAAAA,MAAA,CAAML,GAAI,CAAEM,SAAU,UAR3BC,MAAO,iBACP,UAAW,CACTA,MAAO"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/filter/components/remove-action.tsx"],"sourcesContent":["import { Box, IconButton } from \"@mui/material\";\nimport { ActionProps } from \"react-querybuilder\";\nimport { useLanguage } from \"../../../hooks/useLangauge\";\nimport { Trash } from \"../../icons\";\n\nconst RemoveAction = (props: ActionProps) => {\n  const { isRtl } = useLanguage();\n  const btnStyles = {\n    ...(isRtl ? { marginRight:-1.5 } : {}),\n  }\n  const iconStyles = {\n    color: 'theme.grey.600',\n    '&:hover': {\n      color: 'theme.error.600'\n    }\n  }\n  return (\n    <Box>\n      <IconButton sx={btnStyles} size={\"small\"} onClick={props.handleOnClick} disableRipple>\n        <Trash sx={{ fontSize: '1.35rem', ...iconStyles }} />\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { RemoveAction };\nexport default RemoveAction;\n"],"names":["RemoveAction","props","isRtl","useLanguage","btnStyles","marginRight","jsx","Box","children","IconButton","sx","size","onClick","handleOnClick","disableRipple","Trash","fontSize","color"],"mappings":"8VAKA,MAAMA,EAAgBC,IACpB,MAAMC,MAAEA,GAAUC,gBACZC,EAAY,IACZF,EAAQ,CAAEG,aAAY,KAAS,CAAA;AAQrC,SACEC,IAACC,EAAAA,SACCC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAWC,GAAIN,EAAWO,KAAM,QAASC,QAASX,EAAMY,cAAeC,eAAa,EACnFN,wBAAAF,MAACS,EAAAA,MAAA,CAAML,GAAI,CAAEM,SAAU,UAR3BC,MAAO,iBACP,UAAW,CACTA,MAAO"}

package/dist/components/filter/components/remove-action.d.ts

@@ -1,4 +1,5 @@
 import { ActionProps } from 'react-querybuilder';
 
 declare const RemoveAction: (props: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export { RemoveAction };
 export default RemoveAction;

package/dist/components/filter/components/value-editor/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import TextField from "../../../text-field/text-field/index.esm.js";
+import { TextField } from "../../../text-field/text-field/index.esm.js";
 /* empty css                          */
-import DatePicker from "../../../date-picker/date-picker/index.esm.js";
+import { DatePicker } from "../../../date-picker/date-picker/index.esm.js";
 import dayjs from "dayjs";
-import MultiSelect from "../../../multi-select/multi-select/index.esm.js";
+import { MultiSelect } from "../../../multi-select/multi-select/index.esm.js";
 import _ from "lodash";
 import { formatLabel } from "../../../../utils/format-text/index.esm.js";
 import { getV1FilterFilterTable } from "../../../../api-client/api.system-feature/api/index.esm.js";
@@ -159,6 +159,7 @@ const ValueEditor = (props) => {
   return /* @__PURE__ */ jsx(Box, { width: "100%", children: renderOptions() });
 };
 export {
+  ValueEditor,
   ValueEditor as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/filter/components/value-editor/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/value-editor.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Box } from '@mui/material';\nimport TextField from '../../text-field/text-field';\nimport { ValueEditorProps } from 'react-querybuilder';\nimport '../filter.scss';\nimport DatePicker from '../../date-picker/date-picker';\nimport dayjs from 'dayjs';\n\nimport MultiSelect from '../../multi-select/multi-select';\nimport _ from 'lodash';\nimport { formatLabel } from '../../../utils/format-text';\nimport { getToken } from '@/utils';\nimport { getV1FilterFilterTable } from '../../../api-client/api.system-feature/api';\n\nconst getFilterTableFields = async (\n\ttableName: string,\n\tsearchText: string,\n\tlimit: number,\n\toffset: number = 0\n) => {\n\ttry {\n\t\tconst tokenObj = getToken();\n\t\tconst response = await getV1FilterFilterTable({\n\t\t\ttable: tableName,\n\t\t\tsearch: searchText,\n\t\t\tlimit: limit,\n\t\t\toffset: offset,\n\t\t\t'x-token': tokenObj['x-token'],\n\t\t\t'x-timezone': String(tokenObj['x-timezone'])\n\t\t});\n\n\t\t// response could be of several types, but use optional chaining and type narrowing\n\t\tif ('data' in response && response.data) {\n\t\t\treturn response.data;\n\t\t}\n\t\treturn [];\n\t} catch (error) {\n\t\treturn [];\n\t}\n};\n\nconst ValueEditor = (props: ValueEditorProps) => {\n\t// eslint-disable-next-line\n\tlet { values, value, handleOnChange, fieldData, rule, ...rest } = props;\n\n\tif (!value && fieldData.inputType == 'select') {\n\t\tvalue = null;\n\t} else if (!Array.isArray(value) && fieldData.inputType == 'select') {\n\t\tvalue = [];\n\t}\n\n\tconst [filteredValues, setFilteredValues] = useState(values);\n\tconst [tableValues, setTableValues] = useState({});\n\tconst [selectSearch, setSelectSearch] = useState<string>('');\n\n\t// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n\n\tuseEffect(() => {\n\t\tif (fieldData.table && tableValues[fieldData.table]) {\n\t\t\tsetFilteredValues(tableValues[fieldData.table]);\n\t\t} else {\n\t\t\tsetFilteredValues(values);\n\t\t}\n\t}, [fieldData.table, tableValues, values]);\n\n\tconst fetchData = async () => {\n\t\tif (fieldData.table) {\n\t\t\ttry {\n\t\t\t\tconst data = await getFilterTableFields(\n\t\t\t\t\tfieldData.table,\n\t\t\t\t\tselectSearch,\n\t\t\t\t\t20,\n\t\t\t\t\t0\n\t\t\t\t);\n\n\t\t\t\tlet optionData =\n\t\t\t\t\tdata?.result?.map((record) => ({\n\t\t\t\t\t\tname: record.id,\n\t\t\t\t\t\tlabel: record.name\n\t\t\t\t\t})) || [];\n\n\t\t\t\tconst previosSelected = Array.isArray(value) ? value : [];\n\n\t\t\t\toptionData = [...optionData, ...previosSelected];\n\n\t\t\t\toptionData = Array.from(\n\t\t\t\t\tnew Map(optionData.map((item) => [item.name, item])).values()\n\t\t\t\t);\n\n\t\t\t\tsetFilteredValues(optionData);\n\t\t\t\tsetTableValues((prevTableValues) => ({\n\t\t\t\t\t...prevTableValues,\n\t\t\t\t\t[fieldData.table]: optionData\n\t\t\t\t}));\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error fetching table fields:', error);\n\t\t\t}\n\t\t} else {\n\t\t\tconst searchedOptions =\n\t\t\t\tvalues?.filter((opt) =>\n\t\t\t\t\topt.label.toLowerCase().includes(selectSearch.toLowerCase())\n\t\t\t\t) || [];\n\t\t\tsetFilteredValues(searchedOptions);\n\t\t}\n\t};\n\tconst debouncedFetchSelectOption = _.debounce(() => {\n\t\tfetchData();\n\t}, 1000);\n\tuseEffect(() => {\n\t\tfetchData();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldData.table]);\n\tuseEffect(() => {\n\t\tsetSelectSearch('');\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldData?.name]);\n\tuseEffect(() => {\n\t\tdebouncedFetchSelectOption();\n\t\treturn () => debouncedFetchSelectOption.cancel();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [selectSearch]);\n\n\tconst isDisabled = useMemo(() => {\n\t\treturn rule.operator === 'null' || rule.operator === 'notNull';\n\t}, [rule.operator]);\n\n\tconst renderOptions = () => {\n\t\tswitch (fieldData.inputType) {\n\t\t\tcase 'select':\n\t\t\t\treturn (\n\t\t\t\t\t<MultiSelect\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tfilteredValues?.map((item) => {\n\t\t\t\t\t\t\t\treturn { ...item, value: item, label: formatLabel(item.label) };\n\t\t\t\t\t\t\t}) || []\n\t\t\t\t\t\t}\n\t\t\t\t\t\tname='insurance_account'\n\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\tonChange={(v: any) => handleOnChange(v)}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tis_multiselect={true}\n\t\t\t\t\t\thandleSearch={(str) => setSelectSearch(str)}\n\t\t\t\t\t\tsearchValue={selectSearch}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\tonChipRemove={() => handleOnChange([])}></MultiSelect>\n\t\t\t\t);\n\t\t\tcase 'date':\n\t\t\t\treturn (\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tonChange={(val) =>\n\t\t\t\t\t\t\thandleOnChange(\n\t\t\t\t\t\t\t\tdayjs(val).isValid() ? dayjs(val).format('YYYY-MM-DD') : ''\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={value ? dayjs(value) : null}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\tslotProps={{\n\t\t\t\t\t\t\ttextField: {\n\t\t\t\t\t\t\t\tplaceholder: 'YYYY-MM-DD',\n\t\t\t\t\t\t\t\tclassName: 'select-drps'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tformat='YYYY-MM-DD'\n\t\t\t\t\t/>\n\t\t\t\t);\n\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<TextField\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={(e: any) => {\n\t\t\t\t\t\t\thandleOnChange(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tinputProps={{\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\tfontSize: '0.8125rem'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName='select-drps'\n\t\t\t\t\t\ttype={fieldData.inputType}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn <Box width='100%'>{renderOptions()}</Box>;\n};\n\nexport default ValueEditor;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/filter/components/value-editor.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Box } from '@mui/material';\nimport TextField from '../../text-field/text-field';\nimport { ValueEditorProps } from 'react-querybuilder';\nimport '../filter.scss';\nimport DatePicker from '../../date-picker/date-picker';\nimport dayjs from 'dayjs';\n\nimport MultiSelect from '../../multi-select/multi-select';\nimport _ from 'lodash';\nimport { formatLabel } from '../../../utils/format-text';\nimport { getToken } from '@/utils';\nimport { getV1FilterFilterTable } from '../../../api-client/api.system-feature/api';\n\nconst getFilterTableFields = async (\n\ttableName: string,\n\tsearchText: string,\n\tlimit: number,\n\toffset: number = 0\n) => {\n\ttry {\n\t\tconst tokenObj = getToken();\n\t\tconst response = await getV1FilterFilterTable({\n\t\t\ttable: tableName,\n\t\t\tsearch: searchText,\n\t\t\tlimit: limit,\n\t\t\toffset: offset,\n\t\t\t'x-token': tokenObj['x-token'],\n\t\t\t'x-timezone': String(tokenObj['x-timezone'])\n\t\t});\n\n\t\t// response could be of several types, but use optional chaining and type narrowing\n\t\tif ('data' in response && response.data) {\n\t\t\treturn response.data;\n\t\t}\n\t\treturn [];\n\t} catch (error) {\n\t\treturn [];\n\t}\n};\n\nconst ValueEditor = (props: ValueEditorProps) => {\n\t// eslint-disable-next-line\n\tlet { values, value, handleOnChange, fieldData, rule, ...rest } = props;\n\n\tif (!value && fieldData.inputType == 'select') {\n\t\tvalue = null;\n\t} else if (!Array.isArray(value) && fieldData.inputType == 'select') {\n\t\tvalue = [];\n\t}\n\n\tconst [filteredValues, setFilteredValues] = useState(values);\n\tconst [tableValues, setTableValues] = useState({});\n\tconst [selectSearch, setSelectSearch] = useState<string>('');\n\n\t// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n\n\tuseEffect(() => {\n\t\tif (fieldData.table && tableValues[fieldData.table]) {\n\t\t\tsetFilteredValues(tableValues[fieldData.table]);\n\t\t} else {\n\t\t\tsetFilteredValues(values);\n\t\t}\n\t}, [fieldData.table, tableValues, values]);\n\n\tconst fetchData = async () => {\n\t\tif (fieldData.table) {\n\t\t\ttry {\n\t\t\t\tconst data = await getFilterTableFields(\n\t\t\t\t\tfieldData.table,\n\t\t\t\t\tselectSearch,\n\t\t\t\t\t20,\n\t\t\t\t\t0\n\t\t\t\t);\n\n\t\t\t\tlet optionData =\n\t\t\t\t\tdata?.result?.map((record) => ({\n\t\t\t\t\t\tname: record.id,\n\t\t\t\t\t\tlabel: record.name\n\t\t\t\t\t})) || [];\n\n\t\t\t\tconst previosSelected = Array.isArray(value) ? value : [];\n\n\t\t\t\toptionData = [...optionData, ...previosSelected];\n\n\t\t\t\toptionData = Array.from(\n\t\t\t\t\tnew Map(optionData.map((item) => [item.name, item])).values()\n\t\t\t\t);\n\n\t\t\t\tsetFilteredValues(optionData);\n\t\t\t\tsetTableValues((prevTableValues) => ({\n\t\t\t\t\t...prevTableValues,\n\t\t\t\t\t[fieldData.table]: optionData\n\t\t\t\t}));\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error fetching table fields:', error);\n\t\t\t}\n\t\t} else {\n\t\t\tconst searchedOptions =\n\t\t\t\tvalues?.filter((opt) =>\n\t\t\t\t\topt.label.toLowerCase().includes(selectSearch.toLowerCase())\n\t\t\t\t) || [];\n\t\t\tsetFilteredValues(searchedOptions);\n\t\t}\n\t};\n\tconst debouncedFetchSelectOption = _.debounce(() => {\n\t\tfetchData();\n\t}, 1000);\n\tuseEffect(() => {\n\t\tfetchData();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldData.table]);\n\tuseEffect(() => {\n\t\tsetSelectSearch('');\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldData?.name]);\n\tuseEffect(() => {\n\t\tdebouncedFetchSelectOption();\n\t\treturn () => debouncedFetchSelectOption.cancel();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [selectSearch]);\n\n\tconst isDisabled = useMemo(() => {\n\t\treturn rule.operator === 'null' || rule.operator === 'notNull';\n\t}, [rule.operator]);\n\n\tconst renderOptions = () => {\n\t\tswitch (fieldData.inputType) {\n\t\t\tcase 'select':\n\t\t\t\treturn (\n\t\t\t\t\t<MultiSelect\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tfilteredValues?.map((item) => {\n\t\t\t\t\t\t\t\treturn { ...item, value: item, label: formatLabel(item.label) };\n\t\t\t\t\t\t\t}) || []\n\t\t\t\t\t\t}\n\t\t\t\t\t\tname='insurance_account'\n\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\tonChange={(v: any) => handleOnChange(v)}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tis_multiselect={true}\n\t\t\t\t\t\thandleSearch={(str) => setSelectSearch(str)}\n\t\t\t\t\t\tsearchValue={selectSearch}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\tonChipRemove={() => handleOnChange([])}></MultiSelect>\n\t\t\t\t);\n\t\t\tcase 'date':\n\t\t\t\treturn (\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tonChange={(val) =>\n\t\t\t\t\t\t\thandleOnChange(\n\t\t\t\t\t\t\t\tdayjs(val).isValid() ? dayjs(val).format('YYYY-MM-DD') : ''\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={value ? dayjs(value) : null}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\tslotProps={{\n\t\t\t\t\t\t\ttextField: {\n\t\t\t\t\t\t\t\tplaceholder: 'YYYY-MM-DD',\n\t\t\t\t\t\t\t\tclassName: 'select-drps'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tformat='YYYY-MM-DD'\n\t\t\t\t\t/>\n\t\t\t\t);\n\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<TextField\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={(e: any) => {\n\t\t\t\t\t\t\thandleOnChange(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tinputProps={{\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\tfontSize: '0.8125rem'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName='select-drps'\n\t\t\t\t\t\ttype={fieldData.inputType}\n\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn <Box width='100%'>{renderOptions()}</Box>;\n};\n\nexport { ValueEditor };\nexport default ValueEditor;\n"],"names":[],"mappings":"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"}