@dmsi/wedgekit-react 0.0.561 → 0.0.562

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 (39) hide show
  1. package/dist/chunk-6MGHIYMP.js +42 -0
  2. package/dist/components/CalendarRange.cjs +58 -49
  3. package/dist/components/CalendarRange.js +3 -2
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +26 -17
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -2
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +36 -27
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -2
  8. package/dist/components/DataGrid/PinnedColumns.cjs +48 -39
  9. package/dist/components/DataGrid/PinnedColumns.js +3 -2
  10. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +27 -18
  11. package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -2
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -21
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -2
  14. package/dist/components/DataGrid/TableBody/index.cjs +43 -34
  15. package/dist/components/DataGrid/TableBody/index.js +3 -2
  16. package/dist/components/DataGrid/index.cjs +123 -114
  17. package/dist/components/DataGrid/index.js +3 -2
  18. package/dist/components/DataGrid/utils.cjs +25 -16
  19. package/dist/components/DataGrid/utils.js +3 -2
  20. package/dist/components/DateInput.cjs +77 -68
  21. package/dist/components/DateInput.js +3 -2
  22. package/dist/components/DateRangeInput.cjs +77 -68
  23. package/dist/components/DateRangeInput.js +3 -2
  24. package/dist/components/EditingContext.cjs +8 -2
  25. package/dist/components/EditingContext.js +7 -32
  26. package/dist/components/MobileDataGrid/ColumnList.js +1 -1
  27. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +34 -25
  28. package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -2
  29. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
  30. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +42 -33
  31. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -2
  32. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
  33. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
  34. package/dist/components/MobileDataGrid/index.cjs +136 -127
  35. package/dist/components/MobileDataGrid/index.js +3 -2
  36. package/dist/components/index.cjs +46 -31
  37. package/dist/components/index.js +7 -3
  38. package/package.json +1 -1
  39. /package/dist/{chunk-LKFYNRJZ.js → chunk-3JQPFWKR.js} +0 -0
@@ -0,0 +1,42 @@
1
+ import {
2
+ __spreadProps,
3
+ __spreadValues
4
+ } from "./chunk-ORMEWXMH.js";
5
+
6
+ // src/components/EditingContext.tsx
7
+ import { createContext, useContext, useState } from "react";
8
+ import { jsx } from "react/jsx-runtime";
9
+ var EditingContext = createContext({
10
+ data: [],
11
+ setData: () => {
12
+ }
13
+ });
14
+ var EditingProvider = ({
15
+ data,
16
+ children
17
+ }) => {
18
+ const [actual, setData] = useState(data);
19
+ const context = {
20
+ data: actual,
21
+ setData: (row, key, value) => {
22
+ setData((prev) => {
23
+ const newData = [...prev];
24
+ newData[row] = __spreadProps(__spreadValues({}, newData[row]), {
25
+ [key]: value
26
+ });
27
+ return newData;
28
+ });
29
+ }
30
+ };
31
+ return /* @__PURE__ */ jsx(EditingContext, { value: context, children });
32
+ };
33
+ var useTableEditingContext = () => {
34
+ const context = useContext(EditingContext);
35
+ return context;
36
+ };
37
+
38
+ export {
39
+ EditingContext,
40
+ EditingProvider,
41
+ useTableEditingContext
42
+ };
@@ -242,7 +242,7 @@ function Icon(_a) {
242
242
  }
243
243
 
244
244
  // src/components/CalendarRange.tsx
245
- var import_react38 = __toESM(require("react"), 1);
245
+ var import_react39 = __toESM(require("react"), 1);
246
246
  var import_polyfill = require("@js-temporal/polyfill");
247
247
 
248
248
  // src/components/DataGridCell.tsx
@@ -5396,12 +5396,21 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
5396
5396
  // src/components/OrderCheckIcon.tsx
5397
5397
  var import_jsx_runtime61 = require("react/jsx-runtime");
5398
5398
 
5399
+ // src/components/EditingContext.tsx
5400
+ var import_react37 = require("react");
5401
+ var import_jsx_runtime62 = require("react/jsx-runtime");
5402
+ var EditingContext = (0, import_react37.createContext)({
5403
+ data: [],
5404
+ setData: () => {
5405
+ }
5406
+ });
5407
+
5399
5408
  // src/components/AccessCard.tsx
5400
5409
  var import_clsx40 = __toESM(require("clsx"), 1);
5401
5410
 
5402
5411
  // src/components/Radio.tsx
5403
5412
  var import_clsx39 = __toESM(require("clsx"), 1);
5404
- var import_jsx_runtime62 = require("react/jsx-runtime");
5413
+ var import_jsx_runtime63 = require("react/jsx-runtime");
5405
5414
  var Radio = (_a) => {
5406
5415
  var _b = _a, {
5407
5416
  className,
@@ -5436,7 +5445,7 @@ var Radio = (_a) => {
5436
5445
  const readonlyClassName = (0, import_clsx39.default)(
5437
5446
  readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
5438
5447
  );
5439
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5448
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5440
5449
  "label",
5441
5450
  {
5442
5451
  htmlFor: radioId,
@@ -5448,8 +5457,8 @@ var Radio = (_a) => {
5448
5457
  className
5449
5458
  ),
5450
5459
  children: [
5451
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
5452
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5460
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
5461
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5453
5462
  "input",
5454
5463
  __spreadValues({
5455
5464
  id: radioId,
@@ -5461,7 +5470,7 @@ var Radio = (_a) => {
5461
5470
  readOnly
5462
5471
  }, props)
5463
5472
  ),
5464
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5473
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5465
5474
  "div",
5466
5475
  {
5467
5476
  className: (0, import_clsx39.default)(
@@ -5472,7 +5481,7 @@ var Radio = (_a) => {
5472
5481
  disabledClassName,
5473
5482
  readonlyClassName
5474
5483
  ),
5475
- children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5484
+ children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5476
5485
  RadioIcon,
5477
5486
  {
5478
5487
  className: (0, import_clsx39.default)(
@@ -5487,14 +5496,14 @@ var Radio = (_a) => {
5487
5496
  }
5488
5497
  )
5489
5498
  ] }),
5490
- label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5499
+ label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5491
5500
  ]
5492
5501
  }
5493
5502
  );
5494
5503
  };
5495
5504
  Radio.displayName = "Radio";
5496
5505
  var RadioIcon = ({ className }) => {
5497
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5506
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5498
5507
  "svg",
5499
5508
  {
5500
5509
  className,
@@ -5504,7 +5513,7 @@ var RadioIcon = ({ className }) => {
5504
5513
  viewBox: "0 0 24 24",
5505
5514
  fill: "none",
5506
5515
  children: [
5507
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5516
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5508
5517
  "rect",
5509
5518
  {
5510
5519
  x: "1",
@@ -5516,7 +5525,7 @@ var RadioIcon = ({ className }) => {
5516
5525
  strokeWidth: "2"
5517
5526
  }
5518
5527
  ),
5519
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5528
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5520
5529
  ]
5521
5530
  }
5522
5531
  );
@@ -5524,15 +5533,15 @@ var RadioIcon = ({ className }) => {
5524
5533
  RadioIcon.displayName = "RadioIcon";
5525
5534
 
5526
5535
  // src/components/AccessCard.tsx
5527
- var import_jsx_runtime63 = require("react/jsx-runtime");
5536
+ var import_jsx_runtime64 = require("react/jsx-runtime");
5528
5537
 
5529
5538
  // src/components/AccessCardGroup.tsx
5530
5539
  var import_clsx41 = __toESM(require("clsx"), 1);
5531
- var import_react37 = require("react");
5532
- var import_jsx_runtime64 = require("react/jsx-runtime");
5540
+ var import_react38 = require("react");
5541
+ var import_jsx_runtime65 = require("react/jsx-runtime");
5533
5542
 
5534
5543
  // src/components/CalendarRange.tsx
5535
- var import_jsx_runtime65 = require("react/jsx-runtime");
5544
+ var import_jsx_runtime66 = require("react/jsx-runtime");
5536
5545
  function isWeekend(date) {
5537
5546
  return date.dayOfWeek === 6 || date.dayOfWeek === 7;
5538
5547
  }
@@ -5570,7 +5579,7 @@ function DateCell(_a) {
5570
5579
  "id",
5571
5580
  "testid"
5572
5581
  ]);
5573
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5582
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5574
5583
  "span",
5575
5584
  __spreadProps(__spreadValues({}, props), {
5576
5585
  id,
@@ -5646,20 +5655,20 @@ function CalendarRange({
5646
5655
  const fromDate = parseDate(from);
5647
5656
  const toDate = parseDate(to);
5648
5657
  const today = import_polyfill.Temporal.Now.plainDateISO();
5649
- const [baseMonth, setBaseMonth] = (0, import_react38.useState)(
5658
+ const [baseMonth, setBaseMonth] = (0, import_react39.useState)(
5650
5659
  fromDate != null ? fromDate : today.with({ day: 1 })
5651
5660
  );
5652
- const [selecting, setSelecting] = (0, import_react38.useState)("from");
5653
- const [pendingFrom, setPendingFrom] = (0, import_react38.useState)(void 0);
5654
- const [hoveredDate, setHoveredDate] = (0, import_react38.useState)(void 0);
5655
- (0, import_react38.useEffect)(() => {
5661
+ const [selecting, setSelecting] = (0, import_react39.useState)("from");
5662
+ const [pendingFrom, setPendingFrom] = (0, import_react39.useState)(void 0);
5663
+ const [hoveredDate, setHoveredDate] = (0, import_react39.useState)(void 0);
5664
+ (0, import_react39.useEffect)(() => {
5656
5665
  if (fromDate) {
5657
5666
  setBaseMonth(fromDate.with({ day: 1 }));
5658
5667
  } else if (toDate) {
5659
5668
  setBaseMonth(toDate.with({ day: 1 }));
5660
5669
  }
5661
5670
  }, [from, to]);
5662
- (0, import_react38.useEffect)(() => {
5671
+ (0, import_react39.useEffect)(() => {
5663
5672
  if (fromDate && toDate) {
5664
5673
  setSelecting("from");
5665
5674
  setPendingFrom(void 0);
@@ -5726,7 +5735,7 @@ function CalendarRange({
5726
5735
  }
5727
5736
  return false;
5728
5737
  }
5729
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5738
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5730
5739
  "div",
5731
5740
  {
5732
5741
  id,
@@ -5739,7 +5748,7 @@ function CalendarRange({
5739
5748
  // baseTransition,
5740
5749
  "overflow-hidden"
5741
5750
  ),
5742
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5751
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5743
5752
  "div",
5744
5753
  {
5745
5754
  className: (0, import_clsx42.default)(
@@ -5747,7 +5756,7 @@ function CalendarRange({
5747
5756
  layoutGap
5748
5757
  ),
5749
5758
  children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
5750
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5759
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5751
5760
  CalendarPane,
5752
5761
  {
5753
5762
  getMonthData,
@@ -5805,20 +5814,20 @@ function CalendarPane({
5805
5814
  const years = Array.from({ length: 100 }).map(
5806
5815
  (_, i) => baseMonth.year - 50 + i
5807
5816
  );
5808
- const [monthMenuOpen, setMonthMenuOpen] = (0, import_react38.useState)(false);
5809
- const [yearMenuOpen, setYearMenuOpen] = (0, import_react38.useState)(false);
5810
- const monthMenuRef = (0, import_react38.useRef)(null);
5811
- const yearMenuRef = (0, import_react38.useRef)(null);
5817
+ const [monthMenuOpen, setMonthMenuOpen] = (0, import_react39.useState)(false);
5818
+ const [yearMenuOpen, setYearMenuOpen] = (0, import_react39.useState)(false);
5819
+ const monthMenuRef = (0, import_react39.useRef)(null);
5820
+ const yearMenuRef = (0, import_react39.useRef)(null);
5812
5821
  const month = getMonthData(offset);
5813
5822
  const totalCells = 42;
5814
5823
  const emptyCells = month.firstDayOffset;
5815
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react38.default.Fragment, { children: [
5816
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5824
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react39.default.Fragment, { children: [
5825
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5817
5826
  "div",
5818
5827
  {
5819
5828
  className: (0, import_clsx42.default)("flex flex-col"),
5820
5829
  children: [
5821
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
5830
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
5822
5831
  "div",
5823
5832
  {
5824
5833
  className: (0, import_clsx42.default)(
@@ -5827,7 +5836,7 @@ function CalendarPane({
5827
5836
  "text-text-action-primary-normal"
5828
5837
  ),
5829
5838
  children: [
5830
- idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5839
+ idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5831
5840
  "button",
5832
5841
  {
5833
5842
  id: id ? `${id}-prev-month-button` : void 0,
@@ -5839,11 +5848,11 @@ function CalendarPane({
5839
5848
  ),
5840
5849
  "aria-label": "Previous month",
5841
5850
  onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
5842
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "chevron_left", size: 24 })
5851
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
5843
5852
  }
5844
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "mr-1") }),
5845
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5846
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5853
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "mr-1") }),
5854
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
5855
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5847
5856
  "button",
5848
5857
  {
5849
5858
  ref: (el) => {
@@ -5858,13 +5867,13 @@ function CalendarPane({
5858
5867
  children: month.name
5859
5868
  }
5860
5869
  ),
5861
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5870
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5862
5871
  Menu,
5863
5872
  {
5864
5873
  show: monthMenuOpen,
5865
5874
  positionTo: monthMenuRef,
5866
5875
  setShow: () => setMonthMenuOpen(false),
5867
- children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5876
+ children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5868
5877
  MenuOption,
5869
5878
  {
5870
5879
  selected: baseMonth.month === x + 1,
@@ -5878,7 +5887,7 @@ function CalendarPane({
5878
5887
  ))
5879
5888
  }
5880
5889
  ),
5881
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5890
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5882
5891
  "button",
5883
5892
  {
5884
5893
  ref: (el) => {
@@ -5893,13 +5902,13 @@ function CalendarPane({
5893
5902
  children: month.year
5894
5903
  }
5895
5904
  ),
5896
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5905
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5897
5906
  Menu,
5898
5907
  {
5899
5908
  show: yearMenuOpen,
5900
5909
  positionTo: yearMenuRef,
5901
5910
  setShow: () => setYearMenuOpen(false),
5902
- children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5911
+ children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5903
5912
  MenuOption,
5904
5913
  {
5905
5914
  selected: baseMonth.year === y,
@@ -5914,7 +5923,7 @@ function CalendarPane({
5914
5923
  }
5915
5924
  )
5916
5925
  ] }),
5917
- (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5926
+ (mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5918
5927
  "button",
5919
5928
  {
5920
5929
  id: id ? `${id}-next-month-button` : void 0,
@@ -5926,13 +5935,13 @@ function CalendarPane({
5926
5935
  ),
5927
5936
  "aria-label": "Next month",
5928
5937
  onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
5929
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "chevron_right", size: 24 })
5938
+ children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
5930
5939
  }
5931
- ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "ml-1") })
5940
+ ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx42.default)(componentPadding, "ml-1") })
5932
5941
  ]
5933
5942
  }
5934
5943
  ),
5935
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5944
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5936
5945
  "span",
5937
5946
  {
5938
5947
  className: (0, import_clsx42.default)(
@@ -5944,7 +5953,7 @@ function CalendarPane({
5944
5953
  },
5945
5954
  d
5946
5955
  )) }),
5947
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5956
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx42.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
5948
5957
  const day = i - emptyCells + 1;
5949
5958
  const date = month.date.with({ day: 1 }).add({
5950
5959
  days: i - emptyCells
@@ -5958,7 +5967,7 @@ function CalendarPane({
5958
5967
  const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
5959
5968
  const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
5960
5969
  const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
5961
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5970
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5962
5971
  DateCell,
5963
5972
  {
5964
5973
  id: id ? `${id}-date-${date.toString()}` : void 0,
@@ -5983,7 +5992,7 @@ function CalendarPane({
5983
5992
  ]
5984
5993
  }
5985
5994
  ),
5986
- mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5995
+ mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5987
5996
  "div",
5988
5997
  {
5989
5998
  className: (0, import_clsx42.default)(
@@ -2,7 +2,7 @@ import {
2
2
  CalendarRange,
3
3
  CalendarRange_default,
4
4
  isWeekend
5
- } from "../chunk-LKFYNRJZ.js";
5
+ } from "../chunk-3JQPFWKR.js";
6
6
  import "../chunk-CJ7V4X6B.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-7ZCXZDJD.js";
@@ -16,8 +16,8 @@ import "../chunk-2IKT6IHB.js";
16
16
  import "../chunk-RZ5EIDX4.js";
17
17
  import "../chunk-AGHBLWDZ.js";
18
18
  import "../chunk-5IFPG6TS.js";
19
- import "../chunk-M4FM3B3R.js";
20
19
  import "../chunk-AJ5M6MVX.js";
20
+ import "../chunk-M4FM3B3R.js";
21
21
  import "../chunk-AT4AWD6B.js";
22
22
  import "../chunk-EWGHVZL5.js";
23
23
  import "../chunk-I5BV7UPG.js";
@@ -34,6 +34,7 @@ import "../chunk-EJOPJIRO.js";
34
34
  import "../chunk-AG43RS4Q.js";
35
35
  import "../chunk-QVWYTQKL.js";
36
36
  import "../chunk-UAMI54FE.js";
37
+ import "../chunk-6MGHIYMP.js";
37
38
  import "../chunk-75USUR3I.js";
38
39
  import "../chunk-BWPNXY7T.js";
39
40
  import "../chunk-DWKS5ZXG.js";
@@ -62,7 +62,7 @@ __export(ColumnSelectorMenuOption_exports, {
62
62
  ColumnSelectorMenuOption: () => ColumnSelectorMenuOption
63
63
  });
64
64
  module.exports = __toCommonJS(ColumnSelectorMenuOption_exports);
65
- var import_react38 = require("react");
65
+ var import_react39 = require("react");
66
66
 
67
67
  // src/components/DataGridCell.tsx
68
68
  var import_sortable = require("@dnd-kit/sortable");
@@ -5829,12 +5829,21 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
5829
5829
  // src/components/OrderCheckIcon.tsx
5830
5830
  var import_jsx_runtime61 = require("react/jsx-runtime");
5831
5831
 
5832
+ // src/components/EditingContext.tsx
5833
+ var import_react37 = require("react");
5834
+ var import_jsx_runtime62 = require("react/jsx-runtime");
5835
+ var EditingContext = (0, import_react37.createContext)({
5836
+ data: [],
5837
+ setData: () => {
5838
+ }
5839
+ });
5840
+
5832
5841
  // src/components/AccessCard.tsx
5833
5842
  var import_clsx41 = __toESM(require("clsx"), 1);
5834
5843
 
5835
5844
  // src/components/Radio.tsx
5836
5845
  var import_clsx40 = __toESM(require("clsx"), 1);
5837
- var import_jsx_runtime62 = require("react/jsx-runtime");
5846
+ var import_jsx_runtime63 = require("react/jsx-runtime");
5838
5847
  var Radio = (_a) => {
5839
5848
  var _b = _a, {
5840
5849
  className,
@@ -5869,7 +5878,7 @@ var Radio = (_a) => {
5869
5878
  const readonlyClassName = (0, import_clsx40.default)(
5870
5879
  readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
5871
5880
  );
5872
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5881
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5873
5882
  "label",
5874
5883
  {
5875
5884
  htmlFor: radioId,
@@ -5881,8 +5890,8 @@ var Radio = (_a) => {
5881
5890
  className
5882
5891
  ),
5883
5892
  children: [
5884
- /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
5885
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5893
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
5894
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5886
5895
  "input",
5887
5896
  __spreadValues({
5888
5897
  id: radioId,
@@ -5894,7 +5903,7 @@ var Radio = (_a) => {
5894
5903
  readOnly
5895
5904
  }, props)
5896
5905
  ),
5897
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5906
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5898
5907
  "div",
5899
5908
  {
5900
5909
  className: (0, import_clsx40.default)(
@@ -5905,7 +5914,7 @@ var Radio = (_a) => {
5905
5914
  disabledClassName,
5906
5915
  readonlyClassName
5907
5916
  ),
5908
- children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5917
+ children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5909
5918
  RadioIcon,
5910
5919
  {
5911
5920
  className: (0, import_clsx40.default)(
@@ -5920,14 +5929,14 @@ var Radio = (_a) => {
5920
5929
  }
5921
5930
  )
5922
5931
  ] }),
5923
- label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5932
+ label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
5924
5933
  ]
5925
5934
  }
5926
5935
  );
5927
5936
  };
5928
5937
  Radio.displayName = "Radio";
5929
5938
  var RadioIcon = ({ className }) => {
5930
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
5939
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
5931
5940
  "svg",
5932
5941
  {
5933
5942
  className,
@@ -5937,7 +5946,7 @@ var RadioIcon = ({ className }) => {
5937
5946
  viewBox: "0 0 24 24",
5938
5947
  fill: "none",
5939
5948
  children: [
5940
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
5949
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
5941
5950
  "rect",
5942
5951
  {
5943
5952
  x: "1",
@@ -5949,7 +5958,7 @@ var RadioIcon = ({ className }) => {
5949
5958
  strokeWidth: "2"
5950
5959
  }
5951
5960
  ),
5952
- /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5961
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
5953
5962
  ]
5954
5963
  }
5955
5964
  );
@@ -5957,24 +5966,24 @@ var RadioIcon = ({ className }) => {
5957
5966
  RadioIcon.displayName = "RadioIcon";
5958
5967
 
5959
5968
  // src/components/AccessCard.tsx
5960
- var import_jsx_runtime63 = require("react/jsx-runtime");
5969
+ var import_jsx_runtime64 = require("react/jsx-runtime");
5961
5970
 
5962
5971
  // src/components/AccessCardGroup.tsx
5963
5972
  var import_clsx42 = __toESM(require("clsx"), 1);
5964
- var import_react37 = require("react");
5965
- var import_jsx_runtime64 = require("react/jsx-runtime");
5973
+ var import_react38 = require("react");
5974
+ var import_jsx_runtime65 = require("react/jsx-runtime");
5966
5975
 
5967
5976
  // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
5968
- var import_jsx_runtime65 = require("react/jsx-runtime");
5977
+ var import_jsx_runtime66 = require("react/jsx-runtime");
5969
5978
  function ColumnSelectorMenuOption({
5970
5979
  id,
5971
5980
  testid,
5972
5981
  column,
5973
5982
  toggleColumnVisibility
5974
5983
  }) {
5975
- const [isVisible, setIsVisible] = (0, import_react38.useState)(column.getIsVisible());
5984
+ const [isVisible, setIsVisible] = (0, import_react39.useState)(column.getIsVisible());
5976
5985
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
5977
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
5986
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5978
5987
  Checkbox,
5979
5988
  {
5980
5989
  id: id ? `${id}-checkbox` : void 0,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ColumnSelectorMenuOption
3
- } from "../../../chunk-LKFYNRJZ.js";
3
+ } from "../../../chunk-3JQPFWKR.js";
4
4
  import "../../../chunk-CJ7V4X6B.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-7ZCXZDJD.js";
@@ -14,8 +14,8 @@ import "../../../chunk-2IKT6IHB.js";
14
14
  import "../../../chunk-RZ5EIDX4.js";
15
15
  import "../../../chunk-AGHBLWDZ.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
17
- import "../../../chunk-M4FM3B3R.js";
18
17
  import "../../../chunk-AJ5M6MVX.js";
18
+ import "../../../chunk-M4FM3B3R.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
21
  import "../../../chunk-I5BV7UPG.js";
@@ -32,6 +32,7 @@ import "../../../chunk-EJOPJIRO.js";
32
32
  import "../../../chunk-AG43RS4Q.js";
33
33
  import "../../../chunk-QVWYTQKL.js";
34
34
  import "../../../chunk-UAMI54FE.js";
35
+ import "../../../chunk-6MGHIYMP.js";
35
36
  import "../../../chunk-75USUR3I.js";
36
37
  import "../../../chunk-BWPNXY7T.js";
37
38
  import "../../../chunk-DWKS5ZXG.js";