@erpsquad/common 1.8.45 → 1.8.47

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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"}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=;/* empty css                                    */;/* empty css                       */var l=,/* empty css                                      */r=require("dayjs"),s=,/* empty css                                        */i=require("lodash"),u=,/* empty css                                   */n=,/* empty css                                                   */o=,/* empty css                                                    */d=;/* empty css                              */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=/* @__PURE__ */c(r),p=/* @__PURE__ */c(i);exports.default=r=>{let{values:i,value:c,handleOnChange:m,fieldData:x,rule:b,...v}=r;c||"select"!=x.inputType?Array.isArray(c)||"select"!=x.inputType||(c=[]):c=null;const[y,h]=t.useState(i),[j,q]=t.useState({}),[Y,M]=t.useState("");t.useEffect(()=>{x.table&&j[x.table]?h(j[x.table]):h(i)},[x.table,j,i]);const g=async()=>{var e;if(x.table)try{const t=await(async(e,t,a,l=0)=>{try{const r=d.getToken(),s=await n.getV1FilterFilterTable({table:e,search:t,limit:a,offset:l,"x-token":r["x-token"],"x-timezone":String(r["x-timezone"])});return"data"in s&&s.data?s.data:[]}catch(r){return[]}})(x.table,Y,20,0);let a=(null==(e=null==t?void 0:t.result)?void 0:e.map(e=>({name:e.id,label:e.name})))||[];const l=Array.isArray(c)?c:[];a=[...a,...l],a=Array.from(new Map(a.map(e=>[e.name,e])).values()),h(a),q(e=>({...e,[x.table]:a}))}catch(t){}else{const e=(null==i?void 0:i.filter(e=>e.label.toLowerCase().includes(Y.toLowerCase())))||[];h(e)}},w=p.default.debounce(()=>{g()},1e3);t.useEffect(()=>{g()},[x.table]),t.useEffect(()=>{M("")},[null==x?void 0:x.name]),t.useEffect(()=>(w(),()=>w.cancel()),[Y]);const C=t.useMemo(()=>"null"===b.operator||"notNull"===b.operator,[b.operator]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=;/* empty css                                    */;/* empty css                       */var l=,/* empty css                                      */r=require("dayjs"),s=,/* empty css                                        */i=require("lodash"),n=,/* empty css                                   */u=,/* empty css                                                   */o=,/* empty css                                                    */c=;/* empty css                              */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=/* @__PURE__ */d(r),p=/* @__PURE__ */d(i);const m=r=>{let{values:i,value:d,handleOnChange:m,fieldData:x,rule:b,...v}=r;d||"select"!=x.inputType?Array.isArray(d)||"select"!=x.inputType||(d=[]):d=null;const[y,h]=t.useState(i),[j,q]=t.useState({}),[Y,M]=t.useState("");t.useEffect(()=>{x.table&&j[x.table]?h(j[x.table]):h(i)},[x.table,j,i]);const g=async()=>{var e;if(x.table)try{const t=await(async(e,t,a,l=0)=>{try{const r=c.getToken(),s=await u.getV1FilterFilterTable({table:e,search:t,limit:a,offset:l,"x-token":r["x-token"],"x-timezone":String(r["x-timezone"])});return"data"in s&&s.data?s.data:[]}catch(r){return[]}})(x.table,Y,20,0);let a=(null==(e=null==t?void 0:t.result)?void 0:e.map(e=>({name:e.id,label:e.name})))||[];const l=Array.isArray(d)?d:[];a=[...a,...l],a=Array.from(new Map(a.map(e=>[e.name,e])).values()),h(a),q(e=>({...e,[x.table]:a}))}catch(t){}else{const e=(null==i?void 0:i.filter(e=>e.label.toLowerCase().includes(Y.toLowerCase())))||[];h(e)}},D=p.default.debounce(()=>{g()},1e3);t.useEffect(()=>{g()},[x.table]),t.useEffect(()=>{M("")},[null==x?void 0:x.name]),t.useEffect(()=>(D(),()=>D.cancel()),[Y]);const S=t.useMemo(()=>"null"===b.operator||"notNull"===b.operator,[b.operator]);/* @__PURE__ */
 return e.jsx(o.default,{width:"100%",children:(()=>{switch(x.inputType){case"select":/* @__PURE__ */
-return e.jsx(s.default,{label:"",options:(null==y?void 0:y.map(e=>({...e,value:e,label:u.formatLabel(e.label)})))||[],name:"insurance_account",placeholder:"Select",onChange:e=>m(e),value:c,is_multiselect:!0,handleSearch:e=>M(e),searchValue:Y,disabled:C,onChipRemove:()=>m([])});case"date":/* @__PURE__ */
-return e.jsx(l.default,{onChange:e=>m(f.default(e).isValid()?f.default(e).format("YYYY-MM-DD"):""),value:c?f.default(c):null,disabled:C,slotProps:{textField:{placeholder:"YYYY-MM-DD",className:"select-drps"}},format:"YYYY-MM-DD"});default:/* @__PURE__ */
-return e.jsx(a.default,{value:c,onChange:e=>{m(e.target.value)},...v,inputProps:{style:{fontSize:"0.8125rem"}},className:"select-drps",type:x.inputType,disabled:C})}})()})};
+return e.jsx(s.MultiSelect,{label:"",options:(null==y?void 0:y.map(e=>({...e,value:e,label:n.formatLabel(e.label)})))||[],name:"insurance_account",placeholder:"Select",onChange:e=>m(e),value:d,is_multiselect:!0,handleSearch:e=>M(e),searchValue:Y,disabled:S,onChipRemove:()=>m([])});case"date":/* @__PURE__ */
+return e.jsx(l.DatePicker,{onChange:e=>m(f.default(e).isValid()?f.default(e).format("YYYY-MM-DD"):""),value:d?f.default(d):null,disabled:S,slotProps:{textField:{placeholder:"YYYY-MM-DD",className:"select-drps"}},format:"YYYY-MM-DD"});default:/* @__PURE__ */
+return e.jsx(a.TextField,{value:d,onChange:e=>{m(e.target.value)},...v,inputProps:{style:{fontSize:"0.8125rem"}},className:"select-drps",type:x.inputType,disabled:S})}})()})};exports.ValueEditor=m,exports.default=m;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.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":["props","values","value","handleOnChange","fieldData","rule","rest","inputType","Array","isArray","filteredValues","setFilteredValues","useState","tableValues","setTableValues","selectSearch","setSelectSearch","useEffect","table","fetchData","async","data","tableName","searchText","limit","offset","tokenObj","getToken","response","getV1FilterFilterTable","search","String","error","getFilterTableFields","optionData","_a","result","map","record","name","id","label","previosSelected","from","Map","item","prevTableValues","searchedOptions","filter","opt","toLowerCase","includes","debouncedFetchSelectOption","_","debounce","cancel","isDisabled","useMemo","operator","jsx","Box","width","children","MultiSelect","options","formatLabel","placeholder","onChange","v","is_multiselect","handleSearch","str","searchValue","disabled","onChipRemove","DatePicker","val","dayjs","isValid","format","slotProps","textField","className","TextField","e","target","inputProps","style","fontSize","type"],"mappings":"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"}
+{"version":3,"file":"index.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":["ValueEditor","props","values","value","handleOnChange","fieldData","rule","rest","inputType","Array","isArray","filteredValues","setFilteredValues","useState","tableValues","setTableValues","selectSearch","setSelectSearch","useEffect","table","fetchData","async","data","tableName","searchText","limit","offset","tokenObj","getToken","response","getV1FilterFilterTable","search","String","error","getFilterTableFields","optionData","_a","result","map","record","name","id","label","previosSelected","from","Map","item","prevTableValues","searchedOptions","filter","opt","toLowerCase","includes","debouncedFetchSelectOption","_","debounce","cancel","isDisabled","useMemo","operator","jsx","Box","width","children","MultiSelect","options","formatLabel","placeholder","onChange","v","is_multiselect","handleSearch","str","searchValue","disabled","onChipRemove","DatePicker","val","dayjs","isValid","format","slotProps","textField","className","TextField","e","target","inputProps","style","fontSize","type"],"mappings":"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"}

package/dist/components/filter/components/value-editor.d.ts

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

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

@@ -3,19 +3,19 @@ import { useState, useMemo, useEffect, useCallback } from "react";
 import { QueryBuilder } from "react-querybuilder";
 import { QueryBuilderMaterial } from "../../../node_modules/@react-querybuilder/material/dist/react-querybuilder_material/index.esm.js";
 /* empty css                       */
-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 CombinatorSelect from "../components/combinator-select/index.esm.js";
-import RemoveAction from "../components/remove-action/index.esm.js";
-import FieldSelect from "../components/field-select/index.esm.js";
-import AddFilterButton from "../components/add-filter/index.esm.js";
-import AddGroupButton from "../components/add-group/index.esm.js";
-import ValueEditor from "../components/value-editor/index.esm.js";
-import OperatorSelect from "../components/operator-select/index.esm.js";
-import Button from "../../button/button/index.esm.js";
-import RemoveGroupAction from "../components/delete-group/index.esm.js";
-import SearchBar from "../../search-bar/search-bar/index.esm.js";
-import SaveFilterModal from "../../save-filter-modal/save-filter-modal/index.esm.js";
+import { CombinatorSelect } from "../components/combinator-select/index.esm.js";
+import { RemoveAction } from "../components/remove-action/index.esm.js";
+import { FieldSelect } from "../components/field-select/index.esm.js";
+import { AddFilterButton } from "../components/add-filter/index.esm.js";
+import { AddGroupButton } from "../components/add-group/index.esm.js";
+import { ValueEditor } from "../components/value-editor/index.esm.js";
+import { OperatorSelect } from "../components/operator-select/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
+import { RemoveGroupAction } from "../components/delete-group/index.esm.js";
+import { SearchBar } from "../../search-bar/search-bar/index.esm.js";
+import { SaveFilterModal } from "../../save-filter-modal/save-filter-modal/index.esm.js";
 import { deleteV1FilterId, putV1FilterId, setBaseUrl } from "../../../api-client/api.system-feature/api/index.esm.js";
 import { auth } from "../../../constants/auth/index.esm.js";
 import { generateFields, generateQueryString, getErrorMessage } from "../../../utils/common/index.esm.js";
@@ -376,6 +376,7 @@ const Filter = ({
   ) });
 };
 export {
+  Filter,
   Filter as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Filter;\n"],"names":["selectedFilter"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport { Filter };\nexport default Filter;\n"],"names":["selectedFilter"],"mappings":"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"}