@erpsquad/common 1.8.41 → 1.8.43

package/dist/components/dynamic-layout-wrapper/dynamic-layout-wrapper.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+import { GridProps } from '@mui/material';
+import { ExpandableSummaryWrapperProps } from '../expandable-summary-wrapper/expandable-summary-wrapper';
+
+interface DynamicLayoutWrapperProps {
+    children: React.ReactNode;
+    mainContentProps?: Omit<GridProps, 'item' | 'xs'>;
+    summaryContent: React.ReactNode;
+    summaryProps?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;
+    maxGridSize?: number;
+    defaultSummaryExpanded?: boolean;
+    expandedSummarySize?: number;
+    collapsedSummarySize?: number;
+    containerProps?: Omit<GridProps, 'container'>;
+    onLayoutChange?: (mainSize: number, summarySize: number, isExpanded: boolean) => void;
+    enableTransitions?: boolean;
+    transitionDuration?: number | string;
+    transitionEasing?: string;
+    storageKey?: string;
+}
+export declare const DynamicLayoutWrapper: React.FC<DynamicLayoutWrapperProps>;
+interface AdvancedDynamicLayoutWrapperProps extends DynamicLayoutWrapperProps {
+    responsiveConfig?: {
+        xs?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        sm?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        md?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        lg?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+        xl?: {
+            expandedSize: number;
+            collapsedSize: number;
+        };
+    };
+    multipleSummaries?: Array<{
+        content: React.ReactNode;
+        props?: Omit<ExpandableSummaryWrapperProps, 'children' | 'onToggle'>;
+        id: string;
+    }>;
+    layoutMode?: 'horizontal' | 'vertical' | 'adaptive';
+    minMainContentSize?: number;
+    minSummarySize?: number;
+}
+export declare const AdvancedDynamicLayoutWrapper: React.FC<AdvancedDynamicLayoutWrapperProps>;
+export declare const useDynamicLayout: (maxGridSize?: number, defaultSummaryExpanded?: boolean, expandedSize?: number, collapsedSize?: number) => {
+    isExpanded: boolean;
+    summarySize: number;
+    mainSize: number;
+    toggleSummary: () => void;
+    setSummaryState: (expanded: boolean) => void;
+};
+export declare const calculateOptimalSizes: (totalSize: number, contentRatio?: number, minContentSize?: number, minSummarySize?: number) => {
+    contentSize: number;
+    summarySize: number;
+    totalUsed: number;
+};
+export default DynamicLayoutWrapper;

package/dist/components/dynamic-layout-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DynamicLayoutWrapper } from './dynamic-layout-wrapper';
+export * from './dynamic-layout-wrapper';

package/dist/components/dynamic-modal.d.ts

@@ -0,0 +1,9 @@
+export declare const DynamicModal: ({ open, onClose, title, children, handleSaveAction, buttons, ...rest }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children?: React.ReactNode;
+    buttons?: any[];
+    handleSaveAction?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DynamicModal;

package/dist/components/editor/custom-editor.d.ts

@@ -0,0 +1,9 @@
+
+export default function CustomEditor({ editorRef, data, handleEditorReady, onError, config, ...rest }: {
+    [x: string]: any;
+    editorRef: any;
+    data?: string;
+    handleEditorReady: any;
+    onError: any;
+    config?: {};
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomEditor } from './custom-editor';
+export * from './custom-editor';

package/dist/components/entity-view-wrapper/entity-view-wrapper.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+interface EntityViewWrapperProps<T> {
+    /**
+     * Function to fetch entity data by ID
+     */
+    fetchEntity: (id: string) => Promise<T>;
+    /**
+     * Route to navigate to if entity is not found
+     */
+    fallbackRoute: string;
+    /**
+     * Component to render with entity data
+     */
+    children: (entity: T) => React.ReactNode;
+    /**
+     * Optional ID field name in location.state (default: 'id')
+     */
+    idField?: string;
+}
+/**
+ * A wrapper component that handles fetching entity data using either URL parameters or location state
+ * This provides backward compatibility during migration from state-based to URL parameter-based routing
+ */
+declare function EntityViewWrapper<T>({ fetchEntity, fallbackRoute, children, idField }: EntityViewWrapperProps<T>): import("react/jsx-runtime").JSX.Element;
+export default EntityViewWrapper;

package/dist/components/entity-view-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EntityViewWrapper } from './entity-view-wrapper';
+export * from './entity-view-wrapper';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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":["ShareModalEnhanced"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("../../providers/ERPUIProvider/index.js"),n=require("../../share-modal/share-modal-enhanced/index.js"),t=require("../../header/header-enhanced/index.js"),d=require("../../../node_modules/@mui/material/Box/Box/index.js"),o=require("../../../node_modules/@mui/material/Typography/Typography/index.js"),s=require("../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),i=require("../../../node_modules/@mui/material/Switch/Switch/index.js"),u=require("../../../node_modules/@mui/material/Button/Button/index.js");exports.default=()=>{const[l,h]=a.useState(!1),[c,m]=a.useState(!1),[x]=a.useState([{id:1,first_name:"John",last_name:"Doe",label:"John Doe",value:1},{id:2,first_name:"Jane",last_name:"Smith",label:"Jane Smith",value:2}]),[g]=a.useState([{id:1,name:"Engineering",label:"Engineering",value:1},{id:2,name:"Marketing",label:"Marketing",value:2}]),[b]=a.useState([{code:"en",label:"English",direction:"ltr"},{code:"es",label:"Spanish",direction:"ltr"},{code:"ar",label:"Arabic",direction:"rtl"}]),[p,f]=a.useState(b[0]),[v,j]=a.useState(!1),R=async()=>{j(!0),await new Promise(e=>setTimeout(e,1e3)),j(!1)};/* @__PURE__ */
+return e.jsx(r.ERPUIProvider,{useRedux:l,children:/* @__PURE__ */e.jsxs(d.default,{sx:{p:3},children:[
+/* @__PURE__ */e.jsx(o.default,{variant:"h4",gutterBottom:!0,children:"Flexible Redux Integration Example"}),
+/* @__PURE__ */e.jsx(o.default,{variant:"body1",sx:{mb:2},children:"This example demonstrates how ERP UI Library components can work with or without Redux. Toggle the switch below to see the difference."}),
+/* @__PURE__ */e.jsx(s.default,{control:/* @__PURE__ */e.jsx(i.default,{checked:l,onChange:e=>h(e.target.checked)}),label:"Use Redux: "+(l?"Enabled":"Disabled"),sx:{mb:3}}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{mb:3},children:[
+/* @__PURE__ */e.jsxs(o.default,{variant:"h6",gutterBottom:!0,children:["Current Mode: ",l?"Redux-based":"Prop-based"]}),
+/* @__PURE__ */e.jsx(o.default,{variant:"body2",color:"text.secondary",children:l?"Components are using Redux for state management":"Components are using props and local state for data"})]}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2,mb:3},children:[
+/* @__PURE__ */e.jsx(o.default,{variant:"h6",gutterBottom:!0,children:"Header Component"}),
+/* @__PURE__ */e.jsx(t.HeaderEnhanced,{useRedux:l,languages:l?void 0:b,currentLanguage:l?void 0:p,languagesLoading:l?void 0:v,onLanguageChange:l?void 0:e=>{const a=b.find(a=>a.code===e);a&&f(a)},onFetchLanguages:l?void 0:R})]}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2,mb:3},children:[
+/* @__PURE__ */e.jsx(o.default,{variant:"h6",gutterBottom:!0,children:"Share Modal Component"}),
+/* @__PURE__ */e.jsx(u.default,{variant:"contained",onClick:()=>m(!0),sx:{mb:2},children:"Open Share Modal"}),
+/* @__PURE__ */e.jsx(n.default,{open:c,onClose:()=>m(!1),title:"Share Document",toggleSwitch:!0,onSubmit:e=>{m(!1)},useRedux:l,users:l?void 0:x,departments:l?void 0:g,loading:l?void 0:v,onFetchUsersAndDepartments:l?void 0:R})]}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{border:1,borderColor:"grey.300",borderRadius:1,p:2},children:[
+/* @__PURE__ */e.jsx(o.default,{variant:"h6",gutterBottom:!0,children:"Code Example"}),
+/* @__PURE__ */e.jsx(d.default,{component:"pre",sx:{backgroundColor:"grey.100",p:2,borderRadius:1,overflow:"auto",fontSize:"0.875rem"},children:l?"\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            "})]})]})})};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

package/dist/components/examples/FlexibleReduxExample.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+/**
+ * Example component demonstrating flexible Redux usage
+ * This shows how components can work with or without Redux
+ */
+declare const FlexibleReduxExample: React.FC;
+export default FlexibleReduxExample;

package/dist/components/examples/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FlexibleReduxExample } from './FlexibleReduxExample';
+export * from './FlexibleReduxExample';

package/dist/components/expandable-summary-wrapper/expandable-summary-wrapper.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactNode } from 'react';
+
+export interface ExpandableSummaryWrapperProps {
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    expandedGridSize?: number;
+    collapsedGridSize?: number;
+    className?: string;
+    ariaLabel?: string;
+    onToggle?: (isExpanded: boolean, newGridSize: number) => void;
+    persistState?: boolean;
+    storageKey?: string;
+    showToggleButton?: boolean;
+    mobileDrawer?: boolean;
+    showCollapseIcon?: boolean;
+}
+declare const ExpandableSummaryWrapper: React.FC<ExpandableSummaryWrapperProps>;
+export default ExpandableSummaryWrapper;

package/dist/components/expandable-summary-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ExpandableSummaryWrapper } from './expandable-summary-wrapper';
+export * from './expandable-summary-wrapper';

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

@@ -0,0 +1,9 @@
+
+interface FallbackProps {
+    heading: string;
+    subHeading: string;
+    icon: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const Fallback: (props: FallbackProps) => import("react/jsx-runtime").JSX.Element;
+export default Fallback;

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

@@ -0,0 +1,2 @@
+export { default as Fallback } from './fallback';
+export * from './fallback';

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

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

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

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

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

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

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

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

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

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

package/dist/components/filter/components/index.d.ts

@@ -0,0 +1,16 @@
+export { default as AddFilterButton } from './add-filter';
+export * from './add-filter';
+export { default as AddGroupButton } from './add-group';
+export * from './add-group';
+export { default as CombinatorSelect } from './combinator-select';
+export * from './combinator-select';
+export { default as RemoveGroupAction } from './delete-group';
+export * from './delete-group';
+export { default as FieldSelect } from './field-select';
+export * from './field-select';
+export { default as OperatorSelect } from './operator-select';
+export * from './operator-select';
+export { default as RemoveAction } from './remove-action';
+export * from './remove-action';
+export { default as ValueEditor } from './value-editor';
+export * from './value-editor';

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

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

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

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

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

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

package/dist/components/filter/fields.d.ts

@@ -0,0 +1,5 @@
+import { Field, RuleType } from 'react-querybuilder';
+
+export declare const validator: (r: RuleType) => boolean;
+export declare const fields: Field[];
+export declare const dynamicFields: Field[];

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

@@ -30,14 +30,14 @@ import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogT
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import { Edit } from "../../icons/edit/index.esm.js";
+import { Trash } from "../../icons/trash/index.esm.js";
 import OutlinedInput from "../../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
 import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
 import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
 import Alert from "../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
 import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
-import { Edit } from "../../icons/edit/index.esm.js";
-import { Trash } from "../../icons/trash/index.esm.js";
 setBaseUrl(`${"https://apidev.erpforce.co"}/system-feature`);
 const initialQuery = { combinator: "and", rules: [] };
 const Filter = ({

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

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("react-querybuilder"),t=;/* empty css                                                                                         */;/* empty css                    */var i=,/* empty css                         */n=,/* empty css                                 */s=,/* empty css                                     */a=,/* empty css                                 */o=,/* empty css                                */u=,/* empty css                              */d=,/* empty css                             */c=,/* empty css                                */m=,/* empty css                                   */f=,/* empty css                         */x=,/* empty css                                */p=,/* empty css                                 */h=,/* empty css                                               */j=,/* empty css                                                */v=,/* empty css                             */g=,/* empty css                           */q=,/* empty css                              */y=require("lodash"),b=,/* empty css                                                   */S=,/* empty css                                       */C=require("react-router-dom"),k=,/* empty css                                */_=,/* empty css                                                       */A=,/* empty css                                                                 */I=,/* empty css                                                 */F=,/* empty css                                                           */N=,/* empty css                                                               */w=,/* empty css                                                                     */E=,/* empty css                                                                       */D=,/* empty css                                                         */z=,/* empty css                                                                     */P=,/* empty css                                                     */T=,/* empty css                                                                     */B=,/* empty css                      */M=;/* empty css                       */function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=/* @__PURE__ */R(y);j.setBaseUrl("https://apidev.erpforce.co/system-feature");const Q={combinator:"and",rules:[]};exports.default=({open:y,onClose:R,savedFilters:O,fetchSavedFilters:V,onSaveFilter:W,onSelectedFilter:G,applyFilter:U,fields:K=[]})=>{const H=C.useLocation(),J=localStorage.getItem(v.auth.storageTokenKeyName),{updatePageInfo:X,activePage:Y,schemaFields:Z,setActivePage:$}=q.usePages();K=Z.length?g.generateFields(Z):K;const[ee,le]=l.useState(Q),[re,te]=l.useState(O??[]),[ie,ne]=l.useState(null),[se,ae]=l.useState(null),[oe,ue]=l.useState(null),{isRtl:de}=k.useLanguage(),ce=l.useMemo(()=>S.routeToResourceMap[H.pathname]||null,[H.pathname]);l.useEffect(()=>{O&&te(O)},[O]);const me=l.useCallback((e=!1)=>{let l=ee;if(pe(l))ue("Invalid filter");else if(e)l=Q,le(l);else{const e=l?g.generateQueryString(l):l;X({filters:l,filterQueryString:e}),R()}},[ee,U,R]),fe=e=>{e?(ne(e),le(e.query),G&&G(e)):(ne(null),le(Q),G&&G(null))},xe=e=>{const l=null==O?void 0:O.filter(l=>l.name.toLowerCase().includes(e.toLowerCase()));l&&te(l)};l.useEffect(()=>{let e=Q;L.default.isEmpty(Y.filters)||(e=Y.filters),le(e);const l=null==O?void 0:O.find(e=>{var l;return e.name===(null==(l=null==Y?void 0:Y.filters)?void 0:l.name)});ne(l||null)},[null==Y?void 0:Y.filters,O]);const pe=e=>{var l,r;let t=[];return null==(l=null==e?void 0:e.rules)||l.forEach(l=>{if(t.includes(l.field)&&"and"==e.combinator)return!0;t.push(l.field)}),t.length!==(null==(r=null==e?void 0:e.rules)?void 0:r.length)},he=e=>Array.isArray(e.rules)?e.rules.length?e.rules.some(he):!e.rules.length:!e.field||L.default.isEmpty(e.value)&&!["null","notNull"].includes(e.operator),je=l.useMemo(()=>he(ee)||oe,[ee,oe]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("react-querybuilder"),t=;/* empty css                                                                                         */;/* empty css                    */var i=,/* empty css                         */n=,/* empty css                                 */s=,/* empty css                                     */a=,/* empty css                                 */o=,/* empty css                                */u=,/* empty css                              */d=,/* empty css                             */c=,/* empty css                                */m=,/* empty css                                   */f=,/* empty css                         */x=,/* empty css                                */p=,/* empty css                                 */h=,/* empty css                                               */j=,/* empty css                                                */v=,/* empty css                             */g=,/* empty css                           */q=,/* empty css                              */y=require("lodash"),b=,/* empty css                                                   */S=,/* empty css                                       */C=require("react-router-dom"),k=,/* empty css                                */_=,/* empty css                                                       */A=,/* empty css                                                                 */I=,/* empty css                                                 */F=,/* empty css                                                           */N=,/* empty css                                                               */w=,/* empty css                      */E=,/* empty css                       */D=,/* empty css                                                                     */z=,/* empty css                                                                       */P=,/* empty css                                                         */T=,/* empty css                                                                     */B=,/* empty css                                                     */M=;/* empty css                                                                     */function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=/* @__PURE__ */R(y);j.setBaseUrl("https://apidev.erpforce.co/system-feature");const Q={combinator:"and",rules:[]};exports.default=({open:y,onClose:R,savedFilters:O,fetchSavedFilters:V,onSaveFilter:W,onSelectedFilter:G,applyFilter:U,fields:K=[]})=>{const H=C.useLocation(),J=localStorage.getItem(v.auth.storageTokenKeyName),{updatePageInfo:X,activePage:Y,schemaFields:Z,setActivePage:$}=q.usePages();K=Z.length?g.generateFields(Z):K;const[ee,le]=l.useState(Q),[re,te]=l.useState(O??[]),[ie,ne]=l.useState(null),[se,ae]=l.useState(null),[oe,ue]=l.useState(null),{isRtl:de}=k.useLanguage(),ce=l.useMemo(()=>S.routeToResourceMap[H.pathname]||null,[H.pathname]);l.useEffect(()=>{O&&te(O)},[O]);const me=l.useCallback((e=!1)=>{let l=ee;if(pe(l))ue("Invalid filter");else if(e)l=Q,le(l);else{const e=l?g.generateQueryString(l):l;X({filters:l,filterQueryString:e}),R()}},[ee,U,R]),fe=e=>{e?(ne(e),le(e.query),G&&G(e)):(ne(null),le(Q),G&&G(null))},xe=e=>{const l=null==O?void 0:O.filter(l=>l.name.toLowerCase().includes(e.toLowerCase()));l&&te(l)};l.useEffect(()=>{let e=Q;L.default.isEmpty(Y.filters)||(e=Y.filters),le(e);const l=null==O?void 0:O.find(e=>{var l;return e.name===(null==(l=null==Y?void 0:Y.filters)?void 0:l.name)});ne(l||null)},[null==Y?void 0:Y.filters,O]);const pe=e=>{var l,r;let t=[];return null==(l=null==e?void 0:e.rules)||l.forEach(l=>{if(t.includes(l.field)&&"and"==e.combinator)return!0;t.push(l.field)}),t.length!==(null==(r=null==e?void 0:e.rules)?void 0:r.length)},he=e=>Array.isArray(e.rules)?e.rules.length?e.rules.some(he):!e.rules.length:!e.field||L.default.isEmpty(e.value)&&!["null","notNull"].includes(e.operator),je=l.useMemo(()=>he(ee)||oe,[ee,oe]);/* @__PURE__ */
 return e.jsx("div",{children:/* @__PURE__ */e.jsxs(_.default,{open:y,onClose:R,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderRadius:2}},children:[
 /* @__PURE__ */e.jsxs(A.default,{className:"filter-header",children:[
 /* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Filters"}),
 /* @__PURE__ */e.jsxs(I.default,{gap:1,display:"flex",children:[
-/* @__PURE__ */e.jsxs(i.default,{fullWidth:!0,size:"small",className:"filter-dropdown",value:ie?ie.name:"Saved Filters",onChange:e=>{const l=null==O?void 0:O.find(l=>l.name==e.target.value);fe(l)},variant:"outlined",onClose:()=>{setTimeout(()=>{xe("")},500)},input:ie?/* @__PURE__ */e.jsx(w.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(E.default,{position:"end",children:/* @__PURE__ */e.jsx(N.default,{"aria-label":"clear selection",onClick:()=>{fe()},edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(D.default,{sx:{fontSize:"1rem"}})})})}):void 0,children:[
+/* @__PURE__ */e.jsxs(i.default,{fullWidth:!0,size:"small",className:"filter-dropdown",value:ie?ie.name:"Saved Filters",onChange:e=>{const l=null==O?void 0:O.find(l=>l.name==e.target.value);fe(l)},variant:"outlined",onClose:()=>{setTimeout(()=>{xe("")},500)},input:ie?/* @__PURE__ */e.jsx(D.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(z.default,{position:"end",children:/* @__PURE__ */e.jsx(N.default,{"aria-label":"clear selection",onClick:()=>{fe()},edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(P.default,{sx:{fontSize:"1rem"}})})})}):void 0,children:[
 /* @__PURE__ */e.jsx("div",{className:"searchbar-box-list",children:/* @__PURE__ */e.jsx(p.default,{placeholder:"Search Filters",handleSearch:e=>xe(e)})}),null==re?void 0:re.map(l=>/* @__PURE__ */e.jsxs(F.default,{value:null==l?void 0:l.name,className:"menu-list",selected:(null==ie?void 0:ie.name)==(null==l?void 0:l.name),children:[
 /* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s3",children:null==l?void 0:l.name}),
 /* @__PURE__ */e.jsxs("div",{className:"icon-list",children:[
-/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),ae(l)},children:/* @__PURE__ */e.jsx(B.Edit,{fontSize:"small",color:(null==ie?void 0:ie.name)==(null==l?void 0:l.name)?"theme.primary.800":"inherit"})}),
-/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),(async e=>{const l={"x-token":J,id:e};j.deleteV1FilterId(l).then(e=>{ne(null),le(Q),V&&V()}).catch(e=>{})})(l.id)},color:"error",children:/* @__PURE__ */e.jsx(M.Trash,{fontSize:"small",color:"theme.error.600"})})]})]},l.id))]}),
+/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),ae(l)},children:/* @__PURE__ */e.jsx(w.Edit,{fontSize:"small",color:(null==ie?void 0:ie.name)==(null==l?void 0:l.name)?"theme.primary.800":"inherit"})}),
+/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),(async e=>{const l={"x-token":J,id:e};j.deleteV1FilterId(l).then(e=>{ne(null),le(Q),V&&V()}).catch(e=>{})})(l.id)},color:"error",children:/* @__PURE__ */e.jsx(E.Trash,{fontSize:"small",color:"theme.error.600"})})]})]},l.id))]}),
 /* @__PURE__ */e.jsx(h.default,{open:null!==se,onClose:()=>ae(null),handleSubmit:e=>(e=>{if(se)return(async(e,l)=>{const r={"x-token":J,id:e,name:l,module:(null==ce?void 0:ce.fieldResource)||(null==ce?void 0:ce.pageResource)};try{await j.putV1FilterId(r),V&&V(),b.enqueueSnackbar("Filters renamed successfully.")}catch(t){let e="Something went wrong on saving filters";return t instanceof Error&&(e=g.getErrorMessage(t.message)),b.enqueueSnackbar(e,{variant:"error"}),!1}return!0})(se.id,e)})(e),oldName:null==se?void 0:se.name}),
-/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:R,children:/* @__PURE__ */e.jsx(D.default,{fontSize:"small"})})})]})]}),
-/* @__PURE__ */e.jsxs(z.default,{className:"content",children:[oe&&/* @__PURE__ */e.jsx(P.default,{severity:"error",sx:{px:1,pt:.5,mb:1},children:/* @__PURE__ */e.jsx(n.Typography,{color:"error",type:"s4",children:oe})}),
+/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:R,children:/* @__PURE__ */e.jsx(P.default,{fontSize:"small"})})})]})]}),
+/* @__PURE__ */e.jsxs(T.default,{className:"content",children:[oe&&/* @__PURE__ */e.jsx(B.default,{severity:"error",sx:{px:1,pt:.5,mb:1},children:/* @__PURE__ */e.jsx(n.Typography,{color:"error",type:"s4",children:oe})}),
 /* @__PURE__ */e.jsxs(t.QueryBuilderMaterial,{children:[
 /* @__PURE__ */e.jsx(r.QueryBuilder,{fields:K||[],query:ee,onQueryChange:e=>{const l=e.rules.map((e,l)=>{var r,t;return{...e,value:e.field!==(null==(t=null==(r=ee.rules)?void 0:r[l])?void 0:t.field)||["null","notNull"].includes(e.operator)?"":e.value}});le({...e,rules:l}),ue(null),W&&W(e)},showCombinatorsBetweenRules:!0,controlClassnames:{header:"actions"},controlElements:{addRuleAction:u.default,addGroupAction:d.default,combinatorSelector:s.default,fieldSelector:o.default,operatorSelector:m.default,removeRuleAction:a.default,valueEditor:c.default,removeGroupAction:x.default}}),
 /* @__PURE__ */e.jsx(f.default,{variant:"text",className:de?"remove-filters_rtl":"remove-filters",onClick:()=>{me(!0)},disabled:je,children:"Clear all filters"})]})]}),
-/* @__PURE__ */e.jsx(T.default,{className:"filter-footer",children:/* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",alignItems:"center",justifyContent:ie?"space-between":"flex-end",width:"100%"},children:[ie&&/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(f.default,{onClick:async()=>{if(ie){const e={"x-token":J,id:ie.id,data:ee};j.putV1FilterId(e).then(e=>{V&&V(),$(e=>({...e,filters:{...e.filters,rules:ee.rules,combinator:ee.combinator,name:ie.name}}))}).catch(e=>b.enqueueSnackbar("Error renaming saved filters:",{variant:"error"}))}},children:"Update Seleted filter"})}),
+/* @__PURE__ */e.jsx(M.default,{className:"filter-footer",children:/* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",alignItems:"center",justifyContent:ie?"space-between":"flex-end",width:"100%"},children:[ie&&/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(f.default,{onClick:async()=>{if(ie){const e={"x-token":J,id:ie.id,data:ee};j.putV1FilterId(e).then(e=>{V&&V(),$(e=>({...e,filters:{...e.filters,rules:ee.rules,combinator:ee.combinator,name:ie.name}}))}).catch(e=>b.enqueueSnackbar("Error renaming saved filters:",{variant:"error"}))}},children:"Update Seleted filter"})}),
 /* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",gap:1},children:[
 /* @__PURE__ */e.jsx(f.default,{className:"cancel-filter-btn",onClick:R,children:"Cancel"}),
 /* @__PURE__ */e.jsx(f.default,{disabled:je,onClick:()=>me(),children:"Apply"})]})]})})]})})};

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

@@ -0,0 +1,21 @@
+import { RuleGroupType } from 'react-querybuilder';
+
+interface IFilter {
+    open: boolean;
+    onClose: () => void;
+    activeView?: string;
+    savedFilters?: SavedFilter[];
+    fetchSavedFilters?: () => Promise<void>;
+    setFilterBar?: any;
+    onSaveFilter?: (query: RuleGroupType) => void;
+    onSelectedFilter?: (filterName: string) => void;
+    fields: any;
+    applyFilter: any;
+}
+interface SavedFilter {
+    id: string;
+    name: string;
+    query: RuleGroupType;
+}
+declare const Filter: ({ open, onClose, savedFilters, fetchSavedFilters, onSaveFilter, onSelectedFilter, applyFilter, fields }: IFilter) => import("react/jsx-runtime").JSX.Element;
+export default Filter;

package/dist/components/filter/index.d.ts

@@ -0,0 +1,4 @@
+export * from './fields';
+export { default as Filter } from './filter';
+export * from './filter';
+export * from './components';

package/dist/components/footer/footer.d.ts

@@ -0,0 +1,21 @@
+import { IPaginationModel } from '../../@types/pagination-model';
+import { default as React } from 'react';
+
+interface IFooter {
+    pages: any;
+    setPages: any;
+    currentPage: string | number;
+    setCurrentPage: any;
+    total: number;
+    paginationModel: IPaginationModel;
+    handlePaginationModel: (model: IPaginationModel) => void;
+    sharedPages: any;
+    resource: string;
+    savePageConfiguration: () => void;
+    handlePageDelete: (pages: any[]) => void;
+    enablePages: boolean;
+    isPaginationDisplayed?: boolean;
+    isPageSaving?: boolean;
+}
+declare const Footer: React.MemoExoticComponent<({ pages, setPages, currentPage, setCurrentPage, total, paginationModel, handlePaginationModel, sharedPages, resource, savePageConfiguration, handlePageDelete, enablePages, isPaginationDisplayed, isPageSaving }: IFooter) => import("react/jsx-runtime").JSX.Element>;
+export default Footer;

package/dist/components/footer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Footer } from './footer';
+export * from './footer';