@dmsi/wedgekit-react 0.0.494 → 0.0.495
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-BYY2NTJH.js → chunk-2A7H5GVB.js} +2 -2
- package/dist/{chunk-IPAKWF2V.js → chunk-5R4C5F63.js} +13 -7
- package/dist/chunk-BTKWHCUE.js +137 -0
- package/dist/chunk-Y5GD2FJA.js +32 -0
- package/dist/{chunk-QBSEKZWX.js → chunk-ZKTHUXKS.js} +1 -1
- package/dist/components/CalendarRange.cjs +526 -398
- package/dist/components/CalendarRange.css +5 -0
- package/dist/components/CalendarRange.js +6 -4
- package/dist/components/Caption.cjs +6 -3
- package/dist/components/Caption.js +5 -129
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +517 -389
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +5 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +6 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +520 -392
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +5 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +6 -4
- package/dist/components/DataGrid/PinnedColumns.cjs +521 -393
- package/dist/components/DataGrid/PinnedColumns.css +5 -0
- package/dist/components/DataGrid/PinnedColumns.js +6 -4
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +515 -387
- package/dist/components/DataGrid/TableBody/LoadingCell.css +5 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.js +6 -4
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +516 -388
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +5 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +6 -4
- package/dist/components/DataGrid/TableBody/index.cjs +516 -388
- package/dist/components/DataGrid/TableBody/index.css +5 -0
- package/dist/components/DataGrid/TableBody/index.js +6 -4
- package/dist/components/DataGrid/index.cjs +536 -408
- package/dist/components/DataGrid/index.css +5 -0
- package/dist/components/DataGrid/index.js +6 -4
- package/dist/components/DataGrid/utils.cjs +515 -387
- package/dist/components/DataGrid/utils.css +5 -0
- package/dist/components/DataGrid/utils.js +6 -4
- package/dist/components/DataGridCell.cjs +212 -88
- package/dist/components/DataGridCell.js +3 -2
- package/dist/components/DateInput.cjs +508 -380
- package/dist/components/DateInput.css +5 -0
- package/dist/components/DateInput.js +6 -4
- package/dist/components/DateRangeInput.cjs +514 -386
- package/dist/components/DateRangeInput.css +5 -0
- package/dist/components/DateRangeInput.js +6 -4
- package/dist/components/MenuOption.cjs +147 -23
- package/dist/components/MenuOption.js +2 -1
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +526 -398
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +5 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +6 -4
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +505 -377
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +5 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +6 -4
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +560 -432
- package/dist/components/MobileDataGrid/index.css +5 -0
- package/dist/components/MobileDataGrid/index.js +6 -4
- package/dist/components/NestedMenu.cjs +170 -46
- package/dist/components/NestedMenu.js +2 -1
- package/dist/components/SearchResultImage/index.cjs +92 -0
- package/dist/components/SearchResultImage/index.js +8 -0
- package/dist/components/index.cjs +707 -556
- package/dist/components/index.css +5 -0
- package/dist/components/index.js +9 -4
- package/dist/index.css +5 -0
- package/package.json +1 -1
- package/src/components/Caption.tsx +3 -0
- package/src/components/MenuOption.tsx +16 -6
- package/src/components/SearchResultImage/index.tsx +39 -0
- package/src/components/index.ts +1 -0
|
@@ -116,7 +116,7 @@ var CSS = /* @__PURE__ */ Object.freeze({
|
|
|
116
116
|
});
|
|
117
117
|
|
|
118
118
|
// src/components/DataGridCell.tsx
|
|
119
|
-
var
|
|
119
|
+
var import_clsx9 = __toESM(require("clsx"), 1);
|
|
120
120
|
var import_react11 = require("react");
|
|
121
121
|
|
|
122
122
|
// src/classNames.ts
|
|
@@ -257,7 +257,7 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
|
|
|
257
257
|
);
|
|
258
258
|
|
|
259
259
|
// src/components/MenuOption.tsx
|
|
260
|
-
var
|
|
260
|
+
var import_clsx6 = __toESM(require("clsx"), 1);
|
|
261
261
|
var import_react6 = require("react");
|
|
262
262
|
|
|
263
263
|
// src/components/Label.tsx
|
|
@@ -688,8 +688,130 @@ function useTableLayout(initialColumns, key) {
|
|
|
688
688
|
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
689
689
|
}
|
|
690
690
|
|
|
691
|
-
// src/components/
|
|
691
|
+
// src/components/Caption.tsx
|
|
692
|
+
var import_clsx5 = __toESM(require("clsx"), 1);
|
|
692
693
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
694
|
+
var Caption = (_a) => {
|
|
695
|
+
var _b = _a, {
|
|
696
|
+
className,
|
|
697
|
+
children,
|
|
698
|
+
as = "span",
|
|
699
|
+
style = "default",
|
|
700
|
+
color,
|
|
701
|
+
align,
|
|
702
|
+
id,
|
|
703
|
+
testid,
|
|
704
|
+
marginTopDesktop
|
|
705
|
+
} = _b, props = __objRest(_b, [
|
|
706
|
+
"className",
|
|
707
|
+
"children",
|
|
708
|
+
"as",
|
|
709
|
+
"style",
|
|
710
|
+
"color",
|
|
711
|
+
"align",
|
|
712
|
+
"id",
|
|
713
|
+
"testid",
|
|
714
|
+
"marginTopDesktop"
|
|
715
|
+
]);
|
|
716
|
+
const Element = as;
|
|
717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
|
|
718
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
719
|
+
WhichIcon,
|
|
720
|
+
{
|
|
721
|
+
id,
|
|
722
|
+
testid,
|
|
723
|
+
style,
|
|
724
|
+
size: 16,
|
|
725
|
+
className: "mt-[3px] desktop:mt-0"
|
|
726
|
+
}
|
|
727
|
+
),
|
|
728
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
729
|
+
Element,
|
|
730
|
+
__spreadProps(__spreadValues({
|
|
731
|
+
id: id ? `${id}-text` : void 0,
|
|
732
|
+
"data-testid": testid ? `${testid}-text` : void 0,
|
|
733
|
+
className: (0, import_clsx5.default)(
|
|
734
|
+
typography.caption.replace("text-text-primary-normal", ""),
|
|
735
|
+
(style === "default" || style === "info") && "text-text-secondary-normal",
|
|
736
|
+
style === "success" && "text-text-success-normal",
|
|
737
|
+
style === "warning" && "text-text-warning-normal",
|
|
738
|
+
style === "error" && "text-text-critical-normal",
|
|
739
|
+
align === "left" && "text-left",
|
|
740
|
+
align === "center" && "text-center",
|
|
741
|
+
align === "right" && "text-right",
|
|
742
|
+
className,
|
|
743
|
+
marginTopDesktop && `desktop:mt-px`
|
|
744
|
+
)
|
|
745
|
+
}, props), {
|
|
746
|
+
style: {
|
|
747
|
+
color: color ? `var(--color-${color})` : void 0
|
|
748
|
+
},
|
|
749
|
+
children
|
|
750
|
+
})
|
|
751
|
+
)
|
|
752
|
+
] });
|
|
753
|
+
};
|
|
754
|
+
var WhichIcon = ({
|
|
755
|
+
style,
|
|
756
|
+
size,
|
|
757
|
+
className,
|
|
758
|
+
id,
|
|
759
|
+
testid
|
|
760
|
+
}) => {
|
|
761
|
+
if (style === "success") {
|
|
762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
763
|
+
Icon,
|
|
764
|
+
{
|
|
765
|
+
id: id ? `${id}-icon` : void 0,
|
|
766
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
767
|
+
className,
|
|
768
|
+
name: "check_circle",
|
|
769
|
+
size
|
|
770
|
+
}
|
|
771
|
+
) });
|
|
772
|
+
}
|
|
773
|
+
if (style === "warning") {
|
|
774
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
775
|
+
Icon,
|
|
776
|
+
{
|
|
777
|
+
id: id ? `${id}-icon` : void 0,
|
|
778
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
779
|
+
className,
|
|
780
|
+
name: "warning",
|
|
781
|
+
size
|
|
782
|
+
}
|
|
783
|
+
) });
|
|
784
|
+
}
|
|
785
|
+
if (style === "error") {
|
|
786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
787
|
+
Icon,
|
|
788
|
+
{
|
|
789
|
+
id: id ? `${id}-icon` : void 0,
|
|
790
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
791
|
+
className,
|
|
792
|
+
name: "info",
|
|
793
|
+
size
|
|
794
|
+
}
|
|
795
|
+
) });
|
|
796
|
+
}
|
|
797
|
+
if (style === "info") {
|
|
798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
799
|
+
Icon,
|
|
800
|
+
{
|
|
801
|
+
id: id ? `${id}-icon` : void 0,
|
|
802
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
803
|
+
className,
|
|
804
|
+
name: "info",
|
|
805
|
+
size
|
|
806
|
+
}
|
|
807
|
+
) });
|
|
808
|
+
}
|
|
809
|
+
return null;
|
|
810
|
+
};
|
|
811
|
+
Caption.displayName = "Caption";
|
|
812
|
+
|
|
813
|
+
// src/components/MenuOption.tsx
|
|
814
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
693
815
|
var MenuOption = ({
|
|
694
816
|
id,
|
|
695
817
|
testid,
|
|
@@ -714,7 +836,8 @@ var MenuOption = ({
|
|
|
714
836
|
mobilePositionTo,
|
|
715
837
|
highlightMatchingText = false,
|
|
716
838
|
menuValue,
|
|
717
|
-
onMouseMove
|
|
839
|
+
onMouseMove,
|
|
840
|
+
small = false
|
|
718
841
|
}) => {
|
|
719
842
|
const uniqueId = (0, import_react6.useId)();
|
|
720
843
|
const internalRef = (0, import_react6.useRef)(null);
|
|
@@ -744,47 +867,48 @@ var MenuOption = ({
|
|
|
744
867
|
const additionalAttributes = {
|
|
745
868
|
"data-selected": selected || null
|
|
746
869
|
};
|
|
747
|
-
const svgStyles = (0,
|
|
870
|
+
const svgStyles = (0, import_clsx6.default)(
|
|
748
871
|
"[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
|
|
749
872
|
);
|
|
750
|
-
const textLabelStyles = (0,
|
|
751
|
-
const normalStyles = variant === "normal" && !disabled && (0,
|
|
873
|
+
const textLabelStyles = (0, import_clsx6.default)("w-full whitespace-nowrap !leading-6");
|
|
874
|
+
const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
|
|
752
875
|
"bg-transparent text-text-primary-normal",
|
|
753
876
|
"hover:bg-background-action-secondary-hover",
|
|
754
877
|
"focus:bg-background-action-secondary-hover",
|
|
755
878
|
"data-selected:bg-background-action-secondary-hover",
|
|
756
879
|
"active:bg-background-action-secondary-active"
|
|
757
880
|
);
|
|
758
|
-
const normalDisabledStyles = variant === "normal" && disabled && (0,
|
|
759
|
-
const actionStyles = variant === "action" && !disabled && (0,
|
|
881
|
+
const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
|
|
882
|
+
const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
|
|
760
883
|
"text-action-400 bg-transparent",
|
|
761
884
|
"hover:bg-background-action-secondary-hover hover:text-text-action-hover",
|
|
762
885
|
"focus:bg-background-action-secondary-hover focus:text-text-action-hover",
|
|
763
886
|
"data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
|
|
764
887
|
"active:bg-background-action-secondary-active active:text-text-action-active"
|
|
765
888
|
);
|
|
766
|
-
const actionDisabledStyles = variant === "action" && disabled && (0,
|
|
767
|
-
const disabledStyles = disabled && (0,
|
|
889
|
+
const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
|
|
890
|
+
const disabledStyles = disabled && (0, import_clsx6.default)("bg-transparent cursor-default pointer-events-none");
|
|
768
891
|
const processChildren = typeof children === "string" && highlightMatchingText ? highlightMatch(children, menuValue) : children;
|
|
769
|
-
const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ (0,
|
|
770
|
-
return /* @__PURE__ */ (0,
|
|
771
|
-
/* @__PURE__ */ (0,
|
|
892
|
+
const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label, { padded: true, className: textLabelStyles, children: processChildren }) : !small ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Paragraph, { padded: true, className: textLabelStyles, children: processChildren }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Caption, { padded: true, className: textLabelStyles, children: processChildren });
|
|
893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
894
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
772
895
|
"div",
|
|
773
896
|
__spreadProps(__spreadValues({
|
|
774
897
|
id,
|
|
775
898
|
"data-testid": testid,
|
|
776
899
|
ref: actualRef,
|
|
777
|
-
className: (0,
|
|
778
|
-
"flex
|
|
900
|
+
className: (0, import_clsx6.default)(
|
|
901
|
+
"flex cursor-pointer w-full text-left relative outline-none",
|
|
779
902
|
svgStyles,
|
|
780
|
-
componentGap,
|
|
903
|
+
small ? layoutGroupGap : componentGap,
|
|
781
904
|
componentPadding,
|
|
782
905
|
baseTransition,
|
|
783
906
|
normalStyles,
|
|
784
907
|
normalDisabledStyles,
|
|
785
908
|
actionStyles,
|
|
786
909
|
actionDisabledStyles,
|
|
787
|
-
disabledStyles
|
|
910
|
+
disabledStyles,
|
|
911
|
+
{ "items-center": !small }
|
|
788
912
|
),
|
|
789
913
|
"data-value": value || children,
|
|
790
914
|
onClick: () => {
|
|
@@ -801,13 +925,13 @@ var MenuOption = ({
|
|
|
801
925
|
role: "menuitem",
|
|
802
926
|
"aria-haspopup": subMenu ? "menu" : void 0,
|
|
803
927
|
children: [
|
|
804
|
-
before && /* @__PURE__ */ (0,
|
|
928
|
+
before && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_clsx6.default)("shrink-0", { "items-center flex": !small }), children: before }),
|
|
805
929
|
renderChildren,
|
|
806
930
|
renderAfterProp()
|
|
807
931
|
]
|
|
808
932
|
})
|
|
809
933
|
),
|
|
810
|
-
subMenu && /* @__PURE__ */ (0,
|
|
934
|
+
subMenu && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
811
935
|
"div",
|
|
812
936
|
{
|
|
813
937
|
onMouseEnter: handleSubMenuEnter,
|
|
@@ -831,14 +955,14 @@ var MenuOption = ({
|
|
|
831
955
|
return after;
|
|
832
956
|
}
|
|
833
957
|
if (subMenu && after !== null) {
|
|
834
|
-
return /* @__PURE__ */ (0,
|
|
958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_right" });
|
|
835
959
|
}
|
|
836
960
|
}
|
|
837
961
|
function mobileBackMenuOption() {
|
|
838
962
|
if (!isMobile) {
|
|
839
963
|
return;
|
|
840
964
|
}
|
|
841
|
-
return /* @__PURE__ */ (0,
|
|
965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
842
966
|
MenuOption,
|
|
843
967
|
{
|
|
844
968
|
id: id ? `${id}-back` : void 0,
|
|
@@ -847,7 +971,7 @@ var MenuOption = ({
|
|
|
847
971
|
closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
|
|
848
972
|
},
|
|
849
973
|
variant: "action",
|
|
850
|
-
before: /* @__PURE__ */ (0,
|
|
974
|
+
before: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_left" }),
|
|
851
975
|
children: "Back"
|
|
852
976
|
}
|
|
853
977
|
);
|
|
@@ -864,12 +988,12 @@ function highlightMatch(text, searchValue) {
|
|
|
864
988
|
);
|
|
865
989
|
const parts = text.split(regex);
|
|
866
990
|
return parts.map(
|
|
867
|
-
(part, index) => regex.test(part) ? /* @__PURE__ */ (0,
|
|
991
|
+
(part, index) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-bold", children: part }, index) : part
|
|
868
992
|
);
|
|
869
993
|
}
|
|
870
994
|
|
|
871
995
|
// src/components/Menu.tsx
|
|
872
|
-
var
|
|
996
|
+
var import_clsx7 = __toESM(require("clsx"), 1);
|
|
873
997
|
var import_react8 = require("react");
|
|
874
998
|
var import_react_dom = require("react-dom");
|
|
875
999
|
|
|
@@ -1236,7 +1360,7 @@ function getScrollableAncestors(element) {
|
|
|
1236
1360
|
}
|
|
1237
1361
|
|
|
1238
1362
|
// src/components/Menu.tsx
|
|
1239
|
-
var
|
|
1363
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
1240
1364
|
var Menu = (_a) => {
|
|
1241
1365
|
var _b = _a, {
|
|
1242
1366
|
id,
|
|
@@ -1352,13 +1476,13 @@ var Menu = (_a) => {
|
|
|
1352
1476
|
};
|
|
1353
1477
|
}, [show, setShow, positionTo]);
|
|
1354
1478
|
return show && (0, import_react_dom.createPortal)(
|
|
1355
|
-
/* @__PURE__ */ (0,
|
|
1479
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1356
1480
|
"div",
|
|
1357
1481
|
__spreadProps(__spreadValues({
|
|
1358
1482
|
id,
|
|
1359
1483
|
"data-testid": testid,
|
|
1360
1484
|
ref: setRefs,
|
|
1361
|
-
className: (0,
|
|
1485
|
+
className: (0, import_clsx7.default)(
|
|
1362
1486
|
"shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
|
|
1363
1487
|
"fixed",
|
|
1364
1488
|
"z-50",
|
|
@@ -1492,8 +1616,8 @@ var import_react10 = require("react");
|
|
|
1492
1616
|
|
|
1493
1617
|
// src/components/Input.tsx
|
|
1494
1618
|
var import_react9 = require("react");
|
|
1495
|
-
var
|
|
1496
|
-
var
|
|
1619
|
+
var import_clsx8 = __toESM(require("clsx"), 1);
|
|
1620
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1497
1621
|
var InputBase = (_a) => {
|
|
1498
1622
|
var _b = _a, {
|
|
1499
1623
|
id,
|
|
@@ -1561,7 +1685,7 @@ var InputBase = (_a) => {
|
|
|
1561
1685
|
};
|
|
1562
1686
|
}
|
|
1563
1687
|
}, [selectOnFocus]);
|
|
1564
|
-
const inputBaseClass = (0,
|
|
1688
|
+
const inputBaseClass = (0, import_clsx8.default)(
|
|
1565
1689
|
fullWidth ? "w-full" : "w-fit",
|
|
1566
1690
|
"flex flex-row items-center",
|
|
1567
1691
|
"bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
|
|
@@ -1574,26 +1698,26 @@ var InputBase = (_a) => {
|
|
|
1574
1698
|
!removeBorder && "border border-border-primary-normal",
|
|
1575
1699
|
"relative"
|
|
1576
1700
|
);
|
|
1577
|
-
const inputFocusClass = (0,
|
|
1701
|
+
const inputFocusClass = (0, import_clsx8.default)(
|
|
1578
1702
|
"has-[[data-focus]]:border-transparent has-[[data-focus]]:outline-border-primary-focus focus-within:border-transparent focus-within:outline-border-primary-focus"
|
|
1579
1703
|
);
|
|
1580
|
-
const inputDisabledClass = (0,
|
|
1704
|
+
const inputDisabledClass = (0, import_clsx8.default)(
|
|
1581
1705
|
"has-disabled:bg-background-action-secondary-disabled"
|
|
1582
1706
|
);
|
|
1583
|
-
const inputReadOnlyClass = (0,
|
|
1707
|
+
const inputReadOnlyClass = (0, import_clsx8.default)(
|
|
1584
1708
|
"has-[input:not(:disabled):read-only]:outline-none has-[input:not(:disabled):read-only]:bg-transparent has-[input:not(:disabled):read-only]:border-transparent has-[input:not(:disabled):read-only]:pl-0"
|
|
1585
1709
|
);
|
|
1586
|
-
const inputInvalidClass = (0,
|
|
1710
|
+
const inputInvalidClass = (0, import_clsx8.default)(
|
|
1587
1711
|
"has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
|
|
1588
1712
|
);
|
|
1589
|
-
return /* @__PURE__ */ (0,
|
|
1713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1590
1714
|
"label",
|
|
1591
1715
|
{
|
|
1592
1716
|
id,
|
|
1593
1717
|
"data-testid": testid,
|
|
1594
1718
|
htmlFor: inputId,
|
|
1595
1719
|
ref: inputContainerRef,
|
|
1596
|
-
className: (0,
|
|
1720
|
+
className: (0, import_clsx8.default)(
|
|
1597
1721
|
"w-full flex flex-col",
|
|
1598
1722
|
"block",
|
|
1599
1723
|
"text-text-primary-normal has-disabled:text-text-primary-disabled",
|
|
@@ -1601,30 +1725,30 @@ var InputBase = (_a) => {
|
|
|
1601
1725
|
),
|
|
1602
1726
|
style: __spreadValues({}, props.style),
|
|
1603
1727
|
children: [
|
|
1604
|
-
label && /* @__PURE__ */ (0,
|
|
1605
|
-
/* @__PURE__ */ (0,
|
|
1728
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_clsx8.default)("flex items-center", componentGap), children: [
|
|
1729
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1606
1730
|
Label,
|
|
1607
1731
|
{
|
|
1608
1732
|
id: id ? `${id}-label` : void 0,
|
|
1609
1733
|
color: error ? "text-primary-error" : void 0,
|
|
1610
|
-
className: (0,
|
|
1734
|
+
className: (0, import_clsx8.default)(
|
|
1611
1735
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
1612
1736
|
),
|
|
1613
1737
|
children: label
|
|
1614
1738
|
}
|
|
1615
1739
|
),
|
|
1616
|
-
required && /* @__PURE__ */ (0,
|
|
1740
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1617
1741
|
"span",
|
|
1618
1742
|
{
|
|
1619
|
-
className: (0,
|
|
1743
|
+
className: (0, import_clsx8.default)(typography.label, "text-text-critical-normal"),
|
|
1620
1744
|
children: "*"
|
|
1621
1745
|
}
|
|
1622
1746
|
)
|
|
1623
1747
|
] }),
|
|
1624
|
-
/* @__PURE__ */ (0,
|
|
1748
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1625
1749
|
"div",
|
|
1626
1750
|
{
|
|
1627
|
-
className: (0,
|
|
1751
|
+
className: (0, import_clsx8.default)(
|
|
1628
1752
|
inputBaseClass,
|
|
1629
1753
|
!props.disabled && inputInvalidClass,
|
|
1630
1754
|
inputFocusClass,
|
|
@@ -1639,7 +1763,7 @@ var InputBase = (_a) => {
|
|
|
1639
1763
|
},
|
|
1640
1764
|
children: [
|
|
1641
1765
|
before,
|
|
1642
|
-
/* @__PURE__ */ (0,
|
|
1766
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1643
1767
|
"input",
|
|
1644
1768
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1645
1769
|
ref: (el) => {
|
|
@@ -1650,7 +1774,7 @@ var InputBase = (_a) => {
|
|
|
1650
1774
|
}, props), attributes), {
|
|
1651
1775
|
id: inputId,
|
|
1652
1776
|
"data-testid": testid ? `${testid}-input` : void 0,
|
|
1653
|
-
className: (0,
|
|
1777
|
+
className: (0, import_clsx8.default)(
|
|
1654
1778
|
"flex-1 outline-none w-full max-w-full min-h-6 min-w-0",
|
|
1655
1779
|
"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
|
|
1656
1780
|
"placeholder:text-text-secondary-normal disabled:text-text-secondary-disabled",
|
|
@@ -1664,11 +1788,11 @@ var InputBase = (_a) => {
|
|
|
1664
1788
|
style: __spreadProps(__spreadValues({}, props.style), { width })
|
|
1665
1789
|
})
|
|
1666
1790
|
),
|
|
1667
|
-
secondaryIconColor ? /* @__PURE__ */ (0,
|
|
1791
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
1668
1792
|
]
|
|
1669
1793
|
}
|
|
1670
1794
|
),
|
|
1671
|
-
caption && /* @__PURE__ */ (0,
|
|
1795
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1672
1796
|
"div",
|
|
1673
1797
|
{
|
|
1674
1798
|
id: id ? `${id}-caption` : void 0,
|
|
@@ -1761,9 +1885,9 @@ var Input = (_a) => {
|
|
|
1761
1885
|
if (props.before) return props.before;
|
|
1762
1886
|
switch (variant) {
|
|
1763
1887
|
case "search":
|
|
1764
|
-
return !removeSearchIcon ? /* @__PURE__ */ (0,
|
|
1888
|
+
return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
|
|
1765
1889
|
case "currency":
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
|
|
1767
1891
|
default:
|
|
1768
1892
|
return null;
|
|
1769
1893
|
}
|
|
@@ -1773,7 +1897,7 @@ var Input = (_a) => {
|
|
|
1773
1897
|
switch (variant) {
|
|
1774
1898
|
case "search": {
|
|
1775
1899
|
const hasValue = displayValue.length > 0;
|
|
1776
|
-
return hasValue && !props.readOnly ? /* @__PURE__ */ (0,
|
|
1900
|
+
return hasValue && !props.readOnly ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1777
1901
|
Icon,
|
|
1778
1902
|
{
|
|
1779
1903
|
id: id ? `${id}-clear-button` : void 0,
|
|
@@ -1785,11 +1909,11 @@ var Input = (_a) => {
|
|
|
1785
1909
|
) : null;
|
|
1786
1910
|
}
|
|
1787
1911
|
case "finder":
|
|
1788
|
-
return /* @__PURE__ */ (0,
|
|
1912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
|
|
1789
1913
|
case "uom":
|
|
1790
|
-
return uom ? /* @__PURE__ */ (0,
|
|
1914
|
+
return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
|
|
1791
1915
|
case "percentage":
|
|
1792
|
-
return /* @__PURE__ */ (0,
|
|
1916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
|
|
1793
1917
|
default:
|
|
1794
1918
|
return null;
|
|
1795
1919
|
}
|
|
@@ -1866,7 +1990,7 @@ var Input = (_a) => {
|
|
|
1866
1990
|
onBlur == null ? void 0 : onBlur(e);
|
|
1867
1991
|
};
|
|
1868
1992
|
const inputProps = getInputProps();
|
|
1869
|
-
return /* @__PURE__ */ (0,
|
|
1993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1870
1994
|
InputBase,
|
|
1871
1995
|
__spreadProps(__spreadValues({}, inputProps), {
|
|
1872
1996
|
before: getBeforeElement(),
|
|
@@ -1878,15 +2002,15 @@ var Input = (_a) => {
|
|
|
1878
2002
|
);
|
|
1879
2003
|
};
|
|
1880
2004
|
Input.displayName = "Input";
|
|
1881
|
-
var Finder = (props) => /* @__PURE__ */ (0,
|
|
1882
|
-
var UOM = (props) => /* @__PURE__ */ (0,
|
|
2005
|
+
var Finder = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "finder" }));
|
|
2006
|
+
var UOM = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "uom" }));
|
|
1883
2007
|
var Currency = (props) => {
|
|
1884
2008
|
var _a;
|
|
1885
2009
|
const handleCurrencyChange = (e) => {
|
|
1886
2010
|
var _a2;
|
|
1887
2011
|
(_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
|
|
1888
2012
|
};
|
|
1889
|
-
return /* @__PURE__ */ (0,
|
|
2013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1890
2014
|
Input,
|
|
1891
2015
|
__spreadProps(__spreadValues({}, props), {
|
|
1892
2016
|
variant: "currency",
|
|
@@ -1895,14 +2019,14 @@ var Currency = (props) => {
|
|
|
1895
2019
|
})
|
|
1896
2020
|
);
|
|
1897
2021
|
};
|
|
1898
|
-
var Percentage = (props) => /* @__PURE__ */ (0,
|
|
2022
|
+
var Percentage = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "percentage" }));
|
|
1899
2023
|
Finder.displayName = "Finder";
|
|
1900
2024
|
UOM.displayName = "UOM";
|
|
1901
2025
|
Currency.displayName = "Currency";
|
|
1902
2026
|
Percentage.displayName = "Percentage";
|
|
1903
2027
|
|
|
1904
2028
|
// src/components/Search.tsx
|
|
1905
|
-
var
|
|
2029
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1906
2030
|
var Search = (_a) => {
|
|
1907
2031
|
var _b = _a, {
|
|
1908
2032
|
id,
|
|
@@ -1944,8 +2068,8 @@ var Search = (_a) => {
|
|
|
1944
2068
|
}
|
|
1945
2069
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
1946
2070
|
}, [props.value]);
|
|
1947
|
-
return /* @__PURE__ */ (0,
|
|
1948
|
-
/* @__PURE__ */ (0,
|
|
2071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
|
|
2072
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1949
2073
|
Input,
|
|
1950
2074
|
__spreadValues({
|
|
1951
2075
|
id,
|
|
@@ -2019,7 +2143,7 @@ var Search = (_a) => {
|
|
|
2019
2143
|
Search.displayName = "Search";
|
|
2020
2144
|
|
|
2021
2145
|
// src/components/DataGridCell.tsx
|
|
2022
|
-
var
|
|
2146
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
2023
2147
|
var DataGridCell = (0, import_react11.memo)(
|
|
2024
2148
|
(_a) => {
|
|
2025
2149
|
var _b = _a, {
|
|
@@ -2100,10 +2224,10 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2100
2224
|
};
|
|
2101
2225
|
const headerBgStyles = type === "header" && !locked && !["button"].includes(component) && "bg-brand-400 border-brand-200";
|
|
2102
2226
|
const lockedHeaderBgStyles = locked && !["button"].includes(component) && "bg-neutral-400 border-neutral-300";
|
|
2103
|
-
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0,
|
|
2104
|
-
const buttonComponentStyles = component === "button" && (0,
|
|
2105
|
-
const iconComponentStyles = component === "icon" && (0,
|
|
2106
|
-
const cellClasses = (0,
|
|
2227
|
+
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0, import_clsx9.default)("border-r");
|
|
2228
|
+
const buttonComponentStyles = component === "button" && (0, import_clsx9.default)("border-r border-b border-border-primary-normal");
|
|
2229
|
+
const iconComponentStyles = component === "icon" && (0, import_clsx9.default)("border-l");
|
|
2230
|
+
const cellClasses = (0, import_clsx9.default)(
|
|
2107
2231
|
headerTypeStyles,
|
|
2108
2232
|
buttonComponentStyles,
|
|
2109
2233
|
headerBgStyles,
|
|
@@ -2124,16 +2248,16 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2124
2248
|
isGrabbing && "!cursor-grabbing",
|
|
2125
2249
|
component === "checkbox" || center && "justify-center"
|
|
2126
2250
|
);
|
|
2127
|
-
return /* @__PURE__ */ (0,
|
|
2251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2128
2252
|
Element,
|
|
2129
2253
|
__spreadProps(__spreadValues({
|
|
2130
2254
|
id,
|
|
2131
2255
|
"data-testid": testid,
|
|
2132
|
-
className: (0,
|
|
2256
|
+
className: (0, import_clsx9.default)("flex h-10", !width && "flex-1"),
|
|
2133
2257
|
style: { width, minWidth }
|
|
2134
2258
|
}, props), {
|
|
2135
2259
|
"data-theme": type === "header" && !locked ? "brand" : void 0,
|
|
2136
|
-
children: /* @__PURE__ */ (0,
|
|
2260
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2137
2261
|
"div",
|
|
2138
2262
|
{
|
|
2139
2263
|
className: cellClasses,
|
|
@@ -2210,7 +2334,7 @@ function DataCellHeader(_a) {
|
|
|
2210
2334
|
"--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
|
|
2211
2335
|
"--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
|
|
2212
2336
|
}, props.style);
|
|
2213
|
-
return /* @__PURE__ */ (0,
|
|
2337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2214
2338
|
DataGridCell,
|
|
2215
2339
|
__spreadProps(__spreadValues({
|
|
2216
2340
|
id,
|
|
@@ -2225,7 +2349,7 @@ function DataCellHeader(_a) {
|
|
|
2225
2349
|
}, props), {
|
|
2226
2350
|
children: [
|
|
2227
2351
|
children,
|
|
2228
|
-
header.column.getCanFilter() && /* @__PURE__ */ (0,
|
|
2352
|
+
header.column.getCanFilter() && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2229
2353
|
Menu,
|
|
2230
2354
|
{
|
|
2231
2355
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -2237,7 +2361,7 @@ function DataCellHeader(_a) {
|
|
|
2237
2361
|
mobileHide,
|
|
2238
2362
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2239
2363
|
children: [
|
|
2240
|
-
/* @__PURE__ */ (0,
|
|
2364
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2241
2365
|
MenuOption,
|
|
2242
2366
|
__spreadProps(__spreadValues({
|
|
2243
2367
|
id: id ? `${id}-filter-option` : void 0,
|
|
@@ -2245,7 +2369,7 @@ function DataCellHeader(_a) {
|
|
|
2245
2369
|
}, subMenuListeners), {
|
|
2246
2370
|
subMenu: (_b2) => {
|
|
2247
2371
|
var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
|
|
2248
|
-
return /* @__PURE__ */ (0,
|
|
2372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2249
2373
|
Menu,
|
|
2250
2374
|
__spreadProps(__spreadValues({
|
|
2251
2375
|
id: id ? `${id}-filter-submenu` : void 0,
|
|
@@ -2257,7 +2381,7 @@ function DataCellHeader(_a) {
|
|
|
2257
2381
|
},
|
|
2258
2382
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2259
2383
|
children: [
|
|
2260
|
-
/* @__PURE__ */ (0,
|
|
2384
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx9.default)(paddingUsingComponentGap), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2261
2385
|
Search,
|
|
2262
2386
|
{
|
|
2263
2387
|
id: id ? `${id}-filter-search` : void 0,
|
|
@@ -2273,7 +2397,7 @@ function DataCellHeader(_a) {
|
|
|
2273
2397
|
value: filter != null ? filter : ""
|
|
2274
2398
|
}
|
|
2275
2399
|
) }),
|
|
2276
|
-
/* @__PURE__ */ (0,
|
|
2400
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2277
2401
|
MenuOption,
|
|
2278
2402
|
{
|
|
2279
2403
|
id: id ? `${id}-filter-contains` : void 0,
|
|
@@ -2283,7 +2407,7 @@ function DataCellHeader(_a) {
|
|
|
2283
2407
|
children: "Contains"
|
|
2284
2408
|
}
|
|
2285
2409
|
),
|
|
2286
|
-
/* @__PURE__ */ (0,
|
|
2410
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2287
2411
|
MenuOption,
|
|
2288
2412
|
{
|
|
2289
2413
|
id: id ? `${id}-filter-startswith` : void 0,
|
|
@@ -2293,7 +2417,7 @@ function DataCellHeader(_a) {
|
|
|
2293
2417
|
children: "Starts with"
|
|
2294
2418
|
}
|
|
2295
2419
|
),
|
|
2296
|
-
/* @__PURE__ */ (0,
|
|
2420
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2297
2421
|
MenuOption,
|
|
2298
2422
|
{
|
|
2299
2423
|
id: id ? `${id}-filter-endswith` : void 0,
|
|
@@ -2310,7 +2434,7 @@ function DataCellHeader(_a) {
|
|
|
2310
2434
|
children: "Filter"
|
|
2311
2435
|
})
|
|
2312
2436
|
),
|
|
2313
|
-
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0,
|
|
2437
|
+
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2314
2438
|
MenuOption,
|
|
2315
2439
|
__spreadProps(__spreadValues({
|
|
2316
2440
|
onClick: () => {
|
|
@@ -2319,7 +2443,7 @@ function DataCellHeader(_a) {
|
|
|
2319
2443
|
}, subMenuListeners), {
|
|
2320
2444
|
subMenu: (_d) => {
|
|
2321
2445
|
var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
|
|
2322
|
-
return /* @__PURE__ */ (0,
|
|
2446
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2323
2447
|
Menu,
|
|
2324
2448
|
__spreadProps(__spreadValues({}, props2), {
|
|
2325
2449
|
show: isMenuActive(menuId, subMenuLevel),
|
|
@@ -2327,7 +2451,7 @@ function DataCellHeader(_a) {
|
|
|
2327
2451
|
registerSubMenu(menuId, el);
|
|
2328
2452
|
},
|
|
2329
2453
|
children: [
|
|
2330
|
-
/* @__PURE__ */ (0,
|
|
2454
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2331
2455
|
MenuOption,
|
|
2332
2456
|
{
|
|
2333
2457
|
selected: header.column.getIsPinned() === "left",
|
|
@@ -2338,11 +2462,11 @@ function DataCellHeader(_a) {
|
|
|
2338
2462
|
header.column.pin("left");
|
|
2339
2463
|
}
|
|
2340
2464
|
},
|
|
2341
|
-
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0,
|
|
2465
|
+
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2342
2466
|
children: "Left"
|
|
2343
2467
|
}
|
|
2344
2468
|
),
|
|
2345
|
-
/* @__PURE__ */ (0,
|
|
2469
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2346
2470
|
MenuOption,
|
|
2347
2471
|
{
|
|
2348
2472
|
selected: header.column.getIsPinned() === "right",
|
|
@@ -2353,7 +2477,7 @@ function DataCellHeader(_a) {
|
|
|
2353
2477
|
header.column.pin("right");
|
|
2354
2478
|
}
|
|
2355
2479
|
},
|
|
2356
|
-
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0,
|
|
2480
|
+
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2357
2481
|
children: "Right"
|
|
2358
2482
|
}
|
|
2359
2483
|
)
|
|
@@ -2371,11 +2495,11 @@ function DataCellHeader(_a) {
|
|
|
2371
2495
|
})
|
|
2372
2496
|
);
|
|
2373
2497
|
function menuOptionIcon(value) {
|
|
2374
|
-
return /* @__PURE__ */ (0,
|
|
2498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2375
2499
|
Icon,
|
|
2376
2500
|
{
|
|
2377
2501
|
name: "check",
|
|
2378
|
-
className: (0,
|
|
2502
|
+
className: (0, import_clsx9.default)(
|
|
2379
2503
|
header.column.columnDef.filterFn !== value && "text-transparent"
|
|
2380
2504
|
)
|
|
2381
2505
|
}
|
|
@@ -2420,7 +2544,7 @@ function DraggableCellHeader(_a) {
|
|
|
2420
2544
|
"--color-icon-on-action-primary-normal": "var(--color-action-000)",
|
|
2421
2545
|
userSelect: "none"
|
|
2422
2546
|
};
|
|
2423
|
-
return /* @__PURE__ */ (0,
|
|
2547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2424
2548
|
DataCellHeader,
|
|
2425
2549
|
__spreadProps(__spreadValues(__spreadValues(__spreadValues({
|
|
2426
2550
|
header,
|
|
@@ -2452,7 +2576,7 @@ function DragAlongCell(_a) {
|
|
|
2452
2576
|
minWidth: cell.column.getSize(),
|
|
2453
2577
|
zIndex: isDragging ? 1 : 0
|
|
2454
2578
|
};
|
|
2455
|
-
return /* @__PURE__ */ (0,
|
|
2579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DataGridCell, __spreadProps(__spreadValues({ style, ref: setNodeRef }, props), { children }));
|
|
2456
2580
|
}
|
|
2457
2581
|
DragAlongCell.displayName = "DragAlongCell";
|
|
2458
2582
|
|
|
@@ -2463,32 +2587,32 @@ var import_core = require("@dnd-kit/core");
|
|
|
2463
2587
|
var import_sortable2 = require("@dnd-kit/sortable");
|
|
2464
2588
|
var import_modifiers = require("@dnd-kit/modifiers");
|
|
2465
2589
|
var import_react_virtual2 = require("@tanstack/react-virtual");
|
|
2466
|
-
var
|
|
2590
|
+
var import_clsx13 = __toESM(require("clsx"), 1);
|
|
2467
2591
|
|
|
2468
2592
|
// src/components/DataGrid/utils.tsx
|
|
2469
|
-
var
|
|
2470
|
-
var
|
|
2593
|
+
var import_clsx10 = __toESM(require("clsx"), 1);
|
|
2594
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
2471
2595
|
function getSortIcon(sort, nextSort = false) {
|
|
2472
|
-
const iconClassName = (0,
|
|
2596
|
+
const iconClassName = (0, import_clsx10.default)(
|
|
2473
2597
|
"text-icon-on-action-primary-normal",
|
|
2474
2598
|
nextSort && "hidden group-hover:block"
|
|
2475
2599
|
);
|
|
2476
2600
|
if (sort === "asc")
|
|
2477
|
-
return /* @__PURE__ */ (0,
|
|
2601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
2478
2602
|
if (sort === "desc")
|
|
2479
|
-
return /* @__PURE__ */ (0,
|
|
2603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
2480
2604
|
return null;
|
|
2481
2605
|
}
|
|
2482
2606
|
|
|
2483
2607
|
// src/components/DataGrid/TableBody/index.tsx
|
|
2484
2608
|
var import_react_virtual = require("@tanstack/react-virtual");
|
|
2485
|
-
var
|
|
2609
|
+
var import_clsx12 = __toESM(require("clsx"), 1);
|
|
2486
2610
|
|
|
2487
2611
|
// src/components/DataGrid/TableBody/TableBodyRow.tsx
|
|
2488
|
-
var
|
|
2612
|
+
var import_clsx11 = __toESM(require("clsx"), 1);
|
|
2489
2613
|
var import_react_table = require("@tanstack/react-table");
|
|
2490
2614
|
var import_react12 = __toESM(require("react"), 1);
|
|
2491
|
-
var
|
|
2615
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
2492
2616
|
var valueFormatters = {
|
|
2493
2617
|
date: (value) => typeof value === "string" ? formatDate(value) : "",
|
|
2494
2618
|
currency: (value) => formatCurrencyDisplay(value)
|
|
@@ -2521,10 +2645,10 @@ function TableBodyRow({
|
|
|
2521
2645
|
const columns = locked ? visibleCells : virtualColumns;
|
|
2522
2646
|
const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
|
|
2523
2647
|
const CellElement = locked ? DataGridCell : DragAlongCell;
|
|
2524
|
-
return /* @__PURE__ */ (0,
|
|
2648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
2525
2649
|
"tr",
|
|
2526
2650
|
{
|
|
2527
|
-
className: (0,
|
|
2651
|
+
className: (0, import_clsx11.default)(
|
|
2528
2652
|
"min-h-10",
|
|
2529
2653
|
"transition-colors hover:bg-background-action-secondary-hover",
|
|
2530
2654
|
row.getIsSelected() && "!bg-background-action-secondary-hover",
|
|
@@ -2542,7 +2666,7 @@ function TableBodyRow({
|
|
|
2542
2666
|
children: [
|
|
2543
2667
|
!locked && virtualPaddingLeft ? (
|
|
2544
2668
|
// fake empty column to the left for virtualization scroll padding
|
|
2545
|
-
/* @__PURE__ */ (0,
|
|
2669
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
|
|
2546
2670
|
) : null,
|
|
2547
2671
|
columns.map((column) => {
|
|
2548
2672
|
var _a2, _b, _c, _d;
|
|
@@ -2553,17 +2677,17 @@ function TableBodyRow({
|
|
|
2553
2677
|
const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
|
|
2554
2678
|
const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
|
|
2555
2679
|
const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
2556
|
-
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0,
|
|
2680
|
+
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
2557
2681
|
CellElement,
|
|
2558
2682
|
{
|
|
2559
2683
|
id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
2560
2684
|
testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
2561
2685
|
cell,
|
|
2562
|
-
className: (0,
|
|
2686
|
+
className: (0, import_clsx11.default)({
|
|
2563
2687
|
"justify-start": cellAlignment === "left",
|
|
2564
2688
|
"justify-end": cellAlignment === "right"
|
|
2565
2689
|
}),
|
|
2566
|
-
children: /* @__PURE__ */ (0,
|
|
2690
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
2567
2691
|
Tooltip,
|
|
2568
2692
|
{
|
|
2569
2693
|
id: id ? `${id}-tooltip-${cell.id}` : void 0,
|
|
@@ -2571,7 +2695,7 @@ function TableBodyRow({
|
|
|
2571
2695
|
showOnTruncation: true,
|
|
2572
2696
|
message: cellValue,
|
|
2573
2697
|
position: "bottom",
|
|
2574
|
-
children: /* @__PURE__ */ (0,
|
|
2698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Paragraph, { addOverflow: true, tall: true, children: cellValue })
|
|
2575
2699
|
}
|
|
2576
2700
|
)
|
|
2577
2701
|
},
|
|
@@ -2580,7 +2704,7 @@ function TableBodyRow({
|
|
|
2580
2704
|
}),
|
|
2581
2705
|
!locked && virtualPaddingRight ? (
|
|
2582
2706
|
// fake empty column to the right for virtualization scroll padding
|
|
2583
|
-
/* @__PURE__ */ (0,
|
|
2707
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
|
|
2584
2708
|
) : null
|
|
2585
2709
|
]
|
|
2586
2710
|
},
|
|
@@ -2589,7 +2713,7 @@ function TableBodyRow({
|
|
|
2589
2713
|
}
|
|
2590
2714
|
|
|
2591
2715
|
// src/components/DataGrid/TableBody/LoadingCell.tsx
|
|
2592
|
-
var
|
|
2716
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
2593
2717
|
function LoadingCell({
|
|
2594
2718
|
id,
|
|
2595
2719
|
testid,
|
|
@@ -2597,16 +2721,16 @@ function LoadingCell({
|
|
|
2597
2721
|
}) {
|
|
2598
2722
|
const key = `loading-${column.id}`;
|
|
2599
2723
|
if (column.cell === "checkbox") {
|
|
2600
|
-
return /* @__PURE__ */ (0,
|
|
2724
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
|
|
2601
2725
|
}
|
|
2602
2726
|
if (column.cell === "input") {
|
|
2603
|
-
return /* @__PURE__ */ (0,
|
|
2727
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2604
2728
|
DataGridCell,
|
|
2605
2729
|
{
|
|
2606
2730
|
id: id ? `${id}-${key}` : void 0,
|
|
2607
2731
|
testid: testid ? `${testid}-${key}` : void 0,
|
|
2608
2732
|
component: "input",
|
|
2609
|
-
children: /* @__PURE__ */ (0,
|
|
2733
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2610
2734
|
Input,
|
|
2611
2735
|
{
|
|
2612
2736
|
id: id ? `${id}-${key}-input` : void 0,
|
|
@@ -2620,11 +2744,11 @@ function LoadingCell({
|
|
|
2620
2744
|
key
|
|
2621
2745
|
);
|
|
2622
2746
|
}
|
|
2623
|
-
return /* @__PURE__ */ (0,
|
|
2747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
|
|
2624
2748
|
}
|
|
2625
2749
|
|
|
2626
2750
|
// src/components/DataGrid/TableBody/index.tsx
|
|
2627
|
-
var
|
|
2751
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
2628
2752
|
function TableBody({
|
|
2629
2753
|
id,
|
|
2630
2754
|
testid,
|
|
@@ -2658,10 +2782,10 @@ function TableBody({
|
|
|
2658
2782
|
} else {
|
|
2659
2783
|
headerGroups = table.getCenterHeaderGroups();
|
|
2660
2784
|
}
|
|
2661
|
-
return /* @__PURE__ */ (0,
|
|
2785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
2662
2786
|
"tbody",
|
|
2663
2787
|
{
|
|
2664
|
-
className: (0,
|
|
2788
|
+
className: (0, import_clsx12.default)(locked ? "shadow-16" : ""),
|
|
2665
2789
|
style: {
|
|
2666
2790
|
display: "grid",
|
|
2667
2791
|
height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
|
|
@@ -2670,7 +2794,7 @@ function TableBody({
|
|
|
2670
2794
|
// needed for absolute positioning of rows
|
|
2671
2795
|
},
|
|
2672
2796
|
children: [
|
|
2673
|
-
showFilterRow && /* @__PURE__ */ (0,
|
|
2797
|
+
showFilterRow && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2674
2798
|
"tr",
|
|
2675
2799
|
{
|
|
2676
2800
|
style: {
|
|
@@ -2686,7 +2810,7 @@ function TableBody({
|
|
|
2686
2810
|
children: headerGroups.flatMap(
|
|
2687
2811
|
(x) => x.headers.map((header) => {
|
|
2688
2812
|
var _a, _b, _c, _d, _e;
|
|
2689
|
-
return /* @__PURE__ */ (0,
|
|
2813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2690
2814
|
CellElement,
|
|
2691
2815
|
{
|
|
2692
2816
|
id: id ? `${id}-filter-cell-${header.id}` : void 0,
|
|
@@ -2697,7 +2821,7 @@ function TableBody({
|
|
|
2697
2821
|
children: header.column.getCanFilter() && ((_e = (_c = (_b = header.column.columnDef.meta) == null ? void 0 : _b.filterRowCell) == null ? void 0 : _c.call(_b, {
|
|
2698
2822
|
header,
|
|
2699
2823
|
table
|
|
2700
|
-
})) != null ? _e : /* @__PURE__ */ (0,
|
|
2824
|
+
})) != null ? _e : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2701
2825
|
Search,
|
|
2702
2826
|
{
|
|
2703
2827
|
id: id ? `${id}-filter-search-${header.id}` : void 0,
|
|
@@ -2718,7 +2842,7 @@ function TableBody({
|
|
|
2718
2842
|
),
|
|
2719
2843
|
virtualRows.map((virtualRow) => {
|
|
2720
2844
|
const row = rows[virtualRow.index];
|
|
2721
|
-
return /* @__PURE__ */ (0,
|
|
2845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2722
2846
|
TableBodyRow,
|
|
2723
2847
|
{
|
|
2724
2848
|
id,
|
|
@@ -2737,7 +2861,7 @@ function TableBody({
|
|
|
2737
2861
|
row.id
|
|
2738
2862
|
);
|
|
2739
2863
|
}),
|
|
2740
|
-
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0,
|
|
2864
|
+
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2741
2865
|
"tr",
|
|
2742
2866
|
{
|
|
2743
2867
|
style: {
|
|
@@ -2747,7 +2871,7 @@ function TableBody({
|
|
|
2747
2871
|
transform: `translateY(${virtualRows[virtualRows.length - 1].start + 40}px)`
|
|
2748
2872
|
},
|
|
2749
2873
|
className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
|
|
2750
|
-
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0,
|
|
2874
|
+
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2751
2875
|
LoadingCell,
|
|
2752
2876
|
{
|
|
2753
2877
|
id,
|
|
@@ -2767,7 +2891,7 @@ function TableBody({
|
|
|
2767
2891
|
var no_results_image_default = "data:image/png;base64,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";
|
|
2768
2892
|
|
|
2769
2893
|
// src/components/DataGrid/index.tsx
|
|
2770
|
-
var
|
|
2894
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
2771
2895
|
var PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25, 30, 35];
|
|
2772
2896
|
var NO_RESULTS_HEIGHT = "h-[185px]";
|
|
2773
2897
|
function DataGrid({
|
|
@@ -3016,7 +3140,7 @@ function DataGrid({
|
|
|
3016
3140
|
virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_e = (_d = virtualColumns[virtualColumns.length - 1]) == null ? void 0 : _d.end) != null ? _e : 0);
|
|
3017
3141
|
}
|
|
3018
3142
|
const empty = table.getRowModel().rows.length === 0;
|
|
3019
|
-
return /* @__PURE__ */ (0,
|
|
3143
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3020
3144
|
import_core.DndContext,
|
|
3021
3145
|
{
|
|
3022
3146
|
id: dndId,
|
|
@@ -3024,28 +3148,28 @@ function DataGrid({
|
|
|
3024
3148
|
modifiers: [import_modifiers.restrictToHorizontalAxis],
|
|
3025
3149
|
onDragEnd: handleDragEnd,
|
|
3026
3150
|
sensors,
|
|
3027
|
-
children: /* @__PURE__ */ (0,
|
|
3151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3028
3152
|
import_sortable2.SortableContext,
|
|
3029
3153
|
{
|
|
3030
3154
|
items: columnOrder,
|
|
3031
3155
|
strategy: import_sortable2.horizontalListSortingStrategy,
|
|
3032
|
-
children: /* @__PURE__ */ (0,
|
|
3156
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3033
3157
|
"div",
|
|
3034
3158
|
{
|
|
3035
3159
|
id,
|
|
3036
3160
|
"data-testid": testid,
|
|
3037
3161
|
className: "flex flex-col grow-0 h-fit w-full rounded border border-border-primary-normal overflow-hidden text-text-primary-normal",
|
|
3038
3162
|
children: [
|
|
3039
|
-
/* @__PURE__ */ (0,
|
|
3163
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3040
3164
|
"div",
|
|
3041
3165
|
{
|
|
3042
|
-
className: (0,
|
|
3166
|
+
className: (0, import_clsx13.default)(
|
|
3043
3167
|
"flex overflow-auto scrollbar-thin relative contain-paint will-change-transform",
|
|
3044
3168
|
empty ? "overflow-y-hidden" : "min-h-[120px]"
|
|
3045
3169
|
),
|
|
3046
3170
|
ref: containerRef,
|
|
3047
3171
|
children: [
|
|
3048
|
-
/* @__PURE__ */ (0,
|
|
3172
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3049
3173
|
PinnedColumns,
|
|
3050
3174
|
{
|
|
3051
3175
|
testid,
|
|
@@ -3058,8 +3182,8 @@ function DataGrid({
|
|
|
3058
3182
|
showFilterRow
|
|
3059
3183
|
}
|
|
3060
3184
|
),
|
|
3061
|
-
/* @__PURE__ */ (0,
|
|
3062
|
-
/* @__PURE__ */ (0,
|
|
3185
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
|
|
3186
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { className: "sticky top-0 z-10 grid", children: table.getCenterHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3063
3187
|
"tr",
|
|
3064
3188
|
{
|
|
3065
3189
|
"data-testid": testid ? `${testid}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -3067,7 +3191,7 @@ function DataGrid({
|
|
|
3067
3191
|
children: [
|
|
3068
3192
|
virtualPaddingLeft ? (
|
|
3069
3193
|
// fake empty column to the left for virtualization scroll padding
|
|
3070
|
-
/* @__PURE__ */ (0,
|
|
3194
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3071
3195
|
"th",
|
|
3072
3196
|
{
|
|
3073
3197
|
style: { display: "flex", width: virtualPaddingLeft }
|
|
@@ -3083,7 +3207,7 @@ function DataGrid({
|
|
|
3083
3207
|
if (typeof header.column.columnDef.header === "string") {
|
|
3084
3208
|
const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
|
|
3085
3209
|
const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
|
|
3086
|
-
return /* @__PURE__ */ (0,
|
|
3210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3087
3211
|
DraggableCellHeader,
|
|
3088
3212
|
{
|
|
3089
3213
|
minWidth: `${header.column.getSize()}px`,
|
|
@@ -3092,7 +3216,7 @@ function DataGrid({
|
|
|
3092
3216
|
header,
|
|
3093
3217
|
locked: (_d2 = header.column.columnDef.meta) == null ? void 0 : _d2.locked,
|
|
3094
3218
|
center: centerHeader,
|
|
3095
|
-
className: (0,
|
|
3219
|
+
className: (0, import_clsx13.default)(
|
|
3096
3220
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3097
3221
|
"group",
|
|
3098
3222
|
{
|
|
@@ -3102,15 +3226,15 @@ function DataGrid({
|
|
|
3102
3226
|
),
|
|
3103
3227
|
useMenuDefaultMinWidth,
|
|
3104
3228
|
children: [
|
|
3105
|
-
cellAlignment === "left" && /* @__PURE__ */ (0,
|
|
3229
|
+
cellAlignment === "left" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3106
3230
|
getSortIcon(header.column.getIsSorted()),
|
|
3107
3231
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(
|
|
3108
3232
|
header.column.getNextSortingOrder(),
|
|
3109
3233
|
true
|
|
3110
3234
|
),
|
|
3111
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
3112
|
-
cellAlignment === "right" && /* @__PURE__ */ (0,
|
|
3113
|
-
/* @__PURE__ */ (0,
|
|
3235
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3236
|
+
cellAlignment === "right" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3237
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3114
3238
|
"div",
|
|
3115
3239
|
{
|
|
3116
3240
|
onDoubleClick: (e) => {
|
|
@@ -3133,7 +3257,7 @@ function DataGrid({
|
|
|
3133
3257
|
header.id
|
|
3134
3258
|
);
|
|
3135
3259
|
}
|
|
3136
|
-
return /* @__PURE__ */ (0,
|
|
3260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react13.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3137
3261
|
DataGridCell,
|
|
3138
3262
|
{
|
|
3139
3263
|
id: id ? `${id}-header-${header.id}` : void 0,
|
|
@@ -3141,7 +3265,7 @@ function DataGrid({
|
|
|
3141
3265
|
type: "header",
|
|
3142
3266
|
component: "checkbox",
|
|
3143
3267
|
locked: true,
|
|
3144
|
-
children: /* @__PURE__ */ (0,
|
|
3268
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3145
3269
|
Checkbox,
|
|
3146
3270
|
{
|
|
3147
3271
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -3159,7 +3283,7 @@ function DataGrid({
|
|
|
3159
3283
|
}),
|
|
3160
3284
|
virtualPaddingRight ? (
|
|
3161
3285
|
//fake empty column to the right for virtualization scroll padding
|
|
3162
|
-
/* @__PURE__ */ (0,
|
|
3286
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3163
3287
|
"th",
|
|
3164
3288
|
{
|
|
3165
3289
|
style: { display: "flex", width: virtualPaddingRight }
|
|
@@ -3170,7 +3294,7 @@ function DataGrid({
|
|
|
3170
3294
|
},
|
|
3171
3295
|
headerGroup.id
|
|
3172
3296
|
)) }),
|
|
3173
|
-
/* @__PURE__ */ (0,
|
|
3297
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3174
3298
|
TableBody,
|
|
3175
3299
|
{
|
|
3176
3300
|
id,
|
|
@@ -3188,7 +3312,7 @@ function DataGrid({
|
|
|
3188
3312
|
}
|
|
3189
3313
|
)
|
|
3190
3314
|
] }),
|
|
3191
|
-
/* @__PURE__ */ (0,
|
|
3315
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3192
3316
|
PinnedColumns,
|
|
3193
3317
|
{
|
|
3194
3318
|
id,
|
|
@@ -3208,10 +3332,10 @@ function DataGrid({
|
|
|
3208
3332
|
]
|
|
3209
3333
|
}
|
|
3210
3334
|
),
|
|
3211
|
-
empty && /* @__PURE__ */ (0,
|
|
3335
|
+
empty && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3212
3336
|
"div",
|
|
3213
3337
|
{
|
|
3214
|
-
className: (0,
|
|
3338
|
+
className: (0, import_clsx13.default)(
|
|
3215
3339
|
NO_RESULTS_HEIGHT,
|
|
3216
3340
|
"flex flex-col items-center justify-center",
|
|
3217
3341
|
componentGap,
|
|
@@ -3219,7 +3343,7 @@ function DataGrid({
|
|
|
3219
3343
|
),
|
|
3220
3344
|
"data-testid": testid ? `${testid}-no-results` : void 0,
|
|
3221
3345
|
children: [
|
|
3222
|
-
/* @__PURE__ */ (0,
|
|
3346
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3223
3347
|
"img",
|
|
3224
3348
|
{
|
|
3225
3349
|
src: (_g = (_f = no_results_image_default) == null ? void 0 : _f.src) != null ? _g : no_results_image_default,
|
|
@@ -3229,15 +3353,15 @@ function DataGrid({
|
|
|
3229
3353
|
height: 120
|
|
3230
3354
|
}
|
|
3231
3355
|
),
|
|
3232
|
-
/* @__PURE__ */ (0,
|
|
3233
|
-
/* @__PURE__ */ (0,
|
|
3356
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { color: "text-secondary-normal", children: "No Results" }),
|
|
3357
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Paragraph, { color: "text-secondary-normal", children: "To view results, enter or update your search criteria." })
|
|
3234
3358
|
]
|
|
3235
3359
|
}
|
|
3236
3360
|
),
|
|
3237
|
-
!hideStatusBar && /* @__PURE__ */ (0,
|
|
3238
|
-
pagination && /* @__PURE__ */ (0,
|
|
3239
|
-
/* @__PURE__ */ (0,
|
|
3240
|
-
/* @__PURE__ */ (0,
|
|
3361
|
+
!hideStatusBar && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-2 pt-[7px] border-t border-border-primary-normal h-full min-h-[34px]", children: [
|
|
3362
|
+
pagination && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between items-center", children: [
|
|
3363
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1 w-min", children: [
|
|
3364
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3241
3365
|
Select,
|
|
3242
3366
|
{
|
|
3243
3367
|
id: id ? `${id}-pagesize-select` : void 0,
|
|
@@ -3248,12 +3372,12 @@ function DataGrid({
|
|
|
3248
3372
|
var _a2;
|
|
3249
3373
|
return (_a2 = pagination.onPageSizeChange) == null ? void 0 : _a2.call(pagination, Number(e.target.value));
|
|
3250
3374
|
},
|
|
3251
|
-
renderMenu: (props) => /* @__PURE__ */ (0,
|
|
3375
|
+
renderMenu: (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3252
3376
|
Menu,
|
|
3253
3377
|
__spreadProps(__spreadValues({}, props), {
|
|
3254
3378
|
id: id ? `${id}-pagesize-menu` : void 0,
|
|
3255
3379
|
testid: testid ? `${testid}-pagesize-menu` : void 0,
|
|
3256
|
-
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0,
|
|
3380
|
+
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3257
3381
|
MenuOption,
|
|
3258
3382
|
{
|
|
3259
3383
|
id: id ? `${id}-pagesize-option-${option}` : void 0,
|
|
@@ -3270,22 +3394,22 @@ function DataGrid({
|
|
|
3270
3394
|
)
|
|
3271
3395
|
}
|
|
3272
3396
|
),
|
|
3273
|
-
/* @__PURE__ */ (0,
|
|
3397
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label, { children: "Per Page" })
|
|
3274
3398
|
] }),
|
|
3275
|
-
/* @__PURE__ */ (0,
|
|
3276
|
-
/* @__PURE__ */ (0,
|
|
3399
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
3400
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3277
3401
|
Button,
|
|
3278
3402
|
{
|
|
3279
3403
|
id: id ? `${id}-prev-page-button` : void 0,
|
|
3280
3404
|
testid: testid ? `${testid}-prev-page-button` : void 0,
|
|
3281
3405
|
iconOnly: true,
|
|
3282
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3406
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "chevron_left" }),
|
|
3283
3407
|
onClick: () => pagination.onPageChange(pagination.pageIndex - 1),
|
|
3284
3408
|
variant: "tertiary",
|
|
3285
3409
|
disabled: pagination.pageIndex === 0
|
|
3286
3410
|
}
|
|
3287
3411
|
),
|
|
3288
|
-
/* @__PURE__ */ (0,
|
|
3412
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Paragraph, { children: [
|
|
3289
3413
|
pagination.pageIndex * pagination.pageSize + 1,
|
|
3290
3414
|
" -",
|
|
3291
3415
|
" ",
|
|
@@ -3297,13 +3421,13 @@ function DataGrid({
|
|
|
3297
3421
|
"of ",
|
|
3298
3422
|
pagination.total
|
|
3299
3423
|
] }),
|
|
3300
|
-
/* @__PURE__ */ (0,
|
|
3424
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3301
3425
|
Button,
|
|
3302
3426
|
{
|
|
3303
3427
|
id: id ? `${id}-next-page-button` : void 0,
|
|
3304
3428
|
testid: testid ? `${testid}-next-page-button` : void 0,
|
|
3305
3429
|
iconOnly: true,
|
|
3306
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3430
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "chevron_right" }),
|
|
3307
3431
|
onClick: () => pagination.onPageChange(pagination.pageIndex + 1),
|
|
3308
3432
|
variant: "tertiary",
|
|
3309
3433
|
disabled: (pagination.pageIndex + 1) * pagination.pageSize >= pagination.total
|
|
@@ -3311,7 +3435,7 @@ function DataGrid({
|
|
|
3311
3435
|
)
|
|
3312
3436
|
] })
|
|
3313
3437
|
] }),
|
|
3314
|
-
status && /* @__PURE__ */ (0,
|
|
3438
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3315
3439
|
Paragraph,
|
|
3316
3440
|
{
|
|
3317
3441
|
testid: testid ? `${testid}-status-text` : void 0,
|
|
@@ -3338,8 +3462,8 @@ function adaptTableStateSetter(setter) {
|
|
|
3338
3462
|
|
|
3339
3463
|
// src/components/Select.tsx
|
|
3340
3464
|
var import_react14 = require("react");
|
|
3341
|
-
var
|
|
3342
|
-
var
|
|
3465
|
+
var import_clsx14 = __toESM(require("clsx"), 1);
|
|
3466
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
3343
3467
|
var Select = (_a) => {
|
|
3344
3468
|
var _b = _a, {
|
|
3345
3469
|
id,
|
|
@@ -3383,8 +3507,8 @@ var Select = (_a) => {
|
|
|
3383
3507
|
}
|
|
3384
3508
|
(_a3 = inputRef.current) == null ? void 0 : _a3.focus();
|
|
3385
3509
|
}, [value]);
|
|
3386
|
-
return /* @__PURE__ */ (0,
|
|
3387
|
-
/* @__PURE__ */ (0,
|
|
3510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
|
|
3511
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3388
3512
|
InputBase,
|
|
3389
3513
|
__spreadProps(__spreadValues({
|
|
3390
3514
|
id,
|
|
@@ -3392,18 +3516,18 @@ var Select = (_a) => {
|
|
|
3392
3516
|
inputContainerRef,
|
|
3393
3517
|
ref: inputRef,
|
|
3394
3518
|
label,
|
|
3395
|
-
after: !readOnly && /* @__PURE__ */ (0,
|
|
3519
|
+
after: !readOnly && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3396
3520
|
"span",
|
|
3397
3521
|
{
|
|
3398
|
-
className: (0,
|
|
3522
|
+
className: (0, import_clsx14.default)(
|
|
3399
3523
|
props.disabled ? "text-icon-action-primary-disabled" : "text-icon-action-primary-normal",
|
|
3400
3524
|
"contents"
|
|
3401
3525
|
),
|
|
3402
|
-
children: /* @__PURE__ */ (0,
|
|
3526
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "keyboard_arrow_down" })
|
|
3403
3527
|
}
|
|
3404
3528
|
),
|
|
3405
3529
|
maxLength: 0,
|
|
3406
|
-
className: (0,
|
|
3530
|
+
className: (0, import_clsx14.default)("!caret-transparent !cursor-default", className),
|
|
3407
3531
|
wrapperClassName,
|
|
3408
3532
|
onKeyDown: (e) => {
|
|
3409
3533
|
const openKeys = ["Enter", "Space", " "];
|
|
@@ -3443,8 +3567,8 @@ var Select = (_a) => {
|
|
|
3443
3567
|
Select.displayName = "Select";
|
|
3444
3568
|
|
|
3445
3569
|
// src/components/Subheader.tsx
|
|
3446
|
-
var
|
|
3447
|
-
var
|
|
3570
|
+
var import_clsx15 = __toESM(require("clsx"), 1);
|
|
3571
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
3448
3572
|
var Subheader = (_a) => {
|
|
3449
3573
|
var _b = _a, {
|
|
3450
3574
|
className,
|
|
@@ -3466,12 +3590,12 @@ var Subheader = (_a) => {
|
|
|
3466
3590
|
"testid"
|
|
3467
3591
|
]);
|
|
3468
3592
|
const Element = as;
|
|
3469
|
-
return /* @__PURE__ */ (0,
|
|
3593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3470
3594
|
Element,
|
|
3471
3595
|
__spreadProps(__spreadValues({
|
|
3472
3596
|
id,
|
|
3473
3597
|
"data-testid": testid,
|
|
3474
|
-
className: (0,
|
|
3598
|
+
className: (0, import_clsx15.default)(
|
|
3475
3599
|
typography.subheader,
|
|
3476
3600
|
className,
|
|
3477
3601
|
align === "left" && "text-left",
|
|
@@ -3490,8 +3614,8 @@ var Subheader = (_a) => {
|
|
|
3490
3614
|
Subheader.displayName = "Subheader";
|
|
3491
3615
|
|
|
3492
3616
|
// src/components/Checkbox.tsx
|
|
3493
|
-
var
|
|
3494
|
-
var
|
|
3617
|
+
var import_clsx16 = __toESM(require("clsx"), 1);
|
|
3618
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
3495
3619
|
var Checkbox = (_a) => {
|
|
3496
3620
|
var _b = _a, {
|
|
3497
3621
|
label,
|
|
@@ -3517,43 +3641,43 @@ var Checkbox = (_a) => {
|
|
|
3517
3641
|
"testid"
|
|
3518
3642
|
]);
|
|
3519
3643
|
const selected = indeterminate || checked;
|
|
3520
|
-
const normalClassName = (0,
|
|
3644
|
+
const normalClassName = (0, import_clsx16.default)(
|
|
3521
3645
|
!selected && !error && !disabled && !readOnly && "border-border-primary-normal bg-background-action-secondary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active"
|
|
3522
3646
|
);
|
|
3523
|
-
const normalSelectedClassName = (0,
|
|
3647
|
+
const normalSelectedClassName = (0, import_clsx16.default)(
|
|
3524
3648
|
selected && !error && !disabled && !readOnly && "bg-background-action-primary-normal border-background-action-primary-normal peer-hover:bg-background-action-primary-hover peer-hover:border-background-action-primary-hover peer-active:bg-background-action-primary-active peer-active:border-background-action-primary-active"
|
|
3525
3649
|
);
|
|
3526
|
-
const errorClassName = (0,
|
|
3650
|
+
const errorClassName = (0, import_clsx16.default)(
|
|
3527
3651
|
error && !selected && "bg-background-action-critical-secondary-normal border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active"
|
|
3528
3652
|
);
|
|
3529
|
-
const errorSelectedClassName = (0,
|
|
3653
|
+
const errorSelectedClassName = (0, import_clsx16.default)(
|
|
3530
3654
|
error && selected && "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal peer-hover:bg-background-action-critical-primary-hover peer-hover:border-background-action-critical-primary-hover peer-active:bg-background-action-critical-primary-active peer-active:border-background-action-critical-primary-active"
|
|
3531
3655
|
);
|
|
3532
|
-
const disabledClassName = (0,
|
|
3656
|
+
const disabledClassName = (0, import_clsx16.default)(
|
|
3533
3657
|
disabled && !readOnly && "border-border-primary-normal bg-background-action-secondary-disabled peer-checked:bg-icon-on-action-primary-disabled peer-checked:border-icon-on-action-primary-disabled"
|
|
3534
3658
|
);
|
|
3535
|
-
const readOnlyClassName = (0,
|
|
3659
|
+
const readOnlyClassName = (0, import_clsx16.default)(
|
|
3536
3660
|
readOnly && "border-transparent bg-transparent peer-checked:bg-transparent peer-checked:border-transparent"
|
|
3537
3661
|
);
|
|
3538
|
-
const checkColor = (0,
|
|
3662
|
+
const checkColor = (0, import_clsx16.default)(
|
|
3539
3663
|
selected && !disabled && !readOnly && "color-icon-on-action-primary-normal peer-hover:color-icon-on-action-primary-hover peer-active:color-icon-on-action-primary-active",
|
|
3540
3664
|
selected && disabled && "color-background-action-primary-disabled"
|
|
3541
3665
|
);
|
|
3542
|
-
return /* @__PURE__ */ (0,
|
|
3666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
3543
3667
|
"label",
|
|
3544
3668
|
{
|
|
3545
3669
|
id,
|
|
3546
3670
|
"data-testid": testid,
|
|
3547
3671
|
htmlFor: id ? `${id}-input` : void 0,
|
|
3548
|
-
className: (0,
|
|
3672
|
+
className: (0, import_clsx16.default)(
|
|
3549
3673
|
"flex items-center",
|
|
3550
3674
|
componentGap,
|
|
3551
3675
|
(disabled || readOnly && error || readOnly) && "cursor-default",
|
|
3552
3676
|
!(readOnly && error) && !disabled && !readOnly && "cursor-pointer"
|
|
3553
3677
|
),
|
|
3554
3678
|
children: [
|
|
3555
|
-
/* @__PURE__ */ (0,
|
|
3556
|
-
/* @__PURE__ */ (0,
|
|
3679
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
|
|
3680
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3557
3681
|
"input",
|
|
3558
3682
|
__spreadValues({
|
|
3559
3683
|
id: id ? `${id}-input` : void 0,
|
|
@@ -3566,10 +3690,10 @@ var Checkbox = (_a) => {
|
|
|
3566
3690
|
"data-indeterminate": indeterminate
|
|
3567
3691
|
}, props)
|
|
3568
3692
|
),
|
|
3569
|
-
error && (readOnly || disabled) ? /* @__PURE__ */ (0,
|
|
3693
|
+
error && (readOnly || disabled) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_clsx16.default)("size-6", "flex items-center justify-center"), children: selected ? indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "question_mark" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3570
3694
|
"div",
|
|
3571
3695
|
{
|
|
3572
|
-
className: (0,
|
|
3696
|
+
className: (0, import_clsx16.default)(
|
|
3573
3697
|
"size-6 border rounded-base",
|
|
3574
3698
|
"flex items-center justify-center",
|
|
3575
3699
|
baseTransition,
|
|
@@ -3581,18 +3705,18 @@ var Checkbox = (_a) => {
|
|
|
3581
3705
|
readOnlyClassName,
|
|
3582
3706
|
checkColor
|
|
3583
3707
|
),
|
|
3584
|
-
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0,
|
|
3708
|
+
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "question_mark" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "remove", className: "pointer-events-none" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close" }) })
|
|
3585
3709
|
}
|
|
3586
3710
|
)
|
|
3587
3711
|
] }),
|
|
3588
|
-
label && /* @__PURE__ */ (0,
|
|
3712
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3589
3713
|
Paragraph,
|
|
3590
3714
|
{
|
|
3591
3715
|
id: id ? `${id}-label` : void 0,
|
|
3592
3716
|
testid: testid ? `${testid}-label` : void 0,
|
|
3593
3717
|
as: "span",
|
|
3594
3718
|
padded: true,
|
|
3595
|
-
className: (0,
|
|
3719
|
+
className: (0, import_clsx16.default)(
|
|
3596
3720
|
"text-nowrap",
|
|
3597
3721
|
disabled && !error && "!text-text-primary-disabled",
|
|
3598
3722
|
error && !disabled && !readOnly && "!text-text-primary-error",
|
|
@@ -3614,8 +3738,8 @@ var Checkbox = (_a) => {
|
|
|
3614
3738
|
Checkbox.displayName = "Checkbox";
|
|
3615
3739
|
|
|
3616
3740
|
// src/components/Button.tsx
|
|
3617
|
-
var
|
|
3618
|
-
var
|
|
3741
|
+
var import_clsx17 = __toESM(require("clsx"), 1);
|
|
3742
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
3619
3743
|
var Button = (_a) => {
|
|
3620
3744
|
var _b = _a, {
|
|
3621
3745
|
variant = "primary",
|
|
@@ -3648,7 +3772,7 @@ var Button = (_a) => {
|
|
|
3648
3772
|
"id",
|
|
3649
3773
|
"testid"
|
|
3650
3774
|
]);
|
|
3651
|
-
const primaryVariantStyles = variant === "primary" && (0,
|
|
3775
|
+
const primaryVariantStyles = variant === "primary" && (0, import_clsx17.default)(
|
|
3652
3776
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3653
3777
|
"bg-background-action-primary-normal border-background-action-primary-normal",
|
|
3654
3778
|
"hover:bg-background-action-primary-hover hover:border-background-action-primary-hover",
|
|
@@ -3656,7 +3780,7 @@ var Button = (_a) => {
|
|
|
3656
3780
|
"active:bg-background-action-primary-active active:border-background-action-primary-active",
|
|
3657
3781
|
"disabled:bg-background-action-primary-disabled disabled:border-background-action-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3658
3782
|
);
|
|
3659
|
-
const secondaryVariantStyles = variant === "secondary" && (0,
|
|
3783
|
+
const secondaryVariantStyles = variant === "secondary" && (0, import_clsx17.default)(
|
|
3660
3784
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3661
3785
|
"bg-background-action-secondary-normal border-border-action-normal",
|
|
3662
3786
|
"hover:bg-background-action-secondary-hover hover:border-border-action-hover hover:text-text-action-primary-hover",
|
|
@@ -3664,7 +3788,7 @@ var Button = (_a) => {
|
|
|
3664
3788
|
"active:bg-background-action-secondary-active active:border-border-action-active active:text-text-action-primary-active",
|
|
3665
3789
|
"disabled:bg-background-action-primary-disabled disabled:border-border-action-disabled disabled:text-text-action-primary-disabled"
|
|
3666
3790
|
);
|
|
3667
|
-
const tertiaryVariantStyles = variant === "tertiary" && (0,
|
|
3791
|
+
const tertiaryVariantStyles = variant === "tertiary" && (0, import_clsx17.default)(
|
|
3668
3792
|
"bg-transparent border-transparent",
|
|
3669
3793
|
iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3670
3794
|
"bg-transparent border-transparent",
|
|
@@ -3673,7 +3797,7 @@ var Button = (_a) => {
|
|
|
3673
3797
|
"active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
|
|
3674
3798
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
|
|
3675
3799
|
);
|
|
3676
|
-
const primaryCriticalVariantStyles = variant === "primary-critical" && (0,
|
|
3800
|
+
const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx17.default)(
|
|
3677
3801
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3678
3802
|
"bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
|
|
3679
3803
|
"hover:bg-background-action-critical-primary-hover hover:border-background-action-critical-primary-hover",
|
|
@@ -3681,7 +3805,7 @@ var Button = (_a) => {
|
|
|
3681
3805
|
"active:bg-background-action-critical-primary-active active:border-background-action-critical-primary-active",
|
|
3682
3806
|
"disabled:bg-background-action-critical-primary-disabled disabled:border-background-action-critical-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3683
3807
|
);
|
|
3684
|
-
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0,
|
|
3808
|
+
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0, import_clsx17.default)(
|
|
3685
3809
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3686
3810
|
"bg-background-action-critical-secondary-normal border-border-action-critical-normal",
|
|
3687
3811
|
"hover:bg-background-action-critical-secondary-hover hover:border-border-action-critical-hover hover:text-text-action-critical-hover",
|
|
@@ -3689,7 +3813,7 @@ var Button = (_a) => {
|
|
|
3689
3813
|
"active:bg-background-action-critical-secondary-active active:border-border-action-critical-active active:text-text-action-critical-active",
|
|
3690
3814
|
"disabled:bg-background-action-critical-disabled disabled:border-border-action-critical-disabled disabled:text-text-action-critical-disabled"
|
|
3691
3815
|
);
|
|
3692
|
-
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0,
|
|
3816
|
+
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0, import_clsx17.default)(
|
|
3693
3817
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3694
3818
|
"bg-transparent border-transparent text-text-action-critical-normal",
|
|
3695
3819
|
"hover:bg-background-action-critical-secondary-hover hover:border-background-action-critical-secondary-hover hover:text-text-action-critical-hover",
|
|
@@ -3697,7 +3821,7 @@ var Button = (_a) => {
|
|
|
3697
3821
|
"active:bg-background-action-critical-secondary-active active:border-background-action-critical-secondary-active active:text-text-action-critical-active",
|
|
3698
3822
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
|
|
3699
3823
|
);
|
|
3700
|
-
const navigationVarianStyles = variant === "navigation" && (0,
|
|
3824
|
+
const navigationVarianStyles = variant === "navigation" && (0, import_clsx17.default)(
|
|
3701
3825
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3702
3826
|
"bg-transparent",
|
|
3703
3827
|
"hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
|
|
@@ -3707,8 +3831,8 @@ var Button = (_a) => {
|
|
|
3707
3831
|
"flex-col",
|
|
3708
3832
|
paddingUsingComponentGap
|
|
3709
3833
|
);
|
|
3710
|
-
const notNavigationVariantStyles = variant !== "navigation" && (0,
|
|
3711
|
-
const buttonClasses = (0,
|
|
3834
|
+
const notNavigationVariantStyles = variant !== "navigation" && (0, import_clsx17.default)("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
|
|
3835
|
+
const buttonClasses = (0, import_clsx17.default)(
|
|
3712
3836
|
disabled ? "cursor-default" : "cursor-pointer",
|
|
3713
3837
|
block ? "w-full" : "w-fit",
|
|
3714
3838
|
baseTransition,
|
|
@@ -3723,14 +3847,14 @@ var Button = (_a) => {
|
|
|
3723
3847
|
notNavigationVariantStyles,
|
|
3724
3848
|
className
|
|
3725
3849
|
);
|
|
3726
|
-
const labelClasses = (0,
|
|
3850
|
+
const labelClasses = (0, import_clsx17.default)(
|
|
3727
3851
|
"min-h-6 flex items-center justify-center",
|
|
3728
3852
|
classNameLabel,
|
|
3729
3853
|
componentPaddingXUsingComponentGap,
|
|
3730
3854
|
typography.buttonLabel
|
|
3731
3855
|
);
|
|
3732
3856
|
const Element = href && !as ? "a" : as;
|
|
3733
|
-
return /* @__PURE__ */ (0,
|
|
3857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
3734
3858
|
Element,
|
|
3735
3859
|
__spreadProps(__spreadValues({
|
|
3736
3860
|
id,
|
|
@@ -3744,7 +3868,7 @@ var Button = (_a) => {
|
|
|
3744
3868
|
"data-theme": variant === "navigation" ? "brand" : void 0,
|
|
3745
3869
|
children: [
|
|
3746
3870
|
leftIcon && leftIcon,
|
|
3747
|
-
!iconOnly && children && /* @__PURE__ */ (0,
|
|
3871
|
+
!iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
|
|
3748
3872
|
rightIcon && rightIcon
|
|
3749
3873
|
]
|
|
3750
3874
|
})
|
|
@@ -3753,10 +3877,10 @@ var Button = (_a) => {
|
|
|
3753
3877
|
Button.displayName = "Button";
|
|
3754
3878
|
|
|
3755
3879
|
// src/components/Tooltip.tsx
|
|
3756
|
-
var
|
|
3880
|
+
var import_clsx18 = __toESM(require("clsx"), 1);
|
|
3757
3881
|
var import_react15 = require("react");
|
|
3758
3882
|
var import_react_dom2 = require("react-dom");
|
|
3759
|
-
var
|
|
3883
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
3760
3884
|
var Tooltip = ({
|
|
3761
3885
|
id,
|
|
3762
3886
|
testid,
|
|
@@ -3823,7 +3947,7 @@ var Tooltip = ({
|
|
|
3823
3947
|
return () => window.removeEventListener("resize", updatePosition);
|
|
3824
3948
|
}
|
|
3825
3949
|
}, [isVisible]);
|
|
3826
|
-
return /* @__PURE__ */ (0,
|
|
3950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
3827
3951
|
"div",
|
|
3828
3952
|
{
|
|
3829
3953
|
id,
|
|
@@ -3835,7 +3959,7 @@ var Tooltip = ({
|
|
|
3835
3959
|
children: [
|
|
3836
3960
|
children,
|
|
3837
3961
|
!keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
|
|
3838
|
-
/* @__PURE__ */ (0,
|
|
3962
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3839
3963
|
"div",
|
|
3840
3964
|
{
|
|
3841
3965
|
id: id ? `${id}-message` : void 0,
|
|
@@ -3847,7 +3971,7 @@ var Tooltip = ({
|
|
|
3847
3971
|
left: `${tooltipPosition.left}px`,
|
|
3848
3972
|
zIndex: 9999
|
|
3849
3973
|
},
|
|
3850
|
-
className: (0,
|
|
3974
|
+
className: (0, import_clsx18.default)(
|
|
3851
3975
|
typography.caption,
|
|
3852
3976
|
"bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
|
|
3853
3977
|
componentPadding,
|
|
@@ -3879,10 +4003,10 @@ var import_react17 = require("react");
|
|
|
3879
4003
|
var import_react_dom3 = require("react-dom");
|
|
3880
4004
|
|
|
3881
4005
|
// src/components/CalendarRange.tsx
|
|
3882
|
-
var
|
|
4006
|
+
var import_clsx19 = __toESM(require("clsx"), 1);
|
|
3883
4007
|
var import_react16 = __toESM(require("react"), 1);
|
|
3884
4008
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
3885
|
-
var
|
|
4009
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
3886
4010
|
function DateCell(_a) {
|
|
3887
4011
|
var _b = _a, {
|
|
3888
4012
|
date,
|
|
@@ -3917,12 +4041,12 @@ function DateCell(_a) {
|
|
|
3917
4041
|
"id",
|
|
3918
4042
|
"testid"
|
|
3919
4043
|
]);
|
|
3920
|
-
return /* @__PURE__ */ (0,
|
|
4044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3921
4045
|
"span",
|
|
3922
4046
|
__spreadProps(__spreadValues({}, props), {
|
|
3923
4047
|
id,
|
|
3924
4048
|
"data-testid": testid,
|
|
3925
|
-
className: (0,
|
|
4049
|
+
className: (0, import_clsx19.default)(
|
|
3926
4050
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
3927
4051
|
typography.caption,
|
|
3928
4052
|
cellPadding,
|
|
@@ -4073,12 +4197,12 @@ function CalendarRange({
|
|
|
4073
4197
|
}
|
|
4074
4198
|
return false;
|
|
4075
4199
|
}
|
|
4076
|
-
return /* @__PURE__ */ (0,
|
|
4200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4077
4201
|
"div",
|
|
4078
4202
|
{
|
|
4079
4203
|
id,
|
|
4080
4204
|
"data-testid": testid,
|
|
4081
|
-
className: (0,
|
|
4205
|
+
className: (0, import_clsx19.default)(
|
|
4082
4206
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
4083
4207
|
layoutPaddding,
|
|
4084
4208
|
layoutGap,
|
|
@@ -4086,15 +4210,15 @@ function CalendarRange({
|
|
|
4086
4210
|
// baseTransition,
|
|
4087
4211
|
"overflow-hidden"
|
|
4088
4212
|
),
|
|
4089
|
-
children: /* @__PURE__ */ (0,
|
|
4213
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4090
4214
|
"div",
|
|
4091
4215
|
{
|
|
4092
|
-
className: (0,
|
|
4216
|
+
className: (0, import_clsx19.default)(
|
|
4093
4217
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
4094
4218
|
layoutGap
|
|
4095
4219
|
),
|
|
4096
4220
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
4097
|
-
return /* @__PURE__ */ (0,
|
|
4221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4098
4222
|
CalendarPane,
|
|
4099
4223
|
{
|
|
4100
4224
|
getMonthData,
|
|
@@ -4159,38 +4283,38 @@ function CalendarPane({
|
|
|
4159
4283
|
const month = getMonthData(offset);
|
|
4160
4284
|
const totalCells = 42;
|
|
4161
4285
|
const emptyCells = month.firstDayOffset;
|
|
4162
|
-
return /* @__PURE__ */ (0,
|
|
4163
|
-
/* @__PURE__ */ (0,
|
|
4286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react16.default.Fragment, { children: [
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
4164
4288
|
"div",
|
|
4165
4289
|
{
|
|
4166
|
-
className: (0,
|
|
4290
|
+
className: (0, import_clsx19.default)("flex flex-col"),
|
|
4167
4291
|
children: [
|
|
4168
|
-
/* @__PURE__ */ (0,
|
|
4292
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
4169
4293
|
"div",
|
|
4170
4294
|
{
|
|
4171
|
-
className: (0,
|
|
4295
|
+
className: (0, import_clsx19.default)(
|
|
4172
4296
|
"flex flex-row items-center justify-between",
|
|
4173
4297
|
typography.label,
|
|
4174
4298
|
"text-text-action-primary-normal"
|
|
4175
4299
|
),
|
|
4176
4300
|
children: [
|
|
4177
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
4301
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4178
4302
|
"button",
|
|
4179
4303
|
{
|
|
4180
4304
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
4181
4305
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
4182
4306
|
type: "button",
|
|
4183
|
-
className: (0,
|
|
4307
|
+
className: (0, import_clsx19.default)(
|
|
4184
4308
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4185
4309
|
componentPadding
|
|
4186
4310
|
),
|
|
4187
4311
|
"aria-label": "Previous month",
|
|
4188
4312
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
4189
|
-
children: /* @__PURE__ */ (0,
|
|
4313
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
4190
4314
|
}
|
|
4191
|
-
) : /* @__PURE__ */ (0,
|
|
4192
|
-
/* @__PURE__ */ (0,
|
|
4193
|
-
/* @__PURE__ */ (0,
|
|
4315
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: (0, import_clsx19.default)(componentPadding, "mr-1") }),
|
|
4316
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
4317
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4194
4318
|
"button",
|
|
4195
4319
|
{
|
|
4196
4320
|
ref: (el) => {
|
|
@@ -4205,13 +4329,13 @@ function CalendarPane({
|
|
|
4205
4329
|
children: month.name
|
|
4206
4330
|
}
|
|
4207
4331
|
),
|
|
4208
|
-
/* @__PURE__ */ (0,
|
|
4332
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4209
4333
|
Menu,
|
|
4210
4334
|
{
|
|
4211
4335
|
show: monthMenuOpen,
|
|
4212
4336
|
positionTo: monthMenuRef,
|
|
4213
4337
|
setShow: () => setMonthMenuOpen(false),
|
|
4214
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
4338
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4215
4339
|
MenuOption,
|
|
4216
4340
|
{
|
|
4217
4341
|
selected: baseMonth.month === x + 1,
|
|
@@ -4225,7 +4349,7 @@ function CalendarPane({
|
|
|
4225
4349
|
))
|
|
4226
4350
|
}
|
|
4227
4351
|
),
|
|
4228
|
-
/* @__PURE__ */ (0,
|
|
4352
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4229
4353
|
"button",
|
|
4230
4354
|
{
|
|
4231
4355
|
ref: (el) => {
|
|
@@ -4240,13 +4364,13 @@ function CalendarPane({
|
|
|
4240
4364
|
children: month.year
|
|
4241
4365
|
}
|
|
4242
4366
|
),
|
|
4243
|
-
/* @__PURE__ */ (0,
|
|
4367
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4244
4368
|
Menu,
|
|
4245
4369
|
{
|
|
4246
4370
|
show: yearMenuOpen,
|
|
4247
4371
|
positionTo: yearMenuRef,
|
|
4248
4372
|
setShow: () => setYearMenuOpen(false),
|
|
4249
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
4373
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4250
4374
|
MenuOption,
|
|
4251
4375
|
{
|
|
4252
4376
|
selected: baseMonth.year === y,
|
|
@@ -4261,28 +4385,28 @@ function CalendarPane({
|
|
|
4261
4385
|
}
|
|
4262
4386
|
)
|
|
4263
4387
|
] }),
|
|
4264
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
4388
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4265
4389
|
"button",
|
|
4266
4390
|
{
|
|
4267
4391
|
id: id ? `${id}-next-month-button` : void 0,
|
|
4268
4392
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
4269
4393
|
type: "button",
|
|
4270
|
-
className: (0,
|
|
4394
|
+
className: (0, import_clsx19.default)(
|
|
4271
4395
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4272
4396
|
componentPadding
|
|
4273
4397
|
),
|
|
4274
4398
|
"aria-label": "Next month",
|
|
4275
4399
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
4276
|
-
children: /* @__PURE__ */ (0,
|
|
4400
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
4277
4401
|
}
|
|
4278
|
-
) : /* @__PURE__ */ (0,
|
|
4402
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: (0, import_clsx19.default)(componentPadding, "ml-1") })
|
|
4279
4403
|
]
|
|
4280
4404
|
}
|
|
4281
4405
|
),
|
|
4282
|
-
/* @__PURE__ */ (0,
|
|
4406
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_clsx19.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4283
4407
|
"span",
|
|
4284
4408
|
{
|
|
4285
|
-
className: (0,
|
|
4409
|
+
className: (0, import_clsx19.default)(
|
|
4286
4410
|
typography.caption,
|
|
4287
4411
|
"text-text-secondary-normal text-center",
|
|
4288
4412
|
"w-10"
|
|
@@ -4291,7 +4415,7 @@ function CalendarPane({
|
|
|
4291
4415
|
},
|
|
4292
4416
|
d
|
|
4293
4417
|
)) }),
|
|
4294
|
-
/* @__PURE__ */ (0,
|
|
4418
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_clsx19.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
4295
4419
|
const day = i - emptyCells + 1;
|
|
4296
4420
|
const date = month.date.with({ day: 1 }).add({
|
|
4297
4421
|
days: i - emptyCells
|
|
@@ -4305,7 +4429,7 @@ function CalendarPane({
|
|
|
4305
4429
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
4306
4430
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
4307
4431
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
4308
|
-
return /* @__PURE__ */ (0,
|
|
4432
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4309
4433
|
DateCell,
|
|
4310
4434
|
{
|
|
4311
4435
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -4330,10 +4454,10 @@ function CalendarPane({
|
|
|
4330
4454
|
]
|
|
4331
4455
|
}
|
|
4332
4456
|
),
|
|
4333
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
4457
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4334
4458
|
"div",
|
|
4335
4459
|
{
|
|
4336
|
-
className: (0,
|
|
4460
|
+
className: (0, import_clsx19.default)(
|
|
4337
4461
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
4338
4462
|
// 1px width, full height, matches Figma divider
|
|
4339
4463
|
"w-px"
|
|
@@ -4344,7 +4468,7 @@ function CalendarPane({
|
|
|
4344
4468
|
}
|
|
4345
4469
|
|
|
4346
4470
|
// src/components/DateInput.tsx
|
|
4347
|
-
var
|
|
4471
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
4348
4472
|
var DateInput = (_a) => {
|
|
4349
4473
|
var _b = _a, {
|
|
4350
4474
|
id,
|
|
@@ -4503,8 +4627,8 @@ var DateInput = (_a) => {
|
|
|
4503
4627
|
}
|
|
4504
4628
|
}
|
|
4505
4629
|
};
|
|
4506
|
-
return /* @__PURE__ */ (0,
|
|
4507
|
-
/* @__PURE__ */ (0,
|
|
4630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
|
|
4631
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4508
4632
|
InputBase,
|
|
4509
4633
|
__spreadProps(__spreadValues({
|
|
4510
4634
|
id,
|
|
@@ -4518,7 +4642,7 @@ var DateInput = (_a) => {
|
|
|
4518
4642
|
placeholder,
|
|
4519
4643
|
disabled,
|
|
4520
4644
|
readOnly,
|
|
4521
|
-
after: /* @__PURE__ */ (0,
|
|
4645
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "calendar_month" }),
|
|
4522
4646
|
onFocus: handleFocus,
|
|
4523
4647
|
onClick: handleClick,
|
|
4524
4648
|
onChange: handleInputChange,
|
|
@@ -4529,7 +4653,7 @@ var DateInput = (_a) => {
|
|
|
4529
4653
|
})
|
|
4530
4654
|
),
|
|
4531
4655
|
visible && !readOnly && (0, import_react_dom3.createPortal)(
|
|
4532
|
-
/* @__PURE__ */ (0,
|
|
4656
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4533
4657
|
"div",
|
|
4534
4658
|
{
|
|
4535
4659
|
ref: (el) => {
|
|
@@ -4541,7 +4665,7 @@ var DateInput = (_a) => {
|
|
|
4541
4665
|
left: `${calendarPosition.left}px`,
|
|
4542
4666
|
minWidth: `${calendarPosition.width}px`
|
|
4543
4667
|
},
|
|
4544
|
-
children: /* @__PURE__ */ (0,
|
|
4668
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4545
4669
|
CalendarRange,
|
|
4546
4670
|
{
|
|
4547
4671
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -4572,22 +4696,22 @@ function formatDisplayValue(from) {
|
|
|
4572
4696
|
}
|
|
4573
4697
|
|
|
4574
4698
|
// src/components/Accordion.tsx
|
|
4575
|
-
var
|
|
4699
|
+
var import_clsx22 = __toESM(require("clsx"), 1);
|
|
4576
4700
|
|
|
4577
4701
|
// src/components/Card.tsx
|
|
4578
|
-
var import_clsx19 = __toESM(require("clsx"), 1);
|
|
4579
|
-
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
4580
|
-
|
|
4581
|
-
// src/components/Stack.tsx
|
|
4582
4702
|
var import_clsx20 = __toESM(require("clsx"), 1);
|
|
4583
4703
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
4584
4704
|
|
|
4585
|
-
// src/components/
|
|
4705
|
+
// src/components/Stack.tsx
|
|
4706
|
+
var import_clsx21 = __toESM(require("clsx"), 1);
|
|
4586
4707
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
4587
4708
|
|
|
4588
|
-
// src/components/
|
|
4589
|
-
var import_clsx22 = __toESM(require("clsx"), 1);
|
|
4709
|
+
// src/components/Accordion.tsx
|
|
4590
4710
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
4711
|
+
|
|
4712
|
+
// src/components/Heading.tsx
|
|
4713
|
+
var import_clsx23 = __toESM(require("clsx"), 1);
|
|
4714
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
4591
4715
|
var Heading = (_a) => {
|
|
4592
4716
|
var _b = _a, {
|
|
4593
4717
|
className,
|
|
@@ -4610,12 +4734,12 @@ var Heading = (_a) => {
|
|
|
4610
4734
|
]);
|
|
4611
4735
|
const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
|
|
4612
4736
|
const Element = as != null ? as : defaultElement;
|
|
4613
|
-
return /* @__PURE__ */ (0,
|
|
4737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
4614
4738
|
Element,
|
|
4615
4739
|
__spreadProps(__spreadValues({
|
|
4616
4740
|
id,
|
|
4617
4741
|
"data-testid": testid,
|
|
4618
|
-
className: (0,
|
|
4742
|
+
className: (0, import_clsx23.default)(
|
|
4619
4743
|
typography[variant],
|
|
4620
4744
|
className,
|
|
4621
4745
|
align === "left" && "text-left",
|
|
@@ -4631,15 +4755,15 @@ var Heading = (_a) => {
|
|
|
4631
4755
|
);
|
|
4632
4756
|
};
|
|
4633
4757
|
Heading.displayName = "Heading";
|
|
4634
|
-
var Heading1 = (props) => /* @__PURE__ */ (0,
|
|
4635
|
-
var Heading2 = (props) => /* @__PURE__ */ (0,
|
|
4636
|
-
var Heading3 = (props) => /* @__PURE__ */ (0,
|
|
4758
|
+
var Heading1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading1" }));
|
|
4759
|
+
var Heading2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading2" }));
|
|
4760
|
+
var Heading3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading3" }));
|
|
4637
4761
|
Heading1.displayName = "Heading1";
|
|
4638
4762
|
Heading2.displayName = "Heading2";
|
|
4639
4763
|
Heading3.displayName = "Heading3";
|
|
4640
4764
|
|
|
4641
4765
|
// src/components/Theme.tsx
|
|
4642
|
-
var
|
|
4766
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
4643
4767
|
|
|
4644
4768
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4645
4769
|
var import_react20 = require("react");
|
|
@@ -4652,22 +4776,22 @@ var import_react18 = require("react");
|
|
|
4652
4776
|
var GridContext = (0, import_react18.createContext)(null);
|
|
4653
4777
|
|
|
4654
4778
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4655
|
-
var
|
|
4779
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
4656
4780
|
|
|
4657
4781
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
4658
|
-
var
|
|
4782
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
4659
4783
|
|
|
4660
4784
|
// src/components/MobileDataGrid/GridContextProvider/index.tsx
|
|
4661
4785
|
var import_react21 = require("react");
|
|
4662
|
-
var
|
|
4786
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4663
4787
|
|
|
4664
4788
|
// src/components/Modal.tsx
|
|
4665
|
-
var
|
|
4789
|
+
var import_clsx28 = __toESM(require("clsx"), 1);
|
|
4666
4790
|
var import_react23 = require("react");
|
|
4667
4791
|
|
|
4668
4792
|
// src/components/ModalHeader.tsx
|
|
4669
|
-
var
|
|
4670
|
-
var
|
|
4793
|
+
var import_clsx24 = __toESM(require("clsx"), 1);
|
|
4794
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4671
4795
|
var ModalHeader = ({
|
|
4672
4796
|
title,
|
|
4673
4797
|
hideCloseIcon,
|
|
@@ -4678,12 +4802,12 @@ var ModalHeader = ({
|
|
|
4678
4802
|
testid,
|
|
4679
4803
|
headerClassname
|
|
4680
4804
|
}) => {
|
|
4681
|
-
return /* @__PURE__ */ (0,
|
|
4805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
4682
4806
|
"div",
|
|
4683
4807
|
{
|
|
4684
4808
|
id,
|
|
4685
4809
|
"data-testid": testid,
|
|
4686
|
-
className: (0,
|
|
4810
|
+
className: (0, import_clsx24.default)(
|
|
4687
4811
|
"flex justify-between items-center",
|
|
4688
4812
|
headerIconAlign === "center" && "justify-center",
|
|
4689
4813
|
headerIconAlign === "right" && "justify-end",
|
|
@@ -4693,9 +4817,9 @@ var ModalHeader = ({
|
|
|
4693
4817
|
headerClassname
|
|
4694
4818
|
),
|
|
4695
4819
|
children: [
|
|
4696
|
-
/* @__PURE__ */ (0,
|
|
4820
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_clsx24.default)("flex items-center flex-1", layoutGroupGap), children: [
|
|
4697
4821
|
headerIcon,
|
|
4698
|
-
title && /* @__PURE__ */ (0,
|
|
4822
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4699
4823
|
Heading2,
|
|
4700
4824
|
{
|
|
4701
4825
|
id: id ? `${id}-title` : void 0,
|
|
@@ -4705,7 +4829,7 @@ var ModalHeader = ({
|
|
|
4705
4829
|
}
|
|
4706
4830
|
)
|
|
4707
4831
|
] }),
|
|
4708
|
-
!hideCloseIcon && /* @__PURE__ */ (0,
|
|
4832
|
+
!hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4709
4833
|
Button,
|
|
4710
4834
|
{
|
|
4711
4835
|
id: id ? `${id}-close-button` : void 0,
|
|
@@ -4713,7 +4837,7 @@ var ModalHeader = ({
|
|
|
4713
4837
|
iconOnly: true,
|
|
4714
4838
|
variant: "tertiary",
|
|
4715
4839
|
onClick: onClose,
|
|
4716
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4840
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "close", size: 24 }) })
|
|
4717
4841
|
}
|
|
4718
4842
|
)
|
|
4719
4843
|
]
|
|
@@ -4723,20 +4847,20 @@ var ModalHeader = ({
|
|
|
4723
4847
|
ModalHeader.displayName = "ModalHeader";
|
|
4724
4848
|
|
|
4725
4849
|
// src/components/ModalContent.tsx
|
|
4726
|
-
var
|
|
4727
|
-
var
|
|
4850
|
+
var import_clsx25 = __toESM(require("clsx"), 1);
|
|
4851
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
4728
4852
|
function ModalContent({
|
|
4729
4853
|
fixedHeightScrolling,
|
|
4730
4854
|
children,
|
|
4731
4855
|
id,
|
|
4732
4856
|
testid
|
|
4733
4857
|
}) {
|
|
4734
|
-
return /* @__PURE__ */ (0,
|
|
4858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
4735
4859
|
"div",
|
|
4736
4860
|
{
|
|
4737
4861
|
id,
|
|
4738
4862
|
"data-testid": testid,
|
|
4739
|
-
className: (0,
|
|
4863
|
+
className: (0, import_clsx25.default)(
|
|
4740
4864
|
"flex-grow desktop:flex-grow-0",
|
|
4741
4865
|
layoutPaddding,
|
|
4742
4866
|
fixedHeightScrolling && "overflow-auto"
|
|
@@ -4748,8 +4872,8 @@ function ModalContent({
|
|
|
4748
4872
|
ModalContent.displayName = "ModalContent";
|
|
4749
4873
|
|
|
4750
4874
|
// src/components/ModalButtons.tsx
|
|
4751
|
-
var
|
|
4752
|
-
var
|
|
4875
|
+
var import_clsx26 = __toESM(require("clsx"), 1);
|
|
4876
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
4753
4877
|
var ModalButtons = ({
|
|
4754
4878
|
onClose,
|
|
4755
4879
|
onContinue,
|
|
@@ -4757,36 +4881,36 @@ var ModalButtons = ({
|
|
|
4757
4881
|
id,
|
|
4758
4882
|
testid
|
|
4759
4883
|
}) => {
|
|
4760
|
-
return /* @__PURE__ */ (0,
|
|
4884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4761
4885
|
"div",
|
|
4762
4886
|
{
|
|
4763
4887
|
id,
|
|
4764
4888
|
"data-testid": testid,
|
|
4765
|
-
className: (0,
|
|
4889
|
+
className: (0, import_clsx26.default)(
|
|
4766
4890
|
"border-t border-neutral-300 flex justify-end",
|
|
4767
4891
|
layoutPaddding,
|
|
4768
4892
|
layoutGroupGap
|
|
4769
4893
|
),
|
|
4770
|
-
children: customActions != null ? customActions : /* @__PURE__ */ (0,
|
|
4771
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
children: customActions != null ? customActions : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
4895
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4772
4896
|
Button,
|
|
4773
4897
|
{
|
|
4774
4898
|
id: id ? `${id}-close-button` : void 0,
|
|
4775
4899
|
testid: testid ? `${testid}-close-button` : void 0,
|
|
4776
4900
|
variant: "secondary",
|
|
4777
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4901
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }),
|
|
4778
4902
|
onClick: onClose,
|
|
4779
4903
|
className: "max-sm:w-full",
|
|
4780
4904
|
children: "Close"
|
|
4781
4905
|
}
|
|
4782
4906
|
),
|
|
4783
|
-
/* @__PURE__ */ (0,
|
|
4907
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4784
4908
|
Button,
|
|
4785
4909
|
{
|
|
4786
4910
|
id: id ? `${id}-continue-button` : void 0,
|
|
4787
4911
|
testid: testid ? `${testid}-continue-button` : void 0,
|
|
4788
4912
|
variant: "primary",
|
|
4789
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4913
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "check", size: 24 }),
|
|
4790
4914
|
className: "max-sm:w-full",
|
|
4791
4915
|
onClick: onContinue,
|
|
4792
4916
|
children: "Continue"
|
|
@@ -4799,8 +4923,8 @@ var ModalButtons = ({
|
|
|
4799
4923
|
ModalButtons.displayName = "ModalButtons";
|
|
4800
4924
|
|
|
4801
4925
|
// src/components/ModalScrim.tsx
|
|
4802
|
-
var
|
|
4803
|
-
var
|
|
4926
|
+
var import_clsx27 = __toESM(require("clsx"), 1);
|
|
4927
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4804
4928
|
var ModalScrim = ({
|
|
4805
4929
|
show = false,
|
|
4806
4930
|
size = "small",
|
|
@@ -4810,12 +4934,12 @@ var ModalScrim = ({
|
|
|
4810
4934
|
id,
|
|
4811
4935
|
testid
|
|
4812
4936
|
}) => {
|
|
4813
|
-
return /* @__PURE__ */ (0,
|
|
4937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4814
4938
|
"div",
|
|
4815
4939
|
{
|
|
4816
4940
|
id,
|
|
4817
4941
|
"data-testid": testid,
|
|
4818
|
-
className: (0,
|
|
4942
|
+
className: (0, import_clsx27.default)(
|
|
4819
4943
|
"overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
|
|
4820
4944
|
!show && " pointer-events-none",
|
|
4821
4945
|
size === "small" && "p-4",
|
|
@@ -4846,7 +4970,7 @@ var useMounted = () => {
|
|
|
4846
4970
|
};
|
|
4847
4971
|
|
|
4848
4972
|
// src/components/Modal.tsx
|
|
4849
|
-
var
|
|
4973
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
4850
4974
|
var fadeInScale = (element, duration = 300) => element.animate(
|
|
4851
4975
|
[
|
|
4852
4976
|
{ opacity: 0, transform: "scale(0.95)" },
|
|
@@ -5018,7 +5142,7 @@ var Modal = ({
|
|
|
5018
5142
|
return null;
|
|
5019
5143
|
}
|
|
5020
5144
|
return (0, import_react_dom4.createPortal)(
|
|
5021
|
-
/* @__PURE__ */ (0,
|
|
5145
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5022
5146
|
ModalScrim,
|
|
5023
5147
|
{
|
|
5024
5148
|
id: id ? `${id}-scrim` : void 0,
|
|
@@ -5027,13 +5151,13 @@ var Modal = ({
|
|
|
5027
5151
|
ref: bgRef,
|
|
5028
5152
|
show: open,
|
|
5029
5153
|
onClick: backgroundClickHandler,
|
|
5030
|
-
children: /* @__PURE__ */ (0,
|
|
5154
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
5031
5155
|
"div",
|
|
5032
5156
|
{
|
|
5033
5157
|
id,
|
|
5034
5158
|
"data-testid": testid,
|
|
5035
5159
|
ref: modalRef,
|
|
5036
|
-
className: (0,
|
|
5160
|
+
className: (0, import_clsx28.default)(
|
|
5037
5161
|
"shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
|
|
5038
5162
|
computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
|
|
5039
5163
|
className,
|
|
@@ -5042,7 +5166,7 @@ var Modal = ({
|
|
|
5042
5166
|
),
|
|
5043
5167
|
onClick: (e) => e.stopPropagation(),
|
|
5044
5168
|
children: [
|
|
5045
|
-
/* @__PURE__ */ (0,
|
|
5169
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5046
5170
|
ModalHeader,
|
|
5047
5171
|
{
|
|
5048
5172
|
id: id ? `${id}-header` : void 0,
|
|
@@ -5055,7 +5179,7 @@ var Modal = ({
|
|
|
5055
5179
|
headerClassname
|
|
5056
5180
|
}
|
|
5057
5181
|
),
|
|
5058
|
-
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0,
|
|
5182
|
+
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5059
5183
|
ModalContent,
|
|
5060
5184
|
{
|
|
5061
5185
|
id: id ? `${id}-content` : void 0,
|
|
@@ -5064,7 +5188,7 @@ var Modal = ({
|
|
|
5064
5188
|
children
|
|
5065
5189
|
}
|
|
5066
5190
|
) : children,
|
|
5067
|
-
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0,
|
|
5191
|
+
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5068
5192
|
ModalButtons,
|
|
5069
5193
|
{
|
|
5070
5194
|
id: id ? `${id}-buttons` : void 0,
|
|
@@ -5085,51 +5209,51 @@ var Modal = ({
|
|
|
5085
5209
|
Modal.displayName = "Modal";
|
|
5086
5210
|
|
|
5087
5211
|
// src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
|
|
5088
|
-
var
|
|
5212
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5089
5213
|
|
|
5090
5214
|
// src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
|
|
5091
|
-
var
|
|
5215
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
5092
5216
|
|
|
5093
5217
|
// src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
|
|
5094
|
-
var
|
|
5218
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
5095
5219
|
|
|
5096
5220
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5097
|
-
var
|
|
5221
|
+
var import_clsx30 = __toESM(require("clsx"), 1);
|
|
5098
5222
|
|
|
5099
5223
|
// src/components/MobileDataGrid/MobileDataGridCard/index.tsx
|
|
5100
|
-
var
|
|
5101
|
-
var
|
|
5224
|
+
var import_clsx29 = __toESM(require("clsx"), 1);
|
|
5225
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
5102
5226
|
|
|
5103
5227
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5104
|
-
var
|
|
5228
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
5105
5229
|
|
|
5106
5230
|
// src/components/MobileDataGrid/index.tsx
|
|
5107
|
-
var
|
|
5231
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
5108
5232
|
|
|
5109
5233
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5110
5234
|
var import_react25 = require("react");
|
|
5111
5235
|
|
|
5112
5236
|
// src/components/ImagePlaceholder.tsx
|
|
5113
5237
|
var import_react24 = require("react");
|
|
5114
|
-
var
|
|
5238
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
5115
5239
|
|
|
5116
5240
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5117
|
-
var
|
|
5241
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
5118
5242
|
|
|
5119
5243
|
// src/components/Grid.tsx
|
|
5120
|
-
var
|
|
5121
|
-
var
|
|
5244
|
+
var import_clsx31 = __toESM(require("clsx"), 1);
|
|
5245
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
5122
5246
|
|
|
5123
5247
|
// src/components/ProductImagePreview/ProductPrimaryImage.tsx
|
|
5124
5248
|
var import_react26 = require("react");
|
|
5125
|
-
var
|
|
5249
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
5126
5250
|
|
|
5127
5251
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5128
5252
|
var import_react27 = require("react");
|
|
5129
5253
|
|
|
5130
5254
|
// src/components/Surface.tsx
|
|
5131
|
-
var
|
|
5132
|
-
var
|
|
5255
|
+
var import_clsx32 = __toESM(require("clsx"), 1);
|
|
5256
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
5133
5257
|
var Surface = (_a) => {
|
|
5134
5258
|
var _b = _a, {
|
|
5135
5259
|
children,
|
|
@@ -5142,11 +5266,11 @@ var Surface = (_a) => {
|
|
|
5142
5266
|
"elevation",
|
|
5143
5267
|
"id"
|
|
5144
5268
|
]);
|
|
5145
|
-
return /* @__PURE__ */ (0,
|
|
5269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
5146
5270
|
"div",
|
|
5147
5271
|
__spreadProps(__spreadValues({
|
|
5148
5272
|
id,
|
|
5149
|
-
className: (0,
|
|
5273
|
+
className: (0, import_clsx32.default)(
|
|
5150
5274
|
"rounded-base",
|
|
5151
5275
|
{
|
|
5152
5276
|
"shadow-2": elevation === 2,
|
|
@@ -5163,31 +5287,31 @@ var Surface = (_a) => {
|
|
|
5163
5287
|
Surface.displayName = "Surface";
|
|
5164
5288
|
|
|
5165
5289
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5166
|
-
var
|
|
5290
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
5167
5291
|
|
|
5168
5292
|
// src/components/ProductImagePreview/CarouselPagination.tsx
|
|
5169
|
-
var
|
|
5170
|
-
var
|
|
5293
|
+
var import_clsx33 = require("clsx");
|
|
5294
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
5171
5295
|
|
|
5172
5296
|
// src/components/ProductImagePreview/MobileImageCarousel.tsx
|
|
5173
5297
|
var import_react28 = require("react");
|
|
5174
|
-
var
|
|
5298
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
5175
5299
|
|
|
5176
5300
|
// src/components/ProductImagePreview/useProductImagePreview.ts
|
|
5177
5301
|
var import_react29 = require("react");
|
|
5178
5302
|
|
|
5179
5303
|
// src/components/ProductImagePreview/index.tsx
|
|
5180
|
-
var
|
|
5304
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5181
5305
|
|
|
5182
5306
|
// src/components/CompactImagesPreview.tsx
|
|
5183
5307
|
var import_react30 = require("react");
|
|
5184
|
-
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
5185
|
-
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5186
|
-
|
|
5187
|
-
// src/components/SimpleTable.tsx
|
|
5188
5308
|
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
5189
5309
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
5190
5310
|
|
|
5311
|
+
// src/components/SimpleTable.tsx
|
|
5312
|
+
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5313
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5314
|
+
|
|
5191
5315
|
// src/components/PDFViewer/index.tsx
|
|
5192
5316
|
var import_react33 = require("react");
|
|
5193
5317
|
|
|
@@ -5195,10 +5319,10 @@ var import_react33 = require("react");
|
|
|
5195
5319
|
var import_react32 = require("react");
|
|
5196
5320
|
|
|
5197
5321
|
// src/components/Spinner.tsx
|
|
5198
|
-
var
|
|
5322
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5199
5323
|
var Spinner = ({ size = "small", testid }) => {
|
|
5200
5324
|
const dimension = size === "large" ? 48 : 24;
|
|
5201
|
-
return /* @__PURE__ */ (0,
|
|
5325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5202
5326
|
"svg",
|
|
5203
5327
|
{
|
|
5204
5328
|
"data-testid": testid,
|
|
@@ -5210,14 +5334,14 @@ var Spinner = ({ size = "small", testid }) => {
|
|
|
5210
5334
|
className: "spinner",
|
|
5211
5335
|
"aria-label": "Loading",
|
|
5212
5336
|
children: [
|
|
5213
|
-
/* @__PURE__ */ (0,
|
|
5214
|
-
/* @__PURE__ */ (0,
|
|
5215
|
-
/* @__PURE__ */ (0,
|
|
5216
|
-
/* @__PURE__ */ (0,
|
|
5217
|
-
/* @__PURE__ */ (0,
|
|
5218
|
-
/* @__PURE__ */ (0,
|
|
5219
|
-
/* @__PURE__ */ (0,
|
|
5220
|
-
/* @__PURE__ */ (0,
|
|
5337
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5338
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5339
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5340
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5341
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5342
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5343
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5344
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5221
5345
|
]
|
|
5222
5346
|
}
|
|
5223
5347
|
);
|
|
@@ -5226,30 +5350,30 @@ Spinner.displayName = "Spinner";
|
|
|
5226
5350
|
|
|
5227
5351
|
// src/components/PDFViewer/PDFPage.tsx
|
|
5228
5352
|
var import_react31 = require("react");
|
|
5229
|
-
var
|
|
5353
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5230
5354
|
|
|
5231
5355
|
// src/components/PDFViewer/PDFElement.tsx
|
|
5232
|
-
var
|
|
5233
|
-
var
|
|
5356
|
+
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5357
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5234
5358
|
|
|
5235
5359
|
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5236
|
-
var
|
|
5360
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5237
5361
|
|
|
5238
5362
|
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5239
|
-
var
|
|
5363
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5240
5364
|
|
|
5241
5365
|
// src/components/PDFViewer/index.tsx
|
|
5242
|
-
var
|
|
5366
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5243
5367
|
|
|
5244
5368
|
// src/components/ListGroup.tsx
|
|
5245
5369
|
var import_react34 = require("react");
|
|
5246
|
-
var
|
|
5247
|
-
var
|
|
5370
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5371
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5248
5372
|
|
|
5249
5373
|
// src/components/Pagination.tsx
|
|
5250
5374
|
var import_react35 = require("react");
|
|
5251
|
-
var
|
|
5252
|
-
var
|
|
5375
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5376
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5253
5377
|
var Pagination = ({
|
|
5254
5378
|
totalPages,
|
|
5255
5379
|
currentPage,
|
|
@@ -5313,7 +5437,7 @@ var Pagination = ({
|
|
|
5313
5437
|
return tokens;
|
|
5314
5438
|
}, [totalPages, currentPage]);
|
|
5315
5439
|
if (totalPages <= 1) return null;
|
|
5316
|
-
const buttonClass = (0,
|
|
5440
|
+
const buttonClass = (0, import_clsx38.default)(
|
|
5317
5441
|
"cursor-pointer disabled:cursor-default",
|
|
5318
5442
|
paddingUsingComponentGap,
|
|
5319
5443
|
"w-8 h-8",
|
|
@@ -5324,14 +5448,14 @@ var Pagination = ({
|
|
|
5324
5448
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5325
5449
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5326
5450
|
);
|
|
5327
|
-
return /* @__PURE__ */ (0,
|
|
5451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
5328
5452
|
"nav",
|
|
5329
5453
|
{
|
|
5330
5454
|
id,
|
|
5331
5455
|
"data-testid": testid,
|
|
5332
5456
|
"aria-label": "Pagination",
|
|
5333
5457
|
onKeyDown: handleKey,
|
|
5334
|
-
className: (0,
|
|
5458
|
+
className: (0, import_clsx38.default)(
|
|
5335
5459
|
"flex items-center",
|
|
5336
5460
|
"border border-border-primary-normal",
|
|
5337
5461
|
"bg-background-grouped-primary-normal",
|
|
@@ -5339,19 +5463,19 @@ var Pagination = ({
|
|
|
5339
5463
|
className
|
|
5340
5464
|
),
|
|
5341
5465
|
children: [
|
|
5342
|
-
/* @__PURE__ */ (0,
|
|
5466
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5343
5467
|
"button",
|
|
5344
5468
|
{
|
|
5345
5469
|
disabled: disabled || currentPage <= 1,
|
|
5346
5470
|
"aria-label": "Previous page",
|
|
5347
5471
|
onClick: () => goTo(currentPage - 1),
|
|
5348
|
-
className: (0,
|
|
5349
|
-
children: /* @__PURE__ */ (0,
|
|
5472
|
+
className: (0, import_clsx38.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5473
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5350
5474
|
}
|
|
5351
5475
|
),
|
|
5352
|
-
/* @__PURE__ */ (0,
|
|
5476
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: (0, import_clsx38.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5353
5477
|
if (token === "ellipsis") {
|
|
5354
|
-
return /* @__PURE__ */ (0,
|
|
5478
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5355
5479
|
"li",
|
|
5356
5480
|
{
|
|
5357
5481
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5361,29 +5485,29 @@ var Pagination = ({
|
|
|
5361
5485
|
);
|
|
5362
5486
|
}
|
|
5363
5487
|
const selected = token === currentPage;
|
|
5364
|
-
return /* @__PURE__ */ (0,
|
|
5488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5365
5489
|
"button",
|
|
5366
5490
|
{
|
|
5367
5491
|
"aria-label": `Page ${token}`,
|
|
5368
5492
|
"aria-current": selected ? "page" : void 0,
|
|
5369
5493
|
disabled,
|
|
5370
5494
|
onClick: () => goTo(token),
|
|
5371
|
-
className: (0,
|
|
5495
|
+
className: (0, import_clsx38.default)(
|
|
5372
5496
|
buttonClass,
|
|
5373
5497
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5374
5498
|
),
|
|
5375
|
-
children: /* @__PURE__ */ (0,
|
|
5499
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5376
5500
|
}
|
|
5377
5501
|
) }, token);
|
|
5378
5502
|
}) }),
|
|
5379
|
-
/* @__PURE__ */ (0,
|
|
5503
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5380
5504
|
"button",
|
|
5381
5505
|
{
|
|
5382
5506
|
disabled: disabled || currentPage >= totalPages,
|
|
5383
5507
|
"aria-label": "Next page",
|
|
5384
5508
|
onClick: () => goTo(currentPage + 1),
|
|
5385
|
-
className: (0,
|
|
5386
|
-
children: /* @__PURE__ */ (0,
|
|
5509
|
+
className: (0, import_clsx38.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5510
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5387
5511
|
}
|
|
5388
5512
|
)
|
|
5389
5513
|
]
|
|
@@ -5393,35 +5517,39 @@ var Pagination = ({
|
|
|
5393
5517
|
Pagination.displayName = "Pagination";
|
|
5394
5518
|
|
|
5395
5519
|
// src/components/SkeletonParagraph.tsx
|
|
5396
|
-
var
|
|
5520
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5397
5521
|
|
|
5398
5522
|
// src/components/EmptyCartIcon.tsx
|
|
5399
|
-
var
|
|
5523
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5400
5524
|
|
|
5401
|
-
// src/components/
|
|
5402
|
-
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5525
|
+
// src/components/SearchResultImage/index.tsx
|
|
5403
5526
|
var import_react36 = require("react");
|
|
5404
|
-
var
|
|
5527
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5405
5528
|
|
|
5406
|
-
// src/components/
|
|
5529
|
+
// src/components/Alert.tsx
|
|
5407
5530
|
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5408
|
-
var
|
|
5531
|
+
var import_react37 = require("react");
|
|
5532
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5533
|
+
|
|
5534
|
+
// src/components/DataGrid/PinnedColumns.tsx
|
|
5535
|
+
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
5536
|
+
var import_react40 = __toESM(require("react"), 1);
|
|
5409
5537
|
|
|
5410
5538
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
5411
|
-
var
|
|
5539
|
+
var import_react39 = require("react");
|
|
5412
5540
|
|
|
5413
5541
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
5414
|
-
var
|
|
5415
|
-
var
|
|
5542
|
+
var import_react38 = require("react");
|
|
5543
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5416
5544
|
function ColumnSelectorMenuOption({
|
|
5417
5545
|
id,
|
|
5418
5546
|
testid,
|
|
5419
5547
|
column,
|
|
5420
5548
|
toggleColumnVisibility
|
|
5421
5549
|
}) {
|
|
5422
|
-
const [isVisible, setIsVisible] = (0,
|
|
5550
|
+
const [isVisible, setIsVisible] = (0, import_react38.useState)(column.getIsVisible());
|
|
5423
5551
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
5424
|
-
return /* @__PURE__ */ (0,
|
|
5552
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5425
5553
|
Checkbox,
|
|
5426
5554
|
{
|
|
5427
5555
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -5437,7 +5565,7 @@ function ColumnSelectorMenuOption({
|
|
|
5437
5565
|
}
|
|
5438
5566
|
|
|
5439
5567
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
5440
|
-
var
|
|
5568
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5441
5569
|
function ColumnSelectorHeaderCell({
|
|
5442
5570
|
id,
|
|
5443
5571
|
testid,
|
|
@@ -5445,9 +5573,9 @@ function ColumnSelectorHeaderCell({
|
|
|
5445
5573
|
toggleColumnVisibility,
|
|
5446
5574
|
resetColumnVisibility
|
|
5447
5575
|
}) {
|
|
5448
|
-
const ref = (0,
|
|
5449
|
-
const [show, setShow] = (0,
|
|
5450
|
-
return /* @__PURE__ */ (0,
|
|
5576
|
+
const ref = (0, import_react39.useRef)(null);
|
|
5577
|
+
const [show, setShow] = (0, import_react39.useState)(false);
|
|
5578
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
5451
5579
|
DataGridCell,
|
|
5452
5580
|
{
|
|
5453
5581
|
id,
|
|
@@ -5457,7 +5585,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5457
5585
|
color: "text-secondary-normal",
|
|
5458
5586
|
ref,
|
|
5459
5587
|
children: [
|
|
5460
|
-
/* @__PURE__ */ (0,
|
|
5588
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5461
5589
|
Button,
|
|
5462
5590
|
{
|
|
5463
5591
|
id: id ? `${id}-button` : void 0,
|
|
@@ -5465,10 +5593,10 @@ function ColumnSelectorHeaderCell({
|
|
|
5465
5593
|
onClick: () => setShow((prev) => !prev),
|
|
5466
5594
|
variant: "navigation",
|
|
5467
5595
|
iconOnly: true,
|
|
5468
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5596
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
|
|
5469
5597
|
}
|
|
5470
5598
|
),
|
|
5471
|
-
/* @__PURE__ */ (0,
|
|
5599
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
5472
5600
|
Menu,
|
|
5473
5601
|
{
|
|
5474
5602
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -5479,7 +5607,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5479
5607
|
setShow,
|
|
5480
5608
|
calculateMinMaxHeight: true,
|
|
5481
5609
|
children: [
|
|
5482
|
-
/* @__PURE__ */ (0,
|
|
5610
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5483
5611
|
Button,
|
|
5484
5612
|
{
|
|
5485
5613
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -5495,7 +5623,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5495
5623
|
table.getAllColumns().filter((x) => {
|
|
5496
5624
|
var _a;
|
|
5497
5625
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
5498
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
5626
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5499
5627
|
ColumnSelectorMenuOption,
|
|
5500
5628
|
{
|
|
5501
5629
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -5514,7 +5642,7 @@ function ColumnSelectorHeaderCell({
|
|
|
5514
5642
|
}
|
|
5515
5643
|
|
|
5516
5644
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
5517
|
-
var
|
|
5645
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5518
5646
|
function PinnedColumns(_a) {
|
|
5519
5647
|
var _b = _a, {
|
|
5520
5648
|
id,
|
|
@@ -5546,17 +5674,17 @@ function PinnedColumns(_a) {
|
|
|
5546
5674
|
const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
|
|
5547
5675
|
const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
|
|
5548
5676
|
if (!hasAnyHeaders && !enableColumnSelector) return;
|
|
5549
|
-
return /* @__PURE__ */ (0,
|
|
5677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5550
5678
|
"table",
|
|
5551
5679
|
{
|
|
5552
|
-
className: (0,
|
|
5680
|
+
className: (0, import_clsx40.default)(
|
|
5553
5681
|
"flex flex-col min-h-min sticky z-20",
|
|
5554
5682
|
pinDirection === "left" ? "left-0" : "right-0"
|
|
5555
5683
|
),
|
|
5556
5684
|
"data-testid": pinnedTestId,
|
|
5557
5685
|
children: [
|
|
5558
|
-
/* @__PURE__ */ (0,
|
|
5559
|
-
return /* @__PURE__ */ (0,
|
|
5686
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
|
|
5687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5560
5688
|
"tr",
|
|
5561
5689
|
{
|
|
5562
5690
|
"data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -5569,7 +5697,7 @@ function PinnedColumns(_a) {
|
|
|
5569
5697
|
}
|
|
5570
5698
|
if (typeof header.column.columnDef.header === "string") {
|
|
5571
5699
|
const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
|
|
5572
|
-
return /* @__PURE__ */ (0,
|
|
5700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5573
5701
|
DataCellHeader,
|
|
5574
5702
|
{
|
|
5575
5703
|
locked: true,
|
|
@@ -5577,16 +5705,16 @@ function PinnedColumns(_a) {
|
|
|
5577
5705
|
header,
|
|
5578
5706
|
center: centerHeader,
|
|
5579
5707
|
width: customHeaderWidth,
|
|
5580
|
-
className: (0,
|
|
5708
|
+
className: (0, import_clsx40.default)(
|
|
5581
5709
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
5582
5710
|
"group"
|
|
5583
5711
|
),
|
|
5584
5712
|
children: [
|
|
5585
|
-
/* @__PURE__ */ (0,
|
|
5713
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
5586
5714
|
getSortIcon(header.column.getIsSorted()),
|
|
5587
5715
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
5588
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
5589
|
-
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0,
|
|
5716
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
5717
|
+
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5590
5718
|
"div",
|
|
5591
5719
|
{
|
|
5592
5720
|
onDoubleClick: (e) => {
|
|
@@ -5609,7 +5737,7 @@ function PinnedColumns(_a) {
|
|
|
5609
5737
|
header.id
|
|
5610
5738
|
);
|
|
5611
5739
|
}
|
|
5612
|
-
return /* @__PURE__ */ (0,
|
|
5740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react40.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5613
5741
|
Checkbox,
|
|
5614
5742
|
{
|
|
5615
5743
|
checked: allSelectedAcrossPages,
|
|
@@ -5621,7 +5749,7 @@ function PinnedColumns(_a) {
|
|
|
5621
5749
|
header.getContext()
|
|
5622
5750
|
) }, header.id);
|
|
5623
5751
|
}),
|
|
5624
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
5752
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5625
5753
|
ColumnSelectorHeaderCell,
|
|
5626
5754
|
{
|
|
5627
5755
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -5638,7 +5766,7 @@ function PinnedColumns(_a) {
|
|
|
5638
5766
|
headerGroup.id
|
|
5639
5767
|
);
|
|
5640
5768
|
}) }),
|
|
5641
|
-
/* @__PURE__ */ (0,
|
|
5769
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5642
5770
|
TableBody,
|
|
5643
5771
|
__spreadProps(__spreadValues({
|
|
5644
5772
|
testid: pinnedTestId
|