@gnwebsoft/ui 2.17.0

package/dist/chunk-2LTU3GNL.mjs

@@ -0,0 +1,217 @@
+// src/components/ClearButton/index.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+
+// src/components/FilterButton/FilterButton.tsx
+import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+var FilterButton = ({ isSubmitting }) => {
+  return /* @__PURE__ */ jsx2(Fragment2, {});
+};
+var FilterButton_default = FilterButton;
+
+// src/components/FormWrapper/FormWrapper.tsx
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  Divider,
+  Grid2,
+  Typography
+} from "@mui/material";
+import { Fragment as Fragment3, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var FormWrapper = ({
+  children,
+  title,
+  editMode,
+  breadCrumb
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment3, { children: [
+    breadCrumb ? breadCrumb : /* @__PURE__ */ jsx3(Fragment3, {}),
+    /* @__PURE__ */ jsxs(
+      Card,
+      {
+        sx: {
+          position: "relative",
+          borderRadius: "0px"
+        },
+        children: [
+          /* @__PURE__ */ jsx3(
+            CardHeader,
+            {
+              sx: {
+                display: "flex",
+                flexWrap: "wrap",
+                p: "1rem",
+                ".MuiCardHeader-action": {
+                  margin: 0,
+                  alignSelf: "center"
+                }
+              },
+              title: title ?? /* @__PURE__ */ jsx3(Typography, { 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 }) })
+        ]
+      }
+    )
+  ] });
+};
+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,
+  {
+    size: { xs: 12, sm: 6, md: 6 },
+    sx: {
+      display: "flex",
+      flexDirection: { xs: "column", sm: "row", md: "row" },
+      "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
+    },
+    children: [
+      /* @__PURE__ */ jsxs2(
+        Grid22,
+        {
+          size: { xs: 6, sm: 7, md: 6 },
+          sx: {
+            padding: "5px",
+            fontSize: "14px",
+            textAlign: { xs: "left", sm: "right", md: "right" }
+          },
+          children: [
+            label,
+            " :"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        Grid22,
+        {
+          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,
+            {
+              color: "#3598dc",
+              fontSize: "14px",
+              sx: {
+                wordBreak: "break-word",
+                overflow: "hidden",
+                display: "-webkit-box",
+                textOverflow: "ellipsis",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical"
+              },
+              children: value ? value : "-"
+            }
+          ) })
+        }
+      )
+    ]
+  }
+);
+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
+} from "@mui/material";
+import ManageSearchIcon from "@mui/icons-material/ManageSearch";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ListWrapper = ({ children, title, count }) => {
+  return /* @__PURE__ */ jsxs3(
+    Card2,
+    {
+      sx: {
+        position: "relative",
+        borderRadius: "0px"
+      },
+      children: [
+        /* @__PURE__ */ jsx5(
+          CardHeader2,
+          {
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              p: "1rem",
+              ".MuiCardHeader-action": {
+                margin: 0,
+                alignSelf: "center"
+              },
+              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,
+                {
+                  variant: "h5",
+                  sx: { color: "#4db3a2", fontWeight: "bold" },
+                  children: `${title} (${count ? count : 0})`
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx5(Divider2, {}),
+        /* @__PURE__ */ jsx5(CardContent2, { sx: { pt: 0 }, children: /* @__PURE__ */ jsx5(Grid23, { 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 Box2 } from "@mui/material";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var SimpleToolbar = () => /* @__PURE__ */ jsxs4(GridToolbarContainer, { children: [
+  /* @__PURE__ */ jsx6(
+    GridToolbarQuickFilter,
+    {
+      sx: {
+        "& .MuiInputBase-root": {
+          borderRadius: "8px",
+          padding: "6px 10px",
+          backgroundColor: "#f6f7f8"
+        },
+        "& input": {
+          fontSize: "14px",
+          color: "#333"
+        },
+        borderRadius: "8px",
+        ".css-hzgntl-MuiOutlinedInput-notchedOutline": {
+          borderRadius: "8px",
+          border: "1px solid #efefef !important"
+        }
+      }
+    }
+  ),
+  /* @__PURE__ */ jsx6(Box2, { sx: { flexGrow: 1 } }),
+  /* @__PURE__ */ jsx6(GridToolbarColumnsButton, {}),
+  /* @__PURE__ */ jsx6(GridToolbarFilterButton, {}),
+  /* @__PURE__ */ jsx6(GridToolbarExport, {})
+] });
+var SimpleToolbar_default = SimpleToolbar;
+
+export {
+  FilterButton_default,
+  FormWrapper_default,
+  LabelText_default,
+  ListWrapper_default,
+  SimpleToolbar_default
+};

package/dist/chunk-6JZ35VQJ.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/hooks/useTransform/index.ts
+function useTransform(options) {
+  const value = typeof _optionalChain([options, 'access', _ => _.transform, 'optionalAccess', _2 => _2.input]) === "function" ? options.transform.input(options.value) : options.value;
+  const onChange = (...event) => {
+    if (typeof _optionalChain([options, 'access', _3 => _3.transform, 'optionalAccess', _4 => _4.output]) === "function") {
+      options.onChange(options.transform.output(...event));
+    } else {
+      options.onChange(...event);
+    }
+  };
+  return {
+    value,
+    onChange
+  };
+}
+
+
+
+exports.useTransform = useTransform;

package/dist/chunk-7M2VOCYN.js

@@ -0,0 +1 @@
+"use strict";

package/dist/chunk-D3X5GWIG.mjs

@@ -0,0 +1,63 @@
+// src/utils/flattenObjectKeys.ts
+var isNested = (obj) => typeof obj === "object" && obj !== null;
+var isArray = (obj) => Array.isArray(obj);
+var flattenObjectKeys = (obj, prefix = "") => {
+  if (!isNested(obj)) {
+    return {
+      [prefix]: obj
+    };
+  }
+  return Object.keys(obj).reduce((acc, key) => {
+    const currentPrefix = prefix.length ? `${prefix}.` : "";
+    if (isNested(obj[key]) && Object.keys(obj[key]).length) {
+      if (isArray(obj[key]) && obj[key].length) {
+        obj[key].forEach((item, index) => {
+          Object.assign(
+            acc,
+            flattenObjectKeys(item, `${currentPrefix + key}.${index}`)
+          );
+        });
+      } else {
+        Object.assign(acc, flattenObjectKeys(obj[key], currentPrefix + key));
+      }
+      acc[currentPrefix + key] = obj[key];
+    } else {
+      acc[currentPrefix + key] = obj[key];
+    }
+    return acc;
+  }, {});
+};
+
+// src/utils/getTimezone.ts
+function getTimezone(adapter, value) {
+  return value == null || !adapter.utils.isValid(value) ? null : adapter.utils.getTimezone(value);
+}
+
+// src/utils/propertyExists.ts
+function propertyExists(obj, prop) {
+  return typeof obj === "object" && obj !== null && Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+// src/utils/readValueAsDate.ts
+function readValueAsDate(adapter, value) {
+  if (typeof value === "string") {
+    if (value === "") {
+      return null;
+    }
+    return adapter.utils.date(value);
+  }
+  return value;
+}
+
+// src/utils/removeLeadingTrailingSlashes.ts
+var removeLeadingTrailingSlashes = (route) => {
+  return route.replace(/^\/|\/$/g, "");
+};
+
+export {
+  flattenObjectKeys,
+  getTimezone,
+  propertyExists,
+  readValueAsDate,
+  removeLeadingTrailingSlashes
+};

package/dist/chunk-DFFDICTB.js

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/flattenObjectKeys.ts
+var isNested = (obj) => typeof obj === "object" && obj !== null;
+var isArray = (obj) => Array.isArray(obj);
+var flattenObjectKeys = (obj, prefix = "") => {
+  if (!isNested(obj)) {
+    return {
+      [prefix]: obj
+    };
+  }
+  return Object.keys(obj).reduce((acc, key) => {
+    const currentPrefix = prefix.length ? `${prefix}.` : "";
+    if (isNested(obj[key]) && Object.keys(obj[key]).length) {
+      if (isArray(obj[key]) && obj[key].length) {
+        obj[key].forEach((item, index) => {
+          Object.assign(
+            acc,
+            flattenObjectKeys(item, `${currentPrefix + key}.${index}`)
+          );
+        });
+      } else {
+        Object.assign(acc, flattenObjectKeys(obj[key], currentPrefix + key));
+      }
+      acc[currentPrefix + key] = obj[key];
+    } else {
+      acc[currentPrefix + key] = obj[key];
+    }
+    return acc;
+  }, {});
+};
+
+// src/utils/getTimezone.ts
+function getTimezone(adapter, value) {
+  return value == null || !adapter.utils.isValid(value) ? null : adapter.utils.getTimezone(value);
+}
+
+// src/utils/propertyExists.ts
+function propertyExists(obj, prop) {
+  return typeof obj === "object" && obj !== null && Object.prototype.hasOwnProperty.call(obj, prop);
+}
+
+// src/utils/readValueAsDate.ts
+function readValueAsDate(adapter, value) {
+  if (typeof value === "string") {
+    if (value === "") {
+      return null;
+    }
+    return adapter.utils.date(value);
+  }
+  return value;
+}
+
+// src/utils/removeLeadingTrailingSlashes.ts
+var removeLeadingTrailingSlashes = (route) => {
+  return route.replace(/^\/|\/$/g, "");
+};
+
+
+
+
+
+
+
+exports.flattenObjectKeys = flattenObjectKeys; exports.getTimezone = getTimezone; exports.propertyExists = propertyExists; exports.readValueAsDate = readValueAsDate; exports.removeLeadingTrailingSlashes = removeLeadingTrailingSlashes;

package/dist/chunk-GFSTK7KN.mjs

@@ -0,0 +1,19 @@
+// 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
+};