@gnwebsoft/ui 2.17.12 → 2.18.1

package/dist/{chunk-WE5MOMEE.mjs → chunk-B5ZIFGAN.mjs}

@@ -27,8 +27,9 @@ var FilterButton = ({ isSubmitting }) => {
 };
 var FilterButton_default = FilterButton;
 
-// src/components/FormWrapper/FormWrapper.tsx
+// src/components/FilterWrapper/FilterWrapper.tsx
 import {
+  Box,
   Card,
   CardContent,
   CardHeader,
@@ -36,25 +37,80 @@ import {
   Grid2,
   Typography
 } from "@mui/material";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+import ManageSearchIcon from "@mui/icons-material/ManageSearch";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var FilterWrapper = ({ children, title }) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      sx: {
+        position: "relative",
+        borderRadius: "0px",
+        mb: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx3(
+          CardHeader,
+          {
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              p: "1rem",
+              ".MuiCardHeader-action": {
+                margin: 0,
+                alignSelf: "center"
+              },
+              alignItems: "center"
+            },
+            title: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ jsx3(ManageSearchIcon, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ jsx3(
+                Typography,
+                {
+                  variant: "h5",
+                  sx: { color: "#4db3a2", fontWeight: "bold" },
+                  children: title
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx3(Divider, {}),
+        /* @__PURE__ */ jsx3(CardContent, { sx: { py: 2 }, children: /* @__PURE__ */ jsx3(Grid2, { container: true, spacing: 2, children }) })
+      ]
+    }
+  );
+};
+var FilterWrapper_default = FilterWrapper;
+
+// src/components/FormWrapper/FormWrapper.tsx
+import {
+  Card as Card2,
+  CardContent as CardContent2,
+  CardHeader as CardHeader2,
+  Divider as Divider2,
+  Grid2 as Grid22,
+  Typography as Typography2
+} from "@mui/material";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var FormWrapper = ({
   children,
   title,
   editMode,
   breadCrumb
 }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    breadCrumb ? breadCrumb : /* @__PURE__ */ jsx3(Fragment, {}),
-    /* @__PURE__ */ jsxs(
-      Card,
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    breadCrumb ? breadCrumb : /* @__PURE__ */ jsx4(Fragment, {}),
+    /* @__PURE__ */ jsxs2(
+      Card2,
       {
         sx: {
           position: "relative",
           borderRadius: "0px"
         },
         children: [
-          /* @__PURE__ */ jsx3(
-            CardHeader,
+          /* @__PURE__ */ jsx4(
+            CardHeader2,
             {
               sx: {
                 display: "flex",
@@ -65,11 +121,11 @@ var FormWrapper = ({
                   alignSelf: "center"
                 }
               },
-              title: title ?? /* @__PURE__ */ jsx3(Typography, { variant: "h5", children: editMode ? `Create ${title}` : `Edit ${title}` })
+              title: title ?? /* @__PURE__ */ jsx4(Typography2, { variant: "h5", children: editMode ? `Create ${title}` : `Edit ${title}` })
             }
           ),
-          /* @__PURE__ */ jsx3(Divider, { sx: { mt: 0 } }),
-          /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3(Grid2, { container: true, spacing: 3, children }) })
+          /* @__PURE__ */ jsx4(Divider2, { sx: { mt: 0 } }),
+          /* @__PURE__ */ jsx4(CardContent2, { children: /* @__PURE__ */ jsx4(Grid22, { container: true, spacing: 2, children }) })
         ]
       }
     )
@@ -78,10 +134,10 @@ var FormWrapper = ({
 var FormWrapper_default = FormWrapper;
 
 // src/components/LabelText/LabelText.tsx
-import { Grid2 as Grid22, Tooltip, Typography as Typography2 } from "@mui/material";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
-  Grid22,
+import { Grid2 as Grid23, Tooltip, Typography as Typography3 } from "@mui/material";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs3(
+  Grid23,
   {
     size: { xs: 12, sm: 6, md: 6 },
     sx: {
@@ -90,8 +146,8 @@ var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
       "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
     },
     children: [
-      /* @__PURE__ */ jsxs2(
-        Grid22,
+      /* @__PURE__ */ jsxs3(
+        Grid23,
         {
           size: { xs: 6, sm: 7, md: 6 },
           sx: {
@@ -105,13 +161,13 @@ var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs2(
           ]
         }
       ),
-      /* @__PURE__ */ jsx4(
-        Grid22,
+      /* @__PURE__ */ jsx5(
+        Grid23,
         {
           size: { xs: 12, sm: 5, md: 6 },
           sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ jsx4(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx4(
-            Typography2,
+          children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
+            Typography3,
             {
               color: "#3598dc",
               fontSize: "14px",
@@ -135,27 +191,27 @@ var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx
 import {
-  Box,
-  Card as Card2,
-  CardContent as CardContent2,
-  CardHeader as CardHeader2,
-  Divider as Divider2,
-  Grid2 as Grid23,
-  Typography as Typography3
+  Box as Box2,
+  Card as Card3,
+  CardContent as CardContent3,
+  CardHeader as CardHeader3,
+  Divider as Divider3,
+  Grid2 as Grid24,
+  Typography as Typography4
 } from "@mui/material";
-import ManageSearchIcon from "@mui/icons-material/ManageSearch";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import ManageSearchIcon2 from "@mui/icons-material/ManageSearch";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ListWrapper = ({ children, title, count }) => {
-  return /* @__PURE__ */ jsxs3(
-    Card2,
+  return /* @__PURE__ */ jsxs4(
+    Card3,
     {
       sx: {
         position: "relative",
         borderRadius: "0px"
       },
       children: [
-        /* @__PURE__ */ jsx5(
-          CardHeader2,
+        /* @__PURE__ */ jsx6(
+          CardHeader3,
           {
             sx: {
               display: "flex",
@@ -167,10 +223,10 @@ var ListWrapper = ({ children, title, count }) => {
               },
               alignItems: "center"
             },
-            title: /* @__PURE__ */ jsxs3(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              /* @__PURE__ */ jsx5(ManageSearchIcon, { sx: { color: "#4db3a2", height: "2.5rem" } }),
-              /* @__PURE__ */ jsx5(
-                Typography3,
+            title: /* @__PURE__ */ jsxs4(Box2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ jsx6(ManageSearchIcon2, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ jsx6(
+                Typography4,
                 {
                   variant: "h5",
                   sx: { color: "#4db3a2", fontWeight: "bold" },
@@ -180,8 +236,8 @@ var ListWrapper = ({ children, title, count }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ jsx5(Divider2, {}),
-        /* @__PURE__ */ jsx5(CardContent2, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx5(Grid23, { container: true, spacing: 2, children }) })
+        /* @__PURE__ */ jsx6(Divider3, {}),
+        /* @__PURE__ */ jsx6(CardContent3, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx6(Grid24, { container: true, spacing: 2, children }) })
       ]
     }
   );
@@ -196,10 +252,10 @@ import {
   GridToolbarFilterButton,
   GridToolbarQuickFilter
 } from "@mui/x-data-grid";
-import { Box as Box2 } from "@mui/material";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var SimpleToolbar = () => /* @__PURE__ */ jsxs4(GridToolbarContainer, { children: [
-  /* @__PURE__ */ jsx6(
+import { Box as Box3 } from "@mui/material";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var SimpleToolbar = () => /* @__PURE__ */ jsxs5(GridToolbarContainer, { children: [
+  /* @__PURE__ */ jsx7(
     GridToolbarQuickFilter,
     {
       sx: {
@@ -220,16 +276,17 @@ var SimpleToolbar = () => /* @__PURE__ */ jsxs4(GridToolbarContainer, { children
       }
     }
   ),
-  /* @__PURE__ */ jsx6(Box2, { sx: { flexGrow: 1 } }),
-  /* @__PURE__ */ jsx6(GridToolbarColumnsButton, {}),
-  /* @__PURE__ */ jsx6(GridToolbarFilterButton, {}),
-  /* @__PURE__ */ jsx6(GridToolbarExport, {})
+  /* @__PURE__ */ jsx7(Box3, { sx: { flexGrow: 1 } }),
+  /* @__PURE__ */ jsx7(GridToolbarColumnsButton, {}),
+  /* @__PURE__ */ jsx7(GridToolbarFilterButton, {}),
+  /* @__PURE__ */ jsx7(GridToolbarExport, {})
 ] });
 var SimpleToolbar_default = SimpleToolbar;
 
 export {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,

package/dist/{chunk-MXOTA42J.js → chunk-DMKDUMBD.js}

@@ -27,6 +27,62 @@ var FilterButton = ({ isSubmitting }) => {
 };
 var FilterButton_default = FilterButton;
 
+// src/components/FilterWrapper/FilterWrapper.tsx
+
+
+
+
+
+
+
+
+
+var _ManageSearch = require('@mui/icons-material/ManageSearch'); var _ManageSearch2 = _interopRequireDefault(_ManageSearch);
+
+var FilterWrapper = ({ children, title }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Card,
+    {
+      sx: {
+        position: "relative",
+        borderRadius: "0px",
+        mb: 2
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.CardHeader,
+          {
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              p: "1rem",
+              ".MuiCardHeader-action": {
+                margin: 0,
+                alignSelf: "center"
+              },
+              alignItems: "center"
+            },
+            title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "#4db3a2", height: "2.5rem" } }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.Typography,
+                {
+                  variant: "h5",
+                  sx: { color: "#4db3a2", fontWeight: "bold" },
+                  children: title
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { sx: { py: 2 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { container: true, spacing: 2, children }) })
+      ]
+    }
+  );
+};
+var FilterWrapper_default = FilterWrapper;
+
 // src/components/FormWrapper/FormWrapper.tsx
 
 
@@ -69,7 +125,7 @@ var FormWrapper = ({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { sx: { mt: 0 } }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { container: true, spacing: 3, children }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { container: true, spacing: 2, children }) })
         ]
       }
     )
@@ -143,7 +199,7 @@ var LabelText_default = LabelText;
 
 
 
-var _ManageSearch = require('@mui/icons-material/ManageSearch'); var _ManageSearch2 = _interopRequireDefault(_ManageSearch);
+
 
 var ListWrapper = ({ children, title, count }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -234,4 +290,5 @@ var SimpleToolbar_default = SimpleToolbar;
 
 
 
-exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default;
+
+exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FilterWrapper_default = FilterWrapper_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default;

package/dist/{chunk-BMJZCRJT.js → chunk-IQ2NGFME.js}

@@ -3,7 +3,7 @@
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
-var _chunkBSA6BJG2js = require('./chunk-BSA6BJG2.js');
+var _chunkKTAQRRS7js = require('./chunk-KTAQRRS7.js');
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 
@@ -47,7 +47,7 @@ var Component = function DatePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkBSA6BJG2js.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkKTAQRRS7js.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _4 => _4.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
@@ -430,7 +430,8 @@ var Component4 = function TextFieldElement(props) {
       type,
       error: !!error,
       helperText: error ? error.message : helperText,
-      inputRef: handleInputRef
+      inputRef: handleInputRef,
+      size: "small"
     }
   );
 };
@@ -484,7 +485,7 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkBSA6BJG2js.readValueAsDate.call(void 0, adapter, newValue),
+      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkKTAQRRS7js.readValueAsDate.call(void 0, adapter, newValue),
       output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });

package/dist/{chunk-BSA6BJG2.js → chunk-KTAQRRS7.js}

@@ -19,6 +19,18 @@ var makeRequest = async (url, options = {}) => {
   return apiResponse;
 };
 var api = class {
+  static async filter(url, postModel) {
+    const alteredOptions = {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("serviceToken")}`
+      },
+      body: JSON.stringify({ ...postModel, ...postModel.filterModel }),
+      method: "POST"
+    };
+    const apiResponse = await makeRequest(url, alteredOptions);
+    return apiResponse;
+  }
   static async post(url, body = {}) {
     const alteredOptions = {
       headers: {

package/dist/{chunk-44LP4RZD.mjs → chunk-NIG6OXKY.mjs}

@@ -19,6 +19,18 @@ var makeRequest = async (url, options = {}) => {
   return apiResponse;
 };
 var api = class {
+  static async filter(url, postModel) {
+    const alteredOptions = {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("serviceToken")}`
+      },
+      body: JSON.stringify({ ...postModel, ...postModel.filterModel }),
+      method: "POST"
+    };
+    const apiResponse = await makeRequest(url, alteredOptions);
+    return apiResponse;
+  }
   static async post(url, body = {}) {
     const alteredOptions = {
       headers: {

package/dist/{chunk-T5CD2TUF.mjs → chunk-W2WJWT42.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GFSTK7KN.mjs";
 import {
   readValueAsDate
-} from "./chunk-44LP4RZD.mjs";
+} from "./chunk-NIG6OXKY.mjs";
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
 import {
@@ -430,7 +430,8 @@ var Component4 = function TextFieldElement(props) {
       type,
       error: !!error,
       helperText: error ? error.message : helperText,
-      inputRef: handleInputRef
+      inputRef: handleInputRef,
+      size: "small"
     }
   );
 };

package/dist/components/index.d.mts

@@ -12,6 +12,11 @@ type FilterButtonProps = {
 };
 declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
+type FilterWrapperProps = PropsWithChildren<{
+    title: string;
+}>;
+declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
@@ -34,4 +39,4 @@ declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => rea
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.d.ts

@@ -12,6 +12,11 @@ type FilterButtonProps = {
 };
 declare const FilterButton: ({ isSubmitting }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
+type FilterWrapperProps = PropsWithChildren<{
+    title: string;
+}>;
+declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
@@ -34,4 +39,4 @@ declare const ListWrapper: ({ children, title, count }: ListWrapperProps) => rea
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar };
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar };

package/dist/components/index.js

@@ -5,12 +5,14 @@
 
 
 
-var _chunkMXOTA42Jjs = require('../chunk-MXOTA42J.js');
 
+var _chunkDMKDUMBDjs = require('../chunk-DMKDUMBD.js');
 
 
 
 
 
 
-exports.ClearButton = _chunkMXOTA42Jjs.ClearButton_default; exports.FilterButton = _chunkMXOTA42Jjs.FilterButton_default; exports.FormWrapper = _chunkMXOTA42Jjs.FormWrapper_default; exports.LabelText = _chunkMXOTA42Jjs.LabelText_default; exports.ListWrapper = _chunkMXOTA42Jjs.ListWrapper_default; exports.SimpleToolbar = _chunkMXOTA42Jjs.SimpleToolbar_default;
+
+
+exports.ClearButton = _chunkDMKDUMBDjs.ClearButton_default; exports.FilterButton = _chunkDMKDUMBDjs.FilterButton_default; exports.FilterWrapper = _chunkDMKDUMBDjs.FilterWrapper_default; exports.FormWrapper = _chunkDMKDUMBDjs.FormWrapper_default; exports.LabelText = _chunkDMKDUMBDjs.LabelText_default; exports.ListWrapper = _chunkDMKDUMBDjs.ListWrapper_default; exports.SimpleToolbar = _chunkDMKDUMBDjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -1,14 +1,16 @@
 import {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "../chunk-WE5MOMEE.mjs";
+} from "../chunk-B5ZIFGAN.mjs";
 export {
   ClearButton_default as ClearButton,
   FilterButton_default as FilterButton,
+  FilterWrapper_default as FilterWrapper,
   FormWrapper_default as FormWrapper,
   LabelText_default as LabelText,
   ListWrapper_default as ListWrapper,

package/dist/index.d.mts

@@ -1,9 +1,8 @@
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.mjs';
-export { AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValueLabel } from './types/index.mjs';
+export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
 export { Field } from './wrappers/index.mjs';
-export { A as ApiResponse, V as ValidationErrors } from './ApiResponse-DWjEML13.mjs';
 export { A as AsyncSelectPayload } from './AsyncSelectPayload-DHN-R3gc.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-export { ClearButton, FilterButton, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
+export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.js';
-export { AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValueLabel } from './types/index.js';
+export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';
 export { Field } from './wrappers/index.js';
-export { A as ApiResponse, V as ValidationErrors } from './ApiResponse-DWjEML13.js';
 export { A as AsyncSelectPayload } from './AsyncSelectPayload-DHN-R3gc.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -5,12 +5,13 @@
 
 
 
-var _chunkMXOTA42Jjs = require('./chunk-MXOTA42J.js');
+
+var _chunkDMKDUMBDjs = require('./chunk-DMKDUMBD.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-TLJXC46A.js');
 
 
-var _chunkBMJZCRJTjs = require('./chunk-BMJZCRJT.js');
+var _chunkIQ2NGFMEjs = require('./chunk-IQ2NGFME.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -23,7 +24,8 @@ var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 
 
 
-var _chunkBSA6BJG2js = require('./chunk-BSA6BJG2.js');
+var _chunkKTAQRRS7js = require('./chunk-KTAQRRS7.js');
+
 
 
 
@@ -41,4 +43,4 @@ var _chunkBSA6BJG2js = require('./chunk-BSA6BJG2.js');
 
 
 
-exports.ClearButton = _chunkMXOTA42Jjs.ClearButton_default; exports.Field = _chunkBMJZCRJTjs.Field_default; exports.FilterButton = _chunkMXOTA42Jjs.FilterButton_default; exports.FormWrapper = _chunkMXOTA42Jjs.FormWrapper_default; exports.LabelText = _chunkMXOTA42Jjs.LabelText_default; exports.ListWrapper = _chunkMXOTA42Jjs.ListWrapper_default; exports.SimpleToolbar = _chunkMXOTA42Jjs.SimpleToolbar_default; exports.api = _chunkBSA6BJG2js.api; exports.flattenObjectKeys = _chunkBSA6BJG2js.flattenObjectKeys; exports.getTimezone = _chunkBSA6BJG2js.getTimezone; exports.handleServerErrors = _chunkBSA6BJG2js.handleServerErrors; exports.propertyExists = _chunkBSA6BJG2js.propertyExists; exports.readValueAsDate = _chunkBSA6BJG2js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkBSA6BJG2js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkBSA6BJG2js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.ClearButton = _chunkDMKDUMBDjs.ClearButton_default; exports.Field = _chunkIQ2NGFMEjs.Field_default; exports.FilterButton = _chunkDMKDUMBDjs.FilterButton_default; exports.FilterWrapper = _chunkDMKDUMBDjs.FilterWrapper_default; exports.FormWrapper = _chunkDMKDUMBDjs.FormWrapper_default; exports.LabelText = _chunkDMKDUMBDjs.LabelText_default; exports.ListWrapper = _chunkDMKDUMBDjs.ListWrapper_default; exports.SimpleToolbar = _chunkDMKDUMBDjs.SimpleToolbar_default; exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -1,16 +1,17 @@
 import {
   ClearButton_default,
   FilterButton_default,
+  FilterWrapper_default,
   FormWrapper_default,
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "./chunk-WE5MOMEE.mjs";
+} from "./chunk-B5ZIFGAN.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-5VR5QVUV.mjs";
 import {
   Field_default
-} from "./chunk-T5CD2TUF.mjs";
+} from "./chunk-W2WJWT42.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";
@@ -23,11 +24,12 @@ import {
   readValueAsDate,
   removeLeadingTrailingSlashes,
   schemaTools
-} from "./chunk-44LP4RZD.mjs";
+} from "./chunk-NIG6OXKY.mjs";
 export {
   ClearButton_default as ClearButton,
   Field_default as Field,
   FilterButton_default as FilterButton,
+  FilterWrapper_default as FilterWrapper,
   FormWrapper_default as FormWrapper,
   LabelText_default as LabelText,
   ListWrapper_default as ListWrapper,

package/dist/types/index.d.mts

@@ -1,7 +1,23 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { A as ApiResponse, V as ValidationErrors } from '../ApiResponse-DWjEML13.mjs';
 export { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.mjs';
 
+type ValidationErrors = {
+    [field: string]: string | string[] | boolean | {
+        key: string;
+        message: string;
+    };
+};
+
+type ApiResponse<TModel> = {
+    type?: string;
+    title?: string;
+    status?: number;
+    traceId?: string;
+    errors?: ValidationErrors;
+    modelErrors?: boolean;
+    apiData?: TModel;
+};
+
 type OptionItem = {
     label: string;
     value: string;
@@ -32,4 +48,4 @@ type ValueLabel = {
     label: number;
 };
 
-export type { AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValueLabel };
+export type { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel };

package/dist/types/index.d.ts

@@ -1,7 +1,23 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { A as ApiResponse, V as ValidationErrors } from '../ApiResponse-DWjEML13.js';
 export { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.js';
 
+type ValidationErrors = {
+    [field: string]: string | string[] | boolean | {
+        key: string;
+        message: string;
+    };
+};
+
+type ApiResponse<TModel> = {
+    type?: string;
+    title?: string;
+    status?: number;
+    traceId?: string;
+    errors?: ValidationErrors;
+    modelErrors?: boolean;
+    apiData?: TModel;
+};
+
 type OptionItem = {
     label: string;
     value: string;
@@ -32,4 +48,4 @@ type ValueLabel = {
     label: number;
 };
 
-export type { AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValueLabel };
+export type { ApiResponse, AsyncMultiSelectPayload, ListResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel };

package/dist/utils/index.d.mts

@@ -1,10 +1,13 @@
-import { A as ApiResponse } from '../ApiResponse-DWjEML13.mjs';
+import { PostModel, ApiResponse } from '../types/index.mjs';
 import { PickerValidDate } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
+import '@mui/x-data-grid';
+import '../AsyncSelectPayload-DHN-R3gc.mjs';
 
 declare class api {
+    static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<T>>;
     static post<T>(url: string, body?: any): Promise<ApiResponse<T>>;
     static get<T>(url: string): Promise<ApiResponse<T>>;
     static delete<T>(url: string): Promise<ApiResponse<T>>;

package/dist/utils/index.d.ts

@@ -1,10 +1,13 @@
-import { A as ApiResponse } from '../ApiResponse-DWjEML13.js';
+import { PostModel, ApiResponse } from '../types/index.js';
 import { PickerValidDate } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
+import '@mui/x-data-grid';
+import '../AsyncSelectPayload-DHN-R3gc.js';
 
 declare class api {
+    static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<T>>;
     static post<T>(url: string, body?: any): Promise<ApiResponse<T>>;
     static get<T>(url: string): Promise<ApiResponse<T>>;
     static delete<T>(url: string): Promise<ApiResponse<T>>;

package/dist/utils/index.js

@@ -7,7 +7,7 @@
 
 
 
-var _chunkBSA6BJG2js = require('../chunk-BSA6BJG2.js');
+var _chunkKTAQRRS7js = require('../chunk-KTAQRRS7.js');
 
 
 
@@ -17,4 +17,4 @@ var _chunkBSA6BJG2js = require('../chunk-BSA6BJG2.js');
 
 
 
-exports.api = _chunkBSA6BJG2js.api; exports.flattenObjectKeys = _chunkBSA6BJG2js.flattenObjectKeys; exports.getTimezone = _chunkBSA6BJG2js.getTimezone; exports.handleServerErrors = _chunkBSA6BJG2js.handleServerErrors; exports.propertyExists = _chunkBSA6BJG2js.propertyExists; exports.readValueAsDate = _chunkBSA6BJG2js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkBSA6BJG2js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkBSA6BJG2js.schemaTools;
+exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools;

package/dist/utils/index.mjs

@@ -7,7 +7,7 @@ import {
   readValueAsDate,
   removeLeadingTrailingSlashes,
   schemaTools
-} from "../chunk-44LP4RZD.mjs";
+} from "../chunk-NIG6OXKY.mjs";
 export {
   api,
   flattenObjectKeys,

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBMJZCRJTjs = require('../chunk-BMJZCRJT.js');
+var _chunkIQ2NGFMEjs = require('../chunk-IQ2NGFME.js');
 require('../chunk-6JZ35VQJ.js');
-require('../chunk-BSA6BJG2.js');
+require('../chunk-KTAQRRS7.js');
 
 
-exports.Field = _chunkBMJZCRJTjs.Field_default;
+exports.Field = _chunkIQ2NGFMEjs.Field_default;

package/dist/wrappers/index.mjs

@@ -1,8 +1,8 @@
 import {
   Field_default
-} from "../chunk-T5CD2TUF.mjs";
+} from "../chunk-W2WJWT42.mjs";
 import "../chunk-GFSTK7KN.mjs";
-import "../chunk-44LP4RZD.mjs";
+import "../chunk-NIG6OXKY.mjs";
 export {
   Field_default as Field
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.17.12",
+  "version": "2.18.1",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",

package/dist/ApiResponse-DWjEML13.d.mts

@@ -1,18 +0,0 @@
-type ValidationErrors = {
-    [field: string]: string | string[] | boolean | {
-        key: string;
-        message: string;
-    };
-};
-
-type ApiResponse<TModel> = {
-    type?: string;
-    title?: string;
-    status?: number;
-    traceId?: string;
-    errors?: ValidationErrors;
-    modelErrors?: boolean;
-    apiData?: TModel;
-};
-
-export type { ApiResponse as A, ValidationErrors as V };

package/dist/ApiResponse-DWjEML13.d.ts

@@ -1,18 +0,0 @@
-type ValidationErrors = {
-    [field: string]: string | string[] | boolean | {
-        key: string;
-        message: string;
-    };
-};
-
-type ApiResponse<TModel> = {
-    type?: string;
-    title?: string;
-    status?: number;
-    traceId?: string;
-    errors?: ValidationErrors;
-    modelErrors?: boolean;
-    apiData?: TModel;
-};
-
-export type { ApiResponse as A, ValidationErrors as V };