@dmsi/wedgekit-react 0.0.411 → 0.0.412
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
|
@@ -64,7 +64,7 @@ __export(CalendarRange_exports, {
|
|
|
64
64
|
isWeekend: () => isWeekend
|
|
65
65
|
});
|
|
66
66
|
module.exports = __toCommonJS(CalendarRange_exports);
|
|
67
|
-
var
|
|
67
|
+
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
68
68
|
|
|
69
69
|
// src/classNames.ts
|
|
70
70
|
var import_clsx = __toESM(require("clsx"), 1);
|
|
@@ -233,7 +233,7 @@ function Icon(_a) {
|
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
// src/components/CalendarRange.tsx
|
|
236
|
-
var
|
|
236
|
+
var import_react33 = __toESM(require("react"), 1);
|
|
237
237
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
238
238
|
|
|
239
239
|
// src/components/DataGridCell.tsx
|
|
@@ -4669,33 +4669,8 @@ var import_react32 = require("react");
|
|
|
4669
4669
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4670
4670
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4671
4671
|
|
|
4672
|
-
// src/components/PDFViewer/index.tsx
|
|
4673
|
-
var import_react35 = require("react");
|
|
4674
|
-
|
|
4675
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4676
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4677
|
-
var import_react34 = require("react");
|
|
4678
|
-
|
|
4679
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4680
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4681
|
-
var import_react33 = require("react");
|
|
4682
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4683
|
-
|
|
4684
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4685
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
4686
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4687
|
-
|
|
4688
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4689
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4690
|
-
|
|
4691
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4692
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4693
|
-
|
|
4694
|
-
// src/components/PDFViewer/index.tsx
|
|
4695
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4696
|
-
|
|
4697
4672
|
// src/components/CalendarRange.tsx
|
|
4698
|
-
var
|
|
4673
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4699
4674
|
function isWeekend(date) {
|
|
4700
4675
|
return date.dayOfWeek === 6 || date.dayOfWeek === 7;
|
|
4701
4676
|
}
|
|
@@ -4733,12 +4708,12 @@ function DateCell(_a) {
|
|
|
4733
4708
|
"id",
|
|
4734
4709
|
"testid"
|
|
4735
4710
|
]);
|
|
4736
|
-
return /* @__PURE__ */ (0,
|
|
4711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4737
4712
|
"span",
|
|
4738
4713
|
__spreadProps(__spreadValues({}, props), {
|
|
4739
4714
|
id,
|
|
4740
4715
|
"data-testid": testid,
|
|
4741
|
-
className: (0,
|
|
4716
|
+
className: (0, import_clsx34.default)(
|
|
4742
4717
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
4743
4718
|
typography.caption,
|
|
4744
4719
|
cellPadding,
|
|
@@ -4808,20 +4783,20 @@ function CalendarRange({
|
|
|
4808
4783
|
const fromDate = parseDate(from);
|
|
4809
4784
|
const toDate = parseDate(to);
|
|
4810
4785
|
const today = import_polyfill.Temporal.Now.plainDateISO();
|
|
4811
|
-
const [baseMonth, setBaseMonth] = (0,
|
|
4786
|
+
const [baseMonth, setBaseMonth] = (0, import_react33.useState)(
|
|
4812
4787
|
fromDate != null ? fromDate : today.with({ day: 1 })
|
|
4813
4788
|
);
|
|
4814
|
-
const [selecting, setSelecting] = (0,
|
|
4815
|
-
const [pendingFrom, setPendingFrom] = (0,
|
|
4816
|
-
const [hoveredDate, setHoveredDate] = (0,
|
|
4817
|
-
(0,
|
|
4789
|
+
const [selecting, setSelecting] = (0, import_react33.useState)("from");
|
|
4790
|
+
const [pendingFrom, setPendingFrom] = (0, import_react33.useState)(void 0);
|
|
4791
|
+
const [hoveredDate, setHoveredDate] = (0, import_react33.useState)(void 0);
|
|
4792
|
+
(0, import_react33.useEffect)(() => {
|
|
4818
4793
|
if (fromDate) {
|
|
4819
4794
|
setBaseMonth(fromDate.with({ day: 1 }));
|
|
4820
4795
|
} else if (toDate) {
|
|
4821
4796
|
setBaseMonth(toDate.with({ day: 1 }));
|
|
4822
4797
|
}
|
|
4823
4798
|
}, [from, to]);
|
|
4824
|
-
(0,
|
|
4799
|
+
(0, import_react33.useEffect)(() => {
|
|
4825
4800
|
if (fromDate && toDate) {
|
|
4826
4801
|
setSelecting("from");
|
|
4827
4802
|
setPendingFrom(void 0);
|
|
@@ -4887,12 +4862,12 @@ function CalendarRange({
|
|
|
4887
4862
|
}
|
|
4888
4863
|
return false;
|
|
4889
4864
|
}
|
|
4890
|
-
return /* @__PURE__ */ (0,
|
|
4865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4891
4866
|
"div",
|
|
4892
4867
|
{
|
|
4893
4868
|
id,
|
|
4894
4869
|
"data-testid": testid,
|
|
4895
|
-
className: (0,
|
|
4870
|
+
className: (0, import_clsx34.default)(
|
|
4896
4871
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
4897
4872
|
layoutPaddding,
|
|
4898
4873
|
layoutGap,
|
|
@@ -4900,15 +4875,15 @@ function CalendarRange({
|
|
|
4900
4875
|
// baseTransition,
|
|
4901
4876
|
"overflow-hidden"
|
|
4902
4877
|
),
|
|
4903
|
-
children: /* @__PURE__ */ (0,
|
|
4878
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4904
4879
|
"div",
|
|
4905
4880
|
{
|
|
4906
|
-
className: (0,
|
|
4881
|
+
className: (0, import_clsx34.default)(
|
|
4907
4882
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
4908
4883
|
layoutGap
|
|
4909
4884
|
),
|
|
4910
4885
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
4911
|
-
return /* @__PURE__ */ (0,
|
|
4886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4912
4887
|
CalendarPane,
|
|
4913
4888
|
{
|
|
4914
4889
|
getMonthData,
|
|
@@ -4966,45 +4941,45 @@ function CalendarPane({
|
|
|
4966
4941
|
const years = Array.from({ length: 100 }).map(
|
|
4967
4942
|
(_, i) => baseMonth.year - 50 + i
|
|
4968
4943
|
);
|
|
4969
|
-
const [monthMenuOpen, setMonthMenuOpen] = (0,
|
|
4970
|
-
const [yearMenuOpen, setYearMenuOpen] = (0,
|
|
4971
|
-
const monthMenuRef = (0,
|
|
4972
|
-
const yearMenuRef = (0,
|
|
4944
|
+
const [monthMenuOpen, setMonthMenuOpen] = (0, import_react33.useState)(false);
|
|
4945
|
+
const [yearMenuOpen, setYearMenuOpen] = (0, import_react33.useState)(false);
|
|
4946
|
+
const monthMenuRef = (0, import_react33.useRef)(null);
|
|
4947
|
+
const yearMenuRef = (0, import_react33.useRef)(null);
|
|
4973
4948
|
const month = getMonthData(offset);
|
|
4974
4949
|
const totalCells = 42;
|
|
4975
4950
|
const emptyCells = month.firstDayOffset;
|
|
4976
|
-
return /* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
4951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react33.default.Fragment, { children: [
|
|
4952
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
4978
4953
|
"div",
|
|
4979
4954
|
{
|
|
4980
|
-
className: (0,
|
|
4955
|
+
className: (0, import_clsx34.default)("flex flex-col"),
|
|
4981
4956
|
children: [
|
|
4982
|
-
/* @__PURE__ */ (0,
|
|
4957
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
4983
4958
|
"div",
|
|
4984
4959
|
{
|
|
4985
|
-
className: (0,
|
|
4960
|
+
className: (0, import_clsx34.default)(
|
|
4986
4961
|
"flex flex-row items-center justify-between",
|
|
4987
4962
|
typography.label,
|
|
4988
4963
|
"text-text-action-primary-normal"
|
|
4989
4964
|
),
|
|
4990
4965
|
children: [
|
|
4991
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
4966
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
4992
4967
|
"button",
|
|
4993
4968
|
{
|
|
4994
4969
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
4995
4970
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
4996
4971
|
type: "button",
|
|
4997
|
-
className: (0,
|
|
4972
|
+
className: (0, import_clsx34.default)(
|
|
4998
4973
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4999
4974
|
componentPadding
|
|
5000
4975
|
),
|
|
5001
4976
|
"aria-label": "Previous month",
|
|
5002
4977
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
5003
|
-
children: /* @__PURE__ */ (0,
|
|
4978
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
5004
4979
|
}
|
|
5005
|
-
) : /* @__PURE__ */ (0,
|
|
5006
|
-
/* @__PURE__ */ (0,
|
|
5007
|
-
/* @__PURE__ */ (0,
|
|
4980
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "mr-1") }),
|
|
4981
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
4982
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5008
4983
|
"button",
|
|
5009
4984
|
{
|
|
5010
4985
|
ref: (el) => {
|
|
@@ -5019,13 +4994,13 @@ function CalendarPane({
|
|
|
5019
4994
|
children: month.name
|
|
5020
4995
|
}
|
|
5021
4996
|
),
|
|
5022
|
-
/* @__PURE__ */ (0,
|
|
4997
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5023
4998
|
Menu,
|
|
5024
4999
|
{
|
|
5025
5000
|
show: monthMenuOpen,
|
|
5026
5001
|
positionTo: monthMenuRef,
|
|
5027
5002
|
setShow: () => setMonthMenuOpen(false),
|
|
5028
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
5003
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5029
5004
|
MenuOption,
|
|
5030
5005
|
{
|
|
5031
5006
|
selected: baseMonth.month === x + 1,
|
|
@@ -5039,7 +5014,7 @@ function CalendarPane({
|
|
|
5039
5014
|
))
|
|
5040
5015
|
}
|
|
5041
5016
|
),
|
|
5042
|
-
/* @__PURE__ */ (0,
|
|
5017
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5043
5018
|
"button",
|
|
5044
5019
|
{
|
|
5045
5020
|
ref: (el) => {
|
|
@@ -5054,13 +5029,13 @@ function CalendarPane({
|
|
|
5054
5029
|
children: month.year
|
|
5055
5030
|
}
|
|
5056
5031
|
),
|
|
5057
|
-
/* @__PURE__ */ (0,
|
|
5032
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5058
5033
|
Menu,
|
|
5059
5034
|
{
|
|
5060
5035
|
show: yearMenuOpen,
|
|
5061
5036
|
positionTo: yearMenuRef,
|
|
5062
5037
|
setShow: () => setYearMenuOpen(false),
|
|
5063
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
5038
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5064
5039
|
MenuOption,
|
|
5065
5040
|
{
|
|
5066
5041
|
selected: baseMonth.year === y,
|
|
@@ -5075,28 +5050,28 @@ function CalendarPane({
|
|
|
5075
5050
|
}
|
|
5076
5051
|
)
|
|
5077
5052
|
] }),
|
|
5078
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
5053
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5079
5054
|
"button",
|
|
5080
5055
|
{
|
|
5081
5056
|
id: id ? `${id}-next-month-button` : void 0,
|
|
5082
5057
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
5083
5058
|
type: "button",
|
|
5084
|
-
className: (0,
|
|
5059
|
+
className: (0, import_clsx34.default)(
|
|
5085
5060
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
5086
5061
|
componentPadding
|
|
5087
5062
|
),
|
|
5088
5063
|
"aria-label": "Next month",
|
|
5089
5064
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
5090
|
-
children: /* @__PURE__ */ (0,
|
|
5065
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
5091
5066
|
}
|
|
5092
|
-
) : /* @__PURE__ */ (0,
|
|
5067
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: (0, import_clsx34.default)(componentPadding, "ml-1") })
|
|
5093
5068
|
]
|
|
5094
5069
|
}
|
|
5095
5070
|
),
|
|
5096
|
-
/* @__PURE__ */ (0,
|
|
5071
|
+
/* @__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)(
|
|
5097
5072
|
"span",
|
|
5098
5073
|
{
|
|
5099
|
-
className: (0,
|
|
5074
|
+
className: (0, import_clsx34.default)(
|
|
5100
5075
|
typography.caption,
|
|
5101
5076
|
"text-text-secondary-normal text-center",
|
|
5102
5077
|
"w-10"
|
|
@@ -5105,7 +5080,7 @@ function CalendarPane({
|
|
|
5105
5080
|
},
|
|
5106
5081
|
d
|
|
5107
5082
|
)) }),
|
|
5108
|
-
/* @__PURE__ */ (0,
|
|
5083
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: (0, import_clsx34.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
5109
5084
|
const day = i - emptyCells + 1;
|
|
5110
5085
|
const date = month.date.with({ day: 1 }).add({
|
|
5111
5086
|
days: i - emptyCells
|
|
@@ -5119,7 +5094,7 @@ function CalendarPane({
|
|
|
5119
5094
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
5120
5095
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
5121
5096
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
5122
|
-
return /* @__PURE__ */ (0,
|
|
5097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5123
5098
|
DateCell,
|
|
5124
5099
|
{
|
|
5125
5100
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -5144,10 +5119,10 @@ function CalendarPane({
|
|
|
5144
5119
|
]
|
|
5145
5120
|
}
|
|
5146
5121
|
),
|
|
5147
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
5122
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5148
5123
|
"div",
|
|
5149
5124
|
{
|
|
5150
|
-
className: (0,
|
|
5125
|
+
className: (0, import_clsx34.default)(
|
|
5151
5126
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
5152
5127
|
// 1px width, full height, matches Figma divider
|
|
5153
5128
|
"w-px"
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
CalendarRange_default,
|
|
4
4
|
isWeekend
|
|
5
5
|
} from "../chunk-UOHCOOC2.js";
|
|
6
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-OBY5EH47.js";
|
|
7
7
|
import "../chunk-M7INAUAJ.js";
|
|
8
8
|
import "../chunk-6I5LZ2ZC.js";
|
|
9
9
|
import "../chunk-44TDIHUP.js";
|
|
@@ -11,11 +11,6 @@ import "../chunk-LZGYABCX.js";
|
|
|
11
11
|
import "../chunk-G5DEC7H3.js";
|
|
12
12
|
import "../chunk-3X3Y4TMS.js";
|
|
13
13
|
import "../chunk-BQNPOGD5.js";
|
|
14
|
-
import "../chunk-LLZ3SSZJ.js";
|
|
15
|
-
import "../chunk-EJSPFQCY.js";
|
|
16
|
-
import "../chunk-ERW5DEIO.js";
|
|
17
|
-
import "../chunk-2HMCS25C.js";
|
|
18
|
-
import "../chunk-VJVY6NPF.js";
|
|
19
14
|
import "../chunk-MBZ55T2D.js";
|
|
20
15
|
import "../chunk-2IKT6IHB.js";
|
|
21
16
|
import "../chunk-AA6GE3TH.js";
|
|
@@ -62,7 +62,7 @@ __export(ColumnSelectorMenuOption_exports, {
|
|
|
62
62
|
ColumnSelectorMenuOption: () => ColumnSelectorMenuOption
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(ColumnSelectorMenuOption_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react32 = require("react");
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -4635,42 +4635,17 @@ var import_react31 = require("react");
|
|
|
4635
4635
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4636
4636
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4637
4637
|
|
|
4638
|
-
// src/components/PDFViewer/index.tsx
|
|
4639
|
-
var import_react34 = require("react");
|
|
4640
|
-
|
|
4641
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4642
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4643
|
-
var import_react33 = require("react");
|
|
4644
|
-
|
|
4645
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4646
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4647
|
-
var import_react32 = require("react");
|
|
4648
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4649
|
-
|
|
4650
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4651
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
4652
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4653
|
-
|
|
4654
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4655
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4656
|
-
|
|
4657
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4658
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4659
|
-
|
|
4660
|
-
// src/components/PDFViewer/index.tsx
|
|
4661
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4662
|
-
|
|
4663
4638
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
4664
|
-
var
|
|
4639
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4665
4640
|
function ColumnSelectorMenuOption({
|
|
4666
4641
|
id,
|
|
4667
4642
|
testid,
|
|
4668
4643
|
column,
|
|
4669
4644
|
toggleColumnVisibility
|
|
4670
4645
|
}) {
|
|
4671
|
-
const [isVisible, setIsVisible] = (0,
|
|
4646
|
+
const [isVisible, setIsVisible] = (0, import_react32.useState)(column.getIsVisible());
|
|
4672
4647
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
4673
|
-
return /* @__PURE__ */ (0,
|
|
4648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4674
4649
|
Checkbox,
|
|
4675
4650
|
{
|
|
4676
4651
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelectorMenuOption
|
|
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(ColumnSelectorHeaderCell_exports, {
|
|
|
62
62
|
ColumnSelectorHeaderCell: () => ColumnSelectorHeaderCell
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(ColumnSelectorHeaderCell_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react32 = require("react");
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -4557,43 +4557,18 @@ var import_react30 = require("react");
|
|
|
4557
4557
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4558
4558
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4559
4559
|
|
|
4560
|
-
// src/components/
|
|
4561
|
-
var import_react33 = require("react");
|
|
4562
|
-
|
|
4563
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4564
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4565
|
-
var import_react32 = require("react");
|
|
4566
|
-
|
|
4567
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4568
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4560
|
+
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
4569
4561
|
var import_react31 = require("react");
|
|
4570
4562
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4571
|
-
|
|
4572
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4573
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
4574
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4575
|
-
|
|
4576
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4577
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4578
|
-
|
|
4579
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4580
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4581
|
-
|
|
4582
|
-
// src/components/PDFViewer/index.tsx
|
|
4583
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4584
|
-
|
|
4585
|
-
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
4586
|
-
var import_react34 = require("react");
|
|
4587
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4588
4563
|
function ColumnSelectorMenuOption({
|
|
4589
4564
|
id,
|
|
4590
4565
|
testid,
|
|
4591
4566
|
column,
|
|
4592
4567
|
toggleColumnVisibility
|
|
4593
4568
|
}) {
|
|
4594
|
-
const [isVisible, setIsVisible] = (0,
|
|
4569
|
+
const [isVisible, setIsVisible] = (0, import_react31.useState)(column.getIsVisible());
|
|
4595
4570
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
4596
|
-
return /* @__PURE__ */ (0,
|
|
4571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4597
4572
|
Checkbox,
|
|
4598
4573
|
{
|
|
4599
4574
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -4609,7 +4584,7 @@ function ColumnSelectorMenuOption({
|
|
|
4609
4584
|
}
|
|
4610
4585
|
|
|
4611
4586
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
4612
|
-
var
|
|
4587
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4613
4588
|
function ColumnSelectorHeaderCell({
|
|
4614
4589
|
id,
|
|
4615
4590
|
testid,
|
|
@@ -4617,9 +4592,9 @@ function ColumnSelectorHeaderCell({
|
|
|
4617
4592
|
toggleColumnVisibility,
|
|
4618
4593
|
resetColumnVisibility
|
|
4619
4594
|
}) {
|
|
4620
|
-
const ref = (0,
|
|
4621
|
-
const [show, setShow] = (0,
|
|
4622
|
-
return /* @__PURE__ */ (0,
|
|
4595
|
+
const ref = (0, import_react32.useRef)(null);
|
|
4596
|
+
const [show, setShow] = (0, import_react32.useState)(false);
|
|
4597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
4623
4598
|
DataGridCell,
|
|
4624
4599
|
{
|
|
4625
4600
|
id,
|
|
@@ -4629,7 +4604,7 @@ function ColumnSelectorHeaderCell({
|
|
|
4629
4604
|
color: "text-secondary-normal",
|
|
4630
4605
|
ref,
|
|
4631
4606
|
children: [
|
|
4632
|
-
/* @__PURE__ */ (0,
|
|
4607
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4633
4608
|
Button,
|
|
4634
4609
|
{
|
|
4635
4610
|
id: id ? `${id}-button` : void 0,
|
|
@@ -4637,10 +4612,10 @@ function ColumnSelectorHeaderCell({
|
|
|
4637
4612
|
onClick: () => setShow((prev) => !prev),
|
|
4638
4613
|
variant: "navigation",
|
|
4639
4614
|
iconOnly: true,
|
|
4640
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4615
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: "tune" })
|
|
4641
4616
|
}
|
|
4642
4617
|
),
|
|
4643
|
-
/* @__PURE__ */ (0,
|
|
4618
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
4644
4619
|
Menu,
|
|
4645
4620
|
{
|
|
4646
4621
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -4651,7 +4626,7 @@ function ColumnSelectorHeaderCell({
|
|
|
4651
4626
|
setShow,
|
|
4652
4627
|
calculateMinMaxHeight: true,
|
|
4653
4628
|
children: [
|
|
4654
|
-
/* @__PURE__ */ (0,
|
|
4629
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4655
4630
|
Button,
|
|
4656
4631
|
{
|
|
4657
4632
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -4667,7 +4642,7 @@ function ColumnSelectorHeaderCell({
|
|
|
4667
4642
|
table.getAllColumns().filter((x) => {
|
|
4668
4643
|
var _a;
|
|
4669
4644
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
4670
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
4645
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
4671
4646
|
ColumnSelectorMenuOption,
|
|
4672
4647
|
{
|
|
4673
4648
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelectorHeaderCell
|
|
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";
|