@gnwebsoft/ui 3.0.1 → 3.0.4

package/dist/chunk-FSU3H777.mjs

@@ -1,473 +0,0 @@
-// src/components/ClearButton/ClearButton.tsx
-import { Button } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var ClearButton = ({
-  isSubmitting,
-  handleClear,
-  sx,
-  storeKey
-}) => {
-  const onClick = () => {
-    handleClear();
-    if (storeKey != null) {
-      localStorage.removeItem(storeKey);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outlined",
-      onClick,
-      disabled: isSubmitting,
-      sx,
-      children: "Clear"
-    }
-  );
-};
-var ClearButton_default = ClearButton;
-
-// src/components/FilterButton/FilterButton.tsx
-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,
-  title,
-  icon,
-  sx,
-  iconSx
-}) => {
-  return /* @__PURE__ */ jsx2(
-    LoadingButton,
-    {
-      type: "submit",
-      variant: "contained",
-      loading: isSubmitting,
-      disabled: !show,
-      disableRipple: true,
-      color: "primary",
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        ...sx
-      },
-      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
-    }
-  );
-};
-var FilterButton_default = FilterButton;
-
-// src/components/FilterWrapper/FilterWrapper.tsx
-import {
-  Box,
-  Card,
-  CardContent,
-  CardHeader,
-  Divider,
-  Grid2,
-  Typography,
-  useTheme as useTheme2
-} from "@mui/material";
-import ManageSearchIcon from "@mui/icons-material/ManageSearch";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var FilterWrapper = ({
-  children,
-  title,
-  filterCount,
-  cardSx,
-  textSx,
-  icon,
-  iconSx,
-  showCount
-}) => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      sx: {
-        position: "relative",
-        borderRadius: "0px",
-        mb: 2,
-        ...cardSx
-      },
-      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: [
-              icon ? icon : /* @__PURE__ */ jsx3(
-                ManageSearchIcon,
-                {
-                  sx: {
-                    height: "2.5rem",
-                    color: theme.palette.primary.main,
-                    ...iconSx
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Typography,
-                {
-                  variant: "h5",
-                  sx: {
-                    fontWeight: "bold",
-                    color: theme.palette.primary.main,
-                    ...textSx
-                  },
-                  children: [
-                    title ? title : "Filter",
-                    " ",
-                    showCount ? `(${filterCount ? filterCount : 0})` : /* @__PURE__ */ jsx3(Fragment, {})
-                  ]
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__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 {
-  Box as Box2,
-  Card as Card2,
-  CardContent as CardContent2,
-  CardHeader as CardHeader2,
-  Divider as Divider2,
-  Grid2 as Grid22,
-  Typography as Typography2
-} from "@mui/material";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var FormWrapper = ({
-  children,
-  title,
-  editMode,
-  cardSx,
-  textSx,
-  icon,
-  actionButton
-}) => {
-  return /* @__PURE__ */ jsxs2(
-    Card2,
-    {
-      sx: {
-        position: "relative",
-        borderRadius: "0px",
-        ...cardSx
-      },
-      children: [
-        /* @__PURE__ */ jsx4(
-          CardHeader2,
-          {
-            sx: {
-              display: "flex",
-              flexWrap: "wrap",
-              p: "1rem",
-              ".MuiCardHeader-action": {
-                margin: 0,
-                alignSelf: "center"
-              }
-            },
-            title: /* @__PURE__ */ jsxs2(
-              Box2,
-              {
-                sx: {
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "space-between"
-                },
-                children: [
-                  /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                    icon ?? icon,
-                    /* @__PURE__ */ jsx4(Typography2, { color: "primary", sx: textSx, children: title })
-                  ] }),
-                  actionButton
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx4(Divider2, { sx: { mt: 0 } }),
-        /* @__PURE__ */ jsx4(CardContent2, { children: /* @__PURE__ */ jsx4(Grid22, { container: true, spacing: 2, children }) })
-      ]
-    }
-  );
-};
-var FormWrapper_default = FormWrapper;
-
-// src/components/LabelText/LabelText.tsx
-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,
-  gridSize,
-  containerSize,
-  labelSx,
-  valueSx
-}) => {
-  const defaultGridSize = {
-    labelSize: { xs: 6, sm: 6, md: 6 },
-    valueSize: { xs: 12, sm: 6, md: 6 }
-  };
-  const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
-  const size = gridSize || defaultGridSize;
-  const container = containerSize || defaultContainerSize;
-  return /* @__PURE__ */ jsxs3(
-    Grid23,
-    {
-      size: container,
-      sx: {
-        display: "flex",
-        flexDirection: { xs: "column", sm: "row", md: "row" },
-        "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
-      },
-      children: [
-        /* @__PURE__ */ jsxs3(
-          Grid23,
-          {
-            size: size.labelSize,
-            sx: {
-              padding: "5px",
-              fontSize: "14px",
-              textAlign: { xs: "left", sm: "right", md: "right" },
-              ...labelSx
-            },
-            children: [
-              label,
-              " :"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          Grid23,
-          {
-            size: size.valueSize,
-            sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-            children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
-              Typography3,
-              {
-                sx: {
-                  fontSize: "14px",
-                  wordBreak: "break-word",
-                  overflow: "hidden",
-                  display: "-webkit-box",
-                  textOverflow: "ellipsis",
-                  WebkitLineClamp: 2,
-                  WebkitBoxOrient: "vertical",
-                  ...valueSx,
-                  color: "#078dee"
-                },
-                children: value ? value : "-"
-              }
-            ) })
-          }
-        )
-      ]
-    }
-  );
-};
-var LabelText_default = LabelText;
-
-// src/components/ListWrapper/ListWrapper.tsx
-import {
-  Box as Box3,
-  Card as Card3,
-  CardContent as CardContent3,
-  CardHeader as CardHeader3,
-  Divider as Divider3,
-  Grid2 as Grid24,
-  Typography as Typography4,
-  useTheme as useTheme3
-} from "@mui/material";
-import ManageSearchIcon2 from "@mui/icons-material/ManageSearch";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var ListWrapper = ({
-  children,
-  title,
-  count,
-  show = true,
-  actionButton,
-  cardSx,
-  textSx,
-  icon,
-  iconSx,
-  showCount = true
-}) => {
-  const theme = useTheme3();
-  if (!show) return /* @__PURE__ */ jsx6(Fragment2, {});
-  return /* @__PURE__ */ jsxs4(
-    Card3,
-    {
-      sx: {
-        position: "relative",
-        borderRadius: "0px",
-        ...cardSx
-      },
-      children: [
-        /* @__PURE__ */ jsx6(
-          CardHeader3,
-          {
-            sx: {
-              display: "flex",
-              flexWrap: "wrap",
-              p: "1rem",
-              ".MuiCardHeader-action": {
-                margin: 0,
-                alignSelf: "center"
-              },
-              alignItems: "center"
-            },
-            title: /* @__PURE__ */ jsxs4(
-              Box3,
-              {
-                sx: {
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "space-between"
-                },
-                children: [
-                  /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                    icon ? icon : /* @__PURE__ */ jsx6(
-                      ManageSearchIcon2,
-                      {
-                        sx: {
-                          height: "2.5rem",
-                          color: theme.palette.primary.main,
-                          ...iconSx
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs4(
-                      Typography4,
-                      {
-                        variant: "h5",
-                        sx: {
-                          fontWeight: "bold",
-                          color: theme.palette.primary.main,
-                          ...textSx
-                        },
-                        children: [
-                          title ? title : "List",
-                          showCount ? `(${count ? count : 0})` : /* @__PURE__ */ jsx6(Fragment2, {})
-                        ]
-                      }
-                    )
-                  ] }),
-                  actionButton
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx6(Divider3, {}),
-        /* @__PURE__ */ jsx6(CardContent3, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx6(Grid24, { container: true, spacing: 2, children }) })
-      ]
-    }
-  );
-};
-var ListWrapper_default = ListWrapper;
-
-// src/components/SimpleToolbar/SimpleToolbar.tsx
-import {
-  GridToolbarContainer,
-  GridToolbarColumnsButton,
-  GridToolbarExport,
-  GridToolbarFilterButton,
-  GridToolbarQuickFilter
-} from "@mui/x-data-grid";
-import { Box as Box4 } from "@mui/material";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var SimpleToolbar = () => /* @__PURE__ */ jsxs5(GridToolbarContainer, { children: [
-  /* @__PURE__ */ jsx7(
-    GridToolbarQuickFilter,
-    {
-      sx: {
-        "& .MuiInputBase-root": {
-          borderRadius: "8px",
-          padding: "6px 10px"
-        },
-        "& input": {
-          fontSize: "14px",
-          color: "#333"
-        },
-        borderRadius: "8px"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx7(Box4, { sx: { flexGrow: 1 } }),
-  /* @__PURE__ */ jsx7(GridToolbarColumnsButton, {}),
-  /* @__PURE__ */ jsx7(GridToolbarFilterButton, {}),
-  /* @__PURE__ */ jsx7(GridToolbarExport, {})
-] });
-var SimpleToolbar_default = SimpleToolbar;
-
-// src/components/SimpleButton/SimpleButton.tsx
-import { Button as Button2 } from "@mui/material";
-import { Fragment as Fragment3, jsx as jsx8 } from "react/jsx-runtime";
-var SimpleButton = function SelectMultiElement(props) {
-  const { show, ...rest } = props;
-  if (!!show) return /* @__PURE__ */ jsx8(Fragment3, {});
-  return /* @__PURE__ */ jsx8(Button2, { ...rest });
-};
-var SimpleButton_default = SimpleButton;
-
-// src/components/AuthorizedView/AuthorizedView.tsx
-import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
-var AuthorizedView = ({ children, show }) => {
-  if (!show) return /* @__PURE__ */ jsx9(Fragment4, {});
-  return /* @__PURE__ */ jsx9(Fragment4, { children });
-};
-var AuthorizedView_default = AuthorizedView;
-
-// src/components/CancelButton/CancelButton.tsx
-import { Button as Button3 } from "@mui/material";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var CancelButton = ({
-  isSubmitting,
-  handleCancel,
-  sx
-}) => {
-  return /* @__PURE__ */ jsx10(
-    Button3,
-    {
-      variant: "outlined",
-      onClick: handleCancel,
-      disabled: isSubmitting,
-      sx,
-      children: "Cancel"
-    }
-  );
-};
-var CancelButton_default = CancelButton;
-
-export {
-  ClearButton_default,
-  FilterButton_default,
-  FilterWrapper_default,
-  FormWrapper_default,
-  LabelText_default,
-  ListWrapper_default,
-  SimpleToolbar_default,
-  SimpleButton_default,
-  AuthorizedView_default,
-  CancelButton_default
-};

package/dist/chunk-GFSTK7KN.mjs

@@ -1,19 +0,0 @@
-// src/hooks/useTransform/index.ts
-function useTransform(options) {
-  const value = typeof options.transform?.input === "function" ? options.transform.input(options.value) : options.value;
-  const onChange = (...event) => {
-    if (typeof options.transform?.output === "function") {
-      options.onChange(options.transform.output(...event));
-    } else {
-      options.onChange(...event);
-    }
-  };
-  return {
-    value,
-    onChange
-  };
-}
-
-export {
-  useTransform
-};