@gnwebsoft/ui 2.18.31 → 2.18.32

package/dist/{chunk-7HKMAJKT.js → chunk-HTRRCH33.js}

@@ -25,7 +25,8 @@ var FilterButton = ({
   show,
   title,
   icon,
-  sx
+  sx,
+  iconSx
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _lab.LoadingButton,
@@ -36,12 +37,11 @@ var FilterButton = ({
       disabled: !show,
       disableRipple: true,
       sx: {
-        ...sx,
-        bgcolor: "primary",
         display: "flex",
-        alignItems: "center"
+        alignItems: "center",
+        ...sx
       },
-      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FilterAlt2.default, { width: "20", height: "20" }) }),
+      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FilterAlt2.default, { width: "20", height: "20", sx: iconSx }) }),
       children: _optionalChain([title, 'optionalAccess', _ => _.trim, 'call', _2 => _2()]) === "" || !title ? "Filter" : title
     }
   );
@@ -58,23 +58,27 @@ var FilterButton_default = FilterButton;
 
 
 
+
 var _ManageSearch = require('@mui/icons-material/ManageSearch'); var _ManageSearch2 = _interopRequireDefault(_ManageSearch);
 
 var FilterWrapper = ({
   children,
   title,
+  filterCount,
   cardSx,
   textSx,
-  icon
+  icon,
+  iconSx
 }) => {
+  const theme = _material.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Card,
     {
       sx: {
-        ...cardSx,
         position: "relative",
         borderRadius: "0px",
-        mb: 2
+        mb: 2,
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -91,13 +95,31 @@ var FilterWrapper = ({
               alignItems: "center"
             },
             title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "primary", height: "2.5rem" } }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _ManageSearch2.default,
+                {
+                  sx: {
+                    height: "2.5rem",
+                    color: theme.palette.primary.main,
+                    ...iconSx
+                  }
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 _material.Typography,
                 {
                   variant: "h5",
-                  sx: { ...textSx, color: "primary", fontWeight: "bold" },
-                  children: title
+                  sx: {
+                    fontWeight: "bold",
+                    color: theme.palette.primary.main,
+                    ...textSx
+                  },
+                  children: [
+                    title,
+                    " (",
+                    filterCount,
+                    ")"
+                  ]
                 }
               )
             ] })
@@ -135,9 +157,9 @@ var FormWrapper = ({
     _material.Card,
     {
       sx: {
-        ...cardSx,
         position: "relative",
-        borderRadius: "0px"
+        borderRadius: "0px",
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -264,6 +286,7 @@ var LabelText_default = LabelText;
 
 
 
+
 var ListWrapper = ({
   children,
   title,
@@ -273,16 +296,18 @@ var ListWrapper = ({
   cardSx,
   textSx,
   icon,
+  iconSx,
   showCount = true
 }) => {
+  const theme = _material.useTheme.call(void 0, );
   if (!show) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Card,
     {
       sx: {
-        ...cardSx,
         position: "relative",
-        borderRadius: "0px"
+        borderRadius: "0px",
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -308,16 +333,29 @@ var ListWrapper = ({
                 },
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                    icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ManageSearch2.default, { sx: { color: "primary", height: "2.5rem" } }),
+                    icon ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _ManageSearch2.default,
+                      {
+                        sx: {
+                          height: "2.5rem",
+                          color: theme.palette.primary.main,
+                          ...iconSx
+                        }
+                      }
+                    ),
                     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                       _material.Typography,
                       {
                         variant: "h5",
-                        sx: { ...textSx, color: "primary", fontWeight: "bold" },
+                        sx: {
+                          fontWeight: "bold",
+                          color: theme.palette.primary.main,
+                          ...textSx
+                        },
                         children: [
                           title,
                           " ",
-                          showCount ? `$(${count ? count : 0})` : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {})
+                          showCount ? `(${count ? count : 0})` : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {})
                         ]
                       }
                     )

package/dist/{chunk-M42TPRCN.mjs → chunk-OS5KT6UM.mjs}

@@ -25,7 +25,8 @@ var FilterButton = ({
   show,
   title,
   icon,
-  sx
+  sx,
+  iconSx
 }) => {
   return /* @__PURE__ */ jsx2(
     LoadingButton,
@@ -36,12 +37,11 @@ var FilterButton = ({
       disabled: !show,
       disableRipple: true,
       sx: {
-        ...sx,
-        bgcolor: "primary",
         display: "flex",
-        alignItems: "center"
+        alignItems: "center",
+        ...sx
       },
-      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20" }) }),
+      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20", sx: iconSx }) }),
       children: title?.trim() === "" || !title ? "Filter" : title
     }
   );
@@ -56,25 +56,29 @@ import {
   CardHeader,
   Divider,
   Grid2,
-  Typography
+  Typography,
+  useTheme as useTheme2
 } from "@mui/material";
 import ManageSearchIcon from "@mui/icons-material/ManageSearch";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var FilterWrapper = ({
   children,
   title,
+  filterCount,
   cardSx,
   textSx,
-  icon
+  icon,
+  iconSx
 }) => {
+  const theme = useTheme2();
   return /* @__PURE__ */ jsxs(
     Card,
     {
       sx: {
-        ...cardSx,
         position: "relative",
         borderRadius: "0px",
-        mb: 2
+        mb: 2,
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ jsx3(
@@ -91,13 +95,31 @@ var FilterWrapper = ({
               alignItems: "center"
             },
             title: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-              icon ? icon : /* @__PURE__ */ jsx3(ManageSearchIcon, { sx: { color: "primary", height: "2.5rem" } }),
-              /* @__PURE__ */ jsx3(
+              icon ? icon : /* @__PURE__ */ jsx3(
+                ManageSearchIcon,
+                {
+                  sx: {
+                    height: "2.5rem",
+                    color: theme.palette.primary.main,
+                    ...iconSx
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs(
                 Typography,
                 {
                   variant: "h5",
-                  sx: { ...textSx, color: "primary", fontWeight: "bold" },
-                  children: title
+                  sx: {
+                    fontWeight: "bold",
+                    color: theme.palette.primary.main,
+                    ...textSx
+                  },
+                  children: [
+                    title,
+                    " (",
+                    filterCount,
+                    ")"
+                  ]
                 }
               )
             ] })
@@ -135,9 +157,9 @@ var FormWrapper = ({
     Card2,
     {
       sx: {
-        ...cardSx,
         position: "relative",
-        borderRadius: "0px"
+        borderRadius: "0px",
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ jsx4(
@@ -260,7 +282,8 @@ import {
   CardHeader as CardHeader3,
   Divider as Divider3,
   Grid2 as Grid24,
-  Typography as Typography4
+  Typography as Typography4,
+  useTheme as useTheme3
 } from "@mui/material";
 import ManageSearchIcon2 from "@mui/icons-material/ManageSearch";
 import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -273,16 +296,18 @@ var ListWrapper = ({
   cardSx,
   textSx,
   icon,
+  iconSx,
   showCount = true
 }) => {
+  const theme = useTheme3();
   if (!show) return /* @__PURE__ */ jsx6(Fragment, {});
   return /* @__PURE__ */ jsxs4(
     Card3,
     {
       sx: {
-        ...cardSx,
         position: "relative",
-        borderRadius: "0px"
+        borderRadius: "0px",
+        ...cardSx
       },
       children: [
         /* @__PURE__ */ jsx6(
@@ -308,16 +333,29 @@ var ListWrapper = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                    icon ? icon : /* @__PURE__ */ jsx6(ManageSearchIcon2, { sx: { color: "primary", height: "2.5rem" } }),
+                    icon ? icon : /* @__PURE__ */ jsx6(
+                      ManageSearchIcon2,
+                      {
+                        sx: {
+                          height: "2.5rem",
+                          color: theme.palette.primary.main,
+                          ...iconSx
+                        }
+                      }
+                    ),
                     /* @__PURE__ */ jsxs4(
                       Typography4,
                       {
                         variant: "h5",
-                        sx: { ...textSx, color: "primary", fontWeight: "bold" },
+                        sx: {
+                          fontWeight: "bold",
+                          color: theme.palette.primary.main,
+                          ...textSx
+                        },
                         children: [
                           title,
                           " ",
-                          showCount ? `$(${count ? count : 0})` : /* @__PURE__ */ jsx6(Fragment, {})
+                          showCount ? `(${count ? count : 0})` : /* @__PURE__ */ jsx6(Fragment, {})
                         ]
                       }
                     )

package/dist/components/index.d.mts

@@ -16,16 +16,19 @@ type FilterButtonProps = {
     title?: string;
     icon?: React.ReactNode;
     sx?: SxProps;
+    iconSx?: SxProps;
 };
-declare const FilterButton: ({ isSubmitting, show, title, icon, sx, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, sx, iconSx, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
+    filterCount: number;
     cardSx?: SxProps;
     textSx?: SxProps;
     icon?: ReactNode;
+    iconSx?: SxProps;
 }>;
-declare const FilterWrapper: ({ children, title, cardSx, textSx, icon, }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const FilterWrapper: ({ children, title, filterCount, cardSx, textSx, icon, iconSx, }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
 
 type FormWrapper = PropsWithChildren<{
     title: string;
@@ -71,8 +74,9 @@ type ListWrapperProps = PropsWithChildren<{
     textSx?: SxProps;
     icon?: ReactNode;
     showCount?: boolean;
+    iconSx?: SxProps;
 }>;
-declare const ListWrapper: ({ children, title, count, show, actionButton, cardSx, textSx, icon, showCount, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, cardSx, textSx, icon, iconSx, showCount, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.d.ts

@@ -16,16 +16,19 @@ type FilterButtonProps = {
     title?: string;
     icon?: React.ReactNode;
     sx?: SxProps;
+    iconSx?: SxProps;
 };
-declare const FilterButton: ({ isSubmitting, show, title, icon, sx, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, sx, iconSx, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
+    filterCount: number;
     cardSx?: SxProps;
     textSx?: SxProps;
     icon?: ReactNode;
+    iconSx?: SxProps;
 }>;
-declare const FilterWrapper: ({ children, title, cardSx, textSx, icon, }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const FilterWrapper: ({ children, title, filterCount, cardSx, textSx, icon, iconSx, }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
 
 type FormWrapper = PropsWithChildren<{
     title: string;
@@ -71,8 +74,9 @@ type ListWrapperProps = PropsWithChildren<{
     textSx?: SxProps;
     icon?: ReactNode;
     showCount?: boolean;
+    iconSx?: SxProps;
 }>;
-declare const ListWrapper: ({ children, title, count, show, actionButton, cardSx, textSx, icon, showCount, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, cardSx, textSx, icon, iconSx, showCount, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunk7HKMAJKTjs = require('../chunk-7HKMAJKT.js');
+var _chunkHTRRCH33js = require('../chunk-HTRRCH33.js');
 
 
 
@@ -19,4 +19,4 @@ var _chunk7HKMAJKTjs = require('../chunk-7HKMAJKT.js');
 
 
 
-exports.AuthorizedView = _chunk7HKMAJKTjs.AuthorizedView_default; exports.ClearButton = _chunk7HKMAJKTjs.ClearButton_default; exports.FilterButton = _chunk7HKMAJKTjs.FilterButton_default; exports.FilterWrapper = _chunk7HKMAJKTjs.FilterWrapper_default; exports.FormWrapper = _chunk7HKMAJKTjs.FormWrapper_default; exports.LabelText = _chunk7HKMAJKTjs.LabelText_default; exports.ListWrapper = _chunk7HKMAJKTjs.ListWrapper_default; exports.SimpleButton = _chunk7HKMAJKTjs.SimpleButton_default; exports.SimpleToolbar = _chunk7HKMAJKTjs.SimpleToolbar_default;
+exports.AuthorizedView = _chunkHTRRCH33js.AuthorizedView_default; exports.ClearButton = _chunkHTRRCH33js.ClearButton_default; exports.FilterButton = _chunkHTRRCH33js.FilterButton_default; exports.FilterWrapper = _chunkHTRRCH33js.FilterWrapper_default; exports.FormWrapper = _chunkHTRRCH33js.FormWrapper_default; exports.LabelText = _chunkHTRRCH33js.LabelText_default; exports.ListWrapper = _chunkHTRRCH33js.ListWrapper_default; exports.SimpleButton = _chunkHTRRCH33js.SimpleButton_default; exports.SimpleToolbar = _chunkHTRRCH33js.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -8,7 +8,7 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "../chunk-M42TPRCN.mjs";
+} from "../chunk-OS5KT6UM.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
   ClearButton_default as ClearButton,

package/dist/index.js

@@ -8,15 +8,15 @@
 
 
 
-var _chunk7HKMAJKTjs = require('./chunk-7HKMAJKT.js');
+var _chunkHTRRCH33js = require('./chunk-HTRRCH33.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
+var _chunk4E6AXVK7js = require('./chunk-4E6AXVK7.js');
 
 
-var _chunk4E6AXVK7js = require('./chunk-4E6AXVK7.js');
+var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -53,4 +53,4 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunk7HKMAJKTjs.AuthorizedView_default; exports.ClearButton = _chunk7HKMAJKTjs.ClearButton_default; exports.Field = _chunk4E6AXVK7js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunk7HKMAJKTjs.FilterButton_default; exports.FilterWrapper = _chunk7HKMAJKTjs.FilterWrapper_default; exports.FormWrapper = _chunk7HKMAJKTjs.FormWrapper_default; exports.LabelText = _chunk7HKMAJKTjs.LabelText_default; exports.ListWrapper = _chunk7HKMAJKTjs.ListWrapper_default; exports.SimpleButton = _chunk7HKMAJKTjs.SimpleButton_default; exports.SimpleToolbar = _chunk7HKMAJKTjs.SimpleToolbar_default; exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.AuthorizedView = _chunkHTRRCH33js.AuthorizedView_default; exports.ClearButton = _chunkHTRRCH33js.ClearButton_default; exports.Field = _chunk4E6AXVK7js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkHTRRCH33js.FilterButton_default; exports.FilterWrapper = _chunkHTRRCH33js.FilterWrapper_default; exports.FormWrapper = _chunkHTRRCH33js.FormWrapper_default; exports.LabelText = _chunkHTRRCH33js.LabelText_default; exports.ListWrapper = _chunkHTRRCH33js.ListWrapper_default; exports.SimpleButton = _chunkHTRRCH33js.SimpleButton_default; exports.SimpleToolbar = _chunkHTRRCH33js.SimpleToolbar_default; exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -8,15 +8,15 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "./chunk-M42TPRCN.mjs";
+} from "./chunk-OS5KT6UM.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
-import {
-  Field_default as Field_default2
-} from "./chunk-34X2YRTY.mjs";
 import {
   Field_default
 } from "./chunk-MRZZQRKX.mjs";
+import {
+  Field_default as Field_default2
+} from "./chunk-34X2YRTY.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";

package/package.json

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