@dmsi/wedgekit-react 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/DataGrid/TableBody/TableBodyRow.d.ts.map +1 -1
  2. package/dist/components/DataGrid/TableBody/TableBodyRow.js +29 -22
  3. package/dist/components/DataGridCell.d.ts +1 -0
  4. package/dist/components/DataGridCell.d.ts.map +1 -1
  5. package/dist/components/DataGridCell.js +167 -166
  6. package/dist/index.js +213 -212
  7. package/package.json +1 -1
package/dist/components/DataGrid/TableBody/TableBodyRow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAwCnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,kBAA0B,EAC1B,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqJtB"}
1
+ {"version":3,"file":"TableBodyRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/TableBody/TableBodyRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AA4CnE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,WAAW,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IACtE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,EAAE,EACF,MAAM,EACN,iBAAiB,EACjB,GAAG,EAEH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,aAAa,EAEb,MAAM,EACN,YAAY,EACZ,kBAA0B,EAC1B,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0JtB"}
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsxs as z, jsx as l } from "react/jsx-runtime";
1
+ import { jsxs as k, jsx as l } from "react/jsx-runtime";
2
2
  import { clsx as y } from "../../../node_modules/clsx/dist/clsx.js";
3
- import { DataGridCell as A, DragAlongCell as E } from "../../DataGridCell.js";
4
- import { Paragraph as F } from "../../Paragraph.js";
5
- import { Tooltip as K } from "../../Tooltip.js";
6
- import { formatDate as T } from "../../../utils/date.js";
3
+ import { DataGridCell as A, DragAlongCell as E, GridColumnSizeContext as F } from "../../DataGridCell.js";
4
+ import { Paragraph as K } from "../../Paragraph.js";
5
+ import { Tooltip as T } from "../../Tooltip.js";
6
+ import { formatDate as G } from "../../../utils/date.js";
7
7
  import { formatCurrencyDisplay as I } from "../../../utils/formatting.js";
8
8
  import { handleRowArrowKeyDown as M } from "../utils.js";
9
9
  function h({
@@ -13,13 +13,13 @@ function h({
13
13
  return n == null ? null : typeof n == "function" ? n(o.getContext()) : n;
14
14
  }
15
15
  const b = {
16
- date: (o) => typeof o == "string" ? T(o) : "",
16
+ date: (o) => typeof o == "string" ? G(o) : "",
17
17
  currency: (o) => I(o)
18
18
  };
19
19
  function N(o) {
20
20
  return typeof o == "string" && o in b;
21
21
  }
22
- function J({
22
+ function P({
23
23
  id: o,
24
24
  testid: n,
25
25
  columnVirtualizer: x,
@@ -31,25 +31,25 @@ function J({
31
31
  showFilterRow: C,
32
32
  // enableColumnSelector = false,
33
33
  locked: r,
34
- pinDirection: D,
35
- groupSelectionMode: v = "row",
34
+ pinDirection: v,
35
+ groupSelectionMode: D = "row",
36
36
  disabled: i,
37
- hoveredRowId: V,
37
+ hoveredRowId: S,
38
38
  setHoveredRowId: g
39
39
  }) {
40
40
  let c;
41
- r ? c = D === "left" ? t.getLeftVisibleCells() : t.getRightVisibleCells() : c = t.getCenterVisibleCells();
42
- const S = x?.getVirtualItems() ?? [], j = r ? c : S, w = typeof t.original == "object" && t.original !== null && "rowState" in t.original && t.original.rowState === "error", m = r ? A : E, k = V === t.id;
43
- return /* @__PURE__ */ z(
41
+ r ? c = v === "left" ? t.getLeftVisibleCells() : t.getRightVisibleCells() : c = t.getCenterVisibleCells();
42
+ const V = x?.getVirtualItems() ?? [], j = r ? c : V, z = typeof t.original == "object" && t.original !== null && "rowState" in t.original && t.original.rowState === "error", m = r ? A : E, w = S === t.id;
43
+ return /* @__PURE__ */ k(
44
44
  "tr",
45
45
  {
46
46
  className: y(
47
47
  "min-h-10",
48
48
  "transition-colors",
49
49
  !i && (a.index % 2 === 0 ? "bg-background-grouped-primary-normal" : "bg-background-grouped-secondary-normal"),
50
- !i && k && "!bg-background-action-secondary-hover",
50
+ !i && w && "!bg-background-action-secondary-hover",
51
51
  t.getIsSelected() && !i && "!bg-background-action-secondary-hover",
52
- w && !i && "!bg-background-action-critical-secondary-hover"
52
+ z && !i && "!bg-background-action-critical-secondary-hover"
53
53
  ),
54
54
  onMouseEnter: () => g?.(t.id),
55
55
  onMouseLeave: () => g?.(null),
@@ -73,7 +73,7 @@ function J({
73
73
  const e = r ? p : c[p.index];
74
74
  if (!e)
75
75
  return;
76
- if (e.column.columnDef.meta?.checkbox && v === "group")
76
+ if (e.column.columnDef.meta?.checkbox && D === "group")
77
77
  return /* @__PURE__ */ l(
78
78
  m,
79
79
  {
@@ -84,7 +84,7 @@ function J({
84
84
  },
85
85
  e.id
86
86
  );
87
- const s = e.column.columnDef.meta?.format, u = s && N(s) ? b[s](e.getValue()) : e.getValue(), $ = e.column.columnDef.meta?.align ?? (typeof u == "number" ? "right" : "left");
87
+ const u = e.column.columnDef.meta?.format, s = u && N(u) ? b[u](e.getValue()) : e.getValue(), $ = e.column.columnDef.meta?.align ?? (typeof s == "number" ? "right" : "left");
88
88
  return e.column.columnDef.meta?.useCustomRenderer && e.column.columnDef.meta?.checkbox ? /* @__PURE__ */ l(
89
89
  m,
90
90
  {
@@ -96,7 +96,14 @@ function J({
96
96
  children: /* @__PURE__ */ l(h, { cell: e })
97
97
  },
98
98
  e.id
99
- ) : e.column.columnDef.meta?.useCustomRenderer ? /* @__PURE__ */ l(h, { cell: e }, e.id) : /* @__PURE__ */ l(
99
+ ) : e.column.columnDef.meta?.useCustomRenderer ? /* @__PURE__ */ l(
100
+ F.Provider,
101
+ {
102
+ value: e.column.getSize(),
103
+ children: /* @__PURE__ */ l(h, { cell: e })
104
+ },
105
+ e.id
106
+ ) : /* @__PURE__ */ l(
100
107
  m,
101
108
  {
102
109
  id: o ? `${o}-row-${t.id}-cell-${e.id}` : void 0,
@@ -108,14 +115,14 @@ function J({
108
115
  "justify-end": $ === "right"
109
116
  }),
110
117
  children: /* @__PURE__ */ l(
111
- K,
118
+ T,
112
119
  {
113
120
  id: o ? `${o}-tooltip-${e.id}` : void 0,
114
121
  testid: n ? `${n}-tooltip-${e.id}` : void 0,
115
122
  showOnTruncation: !0,
116
- message: u,
123
+ message: s,
117
124
  position: "bottom",
118
- children: /* @__PURE__ */ l(F, { addOverflow: !0, tall: !0, children: u })
125
+ children: /* @__PURE__ */ l(K, { addOverflow: !0, tall: !0, children: s })
119
126
  }
120
127
  )
121
128
  },
@@ -132,5 +139,5 @@ function J({
132
139
  );
133
140
  }
134
141
  export {
135
- J as TableBodyRow
142
+ P as TableBodyRow
136
143
  };
package/dist/components/DataGridCell.d.ts CHANGED
@@ -20,6 +20,7 @@ type DataGridCellProps = PropsWithChildren<{
20
20
  disabled?: boolean;
21
21
  isLast?: boolean;
22
22
  }>;
23
+ export declare const GridColumnSizeContext: import('react').Context<number | null>;
23
24
  export declare const DataGridCell: import('react').MemoExoticComponent<({ id, type, component, children, className, locked, noPadding, paddedLeft, style, onClick, onRightClick, error, warning, pending, center, width, minWidth, disabled, isLast, testid, ...props }: AsProps<Tags> & DataGridCellProps) => import("react/jsx-runtime").JSX.Element>;
24
25
  export type DataGridCellHeaderProps<T> = {
25
26
  header: Header<T, unknown>;
package/dist/components/DataGridCell.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,wOAuBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CAuIrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsS5B;yBAhTe,cAAc;;;AAqT9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAkBpB;yBAzBe,aAAa"}
1
+ {"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,qBAAqB,wCAAqC,CAAC;AAExE,eAAO,MAAM,YAAY,wOAuBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CA4IrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsS5B;yBAhTe,cAAc;;;AAqT9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAkBpB;yBAzBe,aAAa"}
package/dist/components/DataGridCell.js CHANGED
@@ -1,251 +1,251 @@
1
1
  "use client";
2
- import { jsx as r, jsxs as W, Fragment as X } from "react/jsx-runtime";
3
- import { useSortable as q } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
4
- import { CSS as J } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
2
+ import { jsx as r, jsxs as N, Fragment as ee } from "react/jsx-runtime";
3
+ import { useSortable as J } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
4
+ import { CSS as Q } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
5
5
  import { clsx as v } from "../node_modules/clsx/dist/clsx.js";
6
- import { memo as Y, useRef as V, useState as A, useEffect as B } from "react";
7
- import { componentPadding as Z, paddingUsingComponentGap as ee } from "../classNames.js";
8
- import { MenuOption as f } from "./MenuOption.js";
9
- import { Menu as U } from "./Menu.js";
6
+ import { createContext as ne, memo as te, useRef as B, useState as A, useContext as oe, useEffect as _ } from "react";
7
+ import { componentPadding as re, paddingUsingComponentGap as ie } from "../classNames.js";
8
+ import { MenuOption as m } from "./MenuOption.js";
9
+ import { Menu as V } from "./Menu.js";
10
10
  import { Icon as j } from "./Icon.js";
11
- import { Search as ne } from "./Search.js";
12
- import { useSubMenuSystem as te } from "../hooks/useMenuSystem.js";
13
- const _ = Y(
11
+ import { Search as le } from "./Search.js";
12
+ import { useSubMenuSystem as se } from "../hooks/useMenuSystem.js";
13
+ const ae = ne(null), K = te(
14
14
  ({
15
15
  id: e,
16
16
  type: d = "default",
17
17
  component: o = "static",
18
- children: m,
18
+ children: u,
19
19
  className: t,
20
20
  locked: n = !1,
21
- noPadding: g = !1,
22
- paddedLeft: $ = !1,
23
- style: w,
24
- onClick: p,
25
- onRightClick: C,
26
- error: h,
27
- warning: D,
28
- pending: P,
29
- center: k,
30
- width: b,
31
- minWidth: y,
32
- disabled: F,
33
- isLast: z,
21
+ noPadding: f = !1,
22
+ paddedLeft: M = !1,
23
+ style: C,
24
+ onClick: g,
25
+ onRightClick: w,
26
+ error: p,
27
+ warning: F,
28
+ pending: G,
29
+ center: I,
30
+ width: h,
31
+ minWidth: x,
32
+ disabled: T,
33
+ isLast: H,
34
34
  testid: O,
35
- ...H
35
+ ...L
36
36
  }) => {
37
- const L = d === "header" ? "th" : "td", c = V(null), [E, S] = A(!1), [M, x] = A(!1);
38
- B(() => () => {
37
+ const E = d === "header" ? "th" : "td", c = B(null), [R, y] = A(!1), [W, S] = A(!1), z = oe(ae), $ = h ?? (z != null ? `${z}px` : void 0), U = x ?? (h == null ? $ : void 0);
38
+ _(() => () => {
39
39
  c.current && (clearTimeout(c.current), c.current = null);
40
40
  }, []);
41
- const G = (u) => {
42
- x(!0), c.current = window.setTimeout(() => {
43
- S(!0);
41
+ const D = (k) => {
42
+ S(!0), c.current = window.setTimeout(() => {
43
+ y(!0);
44
44
  }, 500);
45
- }, I = (u) => {
45
+ }, P = (k) => {
46
46
  c.current && (clearTimeout(c.current), c.current = null);
47
- const K = u.nativeEvent instanceof MouseEvent && u.nativeEvent.button === 2;
48
- !E && p && !K && M && p(u), K && C && C(), S(!1), x(!1);
49
- }, R = () => {
47
+ const q = k.nativeEvent instanceof MouseEvent && k.nativeEvent.button === 2;
48
+ !R && g && !q && W && g(k), q && w && w(), y(!1), S(!1);
49
+ }, l = () => {
50
50
  c.current && (clearTimeout(c.current), c.current = null);
51
- }, T = d === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", N = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", l = d === "header" && o !== "button" && o !== "icon" && !z && v("border-r"), a = o === "button" && v("border-r border-b border-border-primary-normal"), s = o === "icon" && v("border-l"), i = v(
52
- l,
51
+ }, a = d === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", s = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", i = d === "header" && o !== "button" && o !== "icon" && !H && v("border-r"), b = o === "button" && v("border-r border-b border-border-primary-normal"), Y = o === "icon" && v("border-l"), Z = v(
52
+ i,
53
+ b,
53
54
  a,
54
- T,
55
- N,
56
55
  s,
56
+ Y,
57
57
  t,
58
58
  "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
59
59
  "focus-within:!z-10",
60
60
  "overflow-x-hidden",
61
61
  "overflow-y-hidden",
62
62
  o === "input" && "border",
63
- o === "input" && !h && !D && "border-border-primary-normal",
64
- o === "input" && !h && !D && P && "[&:not(:focus-within)]:border-background-warning-normal",
65
- o === "input" && h && "border-border-primary-error",
66
- o === "input" && D && "border-background-warning-normal",
67
- !["button", "icon"].includes(o) && !g && Z,
68
- $ && "pl-2",
63
+ o === "input" && !p && !F && "border-border-primary-normal",
64
+ o === "input" && !p && !F && G && "[&:not(:focus-within)]:border-background-warning-normal",
65
+ o === "input" && p && "border-border-primary-error",
66
+ o === "input" && F && "border-background-warning-normal",
67
+ !["button", "icon"].includes(o) && !f && re,
68
+ M && "pl-2",
69
69
  o === "icon" && "border-l",
70
- E && "!cursor-grabbing",
71
- o === "checkbox" || k && "justify-center",
72
- F && "!text-text-primary-disabled"
70
+ R && "!cursor-grabbing",
71
+ o === "checkbox" || I && "justify-center",
72
+ T && "!text-text-primary-disabled"
73
73
  );
74
74
  return /* @__PURE__ */ r(
75
- L,
75
+ E,
76
76
  {
77
77
  id: e,
78
78
  "data-testid": O,
79
- className: v("flex h-10", !b && "flex-1"),
80
- style: { width: b, minWidth: y },
81
- ...H,
79
+ className: v("flex h-10", !$ && "flex-1"),
80
+ style: { width: $, minWidth: U },
81
+ ...L,
82
82
  "data-theme": d === "header" && !n ? "brand" : void 0,
83
83
  children: /* @__PURE__ */ r(
84
84
  "div",
85
85
  {
86
- className: i,
86
+ className: Z,
87
87
  style: {
88
- ...w
88
+ ...C
89
89
  },
90
- onMouseDown: G,
91
- onMouseUp: I,
92
- onMouseLeave: R,
93
- onTouchStart: G,
94
- onTouchEnd: I,
95
- onTouchCancel: R,
96
- onContextMenu: (u) => u.preventDefault(),
97
- children: m
90
+ onMouseDown: D,
91
+ onMouseUp: P,
92
+ onMouseLeave: l,
93
+ onTouchStart: D,
94
+ onTouchEnd: P,
95
+ onTouchCancel: l,
96
+ onContextMenu: (k) => k.preventDefault(),
97
+ children: u
98
98
  }
99
99
  )
100
100
  }
101
101
  );
102
102
  }
103
103
  );
104
- _.displayName = "DataGridCell";
105
- function Q({
104
+ K.displayName = "DataGridCell";
105
+ function X({
106
106
  header: e,
107
107
  children: d,
108
108
  setNodeRef: o,
109
- node: m,
109
+ node: u,
110
110
  id: t,
111
111
  testid: n,
112
- useMenuDefaultMinWidth: g,
113
- allowUserGrouping: $,
114
- ...w
112
+ useMenuDefaultMinWidth: f,
113
+ allowUserGrouping: M,
114
+ ...C
115
115
  }) {
116
- const [p, C] = A(!1), [h, D] = A(
116
+ const [g, w] = A(!1), [p, F] = A(
117
117
  e.column.getFilterValue() ?? ""
118
- ), P = V(null), k = V(!1), { column: b, getContext: y } = e, { id: F, setFilterValue: z } = b, {
118
+ ), G = B(null), I = B(!1), { column: h, getContext: x } = e, { id: T, setFilterValue: H } = h, {
119
119
  menuRootRef: O,
120
- isMenuActive: H,
121
- registerSubMenu: L,
120
+ isMenuActive: L,
121
+ registerSubMenu: E,
122
122
  listeners: c,
123
- mobileHide: E
124
- } = te(m || P);
125
- B(() => {
126
- const l = y().table.options.initialState?.columnPinning, a = l?.left ?? [], s = l?.right ?? [];
127
- k.current = [...a, ...s].includes(F);
128
- }, [F, y]), B(() => {
123
+ mobileHide: R
124
+ } = se(u || G);
125
+ _(() => {
126
+ const l = x().table.options.initialState?.columnPinning, a = l?.left ?? [], s = l?.right ?? [];
127
+ I.current = [...a, ...s].includes(T);
128
+ }, [T, x]), _(() => {
129
129
  const l = setTimeout(() => {
130
- z(h);
130
+ H(p);
131
131
  }, 500);
132
132
  return () => {
133
133
  clearTimeout(l);
134
134
  };
135
- }, [h, z]);
136
- const S = !!$ && b.getCanGroup(), M = b.getIsGrouped(), x = b.getGroupedIndex(), G = y().table.getState().grouping.length, I = (l) => {
137
- y().table.setGrouping((a) => {
138
- const s = a.indexOf(F), i = s + l;
135
+ }, [p, H]);
136
+ const y = !!M && h.getCanGroup(), W = h.getIsGrouped(), S = h.getGroupedIndex(), z = x().table.getState().grouping.length, $ = (l) => {
137
+ x().table.setGrouping((a) => {
138
+ const s = a.indexOf(T), i = s + l;
139
139
  if (s === -1 || i < 0 || i >= a.length)
140
140
  return a;
141
- const u = [...a];
142
- return [u[s], u[i]] = [u[i], u[s]], u;
141
+ const b = [...a];
142
+ return [b[s], b[i]] = [b[i], b[s]], b;
143
143
  });
144
- }, R = {
144
+ }, U = {
145
145
  position: "relative",
146
146
  whiteSpace: "nowrap",
147
147
  minWidth: e.column.getSize(),
148
148
  "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
149
149
  "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
150
150
  "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)",
151
- ...w.style
151
+ ...C.style
152
152
  };
153
- return /* @__PURE__ */ W(
154
- _,
153
+ return /* @__PURE__ */ N(
154
+ K,
155
155
  {
156
156
  id: t,
157
157
  testid: n,
158
- ref: o || P,
158
+ ref: o || G,
159
159
  type: "header",
160
160
  component: "header",
161
- style: R,
161
+ style: U,
162
162
  minWidth: `${e.column.getSize()}px`,
163
163
  onClick: e.column.getToggleSortingHandler(),
164
- onRightClick: () => C(!p),
165
- ...w,
164
+ onRightClick: () => w(!g),
165
+ ...C,
166
166
  children: [
167
167
  d,
168
- M && /* @__PURE__ */ r(
168
+ W && /* @__PURE__ */ r(
169
169
  j,
170
170
  {
171
171
  name: "workspaces",
172
172
  size: 16,
173
173
  className: "shrink-0",
174
- title: `Grouped (level ${x + 1})`,
174
+ title: `Grouped (level ${S + 1})`,
175
175
  "data-testid": n ? `${n}-grouped-indicator` : void 0
176
176
  }
177
177
  ),
178
- (e.column.getCanFilter() || !k.current && e.column.getCanPin() || S) && /* @__PURE__ */ W(
179
- U,
178
+ (e.column.getCanFilter() || !I.current && e.column.getCanPin() || y) && /* @__PURE__ */ N(
179
+ V,
180
180
  {
181
181
  id: t ? `${t}-menu` : void 0,
182
182
  testid: n ? `${n}-menu` : void 0,
183
183
  ref: O,
184
- positionTo: m || P,
185
- show: p,
186
- setShow: C,
187
- mobileHide: E,
188
- useDefaultMinWidth: g,
184
+ positionTo: u || G,
185
+ show: g,
186
+ setShow: w,
187
+ mobileHide: R,
188
+ useDefaultMinWidth: f,
189
189
  children: [
190
190
  e.column.getCanFilter() && /* @__PURE__ */ r(
191
- f,
191
+ m,
192
192
  {
193
193
  id: t ? `${t}-filter-option` : void 0,
194
194
  testid: n ? `${n}-filter-option` : void 0,
195
195
  ...c,
196
- subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
197
- U,
196
+ subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
197
+ V,
198
198
  {
199
199
  id: t ? `${t}-filter-submenu` : void 0,
200
200
  testid: n ? `${n}-filter-submenu` : void 0,
201
201
  ...s,
202
- show: H(l, a),
202
+ show: L(l, a),
203
203
  ref: (i) => {
204
- L(l, i);
204
+ E(l, i);
205
205
  },
206
- useDefaultMinWidth: g,
206
+ useDefaultMinWidth: f,
207
207
  children: [
208
- /* @__PURE__ */ r("div", { className: v(ee), children: /* @__PURE__ */ r(
209
- ne,
208
+ /* @__PURE__ */ r("div", { className: v(ie), children: /* @__PURE__ */ r(
209
+ le,
210
210
  {
211
211
  id: t ? `${t}-filter-search` : void 0,
212
212
  testid: n ? `${n}-filter-search` : void 0,
213
213
  onChange: (i) => {
214
- D(i.target.value);
214
+ F(i.target.value);
215
215
  },
216
216
  onKeyDown: (i) => {
217
217
  [" ", "Space"].includes(i.key) && i.stopPropagation();
218
218
  },
219
- value: h ?? ""
219
+ value: p ?? ""
220
220
  }
221
221
  ) }),
222
222
  /* @__PURE__ */ r(
223
- f,
223
+ m,
224
224
  {
225
225
  id: t ? `${t}-filter-contains` : void 0,
226
226
  testid: n ? `${n}-filter-contains` : void 0,
227
- onClick: N,
228
- before: T("includesString"),
227
+ onClick: P,
228
+ before: D("includesString"),
229
229
  children: "Contains"
230
230
  }
231
231
  ),
232
232
  /* @__PURE__ */ r(
233
- f,
233
+ m,
234
234
  {
235
235
  id: t ? `${t}-filter-startswith` : void 0,
236
236
  testid: n ? `${n}-filter-startswith` : void 0,
237
- onClick: N,
238
- before: T("startsWith"),
237
+ onClick: P,
238
+ before: D("startsWith"),
239
239
  children: "Starts with"
240
240
  }
241
241
  ),
242
242
  /* @__PURE__ */ r(
243
- f,
243
+ m,
244
244
  {
245
245
  id: t ? `${t}-filter-endswith` : void 0,
246
246
  testid: n ? `${n}-filter-endswith` : void 0,
247
- onClick: N,
248
- before: T("endsWith"),
247
+ onClick: P,
248
+ before: D("endsWith"),
249
249
  children: "Ends with"
250
250
  }
251
251
  )
@@ -255,24 +255,24 @@ function Q({
255
255
  children: "Filter"
256
256
  }
257
257
  ),
258
- !k.current && e.column.getCanPin() && /* @__PURE__ */ r(
259
- f,
258
+ !I.current && e.column.getCanPin() && /* @__PURE__ */ r(
259
+ m,
260
260
  {
261
261
  onClick: () => {
262
- C(!p);
262
+ w(!g);
263
263
  },
264
264
  ...c,
265
- subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
266
- U,
265
+ subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
266
+ V,
267
267
  {
268
268
  ...s,
269
- show: H(l, a),
269
+ show: L(l, a),
270
270
  ref: (i) => {
271
- L(l, i);
271
+ E(l, i);
272
272
  },
273
273
  children: [
274
274
  /* @__PURE__ */ r(
275
- f,
275
+ m,
276
276
  {
277
277
  selected: e.column.getIsPinned() === "left",
278
278
  onClick: () => {
@@ -283,7 +283,7 @@ function Q({
283
283
  }
284
284
  ),
285
285
  /* @__PURE__ */ r(
286
- f,
286
+ m,
287
287
  {
288
288
  selected: e.column.getIsPinned() === "right",
289
289
  onClick: () => {
@@ -296,36 +296,36 @@ function Q({
296
296
  ]
297
297
  }
298
298
  ),
299
- children: `Freeze [${e.column.columnDef.header}]`
299
+ children: `Freeze ${e.column.columnDef.header}`
300
300
  }
301
301
  ),
302
- S && /* @__PURE__ */ r(
303
- f,
302
+ y && /* @__PURE__ */ r(
303
+ m,
304
304
  {
305
305
  id: t ? `${t}-group-option` : void 0,
306
306
  testid: n ? `${n}-group-option` : void 0,
307
307
  onClick: e.column.getToggleGroupingHandler(),
308
- children: M ? "Remove group" : `Group by [${e.column.columnDef.header}]`
308
+ children: W ? "Remove group" : `Group by [${e.column.columnDef.header}]`
309
309
  }
310
310
  ),
311
- S && M && G > 1 && /* @__PURE__ */ W(X, { children: [
311
+ y && W && z > 1 && /* @__PURE__ */ N(ee, { children: [
312
312
  /* @__PURE__ */ r(
313
- f,
313
+ m,
314
314
  {
315
315
  id: t ? `${t}-group-move-up` : void 0,
316
316
  testid: n ? `${n}-group-move-up` : void 0,
317
- disabled: x === 0,
318
- onClick: () => I(-1),
317
+ disabled: S === 0,
318
+ onClick: () => $(-1),
319
319
  children: "Move up"
320
320
  }
321
321
  ),
322
322
  /* @__PURE__ */ r(
323
- f,
323
+ m,
324
324
  {
325
325
  id: t ? `${t}-group-move-down` : void 0,
326
326
  testid: n ? `${n}-group-move-down` : void 0,
327
- disabled: x === G - 1,
328
- onClick: () => I(1),
327
+ disabled: S === z - 1,
328
+ onClick: () => $(1),
329
329
  children: "Move down"
330
330
  }
331
331
  )
@@ -336,7 +336,7 @@ function Q({
336
336
  ]
337
337
  }
338
338
  );
339
- function T(l) {
339
+ function D(l) {
340
340
  return /* @__PURE__ */ r(
341
341
  j,
342
342
  {
@@ -347,24 +347,24 @@ function Q({
347
347
  }
348
348
  );
349
349
  }
350
- function N(l, a) {
350
+ function P(l, a) {
351
351
  let s = "includesString";
352
352
  const i = e.column.columnDef.filterFn;
353
- a?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), a?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), a?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(h);
353
+ a?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), a?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), a?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(p);
354
354
  }
355
355
  }
356
- Q.displayName = "DataCellHeader";
357
- function oe({
356
+ X.displayName = "DataCellHeader";
357
+ function ce({
358
358
  header: e,
359
359
  children: d,
360
360
  ...o
361
361
  }) {
362
- const { attributes: m, isDragging: t, listeners: n, setNodeRef: g, transform: $, node: w } = q({
362
+ const { attributes: u, isDragging: t, listeners: n, setNodeRef: f, transform: M, node: C } = J({
363
363
  id: e.column.id
364
- }), p = {
364
+ }), g = {
365
365
  opacity: t ? 0.8 : 1,
366
366
  position: "relative",
367
- transform: J.Translate.toString($),
367
+ transform: Q.Translate.toString(M),
368
368
  transition: "width transform 0.2s ease-in-out",
369
369
  whiteSpace: "nowrap",
370
370
  zIndex: t ? 1 : 0,
@@ -373,40 +373,41 @@ function oe({
373
373
  userSelect: "none"
374
374
  };
375
375
  return /* @__PURE__ */ r(
376
- Q,
376
+ X,
377
377
  {
378
378
  header: e,
379
- setNodeRef: g,
380
- node: w,
381
- style: p,
379
+ setNodeRef: f,
380
+ node: C,
381
+ style: g,
382
382
  ...o,
383
- ...m,
383
+ ...u,
384
384
  ...n,
385
385
  children: d
386
386
  }
387
387
  );
388
388
  }
389
- oe.displayName = "DraggableCellHeader";
390
- function re({
389
+ ce.displayName = "DraggableCellHeader";
390
+ function ue({
391
391
  cell: e,
392
392
  children: d,
393
393
  ...o
394
394
  }) {
395
- const { isDragging: m, setNodeRef: t, transform: n } = q({
395
+ const { isDragging: u, setNodeRef: t, transform: n } = J({
396
396
  id: e.column.id
397
- }), g = {
398
- opacity: m ? 0.8 : 1,
397
+ }), f = {
398
+ opacity: u ? 0.8 : 1,
399
399
  position: "relative",
400
- transform: J.Translate.toString(n),
400
+ transform: Q.Translate.toString(n),
401
401
  transition: "width transform 0.2s ease-in-out",
402
- zIndex: m ? 1 : 0
402
+ zIndex: u ? 1 : 0
403
403
  };
404
- return /* @__PURE__ */ r(_, { style: g, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
404
+ return /* @__PURE__ */ r(K, { style: f, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
405
405
  }
406
- re.displayName = "DragAlongCell";
406
+ ue.displayName = "DragAlongCell";
407
407
  export {
408
- Q as DataCellHeader,
409
- _ as DataGridCell,
410
- re as DragAlongCell,
411
- oe as DraggableCellHeader
408
+ X as DataCellHeader,
409
+ K as DataGridCell,
410
+ ue as DragAlongCell,
411
+ ce as DraggableCellHeader,
412
+ ae as GridColumnSizeContext
412
413
  };
package/dist/index.js CHANGED
@@ -15,95 +15,95 @@ import { ContentTab as G } from "./components/ContentTab.js";
15
15
  import { ContentTabs as V } from "./components/ContentTabs.js";
16
16
  import { DataTable as O } from "./components/DataTable.js";
17
17
  import { DataGrid as v } from "./components/DataGrid/index.js";
18
- import { DataCellHeader as k, DataGridCell as N, DragAlongCell as E, DraggableCellHeader as F } from "./components/DataGridCell.js";
19
- import { DateInput as U } from "./components/DateInput.js";
20
- import { DateRangeInput as z } from "./components/DateRangeInput.js";
21
- import { DebugJson as K } from "./components/DebugJson.js";
22
- import { Display as q, Display1 as Q, Display2 as X } from "./components/Display.js";
23
- import { DMSiLogo as Z } from "./components/DMSiLogo.js";
24
- import { EditingContext as oo, EditingProvider as ro, useTableEditingContext as eo } from "./components/EditingContext.js";
25
- import { EmblaCarousel as ao } from "./components/EmblaCarousel/index.js";
26
- import { EmptyCartIcon as mo } from "./components/EmptyCartIcon.js";
27
- import { FilterGroup as xo, FilterGroupItem as io } from "./components/FilterGroup.js";
28
- import { FullViewportLayout as lo } from "./components/FullViewportBox.js";
29
- import { Grid as uo } from "./components/Grid.js";
30
- import { Heading as go, Heading1 as Do, Heading2 as Co, Heading3 as Mo } from "./components/Heading.js";
31
- import { HorizontalDivider as ho } from "./components/HorizontalDivider.js";
32
- import { ICON_COLORS as bo, Icon as To } from "./components/Icon.js";
33
- import { ImagePlaceholder as yo } from "./components/ImagePlaceholder.js";
34
- import { Currency as Bo, Finder as Go, Input as wo, InputBase as Vo, Percentage as Ao, UOM as Oo } from "./components/Input.js";
35
- import { InputGroup as vo } from "./components/InputGroup.js";
36
- import { Label as ko } from "./components/Label.js";
37
- import { Link as Eo } from "./components/Link.js";
38
- import { List as Wo } from "./components/List.js";
39
- import { ListGroup as jo } from "./components/ListGroup.js";
40
- import { LiveChatComponent as Jo } from "./components/LiveChatComponent.js";
41
- import { LoadingScrim as _o } from "./components/LoadingScrim.js";
42
- import { LogoAgilityTopBar as Qo } from "./components/LogoAgilityTopBar.js";
43
- import { LogoDMSiTopBar as Yo } from "./components/LogoDMSiTopBar.js";
44
- import { LogoMillworkTopBar as $o } from "./components/LogoMillworkTopBar.js";
45
- import { MainBar as rr } from "./components/MainBar.js";
46
- import { MaxViewportLayout as tr } from "./components/MaxViewportBox.js";
47
- import { Menu as pr } from "./components/Menu.js";
48
- import { MenuOption as fr } from "./components/MenuOption.js";
49
- import { Modal as ir } from "./components/Modal.js";
50
- import { ModalButtons as lr } from "./components/ModalButtons.js";
51
- import { ModalContent as ur } from "./components/ModalContent.js";
52
- import { ModalHeader as cr } from "./components/ModalHeader.js";
53
- import { ModalScrim as Dr } from "./components/ModalScrim.js";
54
- import { MobileDataGrid as Mr } from "./components/MobileDataGrid/index.js";
55
- import { useGridContext as hr } from "./components/MobileDataGrid/GridContextProvider/useGridContext.js";
56
- import { MobileNavMenu as br } from "./components/MobileNavMenu.js";
57
- import { NavigationTab as Pr } from "./components/NavigationTab.js";
58
- import { NavigationTabs as Lr } from "./components/NavigationTabs.js";
59
- import { NestedMenu as Gr } from "./components/NestedMenu.js";
60
- import { Notification as Vr } from "./components/Notification.js";
61
- import { OptionPill as Or } from "./components/OptionPill.js";
62
- import { OrderCheckIcon as vr } from "./components/OrderCheckIcon.js";
63
- import { Pagination as kr } from "./components/Pagination.js";
64
- import { Paragraph as Er } from "./components/Paragraph.js";
65
- import { Password as Wr } from "./components/Password.js";
66
- import { PDFViewer as jr } from "./components/PDFViewer/index.js";
67
- import { ProductImagePreview as Jr } from "./components/ProductImagePreview/index.js";
68
- import { ProjectBar as _r } from "./components/ProjectBar.js";
69
- import { Radio as Qr } from "./components/Radio.js";
70
- import { SearchResultImage as Yr } from "./components/SearchResultImage/index.js";
71
- import { Search as $r } from "./components/Search.js";
72
- import { Select as re } from "./components/Select.js";
73
- import { SideMenu as te } from "./components/SideMenu.js";
74
- import { SideMenuGroup as pe } from "./components/SideMenuGroup.js";
75
- import { SideMenuItem as fe } from "./components/SideMenuItem.js";
76
- import { SimpleTable as ie } from "./components/SimpleTable.js";
77
- import { SkeletonParagraph as le } from "./components/SkeletonParagraph.js";
78
- import { Spinner as ue } from "./components/Spinner.js";
79
- import { Stack as ce } from "./components/Stack.js";
80
- import { StatusPill as De } from "./components/StatusPill.js";
81
- import { Stepper as Me } from "./components/Stepper.js";
82
- import { Subheader as he } from "./components/Subheader.js";
83
- import { Swatch as be, Swatches as Te } from "./components/Swatch.js";
84
- import { Surface as ye } from "./components/Surface.js";
85
- import { Textarea as Be } from "./components/Textarea.js";
86
- import { Time as we } from "./components/Time.js";
87
- import { Theme as Ae } from "./components/Theme.js";
88
- import { Toast as Re, createToast as ve } from "./components/Toast.js";
89
- import { Tooltip as ke } from "./components/Tooltip.js";
90
- import { TopBar as Ee, TopBarBase as Fe } from "./components/TopBar.js";
91
- import { Upload as Ue } from "./components/Upload.js";
92
- import { WorldpayIframe as ze } from "./components/WorldpayIframe.js";
93
- import { default as Ke } from "./static/no-results-image.png.js";
94
- import { useMatchesMedia as qe, useMatchesMobile as Qe } from "./hooks/useMatchesMedia.js";
95
- import { useMenuPosition as Ye, useSubMenuSystem as Ze } from "./hooks/useMenuSystem.js";
96
- import { useMounted as ot } from "./hooks/useMounted.js";
97
- import { useKeydown as et } from "./hooks/useKeydown.js";
98
- import { useInfiniteScroll as at } from "./hooks/useInfiniteScroll.js";
99
- import { useTableLayout as mt } from "./hooks/useTableLayout/useTableLayout.js";
100
- import { useEditCell as xt } from "./hooks/useEditCell.js";
101
- import { findDocumentRoot as nt } from "./utils.js";
102
- import { LocalStoragePrefixVersion as st } from "./utils/index.js";
103
- import { calculateCursorPosition as dt, countDigitsUpToCursor as ct, findPositionAfterDigitCount as gt, formatDate as Dt, formatDatePartsToDisplay as Ct, formatInputValue as Mt, isDigit as St, isSlash as ht, isValidDate as It, isValidDateRange as bt, isValidDateRangeOrder as Tt, parseDateParts as Pt, parseInputDate as yt } from "./utils/date.js";
104
- import { formatCurrencyDisplay as Bt, formatDecimalValue as Gt, getDecimalPlaceholder as wt } from "./utils/formatting.js";
105
- import { formatDateWithDashes as At, formatInputValueWithDashes as Ot, parseInputDateWithDashes as Rt } from "./utils/date-patch-dashes.js";
106
- import { mergeObjectArrays as Ht } from "./utils/mergeObjectArrays.js";
18
+ import { DataCellHeader as k, DataGridCell as N, DragAlongCell as E, DraggableCellHeader as F, GridColumnSizeContext as W } from "./components/DataGridCell.js";
19
+ import { DateInput as j } from "./components/DateInput.js";
20
+ import { DateRangeInput as J } from "./components/DateRangeInput.js";
21
+ import { DebugJson as _ } from "./components/DebugJson.js";
22
+ import { Display as Q, Display1 as X, Display2 as Y } from "./components/Display.js";
23
+ import { DMSiLogo as $ } from "./components/DMSiLogo.js";
24
+ import { EditingContext as ro, EditingProvider as eo, useTableEditingContext as to } from "./components/EditingContext.js";
25
+ import { EmblaCarousel as po } from "./components/EmblaCarousel/index.js";
26
+ import { EmptyCartIcon as fo } from "./components/EmptyCartIcon.js";
27
+ import { FilterGroup as io, FilterGroupItem as no } from "./components/FilterGroup.js";
28
+ import { FullViewportLayout as so } from "./components/FullViewportBox.js";
29
+ import { Grid as co } from "./components/Grid.js";
30
+ import { Heading as Do, Heading1 as Co, Heading2 as Mo, Heading3 as So } from "./components/Heading.js";
31
+ import { HorizontalDivider as Io } from "./components/HorizontalDivider.js";
32
+ import { ICON_COLORS as To, Icon as Po } from "./components/Icon.js";
33
+ import { ImagePlaceholder as Lo } from "./components/ImagePlaceholder.js";
34
+ import { Currency as Go, Finder as wo, Input as Vo, InputBase as Ao, Percentage as Oo, UOM as Ro } from "./components/Input.js";
35
+ import { InputGroup as Ho } from "./components/InputGroup.js";
36
+ import { Label as No } from "./components/Label.js";
37
+ import { Link as Fo } from "./components/Link.js";
38
+ import { List as Uo } from "./components/List.js";
39
+ import { ListGroup as zo } from "./components/ListGroup.js";
40
+ import { LiveChatComponent as Ko } from "./components/LiveChatComponent.js";
41
+ import { LoadingScrim as qo } from "./components/LoadingScrim.js";
42
+ import { LogoAgilityTopBar as Xo } from "./components/LogoAgilityTopBar.js";
43
+ import { LogoDMSiTopBar as Zo } from "./components/LogoDMSiTopBar.js";
44
+ import { LogoMillworkTopBar as or } from "./components/LogoMillworkTopBar.js";
45
+ import { MainBar as er } from "./components/MainBar.js";
46
+ import { MaxViewportLayout as ar } from "./components/MaxViewportBox.js";
47
+ import { Menu as mr } from "./components/Menu.js";
48
+ import { MenuOption as xr } from "./components/MenuOption.js";
49
+ import { Modal as nr } from "./components/Modal.js";
50
+ import { ModalButtons as sr } from "./components/ModalButtons.js";
51
+ import { ModalContent as dr } from "./components/ModalContent.js";
52
+ import { ModalHeader as gr } from "./components/ModalHeader.js";
53
+ import { ModalScrim as Cr } from "./components/ModalScrim.js";
54
+ import { MobileDataGrid as Sr } from "./components/MobileDataGrid/index.js";
55
+ import { useGridContext as Ir } from "./components/MobileDataGrid/GridContextProvider/useGridContext.js";
56
+ import { MobileNavMenu as Tr } from "./components/MobileNavMenu.js";
57
+ import { NavigationTab as yr } from "./components/NavigationTab.js";
58
+ import { NavigationTabs as Br } from "./components/NavigationTabs.js";
59
+ import { NestedMenu as wr } from "./components/NestedMenu.js";
60
+ import { Notification as Ar } from "./components/Notification.js";
61
+ import { OptionPill as Rr } from "./components/OptionPill.js";
62
+ import { OrderCheckIcon as Hr } from "./components/OrderCheckIcon.js";
63
+ import { Pagination as Nr } from "./components/Pagination.js";
64
+ import { Paragraph as Fr } from "./components/Paragraph.js";
65
+ import { Password as Ur } from "./components/Password.js";
66
+ import { PDFViewer as zr } from "./components/PDFViewer/index.js";
67
+ import { ProductImagePreview as Kr } from "./components/ProductImagePreview/index.js";
68
+ import { ProjectBar as qr } from "./components/ProjectBar.js";
69
+ import { Radio as Xr } from "./components/Radio.js";
70
+ import { SearchResultImage as Zr } from "./components/SearchResultImage/index.js";
71
+ import { Search as oe } from "./components/Search.js";
72
+ import { Select as ee } from "./components/Select.js";
73
+ import { SideMenu as ae } from "./components/SideMenu.js";
74
+ import { SideMenuGroup as me } from "./components/SideMenuGroup.js";
75
+ import { SideMenuItem as xe } from "./components/SideMenuItem.js";
76
+ import { SimpleTable as ne } from "./components/SimpleTable.js";
77
+ import { SkeletonParagraph as se } from "./components/SkeletonParagraph.js";
78
+ import { Spinner as de } from "./components/Spinner.js";
79
+ import { Stack as ge } from "./components/Stack.js";
80
+ import { StatusPill as Ce } from "./components/StatusPill.js";
81
+ import { Stepper as Se } from "./components/Stepper.js";
82
+ import { Subheader as Ie } from "./components/Subheader.js";
83
+ import { Swatch as Te, Swatches as Pe } from "./components/Swatch.js";
84
+ import { Surface as Le } from "./components/Surface.js";
85
+ import { Textarea as Ge } from "./components/Textarea.js";
86
+ import { Time as Ve } from "./components/Time.js";
87
+ import { Theme as Oe } from "./components/Theme.js";
88
+ import { Toast as ve, createToast as He } from "./components/Toast.js";
89
+ import { Tooltip as Ne } from "./components/Tooltip.js";
90
+ import { TopBar as Fe, TopBarBase as We } from "./components/TopBar.js";
91
+ import { Upload as je } from "./components/Upload.js";
92
+ import { WorldpayIframe as Je } from "./components/WorldpayIframe.js";
93
+ import { default as _e } from "./static/no-results-image.png.js";
94
+ import { useMatchesMedia as Qe, useMatchesMobile as Xe } from "./hooks/useMatchesMedia.js";
95
+ import { useMenuPosition as Ze, useSubMenuSystem as $e } from "./hooks/useMenuSystem.js";
96
+ import { useMounted as rt } from "./hooks/useMounted.js";
97
+ import { useKeydown as tt } from "./hooks/useKeydown.js";
98
+ import { useInfiniteScroll as pt } from "./hooks/useInfiniteScroll.js";
99
+ import { useTableLayout as ft } from "./hooks/useTableLayout/useTableLayout.js";
100
+ import { useEditCell as it } from "./hooks/useEditCell.js";
101
+ import { findDocumentRoot as lt } from "./utils.js";
102
+ import { LocalStoragePrefixVersion as ut } from "./utils/index.js";
103
+ import { calculateCursorPosition as ct, countDigitsUpToCursor as gt, findPositionAfterDigitCount as Dt, formatDate as Ct, formatDatePartsToDisplay as Mt, formatInputValue as St, isDigit as ht, isSlash as It, isValidDate as bt, isValidDateRange as Tt, isValidDateRangeOrder as Pt, parseDateParts as yt, parseInputDate as Lt } from "./utils/date.js";
104
+ import { formatCurrencyDisplay as Gt, formatDecimalValue as wt, getDecimalPlaceholder as Vt } from "./utils/formatting.js";
105
+ import { formatDateWithDashes as Ot, formatInputValueWithDashes as Rt, parseInputDateWithDashes as vt } from "./utils/date-patch-dashes.js";
106
+ import { mergeObjectArrays as kt } from "./utils/mergeObjectArrays.js";
107
107
  export {
108
108
  p as AccessCard,
109
109
  f as AccessCardGroup,
@@ -120,134 +120,135 @@ export {
120
120
  L as CompactImagesPreview,
121
121
  G as ContentTab,
122
122
  V as ContentTabs,
123
- Bo as Currency,
124
- Z as DMSiLogo,
123
+ Go as Currency,
124
+ $ as DMSiLogo,
125
125
  k as DataCellHeader,
126
126
  v as DataGrid,
127
127
  N as DataGridCell,
128
128
  O as DataTable,
129
- U as DateInput,
130
- z as DateRangeInput,
131
- K as DebugJson,
132
- q as Display,
133
- Q as Display1,
134
- X as Display2,
129
+ j as DateInput,
130
+ J as DateRangeInput,
131
+ _ as DebugJson,
132
+ Q as Display,
133
+ X as Display1,
134
+ Y as Display2,
135
135
  E as DragAlongCell,
136
136
  F as DraggableCellHeader,
137
- oo as EditingContext,
138
- ro as EditingProvider,
139
- ao as EmblaCarousel,
140
- mo as EmptyCartIcon,
141
- xo as FilterGroup,
142
- io as FilterGroupItem,
143
- Go as Finder,
144
- lo as FullViewportLayout,
145
- uo as Grid,
146
- go as Heading,
147
- Do as Heading1,
148
- Co as Heading2,
149
- Mo as Heading3,
150
- ho as HorizontalDivider,
151
- bo as ICON_COLORS,
152
- To as Icon,
153
- yo as ImagePlaceholder,
154
- wo as Input,
155
- Vo as InputBase,
156
- vo as InputGroup,
157
- ko as Label,
158
- Eo as Link,
159
- Wo as List,
160
- jo as ListGroup,
161
- Jo as LiveChatComponent,
162
- _o as LoadingScrim,
163
- st as LocalStoragePrefixVersion,
164
- Qo as LogoAgilityTopBar,
165
- Yo as LogoDMSiTopBar,
166
- $o as LogoMillworkTopBar,
167
- rr as MainBar,
168
- tr as MaxViewportLayout,
169
- pr as Menu,
170
- fr as MenuOption,
171
- Mr as MobileDataGrid,
172
- br as MobileNavMenu,
173
- ir as Modal,
174
- lr as ModalButtons,
175
- ur as ModalContent,
176
- cr as ModalHeader,
177
- Dr as ModalScrim,
178
- Pr as NavigationTab,
179
- Lr as NavigationTabs,
180
- Gr as NestedMenu,
181
- Ke as NoResultsImg,
182
- Vr as Notification,
183
- Or as OptionPill,
184
- vr as OrderCheckIcon,
185
- jr as PDFViewer,
186
- kr as Pagination,
187
- Er as Paragraph,
188
- Wr as Password,
189
- Ao as Percentage,
190
- Jr as ProductImagePreview,
191
- _r as ProjectBar,
192
- Qr as Radio,
193
- $r as Search,
194
- Yr as SearchResultImage,
195
- re as Select,
196
- te as SideMenu,
197
- pe as SideMenuGroup,
198
- fe as SideMenuItem,
199
- ie as SimpleTable,
200
- le as SkeletonParagraph,
201
- ue as Spinner,
202
- ce as Stack,
203
- De as StatusPill,
204
- Me as Stepper,
205
- he as Subheader,
206
- ye as Surface,
207
- be as Swatch,
208
- Te as Swatches,
209
- Be as Textarea,
210
- Ae as Theme,
211
- we as Time,
212
- Re as Toast,
213
- ke as Tooltip,
214
- Ee as TopBar,
215
- Fe as TopBarBase,
216
- Oo as UOM,
217
- Ue as Upload,
218
- ze as WorldpayIframe,
219
- dt as calculateCursorPosition,
220
- ct as countDigitsUpToCursor,
221
- ve as createToast,
222
- nt as findDocumentRoot,
223
- gt as findPositionAfterDigitCount,
224
- Bt as formatCurrencyDisplay,
225
- Dt as formatDate,
226
- Ct as formatDatePartsToDisplay,
227
- At as formatDateWithDashes,
228
- Gt as formatDecimalValue,
229
- Mt as formatInputValue,
230
- Ot as formatInputValueWithDashes,
231
- wt as getDecimalPlaceholder,
232
- St as isDigit,
233
- ht as isSlash,
234
- It as isValidDate,
235
- bt as isValidDateRange,
236
- Tt as isValidDateRangeOrder,
137
+ ro as EditingContext,
138
+ eo as EditingProvider,
139
+ po as EmblaCarousel,
140
+ fo as EmptyCartIcon,
141
+ io as FilterGroup,
142
+ no as FilterGroupItem,
143
+ wo as Finder,
144
+ so as FullViewportLayout,
145
+ co as Grid,
146
+ W as GridColumnSizeContext,
147
+ Do as Heading,
148
+ Co as Heading1,
149
+ Mo as Heading2,
150
+ So as Heading3,
151
+ Io as HorizontalDivider,
152
+ To as ICON_COLORS,
153
+ Po as Icon,
154
+ Lo as ImagePlaceholder,
155
+ Vo as Input,
156
+ Ao as InputBase,
157
+ Ho as InputGroup,
158
+ No as Label,
159
+ Fo as Link,
160
+ Uo as List,
161
+ zo as ListGroup,
162
+ Ko as LiveChatComponent,
163
+ qo as LoadingScrim,
164
+ ut as LocalStoragePrefixVersion,
165
+ Xo as LogoAgilityTopBar,
166
+ Zo as LogoDMSiTopBar,
167
+ or as LogoMillworkTopBar,
168
+ er as MainBar,
169
+ ar as MaxViewportLayout,
170
+ mr as Menu,
171
+ xr as MenuOption,
172
+ Sr as MobileDataGrid,
173
+ Tr as MobileNavMenu,
174
+ nr as Modal,
175
+ sr as ModalButtons,
176
+ dr as ModalContent,
177
+ gr as ModalHeader,
178
+ Cr as ModalScrim,
179
+ yr as NavigationTab,
180
+ Br as NavigationTabs,
181
+ wr as NestedMenu,
182
+ _e as NoResultsImg,
183
+ Ar as Notification,
184
+ Rr as OptionPill,
185
+ Hr as OrderCheckIcon,
186
+ zr as PDFViewer,
187
+ Nr as Pagination,
188
+ Fr as Paragraph,
189
+ Ur as Password,
190
+ Oo as Percentage,
191
+ Kr as ProductImagePreview,
192
+ qr as ProjectBar,
193
+ Xr as Radio,
194
+ oe as Search,
195
+ Zr as SearchResultImage,
196
+ ee as Select,
197
+ ae as SideMenu,
198
+ me as SideMenuGroup,
199
+ xe as SideMenuItem,
200
+ ne as SimpleTable,
201
+ se as SkeletonParagraph,
202
+ de as Spinner,
203
+ ge as Stack,
204
+ Ce as StatusPill,
205
+ Se as Stepper,
206
+ Ie as Subheader,
207
+ Le as Surface,
208
+ Te as Swatch,
209
+ Pe as Swatches,
210
+ Ge as Textarea,
211
+ Oe as Theme,
212
+ Ve as Time,
213
+ ve as Toast,
214
+ Ne as Tooltip,
215
+ Fe as TopBar,
216
+ We as TopBarBase,
217
+ Ro as UOM,
218
+ je as Upload,
219
+ Je as WorldpayIframe,
220
+ ct as calculateCursorPosition,
221
+ gt as countDigitsUpToCursor,
222
+ He as createToast,
223
+ lt as findDocumentRoot,
224
+ Dt as findPositionAfterDigitCount,
225
+ Gt as formatCurrencyDisplay,
226
+ Ct as formatDate,
227
+ Mt as formatDatePartsToDisplay,
228
+ Ot as formatDateWithDashes,
229
+ wt as formatDecimalValue,
230
+ St as formatInputValue,
231
+ Rt as formatInputValueWithDashes,
232
+ Vt as getDecimalPlaceholder,
233
+ ht as isDigit,
234
+ It as isSlash,
235
+ bt as isValidDate,
236
+ Tt as isValidDateRange,
237
+ Pt as isValidDateRangeOrder,
237
238
  M as isWeekend,
238
- Ht as mergeObjectArrays,
239
- Pt as parseDateParts,
240
- yt as parseInputDate,
241
- Rt as parseInputDateWithDashes,
242
- xt as useEditCell,
243
- hr as useGridContext,
244
- at as useInfiniteScroll,
245
- et as useKeydown,
246
- qe as useMatchesMedia,
247
- Qe as useMatchesMobile,
248
- Ye as useMenuPosition,
249
- ot as useMounted,
250
- Ze as useSubMenuSystem,
251
- eo as useTableEditingContext,
252
- mt as useTableLayout
239
+ kt as mergeObjectArrays,
240
+ yt as parseDateParts,
241
+ Lt as parseInputDate,
242
+ vt as parseInputDateWithDashes,
243
+ it as useEditCell,
244
+ Ir as useGridContext,
245
+ pt as useInfiniteScroll,
246
+ tt as useKeydown,
247
+ Qe as useMatchesMedia,
248
+ Xe as useMatchesMobile,
249
+ Ze as useMenuPosition,
250
+ rt as useMounted,
251
+ $e as useSubMenuSystem,
252
+ to as useTableEditingContext,
253
+ ft as useTableLayout
253
254
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
- "version": "3.0.2",
3
+ "version": "3.1.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",