@dmsi/wedgekit-react 0.0.495 → 0.0.497
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/{chunk-ETAEB3TA.js → chunk-L3BXRDLP.js} +8 -2
- package/dist/components/CalendarRange.cjs +28 -25
- package/dist/components/CalendarRange.css +21 -3
- package/dist/components/CalendarRange.js +9 -8
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +21 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +9 -8
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +21 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +9 -8
- package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
- package/dist/components/DataGrid/PinnedColumns.css +21 -3
- package/dist/components/DataGrid/PinnedColumns.js +9 -8
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.css +21 -3
- package/dist/components/DataGrid/TableBody/LoadingCell.js +9 -8
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +21 -3
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +9 -8
- package/dist/components/DataGrid/TableBody/index.cjs +23 -20
- package/dist/components/DataGrid/TableBody/index.css +21 -3
- package/dist/components/DataGrid/TableBody/index.js +9 -8
- package/dist/components/DataGrid/index.cjs +83 -80
- package/dist/components/DataGrid/index.css +21 -3
- package/dist/components/DataGrid/index.js +9 -8
- package/dist/components/DataGrid/utils.cjs +6 -3
- package/dist/components/DataGrid/utils.css +21 -3
- package/dist/components/DataGrid/utils.js +9 -8
- package/dist/components/DateInput.cjs +34 -31
- package/dist/components/DateInput.css +21 -3
- package/dist/components/DateInput.js +9 -8
- package/dist/components/DateRangeInput.cjs +34 -31
- package/dist/components/DateRangeInput.css +21 -3
- package/dist/components/DateRangeInput.js +9 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +21 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +9 -8
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +21 -3
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +9 -8
- package/dist/components/MobileDataGrid/index.cjs +64 -61
- package/dist/components/MobileDataGrid/index.css +21 -3
- package/dist/components/MobileDataGrid/index.js +9 -8
- 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/SkeletonParagraph.cjs +8 -2
- package/dist/components/SkeletonParagraph.js +1 -1
- package/dist/components/index.cjs +33 -2
- package/dist/components/index.css +21 -3
- package/dist/components/index.js +13 -9
- package/dist/index.css +21 -3
- package/package.json +1 -1
- package/src/components/OrderCheckIcon.tsx +19 -0
- package/src/components/SkeletonParagraph.tsx +9 -1
- package/src/components/index.ts +1 -0
- package/src/index.css +4 -3
- 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
|
@@ -838,6 +838,12 @@
|
|
|
838
838
|
.\!w-20 {
|
|
839
839
|
width: calc(var(--spacing) * 20) !important;
|
|
840
840
|
}
|
|
841
|
+
.w-1\/2 {
|
|
842
|
+
width: calc(1/2 * 100%);
|
|
843
|
+
}
|
|
844
|
+
.w-1\/4 {
|
|
845
|
+
width: calc(1/4 * 100%);
|
|
846
|
+
}
|
|
841
847
|
.w-2\/3 {
|
|
842
848
|
width: calc(2/3 * 100%);
|
|
843
849
|
}
|
|
@@ -922,6 +928,9 @@
|
|
|
922
928
|
.min-w-0 {
|
|
923
929
|
min-width: calc(var(--spacing) * 0);
|
|
924
930
|
}
|
|
931
|
+
.min-w-10 {
|
|
932
|
+
min-width: calc(var(--spacing) * 10);
|
|
933
|
+
}
|
|
925
934
|
.min-w-20 {
|
|
926
935
|
min-width: calc(var(--spacing) * 20);
|
|
927
936
|
}
|
|
@@ -4678,6 +4687,7 @@
|
|
|
4678
4687
|
position: relative;
|
|
4679
4688
|
overflow: hidden;
|
|
4680
4689
|
background-color: #f7f7f7;
|
|
4690
|
+
opacity: 0.85;
|
|
4681
4691
|
}
|
|
4682
4692
|
.skeleton-paragraph::after {
|
|
4683
4693
|
content: "";
|
|
@@ -4687,9 +4697,17 @@
|
|
|
4687
4697
|
background-image:
|
|
4688
4698
|
linear-gradient(
|
|
4689
4699
|
90deg,
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4700
|
+
transparent 0%,
|
|
4701
|
+
color-mix(in srgb, #ffffff 60%, transparent) 50%,
|
|
4702
|
+
transparent 100%);
|
|
4703
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4704
|
+
background-image:
|
|
4705
|
+
linear-gradient(
|
|
4706
|
+
90deg,
|
|
4707
|
+
transparent 0%,
|
|
4708
|
+
color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
|
|
4709
|
+
transparent 100%);
|
|
4710
|
+
}
|
|
4693
4711
|
animation: skeleton-shimmer 1.4s ease-in-out infinite;
|
|
4694
4712
|
}
|
|
4695
4713
|
@keyframes skeleton-shimmer {
|
|
@@ -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
|
-
import "../../chunk-
|
|
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:
|
|
@@ -838,6 +838,12 @@
|
|
|
838
838
|
.\!w-20 {
|
|
839
839
|
width: calc(var(--spacing) * 20) !important;
|
|
840
840
|
}
|
|
841
|
+
.w-1\/2 {
|
|
842
|
+
width: calc(1/2 * 100%);
|
|
843
|
+
}
|
|
844
|
+
.w-1\/4 {
|
|
845
|
+
width: calc(1/4 * 100%);
|
|
846
|
+
}
|
|
841
847
|
.w-2\/3 {
|
|
842
848
|
width: calc(2/3 * 100%);
|
|
843
849
|
}
|
|
@@ -922,6 +928,9 @@
|
|
|
922
928
|
.min-w-0 {
|
|
923
929
|
min-width: calc(var(--spacing) * 0);
|
|
924
930
|
}
|
|
931
|
+
.min-w-10 {
|
|
932
|
+
min-width: calc(var(--spacing) * 10);
|
|
933
|
+
}
|
|
925
934
|
.min-w-20 {
|
|
926
935
|
min-width: calc(var(--spacing) * 20);
|
|
927
936
|
}
|
|
@@ -4678,6 +4687,7 @@
|
|
|
4678
4687
|
position: relative;
|
|
4679
4688
|
overflow: hidden;
|
|
4680
4689
|
background-color: #f7f7f7;
|
|
4690
|
+
opacity: 0.85;
|
|
4681
4691
|
}
|
|
4682
4692
|
.skeleton-paragraph::after {
|
|
4683
4693
|
content: "";
|
|
@@ -4687,9 +4697,17 @@
|
|
|
4687
4697
|
background-image:
|
|
4688
4698
|
linear-gradient(
|
|
4689
4699
|
90deg,
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4700
|
+
transparent 0%,
|
|
4701
|
+
color-mix(in srgb, #ffffff 60%, transparent) 50%,
|
|
4702
|
+
transparent 100%);
|
|
4703
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4704
|
+
background-image:
|
|
4705
|
+
linear-gradient(
|
|
4706
|
+
90deg,
|
|
4707
|
+
transparent 0%,
|
|
4708
|
+
color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
|
|
4709
|
+
transparent 100%);
|
|
4710
|
+
}
|
|
4693
4711
|
animation: skeleton-shimmer 1.4s ease-in-out infinite;
|
|
4694
4712
|
}
|
|
4695
4713
|
@keyframes skeleton-shimmer {
|
|
@@ -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
|
-
import "../../chunk-
|
|
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,
|
|
@@ -838,6 +838,12 @@
|
|
|
838
838
|
.\!w-20 {
|
|
839
839
|
width: calc(var(--spacing) * 20) !important;
|
|
840
840
|
}
|
|
841
|
+
.w-1\/2 {
|
|
842
|
+
width: calc(1/2 * 100%);
|
|
843
|
+
}
|
|
844
|
+
.w-1\/4 {
|
|
845
|
+
width: calc(1/4 * 100%);
|
|
846
|
+
}
|
|
841
847
|
.w-2\/3 {
|
|
842
848
|
width: calc(2/3 * 100%);
|
|
843
849
|
}
|
|
@@ -922,6 +928,9 @@
|
|
|
922
928
|
.min-w-0 {
|
|
923
929
|
min-width: calc(var(--spacing) * 0);
|
|
924
930
|
}
|
|
931
|
+
.min-w-10 {
|
|
932
|
+
min-width: calc(var(--spacing) * 10);
|
|
933
|
+
}
|
|
925
934
|
.min-w-20 {
|
|
926
935
|
min-width: calc(var(--spacing) * 20);
|
|
927
936
|
}
|
|
@@ -4678,6 +4687,7 @@
|
|
|
4678
4687
|
position: relative;
|
|
4679
4688
|
overflow: hidden;
|
|
4680
4689
|
background-color: #f7f7f7;
|
|
4690
|
+
opacity: 0.85;
|
|
4681
4691
|
}
|
|
4682
4692
|
.skeleton-paragraph::after {
|
|
4683
4693
|
content: "";
|
|
@@ -4687,9 +4697,17 @@
|
|
|
4687
4697
|
background-image:
|
|
4688
4698
|
linear-gradient(
|
|
4689
4699
|
90deg,
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4700
|
+
transparent 0%,
|
|
4701
|
+
color-mix(in srgb, #ffffff 60%, transparent) 50%,
|
|
4702
|
+
transparent 100%);
|
|
4703
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4704
|
+
background-image:
|
|
4705
|
+
linear-gradient(
|
|
4706
|
+
90deg,
|
|
4707
|
+
transparent 0%,
|
|
4708
|
+
color-mix(in srgb, var(--color-neutral-000) 60%, transparent) 50%,
|
|
4709
|
+
transparent 100%);
|
|
4710
|
+
}
|
|
4693
4711
|
animation: skeleton-shimmer 1.4s ease-in-out infinite;
|
|
4694
4712
|
}
|
|
4695
4713
|
@keyframes skeleton-shimmer {
|
|
@@ -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
|
-
import "../chunk-
|
|
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";
|