@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.
- package/dist/chunk-6MGHIYMP.js +42 -0
- package/dist/components/CalendarRange.cjs +58 -49
- package/dist/components/CalendarRange.js +3 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +26 -17
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +36 -27
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -2
- package/dist/components/DataGrid/PinnedColumns.cjs +48 -39
- package/dist/components/DataGrid/PinnedColumns.js +3 -2
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +27 -18
- package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -2
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -21
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -2
- package/dist/components/DataGrid/TableBody/index.cjs +43 -34
- package/dist/components/DataGrid/TableBody/index.js +3 -2
- package/dist/components/DataGrid/index.cjs +123 -114
- package/dist/components/DataGrid/index.js +3 -2
- package/dist/components/DataGrid/utils.cjs +25 -16
- package/dist/components/DataGrid/utils.js +3 -2
- package/dist/components/DateInput.cjs +77 -68
- package/dist/components/DateInput.js +3 -2
- package/dist/components/DateRangeInput.cjs +77 -68
- package/dist/components/DateRangeInput.js +3 -2
- package/dist/components/EditingContext.cjs +8 -2
- package/dist/components/EditingContext.js +7 -32
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +34 -25
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -2
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +42 -33
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +136 -127
- package/dist/components/MobileDataGrid/index.js +3 -2
- package/dist/components/index.cjs +46 -31
- package/dist/components/index.js +7 -3
- package/package.json +1 -1
- /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
|
|
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
|
|
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,
|
|
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,
|
|
5452
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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
|
|
5532
|
-
var
|
|
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
|
|
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,
|
|
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,
|
|
5658
|
+
const [baseMonth, setBaseMonth] = (0, import_react39.useState)(
|
|
5650
5659
|
fromDate != null ? fromDate : today.with({ day: 1 })
|
|
5651
5660
|
);
|
|
5652
|
-
const [selecting, setSelecting] = (0,
|
|
5653
|
-
const [pendingFrom, setPendingFrom] = (0,
|
|
5654
|
-
const [hoveredDate, setHoveredDate] = (0,
|
|
5655
|
-
(0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
5809
|
-
const [yearMenuOpen, setYearMenuOpen] = (0,
|
|
5810
|
-
const monthMenuRef = (0,
|
|
5811
|
-
const yearMenuRef = (0,
|
|
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,
|
|
5816
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
5851
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5843
5852
|
}
|
|
5844
|
-
) : /* @__PURE__ */ (0,
|
|
5845
|
-
/* @__PURE__ */ (0,
|
|
5846
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
5938
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5930
5939
|
}
|
|
5931
|
-
) : /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
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
|
|
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
|
|
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,
|
|
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,
|
|
5885
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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
|
|
5965
|
-
var
|
|
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
|
|
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,
|
|
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,
|
|
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-
|
|
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";
|