@dmsi/wedgekit-react 0.0.411 → 0.0.413
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/components/CalendarRange.cjs +46 -71
- package/dist/components/CalendarRange.js +1 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +4 -29
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +13 -38
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -6
- package/dist/components/DataGrid/PinnedColumns.cjs +29 -54
- package/dist/components/DataGrid/PinnedColumns.js +1 -6
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +5 -30
- package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -6
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +11 -36
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -6
- package/dist/components/DataGrid/TableBody/index.cjs +26 -51
- package/dist/components/DataGrid/TableBody/index.js +1 -6
- package/dist/components/DataGrid/index.cjs +115 -140
- package/dist/components/DataGrid/index.js +1 -6
- package/dist/components/DataGrid/utils.cjs +5 -30
- package/dist/components/DataGrid/utils.js +1 -6
- package/dist/components/DateInput.cjs +65 -90
- package/dist/components/DateInput.js +1 -6
- package/dist/components/DateRangeInput.cjs +65 -90
- package/dist/components/DateRangeInput.js +1 -6
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -37
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -6
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +20 -45
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -6
- package/dist/components/MobileDataGrid/index.cjs +499 -524
- package/dist/components/MobileDataGrid/index.js +1 -6
- package/dist/components/PDFViewer/index.js +109 -6
- package/dist/components/index.cjs +0 -286
- package/dist/components/index.js +1 -9
- package/package.json +1 -1
- package/src/components/index.ts +0 -1
- package/dist/chunk-LLZ3SSZJ.js +0 -114
- /package/dist/{chunk-OW3WN3JV.js → chunk-OBY5EH47.js} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import {
|
|
3
3
|
DataGrid,
|
|
4
4
|
DataGrid_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-OBY5EH47.js";
|
|
6
6
|
import "../../chunk-M7INAUAJ.js";
|
|
7
7
|
import "../../chunk-6I5LZ2ZC.js";
|
|
8
8
|
import "../../chunk-44TDIHUP.js";
|
|
@@ -10,11 +10,6 @@ import "../../chunk-LZGYABCX.js";
|
|
|
10
10
|
import "../../chunk-G5DEC7H3.js";
|
|
11
11
|
import "../../chunk-3X3Y4TMS.js";
|
|
12
12
|
import "../../chunk-BQNPOGD5.js";
|
|
13
|
-
import "../../chunk-LLZ3SSZJ.js";
|
|
14
|
-
import "../../chunk-EJSPFQCY.js";
|
|
15
|
-
import "../../chunk-ERW5DEIO.js";
|
|
16
|
-
import "../../chunk-2HMCS25C.js";
|
|
17
|
-
import "../../chunk-VJVY6NPF.js";
|
|
18
13
|
import "../../chunk-MBZ55T2D.js";
|
|
19
14
|
import "../../chunk-2IKT6IHB.js";
|
|
20
15
|
import "../../chunk-AA6GE3TH.js";
|
|
@@ -62,7 +62,7 @@ __export(utils_exports, {
|
|
|
62
62
|
getSortIcon: () => getSortIcon
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(utils_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -4646,42 +4646,17 @@ var import_react32 = require("react");
|
|
|
4646
4646
|
var import_clsx32 = __toESM(require("clsx"), 1);
|
|
4647
4647
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4648
4648
|
|
|
4649
|
-
// src/components/PDFViewer/index.tsx
|
|
4650
|
-
var import_react35 = require("react");
|
|
4651
|
-
|
|
4652
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4653
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4654
|
-
var import_react34 = require("react");
|
|
4655
|
-
|
|
4656
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4657
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4658
|
-
var import_react33 = require("react");
|
|
4659
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4660
|
-
|
|
4661
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4662
|
-
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4663
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4664
|
-
|
|
4665
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4666
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4667
|
-
|
|
4668
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4669
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4670
|
-
|
|
4671
|
-
// src/components/PDFViewer/index.tsx
|
|
4672
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4673
|
-
|
|
4674
4649
|
// src/components/DataGrid/utils.tsx
|
|
4675
|
-
var
|
|
4650
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4676
4651
|
function getSortIcon(sort, nextSort = false) {
|
|
4677
|
-
const iconClassName = (0,
|
|
4652
|
+
const iconClassName = (0, import_clsx33.default)(
|
|
4678
4653
|
"text-icon-on-action-primary-normal",
|
|
4679
4654
|
nextSort && "hidden group-hover:block"
|
|
4680
4655
|
);
|
|
4681
4656
|
if (sort === "asc")
|
|
4682
|
-
return /* @__PURE__ */ (0,
|
|
4657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
4683
4658
|
if (sort === "desc")
|
|
4684
|
-
return /* @__PURE__ */ (0,
|
|
4659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
4685
4660
|
return null;
|
|
4686
4661
|
}
|
|
4687
4662
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
getSortIcon
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-OBY5EH47.js";
|
|
4
4
|
import "../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../chunk-6I5LZ2ZC.js";
|
|
6
6
|
import "../../chunk-44TDIHUP.js";
|
|
@@ -8,11 +8,6 @@ import "../../chunk-LZGYABCX.js";
|
|
|
8
8
|
import "../../chunk-G5DEC7H3.js";
|
|
9
9
|
import "../../chunk-3X3Y4TMS.js";
|
|
10
10
|
import "../../chunk-BQNPOGD5.js";
|
|
11
|
-
import "../../chunk-LLZ3SSZJ.js";
|
|
12
|
-
import "../../chunk-EJSPFQCY.js";
|
|
13
|
-
import "../../chunk-ERW5DEIO.js";
|
|
14
|
-
import "../../chunk-2HMCS25C.js";
|
|
15
|
-
import "../../chunk-VJVY6NPF.js";
|
|
16
11
|
import "../../chunk-MBZ55T2D.js";
|
|
17
12
|
import "../../chunk-2IKT6IHB.js";
|
|
18
13
|
import "../../chunk-AA6GE3TH.js";
|
|
@@ -62,7 +62,7 @@ __export(DateInput_exports, {
|
|
|
62
62
|
DateInput: () => DateInput
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(DateInput_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react34 = require("react");
|
|
66
66
|
var import_react_dom4 = require("react-dom");
|
|
67
67
|
|
|
68
68
|
// src/components/Input.tsx
|
|
@@ -716,8 +716,8 @@ Currency.displayName = "Currency";
|
|
|
716
716
|
Percentage.displayName = "Percentage";
|
|
717
717
|
|
|
718
718
|
// src/components/CalendarRange.tsx
|
|
719
|
-
var
|
|
720
|
-
var
|
|
719
|
+
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
720
|
+
var import_react33 = __toESM(require("react"), 1);
|
|
721
721
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
722
722
|
|
|
723
723
|
// src/components/DataGridCell.tsx
|
|
@@ -4739,33 +4739,8 @@ var import_react32 = require("react");
|
|
|
4739
4739
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4740
4740
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4741
4741
|
|
|
4742
|
-
// src/components/PDFViewer/index.tsx
|
|
4743
|
-
var import_react35 = require("react");
|
|
4744
|
-
|
|
4745
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4746
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4747
|
-
var import_react34 = require("react");
|
|
4748
|
-
|
|
4749
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4750
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4751
|
-
var import_react33 = require("react");
|
|
4752
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4753
|
-
|
|
4754
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4755
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
4756
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4757
|
-
|
|
4758
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4759
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4760
|
-
|
|
4761
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4762
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4763
|
-
|
|
4764
|
-
// src/components/PDFViewer/index.tsx
|
|
4765
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4766
|
-
|
|
4767
4742
|
// src/components/CalendarRange.tsx
|
|
4768
|
-
var
|
|
4743
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4769
4744
|
function DateCell(_a) {
|
|
4770
4745
|
var _b = _a, {
|
|
4771
4746
|
date,
|
|
@@ -4800,12 +4775,12 @@ function DateCell(_a) {
|
|
|
4800
4775
|
"id",
|
|
4801
4776
|
"testid"
|
|
4802
4777
|
]);
|
|
4803
|
-
return /* @__PURE__ */ (0,
|
|
4778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4804
4779
|
"span",
|
|
4805
4780
|
__spreadProps(__spreadValues({}, props), {
|
|
4806
4781
|
id,
|
|
4807
4782
|
"data-testid": testid,
|
|
4808
|
-
className: (0,
|
|
4783
|
+
className: (0, import_clsx34.default)(
|
|
4809
4784
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
4810
4785
|
typography.caption,
|
|
4811
4786
|
cellPadding,
|
|
@@ -4875,20 +4850,20 @@ function CalendarRange({
|
|
|
4875
4850
|
const fromDate = parseDate(from);
|
|
4876
4851
|
const toDate = parseDate(to);
|
|
4877
4852
|
const today = import_polyfill.Temporal.Now.plainDateISO();
|
|
4878
|
-
const [baseMonth, setBaseMonth] = (0,
|
|
4853
|
+
const [baseMonth, setBaseMonth] = (0, import_react33.useState)(
|
|
4879
4854
|
fromDate != null ? fromDate : today.with({ day: 1 })
|
|
4880
4855
|
);
|
|
4881
|
-
const [selecting, setSelecting] = (0,
|
|
4882
|
-
const [pendingFrom, setPendingFrom] = (0,
|
|
4883
|
-
const [hoveredDate, setHoveredDate] = (0,
|
|
4884
|
-
(0,
|
|
4856
|
+
const [selecting, setSelecting] = (0, import_react33.useState)("from");
|
|
4857
|
+
const [pendingFrom, setPendingFrom] = (0, import_react33.useState)(void 0);
|
|
4858
|
+
const [hoveredDate, setHoveredDate] = (0, import_react33.useState)(void 0);
|
|
4859
|
+
(0, import_react33.useEffect)(() => {
|
|
4885
4860
|
if (fromDate) {
|
|
4886
4861
|
setBaseMonth(fromDate.with({ day: 1 }));
|
|
4887
4862
|
} else if (toDate) {
|
|
4888
4863
|
setBaseMonth(toDate.with({ day: 1 }));
|
|
4889
4864
|
}
|
|
4890
4865
|
}, [from, to]);
|
|
4891
|
-
(0,
|
|
4866
|
+
(0, import_react33.useEffect)(() => {
|
|
4892
4867
|
if (fromDate && toDate) {
|
|
4893
4868
|
setSelecting("from");
|
|
4894
4869
|
setPendingFrom(void 0);
|
|
@@ -4954,12 +4929,12 @@ function CalendarRange({
|
|
|
4954
4929
|
}
|
|
4955
4930
|
return false;
|
|
4956
4931
|
}
|
|
4957
|
-
return /* @__PURE__ */ (0,
|
|
4932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4958
4933
|
"div",
|
|
4959
4934
|
{
|
|
4960
4935
|
id,
|
|
4961
4936
|
"data-testid": testid,
|
|
4962
|
-
className: (0,
|
|
4937
|
+
className: (0, import_clsx34.default)(
|
|
4963
4938
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
4964
4939
|
layoutPaddding,
|
|
4965
4940
|
layoutGap,
|
|
@@ -4967,15 +4942,15 @@ function CalendarRange({
|
|
|
4967
4942
|
// baseTransition,
|
|
4968
4943
|
"overflow-hidden"
|
|
4969
4944
|
),
|
|
4970
|
-
children: /* @__PURE__ */ (0,
|
|
4945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4971
4946
|
"div",
|
|
4972
4947
|
{
|
|
4973
|
-
className: (0,
|
|
4948
|
+
className: (0, import_clsx34.default)(
|
|
4974
4949
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
4975
4950
|
layoutGap
|
|
4976
4951
|
),
|
|
4977
4952
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
4978
|
-
return /* @__PURE__ */ (0,
|
|
4953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4979
4954
|
CalendarPane,
|
|
4980
4955
|
{
|
|
4981
4956
|
getMonthData,
|
|
@@ -5033,45 +5008,45 @@ function CalendarPane({
|
|
|
5033
5008
|
const years = Array.from({ length: 100 }).map(
|
|
5034
5009
|
(_, i) => baseMonth.year - 50 + i
|
|
5035
5010
|
);
|
|
5036
|
-
const [monthMenuOpen, setMonthMenuOpen] = (0,
|
|
5037
|
-
const [yearMenuOpen, setYearMenuOpen] = (0,
|
|
5038
|
-
const monthMenuRef = (0,
|
|
5039
|
-
const yearMenuRef = (0,
|
|
5011
|
+
const [monthMenuOpen, setMonthMenuOpen] = (0, import_react33.useState)(false);
|
|
5012
|
+
const [yearMenuOpen, setYearMenuOpen] = (0, import_react33.useState)(false);
|
|
5013
|
+
const monthMenuRef = (0, import_react33.useRef)(null);
|
|
5014
|
+
const yearMenuRef = (0, import_react33.useRef)(null);
|
|
5040
5015
|
const month = getMonthData(offset);
|
|
5041
5016
|
const totalCells = 42;
|
|
5042
5017
|
const emptyCells = month.firstDayOffset;
|
|
5043
|
-
return /* @__PURE__ */ (0,
|
|
5044
|
-
/* @__PURE__ */ (0,
|
|
5018
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react33.default.Fragment, { children: [
|
|
5019
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5045
5020
|
"div",
|
|
5046
5021
|
{
|
|
5047
|
-
className: (0,
|
|
5022
|
+
className: (0, import_clsx34.default)("flex flex-col"),
|
|
5048
5023
|
children: [
|
|
5049
|
-
/* @__PURE__ */ (0,
|
|
5024
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5050
5025
|
"div",
|
|
5051
5026
|
{
|
|
5052
|
-
className: (0,
|
|
5027
|
+
className: (0, import_clsx34.default)(
|
|
5053
5028
|
"flex flex-row items-center justify-between",
|
|
5054
5029
|
typography.label,
|
|
5055
5030
|
"text-text-action-primary-normal"
|
|
5056
5031
|
),
|
|
5057
5032
|
children: [
|
|
5058
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
5033
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5059
5034
|
"button",
|
|
5060
5035
|
{
|
|
5061
5036
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
5062
5037
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
5063
5038
|
type: "button",
|
|
5064
|
-
className: (0,
|
|
5039
|
+
className: (0, import_clsx34.default)(
|
|
5065
5040
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
5066
5041
|
componentPadding
|
|
5067
5042
|
),
|
|
5068
5043
|
"aria-label": "Previous month",
|
|
5069
5044
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
5070
|
-
children: /* @__PURE__ */ (0,
|
|
5045
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5071
5046
|
}
|
|
5072
|
-
) : /* @__PURE__ */ (0,
|
|
5073
|
-
/* @__PURE__ */ (0,
|
|
5074
|
-
/* @__PURE__ */ (0,
|
|
5047
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "mr-1") }),
|
|
5048
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
5049
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5075
5050
|
"button",
|
|
5076
5051
|
{
|
|
5077
5052
|
ref: (el) => {
|
|
@@ -5086,13 +5061,13 @@ function CalendarPane({
|
|
|
5086
5061
|
children: month.name
|
|
5087
5062
|
}
|
|
5088
5063
|
),
|
|
5089
|
-
/* @__PURE__ */ (0,
|
|
5064
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5090
5065
|
Menu,
|
|
5091
5066
|
{
|
|
5092
5067
|
show: monthMenuOpen,
|
|
5093
5068
|
positionTo: monthMenuRef,
|
|
5094
5069
|
setShow: () => setMonthMenuOpen(false),
|
|
5095
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
5070
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5096
5071
|
MenuOption,
|
|
5097
5072
|
{
|
|
5098
5073
|
selected: baseMonth.month === x + 1,
|
|
@@ -5106,7 +5081,7 @@ function CalendarPane({
|
|
|
5106
5081
|
))
|
|
5107
5082
|
}
|
|
5108
5083
|
),
|
|
5109
|
-
/* @__PURE__ */ (0,
|
|
5084
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5110
5085
|
"button",
|
|
5111
5086
|
{
|
|
5112
5087
|
ref: (el) => {
|
|
@@ -5121,13 +5096,13 @@ function CalendarPane({
|
|
|
5121
5096
|
children: month.year
|
|
5122
5097
|
}
|
|
5123
5098
|
),
|
|
5124
|
-
/* @__PURE__ */ (0,
|
|
5099
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5125
5100
|
Menu,
|
|
5126
5101
|
{
|
|
5127
5102
|
show: yearMenuOpen,
|
|
5128
5103
|
positionTo: yearMenuRef,
|
|
5129
5104
|
setShow: () => setYearMenuOpen(false),
|
|
5130
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
5105
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5131
5106
|
MenuOption,
|
|
5132
5107
|
{
|
|
5133
5108
|
selected: baseMonth.year === y,
|
|
@@ -5142,28 +5117,28 @@ function CalendarPane({
|
|
|
5142
5117
|
}
|
|
5143
5118
|
)
|
|
5144
5119
|
] }),
|
|
5145
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
5120
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5146
5121
|
"button",
|
|
5147
5122
|
{
|
|
5148
5123
|
id: id ? `${id}-next-month-button` : void 0,
|
|
5149
5124
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
5150
5125
|
type: "button",
|
|
5151
|
-
className: (0,
|
|
5126
|
+
className: (0, import_clsx34.default)(
|
|
5152
5127
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
5153
5128
|
componentPadding
|
|
5154
5129
|
),
|
|
5155
5130
|
"aria-label": "Next month",
|
|
5156
5131
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
5157
|
-
children: /* @__PURE__ */ (0,
|
|
5132
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5158
5133
|
}
|
|
5159
|
-
) : /* @__PURE__ */ (0,
|
|
5134
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "ml-1") })
|
|
5160
5135
|
]
|
|
5161
5136
|
}
|
|
5162
5137
|
),
|
|
5163
|
-
/* @__PURE__ */ (0,
|
|
5138
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: (0, import_clsx34.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5164
5139
|
"span",
|
|
5165
5140
|
{
|
|
5166
|
-
className: (0,
|
|
5141
|
+
className: (0, import_clsx34.default)(
|
|
5167
5142
|
typography.caption,
|
|
5168
5143
|
"text-text-secondary-normal text-center",
|
|
5169
5144
|
"w-10"
|
|
@@ -5172,7 +5147,7 @@ function CalendarPane({
|
|
|
5172
5147
|
},
|
|
5173
5148
|
d
|
|
5174
5149
|
)) }),
|
|
5175
|
-
/* @__PURE__ */ (0,
|
|
5150
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: (0, import_clsx34.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
5176
5151
|
const day = i - emptyCells + 1;
|
|
5177
5152
|
const date = month.date.with({ day: 1 }).add({
|
|
5178
5153
|
days: i - emptyCells
|
|
@@ -5186,7 +5161,7 @@ function CalendarPane({
|
|
|
5186
5161
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
5187
5162
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
5188
5163
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
5189
|
-
return /* @__PURE__ */ (0,
|
|
5164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5190
5165
|
DateCell,
|
|
5191
5166
|
{
|
|
5192
5167
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -5211,10 +5186,10 @@ function CalendarPane({
|
|
|
5211
5186
|
]
|
|
5212
5187
|
}
|
|
5213
5188
|
),
|
|
5214
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
5189
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5215
5190
|
"div",
|
|
5216
5191
|
{
|
|
5217
|
-
className: (0,
|
|
5192
|
+
className: (0, import_clsx34.default)(
|
|
5218
5193
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
5219
5194
|
// 1px width, full height, matches Figma divider
|
|
5220
5195
|
"w-px"
|
|
@@ -5225,7 +5200,7 @@ function CalendarPane({
|
|
|
5225
5200
|
}
|
|
5226
5201
|
|
|
5227
5202
|
// src/components/DateInput.tsx
|
|
5228
|
-
var
|
|
5203
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5229
5204
|
var DateInput = (_a) => {
|
|
5230
5205
|
var _b = _a, {
|
|
5231
5206
|
id,
|
|
@@ -5246,24 +5221,24 @@ var DateInput = (_a) => {
|
|
|
5246
5221
|
"readOnly",
|
|
5247
5222
|
"label"
|
|
5248
5223
|
]);
|
|
5249
|
-
const [visible, setVisible] = (0,
|
|
5250
|
-
const [inputValue, setInputValue] = (0,
|
|
5251
|
-
const [isTyping, setIsTyping] = (0,
|
|
5252
|
-
const popoverRef = (0,
|
|
5253
|
-
const triggerRef = (0,
|
|
5254
|
-
const rootRef = (0,
|
|
5255
|
-
const [calendarPosition, setCalendarPosition] = (0,
|
|
5224
|
+
const [visible, setVisible] = (0, import_react34.useState)(false);
|
|
5225
|
+
const [inputValue, setInputValue] = (0, import_react34.useState)("");
|
|
5226
|
+
const [isTyping, setIsTyping] = (0, import_react34.useState)(false);
|
|
5227
|
+
const popoverRef = (0, import_react34.useRef)(null);
|
|
5228
|
+
const triggerRef = (0, import_react34.useRef)(null);
|
|
5229
|
+
const rootRef = (0, import_react34.useRef)(null);
|
|
5230
|
+
const [calendarPosition, setCalendarPosition] = (0, import_react34.useState)({
|
|
5256
5231
|
top: 0,
|
|
5257
5232
|
left: 0,
|
|
5258
5233
|
width: 0
|
|
5259
5234
|
});
|
|
5260
5235
|
const [from, to] = [value, ""];
|
|
5261
|
-
(0,
|
|
5236
|
+
(0, import_react34.useEffect)(() => {
|
|
5262
5237
|
if (!isTyping) {
|
|
5263
5238
|
setInputValue(formatDisplayValue(from));
|
|
5264
5239
|
}
|
|
5265
5240
|
}, [from, isTyping]);
|
|
5266
|
-
(0,
|
|
5241
|
+
(0, import_react34.useLayoutEffect)(() => {
|
|
5267
5242
|
if (visible) {
|
|
5268
5243
|
updatePosition();
|
|
5269
5244
|
}
|
|
@@ -5278,7 +5253,7 @@ var DateInput = (_a) => {
|
|
|
5278
5253
|
});
|
|
5279
5254
|
}
|
|
5280
5255
|
};
|
|
5281
|
-
(0,
|
|
5256
|
+
(0, import_react34.useEffect)(() => {
|
|
5282
5257
|
updatePosition();
|
|
5283
5258
|
const resizeObserver = new ResizeObserver(updatePosition);
|
|
5284
5259
|
if (triggerRef.current) {
|
|
@@ -5290,7 +5265,7 @@ var DateInput = (_a) => {
|
|
|
5290
5265
|
window.removeEventListener("scroll", updatePosition);
|
|
5291
5266
|
};
|
|
5292
5267
|
}, []);
|
|
5293
|
-
(0,
|
|
5268
|
+
(0, import_react34.useEffect)(() => {
|
|
5294
5269
|
const handleKeyDown2 = (event) => {
|
|
5295
5270
|
var _a2;
|
|
5296
5271
|
if (event.key === "Escape" && popoverRef.current) {
|
|
@@ -5303,7 +5278,7 @@ var DateInput = (_a) => {
|
|
|
5303
5278
|
document.removeEventListener("keydown", handleKeyDown2);
|
|
5304
5279
|
};
|
|
5305
5280
|
});
|
|
5306
|
-
(0,
|
|
5281
|
+
(0, import_react34.useEffect)(() => {
|
|
5307
5282
|
const handleClickOutside = (event) => {
|
|
5308
5283
|
if (popoverRef.current && !popoverRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
|
|
5309
5284
|
setVisible(false);
|
|
@@ -5384,8 +5359,8 @@ var DateInput = (_a) => {
|
|
|
5384
5359
|
}
|
|
5385
5360
|
}
|
|
5386
5361
|
};
|
|
5387
|
-
return /* @__PURE__ */ (0,
|
|
5388
|
-
/* @__PURE__ */ (0,
|
|
5362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative", children: [
|
|
5363
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5389
5364
|
InputBase,
|
|
5390
5365
|
__spreadProps(__spreadValues({
|
|
5391
5366
|
id,
|
|
@@ -5399,7 +5374,7 @@ var DateInput = (_a) => {
|
|
|
5399
5374
|
placeholder,
|
|
5400
5375
|
disabled,
|
|
5401
5376
|
readOnly,
|
|
5402
|
-
after: /* @__PURE__ */ (0,
|
|
5377
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "calendar_month" }),
|
|
5403
5378
|
onFocus: handleFocus,
|
|
5404
5379
|
onClick: handleClick,
|
|
5405
5380
|
onChange: handleInputChange,
|
|
@@ -5410,7 +5385,7 @@ var DateInput = (_a) => {
|
|
|
5410
5385
|
})
|
|
5411
5386
|
),
|
|
5412
5387
|
visible && !readOnly && (0, import_react_dom4.createPortal)(
|
|
5413
|
-
/* @__PURE__ */ (0,
|
|
5388
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5414
5389
|
"div",
|
|
5415
5390
|
{
|
|
5416
5391
|
ref: (el) => {
|
|
@@ -5422,7 +5397,7 @@ var DateInput = (_a) => {
|
|
|
5422
5397
|
left: `${calendarPosition.left}px`,
|
|
5423
5398
|
minWidth: `${calendarPosition.width}px`
|
|
5424
5399
|
},
|
|
5425
|
-
children: /* @__PURE__ */ (0,
|
|
5400
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5426
5401
|
CalendarRange,
|
|
5427
5402
|
{
|
|
5428
5403
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
3
|
} from "../chunk-UOHCOOC2.js";
|
|
4
|
-
import "../chunk-
|
|
4
|
+
import "../chunk-OBY5EH47.js";
|
|
5
5
|
import "../chunk-M7INAUAJ.js";
|
|
6
6
|
import "../chunk-6I5LZ2ZC.js";
|
|
7
7
|
import "../chunk-44TDIHUP.js";
|
|
@@ -9,11 +9,6 @@ import "../chunk-LZGYABCX.js";
|
|
|
9
9
|
import "../chunk-G5DEC7H3.js";
|
|
10
10
|
import "../chunk-3X3Y4TMS.js";
|
|
11
11
|
import "../chunk-BQNPOGD5.js";
|
|
12
|
-
import "../chunk-LLZ3SSZJ.js";
|
|
13
|
-
import "../chunk-EJSPFQCY.js";
|
|
14
|
-
import "../chunk-ERW5DEIO.js";
|
|
15
|
-
import "../chunk-2HMCS25C.js";
|
|
16
|
-
import "../chunk-VJVY6NPF.js";
|
|
17
12
|
import "../chunk-MBZ55T2D.js";
|
|
18
13
|
import "../chunk-2IKT6IHB.js";
|
|
19
14
|
import "../chunk-AA6GE3TH.js";
|