@pivotfinancialtechnologies/admin-frontend-blueprint-template 0.0.2-dev.9 → 0.0.3-dev.10

package/README.md

@@ -1,73 +1,69 @@
-# React + TypeScript + Vite
+# Admin Frontend Blueprint Template
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+A reusable React component and utility library for admin frontends built with Blueprint.js 6.
 
-Currently, two official plugins are available:
+## Requirements
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+Consumers must provide React 18 and the Blueprint packages listed as peer dependencies: `@blueprintjs/core`, `@blueprintjs/icons`, `@blueprintjs/select`, and `@blueprintjs/table`, plus `react-router-dom` when using the security route components. The package includes `date-fns`, `date-fns-tz`, `@react-hook/resize-observer`, and `use-debounce` as runtime dependencies.
 
-## React Compiler
+Several components use Tailwind utility classes. Use Tailwind CSS 4 and ensure the package is included in source detection so its classes are generated. For example, in the host app's CSS entry (adjust the path relative to that file):
 
-The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+```css
+@import "tailwindcss";
+@source "../node_modules/@pivotfinancialtechnologies/admin-frontend-blueprint-template";
+```
 
-## Expanding the ESLint configuration
+## Install and use
 
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+Install this package and its peer dependencies in the consuming app, then import the public API from the package root:
 
-```js
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
+```tsx
+import {
+  AuthRoute,
+  Datatable,
+  Topbar,
+  formatDateTime,
+} from "@pivotfinancialtechnologies/admin-frontend-blueprint-template";
+```
 
-      // Remove tseslint.configs.recommended and replace with this
-      tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      tseslint.configs.stylisticTypeChecked,
+Import by domain when you want a smaller public surface:
 
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
+```ts
+import { createHttpQueryParams, createApiBaseQuery } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/http";
+import { formatDateTime, formatCurrency, formatPhone, formatDateDuration } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/formatters";
+import { Datatable } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/components";
+import { AuthRoute } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/security";
+import { Topbar } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/layout";
+import { useUrlForm } from "@pivotfinancialtechnologies/admin-frontend-blueprint-template/hooks";
 ```
 
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
+URL-synced forms and table sizing hooks live under `./hooks`. Toasts reuse a single OverlayToaster instance.
+
+`createApiBaseQuery` is a fetch helper compatible with RTK Query `baseQuery`. Pass `getBaseUrl` and `onUnauthorized` from the host app instead of baking in env vars or auth slices:
+
+```ts
+const baseQuery = createApiBaseQuery({
+  getBaseUrl: () => import.meta.env.VITE_API_URL ?? "",
+  onUnauthorized: () => store.dispatch(logOut()),
+});
 ```
+
+`PermissionVisibility` matches any required permission by default; set `matchMode="all"` to require every listed permission. An empty required-permission list or missing granted permissions renders the fallback.
+
+## Styles
+
+Import Blueprint's styles and the stylesheet emitted by this package's library build once in the consuming app:
+
+```ts
+import "@blueprintjs/core/lib/css/blueprint.css";
+import "@blueprintjs/icons/lib/css/blueprint-icons.css";
+import "@blueprintjs/select/lib/css/blueprint-select.css";
+import "@blueprintjs/table/lib/css/table.css";
+import "@pivotfinancialtechnologies/admin-frontend-blueprint-template/styles.css";
+```
+
+## Development
+
+- `npm run build` type-checks and builds the library.
+- `npm run lint` runs ESLint.
+- `npm pack` creates the package archive for local inspection.

package/dist/PermissionVisibility-CXHamZv5.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-DMhOxOJN.cjs"),o=require("react"),i=require("react-router-dom"),c=({isAuthenticated:t,loginUrl:r,onBeforeNavigateLogin:u})=>{const n=i.useNavigate(),s=o.useRef(!1);return o.useEffect(()=>{if(t){s.current=!1;return}s.current||(s.current=!0,u?.(),n(r,{replace:!0}))},[t,r,n,u]),t?e.jsxRuntimeExports.jsx(i.Outlet,{}):null},R=({isAuthenticated:t,homeUrl:r})=>t?e.jsxRuntimeExports.jsx(i.Navigate,{to:r}):e.jsxRuntimeExports.jsx(i.Outlet,{}),j=({requiredPermissions:t,gainPermissions:r,matchMode:u="any",children:n,fallback:s=null})=>!t.length||!r?.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s}):(u==="all"?t.every(x=>r.includes(x)):t.some(x=>r.includes(x)))?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s});exports.AuthRoute=c;exports.PermissionVisibility=j;exports.UnAuthRoute=R;

package/dist/PermissionVisibility-DhDN-Z93.js

@@ -0,0 +1,24 @@
+import { j as e } from "./jsx-runtime-gfdvceKf.js";
+import { useRef as l, useEffect as o } from "react";
+import { useNavigate as m, Outlet as c, Navigate as f } from "react-router-dom";
+const p = ({ isAuthenticated: t, loginUrl: r, onBeforeNavigateLogin: n }) => {
+  const u = m(), s = l(!1);
+  return o(() => {
+    if (t) {
+      s.current = !1;
+      return;
+    }
+    s.current || (s.current = !0, n?.(), u(r, { replace: !0 }));
+  }, [t, r, u, n]), t ? /* @__PURE__ */ e.jsx(c, {}) : null;
+}, R = ({ isAuthenticated: t, homeUrl: r }) => t ? /* @__PURE__ */ e.jsx(f, { to: r }) : /* @__PURE__ */ e.jsx(c, {}), d = ({
+  requiredPermissions: t,
+  gainPermissions: r,
+  matchMode: n = "any",
+  children: u,
+  fallback: s = null
+}) => !t.length || !r?.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: s }) : (n === "all" ? t.every((a) => r.includes(a)) : t.some((a) => r.includes(a))) ? /* @__PURE__ */ e.jsx(e.Fragment, { children: u }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: s });
+export {
+  p as A,
+  d as P,
+  R as U
+};

package/dist/SettingsSectionBase-CfT9p06Q.js

@@ -0,0 +1,475 @@
+import { j as e } from "./jsx-runtime-gfdvceKf.js";
+import { Tag as B, Menu as F, MenuItem as j, Divider as ne, PopoverNext as se, Button as R, Intent as E, Spinner as le, Alert as re, FormGroup as ie, H6 as oe, Section as ae } from "@blueprintjs/core";
+import ce, { useState as k, useRef as L, useMemo as M, useEffect as Y, useCallback as $ } from "react";
+import { Select as V, MultiSelect as de } from "@blueprintjs/select";
+import { Table as J, TableLoadingOption as K, FocusMode as Q, SelectionModes as X, Column as Z, ColumnHeaderCell as ue, Cell as D } from "@blueprintjs/table";
+import { u as q } from "./useSize-Ci0PbN9W.js";
+import { a as H } from "./date-BEtsfEKV.js";
+import { parseISO as xe, isValid as me } from "date-fns";
+import { s as U } from "./toast-B3QUItIK.js";
+const ke = ({ value: n, trueLabel: t = "Yes", falseLabel: s = "No" }) => {
+  if (n == null) return null;
+  const r = n === !0;
+  return /* @__PURE__ */ e.jsx(B, { intent: r ? "success" : "danger", children: r ? t : s });
+}, O = (n = 0, t = 10, s) => ({
+  sort: s,
+  page: n,
+  pageSize: t
+}), G = (n) => {
+  if (n == null)
+    return "";
+  if (n instanceof Date)
+    return H(n);
+  const t = String(n);
+  if (/^\d{4}-\d{2}-\d{2}/.test(t)) {
+    const s = xe(t);
+    if (me(s))
+      return H(s);
+  }
+  return t;
+}, pe = (n) => {
+  const t = document.createElement("textarea");
+  t.value = n, t.style.position = "fixed", t.style.top = "0", t.style.left = "0", t.style.opacity = "0", document.body.appendChild(t), t.select();
+  try {
+    return document.execCommand("copy");
+  } catch (s) {
+    return console.error("Fallback copy failed", s), !1;
+  } finally {
+    document.body.removeChild(t);
+  }
+}, W = async (n) => {
+  if (!navigator.clipboard) {
+    pe(n);
+    return;
+  }
+  await navigator.clipboard.writeText(n);
+}, ee = (n, t, s, r) => {
+  const o = n.getTarget(), a = o.rows?.[0] ?? -1, c = o.cols?.[0] ?? -1, d = t[c]?.name, f = s?.[a], x = f?.[t[c].key], g = a > -1 && c > -1 ? G(x) : "";
+  return /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        text: d ? `Copy ${d} (Ctrl+C)` : "Copy (Ctrl+C)",
+        onClick: async () => {
+          a > -1 && c > -1 && (await W(g), U({ message: d ? `${d} Copied` : "Text Copied", intent: "success" }));
+        }
+      },
+      -1
+    ),
+    r?.map((b, C) => /* @__PURE__ */ e.jsx(
+      j,
+      {
+        text: `Copy ${b.label}`,
+        onClick: async () => {
+          await W(b.copyContent(f)), U({ message: `${b.label} copied`, intent: "success" });
+        }
+      },
+      C
+    ))
+  ] });
+}, he = [5, 15, 25, 50, 100], Te = ({
+  columns: n,
+  request: t,
+  data: s,
+  isLoading: r,
+  onRequestChange: o,
+  actionButtons: a,
+  getIntent: c,
+  onDoubleClick: d,
+  resetKey: f
+}) => {
+  const [x, g] = k(n), b = L(null), { width: C } = q(b), h = s?.content ?? [], u = (l) => {
+    o(O(0, t.pageSize, l));
+  }, v = () => {
+    s && !s.last && o(O(t.page + 1, t.pageSize, t.sort));
+  }, I = () => {
+    s && !s.first && o(O(t.page - 1, t.pageSize, t.sort));
+  }, z = (l) => {
+    o(O(0, l, t.sort));
+  }, _ = (l) => /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsx(j, { text: "Sort Ascending", icon: "sort-asc", onClick: () => u([{ field: l, direction: "asc" }]) }),
+    /* @__PURE__ */ e.jsx(j, { text: "Sort Descending", icon: "sort-desc", onClick: () => u([{ field: l, direction: "desc" }]) }),
+    /* @__PURE__ */ e.jsx(j, { text: "Unsort", onClick: () => u(void 0) })
+  ] }), P = (l, m, p) => l.customCellRenderer ? l.customCellRenderer(m) : /* @__PURE__ */ e.jsx(e.Fragment, { children: p }), A = async (l, m) => {
+    const y = h[l]?.[n[m].key], w = G(y);
+    return navigator.clipboard || await W(w), w;
+  }, i = M(() => x.filter((l) => l.visible), [x]), N = (l) => {
+    const m = i.reduce((T, te) => T + (te.width ?? 0), 0), p = i.filter((T) => T.width !== void 0).length;
+    let w = (l - m - 38) / (i.length - p);
+    return w < 100 && (w = 100), i.map((T) => T.width ?? w);
+  }, S = M(() => N(C), [C, i]);
+  return Y(() => {
+    f && t.page !== 0 && o(O(0, t.pageSize, t.sort));
+  }, [f]), /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "table-form-actions", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "table-form" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "table-actions", children: [
+        a && a,
+        a && /* @__PURE__ */ e.jsx(ne, { style: { height: "20px" } }),
+        /* @__PURE__ */ e.jsx(
+          se,
+          {
+            placement: "bottom-start",
+            content: /* @__PURE__ */ e.jsx(F, { children: x.map((l) => /* @__PURE__ */ e.jsx(
+              j,
+              {
+                shouldDismissPopover: !1,
+                onClick: (m) => {
+                  m.preventDefault(), g(
+                    (p) => p.map((y) => y.key === l.key ? { ...y, visible: !y.visible } : y)
+                  );
+                },
+                text: /* @__PURE__ */ e.jsxs("div", { className: "columns-visibility-menu", children: [
+                  /* @__PURE__ */ e.jsx("input", { type: "checkbox", checked: l.visible, readOnly: !0, style: { pointerEvents: "none" } }),
+                  l.name
+                ] })
+              },
+              l.name
+            )) }),
+            renderTarget: ({ isOpen: l, ...m }) => /* @__PURE__ */ e.jsx(R, { ...m, text: "Columns Visibility", endIcon: "double-caret-vertical" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { ref: b, children: /* @__PURE__ */ e.jsx(
+      J,
+      {
+        cellRendererDependencies: [t, s, S],
+        columnWidths: S,
+        numRows: h?.length ?? 0,
+        getCellClipboardData: A,
+        defaultRowHeight: 25,
+        enableColumnResizing: !1,
+        enableRowResizing: !1,
+        enableMultipleSelection: !1,
+        selectionModes: X.ROWS_AND_CELLS,
+        focusMode: Q.ROW,
+        loadingOptions: r ? [K.COLUMN_HEADERS] : [],
+        bodyContextMenuRenderer: (l) => ee(l, n, h ?? []),
+        children: i.map((l) => /* @__PURE__ */ e.jsx(
+          Z,
+          {
+            name: l.name,
+            cellRenderer: (m) => {
+              if (!h)
+                return /* @__PURE__ */ e.jsx(D, {});
+              const p = h[m], y = c ? c(p) : E.NONE;
+              return /* @__PURE__ */ e.jsx(D, { intent: y, interactive: !0, className: "h-full", children: /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 px-2 py-1 flex items-center",
+                  onDoubleClick: () => {
+                    d && d(p);
+                  },
+                  children: P(l, p, p[l.key])
+                }
+              ) });
+            },
+            columnHeaderCellRenderer: () => /* @__PURE__ */ e.jsx(ue, { name: l.name, menuRenderer: () => _(l.sortKey ?? l.key) })
+          },
+          l.key
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "table-pagination", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "rows-select-container", children: [
+        /* @__PURE__ */ e.jsx("span", { children: "Rows per page: " }),
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            items: he,
+            itemRenderer: (l, { handleClick: m }) => /* @__PURE__ */ e.jsx(j, { text: l, onClick: m }, l),
+            onItemSelect: z,
+            filterable: !1,
+            disabled: r,
+            children: /* @__PURE__ */ e.jsx(R, { text: t.pageSize, endIcon: "double-caret-vertical" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center", children: [
+        r && /* @__PURE__ */ e.jsx(le, { size: 20 }),
+        /* @__PURE__ */ e.jsx(R, { onClick: I, disabled: r || (s ? s.first : !0), children: "Previous" }),
+        /* @__PURE__ */ e.jsxs("span", { className: "pagination-page-info", children: [
+          "Page ",
+          s ? s.number + 1 : 1,
+          " of ",
+          s ? s.totalPages : 1
+        ] }),
+        /* @__PURE__ */ e.jsx(R, { onClick: v, disabled: r || (s ? s.last : r), children: "Next" })
+      ] })
+    ] })
+  ] });
+}, Oe = ({
+  value: n,
+  trueText: t = "Yes",
+  falseText: s = "No",
+  trueIntent: r,
+  falseIntent: o,
+  round: a = !0,
+  minimal: c = !0
+}) => n == null ? null : /* @__PURE__ */ e.jsx(B, { intent: n ? r : o, round: a, minimal: c, children: n ? t : s }), fe = [5, 15, 25, 50, 100, 200], Me = ({
+  columns: n,
+  data: t,
+  actionButtons: s,
+  isLoading: r,
+  getIntent: o,
+  pageSize: a,
+  extraCopyMenus: c
+}) => {
+  const [d, f] = k(a), [x, g] = k(0), b = L(null), { width: C } = q(b), h = d != null, u = M(() => !h || !t ? 1 : Math.ceil(t.length / d) || 1, [t, d, h]), v = M(() => {
+    if (!t) return [];
+    if (!h) return t;
+    const i = x * d;
+    return t.slice(i, i + d);
+  }, [t, x, d, h]), I = (t?.length ?? 0) > 23 && !h, z = (i) => {
+    f(i), g(0);
+  }, _ = (i) => {
+    const N = n.reduce((p, y) => p + (y.width ?? 0), 0), S = n.filter((p) => p.width !== void 0).length;
+    let m = (i - N - 38) / (n.length - S);
+    return m < 150 && (m = 150), n.map((p) => p.width ?? m);
+  }, P = M(() => _(C), [C, n]), A = async (i, N) => {
+    const l = t?.[i]?.[n[N].key], m = G(l);
+    return navigator.clipboard || await W(m), m;
+  };
+  return ce.useEffect(() => {
+    g(0);
+  }, [t]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "simple-datatable",
+      style: I ? { height: "70vh", overflow: "auto" } : void 0,
+      ref: b,
+      children: [
+        s && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end mb-2", children: s }),
+        /* @__PURE__ */ e.jsx(
+          J,
+          {
+            loadingOptions: r ? [K.COLUMN_HEADERS] : [],
+            getCellClipboardData: A,
+            cellRendererDependencies: [v, n, P, x],
+            numRows: v.length,
+            defaultRowHeight: 25,
+            enableColumnResizing: !1,
+            enableRowResizing: !1,
+            enableMultipleSelection: !1,
+            selectionModes: X.ROWS_AND_CELLS,
+            columnWidths: P,
+            focusMode: Q.ROW,
+            bodyContextMenuRenderer: (i) => ee(i, n, v, c),
+            children: n.map((i) => /* @__PURE__ */ e.jsx(
+              Z,
+              {
+                name: i.name,
+                cellRenderer: (N) => {
+                  const S = v[N], l = o ? o(S) : E.NONE;
+                  return S ? /* @__PURE__ */ e.jsx(D, { intent: l, children: i.customCellRenderer ? i.customCellRenderer(S) : /* @__PURE__ */ e.jsx(e.Fragment, { children: S[i.key] }) }) : /* @__PURE__ */ e.jsx(D, { intent: l });
+                }
+              },
+              i.key
+            ))
+          },
+          `table-page-${x}-${d ?? "all"}`
+        ),
+        h && /* @__PURE__ */ e.jsxs("div", { className: "table-pagination flex items-center justify-between mt-2", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "rows-select-container flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx("span", { children: "Rows per page: " }),
+            /* @__PURE__ */ e.jsx(
+              V,
+              {
+                items: fe,
+                itemRenderer: (i, { handleClick: N }) => /* @__PURE__ */ e.jsx(j, { text: i, onClick: N }, i),
+                onItemSelect: z,
+                filterable: !1,
+                children: /* @__PURE__ */ e.jsx(R, { text: d, endIcon: "double-caret-vertical" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx(R, { onClick: () => g((i) => Math.max(0, i - 1)), disabled: x === 0, children: "Previous" }),
+            /* @__PURE__ */ e.jsxs("span", { className: "pagination-page-info px-2", children: [
+              "Page ",
+              x + 1,
+              " of ",
+              u
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              R,
+              {
+                onClick: () => g((i) => Math.min(u - 1, i + 1)),
+                disabled: x >= u - 1,
+                children: "Next"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, Pe = ({ columns: n, data: t, getIntent: s }) => /* @__PURE__ */ e.jsxs("table", { className: "bp6-html-table simple-html-datatable w-full", children: [
+  /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: n.map((r, o) => /* @__PURE__ */ e.jsx("th", { style: { width: r.width }, children: r.name }, o)) }) }),
+  /* @__PURE__ */ e.jsx("tbody", { children: (t ?? []).map((r, o) => {
+    const a = s ? s(r) : E.NONE;
+    return /* @__PURE__ */ e.jsx("tr", { className: a !== E.NONE ? `bp6-intent-${a}` : "", children: n.map((c, d) => /* @__PURE__ */ e.jsx("td", { children: c.customCellRenderer ? c.customCellRenderer(r) : r[c.key] }, d)) }, o);
+  }) })
+] }), Ee = () => {
+  const [n, t] = k(!1), [s, r] = k(null), [o, a] = k(null);
+  return [$((f) => (r(f), t(!0), new Promise((x) => {
+    a(() => x);
+  })), []), /* @__PURE__ */ e.jsx(
+    re,
+    {
+      isOpen: n,
+      intent: "primary",
+      confirmButtonText: "Yes",
+      cancelButtonText: "No",
+      onConfirm: () => {
+        t(!1), o?.(!0), a(null);
+      },
+      onClose: () => {
+        t(!1), o?.(!1), a(null);
+      },
+      children: s
+    }
+  )];
+}, De = ({
+  selectedValue: n,
+  items: t = [],
+  required: s = !1,
+  disabled: r,
+  onSelect: o,
+  renderSelected: a,
+  renderMenuText: c,
+  getValueByItem: d,
+  getItemByValue: f,
+  renderMenuLabel: x,
+  onBlur: g,
+  intent: b = "none"
+}) => {
+  const C = s ? t : [null, ...t], h = n === void 0 ? void 0 : f(n);
+  return /* @__PURE__ */ e.jsx(
+    V,
+    {
+      items: C,
+      disabled: r,
+      onItemSelect: (u) => {
+        o(u ?? void 0);
+      },
+      filterable: !1,
+      popoverProps: {
+        onClose: () => {
+          g?.();
+        }
+      },
+      itemRenderer: (u, { handleClick: v }) => u ? /* @__PURE__ */ e.jsx(
+        j,
+        {
+          text: c(u),
+          onClick: v,
+          labelElement: x?.(u)
+        },
+        String(d(u))
+      ) : /* @__PURE__ */ e.jsx(j, { text: "— None —", onClick: v }, "__none"),
+      noResults: /* @__PURE__ */ e.jsx(j, { disabled: !0, text: "No records." }),
+      children: /* @__PURE__ */ e.jsx(
+        R,
+        {
+          text: a(h) ?? "Select Value",
+          intent: b,
+          endIcon: "double-caret-vertical"
+        }
+      )
+    }
+  );
+}, We = ({
+  items: n = [],
+  selectedValues: t = [],
+  required: s = !1,
+  disabled: r,
+  getValueByItem: o,
+  getItemByValue: a,
+  renderSelected: c,
+  renderMenuText: d,
+  renderMenuLabel: f,
+  onBlur: x,
+  onSelect: g,
+  onRemove: b
+}) => {
+  const C = t.map((u) => a(u)), h = (u) => {
+    s && C.length <= 1 || b(u);
+  };
+  return /* @__PURE__ */ e.jsx(
+    de,
+    {
+      disabled: r,
+      items: n,
+      selectedItems: C,
+      onItemSelect: g,
+      onRemove: h,
+      popoverProps: {
+        onClose: () => {
+          x?.();
+        }
+      },
+      itemRenderer: (u, { handleClick: v }) => /* @__PURE__ */ e.jsx(
+        j,
+        {
+          text: d(u),
+          labelElement: f?.(u),
+          onClick: v
+        },
+        String(o(u))
+      ),
+      noResults: /* @__PURE__ */ e.jsx(j, { disabled: !0, text: "No records." }),
+      tagRenderer: (u) => c(u)
+    }
+  );
+}, Ie = ({ label: n, helpText: t, children: s }) => /* @__PURE__ */ e.jsx(
+  ie,
+  {
+    label: /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-start gap-1", children: /* @__PURE__ */ e.jsx(oe, { className: "m-0 whitespace-nowrap w-30", children: n }) }),
+    helperText: t,
+    inline: !0,
+    contentClassName: "w-full",
+    children: s
+  }
+), ge = (n) => {
+  const [t, s] = k(n);
+  Y(() => {
+    s(n);
+  }, [n]);
+  const r = $((a, c) => JSON.stringify(a) !== JSON.stringify(c), []), o = $(
+    (a, c) => s((d) => ({ ...d, [a]: c })),
+    []
+  );
+  return { value: t, setField: o, setValue: s, hasChanges: r };
+}, ze = (n) => {
+  const { title: t, updatedAt: s, onChange: r, settings: o, getContent: a } = n, { value: c, setField: d, setValue: f, hasChanges: x } = ge(o), g = x(o, c);
+  return /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      title: t,
+      rightElement: /* @__PURE__ */ e.jsx(R, { type: "button", intent: "primary", disabled: !g, onClick: () => r(c), children: "Save" }),
+      subtitle: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        "Updated At: ",
+        H(s)
+      ] }),
+      children: /* @__PURE__ */ e.jsx("div", { className: "m-4", children: a ? a(c, d, f) : null })
+    }
+  );
+};
+export {
+  ke as B,
+  Te as D,
+  De as S,
+  Oe as T,
+  We as a,
+  Ie as b,
+  ze as c,
+  Me as d,
+  Pe as e,
+  ee as f,
+  W as g,
+  G as h,
+  O as i,
+  Ee as u
+};

package/dist/SettingsSectionBase-PZs1Wgw1.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-DMhOxOJN.cjs"),r=require("@blueprintjs/core"),j=require("react"),D=require("@blueprintjs/select"),f=require("@blueprintjs/table"),H=require("./useSize-Dk1SOOLH.cjs"),B=require("./date-1EP6oPlF.cjs"),$=require("date-fns"),A=require("./toast-CCrs9yfw.cjs"),G=({value:s,trueLabel:t="Yes",falseLabel:n="No"})=>{if(s==null)return null;const o=s===!0;return e.jsxRuntimeExports.jsx(r.Tag,{intent:o?"success":"danger",children:o?t:n})},w=(s=0,t=10,n)=>({sort:n,page:s,pageSize:t}),O=s=>{if(s==null)return"";if(s instanceof Date)return B.formatDateTime(s);const t=String(s);if(/^\d{4}-\d{2}-\d{2}/.test(t)){const n=$.parseISO(t);if($.isValid(n))return B.formatDateTime(n)}return t},L=s=>{const t=document.createElement("textarea");t.value=s,t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.opacity="0",document.body.appendChild(t),t.select();try{return document.execCommand("copy")}catch(n){return console.error("Fallback copy failed",n),!1}finally{document.body.removeChild(t)}},I=async s=>{if(!navigator.clipboard){L(s);return}await navigator.clipboard.writeText(s)},F=(s,t,n,o)=>{const a=s.getTarget(),c=a.rows?.[0]??-1,x=a.cols?.[0]??-1,u=t[x]?.name,E=n?.[c],m=E?.[t[x].key],b=c>-1&&x>-1?O(m):"";return e.jsxRuntimeExports.jsxs(r.Menu,{children:[e.jsxRuntimeExports.jsx(r.MenuItem,{text:u?`Copy ${u} (Ctrl+C)`:"Copy (Ctrl+C)",onClick:async()=>{c>-1&&x>-1&&(await I(b),A.showToast({message:u?`${u} Copied`:"Text Copied",intent:"success"}))}},-1),o?.map((C,g)=>e.jsxRuntimeExports.jsx(r.MenuItem,{text:`Copy ${C.label}`,onClick:async()=>{await I(C.copyContent(E)),A.showToast({message:`${C.label} copied`,intent:"success"})}},g))]})},U=[5,15,25,50,100],Y=({columns:s,request:t,data:n,isLoading:o,onRequestChange:a,actionButtons:c,getIntent:x,onDoubleClick:u,resetKey:E})=>{const[m,b]=j.useState(s),C=j.useRef(null),{width:g}=H.useSize(C),h=n?.content??[],d=i=>{a(w(0,t.pageSize,i))},S=()=>{n&&!n.last&&a(w(t.page+1,t.pageSize,t.sort))},P=()=>{n&&!n.first&&a(w(t.page-1,t.pageSize,t.sort))},W=i=>{a(w(0,i,t.sort))},z=i=>e.jsxRuntimeExports.jsxs(r.Menu,{children:[e.jsxRuntimeExports.jsx(r.MenuItem,{text:"Sort Ascending",icon:"sort-asc",onClick:()=>d([{field:i,direction:"asc"}])}),e.jsxRuntimeExports.jsx(r.MenuItem,{text:"Sort Descending",icon:"sort-desc",onClick:()=>d([{field:i,direction:"desc"}])}),e.jsxRuntimeExports.jsx(r.MenuItem,{text:"Unsort",onClick:()=>d(void 0)})]}),k=(i,p,R)=>i.customCellRenderer?i.customCellRenderer(p):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:R}),_=async(i,p)=>{const y=h[i]?.[s[p].key],M=O(y);return navigator.clipboard||await I(M),M},l=j.useMemo(()=>m.filter(i=>i.visible),[m]),N=i=>{const p=l.reduce((T,V)=>T+(V.width??0),0),R=l.filter(T=>T.width!==void 0).length;let M=(i-p-38)/(l.length-R);return M<100&&(M=100),l.map(T=>T.width??M)},v=j.useMemo(()=>N(g),[g,l]);return j.useEffect(()=>{E&&t.page!==0&&a(w(0,t.pageSize,t.sort))},[E]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"table-form-actions",children:[e.jsxRuntimeExports.jsx("div",{className:"table-form"}),e.jsxRuntimeExports.jsxs("div",{className:"table-actions",children:[c&&c,c&&e.jsxRuntimeExports.jsx(r.Divider,{style:{height:"20px"}}),e.jsxRuntimeExports.jsx(r.PopoverNext,{placement:"bottom-start",content:e.jsxRuntimeExports.jsx(r.Menu,{children:m.map(i=>e.jsxRuntimeExports.jsx(r.MenuItem,{shouldDismissPopover:!1,onClick:p=>{p.preventDefault(),b(R=>R.map(y=>y.key===i.key?{...y,visible:!y.visible}:y))},text:e.jsxRuntimeExports.jsxs("div",{className:"columns-visibility-menu",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",checked:i.visible,readOnly:!0,style:{pointerEvents:"none"}}),i.name]})},i.name))}),renderTarget:({isOpen:i,...p})=>e.jsxRuntimeExports.jsx(r.Button,{...p,text:"Columns Visibility",endIcon:"double-caret-vertical"})})]})]}),e.jsxRuntimeExports.jsx("div",{ref:C,children:e.jsxRuntimeExports.jsx(f.Table,{cellRendererDependencies:[t,n,v],columnWidths:v,numRows:h?.length??0,getCellClipboardData:_,defaultRowHeight:25,enableColumnResizing:!1,enableRowResizing:!1,enableMultipleSelection:!1,selectionModes:f.SelectionModes.ROWS_AND_CELLS,focusMode:f.FocusMode.ROW,loadingOptions:o?[f.TableLoadingOption.COLUMN_HEADERS]:[],bodyContextMenuRenderer:i=>F(i,s,h??[]),children:l.map(i=>e.jsxRuntimeExports.jsx(f.Column,{name:i.name,cellRenderer:p=>{if(!h)return e.jsxRuntimeExports.jsx(f.Cell,{});const R=h[p],y=x?x(R):r.Intent.NONE;return e.jsxRuntimeExports.jsx(f.Cell,{intent:y,interactive:!0,className:"h-full",children:e.jsxRuntimeExports.jsx("div",{className:"absolute inset-0 px-2 py-1 flex items-center",onDoubleClick:()=>{u&&u(R)},children:k(i,R,R[i.key])})})},columnHeaderCellRenderer:()=>e.jsxRuntimeExports.jsx(f.ColumnHeaderCell,{name:i.name,menuRenderer:()=>z(i.sortKey??i.key)})},i.key))})}),e.jsxRuntimeExports.jsxs("div",{className:"table-pagination",children:[e.jsxRuntimeExports.jsxs("div",{className:"rows-select-container",children:[e.jsxRuntimeExports.jsx("span",{children:"Rows per page: "}),e.jsxRuntimeExports.jsx(D.Select,{items:U,itemRenderer:(i,{handleClick:p})=>e.jsxRuntimeExports.jsx(r.MenuItem,{text:i,onClick:p},i),onItemSelect:W,filterable:!1,disabled:o,children:e.jsxRuntimeExports.jsx(r.Button,{text:t.pageSize,endIcon:"double-caret-vertical"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center",children:[o&&e.jsxRuntimeExports.jsx(r.Spinner,{size:20}),e.jsxRuntimeExports.jsx(r.Button,{onClick:P,disabled:o||(n?n.first:!0),children:"Previous"}),e.jsxRuntimeExports.jsxs("span",{className:"pagination-page-info",children:["Page ",n?n.number+1:1," of ",n?n.totalPages:1]}),e.jsxRuntimeExports.jsx(r.Button,{onClick:S,disabled:o||(n?n.last:o),children:"Next"})]})]})]})},J=({value:s,trueText:t="Yes",falseText:n="No",trueIntent:o,falseIntent:a,round:c=!0,minimal:x=!0})=>s==null?null:e.jsxRuntimeExports.jsx(r.Tag,{intent:s?o:a,round:c,minimal:x,children:s?t:n}),K=[5,15,25,50,100,200],Q=({columns:s,data:t,actionButtons:n,isLoading:o,getIntent:a,pageSize:c,extraCopyMenus:x})=>{const[u,E]=j.useState(c),[m,b]=j.useState(0),C=j.useRef(null),{width:g}=H.useSize(C),h=u!=null,d=j.useMemo(()=>!h||!t?1:Math.ceil(t.length/u)||1,[t,u,h]),S=j.useMemo(()=>{if(!t)return[];if(!h)return t;const l=m*u;return t.slice(l,l+u)},[t,m,u,h]),P=(t?.length??0)>23&&!h,W=l=>{E(l),b(0)},z=l=>{const N=s.reduce((R,y)=>R+(y.width??0),0),v=s.filter(R=>R.width!==void 0).length;let p=(l-N-38)/(s.length-v);return p<150&&(p=150),s.map(R=>R.width??p)},k=j.useMemo(()=>z(g),[g,s]),_=async(l,N)=>{const i=t?.[l]?.[s[N].key],p=O(i);return navigator.clipboard||await I(p),p};return j.useEffect(()=>{b(0)},[t]),e.jsxRuntimeExports.jsxs("div",{className:"simple-datatable",style:P?{height:"70vh",overflow:"auto"}:void 0,ref:C,children:[n&&e.jsxRuntimeExports.jsx("div",{className:"flex justify-end mb-2",children:n}),e.jsxRuntimeExports.jsx(f.Table,{loadingOptions:o?[f.TableLoadingOption.COLUMN_HEADERS]:[],getCellClipboardData:_,cellRendererDependencies:[S,s,k,m],numRows:S.length,defaultRowHeight:25,enableColumnResizing:!1,enableRowResizing:!1,enableMultipleSelection:!1,selectionModes:f.SelectionModes.ROWS_AND_CELLS,columnWidths:k,focusMode:f.FocusMode.ROW,bodyContextMenuRenderer:l=>F(l,s,S,x),children:s.map(l=>e.jsxRuntimeExports.jsx(f.Column,{name:l.name,cellRenderer:N=>{const v=S[N],i=a?a(v):r.Intent.NONE;return v?e.jsxRuntimeExports.jsx(f.Cell,{intent:i,children:l.customCellRenderer?l.customCellRenderer(v):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:v[l.key]})}):e.jsxRuntimeExports.jsx(f.Cell,{intent:i})}},l.key))},`table-page-${m}-${u??"all"}`),h&&e.jsxRuntimeExports.jsxs("div",{className:"table-pagination flex items-center justify-between mt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"rows-select-container flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("span",{children:"Rows per page: "}),e.jsxRuntimeExports.jsx(D.Select,{items:K,itemRenderer:(l,{handleClick:N})=>e.jsxRuntimeExports.jsx(r.MenuItem,{text:l,onClick:N},l),onItemSelect:W,filterable:!1,children:e.jsxRuntimeExports.jsx(r.Button,{text:u,endIcon:"double-caret-vertical"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center gap-2",children:[e.jsxRuntimeExports.jsx(r.Button,{onClick:()=>b(l=>Math.max(0,l-1)),disabled:m===0,children:"Previous"}),e.jsxRuntimeExports.jsxs("span",{className:"pagination-page-info px-2",children:["Page ",m+1," of ",d]}),e.jsxRuntimeExports.jsx(r.Button,{onClick:()=>b(l=>Math.min(d-1,l+1)),disabled:m>=d-1,children:"Next"})]})]})]})},X=({columns:s,data:t,getIntent:n})=>e.jsxRuntimeExports.jsxs("table",{className:"bp6-html-table simple-html-datatable w-full",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{children:s.map((o,a)=>e.jsxRuntimeExports.jsx("th",{style:{width:o.width},children:o.name},a))})}),e.jsxRuntimeExports.jsx("tbody",{children:(t??[]).map((o,a)=>{const c=n?n(o):r.Intent.NONE;return e.jsxRuntimeExports.jsx("tr",{className:c!==r.Intent.NONE?`bp6-intent-${c}`:"",children:s.map((x,u)=>e.jsxRuntimeExports.jsx("td",{children:x.customCellRenderer?x.customCellRenderer(o):o[x.key]},u))},a)})})]}),Z=()=>{const[s,t]=j.useState(!1),[n,o]=j.useState(null),[a,c]=j.useState(null),x=j.useCallback(E=>(o(E),t(!0),new Promise(m=>{c(()=>m)})),[]),u=e.jsxRuntimeExports.jsx(r.Alert,{isOpen:s,intent:"primary",confirmButtonText:"Yes",cancelButtonText:"No",onConfirm:()=>{t(!1),a?.(!0),c(null)},onClose:()=>{t(!1),a?.(!1),c(null)},children:n});return[x,u]},q=({selectedValue:s,items:t=[],required:n=!1,disabled:o,onSelect:a,renderSelected:c,renderMenuText:x,getValueByItem:u,getItemByValue:E,renderMenuLabel:m,onBlur:b,intent:C="none"})=>{const g=n?t:[null,...t],h=s===void 0?void 0:E(s);return e.jsxRuntimeExports.jsx(D.Select,{items:g,disabled:o,onItemSelect:d=>{a(d??void 0)},filterable:!1,popoverProps:{onClose:()=>{b?.()}},itemRenderer:(d,{handleClick:S})=>d?e.jsxRuntimeExports.jsx(r.MenuItem,{text:x(d),onClick:S,labelElement:m?.(d)},String(u(d))):e.jsxRuntimeExports.jsx(r.MenuItem,{text:"— None —",onClick:S},"__none"),noResults:e.jsxRuntimeExports.jsx(r.MenuItem,{disabled:!0,text:"No records."}),children:e.jsxRuntimeExports.jsx(r.Button,{text:c(h)??"Select Value",intent:C,endIcon:"double-caret-vertical"})})},ee=({items:s=[],selectedValues:t=[],required:n=!1,disabled:o,getValueByItem:a,getItemByValue:c,renderSelected:x,renderMenuText:u,renderMenuLabel:E,onBlur:m,onSelect:b,onRemove:C})=>{const g=t.map(d=>c(d)),h=d=>{n&&g.length<=1||C(d)};return e.jsxRuntimeExports.jsx(D.MultiSelect,{disabled:o,items:s,selectedItems:g,onItemSelect:b,onRemove:h,popoverProps:{onClose:()=>{m?.()}},itemRenderer:(d,{handleClick:S})=>e.jsxRuntimeExports.jsx(r.MenuItem,{text:u(d),labelElement:E?.(d),onClick:S},String(a(d))),noResults:e.jsxRuntimeExports.jsx(r.MenuItem,{disabled:!0,text:"No records."}),tagRenderer:d=>x(d)})},te=({label:s,helpText:t,children:n})=>e.jsxRuntimeExports.jsx(r.FormGroup,{label:e.jsxRuntimeExports.jsx("div",{className:"flex flex-col items-start gap-1",children:e.jsxRuntimeExports.jsx(r.H6,{className:"m-0 whitespace-nowrap w-30",children:s})}),helperText:t,inline:!0,contentClassName:"w-full",children:n}),se=s=>{const[t,n]=j.useState(s);j.useEffect(()=>{n(s)},[s]);const o=j.useCallback((c,x)=>JSON.stringify(c)!==JSON.stringify(x),[]),a=j.useCallback((c,x)=>n(u=>({...u,[c]:x})),[]);return{value:t,setField:a,setValue:n,hasChanges:o}},ne=s=>{const{title:t,updatedAt:n,onChange:o,settings:a,getContent:c}=s,{value:x,setField:u,setValue:E,hasChanges:m}=se(a),b=m(a,x);return e.jsxRuntimeExports.jsx(r.Section,{title:t,rightElement:e.jsxRuntimeExports.jsx(r.Button,{type:"button",intent:"primary",disabled:!b,onClick:()=>o(x),children:"Save"}),subtitle:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["Updated At: ",B.formatDateTime(n)]}),children:e.jsxRuntimeExports.jsx("div",{className:"m-4",children:c?c(x,u,E):null})})};exports.BooleanTag=G;exports.Datatable=Y;exports.SelectItem=q;exports.SelectMultipleItems=ee;exports.SettingGroup=te;exports.SettingsSectionBase=ne;exports.SimpleDatatable=Q;exports.SimpleHTMLDatatable=X;exports.TableCellTag=J;exports.copyTextToClipboard=I;exports.createCopyableText=O;exports.createPageRequest=w;exports.createTableCopyMenu=F;exports.useConfirmDialog=Z;