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

package/README.md

@@ -1,73 +1,74 @@
-# 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
+React, React DOM, and React Router are externalized from the library build, so the consuming app's React and router providers remain the shared instances.
 
-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).
+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):
 
-## Expanding the ESLint configuration
+```css
+@import "tailwindcss";
+@source "../node_modules/@pivotfinancialtechnologies/admin-frontend-blueprint-template";
+```
+
+## 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";
+```
+
+`Topbar` and `TopBarNavLayout` keep the navigation bar in normal document flow; the title, navigation, and controls wrap on narrow screens.
+
+## Development
+
+- `npm run build` type-checks and builds the library, then checks the built security entry points against the consuming app's router context.
+- `npm run check:built-package` reruns the package check against the current `dist/` output.
+- `npm run lint` runs ESLint.
+- `npm pack` creates the package archive for local inspection.

package/dist/PermissionVisibility-DWlTcq5R.js

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

package/dist/PermissionVisibility-DcNQuqAD.cjs

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

package/dist/SettingsSectionBase-S_Y2d_vs.js

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

package/dist/SettingsSectionBase-Yx14wvkV.cjs

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