@dmsi/wedgekit-react 3.1.0 → 3.1.1

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 (3) hide show
  1. package/dist/components/DataGridCell.d.ts.map +1 -1
  2. package/dist/components/DataGridCell.js +124 -110
  3. package/package.json +1 -1
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,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"}
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,2CA2BpB;yBAlCe,aAAa"}
package/dist/components/DataGridCell.js CHANGED
@@ -1,59 +1,59 @@
1
1
  "use client";
2
- import { jsx as r, jsxs as N, Fragment as ee } from "react/jsx-runtime";
2
+ import { jsx as r, jsxs as N, Fragment as te } from "react/jsx-runtime";
3
3
  import { useSortable as J } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
4
4
  import { CSS as Q } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
5
- import { clsx as v } from "../node_modules/clsx/dist/clsx.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";
5
+ import { clsx as C } from "../node_modules/clsx/dist/clsx.js";
6
+ import { createContext as oe, memo as re, useRef as B, useState as A, useContext as X, useEffect as _ } from "react";
7
+ import { componentPadding as ie, paddingUsingComponentGap as le } from "../classNames.js";
8
8
  import { MenuOption as m } from "./MenuOption.js";
9
9
  import { Menu as V } from "./Menu.js";
10
10
  import { Icon as j } from "./Icon.js";
11
- import { Search as le } from "./Search.js";
12
- import { useSubMenuSystem as se } from "../hooks/useMenuSystem.js";
13
- const ae = ne(null), K = te(
11
+ import { Search as se } from "./Search.js";
12
+ import { useSubMenuSystem as ce } from "../hooks/useMenuSystem.js";
13
+ const Y = oe(null), K = re(
14
14
  ({
15
15
  id: e,
16
- type: d = "default",
16
+ type: u = "default",
17
17
  component: o = "static",
18
- children: u,
18
+ children: d,
19
19
  className: t,
20
20
  locked: n = !1,
21
21
  noPadding: f = !1,
22
- paddedLeft: M = !1,
23
- style: C,
22
+ paddedLeft: h = !1,
23
+ style: w,
24
24
  onClick: g,
25
- onRightClick: w,
25
+ onRightClick: x,
26
26
  error: p,
27
27
  warning: F,
28
28
  pending: G,
29
29
  center: I,
30
- width: h,
31
- minWidth: x,
30
+ width: b,
31
+ minWidth: S,
32
32
  disabled: T,
33
33
  isLast: H,
34
34
  testid: O,
35
35
  ...L
36
36
  }) => {
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);
37
+ const E = u === "header" ? "th" : "td", a = B(null), [R, y] = A(!1), [W, $] = A(!1), z = X(Y), D = b ?? (z != null ? `${z}px` : void 0), U = S ?? (b == null ? D : void 0);
38
38
  _(() => () => {
39
- c.current && (clearTimeout(c.current), c.current = null);
39
+ a.current && (clearTimeout(a.current), a.current = null);
40
40
  }, []);
41
- const D = (k) => {
42
- S(!0), c.current = window.setTimeout(() => {
41
+ const P = (M) => {
42
+ $(!0), a.current = window.setTimeout(() => {
43
43
  y(!0);
44
44
  }, 500);
45
- }, P = (k) => {
46
- c.current && (clearTimeout(c.current), c.current = null);
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);
45
+ }, k = (M) => {
46
+ a.current && (clearTimeout(a.current), a.current = null);
47
+ const q = M.nativeEvent instanceof MouseEvent && M.nativeEvent.button === 2;
48
+ !R && g && !q && W && g(M), q && x && x(), y(!1), $(!1);
49
49
  }, l = () => {
50
- c.current && (clearTimeout(c.current), c.current = null);
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(
50
+ a.current && (clearTimeout(a.current), a.current = null);
51
+ }, c = u === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", s = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", i = u === "header" && o !== "button" && o !== "icon" && !H && C("border-r"), v = o === "button" && C("border-r border-b border-border-primary-normal"), ee = o === "icon" && C("border-l"), ne = C(
52
52
  i,
53
- b,
54
- a,
53
+ v,
54
+ c,
55
55
  s,
56
- Y,
56
+ ee,
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",
@@ -64,8 +64,8 @@ const ae = ne(null), K = te(
64
64
  o === "input" && !p && !F && G && "[&:not(:focus-within)]:border-background-warning-normal",
65
65
  o === "input" && p && "border-border-primary-error",
66
66
  o === "input" && F && "border-background-warning-normal",
67
- !["button", "icon"].includes(o) && !f && re,
68
- M && "pl-2",
67
+ !["button", "icon"].includes(o) && !f && ie,
68
+ h && "pl-2",
69
69
  o === "icon" && "border-l",
70
70
  R && "!cursor-grabbing",
71
71
  o === "checkbox" || I && "justify-center",
@@ -76,25 +76,25 @@ const ae = ne(null), K = te(
76
76
  {
77
77
  id: e,
78
78
  "data-testid": O,
79
- className: v("flex h-10", !$ && "flex-1"),
80
- style: { width: $, minWidth: U },
79
+ className: C("flex h-10", !D && "flex-1"),
80
+ style: { width: D, minWidth: U },
81
81
  ...L,
82
- "data-theme": d === "header" && !n ? "brand" : void 0,
82
+ "data-theme": u === "header" && !n ? "brand" : void 0,
83
83
  children: /* @__PURE__ */ r(
84
84
  "div",
85
85
  {
86
- className: Z,
86
+ className: ne,
87
87
  style: {
88
- ...C
88
+ ...w
89
89
  },
90
- onMouseDown: D,
91
- onMouseUp: P,
90
+ onMouseDown: P,
91
+ onMouseUp: k,
92
92
  onMouseLeave: l,
93
- onTouchStart: D,
94
- onTouchEnd: P,
93
+ onTouchStart: P,
94
+ onTouchEnd: k,
95
95
  onTouchCancel: l,
96
- onContextMenu: (k) => k.preventDefault(),
97
- children: u
96
+ onContextMenu: (M) => M.preventDefault(),
97
+ children: d
98
98
  }
99
99
  )
100
100
  }
@@ -102,30 +102,30 @@ const ae = ne(null), K = te(
102
102
  }
103
103
  );
104
104
  K.displayName = "DataGridCell";
105
- function X({
105
+ function Z({
106
106
  header: e,
107
- children: d,
107
+ children: u,
108
108
  setNodeRef: o,
109
- node: u,
109
+ node: d,
110
110
  id: t,
111
111
  testid: n,
112
112
  useMenuDefaultMinWidth: f,
113
- allowUserGrouping: M,
114
- ...C
113
+ allowUserGrouping: h,
114
+ ...w
115
115
  }) {
116
- const [g, w] = A(!1), [p, F] = A(
116
+ const [g, x] = A(!1), [p, F] = A(
117
117
  e.column.getFilterValue() ?? ""
118
- ), G = B(null), I = B(!1), { column: h, getContext: x } = e, { id: T, setFilterValue: H } = h, {
118
+ ), G = B(null), I = B(!1), { column: b, getContext: S } = e, { id: T, setFilterValue: H } = b, {
119
119
  menuRootRef: O,
120
120
  isMenuActive: L,
121
121
  registerSubMenu: E,
122
- listeners: c,
122
+ listeners: a,
123
123
  mobileHide: R
124
- } = se(u || G);
124
+ } = ce(d || G);
125
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]), _(() => {
126
+ const l = S().table.options.initialState?.columnPinning, c = l?.left ?? [], s = l?.right ?? [];
127
+ I.current = [...c, ...s].includes(T);
128
+ }, [T, S]), _(() => {
129
129
  const l = setTimeout(() => {
130
130
  H(p);
131
131
  }, 500);
@@ -133,13 +133,13 @@ function X({
133
133
  clearTimeout(l);
134
134
  };
135
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
- if (s === -1 || i < 0 || i >= a.length)
140
- return a;
141
- const b = [...a];
142
- return [b[s], b[i]] = [b[i], b[s]], b;
136
+ const y = !!h && b.getCanGroup(), W = b.getIsGrouped(), $ = b.getGroupedIndex(), z = S().table.getState().grouping.length, D = (l) => {
137
+ S().table.setGrouping((c) => {
138
+ const s = c.indexOf(T), i = s + l;
139
+ if (s === -1 || i < 0 || i >= c.length)
140
+ return c;
141
+ const v = [...c];
142
+ return [v[s], v[i]] = [v[i], v[s]], v;
143
143
  });
144
144
  }, U = {
145
145
  position: "relative",
@@ -148,7 +148,7 @@ function X({
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
- ...C.style
151
+ ...w.style
152
152
  };
153
153
  return /* @__PURE__ */ N(
154
154
  K,
@@ -161,17 +161,17 @@ function X({
161
161
  style: U,
162
162
  minWidth: `${e.column.getSize()}px`,
163
163
  onClick: e.column.getToggleSortingHandler(),
164
- onRightClick: () => w(!g),
165
- ...C,
164
+ onRightClick: () => x(!g),
165
+ ...w,
166
166
  children: [
167
- d,
167
+ u,
168
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 ${S + 1})`,
174
+ title: `Grouped (level ${$ + 1})`,
175
175
  "data-testid": n ? `${n}-grouped-indicator` : void 0
176
176
  }
177
177
  ),
@@ -181,9 +181,9 @@ function X({
181
181
  id: t ? `${t}-menu` : void 0,
182
182
  testid: n ? `${n}-menu` : void 0,
183
183
  ref: O,
184
- positionTo: u || G,
184
+ positionTo: d || G,
185
185
  show: g,
186
- setShow: w,
186
+ setShow: x,
187
187
  mobileHide: R,
188
188
  useDefaultMinWidth: f,
189
189
  children: [
@@ -192,21 +192,21 @@ function X({
192
192
  {
193
193
  id: t ? `${t}-filter-option` : void 0,
194
194
  testid: n ? `${n}-filter-option` : void 0,
195
- ...c,
196
- subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
195
+ ...a,
196
+ subMenu: ({ menuId: l, subMenuLevel: c, ...s }) => /* @__PURE__ */ N(
197
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: L(l, a),
202
+ show: L(l, c),
203
203
  ref: (i) => {
204
204
  E(l, i);
205
205
  },
206
206
  useDefaultMinWidth: f,
207
207
  children: [
208
- /* @__PURE__ */ r("div", { className: v(ie), children: /* @__PURE__ */ r(
209
- le,
208
+ /* @__PURE__ */ r("div", { className: C(le), children: /* @__PURE__ */ r(
209
+ se,
210
210
  {
211
211
  id: t ? `${t}-filter-search` : void 0,
212
212
  testid: n ? `${n}-filter-search` : void 0,
@@ -224,8 +224,8 @@ function X({
224
224
  {
225
225
  id: t ? `${t}-filter-contains` : void 0,
226
226
  testid: n ? `${n}-filter-contains` : void 0,
227
- onClick: P,
228
- before: D("includesString"),
227
+ onClick: k,
228
+ before: P("includesString"),
229
229
  children: "Contains"
230
230
  }
231
231
  ),
@@ -234,8 +234,8 @@ function X({
234
234
  {
235
235
  id: t ? `${t}-filter-startswith` : void 0,
236
236
  testid: n ? `${n}-filter-startswith` : void 0,
237
- onClick: P,
238
- before: D("startsWith"),
237
+ onClick: k,
238
+ before: P("startsWith"),
239
239
  children: "Starts with"
240
240
  }
241
241
  ),
@@ -244,8 +244,8 @@ function X({
244
244
  {
245
245
  id: t ? `${t}-filter-endswith` : void 0,
246
246
  testid: n ? `${n}-filter-endswith` : void 0,
247
- onClick: P,
248
- before: D("endsWith"),
247
+ onClick: k,
248
+ before: P("endsWith"),
249
249
  children: "Ends with"
250
250
  }
251
251
  )
@@ -259,14 +259,14 @@ function X({
259
259
  m,
260
260
  {
261
261
  onClick: () => {
262
- w(!g);
262
+ x(!g);
263
263
  },
264
- ...c,
265
- subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
264
+ ...a,
265
+ subMenu: ({ menuId: l, subMenuLevel: c, ...s }) => /* @__PURE__ */ N(
266
266
  V,
267
267
  {
268
268
  ...s,
269
- show: L(l, a),
269
+ show: L(l, c),
270
270
  ref: (i) => {
271
271
  E(l, i);
272
272
  },
@@ -308,14 +308,14 @@ function X({
308
308
  children: W ? "Remove group" : `Group by [${e.column.columnDef.header}]`
309
309
  }
310
310
  ),
311
- y && W && z > 1 && /* @__PURE__ */ N(ee, { children: [
311
+ y && W && z > 1 && /* @__PURE__ */ N(te, { children: [
312
312
  /* @__PURE__ */ r(
313
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: S === 0,
318
- onClick: () => $(-1),
317
+ disabled: $ === 0,
318
+ onClick: () => D(-1),
319
319
  children: "Move up"
320
320
  }
321
321
  ),
@@ -324,8 +324,8 @@ function X({
324
324
  {
325
325
  id: t ? `${t}-group-move-down` : void 0,
326
326
  testid: n ? `${n}-group-move-down` : void 0,
327
- disabled: S === z - 1,
328
- onClick: () => $(1),
327
+ disabled: $ === z - 1,
328
+ onClick: () => D(1),
329
329
  children: "Move down"
330
330
  }
331
331
  )
@@ -336,35 +336,35 @@ function X({
336
336
  ]
337
337
  }
338
338
  );
339
- function D(l) {
339
+ function P(l) {
340
340
  return /* @__PURE__ */ r(
341
341
  j,
342
342
  {
343
343
  name: "check",
344
- className: v(
344
+ className: C(
345
345
  e.column.columnDef.filterFn !== l && "text-transparent"
346
346
  )
347
347
  }
348
348
  );
349
349
  }
350
- function P(l, a) {
350
+ function k(l, c) {
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(p);
353
+ c?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), c?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), c?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(p);
354
354
  }
355
355
  }
356
- X.displayName = "DataCellHeader";
357
- function ce({
356
+ Z.displayName = "DataCellHeader";
357
+ function ae({
358
358
  header: e,
359
- children: d,
359
+ children: u,
360
360
  ...o
361
361
  }) {
362
- const { attributes: u, isDragging: t, listeners: n, setNodeRef: f, transform: M, node: C } = J({
362
+ const { attributes: d, isDragging: t, listeners: n, setNodeRef: f, transform: h, node: w } = J({
363
363
  id: e.column.id
364
364
  }), g = {
365
365
  opacity: t ? 0.8 : 1,
366
366
  position: "relative",
367
- transform: Q.Translate.toString(M),
367
+ transform: Q.Translate.toString(h),
368
368
  transition: "width transform 0.2s ease-in-out",
369
369
  whiteSpace: "nowrap",
370
370
  zIndex: t ? 1 : 0,
@@ -373,41 +373,55 @@ function ce({
373
373
  userSelect: "none"
374
374
  };
375
375
  return /* @__PURE__ */ r(
376
- X,
376
+ Z,
377
377
  {
378
378
  header: e,
379
379
  setNodeRef: f,
380
- node: C,
380
+ node: w,
381
381
  style: g,
382
382
  ...o,
383
- ...u,
383
+ ...d,
384
384
  ...n,
385
- children: d
385
+ children: u
386
386
  }
387
387
  );
388
388
  }
389
- ce.displayName = "DraggableCellHeader";
389
+ ae.displayName = "DraggableCellHeader";
390
390
  function ue({
391
391
  cell: e,
392
- children: d,
392
+ children: u,
393
393
  ...o
394
394
  }) {
395
- const { isDragging: u, setNodeRef: t, transform: n } = J({
395
+ const d = X(Y), { isDragging: t, setNodeRef: n, transform: f } = J({
396
396
  id: e.column.id
397
- }), f = {
398
- opacity: u ? 0.8 : 1,
397
+ }), h = {
398
+ opacity: t ? 0.8 : 1,
399
399
  position: "relative",
400
- transform: Q.Translate.toString(n),
400
+ transform: Q.Translate.toString(f),
401
401
  transition: "width transform 0.2s ease-in-out",
402
- zIndex: u ? 1 : 0
402
+ zIndex: t ? 1 : 0
403
403
  };
404
- return /* @__PURE__ */ r(K, { style: f, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
404
+ return (
405
+ // Inside a custom cell the grid provides the live column size and DataGridCell
406
+ // resolves it itself. A width computed here would be reused along with this
407
+ // element whenever a consumer memoizes its cell, and go stale on resize.
408
+ /* @__PURE__ */ r(
409
+ K,
410
+ {
411
+ style: h,
412
+ ref: n,
413
+ width: d == null ? `${e.column.getSize()}px` : void 0,
414
+ ...o,
415
+ children: u
416
+ }
417
+ )
418
+ );
405
419
  }
406
420
  ue.displayName = "DragAlongCell";
407
421
  export {
408
- X as DataCellHeader,
422
+ Z as DataCellHeader,
409
423
  K as DataGridCell,
410
424
  ue as DragAlongCell,
411
- ce as DraggableCellHeader,
412
- ae as GridColumnSizeContext
425
+ ae as DraggableCellHeader,
426
+ Y as GridColumnSizeContext
413
427
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",