@dmsi/wedgekit-react 0.0.474 → 0.0.476
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-IG2YUDHI.js → chunk-24K4HHV5.js} +4 -4
- package/dist/{chunk-OEMLNGE2.js → chunk-4Q7T4GJ2.js} +2 -2
- package/dist/chunk-4UH72JT2.js +104 -0
- package/dist/{chunk-GTPSPGSJ.js → chunk-HSJ34DOK.js} +13 -13
- package/dist/{chunk-KJNK7KEV.js → chunk-QMSPTD6L.js} +1 -1
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Alert.cjs +787 -0
- package/dist/components/Alert.js +13 -0
- package/dist/components/CalendarRange.cjs +51 -46
- package/dist/components/CalendarRange.css +3 -0
- package/dist/components/CalendarRange.js +19 -18
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +9 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +3 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +19 -18
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +18 -13
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +3 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +19 -18
- package/dist/components/DataGrid/PinnedColumns.cjs +34 -29
- package/dist/components/DataGrid/PinnedColumns.css +3 -0
- package/dist/components/DataGrid/PinnedColumns.js +19 -18
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +10 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.css +3 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.js +19 -18
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +16 -11
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +3 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +19 -18
- package/dist/components/DataGrid/TableBody/index.cjs +31 -26
- package/dist/components/DataGrid/TableBody/index.css +3 -0
- package/dist/components/DataGrid/TableBody/index.js +19 -18
- package/dist/components/DataGrid/index.cjs +120 -115
- package/dist/components/DataGrid/index.css +3 -0
- package/dist/components/DataGrid/index.js +19 -18
- package/dist/components/DataGrid/utils.cjs +10 -5
- package/dist/components/DataGrid/utils.css +3 -0
- package/dist/components/DataGrid/utils.js +19 -18
- package/dist/components/DataGridCell.js +2 -2
- package/dist/components/DateInput.cjs +70 -65
- package/dist/components/DateInput.css +3 -0
- package/dist/components/DateInput.js +19 -18
- package/dist/components/DateRangeInput.cjs +70 -65
- package/dist/components/DateRangeInput.css +3 -0
- package/dist/components/DateRangeInput.js +19 -18
- package/dist/components/FilterGroup.js +6 -6
- package/dist/components/MobileDataGrid/ColumnList.js +3 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +17 -12
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +3 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +19 -18
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +25 -20
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +3 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +19 -18
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +6 -6
- package/dist/components/MobileDataGrid/index.cjs +89 -84
- package/dist/components/MobileDataGrid/index.css +3 -0
- package/dist/components/MobileDataGrid/index.js +19 -18
- package/dist/components/Modal.js +3 -3
- package/dist/components/Notification.js +3 -3
- package/dist/components/PDFViewer/PDFNavigation.js +2 -2
- package/dist/components/PDFViewer/index.js +6 -6
- package/dist/components/SideMenuItem.js +3 -3
- package/dist/components/Swatch.js +3 -3
- package/dist/components/Upload.js +3 -3
- package/dist/components/index.cjs +82 -0
- package/dist/components/index.css +3 -0
- package/dist/components/index.js +32 -28
- package/dist/index.css +3 -0
- package/package.json +1 -1
- package/src/components/Alert.tsx +81 -0
- package/src/components/index.ts +1 -0
- package/dist/{chunk-IT4VFU6T.js → chunk-3DEYCNUE.js} +3 -3
- package/dist/{chunk-GTBGPBH6.js → chunk-B53XDCLO.js} +3 -3
- package/dist/{chunk-ZQSD74IJ.js → chunk-IY7SXEVY.js} +3 -3
- package/dist/{chunk-BFFNSUNS.js → chunk-QBSEKZWX.js} +3 -3
- package/dist/{chunk-NIWXVOBW.js → chunk-X67L3NZI.js} +3 -3
- package/dist/{chunk-TVXBP5CW.js → chunk-XIXQUEYC.js} +3 -3
|
@@ -1,57 +1,56 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
3
|
} from "../chunk-X35NLL3N.js";
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-OEMLNGE2.js";
|
|
6
|
-
import "../chunk-IT4VFU6T.js";
|
|
4
|
+
import "../chunk-HSJ34DOK.js";
|
|
7
5
|
import "../chunk-M7INAUAJ.js";
|
|
8
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-4Q7T4GJ2.js";
|
|
7
|
+
import "../chunk-3DEYCNUE.js";
|
|
9
8
|
import "../chunk-DYBJUTGK.js";
|
|
9
|
+
import "../chunk-24K4HHV5.js";
|
|
10
|
+
import "../chunk-B53XDCLO.js";
|
|
10
11
|
import "../chunk-MBZ55T2D.js";
|
|
11
12
|
import "../chunk-2IKT6IHB.js";
|
|
12
13
|
import "../chunk-YCDDBSVU.js";
|
|
13
14
|
import "../chunk-3X3Y4TMS.js";
|
|
14
15
|
import "../chunk-BQNPOGD5.js";
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-
|
|
16
|
+
import "../chunk-QMSPTD6L.js";
|
|
17
|
+
import "../chunk-XIXQUEYC.js";
|
|
17
18
|
import "../chunk-5IFPG6TS.js";
|
|
18
19
|
import "../chunk-KW6V7O3H.js";
|
|
19
20
|
import "../chunk-AJ5M6MVX.js";
|
|
20
21
|
import "../chunk-JUFBGNWW.js";
|
|
21
22
|
import "../chunk-YNKN6RKF.js";
|
|
22
23
|
import "../chunk-VJVY6NPF.js";
|
|
23
|
-
import "../chunk-GTBGPBH6.js";
|
|
24
24
|
import "../chunk-AT4AWD6B.js";
|
|
25
25
|
import "../chunk-EWGHVZL5.js";
|
|
26
26
|
import "../chunk-7GHD74J3.js";
|
|
27
27
|
import "../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../chunk-ETAEB3TA.js";
|
|
29
|
-
import "../chunk-HVNHTM3P.js";
|
|
30
29
|
import "../chunk-GRGDX7JC.js";
|
|
31
|
-
import "../chunk-
|
|
30
|
+
import "../chunk-HVNHTM3P.js";
|
|
31
|
+
import "../chunk-X67L3NZI.js";
|
|
32
32
|
import "../chunk-4RJKB7LC.js";
|
|
33
|
+
import "../chunk-FG7GNGE3.js";
|
|
33
34
|
import "../chunk-G7KIKHER.js";
|
|
34
35
|
import "../chunk-AG43RS4Q.js";
|
|
35
36
|
import "../chunk-ZQJMNPCF.js";
|
|
36
|
-
import "../chunk-FG7GNGE3.js";
|
|
37
37
|
import "../chunk-6TYWM26K.js";
|
|
38
38
|
import "../chunk-SBRRNFOP.js";
|
|
39
39
|
import "../chunk-Y2GK27RX.js";
|
|
40
|
-
import "../chunk-H2KC5XUY.js";
|
|
41
40
|
import "../chunk-QVWYTQKL.js";
|
|
42
|
-
import "../chunk-
|
|
43
|
-
import "../chunk-WEAVZEE4.js";
|
|
44
|
-
import "../chunk-OZBB6RFM.js";
|
|
45
|
-
import "../chunk-BFFNSUNS.js";
|
|
41
|
+
import "../chunk-QBSEKZWX.js";
|
|
46
42
|
import "../chunk-TCMOGTPB.js";
|
|
47
43
|
import "../chunk-DVU5XV7L.js";
|
|
48
44
|
import "../chunk-IPAKWF2V.js";
|
|
49
|
-
import "../chunk-WVUIIBRR.js";
|
|
50
45
|
import "../chunk-RQRR4FEF.js";
|
|
51
46
|
import {
|
|
52
47
|
InputBase
|
|
53
48
|
} from "../chunk-44TH3VC7.js";
|
|
54
49
|
import "../chunk-AL5QIRY3.js";
|
|
50
|
+
import "../chunk-WVUIIBRR.js";
|
|
51
|
+
import "../chunk-75USUR3I.js";
|
|
52
|
+
import "../chunk-WEAVZEE4.js";
|
|
53
|
+
import "../chunk-OZBB6RFM.js";
|
|
55
54
|
import "../chunk-URYQ24NF.js";
|
|
56
55
|
import {
|
|
57
56
|
findDocumentRoot
|
|
@@ -65,10 +64,12 @@ import {
|
|
|
65
64
|
} from "../chunk-R3EQIDBX.js";
|
|
66
65
|
import "../chunk-5UH6QUFB.js";
|
|
67
66
|
import "../chunk-UCJUC5AZ.js";
|
|
68
|
-
import "../chunk-
|
|
67
|
+
import "../chunk-IY7SXEVY.js";
|
|
69
68
|
import "../chunk-KBJZUVLM.js";
|
|
70
|
-
import "../chunk-
|
|
69
|
+
import "../chunk-4UH72JT2.js";
|
|
70
|
+
import "../chunk-H2KC5XUY.js";
|
|
71
71
|
import "../chunk-ZSETMD4A.js";
|
|
72
|
+
import "../chunk-DORD2EBO.js";
|
|
72
73
|
import {
|
|
73
74
|
Icon
|
|
74
75
|
} from "../chunk-NKUETCDA.js";
|
|
@@ -62,7 +62,7 @@ __export(DateRangeInput_exports, {
|
|
|
62
62
|
DateRangeInput: () => DateRangeInput
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(DateRangeInput_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react39 = require("react");
|
|
66
66
|
var import_react_dom4 = require("react-dom");
|
|
67
67
|
|
|
68
68
|
// src/components/Input.tsx
|
|
@@ -728,8 +728,8 @@ Currency.displayName = "Currency";
|
|
|
728
728
|
Percentage.displayName = "Percentage";
|
|
729
729
|
|
|
730
730
|
// src/components/CalendarRange.tsx
|
|
731
|
-
var
|
|
732
|
-
var
|
|
731
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
732
|
+
var import_react38 = __toESM(require("react"), 1);
|
|
733
733
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
734
734
|
|
|
735
735
|
// src/components/DataGridCell.tsx
|
|
@@ -4970,8 +4970,13 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
|
4970
4970
|
// src/components/EmptyCartIcon.tsx
|
|
4971
4971
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
4972
4972
|
|
|
4973
|
-
// src/components/
|
|
4973
|
+
// src/components/Alert.tsx
|
|
4974
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
4975
|
+
var import_react37 = require("react");
|
|
4974
4976
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
4977
|
+
|
|
4978
|
+
// src/components/CalendarRange.tsx
|
|
4979
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4975
4980
|
function DateCell(_a) {
|
|
4976
4981
|
var _b = _a, {
|
|
4977
4982
|
date,
|
|
@@ -5006,12 +5011,12 @@ function DateCell(_a) {
|
|
|
5006
5011
|
"id",
|
|
5007
5012
|
"testid"
|
|
5008
5013
|
]);
|
|
5009
|
-
return /* @__PURE__ */ (0,
|
|
5014
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5010
5015
|
"span",
|
|
5011
5016
|
__spreadProps(__spreadValues({}, props), {
|
|
5012
5017
|
id,
|
|
5013
5018
|
"data-testid": testid,
|
|
5014
|
-
className: (0,
|
|
5019
|
+
className: (0, import_clsx39.default)(
|
|
5015
5020
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
5016
5021
|
typography.caption,
|
|
5017
5022
|
cellPadding,
|
|
@@ -5081,20 +5086,20 @@ function CalendarRange({
|
|
|
5081
5086
|
const fromDate = parseDate(from);
|
|
5082
5087
|
const toDate = parseDate(to);
|
|
5083
5088
|
const today = import_polyfill.Temporal.Now.plainDateISO();
|
|
5084
|
-
const [baseMonth, setBaseMonth] = (0,
|
|
5089
|
+
const [baseMonth, setBaseMonth] = (0, import_react38.useState)(
|
|
5085
5090
|
fromDate != null ? fromDate : today.with({ day: 1 })
|
|
5086
5091
|
);
|
|
5087
|
-
const [selecting, setSelecting] = (0,
|
|
5088
|
-
const [pendingFrom, setPendingFrom] = (0,
|
|
5089
|
-
const [hoveredDate, setHoveredDate] = (0,
|
|
5090
|
-
(0,
|
|
5092
|
+
const [selecting, setSelecting] = (0, import_react38.useState)("from");
|
|
5093
|
+
const [pendingFrom, setPendingFrom] = (0, import_react38.useState)(void 0);
|
|
5094
|
+
const [hoveredDate, setHoveredDate] = (0, import_react38.useState)(void 0);
|
|
5095
|
+
(0, import_react38.useEffect)(() => {
|
|
5091
5096
|
if (fromDate) {
|
|
5092
5097
|
setBaseMonth(fromDate.with({ day: 1 }));
|
|
5093
5098
|
} else if (toDate) {
|
|
5094
5099
|
setBaseMonth(toDate.with({ day: 1 }));
|
|
5095
5100
|
}
|
|
5096
5101
|
}, [from, to]);
|
|
5097
|
-
(0,
|
|
5102
|
+
(0, import_react38.useEffect)(() => {
|
|
5098
5103
|
if (fromDate && toDate) {
|
|
5099
5104
|
setSelecting("from");
|
|
5100
5105
|
setPendingFrom(void 0);
|
|
@@ -5160,12 +5165,12 @@ function CalendarRange({
|
|
|
5160
5165
|
}
|
|
5161
5166
|
return false;
|
|
5162
5167
|
}
|
|
5163
|
-
return /* @__PURE__ */ (0,
|
|
5168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5164
5169
|
"div",
|
|
5165
5170
|
{
|
|
5166
5171
|
id,
|
|
5167
5172
|
"data-testid": testid,
|
|
5168
|
-
className: (0,
|
|
5173
|
+
className: (0, import_clsx39.default)(
|
|
5169
5174
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
5170
5175
|
layoutPaddding,
|
|
5171
5176
|
layoutGap,
|
|
@@ -5173,15 +5178,15 @@ function CalendarRange({
|
|
|
5173
5178
|
// baseTransition,
|
|
5174
5179
|
"overflow-hidden"
|
|
5175
5180
|
),
|
|
5176
|
-
children: /* @__PURE__ */ (0,
|
|
5181
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5177
5182
|
"div",
|
|
5178
5183
|
{
|
|
5179
|
-
className: (0,
|
|
5184
|
+
className: (0, import_clsx39.default)(
|
|
5180
5185
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
5181
5186
|
layoutGap
|
|
5182
5187
|
),
|
|
5183
5188
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
5184
|
-
return /* @__PURE__ */ (0,
|
|
5189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5185
5190
|
CalendarPane,
|
|
5186
5191
|
{
|
|
5187
5192
|
getMonthData,
|
|
@@ -5239,45 +5244,45 @@ function CalendarPane({
|
|
|
5239
5244
|
const years = Array.from({ length: 100 }).map(
|
|
5240
5245
|
(_, i) => baseMonth.year - 50 + i
|
|
5241
5246
|
);
|
|
5242
|
-
const [monthMenuOpen, setMonthMenuOpen] = (0,
|
|
5243
|
-
const [yearMenuOpen, setYearMenuOpen] = (0,
|
|
5244
|
-
const monthMenuRef = (0,
|
|
5245
|
-
const yearMenuRef = (0,
|
|
5247
|
+
const [monthMenuOpen, setMonthMenuOpen] = (0, import_react38.useState)(false);
|
|
5248
|
+
const [yearMenuOpen, setYearMenuOpen] = (0, import_react38.useState)(false);
|
|
5249
|
+
const monthMenuRef = (0, import_react38.useRef)(null);
|
|
5250
|
+
const yearMenuRef = (0, import_react38.useRef)(null);
|
|
5246
5251
|
const month = getMonthData(offset);
|
|
5247
5252
|
const totalCells = 42;
|
|
5248
5253
|
const emptyCells = month.firstDayOffset;
|
|
5249
|
-
return /* @__PURE__ */ (0,
|
|
5250
|
-
/* @__PURE__ */ (0,
|
|
5254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react38.default.Fragment, { children: [
|
|
5255
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5251
5256
|
"div",
|
|
5252
5257
|
{
|
|
5253
|
-
className: (0,
|
|
5258
|
+
className: (0, import_clsx39.default)("flex flex-col"),
|
|
5254
5259
|
children: [
|
|
5255
|
-
/* @__PURE__ */ (0,
|
|
5260
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5256
5261
|
"div",
|
|
5257
5262
|
{
|
|
5258
|
-
className: (0,
|
|
5263
|
+
className: (0, import_clsx39.default)(
|
|
5259
5264
|
"flex flex-row items-center justify-between",
|
|
5260
5265
|
typography.label,
|
|
5261
5266
|
"text-text-action-primary-normal"
|
|
5262
5267
|
),
|
|
5263
5268
|
children: [
|
|
5264
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
5269
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5265
5270
|
"button",
|
|
5266
5271
|
{
|
|
5267
5272
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
5268
5273
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
5269
5274
|
type: "button",
|
|
5270
|
-
className: (0,
|
|
5275
|
+
className: (0, import_clsx39.default)(
|
|
5271
5276
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
5272
5277
|
componentPadding
|
|
5273
5278
|
),
|
|
5274
5279
|
"aria-label": "Previous month",
|
|
5275
5280
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
5276
|
-
children: /* @__PURE__ */ (0,
|
|
5281
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5277
5282
|
}
|
|
5278
|
-
) : /* @__PURE__ */ (0,
|
|
5279
|
-
/* @__PURE__ */ (0,
|
|
5280
|
-
/* @__PURE__ */ (0,
|
|
5283
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: (0, import_clsx39.default)(componentPadding, "mr-1") }),
|
|
5284
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
5285
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5281
5286
|
"button",
|
|
5282
5287
|
{
|
|
5283
5288
|
ref: (el) => {
|
|
@@ -5292,13 +5297,13 @@ function CalendarPane({
|
|
|
5292
5297
|
children: month.name
|
|
5293
5298
|
}
|
|
5294
5299
|
),
|
|
5295
|
-
/* @__PURE__ */ (0,
|
|
5300
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5296
5301
|
Menu,
|
|
5297
5302
|
{
|
|
5298
5303
|
show: monthMenuOpen,
|
|
5299
5304
|
positionTo: monthMenuRef,
|
|
5300
5305
|
setShow: () => setMonthMenuOpen(false),
|
|
5301
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
5306
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5302
5307
|
MenuOption,
|
|
5303
5308
|
{
|
|
5304
5309
|
selected: baseMonth.month === x + 1,
|
|
@@ -5312,7 +5317,7 @@ function CalendarPane({
|
|
|
5312
5317
|
))
|
|
5313
5318
|
}
|
|
5314
5319
|
),
|
|
5315
|
-
/* @__PURE__ */ (0,
|
|
5320
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5316
5321
|
"button",
|
|
5317
5322
|
{
|
|
5318
5323
|
ref: (el) => {
|
|
@@ -5327,13 +5332,13 @@ function CalendarPane({
|
|
|
5327
5332
|
children: month.year
|
|
5328
5333
|
}
|
|
5329
5334
|
),
|
|
5330
|
-
/* @__PURE__ */ (0,
|
|
5335
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5331
5336
|
Menu,
|
|
5332
5337
|
{
|
|
5333
5338
|
show: yearMenuOpen,
|
|
5334
5339
|
positionTo: yearMenuRef,
|
|
5335
5340
|
setShow: () => setYearMenuOpen(false),
|
|
5336
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
5341
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5337
5342
|
MenuOption,
|
|
5338
5343
|
{
|
|
5339
5344
|
selected: baseMonth.year === y,
|
|
@@ -5348,28 +5353,28 @@ function CalendarPane({
|
|
|
5348
5353
|
}
|
|
5349
5354
|
)
|
|
5350
5355
|
] }),
|
|
5351
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
5356
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5352
5357
|
"button",
|
|
5353
5358
|
{
|
|
5354
5359
|
id: id ? `${id}-next-month-button` : void 0,
|
|
5355
5360
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
5356
5361
|
type: "button",
|
|
5357
|
-
className: (0,
|
|
5362
|
+
className: (0, import_clsx39.default)(
|
|
5358
5363
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
5359
5364
|
componentPadding
|
|
5360
5365
|
),
|
|
5361
5366
|
"aria-label": "Next month",
|
|
5362
5367
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
5363
|
-
children: /* @__PURE__ */ (0,
|
|
5368
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5364
5369
|
}
|
|
5365
|
-
) : /* @__PURE__ */ (0,
|
|
5370
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: (0, import_clsx39.default)(componentPadding, "ml-1") })
|
|
5366
5371
|
]
|
|
5367
5372
|
}
|
|
5368
5373
|
),
|
|
5369
|
-
/* @__PURE__ */ (0,
|
|
5374
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx39.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5370
5375
|
"span",
|
|
5371
5376
|
{
|
|
5372
|
-
className: (0,
|
|
5377
|
+
className: (0, import_clsx39.default)(
|
|
5373
5378
|
typography.caption,
|
|
5374
5379
|
"text-text-secondary-normal text-center",
|
|
5375
5380
|
"w-10"
|
|
@@ -5378,7 +5383,7 @@ function CalendarPane({
|
|
|
5378
5383
|
},
|
|
5379
5384
|
d
|
|
5380
5385
|
)) }),
|
|
5381
|
-
/* @__PURE__ */ (0,
|
|
5386
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx39.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
5382
5387
|
const day = i - emptyCells + 1;
|
|
5383
5388
|
const date = month.date.with({ day: 1 }).add({
|
|
5384
5389
|
days: i - emptyCells
|
|
@@ -5392,7 +5397,7 @@ function CalendarPane({
|
|
|
5392
5397
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
5393
5398
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
5394
5399
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
5395
|
-
return /* @__PURE__ */ (0,
|
|
5400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5396
5401
|
DateCell,
|
|
5397
5402
|
{
|
|
5398
5403
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -5417,10 +5422,10 @@ function CalendarPane({
|
|
|
5417
5422
|
]
|
|
5418
5423
|
}
|
|
5419
5424
|
),
|
|
5420
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
5425
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5421
5426
|
"div",
|
|
5422
5427
|
{
|
|
5423
|
-
className: (0,
|
|
5428
|
+
className: (0, import_clsx39.default)(
|
|
5424
5429
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
5425
5430
|
// 1px width, full height, matches Figma divider
|
|
5426
5431
|
"w-px"
|
|
@@ -5431,7 +5436,7 @@ function CalendarPane({
|
|
|
5431
5436
|
}
|
|
5432
5437
|
|
|
5433
5438
|
// src/components/DateRangeInput.tsx
|
|
5434
|
-
var
|
|
5439
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5435
5440
|
var DateRangeInput = (_a) => {
|
|
5436
5441
|
var _b = _a, {
|
|
5437
5442
|
id,
|
|
@@ -5456,19 +5461,19 @@ var DateRangeInput = (_a) => {
|
|
|
5456
5461
|
"disableRange",
|
|
5457
5462
|
"label"
|
|
5458
5463
|
]);
|
|
5459
|
-
const [visible, setVisible] = (0,
|
|
5460
|
-
const [inputValue, setInputValue] = (0,
|
|
5461
|
-
const [isTyping, setIsTyping] = (0,
|
|
5462
|
-
const popoverRef = (0,
|
|
5463
|
-
const rootRef = (0,
|
|
5464
|
-
const triggerRef = (0,
|
|
5465
|
-
const [calendarPosition, setCalendarPosition] = (0,
|
|
5464
|
+
const [visible, setVisible] = (0, import_react39.useState)(false);
|
|
5465
|
+
const [inputValue, setInputValue] = (0, import_react39.useState)("");
|
|
5466
|
+
const [isTyping, setIsTyping] = (0, import_react39.useState)(false);
|
|
5467
|
+
const popoverRef = (0, import_react39.useRef)(null);
|
|
5468
|
+
const rootRef = (0, import_react39.useRef)(null);
|
|
5469
|
+
const triggerRef = (0, import_react39.useRef)(null);
|
|
5470
|
+
const [calendarPosition, setCalendarPosition] = (0, import_react39.useState)({
|
|
5466
5471
|
top: 0,
|
|
5467
5472
|
left: 0,
|
|
5468
5473
|
width: 0
|
|
5469
5474
|
});
|
|
5470
5475
|
const [from, to] = value.split("|");
|
|
5471
|
-
(0,
|
|
5476
|
+
(0, import_react39.useEffect)(() => {
|
|
5472
5477
|
if (!isTyping) {
|
|
5473
5478
|
const displayValue = formatDisplayValue(from, to);
|
|
5474
5479
|
if (displayValue) {
|
|
@@ -5476,7 +5481,7 @@ var DateRangeInput = (_a) => {
|
|
|
5476
5481
|
}
|
|
5477
5482
|
}
|
|
5478
5483
|
}, [from, to, isTyping, disableRange]);
|
|
5479
|
-
(0,
|
|
5484
|
+
(0, import_react39.useLayoutEffect)(() => {
|
|
5480
5485
|
if (visible) {
|
|
5481
5486
|
updatePosition();
|
|
5482
5487
|
}
|
|
@@ -5491,7 +5496,7 @@ var DateRangeInput = (_a) => {
|
|
|
5491
5496
|
});
|
|
5492
5497
|
}
|
|
5493
5498
|
};
|
|
5494
|
-
(0,
|
|
5499
|
+
(0, import_react39.useEffect)(() => {
|
|
5495
5500
|
updatePosition();
|
|
5496
5501
|
const resizeObserver = new ResizeObserver(updatePosition);
|
|
5497
5502
|
if (triggerRef.current) {
|
|
@@ -5503,7 +5508,7 @@ var DateRangeInput = (_a) => {
|
|
|
5503
5508
|
window.removeEventListener("scroll", updatePosition);
|
|
5504
5509
|
};
|
|
5505
5510
|
}, []);
|
|
5506
|
-
(0,
|
|
5511
|
+
(0, import_react39.useEffect)(() => {
|
|
5507
5512
|
const handleKeyDown2 = (event) => {
|
|
5508
5513
|
var _a2;
|
|
5509
5514
|
if (event.key === "Escape" && popoverRef.current) {
|
|
@@ -5516,7 +5521,7 @@ var DateRangeInput = (_a) => {
|
|
|
5516
5521
|
document.removeEventListener("keydown", handleKeyDown2);
|
|
5517
5522
|
};
|
|
5518
5523
|
}, []);
|
|
5519
|
-
(0,
|
|
5524
|
+
(0, import_react39.useEffect)(() => {
|
|
5520
5525
|
const handleClickOutside = (event) => {
|
|
5521
5526
|
if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
|
|
5522
5527
|
setVisible(false);
|
|
@@ -5851,8 +5856,8 @@ var DateRangeInput = (_a) => {
|
|
|
5851
5856
|
}
|
|
5852
5857
|
}
|
|
5853
5858
|
};
|
|
5854
|
-
return /* @__PURE__ */ (0,
|
|
5855
|
-
/* @__PURE__ */ (0,
|
|
5859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
5860
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5856
5861
|
InputBase,
|
|
5857
5862
|
__spreadProps(__spreadValues({
|
|
5858
5863
|
id,
|
|
@@ -5866,7 +5871,7 @@ var DateRangeInput = (_a) => {
|
|
|
5866
5871
|
placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
|
|
5867
5872
|
disabled,
|
|
5868
5873
|
readOnly,
|
|
5869
|
-
after: /* @__PURE__ */ (0,
|
|
5874
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { name: "calendar_month" }),
|
|
5870
5875
|
onFocus: handleFocus,
|
|
5871
5876
|
onClick: handleClick,
|
|
5872
5877
|
onChange: handleInputChange,
|
|
@@ -5877,7 +5882,7 @@ var DateRangeInput = (_a) => {
|
|
|
5877
5882
|
})
|
|
5878
5883
|
),
|
|
5879
5884
|
visible && !readOnly && (0, import_react_dom4.createPortal)(
|
|
5880
|
-
/* @__PURE__ */ (0,
|
|
5885
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5881
5886
|
"div",
|
|
5882
5887
|
{
|
|
5883
5888
|
ref: (el) => {
|
|
@@ -5889,7 +5894,7 @@ var DateRangeInput = (_a) => {
|
|
|
5889
5894
|
left: `${calendarPosition.left}px`,
|
|
5890
5895
|
minWidth: `${calendarPosition.width}px`
|
|
5891
5896
|
},
|
|
5892
|
-
children: /* @__PURE__ */ (0,
|
|
5897
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5893
5898
|
CalendarRange,
|
|
5894
5899
|
{
|
|
5895
5900
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -1,57 +1,56 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
3
|
} from "../chunk-X35NLL3N.js";
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-OEMLNGE2.js";
|
|
6
|
-
import "../chunk-IT4VFU6T.js";
|
|
4
|
+
import "../chunk-HSJ34DOK.js";
|
|
7
5
|
import "../chunk-M7INAUAJ.js";
|
|
8
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-4Q7T4GJ2.js";
|
|
7
|
+
import "../chunk-3DEYCNUE.js";
|
|
9
8
|
import "../chunk-DYBJUTGK.js";
|
|
9
|
+
import "../chunk-24K4HHV5.js";
|
|
10
|
+
import "../chunk-B53XDCLO.js";
|
|
10
11
|
import "../chunk-MBZ55T2D.js";
|
|
11
12
|
import "../chunk-2IKT6IHB.js";
|
|
12
13
|
import "../chunk-YCDDBSVU.js";
|
|
13
14
|
import "../chunk-3X3Y4TMS.js";
|
|
14
15
|
import "../chunk-BQNPOGD5.js";
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-
|
|
16
|
+
import "../chunk-QMSPTD6L.js";
|
|
17
|
+
import "../chunk-XIXQUEYC.js";
|
|
17
18
|
import "../chunk-5IFPG6TS.js";
|
|
18
19
|
import "../chunk-KW6V7O3H.js";
|
|
19
20
|
import "../chunk-AJ5M6MVX.js";
|
|
20
21
|
import "../chunk-JUFBGNWW.js";
|
|
21
22
|
import "../chunk-YNKN6RKF.js";
|
|
22
23
|
import "../chunk-VJVY6NPF.js";
|
|
23
|
-
import "../chunk-GTBGPBH6.js";
|
|
24
24
|
import "../chunk-AT4AWD6B.js";
|
|
25
25
|
import "../chunk-EWGHVZL5.js";
|
|
26
26
|
import "../chunk-7GHD74J3.js";
|
|
27
27
|
import "../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../chunk-ETAEB3TA.js";
|
|
29
|
-
import "../chunk-HVNHTM3P.js";
|
|
30
29
|
import "../chunk-GRGDX7JC.js";
|
|
31
|
-
import "../chunk-
|
|
30
|
+
import "../chunk-HVNHTM3P.js";
|
|
31
|
+
import "../chunk-X67L3NZI.js";
|
|
32
32
|
import "../chunk-4RJKB7LC.js";
|
|
33
|
+
import "../chunk-FG7GNGE3.js";
|
|
33
34
|
import "../chunk-G7KIKHER.js";
|
|
34
35
|
import "../chunk-AG43RS4Q.js";
|
|
35
36
|
import "../chunk-ZQJMNPCF.js";
|
|
36
|
-
import "../chunk-FG7GNGE3.js";
|
|
37
37
|
import "../chunk-6TYWM26K.js";
|
|
38
38
|
import "../chunk-SBRRNFOP.js";
|
|
39
39
|
import "../chunk-Y2GK27RX.js";
|
|
40
|
-
import "../chunk-H2KC5XUY.js";
|
|
41
40
|
import "../chunk-QVWYTQKL.js";
|
|
42
|
-
import "../chunk-
|
|
43
|
-
import "../chunk-WEAVZEE4.js";
|
|
44
|
-
import "../chunk-OZBB6RFM.js";
|
|
45
|
-
import "../chunk-BFFNSUNS.js";
|
|
41
|
+
import "../chunk-QBSEKZWX.js";
|
|
46
42
|
import "../chunk-TCMOGTPB.js";
|
|
47
43
|
import "../chunk-DVU5XV7L.js";
|
|
48
44
|
import "../chunk-IPAKWF2V.js";
|
|
49
|
-
import "../chunk-WVUIIBRR.js";
|
|
50
45
|
import "../chunk-RQRR4FEF.js";
|
|
51
46
|
import {
|
|
52
47
|
InputBase
|
|
53
48
|
} from "../chunk-44TH3VC7.js";
|
|
54
49
|
import "../chunk-AL5QIRY3.js";
|
|
50
|
+
import "../chunk-WVUIIBRR.js";
|
|
51
|
+
import "../chunk-75USUR3I.js";
|
|
52
|
+
import "../chunk-WEAVZEE4.js";
|
|
53
|
+
import "../chunk-OZBB6RFM.js";
|
|
55
54
|
import "../chunk-URYQ24NF.js";
|
|
56
55
|
import {
|
|
57
56
|
findDocumentRoot
|
|
@@ -66,10 +65,12 @@ import {
|
|
|
66
65
|
} from "../chunk-R3EQIDBX.js";
|
|
67
66
|
import "../chunk-5UH6QUFB.js";
|
|
68
67
|
import "../chunk-UCJUC5AZ.js";
|
|
69
|
-
import "../chunk-
|
|
68
|
+
import "../chunk-IY7SXEVY.js";
|
|
70
69
|
import "../chunk-KBJZUVLM.js";
|
|
71
|
-
import "../chunk-
|
|
70
|
+
import "../chunk-4UH72JT2.js";
|
|
71
|
+
import "../chunk-H2KC5XUY.js";
|
|
72
72
|
import "../chunk-ZSETMD4A.js";
|
|
73
|
+
import "../chunk-DORD2EBO.js";
|
|
73
74
|
import {
|
|
74
75
|
Icon
|
|
75
76
|
} from "../chunk-NKUETCDA.js";
|
|
@@ -2,12 +2,6 @@
|
|
|
2
2
|
import {
|
|
3
3
|
OptionPill
|
|
4
4
|
} from "../chunk-2F3R3WXW.js";
|
|
5
|
-
import {
|
|
6
|
-
Link
|
|
7
|
-
} from "../chunk-Z6HIIJK3.js";
|
|
8
|
-
import {
|
|
9
|
-
Checkbox
|
|
10
|
-
} from "../chunk-WEAVZEE4.js";
|
|
11
5
|
import {
|
|
12
6
|
Search
|
|
13
7
|
} from "../chunk-RQRR4FEF.js";
|
|
@@ -15,8 +9,14 @@ import "../chunk-44TH3VC7.js";
|
|
|
15
9
|
import {
|
|
16
10
|
Label
|
|
17
11
|
} from "../chunk-AL5QIRY3.js";
|
|
12
|
+
import {
|
|
13
|
+
Checkbox
|
|
14
|
+
} from "../chunk-WEAVZEE4.js";
|
|
18
15
|
import "../chunk-5UH6QUFB.js";
|
|
19
16
|
import "../chunk-ZSETMD4A.js";
|
|
17
|
+
import {
|
|
18
|
+
Link
|
|
19
|
+
} from "../chunk-Z6HIIJK3.js";
|
|
20
20
|
import {
|
|
21
21
|
Icon
|
|
22
22
|
} from "../chunk-NKUETCDA.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnList
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-QMSPTD6L.js";
|
|
4
|
+
import "../../chunk-XIXQUEYC.js";
|
|
5
5
|
import "../../chunk-5IFPG6TS.js";
|
|
6
6
|
import "../../chunk-KW6V7O3H.js";
|
|
7
7
|
import "../../chunk-AJ5M6MVX.js";
|
|
8
8
|
import "../../chunk-WEAVZEE4.js";
|
|
9
9
|
import "../../chunk-UCJUC5AZ.js";
|
|
10
|
-
import "../../chunk-DORD2EBO.js";
|
|
11
10
|
import "../../chunk-ZSETMD4A.js";
|
|
11
|
+
import "../../chunk-DORD2EBO.js";
|
|
12
12
|
import "../../chunk-NKUETCDA.js";
|
|
13
13
|
import "../../chunk-IXR65MOU.js";
|
|
14
14
|
import "../../chunk-ORMEWXMH.js";
|