@erpsquad/common 1.8.45 → 1.8.46

package/dist/components/examples/FlexibleReduxExample/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    console.log('Share data:', data);\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["useRedux","setUseRedux","useState","showShareModal","setShowShareModal","users","id","first_name","last_name","label","value","departments","name","languages","code","direction","currentLanguage","setCurrentLanguage","loading","setLoading","fetchUsersAndDepartments","async","Promise","resolve","setTimeout","jsx","ERPUIProvider","children","jsxs","Box","sx","p","Typography","variant","gutterBottom","mb","FormControlLabel","control","Switch","checked","onChange","e","target","color","border","borderColor","borderRadius","HeaderEnhanced","languagesLoading","onLanguageChange","languageCode","language","find","lang","onFetchLanguages","Button","onClick","ShareModalEnhanced","open","onClose","title","toggleSwitch","onSubmit","data","onFetchUsersAndDepartments","component","backgroundColor","overflow","fontSize"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/examples/FlexibleReduxExample.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Typography, Switch, FormControlLabel } from '@mui/material';\nimport { ERPUIProvider } from '../providers/ERPUIProvider';\nimport ShareModalEnhanced from '../share-modal/share-modal-enhanced';\nimport HeaderEnhanced from '../header/header-enhanced';\n\n/**\n * Example component demonstrating flexible Redux usage\n * This shows how components can work with or without Redux\n */\nconst FlexibleReduxExample: React.FC = () => {\n  const [useRedux, setUseRedux] = useState(false);\n  const [showShareModal, setShowShareModal] = useState(false);\n  \n  // Mock data for non-Redux usage\n  const [users] = useState([\n    { id: 1, first_name: 'John', last_name: 'Doe', label: 'John Doe', value: 1 },\n    { id: 2, first_name: 'Jane', last_name: 'Smith', label: 'Jane Smith', value: 2 },\n  ]);\n  \n  const [departments] = useState([\n    { id: 1, name: 'Engineering', label: 'Engineering', value: 1 },\n    { id: 2, name: 'Marketing', label: 'Marketing', value: 2 },\n  ]);\n  \n  const [languages] = useState([\n    { code: 'en', label: 'English', direction: 'ltr' },\n    { code: 'es', label: 'Spanish', direction: 'ltr' },\n    { code: 'ar', label: 'Arabic', direction: 'rtl' },\n  ]);\n  \n  const [currentLanguage, setCurrentLanguage] = useState(languages[0]);\n  const [loading, setLoading] = useState(false);\n\n  // Mock API functions\n  const fetchUsersAndDepartments = async () => {\n    setLoading(true);\n    // Simulate API call\n    await new Promise(resolve => setTimeout(resolve, 1000));\n    setLoading(false);\n  };\n\n  const handleLanguageChange = (languageCode: string) => {\n    const language = languages.find(lang => lang.code === languageCode);\n    if (language) {\n      setCurrentLanguage(language);\n    }\n  };\n\n  const handleShareSubmit = (data: any) => {\n    console.log('Share data:', data);\n    setShowShareModal(false);\n  };\n\n  return (\n    <ERPUIProvider useRedux={useRedux}>\n      <Box sx={{ p: 3 }}>\n        <Typography variant=\"h4\" gutterBottom>\n          Flexible Redux Integration Example\n        </Typography>\n        \n        <Typography variant=\"body1\" sx={{ mb: 2 }}>\n          This example demonstrates how ERP UI Library components can work with or without Redux.\n          Toggle the switch below to see the difference.\n        </Typography>\n\n        <FormControlLabel\n          control={\n            <Switch\n              checked={useRedux}\n              onChange={(e) => setUseRedux(e.target.checked)}\n            />\n          }\n          label={`Use Redux: ${useRedux ? 'Enabled' : 'Disabled'}`}\n          sx={{ mb: 3 }}\n        />\n\n        <Box sx={{ mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Current Mode: {useRedux ? 'Redux-based' : 'Prop-based'}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {useRedux \n              ? 'Components are using Redux for state management'\n              : 'Components are using props and local state for data'\n            }\n          </Typography>\n        </Box>\n\n        {/* Header Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Header Component\n          </Typography>\n          <HeaderEnhanced\n            useRedux={useRedux}\n            languages={useRedux ? undefined : languages}\n            currentLanguage={useRedux ? undefined : currentLanguage}\n            languagesLoading={useRedux ? undefined : loading}\n            onLanguageChange={useRedux ? undefined : handleLanguageChange}\n            onFetchLanguages={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Share Modal Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2, mb: 3 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Share Modal Component\n          </Typography>\n          <Button\n            variant=\"contained\"\n            onClick={() => setShowShareModal(true)}\n            sx={{ mb: 2 }}\n          >\n            Open Share Modal\n          </Button>\n          \n          <ShareModalEnhanced\n            open={showShareModal}\n            onClose={() => setShowShareModal(false)}\n            title=\"Share Document\"\n            toggleSwitch={true}\n            onSubmit={handleShareSubmit}\n            useRedux={useRedux}\n            users={useRedux ? undefined : users}\n            departments={useRedux ? undefined : departments}\n            loading={useRedux ? undefined : loading}\n            onFetchUsersAndDepartments={useRedux ? undefined : fetchUsersAndDepartments}\n          />\n        </Box>\n\n        {/* Code Example */}\n        <Box sx={{ border: 1, borderColor: 'grey.300', borderRadius: 1, p: 2 }}>\n          <Typography variant=\"h6\" gutterBottom>\n            Code Example\n          </Typography>\n          <Box\n            component=\"pre\"\n            sx={{\n              backgroundColor: 'grey.100',\n              p: 2,\n              borderRadius: 1,\n              overflow: 'auto',\n              fontSize: '0.875rem',\n            }}\n          >\n            {useRedux ? `\n// Redux-based usage\n<ERPUIProvider useRedux={true} reduxStore={store} apiClient={apiClient}>\n  <HeaderEnhanced useRedux={true} />\n  <ShareModalEnhanced useRedux={true} />\n</ERPUIProvider>\n            ` : `\n// Prop-based usage\n<ERPUIProvider useRedux={false}>\n  <HeaderEnhanced\n    useRedux={false}\n    languages={languages}\n    currentLanguage={currentLanguage}\n    onLanguageChange={handleLanguageChange}\n  />\n  <ShareModalEnhanced\n    useRedux={false}\n    users={users}\n    departments={departments}\n    loading={loading}\n    onFetchUsersAndDepartments={fetchUsersAndDepartments}\n  />\n</ERPUIProvider>\n            `}\n          </Box>\n        </Box>\n      </Box>\n    </ERPUIProvider>\n  );\n};\n\nexport default FlexibleReduxExample;"],"names":["useRedux","setUseRedux","useState","showShareModal","setShowShareModal","users","id","first_name","last_name","label","value","departments","name","languages","code","direction","currentLanguage","setCurrentLanguage","loading","setLoading","fetchUsersAndDepartments","async","Promise","resolve","setTimeout","jsx","ERPUIProvider","children","jsxs","Box","sx","p","Typography","variant","gutterBottom","mb","FormControlLabel","control","Switch","checked","onChange","e","target","color","border","borderColor","borderRadius","HeaderEnhanced","languagesLoading","onLanguageChange","languageCode","language","find","lang","onFetchLanguages","Button","onClick","ShareModalEnhanced","open","onClose","title","toggleSwitch","onSubmit","data","onFetchUsersAndDepartments","component","backgroundColor","overflow","fontSize"],"mappings":"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"}

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

@@ -30,6 +30,7 @@ const Fallback = (props) => {
   ] });
 };
 export {
+  Fallback,
   Fallback as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n  heading: string;\n  subHeading: string;\n  icon: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n  const { heading, subHeading, icon, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport default Fallback;\n"],"names":[],"mappings":";;;;AAWA,MAAM,WAAW,CAAC,UAAyB;AACzC,QAAM,EAAE,SAAS,YAAY,MAAM,UAAU,GAAG,SAAS;AACzD,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/fallback/fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./fallback.scss\";\n\ninterface FallbackProps {\n  heading: string;\n  subHeading: string;\n  icon: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst Fallback = (props: FallbackProps) => {\n  const { heading, subHeading, icon, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport { Fallback };\nexport default Fallback;\n"],"names":[],"mappings":";;;;AAWA,MAAM,WAAW,CAAC,UAAyB;AACzC,QAAM,EAAE,SAAS,YAAY,MAAM,UAAU,GAAG,SAAS;AACzD,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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