@dmsi/wedgekit-react 0.0.496 → 0.0.498
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-34VEVX5H.js +31 -0
- package/dist/components/CalendarRange.cjs +28 -25
- package/dist/components/CalendarRange.js +8 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +8 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +8 -7
- package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
- package/dist/components/DataGrid/PinnedColumns.js +8 -7
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +8 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +8 -7
- package/dist/components/DataGrid/TableBody/index.cjs +23 -20
- package/dist/components/DataGrid/TableBody/index.js +8 -7
- package/dist/components/DataGrid/index.cjs +83 -80
- package/dist/components/DataGrid/index.js +8 -7
- package/dist/components/DataGrid/utils.cjs +6 -3
- package/dist/components/DataGrid/utils.js +8 -7
- package/dist/components/DateInput.cjs +34 -31
- package/dist/components/DateInput.js +8 -7
- package/dist/components/DateRangeInput.cjs +34 -31
- package/dist/components/DateRangeInput.js +8 -7
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +8 -7
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +8 -7
- package/dist/components/MobileDataGrid/index.cjs +64 -61
- package/dist/components/MobileDataGrid/index.js +8 -7
- package/dist/components/OrderCheckIcon.cjs +67 -0
- package/dist/components/OrderCheckIcon.js +7 -0
- package/dist/components/PDFViewer/index.js +3 -3
- package/dist/components/ProductImagePreview/index.js +2 -2
- package/dist/components/index.cjs +25 -0
- package/dist/components/index.js +12 -8
- package/package.json +1 -1
- package/src/components/OrderCheckIcon.tsx +19 -0
- package/src/components/index.ts +1 -0
- package/dist/{chunk-TPBEID5X.js → chunk-3WCLGTYP.js} +3 -3
- package/dist/{chunk-2A7H5GVB.js → chunk-7LKGHCVT.js} +3 -3
- package/dist/{chunk-DYBJUTGK.js → chunk-XHQOTLG6.js} +3 -3
|
@@ -2,32 +2,33 @@
|
|
|
2
2
|
import {
|
|
3
3
|
DataGrid,
|
|
4
4
|
DataGrid_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-7LKGHCVT.js";
|
|
6
6
|
import "../../chunk-M7INAUAJ.js";
|
|
7
7
|
import "../../chunk-4Q7T4GJ2.js";
|
|
8
8
|
import "../../chunk-3DEYCNUE.js";
|
|
9
|
-
import "../../chunk-
|
|
9
|
+
import "../../chunk-XHQOTLG6.js";
|
|
10
|
+
import "../../chunk-BQNPOGD5.js";
|
|
10
11
|
import "../../chunk-Y5GD2FJA.js";
|
|
11
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-3WCLGTYP.js";
|
|
13
|
+
import "../../chunk-YEZBNQZI.js";
|
|
12
14
|
import "../../chunk-B53XDCLO.js";
|
|
15
|
+
import "../../chunk-S5ZJ3Q7P.js";
|
|
13
16
|
import "../../chunk-MBZ55T2D.js";
|
|
14
17
|
import "../../chunk-2IKT6IHB.js";
|
|
15
18
|
import "../../chunk-YCDDBSVU.js";
|
|
16
19
|
import "../../chunk-3X3Y4TMS.js";
|
|
17
|
-
import "../../chunk-BQNPOGD5.js";
|
|
18
20
|
import "../../chunk-QMSPTD6L.js";
|
|
19
21
|
import "../../chunk-XIXQUEYC.js";
|
|
20
22
|
import "../../chunk-5IFPG6TS.js";
|
|
21
23
|
import "../../chunk-AJ5M6MVX.js";
|
|
22
24
|
import "../../chunk-KW6V7O3H.js";
|
|
23
25
|
import "../../chunk-JUFBGNWW.js";
|
|
24
|
-
import "../../chunk-
|
|
25
|
-
import "../../chunk-S5ZJ3Q7P.js";
|
|
26
|
+
import "../../chunk-7GHD74J3.js";
|
|
26
27
|
import "../../chunk-AT4AWD6B.js";
|
|
27
28
|
import "../../chunk-EWGHVZL5.js";
|
|
28
|
-
import "../../chunk-7GHD74J3.js";
|
|
29
29
|
import "../../chunk-7BVUTFZ5.js";
|
|
30
30
|
import "../../chunk-L3BXRDLP.js";
|
|
31
|
+
import "../../chunk-34VEVX5H.js";
|
|
31
32
|
import "../../chunk-GRGDX7JC.js";
|
|
32
33
|
import "../../chunk-HVNHTM3P.js";
|
|
33
34
|
import "../../chunk-X67L3NZI.js";
|
|
@@ -5767,17 +5767,20 @@ var import_clsx39 = __toESM(require("clsx"), 1);
|
|
|
5767
5767
|
var import_react40 = require("react");
|
|
5768
5768
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5769
5769
|
|
|
5770
|
-
// src/components/
|
|
5770
|
+
// src/components/OrderCheckIcon.tsx
|
|
5771
5771
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5772
|
+
|
|
5773
|
+
// src/components/DataGrid/utils.tsx
|
|
5774
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5772
5775
|
function getSortIcon(sort, nextSort = false) {
|
|
5773
5776
|
const iconClassName = (0, import_clsx40.default)(
|
|
5774
5777
|
"text-icon-on-action-primary-normal",
|
|
5775
5778
|
nextSort && "hidden group-hover:block"
|
|
5776
5779
|
);
|
|
5777
5780
|
if (sort === "asc")
|
|
5778
|
-
return /* @__PURE__ */ (0,
|
|
5781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
5779
5782
|
if (sort === "desc")
|
|
5780
|
-
return /* @__PURE__ */ (0,
|
|
5783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
5781
5784
|
return null;
|
|
5782
5785
|
}
|
|
5783
5786
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
import {
|
|
2
2
|
getSortIcon
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-7LKGHCVT.js";
|
|
4
4
|
import "../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../chunk-4Q7T4GJ2.js";
|
|
6
6
|
import "../../chunk-3DEYCNUE.js";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-XHQOTLG6.js";
|
|
8
|
+
import "../../chunk-BQNPOGD5.js";
|
|
8
9
|
import "../../chunk-Y5GD2FJA.js";
|
|
9
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-3WCLGTYP.js";
|
|
11
|
+
import "../../chunk-YEZBNQZI.js";
|
|
10
12
|
import "../../chunk-B53XDCLO.js";
|
|
13
|
+
import "../../chunk-S5ZJ3Q7P.js";
|
|
11
14
|
import "../../chunk-MBZ55T2D.js";
|
|
12
15
|
import "../../chunk-2IKT6IHB.js";
|
|
13
16
|
import "../../chunk-YCDDBSVU.js";
|
|
14
17
|
import "../../chunk-3X3Y4TMS.js";
|
|
15
|
-
import "../../chunk-BQNPOGD5.js";
|
|
16
18
|
import "../../chunk-QMSPTD6L.js";
|
|
17
19
|
import "../../chunk-XIXQUEYC.js";
|
|
18
20
|
import "../../chunk-5IFPG6TS.js";
|
|
19
21
|
import "../../chunk-AJ5M6MVX.js";
|
|
20
22
|
import "../../chunk-KW6V7O3H.js";
|
|
21
23
|
import "../../chunk-JUFBGNWW.js";
|
|
22
|
-
import "../../chunk-
|
|
23
|
-
import "../../chunk-S5ZJ3Q7P.js";
|
|
24
|
+
import "../../chunk-7GHD74J3.js";
|
|
24
25
|
import "../../chunk-AT4AWD6B.js";
|
|
25
26
|
import "../../chunk-EWGHVZL5.js";
|
|
26
|
-
import "../../chunk-7GHD74J3.js";
|
|
27
27
|
import "../../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../../chunk-L3BXRDLP.js";
|
|
29
|
+
import "../../chunk-34VEVX5H.js";
|
|
29
30
|
import "../../chunk-GRGDX7JC.js";
|
|
30
31
|
import "../../chunk-HVNHTM3P.js";
|
|
31
32
|
import "../../chunk-X67L3NZI.js";
|
|
@@ -5093,8 +5093,11 @@ var import_clsx39 = __toESM(require("clsx"), 1);
|
|
|
5093
5093
|
var import_react38 = require("react");
|
|
5094
5094
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5095
5095
|
|
|
5096
|
-
// src/components/
|
|
5096
|
+
// src/components/OrderCheckIcon.tsx
|
|
5097
5097
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5098
|
+
|
|
5099
|
+
// src/components/CalendarRange.tsx
|
|
5100
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5098
5101
|
function DateCell(_a) {
|
|
5099
5102
|
var _b = _a, {
|
|
5100
5103
|
date,
|
|
@@ -5129,7 +5132,7 @@ function DateCell(_a) {
|
|
|
5129
5132
|
"id",
|
|
5130
5133
|
"testid"
|
|
5131
5134
|
]);
|
|
5132
|
-
return /* @__PURE__ */ (0,
|
|
5135
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5133
5136
|
"span",
|
|
5134
5137
|
__spreadProps(__spreadValues({}, props), {
|
|
5135
5138
|
id,
|
|
@@ -5285,7 +5288,7 @@ function CalendarRange({
|
|
|
5285
5288
|
}
|
|
5286
5289
|
return false;
|
|
5287
5290
|
}
|
|
5288
|
-
return /* @__PURE__ */ (0,
|
|
5291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5289
5292
|
"div",
|
|
5290
5293
|
{
|
|
5291
5294
|
id,
|
|
@@ -5298,7 +5301,7 @@ function CalendarRange({
|
|
|
5298
5301
|
// baseTransition,
|
|
5299
5302
|
"overflow-hidden"
|
|
5300
5303
|
),
|
|
5301
|
-
children: /* @__PURE__ */ (0,
|
|
5304
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5302
5305
|
"div",
|
|
5303
5306
|
{
|
|
5304
5307
|
className: (0, import_clsx40.default)(
|
|
@@ -5306,7 +5309,7 @@ function CalendarRange({
|
|
|
5306
5309
|
layoutGap
|
|
5307
5310
|
),
|
|
5308
5311
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
5309
|
-
return /* @__PURE__ */ (0,
|
|
5312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5310
5313
|
CalendarPane,
|
|
5311
5314
|
{
|
|
5312
5315
|
getMonthData,
|
|
@@ -5371,13 +5374,13 @@ function CalendarPane({
|
|
|
5371
5374
|
const month = getMonthData(offset);
|
|
5372
5375
|
const totalCells = 42;
|
|
5373
5376
|
const emptyCells = month.firstDayOffset;
|
|
5374
|
-
return /* @__PURE__ */ (0,
|
|
5375
|
-
/* @__PURE__ */ (0,
|
|
5377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react39.default.Fragment, { children: [
|
|
5378
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5376
5379
|
"div",
|
|
5377
5380
|
{
|
|
5378
5381
|
className: (0, import_clsx40.default)("flex flex-col"),
|
|
5379
5382
|
children: [
|
|
5380
|
-
/* @__PURE__ */ (0,
|
|
5383
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5381
5384
|
"div",
|
|
5382
5385
|
{
|
|
5383
5386
|
className: (0, import_clsx40.default)(
|
|
@@ -5386,7 +5389,7 @@ function CalendarPane({
|
|
|
5386
5389
|
"text-text-action-primary-normal"
|
|
5387
5390
|
),
|
|
5388
5391
|
children: [
|
|
5389
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
5392
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5390
5393
|
"button",
|
|
5391
5394
|
{
|
|
5392
5395
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
@@ -5398,11 +5401,11 @@ function CalendarPane({
|
|
|
5398
5401
|
),
|
|
5399
5402
|
"aria-label": "Previous month",
|
|
5400
5403
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
5401
|
-
children: /* @__PURE__ */ (0,
|
|
5404
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5402
5405
|
}
|
|
5403
|
-
) : /* @__PURE__ */ (0,
|
|
5404
|
-
/* @__PURE__ */ (0,
|
|
5405
|
-
/* @__PURE__ */ (0,
|
|
5406
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
|
|
5407
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
5408
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5406
5409
|
"button",
|
|
5407
5410
|
{
|
|
5408
5411
|
ref: (el) => {
|
|
@@ -5417,13 +5420,13 @@ function CalendarPane({
|
|
|
5417
5420
|
children: month.name
|
|
5418
5421
|
}
|
|
5419
5422
|
),
|
|
5420
|
-
/* @__PURE__ */ (0,
|
|
5423
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5421
5424
|
Menu,
|
|
5422
5425
|
{
|
|
5423
5426
|
show: monthMenuOpen,
|
|
5424
5427
|
positionTo: monthMenuRef,
|
|
5425
5428
|
setShow: () => setMonthMenuOpen(false),
|
|
5426
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
5429
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5427
5430
|
MenuOption,
|
|
5428
5431
|
{
|
|
5429
5432
|
selected: baseMonth.month === x + 1,
|
|
@@ -5437,7 +5440,7 @@ function CalendarPane({
|
|
|
5437
5440
|
))
|
|
5438
5441
|
}
|
|
5439
5442
|
),
|
|
5440
|
-
/* @__PURE__ */ (0,
|
|
5443
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5441
5444
|
"button",
|
|
5442
5445
|
{
|
|
5443
5446
|
ref: (el) => {
|
|
@@ -5452,13 +5455,13 @@ function CalendarPane({
|
|
|
5452
5455
|
children: month.year
|
|
5453
5456
|
}
|
|
5454
5457
|
),
|
|
5455
|
-
/* @__PURE__ */ (0,
|
|
5458
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5456
5459
|
Menu,
|
|
5457
5460
|
{
|
|
5458
5461
|
show: yearMenuOpen,
|
|
5459
5462
|
positionTo: yearMenuRef,
|
|
5460
5463
|
setShow: () => setYearMenuOpen(false),
|
|
5461
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
5464
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5462
5465
|
MenuOption,
|
|
5463
5466
|
{
|
|
5464
5467
|
selected: baseMonth.year === y,
|
|
@@ -5473,7 +5476,7 @@ function CalendarPane({
|
|
|
5473
5476
|
}
|
|
5474
5477
|
)
|
|
5475
5478
|
] }),
|
|
5476
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
5479
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5477
5480
|
"button",
|
|
5478
5481
|
{
|
|
5479
5482
|
id: id ? `${id}-next-month-button` : void 0,
|
|
@@ -5485,13 +5488,13 @@ function CalendarPane({
|
|
|
5485
5488
|
),
|
|
5486
5489
|
"aria-label": "Next month",
|
|
5487
5490
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
5488
|
-
children: /* @__PURE__ */ (0,
|
|
5491
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5489
5492
|
}
|
|
5490
|
-
) : /* @__PURE__ */ (0,
|
|
5493
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
|
|
5491
5494
|
]
|
|
5492
5495
|
}
|
|
5493
5496
|
),
|
|
5494
|
-
/* @__PURE__ */ (0,
|
|
5497
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5495
5498
|
"span",
|
|
5496
5499
|
{
|
|
5497
5500
|
className: (0, import_clsx40.default)(
|
|
@@ -5503,7 +5506,7 @@ function CalendarPane({
|
|
|
5503
5506
|
},
|
|
5504
5507
|
d
|
|
5505
5508
|
)) }),
|
|
5506
|
-
/* @__PURE__ */ (0,
|
|
5509
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
5507
5510
|
const day = i - emptyCells + 1;
|
|
5508
5511
|
const date = month.date.with({ day: 1 }).add({
|
|
5509
5512
|
days: i - emptyCells
|
|
@@ -5517,7 +5520,7 @@ function CalendarPane({
|
|
|
5517
5520
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
5518
5521
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
5519
5522
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
5520
|
-
return /* @__PURE__ */ (0,
|
|
5523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5521
5524
|
DateCell,
|
|
5522
5525
|
{
|
|
5523
5526
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -5542,7 +5545,7 @@ function CalendarPane({
|
|
|
5542
5545
|
]
|
|
5543
5546
|
}
|
|
5544
5547
|
),
|
|
5545
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
5548
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5546
5549
|
"div",
|
|
5547
5550
|
{
|
|
5548
5551
|
className: (0, import_clsx40.default)(
|
|
@@ -5556,7 +5559,7 @@ function CalendarPane({
|
|
|
5556
5559
|
}
|
|
5557
5560
|
|
|
5558
5561
|
// src/components/DateInput.tsx
|
|
5559
|
-
var
|
|
5562
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5560
5563
|
var DateInput = (_a) => {
|
|
5561
5564
|
var _b = _a, {
|
|
5562
5565
|
id,
|
|
@@ -5715,8 +5718,8 @@ var DateInput = (_a) => {
|
|
|
5715
5718
|
}
|
|
5716
5719
|
}
|
|
5717
5720
|
};
|
|
5718
|
-
return /* @__PURE__ */ (0,
|
|
5719
|
-
/* @__PURE__ */ (0,
|
|
5721
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "relative", children: [
|
|
5722
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5720
5723
|
InputBase,
|
|
5721
5724
|
__spreadProps(__spreadValues({
|
|
5722
5725
|
id,
|
|
@@ -5730,7 +5733,7 @@ var DateInput = (_a) => {
|
|
|
5730
5733
|
placeholder,
|
|
5731
5734
|
disabled,
|
|
5732
5735
|
readOnly,
|
|
5733
|
-
after: /* @__PURE__ */ (0,
|
|
5736
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "calendar_month" }),
|
|
5734
5737
|
onFocus: handleFocus,
|
|
5735
5738
|
onClick: handleClick,
|
|
5736
5739
|
onChange: handleInputChange,
|
|
@@ -5741,7 +5744,7 @@ var DateInput = (_a) => {
|
|
|
5741
5744
|
})
|
|
5742
5745
|
),
|
|
5743
5746
|
visible && !readOnly && (0, import_react_dom4.createPortal)(
|
|
5744
|
-
/* @__PURE__ */ (0,
|
|
5747
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5745
5748
|
"div",
|
|
5746
5749
|
{
|
|
5747
5750
|
ref: (el) => {
|
|
@@ -5753,7 +5756,7 @@ var DateInput = (_a) => {
|
|
|
5753
5756
|
left: `${calendarPosition.left}px`,
|
|
5754
5757
|
minWidth: `${calendarPosition.width}px`
|
|
5755
5758
|
},
|
|
5756
|
-
children: /* @__PURE__ */ (0,
|
|
5759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5757
5760
|
CalendarRange,
|
|
5758
5761
|
{
|
|
5759
5762
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DateInput
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-7LKGHCVT.js";
|
|
4
4
|
import "../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../chunk-4Q7T4GJ2.js";
|
|
6
6
|
import "../chunk-3DEYCNUE.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-XHQOTLG6.js";
|
|
8
|
+
import "../chunk-BQNPOGD5.js";
|
|
8
9
|
import "../chunk-Y5GD2FJA.js";
|
|
9
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-3WCLGTYP.js";
|
|
11
|
+
import "../chunk-YEZBNQZI.js";
|
|
10
12
|
import "../chunk-B53XDCLO.js";
|
|
13
|
+
import "../chunk-S5ZJ3Q7P.js";
|
|
11
14
|
import "../chunk-MBZ55T2D.js";
|
|
12
15
|
import "../chunk-2IKT6IHB.js";
|
|
13
16
|
import "../chunk-YCDDBSVU.js";
|
|
14
17
|
import "../chunk-3X3Y4TMS.js";
|
|
15
|
-
import "../chunk-BQNPOGD5.js";
|
|
16
18
|
import "../chunk-QMSPTD6L.js";
|
|
17
19
|
import "../chunk-XIXQUEYC.js";
|
|
18
20
|
import "../chunk-5IFPG6TS.js";
|
|
19
21
|
import "../chunk-AJ5M6MVX.js";
|
|
20
22
|
import "../chunk-KW6V7O3H.js";
|
|
21
23
|
import "../chunk-JUFBGNWW.js";
|
|
22
|
-
import "../chunk-
|
|
23
|
-
import "../chunk-S5ZJ3Q7P.js";
|
|
24
|
+
import "../chunk-7GHD74J3.js";
|
|
24
25
|
import "../chunk-AT4AWD6B.js";
|
|
25
26
|
import "../chunk-EWGHVZL5.js";
|
|
26
|
-
import "../chunk-7GHD74J3.js";
|
|
27
27
|
import "../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../chunk-L3BXRDLP.js";
|
|
29
|
+
import "../chunk-34VEVX5H.js";
|
|
29
30
|
import "../chunk-GRGDX7JC.js";
|
|
30
31
|
import "../chunk-HVNHTM3P.js";
|
|
31
32
|
import "../chunk-X67L3NZI.js";
|
|
@@ -5331,8 +5331,11 @@ var import_clsx39 = __toESM(require("clsx"), 1);
|
|
|
5331
5331
|
var import_react39 = require("react");
|
|
5332
5332
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5333
5333
|
|
|
5334
|
-
// src/components/
|
|
5334
|
+
// src/components/OrderCheckIcon.tsx
|
|
5335
5335
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5336
|
+
|
|
5337
|
+
// src/components/CalendarRange.tsx
|
|
5338
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5336
5339
|
function DateCell(_a) {
|
|
5337
5340
|
var _b = _a, {
|
|
5338
5341
|
date,
|
|
@@ -5367,7 +5370,7 @@ function DateCell(_a) {
|
|
|
5367
5370
|
"id",
|
|
5368
5371
|
"testid"
|
|
5369
5372
|
]);
|
|
5370
|
-
return /* @__PURE__ */ (0,
|
|
5373
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5371
5374
|
"span",
|
|
5372
5375
|
__spreadProps(__spreadValues({}, props), {
|
|
5373
5376
|
id,
|
|
@@ -5523,7 +5526,7 @@ function CalendarRange({
|
|
|
5523
5526
|
}
|
|
5524
5527
|
return false;
|
|
5525
5528
|
}
|
|
5526
|
-
return /* @__PURE__ */ (0,
|
|
5529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5527
5530
|
"div",
|
|
5528
5531
|
{
|
|
5529
5532
|
id,
|
|
@@ -5536,7 +5539,7 @@ function CalendarRange({
|
|
|
5536
5539
|
// baseTransition,
|
|
5537
5540
|
"overflow-hidden"
|
|
5538
5541
|
),
|
|
5539
|
-
children: /* @__PURE__ */ (0,
|
|
5542
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5540
5543
|
"div",
|
|
5541
5544
|
{
|
|
5542
5545
|
className: (0, import_clsx40.default)(
|
|
@@ -5544,7 +5547,7 @@ function CalendarRange({
|
|
|
5544
5547
|
layoutGap
|
|
5545
5548
|
),
|
|
5546
5549
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
5547
|
-
return /* @__PURE__ */ (0,
|
|
5550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5548
5551
|
CalendarPane,
|
|
5549
5552
|
{
|
|
5550
5553
|
getMonthData,
|
|
@@ -5609,13 +5612,13 @@ function CalendarPane({
|
|
|
5609
5612
|
const month = getMonthData(offset);
|
|
5610
5613
|
const totalCells = 42;
|
|
5611
5614
|
const emptyCells = month.firstDayOffset;
|
|
5612
|
-
return /* @__PURE__ */ (0,
|
|
5613
|
-
/* @__PURE__ */ (0,
|
|
5615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react40.default.Fragment, { children: [
|
|
5616
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
5614
5617
|
"div",
|
|
5615
5618
|
{
|
|
5616
5619
|
className: (0, import_clsx40.default)("flex flex-col"),
|
|
5617
5620
|
children: [
|
|
5618
|
-
/* @__PURE__ */ (0,
|
|
5621
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
5619
5622
|
"div",
|
|
5620
5623
|
{
|
|
5621
5624
|
className: (0, import_clsx40.default)(
|
|
@@ -5624,7 +5627,7 @@ function CalendarPane({
|
|
|
5624
5627
|
"text-text-action-primary-normal"
|
|
5625
5628
|
),
|
|
5626
5629
|
children: [
|
|
5627
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
5630
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5628
5631
|
"button",
|
|
5629
5632
|
{
|
|
5630
5633
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
@@ -5636,11 +5639,11 @@ function CalendarPane({
|
|
|
5636
5639
|
),
|
|
5637
5640
|
"aria-label": "Previous month",
|
|
5638
5641
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
5639
|
-
children: /* @__PURE__ */ (0,
|
|
5642
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5640
5643
|
}
|
|
5641
|
-
) : /* @__PURE__ */ (0,
|
|
5642
|
-
/* @__PURE__ */ (0,
|
|
5643
|
-
/* @__PURE__ */ (0,
|
|
5644
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "mr-1") }),
|
|
5645
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
5646
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5644
5647
|
"button",
|
|
5645
5648
|
{
|
|
5646
5649
|
ref: (el) => {
|
|
@@ -5655,13 +5658,13 @@ function CalendarPane({
|
|
|
5655
5658
|
children: month.name
|
|
5656
5659
|
}
|
|
5657
5660
|
),
|
|
5658
|
-
/* @__PURE__ */ (0,
|
|
5661
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5659
5662
|
Menu,
|
|
5660
5663
|
{
|
|
5661
5664
|
show: monthMenuOpen,
|
|
5662
5665
|
positionTo: monthMenuRef,
|
|
5663
5666
|
setShow: () => setMonthMenuOpen(false),
|
|
5664
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
5667
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5665
5668
|
MenuOption,
|
|
5666
5669
|
{
|
|
5667
5670
|
selected: baseMonth.month === x + 1,
|
|
@@ -5675,7 +5678,7 @@ function CalendarPane({
|
|
|
5675
5678
|
))
|
|
5676
5679
|
}
|
|
5677
5680
|
),
|
|
5678
|
-
/* @__PURE__ */ (0,
|
|
5681
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5679
5682
|
"button",
|
|
5680
5683
|
{
|
|
5681
5684
|
ref: (el) => {
|
|
@@ -5690,13 +5693,13 @@ function CalendarPane({
|
|
|
5690
5693
|
children: month.year
|
|
5691
5694
|
}
|
|
5692
5695
|
),
|
|
5693
|
-
/* @__PURE__ */ (0,
|
|
5696
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5694
5697
|
Menu,
|
|
5695
5698
|
{
|
|
5696
5699
|
show: yearMenuOpen,
|
|
5697
5700
|
positionTo: yearMenuRef,
|
|
5698
5701
|
setShow: () => setYearMenuOpen(false),
|
|
5699
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
5702
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5700
5703
|
MenuOption,
|
|
5701
5704
|
{
|
|
5702
5705
|
selected: baseMonth.year === y,
|
|
@@ -5711,7 +5714,7 @@ function CalendarPane({
|
|
|
5711
5714
|
}
|
|
5712
5715
|
)
|
|
5713
5716
|
] }),
|
|
5714
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
5717
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5715
5718
|
"button",
|
|
5716
5719
|
{
|
|
5717
5720
|
id: id ? `${id}-next-month-button` : void 0,
|
|
@@ -5723,13 +5726,13 @@ function CalendarPane({
|
|
|
5723
5726
|
),
|
|
5724
5727
|
"aria-label": "Next month",
|
|
5725
5728
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
5726
|
-
children: /* @__PURE__ */ (0,
|
|
5729
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5727
5730
|
}
|
|
5728
|
-
) : /* @__PURE__ */ (0,
|
|
5731
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: (0, import_clsx40.default)(componentPadding, "ml-1") })
|
|
5729
5732
|
]
|
|
5730
5733
|
}
|
|
5731
5734
|
),
|
|
5732
|
-
/* @__PURE__ */ (0,
|
|
5735
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5733
5736
|
"span",
|
|
5734
5737
|
{
|
|
5735
5738
|
className: (0, import_clsx40.default)(
|
|
@@ -5741,7 +5744,7 @@ function CalendarPane({
|
|
|
5741
5744
|
},
|
|
5742
5745
|
d
|
|
5743
5746
|
)) }),
|
|
5744
|
-
/* @__PURE__ */ (0,
|
|
5747
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx40.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
5745
5748
|
const day = i - emptyCells + 1;
|
|
5746
5749
|
const date = month.date.with({ day: 1 }).add({
|
|
5747
5750
|
days: i - emptyCells
|
|
@@ -5755,7 +5758,7 @@ function CalendarPane({
|
|
|
5755
5758
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
5756
5759
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
5757
5760
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
5758
|
-
return /* @__PURE__ */ (0,
|
|
5761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5759
5762
|
DateCell,
|
|
5760
5763
|
{
|
|
5761
5764
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -5780,7 +5783,7 @@ function CalendarPane({
|
|
|
5780
5783
|
]
|
|
5781
5784
|
}
|
|
5782
5785
|
),
|
|
5783
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
5786
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5784
5787
|
"div",
|
|
5785
5788
|
{
|
|
5786
5789
|
className: (0, import_clsx40.default)(
|
|
@@ -5794,7 +5797,7 @@ function CalendarPane({
|
|
|
5794
5797
|
}
|
|
5795
5798
|
|
|
5796
5799
|
// src/components/DateRangeInput.tsx
|
|
5797
|
-
var
|
|
5800
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5798
5801
|
var DateRangeInput = (_a) => {
|
|
5799
5802
|
var _b = _a, {
|
|
5800
5803
|
id,
|
|
@@ -6218,8 +6221,8 @@ var DateRangeInput = (_a) => {
|
|
|
6218
6221
|
}
|
|
6219
6222
|
}
|
|
6220
6223
|
};
|
|
6221
|
-
return /* @__PURE__ */ (0,
|
|
6222
|
-
/* @__PURE__ */ (0,
|
|
6224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
|
|
6225
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6223
6226
|
InputBase,
|
|
6224
6227
|
__spreadProps(__spreadValues({
|
|
6225
6228
|
id,
|
|
@@ -6233,7 +6236,7 @@ var DateRangeInput = (_a) => {
|
|
|
6233
6236
|
placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
|
|
6234
6237
|
disabled,
|
|
6235
6238
|
readOnly,
|
|
6236
|
-
after: /* @__PURE__ */ (0,
|
|
6239
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "calendar_month" }),
|
|
6237
6240
|
onFocus: handleFocus,
|
|
6238
6241
|
onClick: handleClick,
|
|
6239
6242
|
onChange: handleInputChange,
|
|
@@ -6244,7 +6247,7 @@ var DateRangeInput = (_a) => {
|
|
|
6244
6247
|
})
|
|
6245
6248
|
),
|
|
6246
6249
|
visible && !readOnly && (0, import_react_dom5.createPortal)(
|
|
6247
|
-
/* @__PURE__ */ (0,
|
|
6250
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6248
6251
|
"div",
|
|
6249
6252
|
{
|
|
6250
6253
|
ref: (el) => {
|
|
@@ -6256,7 +6259,7 @@ var DateRangeInput = (_a) => {
|
|
|
6256
6259
|
left: `${calendarPosition.left}px`,
|
|
6257
6260
|
minWidth: `${calendarPosition.width}px`
|
|
6258
6261
|
},
|
|
6259
|
-
children: /* @__PURE__ */ (0,
|
|
6262
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6260
6263
|
CalendarRange,
|
|
6261
6264
|
{
|
|
6262
6265
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-7LKGHCVT.js";
|
|
4
4
|
import "../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../chunk-4Q7T4GJ2.js";
|
|
6
6
|
import "../chunk-3DEYCNUE.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-XHQOTLG6.js";
|
|
8
|
+
import "../chunk-BQNPOGD5.js";
|
|
8
9
|
import "../chunk-Y5GD2FJA.js";
|
|
9
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-3WCLGTYP.js";
|
|
11
|
+
import "../chunk-YEZBNQZI.js";
|
|
10
12
|
import "../chunk-B53XDCLO.js";
|
|
13
|
+
import "../chunk-S5ZJ3Q7P.js";
|
|
11
14
|
import "../chunk-MBZ55T2D.js";
|
|
12
15
|
import "../chunk-2IKT6IHB.js";
|
|
13
16
|
import "../chunk-YCDDBSVU.js";
|
|
14
17
|
import "../chunk-3X3Y4TMS.js";
|
|
15
|
-
import "../chunk-BQNPOGD5.js";
|
|
16
18
|
import "../chunk-QMSPTD6L.js";
|
|
17
19
|
import "../chunk-XIXQUEYC.js";
|
|
18
20
|
import "../chunk-5IFPG6TS.js";
|
|
19
21
|
import "../chunk-AJ5M6MVX.js";
|
|
20
22
|
import "../chunk-KW6V7O3H.js";
|
|
21
23
|
import "../chunk-JUFBGNWW.js";
|
|
22
|
-
import "../chunk-
|
|
23
|
-
import "../chunk-S5ZJ3Q7P.js";
|
|
24
|
+
import "../chunk-7GHD74J3.js";
|
|
24
25
|
import "../chunk-AT4AWD6B.js";
|
|
25
26
|
import "../chunk-EWGHVZL5.js";
|
|
26
|
-
import "../chunk-7GHD74J3.js";
|
|
27
27
|
import "../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../chunk-L3BXRDLP.js";
|
|
29
|
+
import "../chunk-34VEVX5H.js";
|
|
29
30
|
import "../chunk-GRGDX7JC.js";
|
|
30
31
|
import "../chunk-HVNHTM3P.js";
|
|
31
32
|
import "../chunk-X67L3NZI.js";
|