@warkypublic/oranguru 0.0.43 → 0.0.44

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.
package/dist/lib.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as ye from "react";
2
- import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ge, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
3
- import { TextInput as Ve, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Gt, rem as We, Group as we, Button as re, Paper as Vt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
2
+ import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ve, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
3
+ import { TextInput as Ge, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Vt, rem as We, Group as we, Button as re, Paper as Gt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
4
4
  import { flushSync as sn } from "react-dom";
5
5
  import { createSyncStore as Ce } from "@warkypublic/zustandsyncstore";
6
6
  import { produce as H } from "immer";
@@ -56,7 +56,7 @@ function Cn() {
56
56
  return "Suspense";
57
57
  case S:
58
58
  return "SuspenseList";
59
- case N:
59
+ case L:
60
60
  return "Activity";
61
61
  }
62
62
  if (typeof h == "object")
@@ -69,7 +69,7 @@ function Cn() {
69
69
  return h.displayName || "Context";
70
70
  case R:
71
71
  return (h._context.displayName || "Context") + ".Consumer";
72
- case L:
72
+ case N:
73
73
  var b = h.render;
74
74
  return h = h.displayName, h || (h = b.displayName || b.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
75
75
  case E:
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
233
233
  function m(h) {
234
234
  return typeof h == "object" && h !== null && h.$$typeof === p;
235
235
  }
236
- var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), F = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
236
+ var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), N = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), F = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
237
237
  return null;
238
238
  };
239
239
  g = {
@@ -565,8 +565,8 @@ class Mn {
565
565
  let y, _;
566
566
  if (p !== void 0 && this.options.lanes > 1) {
567
567
  y = p;
568
- const O = c[y], L = O !== void 0 ? u[O] : void 0;
569
- _ = L ? L.end + this.options.gap : t + n;
568
+ const O = c[y], N = O !== void 0 ? u[O] : void 0;
569
+ _ = N ? N.end + this.options.gap : t + n;
570
570
  } else {
571
571
  const O = this.options.lanes === 1 ? u[m - 1] : this.getFurthestMeasurement(u, m);
572
572
  _ = O ? O.end + this.options.gap : t + n, y = O ? O.lane : m % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(m, y);
@@ -984,7 +984,7 @@ const { Provider: $n, useStore: Nn } = Ce(
984
984
  }
985
985
  ) : null;
986
986
  return /* @__PURE__ */ d.jsx(
987
- Ve,
987
+ Ge,
988
988
  {
989
989
  disabled: n,
990
990
  error: s,
@@ -1040,12 +1040,12 @@ const Ln = (r) => {
1040
1040
  onBufferChange: x,
1041
1041
  onChange: R,
1042
1042
  opened: O,
1043
- openOnClear: L,
1043
+ openOnClear: N,
1044
1044
  placeholder: w,
1045
1045
  scrollAreaProps: S,
1046
1046
  search: E,
1047
1047
  selectedOptionIndex: D,
1048
- selectFirst: N,
1048
+ selectFirst: L,
1049
1049
  setInput: M,
1050
1050
  setOpened: F,
1051
1051
  setSearch: A,
@@ -1098,8 +1098,8 @@ const Ln = (r) => {
1098
1098
  },
1099
1099
  [i, C, j, R, x, A, M, F]
1100
1100
  ), h = oe(() => {
1101
- G && N ? q(0) : (R?.(C ? [] : null), A(""), M(""), t.current?.focus()), L && F(!0);
1102
- }, [G, N, C, R, A, M, L, F, q]), b = Bt({
1101
+ G && L ? q(0) : (R?.(C ? [] : null), A(""), M(""), t.current?.focus()), N && F(!0);
1102
+ }, [G, L, C, R, A, M, N, F, q]), b = Bt({
1103
1103
  getOptionId: (v) => String(v),
1104
1104
  onDropdownClose: () => {
1105
1105
  F(!1);
@@ -1143,8 +1143,8 @@ const Ln = (r) => {
1143
1143
  s.current?.value !== v?.value && (x?.(v), s.current = v);
1144
1144
  }
1145
1145
  }, [j, i, g, E, C, O, x, M, A]), I(() => {
1146
- N && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
1147
- }, [N, i, C]), Ge(o, () => ({
1146
+ L && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
1147
+ }, [L, i, C]), Ve(o, () => ({
1148
1148
  clear: () => {
1149
1149
  h();
1150
1150
  },
@@ -1198,7 +1198,7 @@ const Ln = (r) => {
1198
1198
  p: 2,
1199
1199
  ...f,
1200
1200
  children: O && k.length > 0 ? /* @__PURE__ */ d.jsx(te.Options, { children: /* @__PURE__ */ d.jsx(
1201
- Gt.Autosize,
1201
+ Vt.Autosize,
1202
1202
  {
1203
1203
  ...S,
1204
1204
  mah: _ ?? 200,
@@ -1252,7 +1252,7 @@ const Ln = (r) => {
1252
1252
  Ot.displayName = "BoxerInner";
1253
1253
  const Bn = $.forwardRef((r, o) => /* @__PURE__ */ d.jsx($n, { ...r, children: /* @__PURE__ */ d.jsx(Ot, { ref: o }) }));
1254
1254
  Bn.displayName = "Boxer";
1255
- class Gn {
1255
+ class Vn {
1256
1256
  config = { enabled: !0 };
1257
1257
  reporters = [];
1258
1258
  sentryInstance = null;
@@ -1358,7 +1358,7 @@ class Gn {
1358
1358
  this.reporters.push(e);
1359
1359
  }
1360
1360
  }
1361
- const De = new Gn();
1361
+ const De = new Vn();
1362
1362
  class oo extends $.PureComponent {
1363
1363
  constructor(o) {
1364
1364
  super(o), this.state = {
@@ -1393,11 +1393,11 @@ class oo extends $.PureComponent {
1393
1393
  ] }) : this.props.children;
1394
1394
  }
1395
1395
  }
1396
- let Vn = {
1396
+ let Gn = {
1397
1397
  disabled: !1,
1398
1398
  onError: void 0
1399
1399
  };
1400
- const ke = () => ({ ...Vn });
1400
+ const ke = () => ({ ...Gn });
1401
1401
  class so extends $.Component {
1402
1402
  constructor(o) {
1403
1403
  super(o), this.state = {
@@ -1513,7 +1513,7 @@ class so extends $.Component {
1513
1513
  )
1514
1514
  ] }),
1515
1515
  this.state.error && /* @__PURE__ */ d.jsxs(
1516
- Vt,
1516
+ Gt,
1517
1517
  {
1518
1518
  p: "md",
1519
1519
  shadow: "xs",
@@ -1953,7 +1953,7 @@ const { Provider: qn, useStore: me } = Ce(
1953
1953
  values: y,
1954
1954
  ...g
1955
1955
  });
1956
- return Ge(
1956
+ return Ve(
1957
1957
  e,
1958
1958
  () => ({
1959
1959
  close: async () => {
@@ -2278,7 +2278,7 @@ const lo = (r) => {
2278
2278
  control: o,
2279
2279
  name: e,
2280
2280
  render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
2281
- Ve,
2281
+ Ge,
2282
2282
  {
2283
2283
  ...s,
2284
2284
  ...i,
@@ -2447,13 +2447,13 @@ function Qn() {
2447
2447
  var E = m(w);
2448
2448
  return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
2449
2449
  }
2450
- var x = !1, R, O, L = c === void 0 ? null : c;
2450
+ var x = !1, R, O, N = c === void 0 ? null : c;
2451
2451
  return [
2452
2452
  function() {
2453
2453
  return C(u());
2454
2454
  },
2455
- L === null ? void 0 : function() {
2456
- return C(L());
2455
+ N === null ? void 0 : function() {
2456
+ return C(N());
2457
2457
  }
2458
2458
  ];
2459
2459
  },
@@ -2499,13 +2499,13 @@ function Zn() {
2499
2499
  var E = m(w);
2500
2500
  return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
2501
2501
  }
2502
- var x = !1, R, O, L = c === void 0 ? null : c;
2502
+ var x = !1, R, O, N = c === void 0 ? null : c;
2503
2503
  return [
2504
2504
  function() {
2505
2505
  return C(u());
2506
2506
  },
2507
- L === null ? void 0 : function() {
2508
- return C(L());
2507
+ N === null ? void 0 : function() {
2508
+ return C(N());
2509
2509
  }
2510
2510
  ];
2511
2511
  },
@@ -3178,7 +3178,7 @@ const Rr = [
3178
3178
  }), l;
3179
3179
  });
3180
3180
  }, [s, r.column.id, r.options, r.storeState]), /* @__PURE__ */ d.jsx(
3181
- Ve,
3181
+ Ge,
3182
3182
  {
3183
3183
  onChange: (i) => n(i.target.value),
3184
3184
  rightSection: /* @__PURE__ */ d.jsx(_e, { color: "gray", onClick: () => n(""), variant: "filled", children: /* @__PURE__ */ d.jsx(qe, { color: "red" }) }),
@@ -3766,17 +3766,17 @@ function Ar(r) {
3766
3766
  e("loadingData", !1);
3767
3767
  return;
3768
3768
  }
3769
- const L = new AbortController();
3769
+ const N = new AbortController();
3770
3770
  await o("_active_requests", (S) => [
3771
3771
  ...S ?? [],
3772
- { controller: L, page: l }
3772
+ { controller: N, page: l }
3773
3773
  ]);
3774
3774
  const w = await fetch(
3775
3775
  `${r.url}?x-limit=${String(c ?? 50)}&x-offset=${String((c ?? 50) * l)}`,
3776
3776
  {
3777
3777
  headers: C,
3778
3778
  method: "GET",
3779
- signal: L?.signal
3779
+ signal: N?.signal
3780
3780
  }
3781
3781
  );
3782
3782
  if (w.ok) {
@@ -4018,7 +4018,7 @@ function Pr() {
4018
4018
  }
4019
4019
  function Dr(r, o) {
4020
4020
  const [e, t] = W((n) => [n.setStateFN, n.getState]);
4021
- return Ge(o, () => ({
4021
+ return Ve(o, () => ({
4022
4022
  getGlideRef: () => t("_glideref"),
4023
4023
  getState: t,
4024
4024
  isEmpty: () => t("isEmpty"),
@@ -4095,7 +4095,7 @@ const Mt = $.memo(() => {
4095
4095
  setStateFN: w.setStateFN,
4096
4096
  uniqueid: w.uniqueid,
4097
4097
  values: w.values
4098
- })), L = yn(
4098
+ })), N = yn(
4099
4099
  (w) => {
4100
4100
  m(0, "all").then(() => {
4101
4101
  c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
@@ -4112,7 +4112,7 @@ const Mt = $.memo(() => {
4112
4112
  );
4113
4113
  return I(() => {
4114
4114
  O && (async () => {
4115
- const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", N = [];
4115
+ const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", L = [];
4116
4116
  for (const M in O) {
4117
4117
  let F = -1;
4118
4118
  const A = String(
@@ -4127,18 +4127,18 @@ const Mt = $.memo(() => {
4127
4127
  }
4128
4128
  }
4129
4129
  if (F >= 0) {
4130
- N.push(F);
4130
+ L.push(F);
4131
4131
  break;
4132
4132
  }
4133
4133
  }
4134
4134
  if (F >= 0)
4135
- N.push(F);
4135
+ L.push(F);
4136
4136
  else {
4137
4137
  const B = await u(A);
4138
- B !== null && N.push(B);
4138
+ B !== null && L.push(B);
4139
4139
  }
4140
4140
  }
4141
- return N;
4141
+ return L;
4142
4142
  })().then((S) => {
4143
4143
  let E = ne.empty();
4144
4144
  S.forEach((D) => {
@@ -4169,7 +4169,7 @@ const Mt = $.memo(() => {
4169
4169
  o.current = "";
4170
4170
  return;
4171
4171
  }
4172
- o.current !== y && (L(y), o.current = y);
4172
+ o.current !== y && (N(y), o.current = y);
4173
4173
  }, [y]), I(() => {
4174
4174
  l && (x("_gridSelection", {
4175
4175
  columns: ne.empty(),
@@ -4214,12 +4214,14 @@ const Mt = $.memo(() => {
4214
4214
  const w = c("_events"), S = () => {
4215
4215
  const E = c("selectFirstRowOnMount");
4216
4216
  if (c("ready") && E) {
4217
- const N = c("scrollToRowKey");
4218
- if (N && N >= 0)
4217
+ const L = c("scrollToRowKey");
4218
+ if (L && L >= 0)
4219
4219
  return;
4220
4220
  const M = c("keyField") ?? "id", A = c("_page_data")?.[0]?.[0], B = A?.[M] ?? -1, G = c("values") ?? [];
4221
- if (!(O && O.length > 0) && B && B > 0 && (G.length ?? 0) === 0) {
4222
- const j = [A, ...G], J = c("onChange");
4221
+ if (!A)
4222
+ return;
4223
+ if (B && B > 0 && (G.length ?? 0) === 0) {
4224
+ const j = [A], J = c("onChange");
4223
4225
  J ? J(j) : x("values", j), x("scrollToRowKey", B);
4224
4226
  }
4225
4227
  }
@@ -4227,18 +4229,18 @@ const Mt = $.memo(() => {
4227
4229
  return w?.addEventListener("loadPage", S), () => {
4228
4230
  w?.removeEventListener("loadPage", S);
4229
4231
  };
4230
- }, [g, C]), I(() => {
4232
+ }, [g, C, O]), I(() => {
4231
4233
  const w = c("ready"), S = c("_glideref"), E = c("getRowIndexByKey"), D = _ ?? p;
4232
- D && S && w && E?.(D).then((N) => {
4233
- if (N !== void 0) {
4234
- if (console.log("Scrolling to selected row:", N, _, p), _) {
4234
+ D && S && w && E?.(D).then((L) => {
4235
+ if (L !== void 0) {
4236
+ if (_) {
4235
4237
  const M = c("onChange"), F = [{ [c("keyField") ?? "id"]: _ }];
4236
4238
  JSON.stringify(c("values")) !== JSON.stringify(F) && (M ? M(F) : x("values", F));
4237
4239
  }
4238
- S.scrollTo(0, N), c("_events").dispatchEvent(
4240
+ S.scrollTo(0, L), c("_events").dispatchEvent(
4239
4241
  new CustomEvent("scrollToRowKeyFound", {
4240
4242
  detail: {
4241
- rowNumber: N,
4243
+ rowNumber: L,
4242
4244
  scrollToRowKey: p,
4243
4245
  selectedRowKey: _
4244
4246
  }
@@ -4303,9 +4305,9 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4303
4305
  fill="${r.fgColor ?? "currentColor"}"
4304
4306
  d="M2.22 9.967L7.97 4.22l.085-.074l.058-.038l.072-.039l.105-.04l.105-.022l.052-.005L8.5 4l.057.002l.092.013l.107.03l.085.037l.054.03l.063.044l.072.064l5.75 5.747a.75.75 0 0 1-.976 1.133l-.084-.072L9.25 6.56v16.69a.75.75 0 0 1-1.493.102l-.007-.102V6.56l-4.47 4.468a.75.75 0 0 1-.976.072l-.084-.072a.75.75 0 0 1-.073-.977zM19.5 4a.75.75 0 0 1 .743.648l.007.102v16.687l4.47-4.467l.084-.073a.75.75 0 0 1 1.049 1.05l-.073.083l-5.728 5.727a.75.75 0 0 1-1.031.07l-.073-.07l-5.728-5.727l-.073-.084a.75.75 0 0 1-.007-.882l.08-.094l.084-.073a.75.75 0 0 1 .882-.007l.094.08l4.47 4.469V4.75l.007-.102A.75.75 0 0 1 19.5 4"
4305
4307
  ></path>
4306
- </svg>`, Br = "_container_1nbyf_1", Gr = {
4308
+ </svg>`, Br = "_container_1nbyf_1", Vr = {
4307
4309
  container: Br
4308
- }, Vr = (r) => (o) => o % 2 === 0 ? void 0 : {
4310
+ }, Gr = (r) => (o) => o % 2 === 0 ? void 0 : {
4309
4311
  bgCell: r === "dark" ? "#303030" : "#e1effc"
4310
4312
  }, qr = () => {
4311
4313
  const r = nn(), { colorScheme: o } = rn(), { enableOddEvenRowColor: e, focused: t } = W((c) => ({
@@ -4347,7 +4349,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4347
4349
  }, [l, f] = se(a);
4348
4350
  return I(() => {
4349
4351
  f(a);
4350
- }, [o, t]), { getRowThemeOverride: (c) => e ? Vr(o)(c) : void 0, gridTheme: l };
4352
+ }, [o, t]), { getRowThemeOverride: (c) => e ? Gr(o)(c) : void 0, gridTheme: l };
4351
4353
  }, Hr = () => {
4352
4354
  const r = $.useRef(null), o = $.useRef(!1), { height: e, ref: t, width: n } = wn({ box: "content-box" }), {
4353
4355
  _gridSelection: s,
@@ -4366,12 +4368,12 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4366
4368
  onCellEdited: x,
4367
4369
  onColumnMoved: R,
4368
4370
  onColumnProposeMove: O,
4369
- onColumnResize: L,
4371
+ onColumnResize: N,
4370
4372
  onContextClick: w,
4371
4373
  onHeaderClicked: S,
4372
4374
  onHeaderMenuClick: E,
4373
4375
  onItemHovered: D,
4374
- onVisibleRegionChanged: N,
4376
+ onVisibleRegionChanged: L,
4375
4377
  renderColumns: M,
4376
4378
  rowHeight: F,
4377
4379
  sections: A,
@@ -4429,7 +4431,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4429
4431
  /* @__PURE__ */ d.jsxs(
4430
4432
  "div",
4431
4433
  {
4432
- className: Gr.container,
4434
+ className: Vr.container,
4433
4435
  "data-focused": a,
4434
4436
  onContextMenu: (h) => {
4435
4437
  h.preventDefault(), o.current || (o.current = !0, w("other", h), setTimeout(() => {
@@ -4485,7 +4487,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4485
4487
  onCellEdited: x,
4486
4488
  onColumnMoved: R,
4487
4489
  onColumnProposeMove: O,
4488
- onColumnResize: L,
4490
+ onColumnResize: N,
4489
4491
  onGridSelectionChange: (h) => {
4490
4492
  let b = ne.empty();
4491
4493
  const k = u("_gridSelection"), v = u("keyField") ?? "id", z = u("getRowBuffer");
@@ -4507,7 +4509,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
4507
4509
  },
4508
4510
  onHeaderMenuClick: E,
4509
4511
  onItemHovered: D,
4510
- onVisibleRegionChanged: N,
4512
+ onVisibleRegionChanged: L,
4511
4513
  ref: Z,
4512
4514
  rightElement: A?.rightElementDisabled ? void 0 : /* @__PURE__ */ d.jsxs(we, { children: [
4513
4515
  A?.rightElementStart,