@gnwebsoft/ui 2.18.24 → 2.18.26

package/dist/{chunk-MZEAU4RQ.mjs → chunk-CCZOV6WK.mjs}

@@ -443,7 +443,13 @@ var Component4 = function TextFieldElement(props) {
       error: !!error,
       helperText: error ? error.message : helperText,
       inputRef: handleInputRef,
-      size: "small"
+      size: "small",
+      sx: {
+        "& .MuiInputBase-input": {
+          cursor: disabled ? "not-allowed" : "default"
+        },
+        bgcolor: disabled ? "#EEF1F5" : "transparent"
+      }
     }
   );
 };
@@ -694,6 +700,7 @@ var Component6 = function AsyncSelectElement(props) {
       getOptionKey: (option) => option.Value,
       isOptionEqualToValue: (option, val) => option.Value === val.Value,
       autoComplete: true,
+      disabled,
       includeInputInList: true,
       options,
       value: selectedOption,
@@ -718,6 +725,12 @@ var Component6 = function AsyncSelectElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
           }
         }
       ),
@@ -902,6 +915,12 @@ var Component7 = function AsyncSelectMultiElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
           }
         }
       ),
@@ -1003,7 +1022,13 @@ var Component8 = function SelectElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined"
+          variant: "outlined",
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
+          }
         }
       )
     }
@@ -1204,7 +1229,13 @@ var Component10 = function SelectCascadeElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined"
+          variant: "outlined",
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
+          }
         }
       )
     }

package/dist/{chunk-2WVVFSOJ.js → chunk-EG7YMWA5.js}

@@ -443,7 +443,13 @@ var Component4 = function TextFieldElement(props) {
       error: !!error,
       helperText: error ? error.message : helperText,
       inputRef: handleInputRef,
-      size: "small"
+      size: "small",
+      sx: {
+        "& .MuiInputBase-input": {
+          cursor: disabled ? "not-allowed" : "default"
+        },
+        bgcolor: disabled ? "#EEF1F5" : "transparent"
+      }
     }
   );
 };
@@ -694,6 +700,7 @@ var Component6 = function AsyncSelectElement(props) {
       getOptionKey: (option) => option.Value,
       isOptionEqualToValue: (option, val) => option.Value === val.Value,
       autoComplete: true,
+      disabled,
       includeInputInList: true,
       options,
       value: selectedOption,
@@ -718,6 +725,12 @@ var Component6 = function AsyncSelectElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
           }
         }
       ),
@@ -902,6 +915,12 @@ var Component7 = function AsyncSelectMultiElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
           }
         }
       ),
@@ -1003,7 +1022,13 @@ var Component8 = function SelectElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined"
+          variant: "outlined",
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
+          }
         }
       )
     }
@@ -1204,7 +1229,13 @@ var Component10 = function SelectCascadeElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined"
+          variant: "outlined",
+          sx: {
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            bgcolor: disabled ? "#EEF1F5" : "transparent"
+          }
         }
       )
     }

package/dist/{chunk-LSE3T3FT.mjs → chunk-N3AI2OIO.mjs}

@@ -11,7 +11,12 @@ import { LoadingButton } from "@mui/lab";
 import { Badge } from "@mui/material";
 import FilterAltIcon from "@mui/icons-material/FilterAlt";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var FilterButton = ({ isSubmitting, show }) => {
+var FilterButton = ({
+  isSubmitting,
+  show,
+  title,
+  icon
+}) => {
   return /* @__PURE__ */ jsx2(
     LoadingButton,
     {
@@ -20,9 +25,13 @@ var FilterButton = ({ isSubmitting, show }) => {
       loading: isSubmitting,
       disabled: !show,
       disableRipple: true,
-      sx: { bgcolor: "#3caed7 !important" },
-      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20" }) }),
-      children: "Filter"
+      sx: {
+        bgcolor: "#3caed7 !important",
+        display: "flex",
+        alignItems: "center"
+      },
+      startIcon: /* @__PURE__ */ jsx2(Badge, { color: "error", variant: "standard", children: icon ? icon : /* @__PURE__ */ jsx2(FilterAltIcon, { width: "20", height: "20" }) }),
+      children: title?.trim() === "" || !title ? "Filter" : title
     }
   );
 };
@@ -212,7 +221,8 @@ var ListWrapper = ({
   children,
   title,
   count,
-  show = true
+  show = true,
+  actionButton
 }) => {
   if (!show) return /* @__PURE__ */ jsx6(Fragment, {});
   return /* @__PURE__ */ jsxs4(
@@ -236,17 +246,30 @@ var ListWrapper = ({
               },
               alignItems: "center"
             },
-            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" },
-                  children: `${title} (${count ? count : 0})`
-                }
-              )
-            ] })
+            title: /* @__PURE__ */ jsxs4(
+              Box2,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__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" },
+                        children: `${title} (${count ? count : 0})`
+                      }
+                    )
+                  ] }),
+                  actionButton
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx6(Divider3, {}),

package/dist/{chunk-ZT3DSWED.js → chunk-QA44AL2X.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/ClearButton/ClearButton.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ClearButton/ClearButton.tsx
 var _material = require('@mui/material');
 var _jsxruntime = require('react/jsx-runtime');
 var ClearButton = ({ isSubmitting, handleClear }) => {
@@ -11,7 +11,12 @@ var _lab = require('@mui/lab');
 
 var _FilterAlt = require('@mui/icons-material/FilterAlt'); var _FilterAlt2 = _interopRequireDefault(_FilterAlt);
 
-var FilterButton = ({ isSubmitting, show }) => {
+var FilterButton = ({
+  isSubmitting,
+  show,
+  title,
+  icon
+}) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _lab.LoadingButton,
     {
@@ -20,9 +25,13 @@ var FilterButton = ({ isSubmitting, show }) => {
       loading: isSubmitting,
       disabled: !show,
       disableRipple: true,
-      sx: { bgcolor: "#3caed7 !important" },
-      startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Badge, { color: "error", variant: "standard", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FilterAlt2.default, { width: "20", height: "20" }) }),
-      children: "Filter"
+      sx: {
+        bgcolor: "#3caed7 !important",
+        display: "flex",
+        alignItems: "center"
+      },
+      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" }) }),
+      children: _optionalChain([title, 'optionalAccess', _ => _.trim, 'call', _2 => _2()]) === "" || !title ? "Filter" : title
     }
   );
 };
@@ -212,7 +221,8 @@ var ListWrapper = ({
   children,
   title,
   count,
-  show = true
+  show = true,
+  actionButton
 }) => {
   if (!show) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -236,17 +246,30 @@ var ListWrapper = ({
               },
               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} (${count ? count : 0})`
-                }
-              )
-            ] })
+            title: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _material.Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__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} (${count ? count : 0})`
+                      }
+                    )
+                  ] }),
+                  actionButton
+                ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),

package/dist/components/index.d.mts

@@ -12,8 +12,10 @@ declare const ClearButton: ({ isSubmitting, handleClear }: ClearButtonProps) =>
 type FilterButtonProps = {
     isSubmitting: boolean;
     show?: boolean;
+    title?: string;
+    icon?: React.ReactNode;
 };
-declare const FilterButton: ({ isSubmitting, show }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
@@ -53,8 +55,9 @@ type ListWrapperProps = PropsWithChildren<{
     title: string;
     count: number;
     show?: boolean;
+    actionButton?: React.ReactNode;
 }>;
-declare const ListWrapper: ({ children, title, count, show, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.d.ts

@@ -12,8 +12,10 @@ declare const ClearButton: ({ isSubmitting, handleClear }: ClearButtonProps) =>
 type FilterButtonProps = {
     isSubmitting: boolean;
     show?: boolean;
+    title?: string;
+    icon?: React.ReactNode;
 };
-declare const FilterButton: ({ isSubmitting, show }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
@@ -53,8 +55,9 @@ type ListWrapperProps = PropsWithChildren<{
     title: string;
     count: number;
     show?: boolean;
+    actionButton?: React.ReactNode;
 }>;
-declare const ListWrapper: ({ children, title, count, show, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const ListWrapper: ({ children, title, count, show, actionButton, }: ListWrapperProps) => react_jsx_runtime.JSX.Element;
 
 declare const SimpleToolbar: () => react_jsx_runtime.JSX.Element;
 

package/dist/components/index.js

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

package/dist/components/index.mjs

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