@dmsi/wedgekit-react 0.0.494 → 0.0.496
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-ETAEB3TA.js → chunk-L3BXRDLP.js} +8 -2
- 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 +26 -3
- package/dist/components/CalendarRange.js +7 -5
- 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 +26 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +7 -5
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +520 -392
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +26 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +7 -5
- package/dist/components/DataGrid/PinnedColumns.cjs +521 -393
- package/dist/components/DataGrid/PinnedColumns.css +26 -3
- package/dist/components/DataGrid/PinnedColumns.js +7 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +515 -387
- package/dist/components/DataGrid/TableBody/LoadingCell.css +26 -3
- package/dist/components/DataGrid/TableBody/LoadingCell.js +7 -5
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +516 -388
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +26 -3
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +7 -5
- package/dist/components/DataGrid/TableBody/index.cjs +516 -388
- package/dist/components/DataGrid/TableBody/index.css +26 -3
- package/dist/components/DataGrid/TableBody/index.js +7 -5
- package/dist/components/DataGrid/index.cjs +536 -408
- package/dist/components/DataGrid/index.css +26 -3
- package/dist/components/DataGrid/index.js +7 -5
- package/dist/components/DataGrid/utils.cjs +515 -387
- package/dist/components/DataGrid/utils.css +26 -3
- package/dist/components/DataGrid/utils.js +7 -5
- 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 +26 -3
- package/dist/components/DateInput.js +7 -5
- package/dist/components/DateRangeInput.cjs +514 -386
- package/dist/components/DateRangeInput.css +26 -3
- package/dist/components/DateRangeInput.js +7 -5
- 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 +26 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +7 -5
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +505 -377
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +26 -3
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +7 -5
- 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 +26 -3
- package/dist/components/MobileDataGrid/index.js +7 -5
- 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/SkeletonParagraph.cjs +8 -2
- package/dist/components/SkeletonParagraph.js +1 -1
- package/dist/components/index.cjs +715 -558
- package/dist/components/index.css +26 -3
- package/dist/components/index.js +10 -5
- package/dist/index.css +26 -3
- 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/SkeletonParagraph.tsx +9 -1
- package/src/components/index.ts +1 -0
- package/src/index.css +4 -3
|
@@ -115,7 +115,7 @@ var CSS = /* @__PURE__ */ Object.freeze({
|
|
|
115
115
|
});
|
|
116
116
|
|
|
117
117
|
// src/components/DataGridCell.tsx
|
|
118
|
-
var
|
|
118
|
+
var import_clsx9 = __toESM(require("clsx"), 1);
|
|
119
119
|
var import_react11 = require("react");
|
|
120
120
|
|
|
121
121
|
// src/classNames.ts
|
|
@@ -256,7 +256,7 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
|
|
|
256
256
|
);
|
|
257
257
|
|
|
258
258
|
// src/components/MenuOption.tsx
|
|
259
|
-
var
|
|
259
|
+
var import_clsx6 = __toESM(require("clsx"), 1);
|
|
260
260
|
var import_react6 = require("react");
|
|
261
261
|
|
|
262
262
|
// src/components/Label.tsx
|
|
@@ -687,8 +687,130 @@ function useTableLayout(initialColumns, key) {
|
|
|
687
687
|
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
688
688
|
}
|
|
689
689
|
|
|
690
|
-
// src/components/
|
|
690
|
+
// src/components/Caption.tsx
|
|
691
|
+
var import_clsx5 = __toESM(require("clsx"), 1);
|
|
691
692
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
693
|
+
var Caption = (_a) => {
|
|
694
|
+
var _b = _a, {
|
|
695
|
+
className,
|
|
696
|
+
children,
|
|
697
|
+
as = "span",
|
|
698
|
+
style = "default",
|
|
699
|
+
color,
|
|
700
|
+
align,
|
|
701
|
+
id,
|
|
702
|
+
testid,
|
|
703
|
+
marginTopDesktop
|
|
704
|
+
} = _b, props = __objRest(_b, [
|
|
705
|
+
"className",
|
|
706
|
+
"children",
|
|
707
|
+
"as",
|
|
708
|
+
"style",
|
|
709
|
+
"color",
|
|
710
|
+
"align",
|
|
711
|
+
"id",
|
|
712
|
+
"testid",
|
|
713
|
+
"marginTopDesktop"
|
|
714
|
+
]);
|
|
715
|
+
const Element = as;
|
|
716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
|
|
717
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
718
|
+
WhichIcon,
|
|
719
|
+
{
|
|
720
|
+
id,
|
|
721
|
+
testid,
|
|
722
|
+
style,
|
|
723
|
+
size: 16,
|
|
724
|
+
className: "mt-[3px] desktop:mt-0"
|
|
725
|
+
}
|
|
726
|
+
),
|
|
727
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
728
|
+
Element,
|
|
729
|
+
__spreadProps(__spreadValues({
|
|
730
|
+
id: id ? `${id}-text` : void 0,
|
|
731
|
+
"data-testid": testid ? `${testid}-text` : void 0,
|
|
732
|
+
className: (0, import_clsx5.default)(
|
|
733
|
+
typography.caption.replace("text-text-primary-normal", ""),
|
|
734
|
+
(style === "default" || style === "info") && "text-text-secondary-normal",
|
|
735
|
+
style === "success" && "text-text-success-normal",
|
|
736
|
+
style === "warning" && "text-text-warning-normal",
|
|
737
|
+
style === "error" && "text-text-critical-normal",
|
|
738
|
+
align === "left" && "text-left",
|
|
739
|
+
align === "center" && "text-center",
|
|
740
|
+
align === "right" && "text-right",
|
|
741
|
+
className,
|
|
742
|
+
marginTopDesktop && `desktop:mt-px`
|
|
743
|
+
)
|
|
744
|
+
}, props), {
|
|
745
|
+
style: {
|
|
746
|
+
color: color ? `var(--color-${color})` : void 0
|
|
747
|
+
},
|
|
748
|
+
children
|
|
749
|
+
})
|
|
750
|
+
)
|
|
751
|
+
] });
|
|
752
|
+
};
|
|
753
|
+
var WhichIcon = ({
|
|
754
|
+
style,
|
|
755
|
+
size,
|
|
756
|
+
className,
|
|
757
|
+
id,
|
|
758
|
+
testid
|
|
759
|
+
}) => {
|
|
760
|
+
if (style === "success") {
|
|
761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
762
|
+
Icon,
|
|
763
|
+
{
|
|
764
|
+
id: id ? `${id}-icon` : void 0,
|
|
765
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
766
|
+
className,
|
|
767
|
+
name: "check_circle",
|
|
768
|
+
size
|
|
769
|
+
}
|
|
770
|
+
) });
|
|
771
|
+
}
|
|
772
|
+
if (style === "warning") {
|
|
773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
774
|
+
Icon,
|
|
775
|
+
{
|
|
776
|
+
id: id ? `${id}-icon` : void 0,
|
|
777
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
778
|
+
className,
|
|
779
|
+
name: "warning",
|
|
780
|
+
size
|
|
781
|
+
}
|
|
782
|
+
) });
|
|
783
|
+
}
|
|
784
|
+
if (style === "error") {
|
|
785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
786
|
+
Icon,
|
|
787
|
+
{
|
|
788
|
+
id: id ? `${id}-icon` : void 0,
|
|
789
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
790
|
+
className,
|
|
791
|
+
name: "info",
|
|
792
|
+
size
|
|
793
|
+
}
|
|
794
|
+
) });
|
|
795
|
+
}
|
|
796
|
+
if (style === "info") {
|
|
797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
798
|
+
Icon,
|
|
799
|
+
{
|
|
800
|
+
id: id ? `${id}-icon` : void 0,
|
|
801
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
802
|
+
className,
|
|
803
|
+
name: "info",
|
|
804
|
+
size
|
|
805
|
+
}
|
|
806
|
+
) });
|
|
807
|
+
}
|
|
808
|
+
return null;
|
|
809
|
+
};
|
|
810
|
+
Caption.displayName = "Caption";
|
|
811
|
+
|
|
812
|
+
// src/components/MenuOption.tsx
|
|
813
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
692
814
|
var MenuOption = ({
|
|
693
815
|
id,
|
|
694
816
|
testid,
|
|
@@ -713,7 +835,8 @@ var MenuOption = ({
|
|
|
713
835
|
mobilePositionTo,
|
|
714
836
|
highlightMatchingText = false,
|
|
715
837
|
menuValue,
|
|
716
|
-
onMouseMove
|
|
838
|
+
onMouseMove,
|
|
839
|
+
small = false
|
|
717
840
|
}) => {
|
|
718
841
|
const uniqueId = (0, import_react6.useId)();
|
|
719
842
|
const internalRef = (0, import_react6.useRef)(null);
|
|
@@ -743,47 +866,48 @@ var MenuOption = ({
|
|
|
743
866
|
const additionalAttributes = {
|
|
744
867
|
"data-selected": selected || null
|
|
745
868
|
};
|
|
746
|
-
const svgStyles = (0,
|
|
869
|
+
const svgStyles = (0, import_clsx6.default)(
|
|
747
870
|
"[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
|
|
748
871
|
);
|
|
749
|
-
const textLabelStyles = (0,
|
|
750
|
-
const normalStyles = variant === "normal" && !disabled && (0,
|
|
872
|
+
const textLabelStyles = (0, import_clsx6.default)("w-full whitespace-nowrap !leading-6");
|
|
873
|
+
const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
|
|
751
874
|
"bg-transparent text-text-primary-normal",
|
|
752
875
|
"hover:bg-background-action-secondary-hover",
|
|
753
876
|
"focus:bg-background-action-secondary-hover",
|
|
754
877
|
"data-selected:bg-background-action-secondary-hover",
|
|
755
878
|
"active:bg-background-action-secondary-active"
|
|
756
879
|
);
|
|
757
|
-
const normalDisabledStyles = variant === "normal" && disabled && (0,
|
|
758
|
-
const actionStyles = variant === "action" && !disabled && (0,
|
|
880
|
+
const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
|
|
881
|
+
const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
|
|
759
882
|
"text-action-400 bg-transparent",
|
|
760
883
|
"hover:bg-background-action-secondary-hover hover:text-text-action-hover",
|
|
761
884
|
"focus:bg-background-action-secondary-hover focus:text-text-action-hover",
|
|
762
885
|
"data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
|
|
763
886
|
"active:bg-background-action-secondary-active active:text-text-action-active"
|
|
764
887
|
);
|
|
765
|
-
const actionDisabledStyles = variant === "action" && disabled && (0,
|
|
766
|
-
const disabledStyles = disabled && (0,
|
|
888
|
+
const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
|
|
889
|
+
const disabledStyles = disabled && (0, import_clsx6.default)("bg-transparent cursor-default pointer-events-none");
|
|
767
890
|
const processChildren = typeof children === "string" && highlightMatchingText ? highlightMatch(children, menuValue) : children;
|
|
768
|
-
const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ (0,
|
|
769
|
-
return /* @__PURE__ */ (0,
|
|
770
|
-
/* @__PURE__ */ (0,
|
|
891
|
+
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 });
|
|
892
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
893
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
771
894
|
"div",
|
|
772
895
|
__spreadProps(__spreadValues({
|
|
773
896
|
id,
|
|
774
897
|
"data-testid": testid,
|
|
775
898
|
ref: actualRef,
|
|
776
|
-
className: (0,
|
|
777
|
-
"flex
|
|
899
|
+
className: (0, import_clsx6.default)(
|
|
900
|
+
"flex cursor-pointer w-full text-left relative outline-none",
|
|
778
901
|
svgStyles,
|
|
779
|
-
componentGap,
|
|
902
|
+
small ? layoutGroupGap : componentGap,
|
|
780
903
|
componentPadding,
|
|
781
904
|
baseTransition,
|
|
782
905
|
normalStyles,
|
|
783
906
|
normalDisabledStyles,
|
|
784
907
|
actionStyles,
|
|
785
908
|
actionDisabledStyles,
|
|
786
|
-
disabledStyles
|
|
909
|
+
disabledStyles,
|
|
910
|
+
{ "items-center": !small }
|
|
787
911
|
),
|
|
788
912
|
"data-value": value || children,
|
|
789
913
|
onClick: () => {
|
|
@@ -800,13 +924,13 @@ var MenuOption = ({
|
|
|
800
924
|
role: "menuitem",
|
|
801
925
|
"aria-haspopup": subMenu ? "menu" : void 0,
|
|
802
926
|
children: [
|
|
803
|
-
before && /* @__PURE__ */ (0,
|
|
927
|
+
before && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_clsx6.default)("shrink-0", { "items-center flex": !small }), children: before }),
|
|
804
928
|
renderChildren,
|
|
805
929
|
renderAfterProp()
|
|
806
930
|
]
|
|
807
931
|
})
|
|
808
932
|
),
|
|
809
|
-
subMenu && /* @__PURE__ */ (0,
|
|
933
|
+
subMenu && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
810
934
|
"div",
|
|
811
935
|
{
|
|
812
936
|
onMouseEnter: handleSubMenuEnter,
|
|
@@ -830,14 +954,14 @@ var MenuOption = ({
|
|
|
830
954
|
return after;
|
|
831
955
|
}
|
|
832
956
|
if (subMenu && after !== null) {
|
|
833
|
-
return /* @__PURE__ */ (0,
|
|
957
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_right" });
|
|
834
958
|
}
|
|
835
959
|
}
|
|
836
960
|
function mobileBackMenuOption() {
|
|
837
961
|
if (!isMobile) {
|
|
838
962
|
return;
|
|
839
963
|
}
|
|
840
|
-
return /* @__PURE__ */ (0,
|
|
964
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
841
965
|
MenuOption,
|
|
842
966
|
{
|
|
843
967
|
id: id ? `${id}-back` : void 0,
|
|
@@ -846,7 +970,7 @@ var MenuOption = ({
|
|
|
846
970
|
closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
|
|
847
971
|
},
|
|
848
972
|
variant: "action",
|
|
849
|
-
before: /* @__PURE__ */ (0,
|
|
973
|
+
before: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_left" }),
|
|
850
974
|
children: "Back"
|
|
851
975
|
}
|
|
852
976
|
);
|
|
@@ -863,12 +987,12 @@ function highlightMatch(text, searchValue) {
|
|
|
863
987
|
);
|
|
864
988
|
const parts = text.split(regex);
|
|
865
989
|
return parts.map(
|
|
866
|
-
(part, index) => regex.test(part) ? /* @__PURE__ */ (0,
|
|
990
|
+
(part, index) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-bold", children: part }, index) : part
|
|
867
991
|
);
|
|
868
992
|
}
|
|
869
993
|
|
|
870
994
|
// src/components/Menu.tsx
|
|
871
|
-
var
|
|
995
|
+
var import_clsx7 = __toESM(require("clsx"), 1);
|
|
872
996
|
var import_react8 = require("react");
|
|
873
997
|
var import_react_dom = require("react-dom");
|
|
874
998
|
|
|
@@ -1235,7 +1359,7 @@ function getScrollableAncestors(element) {
|
|
|
1235
1359
|
}
|
|
1236
1360
|
|
|
1237
1361
|
// src/components/Menu.tsx
|
|
1238
|
-
var
|
|
1362
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
1239
1363
|
var Menu = (_a) => {
|
|
1240
1364
|
var _b = _a, {
|
|
1241
1365
|
id,
|
|
@@ -1351,13 +1475,13 @@ var Menu = (_a) => {
|
|
|
1351
1475
|
};
|
|
1352
1476
|
}, [show, setShow, positionTo]);
|
|
1353
1477
|
return show && (0, import_react_dom.createPortal)(
|
|
1354
|
-
/* @__PURE__ */ (0,
|
|
1478
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1355
1479
|
"div",
|
|
1356
1480
|
__spreadProps(__spreadValues({
|
|
1357
1481
|
id,
|
|
1358
1482
|
"data-testid": testid,
|
|
1359
1483
|
ref: setRefs,
|
|
1360
|
-
className: (0,
|
|
1484
|
+
className: (0, import_clsx7.default)(
|
|
1361
1485
|
"shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
|
|
1362
1486
|
"fixed",
|
|
1363
1487
|
"z-50",
|
|
@@ -1491,8 +1615,8 @@ var import_react10 = require("react");
|
|
|
1491
1615
|
|
|
1492
1616
|
// src/components/Input.tsx
|
|
1493
1617
|
var import_react9 = require("react");
|
|
1494
|
-
var
|
|
1495
|
-
var
|
|
1618
|
+
var import_clsx8 = __toESM(require("clsx"), 1);
|
|
1619
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1496
1620
|
var InputBase = (_a) => {
|
|
1497
1621
|
var _b = _a, {
|
|
1498
1622
|
id,
|
|
@@ -1560,7 +1684,7 @@ var InputBase = (_a) => {
|
|
|
1560
1684
|
};
|
|
1561
1685
|
}
|
|
1562
1686
|
}, [selectOnFocus]);
|
|
1563
|
-
const inputBaseClass = (0,
|
|
1687
|
+
const inputBaseClass = (0, import_clsx8.default)(
|
|
1564
1688
|
fullWidth ? "w-full" : "w-fit",
|
|
1565
1689
|
"flex flex-row items-center",
|
|
1566
1690
|
"bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
|
|
@@ -1573,26 +1697,26 @@ var InputBase = (_a) => {
|
|
|
1573
1697
|
!removeBorder && "border border-border-primary-normal",
|
|
1574
1698
|
"relative"
|
|
1575
1699
|
);
|
|
1576
|
-
const inputFocusClass = (0,
|
|
1700
|
+
const inputFocusClass = (0, import_clsx8.default)(
|
|
1577
1701
|
"has-[[data-focus]]:border-transparent has-[[data-focus]]:outline-border-primary-focus focus-within:border-transparent focus-within:outline-border-primary-focus"
|
|
1578
1702
|
);
|
|
1579
|
-
const inputDisabledClass = (0,
|
|
1703
|
+
const inputDisabledClass = (0, import_clsx8.default)(
|
|
1580
1704
|
"has-disabled:bg-background-action-secondary-disabled"
|
|
1581
1705
|
);
|
|
1582
|
-
const inputReadOnlyClass = (0,
|
|
1706
|
+
const inputReadOnlyClass = (0, import_clsx8.default)(
|
|
1583
1707
|
"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"
|
|
1584
1708
|
);
|
|
1585
|
-
const inputInvalidClass = (0,
|
|
1709
|
+
const inputInvalidClass = (0, import_clsx8.default)(
|
|
1586
1710
|
"has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
|
|
1587
1711
|
);
|
|
1588
|
-
return /* @__PURE__ */ (0,
|
|
1712
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1589
1713
|
"label",
|
|
1590
1714
|
{
|
|
1591
1715
|
id,
|
|
1592
1716
|
"data-testid": testid,
|
|
1593
1717
|
htmlFor: inputId,
|
|
1594
1718
|
ref: inputContainerRef,
|
|
1595
|
-
className: (0,
|
|
1719
|
+
className: (0, import_clsx8.default)(
|
|
1596
1720
|
"w-full flex flex-col",
|
|
1597
1721
|
"block",
|
|
1598
1722
|
"text-text-primary-normal has-disabled:text-text-primary-disabled",
|
|
@@ -1600,30 +1724,30 @@ var InputBase = (_a) => {
|
|
|
1600
1724
|
),
|
|
1601
1725
|
style: __spreadValues({}, props.style),
|
|
1602
1726
|
children: [
|
|
1603
|
-
label && /* @__PURE__ */ (0,
|
|
1604
|
-
/* @__PURE__ */ (0,
|
|
1727
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_clsx8.default)("flex items-center", componentGap), children: [
|
|
1728
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1605
1729
|
Label,
|
|
1606
1730
|
{
|
|
1607
1731
|
id: id ? `${id}-label` : void 0,
|
|
1608
1732
|
color: error ? "text-primary-error" : void 0,
|
|
1609
|
-
className: (0,
|
|
1733
|
+
className: (0, import_clsx8.default)(
|
|
1610
1734
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
1611
1735
|
),
|
|
1612
1736
|
children: label
|
|
1613
1737
|
}
|
|
1614
1738
|
),
|
|
1615
|
-
required && /* @__PURE__ */ (0,
|
|
1739
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1616
1740
|
"span",
|
|
1617
1741
|
{
|
|
1618
|
-
className: (0,
|
|
1742
|
+
className: (0, import_clsx8.default)(typography.label, "text-text-critical-normal"),
|
|
1619
1743
|
children: "*"
|
|
1620
1744
|
}
|
|
1621
1745
|
)
|
|
1622
1746
|
] }),
|
|
1623
|
-
/* @__PURE__ */ (0,
|
|
1747
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1624
1748
|
"div",
|
|
1625
1749
|
{
|
|
1626
|
-
className: (0,
|
|
1750
|
+
className: (0, import_clsx8.default)(
|
|
1627
1751
|
inputBaseClass,
|
|
1628
1752
|
!props.disabled && inputInvalidClass,
|
|
1629
1753
|
inputFocusClass,
|
|
@@ -1638,7 +1762,7 @@ var InputBase = (_a) => {
|
|
|
1638
1762
|
},
|
|
1639
1763
|
children: [
|
|
1640
1764
|
before,
|
|
1641
|
-
/* @__PURE__ */ (0,
|
|
1765
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1642
1766
|
"input",
|
|
1643
1767
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1644
1768
|
ref: (el) => {
|
|
@@ -1649,7 +1773,7 @@ var InputBase = (_a) => {
|
|
|
1649
1773
|
}, props), attributes), {
|
|
1650
1774
|
id: inputId,
|
|
1651
1775
|
"data-testid": testid ? `${testid}-input` : void 0,
|
|
1652
|
-
className: (0,
|
|
1776
|
+
className: (0, import_clsx8.default)(
|
|
1653
1777
|
"flex-1 outline-none w-full max-w-full min-h-6 min-w-0",
|
|
1654
1778
|
"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
|
|
1655
1779
|
"placeholder:text-text-secondary-normal disabled:text-text-secondary-disabled",
|
|
@@ -1663,11 +1787,11 @@ var InputBase = (_a) => {
|
|
|
1663
1787
|
style: __spreadProps(__spreadValues({}, props.style), { width })
|
|
1664
1788
|
})
|
|
1665
1789
|
),
|
|
1666
|
-
secondaryIconColor ? /* @__PURE__ */ (0,
|
|
1790
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
1667
1791
|
]
|
|
1668
1792
|
}
|
|
1669
1793
|
),
|
|
1670
|
-
caption && /* @__PURE__ */ (0,
|
|
1794
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1671
1795
|
"div",
|
|
1672
1796
|
{
|
|
1673
1797
|
id: id ? `${id}-caption` : void 0,
|
|
@@ -1760,9 +1884,9 @@ var Input = (_a) => {
|
|
|
1760
1884
|
if (props.before) return props.before;
|
|
1761
1885
|
switch (variant) {
|
|
1762
1886
|
case "search":
|
|
1763
|
-
return !removeSearchIcon ? /* @__PURE__ */ (0,
|
|
1887
|
+
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;
|
|
1764
1888
|
case "currency":
|
|
1765
|
-
return /* @__PURE__ */ (0,
|
|
1889
|
+
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" }) });
|
|
1766
1890
|
default:
|
|
1767
1891
|
return null;
|
|
1768
1892
|
}
|
|
@@ -1772,7 +1896,7 @@ var Input = (_a) => {
|
|
|
1772
1896
|
switch (variant) {
|
|
1773
1897
|
case "search": {
|
|
1774
1898
|
const hasValue = displayValue.length > 0;
|
|
1775
|
-
return hasValue && !props.readOnly ? /* @__PURE__ */ (0,
|
|
1899
|
+
return hasValue && !props.readOnly ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1776
1900
|
Icon,
|
|
1777
1901
|
{
|
|
1778
1902
|
id: id ? `${id}-clear-button` : void 0,
|
|
@@ -1784,11 +1908,11 @@ var Input = (_a) => {
|
|
|
1784
1908
|
) : null;
|
|
1785
1909
|
}
|
|
1786
1910
|
case "finder":
|
|
1787
|
-
return /* @__PURE__ */ (0,
|
|
1911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
|
|
1788
1912
|
case "uom":
|
|
1789
|
-
return uom ? /* @__PURE__ */ (0,
|
|
1913
|
+
return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
|
|
1790
1914
|
case "percentage":
|
|
1791
|
-
return /* @__PURE__ */ (0,
|
|
1915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
|
|
1792
1916
|
default:
|
|
1793
1917
|
return null;
|
|
1794
1918
|
}
|
|
@@ -1865,7 +1989,7 @@ var Input = (_a) => {
|
|
|
1865
1989
|
onBlur == null ? void 0 : onBlur(e);
|
|
1866
1990
|
};
|
|
1867
1991
|
const inputProps = getInputProps();
|
|
1868
|
-
return /* @__PURE__ */ (0,
|
|
1992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1869
1993
|
InputBase,
|
|
1870
1994
|
__spreadProps(__spreadValues({}, inputProps), {
|
|
1871
1995
|
before: getBeforeElement(),
|
|
@@ -1877,15 +2001,15 @@ var Input = (_a) => {
|
|
|
1877
2001
|
);
|
|
1878
2002
|
};
|
|
1879
2003
|
Input.displayName = "Input";
|
|
1880
|
-
var Finder = (props) => /* @__PURE__ */ (0,
|
|
1881
|
-
var UOM = (props) => /* @__PURE__ */ (0,
|
|
2004
|
+
var Finder = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "finder" }));
|
|
2005
|
+
var UOM = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "uom" }));
|
|
1882
2006
|
var Currency = (props) => {
|
|
1883
2007
|
var _a;
|
|
1884
2008
|
const handleCurrencyChange = (e) => {
|
|
1885
2009
|
var _a2;
|
|
1886
2010
|
(_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
|
|
1887
2011
|
};
|
|
1888
|
-
return /* @__PURE__ */ (0,
|
|
2012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1889
2013
|
Input,
|
|
1890
2014
|
__spreadProps(__spreadValues({}, props), {
|
|
1891
2015
|
variant: "currency",
|
|
@@ -1894,14 +2018,14 @@ var Currency = (props) => {
|
|
|
1894
2018
|
})
|
|
1895
2019
|
);
|
|
1896
2020
|
};
|
|
1897
|
-
var Percentage = (props) => /* @__PURE__ */ (0,
|
|
2021
|
+
var Percentage = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "percentage" }));
|
|
1898
2022
|
Finder.displayName = "Finder";
|
|
1899
2023
|
UOM.displayName = "UOM";
|
|
1900
2024
|
Currency.displayName = "Currency";
|
|
1901
2025
|
Percentage.displayName = "Percentage";
|
|
1902
2026
|
|
|
1903
2027
|
// src/components/Search.tsx
|
|
1904
|
-
var
|
|
2028
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1905
2029
|
var Search = (_a) => {
|
|
1906
2030
|
var _b = _a, {
|
|
1907
2031
|
id,
|
|
@@ -1943,8 +2067,8 @@ var Search = (_a) => {
|
|
|
1943
2067
|
}
|
|
1944
2068
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
1945
2069
|
}, [props.value]);
|
|
1946
|
-
return /* @__PURE__ */ (0,
|
|
1947
|
-
/* @__PURE__ */ (0,
|
|
2070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
|
|
2071
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1948
2072
|
Input,
|
|
1949
2073
|
__spreadValues({
|
|
1950
2074
|
id,
|
|
@@ -2018,7 +2142,7 @@ var Search = (_a) => {
|
|
|
2018
2142
|
Search.displayName = "Search";
|
|
2019
2143
|
|
|
2020
2144
|
// src/components/DataGridCell.tsx
|
|
2021
|
-
var
|
|
2145
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
2022
2146
|
var DataGridCell = (0, import_react11.memo)(
|
|
2023
2147
|
(_a) => {
|
|
2024
2148
|
var _b = _a, {
|
|
@@ -2099,10 +2223,10 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2099
2223
|
};
|
|
2100
2224
|
const headerBgStyles = type === "header" && !locked && !["button"].includes(component) && "bg-brand-400 border-brand-200";
|
|
2101
2225
|
const lockedHeaderBgStyles = locked && !["button"].includes(component) && "bg-neutral-400 border-neutral-300";
|
|
2102
|
-
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0,
|
|
2103
|
-
const buttonComponentStyles = component === "button" && (0,
|
|
2104
|
-
const iconComponentStyles = component === "icon" && (0,
|
|
2105
|
-
const cellClasses = (0,
|
|
2226
|
+
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0, import_clsx9.default)("border-r");
|
|
2227
|
+
const buttonComponentStyles = component === "button" && (0, import_clsx9.default)("border-r border-b border-border-primary-normal");
|
|
2228
|
+
const iconComponentStyles = component === "icon" && (0, import_clsx9.default)("border-l");
|
|
2229
|
+
const cellClasses = (0, import_clsx9.default)(
|
|
2106
2230
|
headerTypeStyles,
|
|
2107
2231
|
buttonComponentStyles,
|
|
2108
2232
|
headerBgStyles,
|
|
@@ -2123,16 +2247,16 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2123
2247
|
isGrabbing && "!cursor-grabbing",
|
|
2124
2248
|
component === "checkbox" || center && "justify-center"
|
|
2125
2249
|
);
|
|
2126
|
-
return /* @__PURE__ */ (0,
|
|
2250
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2127
2251
|
Element,
|
|
2128
2252
|
__spreadProps(__spreadValues({
|
|
2129
2253
|
id,
|
|
2130
2254
|
"data-testid": testid,
|
|
2131
|
-
className: (0,
|
|
2255
|
+
className: (0, import_clsx9.default)("flex h-10", !width && "flex-1"),
|
|
2132
2256
|
style: { width, minWidth }
|
|
2133
2257
|
}, props), {
|
|
2134
2258
|
"data-theme": type === "header" && !locked ? "brand" : void 0,
|
|
2135
|
-
children: /* @__PURE__ */ (0,
|
|
2259
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2136
2260
|
"div",
|
|
2137
2261
|
{
|
|
2138
2262
|
className: cellClasses,
|
|
@@ -2209,7 +2333,7 @@ function DataCellHeader(_a) {
|
|
|
2209
2333
|
"--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
|
|
2210
2334
|
"--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
|
|
2211
2335
|
}, props.style);
|
|
2212
|
-
return /* @__PURE__ */ (0,
|
|
2336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2213
2337
|
DataGridCell,
|
|
2214
2338
|
__spreadProps(__spreadValues({
|
|
2215
2339
|
id,
|
|
@@ -2224,7 +2348,7 @@ function DataCellHeader(_a) {
|
|
|
2224
2348
|
}, props), {
|
|
2225
2349
|
children: [
|
|
2226
2350
|
children,
|
|
2227
|
-
header.column.getCanFilter() && /* @__PURE__ */ (0,
|
|
2351
|
+
header.column.getCanFilter() && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2228
2352
|
Menu,
|
|
2229
2353
|
{
|
|
2230
2354
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -2236,7 +2360,7 @@ function DataCellHeader(_a) {
|
|
|
2236
2360
|
mobileHide,
|
|
2237
2361
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2238
2362
|
children: [
|
|
2239
|
-
/* @__PURE__ */ (0,
|
|
2363
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2240
2364
|
MenuOption,
|
|
2241
2365
|
__spreadProps(__spreadValues({
|
|
2242
2366
|
id: id ? `${id}-filter-option` : void 0,
|
|
@@ -2244,7 +2368,7 @@ function DataCellHeader(_a) {
|
|
|
2244
2368
|
}, subMenuListeners), {
|
|
2245
2369
|
subMenu: (_b2) => {
|
|
2246
2370
|
var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
|
|
2247
|
-
return /* @__PURE__ */ (0,
|
|
2371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2248
2372
|
Menu,
|
|
2249
2373
|
__spreadProps(__spreadValues({
|
|
2250
2374
|
id: id ? `${id}-filter-submenu` : void 0,
|
|
@@ -2256,7 +2380,7 @@ function DataCellHeader(_a) {
|
|
|
2256
2380
|
},
|
|
2257
2381
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2258
2382
|
children: [
|
|
2259
|
-
/* @__PURE__ */ (0,
|
|
2383
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx9.default)(paddingUsingComponentGap), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2260
2384
|
Search,
|
|
2261
2385
|
{
|
|
2262
2386
|
id: id ? `${id}-filter-search` : void 0,
|
|
@@ -2272,7 +2396,7 @@ function DataCellHeader(_a) {
|
|
|
2272
2396
|
value: filter != null ? filter : ""
|
|
2273
2397
|
}
|
|
2274
2398
|
) }),
|
|
2275
|
-
/* @__PURE__ */ (0,
|
|
2399
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2276
2400
|
MenuOption,
|
|
2277
2401
|
{
|
|
2278
2402
|
id: id ? `${id}-filter-contains` : void 0,
|
|
@@ -2282,7 +2406,7 @@ function DataCellHeader(_a) {
|
|
|
2282
2406
|
children: "Contains"
|
|
2283
2407
|
}
|
|
2284
2408
|
),
|
|
2285
|
-
/* @__PURE__ */ (0,
|
|
2409
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2286
2410
|
MenuOption,
|
|
2287
2411
|
{
|
|
2288
2412
|
id: id ? `${id}-filter-startswith` : void 0,
|
|
@@ -2292,7 +2416,7 @@ function DataCellHeader(_a) {
|
|
|
2292
2416
|
children: "Starts with"
|
|
2293
2417
|
}
|
|
2294
2418
|
),
|
|
2295
|
-
/* @__PURE__ */ (0,
|
|
2419
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2296
2420
|
MenuOption,
|
|
2297
2421
|
{
|
|
2298
2422
|
id: id ? `${id}-filter-endswith` : void 0,
|
|
@@ -2309,7 +2433,7 @@ function DataCellHeader(_a) {
|
|
|
2309
2433
|
children: "Filter"
|
|
2310
2434
|
})
|
|
2311
2435
|
),
|
|
2312
|
-
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0,
|
|
2436
|
+
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2313
2437
|
MenuOption,
|
|
2314
2438
|
__spreadProps(__spreadValues({
|
|
2315
2439
|
onClick: () => {
|
|
@@ -2318,7 +2442,7 @@ function DataCellHeader(_a) {
|
|
|
2318
2442
|
}, subMenuListeners), {
|
|
2319
2443
|
subMenu: (_d) => {
|
|
2320
2444
|
var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
|
|
2321
|
-
return /* @__PURE__ */ (0,
|
|
2445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2322
2446
|
Menu,
|
|
2323
2447
|
__spreadProps(__spreadValues({}, props2), {
|
|
2324
2448
|
show: isMenuActive(menuId, subMenuLevel),
|
|
@@ -2326,7 +2450,7 @@ function DataCellHeader(_a) {
|
|
|
2326
2450
|
registerSubMenu(menuId, el);
|
|
2327
2451
|
},
|
|
2328
2452
|
children: [
|
|
2329
|
-
/* @__PURE__ */ (0,
|
|
2453
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2330
2454
|
MenuOption,
|
|
2331
2455
|
{
|
|
2332
2456
|
selected: header.column.getIsPinned() === "left",
|
|
@@ -2337,11 +2461,11 @@ function DataCellHeader(_a) {
|
|
|
2337
2461
|
header.column.pin("left");
|
|
2338
2462
|
}
|
|
2339
2463
|
},
|
|
2340
|
-
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0,
|
|
2464
|
+
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2341
2465
|
children: "Left"
|
|
2342
2466
|
}
|
|
2343
2467
|
),
|
|
2344
|
-
/* @__PURE__ */ (0,
|
|
2468
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2345
2469
|
MenuOption,
|
|
2346
2470
|
{
|
|
2347
2471
|
selected: header.column.getIsPinned() === "right",
|
|
@@ -2352,7 +2476,7 @@ function DataCellHeader(_a) {
|
|
|
2352
2476
|
header.column.pin("right");
|
|
2353
2477
|
}
|
|
2354
2478
|
},
|
|
2355
|
-
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0,
|
|
2479
|
+
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2356
2480
|
children: "Right"
|
|
2357
2481
|
}
|
|
2358
2482
|
)
|
|
@@ -2370,11 +2494,11 @@ function DataCellHeader(_a) {
|
|
|
2370
2494
|
})
|
|
2371
2495
|
);
|
|
2372
2496
|
function menuOptionIcon(value) {
|
|
2373
|
-
return /* @__PURE__ */ (0,
|
|
2497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2374
2498
|
Icon,
|
|
2375
2499
|
{
|
|
2376
2500
|
name: "check",
|
|
2377
|
-
className: (0,
|
|
2501
|
+
className: (0, import_clsx9.default)(
|
|
2378
2502
|
header.column.columnDef.filterFn !== value && "text-transparent"
|
|
2379
2503
|
)
|
|
2380
2504
|
}
|
|
@@ -2419,7 +2543,7 @@ function DraggableCellHeader(_a) {
|
|
|
2419
2543
|
"--color-icon-on-action-primary-normal": "var(--color-action-000)",
|
|
2420
2544
|
userSelect: "none"
|
|
2421
2545
|
};
|
|
2422
|
-
return /* @__PURE__ */ (0,
|
|
2546
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2423
2547
|
DataCellHeader,
|
|
2424
2548
|
__spreadProps(__spreadValues(__spreadValues(__spreadValues({
|
|
2425
2549
|
header,
|
|
@@ -2451,7 +2575,7 @@ function DragAlongCell(_a) {
|
|
|
2451
2575
|
minWidth: cell.column.getSize(),
|
|
2452
2576
|
zIndex: isDragging ? 1 : 0
|
|
2453
2577
|
};
|
|
2454
|
-
return /* @__PURE__ */ (0,
|
|
2578
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DataGridCell, __spreadProps(__spreadValues({ style, ref: setNodeRef }, props), { children }));
|
|
2455
2579
|
}
|
|
2456
2580
|
DragAlongCell.displayName = "DragAlongCell";
|
|
2457
2581
|
|
|
@@ -2462,24 +2586,24 @@ var import_core = require("@dnd-kit/core");
|
|
|
2462
2586
|
var import_sortable2 = require("@dnd-kit/sortable");
|
|
2463
2587
|
var import_modifiers = require("@dnd-kit/modifiers");
|
|
2464
2588
|
var import_react_virtual2 = require("@tanstack/react-virtual");
|
|
2465
|
-
var
|
|
2589
|
+
var import_clsx14 = __toESM(require("clsx"), 1);
|
|
2466
2590
|
|
|
2467
2591
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
2468
2592
|
var import_react_table2 = require("@tanstack/react-table");
|
|
2469
|
-
var
|
|
2593
|
+
var import_clsx13 = __toESM(require("clsx"), 1);
|
|
2470
2594
|
|
|
2471
2595
|
// src/components/DataGrid/utils.tsx
|
|
2472
|
-
var
|
|
2473
|
-
var
|
|
2596
|
+
var import_clsx10 = __toESM(require("clsx"), 1);
|
|
2597
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
2474
2598
|
function getSortIcon(sort, nextSort = false) {
|
|
2475
|
-
const iconClassName = (0,
|
|
2599
|
+
const iconClassName = (0, import_clsx10.default)(
|
|
2476
2600
|
"text-icon-on-action-primary-normal",
|
|
2477
2601
|
nextSort && "hidden group-hover:block"
|
|
2478
2602
|
);
|
|
2479
2603
|
if (sort === "asc")
|
|
2480
|
-
return /* @__PURE__ */ (0,
|
|
2604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
2481
2605
|
if (sort === "desc")
|
|
2482
|
-
return /* @__PURE__ */ (0,
|
|
2606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
2483
2607
|
return null;
|
|
2484
2608
|
}
|
|
2485
2609
|
|
|
@@ -2488,13 +2612,13 @@ var import_react15 = __toESM(require("react"), 1);
|
|
|
2488
2612
|
|
|
2489
2613
|
// src/components/DataGrid/TableBody/index.tsx
|
|
2490
2614
|
var import_react_virtual = require("@tanstack/react-virtual");
|
|
2491
|
-
var
|
|
2615
|
+
var import_clsx12 = __toESM(require("clsx"), 1);
|
|
2492
2616
|
|
|
2493
2617
|
// src/components/DataGrid/TableBody/TableBodyRow.tsx
|
|
2494
|
-
var
|
|
2618
|
+
var import_clsx11 = __toESM(require("clsx"), 1);
|
|
2495
2619
|
var import_react_table = require("@tanstack/react-table");
|
|
2496
2620
|
var import_react12 = __toESM(require("react"), 1);
|
|
2497
|
-
var
|
|
2621
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
2498
2622
|
var valueFormatters = {
|
|
2499
2623
|
date: (value) => typeof value === "string" ? formatDate(value) : "",
|
|
2500
2624
|
currency: (value) => formatCurrencyDisplay(value)
|
|
@@ -2527,10 +2651,10 @@ function TableBodyRow({
|
|
|
2527
2651
|
const columns = locked ? visibleCells : virtualColumns;
|
|
2528
2652
|
const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
|
|
2529
2653
|
const CellElement = locked ? DataGridCell : DragAlongCell;
|
|
2530
|
-
return /* @__PURE__ */ (0,
|
|
2654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
2531
2655
|
"tr",
|
|
2532
2656
|
{
|
|
2533
|
-
className: (0,
|
|
2657
|
+
className: (0, import_clsx11.default)(
|
|
2534
2658
|
"min-h-10",
|
|
2535
2659
|
"transition-colors hover:bg-background-action-secondary-hover",
|
|
2536
2660
|
row.getIsSelected() && "!bg-background-action-secondary-hover",
|
|
@@ -2548,7 +2672,7 @@ function TableBodyRow({
|
|
|
2548
2672
|
children: [
|
|
2549
2673
|
!locked && virtualPaddingLeft ? (
|
|
2550
2674
|
// fake empty column to the left for virtualization scroll padding
|
|
2551
|
-
/* @__PURE__ */ (0,
|
|
2675
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
|
|
2552
2676
|
) : null,
|
|
2553
2677
|
columns.map((column) => {
|
|
2554
2678
|
var _a2, _b, _c, _d;
|
|
@@ -2559,17 +2683,17 @@ function TableBodyRow({
|
|
|
2559
2683
|
const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
|
|
2560
2684
|
const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
|
|
2561
2685
|
const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
2562
|
-
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0,
|
|
2686
|
+
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)(
|
|
2563
2687
|
CellElement,
|
|
2564
2688
|
{
|
|
2565
2689
|
id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
2566
2690
|
testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
2567
2691
|
cell,
|
|
2568
|
-
className: (0,
|
|
2692
|
+
className: (0, import_clsx11.default)({
|
|
2569
2693
|
"justify-start": cellAlignment === "left",
|
|
2570
2694
|
"justify-end": cellAlignment === "right"
|
|
2571
2695
|
}),
|
|
2572
|
-
children: /* @__PURE__ */ (0,
|
|
2696
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
2573
2697
|
Tooltip,
|
|
2574
2698
|
{
|
|
2575
2699
|
id: id ? `${id}-tooltip-${cell.id}` : void 0,
|
|
@@ -2577,7 +2701,7 @@ function TableBodyRow({
|
|
|
2577
2701
|
showOnTruncation: true,
|
|
2578
2702
|
message: cellValue,
|
|
2579
2703
|
position: "bottom",
|
|
2580
|
-
children: /* @__PURE__ */ (0,
|
|
2704
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Paragraph, { addOverflow: true, tall: true, children: cellValue })
|
|
2581
2705
|
}
|
|
2582
2706
|
)
|
|
2583
2707
|
},
|
|
@@ -2586,7 +2710,7 @@ function TableBodyRow({
|
|
|
2586
2710
|
}),
|
|
2587
2711
|
!locked && virtualPaddingRight ? (
|
|
2588
2712
|
// fake empty column to the right for virtualization scroll padding
|
|
2589
|
-
/* @__PURE__ */ (0,
|
|
2713
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
|
|
2590
2714
|
) : null
|
|
2591
2715
|
]
|
|
2592
2716
|
},
|
|
@@ -2595,7 +2719,7 @@ function TableBodyRow({
|
|
|
2595
2719
|
}
|
|
2596
2720
|
|
|
2597
2721
|
// src/components/DataGrid/TableBody/index.tsx
|
|
2598
|
-
var
|
|
2722
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
2599
2723
|
function TableBody({
|
|
2600
2724
|
id,
|
|
2601
2725
|
testid,
|
|
@@ -2629,10 +2753,10 @@ function TableBody({
|
|
|
2629
2753
|
} else {
|
|
2630
2754
|
headerGroups = table.getCenterHeaderGroups();
|
|
2631
2755
|
}
|
|
2632
|
-
return /* @__PURE__ */ (0,
|
|
2756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
2633
2757
|
"tbody",
|
|
2634
2758
|
{
|
|
2635
|
-
className: (0,
|
|
2759
|
+
className: (0, import_clsx12.default)(locked ? "shadow-16" : ""),
|
|
2636
2760
|
style: {
|
|
2637
2761
|
display: "grid",
|
|
2638
2762
|
height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
|
|
@@ -2641,7 +2765,7 @@ function TableBody({
|
|
|
2641
2765
|
// needed for absolute positioning of rows
|
|
2642
2766
|
},
|
|
2643
2767
|
children: [
|
|
2644
|
-
showFilterRow && /* @__PURE__ */ (0,
|
|
2768
|
+
showFilterRow && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2645
2769
|
"tr",
|
|
2646
2770
|
{
|
|
2647
2771
|
style: {
|
|
@@ -2657,7 +2781,7 @@ function TableBody({
|
|
|
2657
2781
|
children: headerGroups.flatMap(
|
|
2658
2782
|
(x) => x.headers.map((header) => {
|
|
2659
2783
|
var _a, _b, _c, _d, _e;
|
|
2660
|
-
return /* @__PURE__ */ (0,
|
|
2784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2661
2785
|
CellElement,
|
|
2662
2786
|
{
|
|
2663
2787
|
id: id ? `${id}-filter-cell-${header.id}` : void 0,
|
|
@@ -2668,7 +2792,7 @@ function TableBody({
|
|
|
2668
2792
|
children: header.column.getCanFilter() && ((_e = (_c = (_b = header.column.columnDef.meta) == null ? void 0 : _b.filterRowCell) == null ? void 0 : _c.call(_b, {
|
|
2669
2793
|
header,
|
|
2670
2794
|
table
|
|
2671
|
-
})) != null ? _e : /* @__PURE__ */ (0,
|
|
2795
|
+
})) != null ? _e : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2672
2796
|
Search,
|
|
2673
2797
|
{
|
|
2674
2798
|
id: id ? `${id}-filter-search-${header.id}` : void 0,
|
|
@@ -2689,7 +2813,7 @@ function TableBody({
|
|
|
2689
2813
|
),
|
|
2690
2814
|
virtualRows.map((virtualRow) => {
|
|
2691
2815
|
const row = rows[virtualRow.index];
|
|
2692
|
-
return /* @__PURE__ */ (0,
|
|
2816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2693
2817
|
TableBodyRow,
|
|
2694
2818
|
{
|
|
2695
2819
|
id,
|
|
@@ -2708,7 +2832,7 @@ function TableBody({
|
|
|
2708
2832
|
row.id
|
|
2709
2833
|
);
|
|
2710
2834
|
}),
|
|
2711
|
-
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0,
|
|
2835
|
+
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2712
2836
|
"tr",
|
|
2713
2837
|
{
|
|
2714
2838
|
style: {
|
|
@@ -2718,7 +2842,7 @@ function TableBody({
|
|
|
2718
2842
|
transform: `translateY(${virtualRows[virtualRows.length - 1].start + 40}px)`
|
|
2719
2843
|
},
|
|
2720
2844
|
className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
|
|
2721
|
-
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0,
|
|
2845
|
+
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2722
2846
|
LoadingCell,
|
|
2723
2847
|
{
|
|
2724
2848
|
id,
|
|
@@ -2739,7 +2863,7 @@ var import_react14 = require("react");
|
|
|
2739
2863
|
|
|
2740
2864
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
2741
2865
|
var import_react13 = require("react");
|
|
2742
|
-
var
|
|
2866
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
2743
2867
|
function ColumnSelectorMenuOption({
|
|
2744
2868
|
id,
|
|
2745
2869
|
testid,
|
|
@@ -2748,7 +2872,7 @@ function ColumnSelectorMenuOption({
|
|
|
2748
2872
|
}) {
|
|
2749
2873
|
const [isVisible, setIsVisible] = (0, import_react13.useState)(column.getIsVisible());
|
|
2750
2874
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
2751
|
-
return /* @__PURE__ */ (0,
|
|
2875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2752
2876
|
Checkbox,
|
|
2753
2877
|
{
|
|
2754
2878
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -2764,7 +2888,7 @@ function ColumnSelectorMenuOption({
|
|
|
2764
2888
|
}
|
|
2765
2889
|
|
|
2766
2890
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
2767
|
-
var
|
|
2891
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
2768
2892
|
function ColumnSelectorHeaderCell({
|
|
2769
2893
|
id,
|
|
2770
2894
|
testid,
|
|
@@ -2774,7 +2898,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2774
2898
|
}) {
|
|
2775
2899
|
const ref = (0, import_react14.useRef)(null);
|
|
2776
2900
|
const [show, setShow] = (0, import_react14.useState)(false);
|
|
2777
|
-
return /* @__PURE__ */ (0,
|
|
2901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
2778
2902
|
DataGridCell,
|
|
2779
2903
|
{
|
|
2780
2904
|
id,
|
|
@@ -2784,7 +2908,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2784
2908
|
color: "text-secondary-normal",
|
|
2785
2909
|
ref,
|
|
2786
2910
|
children: [
|
|
2787
|
-
/* @__PURE__ */ (0,
|
|
2911
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2788
2912
|
Button,
|
|
2789
2913
|
{
|
|
2790
2914
|
id: id ? `${id}-button` : void 0,
|
|
@@ -2792,10 +2916,10 @@ function ColumnSelectorHeaderCell({
|
|
|
2792
2916
|
onClick: () => setShow((prev) => !prev),
|
|
2793
2917
|
variant: "navigation",
|
|
2794
2918
|
iconOnly: true,
|
|
2795
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
2919
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "tune" })
|
|
2796
2920
|
}
|
|
2797
2921
|
),
|
|
2798
|
-
/* @__PURE__ */ (0,
|
|
2922
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
2799
2923
|
Menu,
|
|
2800
2924
|
{
|
|
2801
2925
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -2806,7 +2930,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2806
2930
|
setShow,
|
|
2807
2931
|
calculateMinMaxHeight: true,
|
|
2808
2932
|
children: [
|
|
2809
|
-
/* @__PURE__ */ (0,
|
|
2933
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2810
2934
|
Button,
|
|
2811
2935
|
{
|
|
2812
2936
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -2822,7 +2946,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2822
2946
|
table.getAllColumns().filter((x) => {
|
|
2823
2947
|
var _a;
|
|
2824
2948
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
2825
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
2949
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2826
2950
|
ColumnSelectorMenuOption,
|
|
2827
2951
|
{
|
|
2828
2952
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -2841,7 +2965,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2841
2965
|
}
|
|
2842
2966
|
|
|
2843
2967
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
2844
|
-
var
|
|
2968
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
2845
2969
|
function PinnedColumns(_a) {
|
|
2846
2970
|
var _b = _a, {
|
|
2847
2971
|
id,
|
|
@@ -2873,17 +2997,17 @@ function PinnedColumns(_a) {
|
|
|
2873
2997
|
const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
|
|
2874
2998
|
const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
|
|
2875
2999
|
if (!hasAnyHeaders && !enableColumnSelector) return;
|
|
2876
|
-
return /* @__PURE__ */ (0,
|
|
3000
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2877
3001
|
"table",
|
|
2878
3002
|
{
|
|
2879
|
-
className: (0,
|
|
3003
|
+
className: (0, import_clsx13.default)(
|
|
2880
3004
|
"flex flex-col min-h-min sticky z-20",
|
|
2881
3005
|
pinDirection === "left" ? "left-0" : "right-0"
|
|
2882
3006
|
),
|
|
2883
3007
|
"data-testid": pinnedTestId,
|
|
2884
3008
|
children: [
|
|
2885
|
-
/* @__PURE__ */ (0,
|
|
2886
|
-
return /* @__PURE__ */ (0,
|
|
3009
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
|
|
3010
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2887
3011
|
"tr",
|
|
2888
3012
|
{
|
|
2889
3013
|
"data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -2896,7 +3020,7 @@ function PinnedColumns(_a) {
|
|
|
2896
3020
|
}
|
|
2897
3021
|
if (typeof header.column.columnDef.header === "string") {
|
|
2898
3022
|
const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
|
|
2899
|
-
return /* @__PURE__ */ (0,
|
|
3023
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2900
3024
|
DataCellHeader,
|
|
2901
3025
|
{
|
|
2902
3026
|
locked: true,
|
|
@@ -2904,16 +3028,16 @@ function PinnedColumns(_a) {
|
|
|
2904
3028
|
header,
|
|
2905
3029
|
center: centerHeader,
|
|
2906
3030
|
width: customHeaderWidth,
|
|
2907
|
-
className: (0,
|
|
3031
|
+
className: (0, import_clsx13.default)(
|
|
2908
3032
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
2909
3033
|
"group"
|
|
2910
3034
|
),
|
|
2911
3035
|
children: [
|
|
2912
|
-
/* @__PURE__ */ (0,
|
|
3036
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
2913
3037
|
getSortIcon(header.column.getIsSorted()),
|
|
2914
3038
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
2915
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
2916
|
-
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0,
|
|
3039
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3040
|
+
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2917
3041
|
"div",
|
|
2918
3042
|
{
|
|
2919
3043
|
onDoubleClick: (e) => {
|
|
@@ -2936,7 +3060,7 @@ function PinnedColumns(_a) {
|
|
|
2936
3060
|
header.id
|
|
2937
3061
|
);
|
|
2938
3062
|
}
|
|
2939
|
-
return /* @__PURE__ */ (0,
|
|
3063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2940
3064
|
Checkbox,
|
|
2941
3065
|
{
|
|
2942
3066
|
checked: allSelectedAcrossPages,
|
|
@@ -2948,7 +3072,7 @@ function PinnedColumns(_a) {
|
|
|
2948
3072
|
header.getContext()
|
|
2949
3073
|
) }, header.id);
|
|
2950
3074
|
}),
|
|
2951
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
3075
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2952
3076
|
ColumnSelectorHeaderCell,
|
|
2953
3077
|
{
|
|
2954
3078
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -2965,7 +3089,7 @@ function PinnedColumns(_a) {
|
|
|
2965
3089
|
headerGroup.id
|
|
2966
3090
|
);
|
|
2967
3091
|
}) }),
|
|
2968
|
-
/* @__PURE__ */ (0,
|
|
3092
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2969
3093
|
TableBody,
|
|
2970
3094
|
__spreadProps(__spreadValues({
|
|
2971
3095
|
testid: pinnedTestId
|
|
@@ -2984,7 +3108,7 @@ function PinnedColumns(_a) {
|
|
|
2984
3108
|
var no_results_image_default = "data:image/png;base64,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";
|
|
2985
3109
|
|
|
2986
3110
|
// src/components/DataGrid/index.tsx
|
|
2987
|
-
var
|
|
3111
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
2988
3112
|
var PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25, 30, 35];
|
|
2989
3113
|
var NO_RESULTS_HEIGHT = "h-[185px]";
|
|
2990
3114
|
function DataGrid({
|
|
@@ -3233,7 +3357,7 @@ function DataGrid({
|
|
|
3233
3357
|
virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_e = (_d = virtualColumns[virtualColumns.length - 1]) == null ? void 0 : _d.end) != null ? _e : 0);
|
|
3234
3358
|
}
|
|
3235
3359
|
const empty = table.getRowModel().rows.length === 0;
|
|
3236
|
-
return /* @__PURE__ */ (0,
|
|
3360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3237
3361
|
import_core.DndContext,
|
|
3238
3362
|
{
|
|
3239
3363
|
id: dndId,
|
|
@@ -3241,28 +3365,28 @@ function DataGrid({
|
|
|
3241
3365
|
modifiers: [import_modifiers.restrictToHorizontalAxis],
|
|
3242
3366
|
onDragEnd: handleDragEnd,
|
|
3243
3367
|
sensors,
|
|
3244
|
-
children: /* @__PURE__ */ (0,
|
|
3368
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3245
3369
|
import_sortable2.SortableContext,
|
|
3246
3370
|
{
|
|
3247
3371
|
items: columnOrder,
|
|
3248
3372
|
strategy: import_sortable2.horizontalListSortingStrategy,
|
|
3249
|
-
children: /* @__PURE__ */ (0,
|
|
3373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3250
3374
|
"div",
|
|
3251
3375
|
{
|
|
3252
3376
|
id,
|
|
3253
3377
|
"data-testid": testid,
|
|
3254
3378
|
className: "flex flex-col grow-0 h-fit w-full rounded border border-border-primary-normal overflow-hidden text-text-primary-normal",
|
|
3255
3379
|
children: [
|
|
3256
|
-
/* @__PURE__ */ (0,
|
|
3380
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3257
3381
|
"div",
|
|
3258
3382
|
{
|
|
3259
|
-
className: (0,
|
|
3383
|
+
className: (0, import_clsx14.default)(
|
|
3260
3384
|
"flex overflow-auto scrollbar-thin relative contain-paint will-change-transform",
|
|
3261
3385
|
empty ? "overflow-y-hidden" : "min-h-[120px]"
|
|
3262
3386
|
),
|
|
3263
3387
|
ref: containerRef,
|
|
3264
3388
|
children: [
|
|
3265
|
-
/* @__PURE__ */ (0,
|
|
3389
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3266
3390
|
PinnedColumns,
|
|
3267
3391
|
{
|
|
3268
3392
|
testid,
|
|
@@ -3275,8 +3399,8 @@ function DataGrid({
|
|
|
3275
3399
|
showFilterRow
|
|
3276
3400
|
}
|
|
3277
3401
|
),
|
|
3278
|
-
/* @__PURE__ */ (0,
|
|
3279
|
-
/* @__PURE__ */ (0,
|
|
3402
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
|
|
3403
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "sticky top-0 z-10 grid", children: table.getCenterHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3280
3404
|
"tr",
|
|
3281
3405
|
{
|
|
3282
3406
|
"data-testid": testid ? `${testid}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -3284,7 +3408,7 @@ function DataGrid({
|
|
|
3284
3408
|
children: [
|
|
3285
3409
|
virtualPaddingLeft ? (
|
|
3286
3410
|
// fake empty column to the left for virtualization scroll padding
|
|
3287
|
-
/* @__PURE__ */ (0,
|
|
3411
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3288
3412
|
"th",
|
|
3289
3413
|
{
|
|
3290
3414
|
style: { display: "flex", width: virtualPaddingLeft }
|
|
@@ -3300,7 +3424,7 @@ function DataGrid({
|
|
|
3300
3424
|
if (typeof header.column.columnDef.header === "string") {
|
|
3301
3425
|
const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
|
|
3302
3426
|
const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
|
|
3303
|
-
return /* @__PURE__ */ (0,
|
|
3427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3304
3428
|
DraggableCellHeader,
|
|
3305
3429
|
{
|
|
3306
3430
|
minWidth: `${header.column.getSize()}px`,
|
|
@@ -3309,7 +3433,7 @@ function DataGrid({
|
|
|
3309
3433
|
header,
|
|
3310
3434
|
locked: (_d2 = header.column.columnDef.meta) == null ? void 0 : _d2.locked,
|
|
3311
3435
|
center: centerHeader,
|
|
3312
|
-
className: (0,
|
|
3436
|
+
className: (0, import_clsx14.default)(
|
|
3313
3437
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3314
3438
|
"group",
|
|
3315
3439
|
{
|
|
@@ -3319,15 +3443,15 @@ function DataGrid({
|
|
|
3319
3443
|
),
|
|
3320
3444
|
useMenuDefaultMinWidth,
|
|
3321
3445
|
children: [
|
|
3322
|
-
cellAlignment === "left" && /* @__PURE__ */ (0,
|
|
3446
|
+
cellAlignment === "left" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3323
3447
|
getSortIcon(header.column.getIsSorted()),
|
|
3324
3448
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(
|
|
3325
3449
|
header.column.getNextSortingOrder(),
|
|
3326
3450
|
true
|
|
3327
3451
|
),
|
|
3328
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
3329
|
-
cellAlignment === "right" && /* @__PURE__ */ (0,
|
|
3330
|
-
/* @__PURE__ */ (0,
|
|
3452
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3453
|
+
cellAlignment === "right" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3454
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3331
3455
|
"div",
|
|
3332
3456
|
{
|
|
3333
3457
|
onDoubleClick: (e) => {
|
|
@@ -3350,7 +3474,7 @@ function DataGrid({
|
|
|
3350
3474
|
header.id
|
|
3351
3475
|
);
|
|
3352
3476
|
}
|
|
3353
|
-
return /* @__PURE__ */ (0,
|
|
3477
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react16.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3354
3478
|
DataGridCell,
|
|
3355
3479
|
{
|
|
3356
3480
|
id: id ? `${id}-header-${header.id}` : void 0,
|
|
@@ -3358,7 +3482,7 @@ function DataGrid({
|
|
|
3358
3482
|
type: "header",
|
|
3359
3483
|
component: "checkbox",
|
|
3360
3484
|
locked: true,
|
|
3361
|
-
children: /* @__PURE__ */ (0,
|
|
3485
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3362
3486
|
Checkbox,
|
|
3363
3487
|
{
|
|
3364
3488
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -3376,7 +3500,7 @@ function DataGrid({
|
|
|
3376
3500
|
}),
|
|
3377
3501
|
virtualPaddingRight ? (
|
|
3378
3502
|
//fake empty column to the right for virtualization scroll padding
|
|
3379
|
-
/* @__PURE__ */ (0,
|
|
3503
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3380
3504
|
"th",
|
|
3381
3505
|
{
|
|
3382
3506
|
style: { display: "flex", width: virtualPaddingRight }
|
|
@@ -3387,7 +3511,7 @@ function DataGrid({
|
|
|
3387
3511
|
},
|
|
3388
3512
|
headerGroup.id
|
|
3389
3513
|
)) }),
|
|
3390
|
-
/* @__PURE__ */ (0,
|
|
3514
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3391
3515
|
TableBody,
|
|
3392
3516
|
{
|
|
3393
3517
|
id,
|
|
@@ -3405,7 +3529,7 @@ function DataGrid({
|
|
|
3405
3529
|
}
|
|
3406
3530
|
)
|
|
3407
3531
|
] }),
|
|
3408
|
-
/* @__PURE__ */ (0,
|
|
3532
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3409
3533
|
PinnedColumns,
|
|
3410
3534
|
{
|
|
3411
3535
|
id,
|
|
@@ -3425,10 +3549,10 @@ function DataGrid({
|
|
|
3425
3549
|
]
|
|
3426
3550
|
}
|
|
3427
3551
|
),
|
|
3428
|
-
empty && /* @__PURE__ */ (0,
|
|
3552
|
+
empty && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
3429
3553
|
"div",
|
|
3430
3554
|
{
|
|
3431
|
-
className: (0,
|
|
3555
|
+
className: (0, import_clsx14.default)(
|
|
3432
3556
|
NO_RESULTS_HEIGHT,
|
|
3433
3557
|
"flex flex-col items-center justify-center",
|
|
3434
3558
|
componentGap,
|
|
@@ -3436,7 +3560,7 @@ function DataGrid({
|
|
|
3436
3560
|
),
|
|
3437
3561
|
"data-testid": testid ? `${testid}-no-results` : void 0,
|
|
3438
3562
|
children: [
|
|
3439
|
-
/* @__PURE__ */ (0,
|
|
3563
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3440
3564
|
"img",
|
|
3441
3565
|
{
|
|
3442
3566
|
src: (_g = (_f = no_results_image_default) == null ? void 0 : _f.src) != null ? _g : no_results_image_default,
|
|
@@ -3446,15 +3570,15 @@ function DataGrid({
|
|
|
3446
3570
|
height: 120
|
|
3447
3571
|
}
|
|
3448
3572
|
),
|
|
3449
|
-
/* @__PURE__ */ (0,
|
|
3450
|
-
/* @__PURE__ */ (0,
|
|
3573
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Subheader, { color: "text-secondary-normal", children: "No Results" }),
|
|
3574
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Paragraph, { color: "text-secondary-normal", children: "To view results, enter or update your search criteria." })
|
|
3451
3575
|
]
|
|
3452
3576
|
}
|
|
3453
3577
|
),
|
|
3454
|
-
!hideStatusBar && /* @__PURE__ */ (0,
|
|
3455
|
-
pagination && /* @__PURE__ */ (0,
|
|
3456
|
-
/* @__PURE__ */ (0,
|
|
3457
|
-
/* @__PURE__ */ (0,
|
|
3578
|
+
!hideStatusBar && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-2 pt-[7px] border-t border-border-primary-normal h-full min-h-[34px]", children: [
|
|
3579
|
+
pagination && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-between items-center", children: [
|
|
3580
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1 w-min", children: [
|
|
3581
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3458
3582
|
Select,
|
|
3459
3583
|
{
|
|
3460
3584
|
id: id ? `${id}-pagesize-select` : void 0,
|
|
@@ -3465,12 +3589,12 @@ function DataGrid({
|
|
|
3465
3589
|
var _a2;
|
|
3466
3590
|
return (_a2 = pagination.onPageSizeChange) == null ? void 0 : _a2.call(pagination, Number(e.target.value));
|
|
3467
3591
|
},
|
|
3468
|
-
renderMenu: (props) => /* @__PURE__ */ (0,
|
|
3592
|
+
renderMenu: (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3469
3593
|
Menu,
|
|
3470
3594
|
__spreadProps(__spreadValues({}, props), {
|
|
3471
3595
|
id: id ? `${id}-pagesize-menu` : void 0,
|
|
3472
3596
|
testid: testid ? `${testid}-pagesize-menu` : void 0,
|
|
3473
|
-
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0,
|
|
3597
|
+
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3474
3598
|
MenuOption,
|
|
3475
3599
|
{
|
|
3476
3600
|
id: id ? `${id}-pagesize-option-${option}` : void 0,
|
|
@@ -3487,22 +3611,22 @@ function DataGrid({
|
|
|
3487
3611
|
)
|
|
3488
3612
|
}
|
|
3489
3613
|
),
|
|
3490
|
-
/* @__PURE__ */ (0,
|
|
3614
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Label, { children: "Per Page" })
|
|
3491
3615
|
] }),
|
|
3492
|
-
/* @__PURE__ */ (0,
|
|
3493
|
-
/* @__PURE__ */ (0,
|
|
3616
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
3617
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3494
3618
|
Button,
|
|
3495
3619
|
{
|
|
3496
3620
|
id: id ? `${id}-prev-page-button` : void 0,
|
|
3497
3621
|
testid: testid ? `${testid}-prev-page-button` : void 0,
|
|
3498
3622
|
iconOnly: true,
|
|
3499
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3623
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_left" }),
|
|
3500
3624
|
onClick: () => pagination.onPageChange(pagination.pageIndex - 1),
|
|
3501
3625
|
variant: "tertiary",
|
|
3502
3626
|
disabled: pagination.pageIndex === 0
|
|
3503
3627
|
}
|
|
3504
3628
|
),
|
|
3505
|
-
/* @__PURE__ */ (0,
|
|
3629
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Paragraph, { children: [
|
|
3506
3630
|
pagination.pageIndex * pagination.pageSize + 1,
|
|
3507
3631
|
" -",
|
|
3508
3632
|
" ",
|
|
@@ -3514,13 +3638,13 @@ function DataGrid({
|
|
|
3514
3638
|
"of ",
|
|
3515
3639
|
pagination.total
|
|
3516
3640
|
] }),
|
|
3517
|
-
/* @__PURE__ */ (0,
|
|
3641
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3518
3642
|
Button,
|
|
3519
3643
|
{
|
|
3520
3644
|
id: id ? `${id}-next-page-button` : void 0,
|
|
3521
3645
|
testid: testid ? `${testid}-next-page-button` : void 0,
|
|
3522
3646
|
iconOnly: true,
|
|
3523
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3647
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_right" }),
|
|
3524
3648
|
onClick: () => pagination.onPageChange(pagination.pageIndex + 1),
|
|
3525
3649
|
variant: "tertiary",
|
|
3526
3650
|
disabled: (pagination.pageIndex + 1) * pagination.pageSize >= pagination.total
|
|
@@ -3528,7 +3652,7 @@ function DataGrid({
|
|
|
3528
3652
|
)
|
|
3529
3653
|
] })
|
|
3530
3654
|
] }),
|
|
3531
|
-
status && /* @__PURE__ */ (0,
|
|
3655
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3532
3656
|
Paragraph,
|
|
3533
3657
|
{
|
|
3534
3658
|
testid: testid ? `${testid}-status-text` : void 0,
|
|
@@ -3555,8 +3679,8 @@ function adaptTableStateSetter(setter) {
|
|
|
3555
3679
|
|
|
3556
3680
|
// src/components/Select.tsx
|
|
3557
3681
|
var import_react17 = require("react");
|
|
3558
|
-
var
|
|
3559
|
-
var
|
|
3682
|
+
var import_clsx15 = __toESM(require("clsx"), 1);
|
|
3683
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
3560
3684
|
var Select = (_a) => {
|
|
3561
3685
|
var _b = _a, {
|
|
3562
3686
|
id,
|
|
@@ -3600,8 +3724,8 @@ var Select = (_a) => {
|
|
|
3600
3724
|
}
|
|
3601
3725
|
(_a3 = inputRef.current) == null ? void 0 : _a3.focus();
|
|
3602
3726
|
}, [value]);
|
|
3603
|
-
return /* @__PURE__ */ (0,
|
|
3604
|
-
/* @__PURE__ */ (0,
|
|
3727
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
|
|
3728
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3605
3729
|
InputBase,
|
|
3606
3730
|
__spreadProps(__spreadValues({
|
|
3607
3731
|
id,
|
|
@@ -3609,18 +3733,18 @@ var Select = (_a) => {
|
|
|
3609
3733
|
inputContainerRef,
|
|
3610
3734
|
ref: inputRef,
|
|
3611
3735
|
label,
|
|
3612
|
-
after: !readOnly && /* @__PURE__ */ (0,
|
|
3736
|
+
after: !readOnly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3613
3737
|
"span",
|
|
3614
3738
|
{
|
|
3615
|
-
className: (0,
|
|
3739
|
+
className: (0, import_clsx15.default)(
|
|
3616
3740
|
props.disabled ? "text-icon-action-primary-disabled" : "text-icon-action-primary-normal",
|
|
3617
3741
|
"contents"
|
|
3618
3742
|
),
|
|
3619
|
-
children: /* @__PURE__ */ (0,
|
|
3743
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "keyboard_arrow_down" })
|
|
3620
3744
|
}
|
|
3621
3745
|
),
|
|
3622
3746
|
maxLength: 0,
|
|
3623
|
-
className: (0,
|
|
3747
|
+
className: (0, import_clsx15.default)("!caret-transparent !cursor-default", className),
|
|
3624
3748
|
wrapperClassName,
|
|
3625
3749
|
onKeyDown: (e) => {
|
|
3626
3750
|
const openKeys = ["Enter", "Space", " "];
|
|
@@ -3660,8 +3784,8 @@ var Select = (_a) => {
|
|
|
3660
3784
|
Select.displayName = "Select";
|
|
3661
3785
|
|
|
3662
3786
|
// src/components/Subheader.tsx
|
|
3663
|
-
var
|
|
3664
|
-
var
|
|
3787
|
+
var import_clsx16 = __toESM(require("clsx"), 1);
|
|
3788
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
3665
3789
|
var Subheader = (_a) => {
|
|
3666
3790
|
var _b = _a, {
|
|
3667
3791
|
className,
|
|
@@ -3683,12 +3807,12 @@ var Subheader = (_a) => {
|
|
|
3683
3807
|
"testid"
|
|
3684
3808
|
]);
|
|
3685
3809
|
const Element = as;
|
|
3686
|
-
return /* @__PURE__ */ (0,
|
|
3810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
3687
3811
|
Element,
|
|
3688
3812
|
__spreadProps(__spreadValues({
|
|
3689
3813
|
id,
|
|
3690
3814
|
"data-testid": testid,
|
|
3691
|
-
className: (0,
|
|
3815
|
+
className: (0, import_clsx16.default)(
|
|
3692
3816
|
typography.subheader,
|
|
3693
3817
|
className,
|
|
3694
3818
|
align === "left" && "text-left",
|
|
@@ -3707,8 +3831,8 @@ var Subheader = (_a) => {
|
|
|
3707
3831
|
Subheader.displayName = "Subheader";
|
|
3708
3832
|
|
|
3709
3833
|
// src/components/Checkbox.tsx
|
|
3710
|
-
var
|
|
3711
|
-
var
|
|
3834
|
+
var import_clsx17 = __toESM(require("clsx"), 1);
|
|
3835
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
3712
3836
|
var Checkbox = (_a) => {
|
|
3713
3837
|
var _b = _a, {
|
|
3714
3838
|
label,
|
|
@@ -3734,43 +3858,43 @@ var Checkbox = (_a) => {
|
|
|
3734
3858
|
"testid"
|
|
3735
3859
|
]);
|
|
3736
3860
|
const selected = indeterminate || checked;
|
|
3737
|
-
const normalClassName = (0,
|
|
3861
|
+
const normalClassName = (0, import_clsx17.default)(
|
|
3738
3862
|
!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"
|
|
3739
3863
|
);
|
|
3740
|
-
const normalSelectedClassName = (0,
|
|
3864
|
+
const normalSelectedClassName = (0, import_clsx17.default)(
|
|
3741
3865
|
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"
|
|
3742
3866
|
);
|
|
3743
|
-
const errorClassName = (0,
|
|
3867
|
+
const errorClassName = (0, import_clsx17.default)(
|
|
3744
3868
|
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"
|
|
3745
3869
|
);
|
|
3746
|
-
const errorSelectedClassName = (0,
|
|
3870
|
+
const errorSelectedClassName = (0, import_clsx17.default)(
|
|
3747
3871
|
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"
|
|
3748
3872
|
);
|
|
3749
|
-
const disabledClassName = (0,
|
|
3873
|
+
const disabledClassName = (0, import_clsx17.default)(
|
|
3750
3874
|
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"
|
|
3751
3875
|
);
|
|
3752
|
-
const readOnlyClassName = (0,
|
|
3876
|
+
const readOnlyClassName = (0, import_clsx17.default)(
|
|
3753
3877
|
readOnly && "border-transparent bg-transparent peer-checked:bg-transparent peer-checked:border-transparent"
|
|
3754
3878
|
);
|
|
3755
|
-
const checkColor = (0,
|
|
3879
|
+
const checkColor = (0, import_clsx17.default)(
|
|
3756
3880
|
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",
|
|
3757
3881
|
selected && disabled && "color-background-action-primary-disabled"
|
|
3758
3882
|
);
|
|
3759
|
-
return /* @__PURE__ */ (0,
|
|
3883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
3760
3884
|
"label",
|
|
3761
3885
|
{
|
|
3762
3886
|
id,
|
|
3763
3887
|
"data-testid": testid,
|
|
3764
3888
|
htmlFor: id ? `${id}-input` : void 0,
|
|
3765
|
-
className: (0,
|
|
3889
|
+
className: (0, import_clsx17.default)(
|
|
3766
3890
|
"flex items-center",
|
|
3767
3891
|
componentGap,
|
|
3768
3892
|
(disabled || readOnly && error || readOnly) && "cursor-default",
|
|
3769
3893
|
!(readOnly && error) && !disabled && !readOnly && "cursor-pointer"
|
|
3770
3894
|
),
|
|
3771
3895
|
children: [
|
|
3772
|
-
/* @__PURE__ */ (0,
|
|
3773
|
-
/* @__PURE__ */ (0,
|
|
3896
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
|
|
3897
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3774
3898
|
"input",
|
|
3775
3899
|
__spreadValues({
|
|
3776
3900
|
id: id ? `${id}-input` : void 0,
|
|
@@ -3783,10 +3907,10 @@ var Checkbox = (_a) => {
|
|
|
3783
3907
|
"data-indeterminate": indeterminate
|
|
3784
3908
|
}, props)
|
|
3785
3909
|
),
|
|
3786
|
-
error && (readOnly || disabled) ? /* @__PURE__ */ (0,
|
|
3910
|
+
error && (readOnly || disabled) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_clsx17.default)("size-6", "flex items-center justify-center"), children: selected ? indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "question_mark" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "close" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3787
3911
|
"div",
|
|
3788
3912
|
{
|
|
3789
|
-
className: (0,
|
|
3913
|
+
className: (0, import_clsx17.default)(
|
|
3790
3914
|
"size-6 border rounded-base",
|
|
3791
3915
|
"flex items-center justify-center",
|
|
3792
3916
|
baseTransition,
|
|
@@ -3798,18 +3922,18 @@ var Checkbox = (_a) => {
|
|
|
3798
3922
|
readOnlyClassName,
|
|
3799
3923
|
checkColor
|
|
3800
3924
|
),
|
|
3801
|
-
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0,
|
|
3925
|
+
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "question_mark" }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "remove", className: "pointer-events-none" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "close" }) })
|
|
3802
3926
|
}
|
|
3803
3927
|
)
|
|
3804
3928
|
] }),
|
|
3805
|
-
label && /* @__PURE__ */ (0,
|
|
3929
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3806
3930
|
Paragraph,
|
|
3807
3931
|
{
|
|
3808
3932
|
id: id ? `${id}-label` : void 0,
|
|
3809
3933
|
testid: testid ? `${testid}-label` : void 0,
|
|
3810
3934
|
as: "span",
|
|
3811
3935
|
padded: true,
|
|
3812
|
-
className: (0,
|
|
3936
|
+
className: (0, import_clsx17.default)(
|
|
3813
3937
|
"text-nowrap",
|
|
3814
3938
|
disabled && !error && "!text-text-primary-disabled",
|
|
3815
3939
|
error && !disabled && !readOnly && "!text-text-primary-error",
|
|
@@ -3831,8 +3955,8 @@ var Checkbox = (_a) => {
|
|
|
3831
3955
|
Checkbox.displayName = "Checkbox";
|
|
3832
3956
|
|
|
3833
3957
|
// src/components/Button.tsx
|
|
3834
|
-
var
|
|
3835
|
-
var
|
|
3958
|
+
var import_clsx18 = __toESM(require("clsx"), 1);
|
|
3959
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
3836
3960
|
var Button = (_a) => {
|
|
3837
3961
|
var _b = _a, {
|
|
3838
3962
|
variant = "primary",
|
|
@@ -3865,7 +3989,7 @@ var Button = (_a) => {
|
|
|
3865
3989
|
"id",
|
|
3866
3990
|
"testid"
|
|
3867
3991
|
]);
|
|
3868
|
-
const primaryVariantStyles = variant === "primary" && (0,
|
|
3992
|
+
const primaryVariantStyles = variant === "primary" && (0, import_clsx18.default)(
|
|
3869
3993
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3870
3994
|
"bg-background-action-primary-normal border-background-action-primary-normal",
|
|
3871
3995
|
"hover:bg-background-action-primary-hover hover:border-background-action-primary-hover",
|
|
@@ -3873,7 +3997,7 @@ var Button = (_a) => {
|
|
|
3873
3997
|
"active:bg-background-action-primary-active active:border-background-action-primary-active",
|
|
3874
3998
|
"disabled:bg-background-action-primary-disabled disabled:border-background-action-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3875
3999
|
);
|
|
3876
|
-
const secondaryVariantStyles = variant === "secondary" && (0,
|
|
4000
|
+
const secondaryVariantStyles = variant === "secondary" && (0, import_clsx18.default)(
|
|
3877
4001
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3878
4002
|
"bg-background-action-secondary-normal border-border-action-normal",
|
|
3879
4003
|
"hover:bg-background-action-secondary-hover hover:border-border-action-hover hover:text-text-action-primary-hover",
|
|
@@ -3881,7 +4005,7 @@ var Button = (_a) => {
|
|
|
3881
4005
|
"active:bg-background-action-secondary-active active:border-border-action-active active:text-text-action-primary-active",
|
|
3882
4006
|
"disabled:bg-background-action-primary-disabled disabled:border-border-action-disabled disabled:text-text-action-primary-disabled"
|
|
3883
4007
|
);
|
|
3884
|
-
const tertiaryVariantStyles = variant === "tertiary" && (0,
|
|
4008
|
+
const tertiaryVariantStyles = variant === "tertiary" && (0, import_clsx18.default)(
|
|
3885
4009
|
"bg-transparent border-transparent",
|
|
3886
4010
|
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",
|
|
3887
4011
|
"bg-transparent border-transparent",
|
|
@@ -3890,7 +4014,7 @@ var Button = (_a) => {
|
|
|
3890
4014
|
"active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
|
|
3891
4015
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
|
|
3892
4016
|
);
|
|
3893
|
-
const primaryCriticalVariantStyles = variant === "primary-critical" && (0,
|
|
4017
|
+
const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx18.default)(
|
|
3894
4018
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3895
4019
|
"bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
|
|
3896
4020
|
"hover:bg-background-action-critical-primary-hover hover:border-background-action-critical-primary-hover",
|
|
@@ -3898,7 +4022,7 @@ var Button = (_a) => {
|
|
|
3898
4022
|
"active:bg-background-action-critical-primary-active active:border-background-action-critical-primary-active",
|
|
3899
4023
|
"disabled:bg-background-action-critical-primary-disabled disabled:border-background-action-critical-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3900
4024
|
);
|
|
3901
|
-
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0,
|
|
4025
|
+
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0, import_clsx18.default)(
|
|
3902
4026
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3903
4027
|
"bg-background-action-critical-secondary-normal border-border-action-critical-normal",
|
|
3904
4028
|
"hover:bg-background-action-critical-secondary-hover hover:border-border-action-critical-hover hover:text-text-action-critical-hover",
|
|
@@ -3906,7 +4030,7 @@ var Button = (_a) => {
|
|
|
3906
4030
|
"active:bg-background-action-critical-secondary-active active:border-border-action-critical-active active:text-text-action-critical-active",
|
|
3907
4031
|
"disabled:bg-background-action-critical-disabled disabled:border-border-action-critical-disabled disabled:text-text-action-critical-disabled"
|
|
3908
4032
|
);
|
|
3909
|
-
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0,
|
|
4033
|
+
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0, import_clsx18.default)(
|
|
3910
4034
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3911
4035
|
"bg-transparent border-transparent text-text-action-critical-normal",
|
|
3912
4036
|
"hover:bg-background-action-critical-secondary-hover hover:border-background-action-critical-secondary-hover hover:text-text-action-critical-hover",
|
|
@@ -3914,7 +4038,7 @@ var Button = (_a) => {
|
|
|
3914
4038
|
"active:bg-background-action-critical-secondary-active active:border-background-action-critical-secondary-active active:text-text-action-critical-active",
|
|
3915
4039
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
|
|
3916
4040
|
);
|
|
3917
|
-
const navigationVarianStyles = variant === "navigation" && (0,
|
|
4041
|
+
const navigationVarianStyles = variant === "navigation" && (0, import_clsx18.default)(
|
|
3918
4042
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3919
4043
|
"bg-transparent",
|
|
3920
4044
|
"hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
|
|
@@ -3924,8 +4048,8 @@ var Button = (_a) => {
|
|
|
3924
4048
|
"flex-col",
|
|
3925
4049
|
paddingUsingComponentGap
|
|
3926
4050
|
);
|
|
3927
|
-
const notNavigationVariantStyles = variant !== "navigation" && (0,
|
|
3928
|
-
const buttonClasses = (0,
|
|
4051
|
+
const notNavigationVariantStyles = variant !== "navigation" && (0, import_clsx18.default)("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
|
|
4052
|
+
const buttonClasses = (0, import_clsx18.default)(
|
|
3929
4053
|
disabled ? "cursor-default" : "cursor-pointer",
|
|
3930
4054
|
block ? "w-full" : "w-fit",
|
|
3931
4055
|
baseTransition,
|
|
@@ -3940,14 +4064,14 @@ var Button = (_a) => {
|
|
|
3940
4064
|
notNavigationVariantStyles,
|
|
3941
4065
|
className
|
|
3942
4066
|
);
|
|
3943
|
-
const labelClasses = (0,
|
|
4067
|
+
const labelClasses = (0, import_clsx18.default)(
|
|
3944
4068
|
"min-h-6 flex items-center justify-center",
|
|
3945
4069
|
classNameLabel,
|
|
3946
4070
|
componentPaddingXUsingComponentGap,
|
|
3947
4071
|
typography.buttonLabel
|
|
3948
4072
|
);
|
|
3949
4073
|
const Element = href && !as ? "a" : as;
|
|
3950
|
-
return /* @__PURE__ */ (0,
|
|
4074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
3951
4075
|
Element,
|
|
3952
4076
|
__spreadProps(__spreadValues({
|
|
3953
4077
|
id,
|
|
@@ -3961,7 +4085,7 @@ var Button = (_a) => {
|
|
|
3961
4085
|
"data-theme": variant === "navigation" ? "brand" : void 0,
|
|
3962
4086
|
children: [
|
|
3963
4087
|
leftIcon && leftIcon,
|
|
3964
|
-
!iconOnly && children && /* @__PURE__ */ (0,
|
|
4088
|
+
!iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
|
|
3965
4089
|
rightIcon && rightIcon
|
|
3966
4090
|
]
|
|
3967
4091
|
})
|
|
@@ -3970,10 +4094,10 @@ var Button = (_a) => {
|
|
|
3970
4094
|
Button.displayName = "Button";
|
|
3971
4095
|
|
|
3972
4096
|
// src/components/Tooltip.tsx
|
|
3973
|
-
var
|
|
4097
|
+
var import_clsx19 = __toESM(require("clsx"), 1);
|
|
3974
4098
|
var import_react18 = require("react");
|
|
3975
4099
|
var import_react_dom2 = require("react-dom");
|
|
3976
|
-
var
|
|
4100
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
3977
4101
|
var Tooltip = ({
|
|
3978
4102
|
id,
|
|
3979
4103
|
testid,
|
|
@@ -4040,7 +4164,7 @@ var Tooltip = ({
|
|
|
4040
4164
|
return () => window.removeEventListener("resize", updatePosition);
|
|
4041
4165
|
}
|
|
4042
4166
|
}, [isVisible]);
|
|
4043
|
-
return /* @__PURE__ */ (0,
|
|
4167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
4044
4168
|
"div",
|
|
4045
4169
|
{
|
|
4046
4170
|
id,
|
|
@@ -4052,7 +4176,7 @@ var Tooltip = ({
|
|
|
4052
4176
|
children: [
|
|
4053
4177
|
children,
|
|
4054
4178
|
!keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
|
|
4055
|
-
/* @__PURE__ */ (0,
|
|
4179
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4056
4180
|
"div",
|
|
4057
4181
|
{
|
|
4058
4182
|
id: id ? `${id}-message` : void 0,
|
|
@@ -4064,7 +4188,7 @@ var Tooltip = ({
|
|
|
4064
4188
|
left: `${tooltipPosition.left}px`,
|
|
4065
4189
|
zIndex: 9999
|
|
4066
4190
|
},
|
|
4067
|
-
className: (0,
|
|
4191
|
+
className: (0, import_clsx19.default)(
|
|
4068
4192
|
typography.caption,
|
|
4069
4193
|
"bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
|
|
4070
4194
|
componentPadding,
|
|
@@ -4096,10 +4220,10 @@ var import_react20 = require("react");
|
|
|
4096
4220
|
var import_react_dom3 = require("react-dom");
|
|
4097
4221
|
|
|
4098
4222
|
// src/components/CalendarRange.tsx
|
|
4099
|
-
var
|
|
4223
|
+
var import_clsx20 = __toESM(require("clsx"), 1);
|
|
4100
4224
|
var import_react19 = __toESM(require("react"), 1);
|
|
4101
4225
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
4102
|
-
var
|
|
4226
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
4103
4227
|
function DateCell(_a) {
|
|
4104
4228
|
var _b = _a, {
|
|
4105
4229
|
date,
|
|
@@ -4134,12 +4258,12 @@ function DateCell(_a) {
|
|
|
4134
4258
|
"id",
|
|
4135
4259
|
"testid"
|
|
4136
4260
|
]);
|
|
4137
|
-
return /* @__PURE__ */ (0,
|
|
4261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4138
4262
|
"span",
|
|
4139
4263
|
__spreadProps(__spreadValues({}, props), {
|
|
4140
4264
|
id,
|
|
4141
4265
|
"data-testid": testid,
|
|
4142
|
-
className: (0,
|
|
4266
|
+
className: (0, import_clsx20.default)(
|
|
4143
4267
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
4144
4268
|
typography.caption,
|
|
4145
4269
|
cellPadding,
|
|
@@ -4290,12 +4414,12 @@ function CalendarRange({
|
|
|
4290
4414
|
}
|
|
4291
4415
|
return false;
|
|
4292
4416
|
}
|
|
4293
|
-
return /* @__PURE__ */ (0,
|
|
4417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4294
4418
|
"div",
|
|
4295
4419
|
{
|
|
4296
4420
|
id,
|
|
4297
4421
|
"data-testid": testid,
|
|
4298
|
-
className: (0,
|
|
4422
|
+
className: (0, import_clsx20.default)(
|
|
4299
4423
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
4300
4424
|
layoutPaddding,
|
|
4301
4425
|
layoutGap,
|
|
@@ -4303,15 +4427,15 @@ function CalendarRange({
|
|
|
4303
4427
|
// baseTransition,
|
|
4304
4428
|
"overflow-hidden"
|
|
4305
4429
|
),
|
|
4306
|
-
children: /* @__PURE__ */ (0,
|
|
4430
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4307
4431
|
"div",
|
|
4308
4432
|
{
|
|
4309
|
-
className: (0,
|
|
4433
|
+
className: (0, import_clsx20.default)(
|
|
4310
4434
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
4311
4435
|
layoutGap
|
|
4312
4436
|
),
|
|
4313
4437
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
4314
|
-
return /* @__PURE__ */ (0,
|
|
4438
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4315
4439
|
CalendarPane,
|
|
4316
4440
|
{
|
|
4317
4441
|
getMonthData,
|
|
@@ -4376,38 +4500,38 @@ function CalendarPane({
|
|
|
4376
4500
|
const month = getMonthData(offset);
|
|
4377
4501
|
const totalCells = 42;
|
|
4378
4502
|
const emptyCells = month.firstDayOffset;
|
|
4379
|
-
return /* @__PURE__ */ (0,
|
|
4380
|
-
/* @__PURE__ */ (0,
|
|
4503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react19.default.Fragment, { children: [
|
|
4504
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
4381
4505
|
"div",
|
|
4382
4506
|
{
|
|
4383
|
-
className: (0,
|
|
4507
|
+
className: (0, import_clsx20.default)("flex flex-col"),
|
|
4384
4508
|
children: [
|
|
4385
|
-
/* @__PURE__ */ (0,
|
|
4509
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
4386
4510
|
"div",
|
|
4387
4511
|
{
|
|
4388
|
-
className: (0,
|
|
4512
|
+
className: (0, import_clsx20.default)(
|
|
4389
4513
|
"flex flex-row items-center justify-between",
|
|
4390
4514
|
typography.label,
|
|
4391
4515
|
"text-text-action-primary-normal"
|
|
4392
4516
|
),
|
|
4393
4517
|
children: [
|
|
4394
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
4518
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4395
4519
|
"button",
|
|
4396
4520
|
{
|
|
4397
4521
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
4398
4522
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
4399
4523
|
type: "button",
|
|
4400
|
-
className: (0,
|
|
4524
|
+
className: (0, import_clsx20.default)(
|
|
4401
4525
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4402
4526
|
componentPadding
|
|
4403
4527
|
),
|
|
4404
4528
|
"aria-label": "Previous month",
|
|
4405
4529
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
4406
|
-
children: /* @__PURE__ */ (0,
|
|
4530
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
4407
4531
|
}
|
|
4408
|
-
) : /* @__PURE__ */ (0,
|
|
4409
|
-
/* @__PURE__ */ (0,
|
|
4410
|
-
/* @__PURE__ */ (0,
|
|
4532
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: (0, import_clsx20.default)(componentPadding, "mr-1") }),
|
|
4533
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
4534
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4411
4535
|
"button",
|
|
4412
4536
|
{
|
|
4413
4537
|
ref: (el) => {
|
|
@@ -4422,13 +4546,13 @@ function CalendarPane({
|
|
|
4422
4546
|
children: month.name
|
|
4423
4547
|
}
|
|
4424
4548
|
),
|
|
4425
|
-
/* @__PURE__ */ (0,
|
|
4549
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4426
4550
|
Menu,
|
|
4427
4551
|
{
|
|
4428
4552
|
show: monthMenuOpen,
|
|
4429
4553
|
positionTo: monthMenuRef,
|
|
4430
4554
|
setShow: () => setMonthMenuOpen(false),
|
|
4431
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
4555
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4432
4556
|
MenuOption,
|
|
4433
4557
|
{
|
|
4434
4558
|
selected: baseMonth.month === x + 1,
|
|
@@ -4442,7 +4566,7 @@ function CalendarPane({
|
|
|
4442
4566
|
))
|
|
4443
4567
|
}
|
|
4444
4568
|
),
|
|
4445
|
-
/* @__PURE__ */ (0,
|
|
4569
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4446
4570
|
"button",
|
|
4447
4571
|
{
|
|
4448
4572
|
ref: (el) => {
|
|
@@ -4457,13 +4581,13 @@ function CalendarPane({
|
|
|
4457
4581
|
children: month.year
|
|
4458
4582
|
}
|
|
4459
4583
|
),
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4584
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4461
4585
|
Menu,
|
|
4462
4586
|
{
|
|
4463
4587
|
show: yearMenuOpen,
|
|
4464
4588
|
positionTo: yearMenuRef,
|
|
4465
4589
|
setShow: () => setYearMenuOpen(false),
|
|
4466
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
4590
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4467
4591
|
MenuOption,
|
|
4468
4592
|
{
|
|
4469
4593
|
selected: baseMonth.year === y,
|
|
@@ -4478,28 +4602,28 @@ function CalendarPane({
|
|
|
4478
4602
|
}
|
|
4479
4603
|
)
|
|
4480
4604
|
] }),
|
|
4481
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
4605
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4482
4606
|
"button",
|
|
4483
4607
|
{
|
|
4484
4608
|
id: id ? `${id}-next-month-button` : void 0,
|
|
4485
4609
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
4486
4610
|
type: "button",
|
|
4487
|
-
className: (0,
|
|
4611
|
+
className: (0, import_clsx20.default)(
|
|
4488
4612
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4489
4613
|
componentPadding
|
|
4490
4614
|
),
|
|
4491
4615
|
"aria-label": "Next month",
|
|
4492
4616
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
4493
|
-
children: /* @__PURE__ */ (0,
|
|
4617
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
4494
4618
|
}
|
|
4495
|
-
) : /* @__PURE__ */ (0,
|
|
4619
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: (0, import_clsx20.default)(componentPadding, "ml-1") })
|
|
4496
4620
|
]
|
|
4497
4621
|
}
|
|
4498
4622
|
),
|
|
4499
|
-
/* @__PURE__ */ (0,
|
|
4623
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: (0, import_clsx20.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4500
4624
|
"span",
|
|
4501
4625
|
{
|
|
4502
|
-
className: (0,
|
|
4626
|
+
className: (0, import_clsx20.default)(
|
|
4503
4627
|
typography.caption,
|
|
4504
4628
|
"text-text-secondary-normal text-center",
|
|
4505
4629
|
"w-10"
|
|
@@ -4508,7 +4632,7 @@ function CalendarPane({
|
|
|
4508
4632
|
},
|
|
4509
4633
|
d
|
|
4510
4634
|
)) }),
|
|
4511
|
-
/* @__PURE__ */ (0,
|
|
4635
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: (0, import_clsx20.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
4512
4636
|
const day = i - emptyCells + 1;
|
|
4513
4637
|
const date = month.date.with({ day: 1 }).add({
|
|
4514
4638
|
days: i - emptyCells
|
|
@@ -4522,7 +4646,7 @@ function CalendarPane({
|
|
|
4522
4646
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
4523
4647
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
4524
4648
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
4525
|
-
return /* @__PURE__ */ (0,
|
|
4649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4526
4650
|
DateCell,
|
|
4527
4651
|
{
|
|
4528
4652
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -4547,10 +4671,10 @@ function CalendarPane({
|
|
|
4547
4671
|
]
|
|
4548
4672
|
}
|
|
4549
4673
|
),
|
|
4550
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
4674
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
4551
4675
|
"div",
|
|
4552
4676
|
{
|
|
4553
|
-
className: (0,
|
|
4677
|
+
className: (0, import_clsx20.default)(
|
|
4554
4678
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
4555
4679
|
// 1px width, full height, matches Figma divider
|
|
4556
4680
|
"w-px"
|
|
@@ -4561,7 +4685,7 @@ function CalendarPane({
|
|
|
4561
4685
|
}
|
|
4562
4686
|
|
|
4563
4687
|
// src/components/DateInput.tsx
|
|
4564
|
-
var
|
|
4688
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
4565
4689
|
var DateInput = (_a) => {
|
|
4566
4690
|
var _b = _a, {
|
|
4567
4691
|
id,
|
|
@@ -4720,8 +4844,8 @@ var DateInput = (_a) => {
|
|
|
4720
4844
|
}
|
|
4721
4845
|
}
|
|
4722
4846
|
};
|
|
4723
|
-
return /* @__PURE__ */ (0,
|
|
4724
|
-
/* @__PURE__ */ (0,
|
|
4847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
|
|
4848
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
4725
4849
|
InputBase,
|
|
4726
4850
|
__spreadProps(__spreadValues({
|
|
4727
4851
|
id,
|
|
@@ -4735,7 +4859,7 @@ var DateInput = (_a) => {
|
|
|
4735
4859
|
placeholder,
|
|
4736
4860
|
disabled,
|
|
4737
4861
|
readOnly,
|
|
4738
|
-
after: /* @__PURE__ */ (0,
|
|
4862
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "calendar_month" }),
|
|
4739
4863
|
onFocus: handleFocus,
|
|
4740
4864
|
onClick: handleClick,
|
|
4741
4865
|
onChange: handleInputChange,
|
|
@@ -4746,7 +4870,7 @@ var DateInput = (_a) => {
|
|
|
4746
4870
|
})
|
|
4747
4871
|
),
|
|
4748
4872
|
visible && !readOnly && (0, import_react_dom3.createPortal)(
|
|
4749
|
-
/* @__PURE__ */ (0,
|
|
4873
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
4750
4874
|
"div",
|
|
4751
4875
|
{
|
|
4752
4876
|
ref: (el) => {
|
|
@@ -4758,7 +4882,7 @@ var DateInput = (_a) => {
|
|
|
4758
4882
|
left: `${calendarPosition.left}px`,
|
|
4759
4883
|
minWidth: `${calendarPosition.width}px`
|
|
4760
4884
|
},
|
|
4761
|
-
children: /* @__PURE__ */ (0,
|
|
4885
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
4762
4886
|
CalendarRange,
|
|
4763
4887
|
{
|
|
4764
4888
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -4789,22 +4913,22 @@ function formatDisplayValue(from) {
|
|
|
4789
4913
|
}
|
|
4790
4914
|
|
|
4791
4915
|
// src/components/Accordion.tsx
|
|
4792
|
-
var
|
|
4916
|
+
var import_clsx23 = __toESM(require("clsx"), 1);
|
|
4793
4917
|
|
|
4794
4918
|
// src/components/Card.tsx
|
|
4795
|
-
var import_clsx20 = __toESM(require("clsx"), 1);
|
|
4796
|
-
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
4797
|
-
|
|
4798
|
-
// src/components/Stack.tsx
|
|
4799
4919
|
var import_clsx21 = __toESM(require("clsx"), 1);
|
|
4800
4920
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
4801
4921
|
|
|
4802
|
-
// src/components/
|
|
4922
|
+
// src/components/Stack.tsx
|
|
4923
|
+
var import_clsx22 = __toESM(require("clsx"), 1);
|
|
4803
4924
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
4804
4925
|
|
|
4805
|
-
// src/components/
|
|
4806
|
-
var import_clsx23 = __toESM(require("clsx"), 1);
|
|
4926
|
+
// src/components/Accordion.tsx
|
|
4807
4927
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
4928
|
+
|
|
4929
|
+
// src/components/Heading.tsx
|
|
4930
|
+
var import_clsx24 = __toESM(require("clsx"), 1);
|
|
4931
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
4808
4932
|
var Heading = (_a) => {
|
|
4809
4933
|
var _b = _a, {
|
|
4810
4934
|
className,
|
|
@@ -4827,12 +4951,12 @@ var Heading = (_a) => {
|
|
|
4827
4951
|
]);
|
|
4828
4952
|
const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
|
|
4829
4953
|
const Element = as != null ? as : defaultElement;
|
|
4830
|
-
return /* @__PURE__ */ (0,
|
|
4954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
4831
4955
|
Element,
|
|
4832
4956
|
__spreadProps(__spreadValues({
|
|
4833
4957
|
id,
|
|
4834
4958
|
"data-testid": testid,
|
|
4835
|
-
className: (0,
|
|
4959
|
+
className: (0, import_clsx24.default)(
|
|
4836
4960
|
typography[variant],
|
|
4837
4961
|
className,
|
|
4838
4962
|
align === "left" && "text-left",
|
|
@@ -4848,15 +4972,15 @@ var Heading = (_a) => {
|
|
|
4848
4972
|
);
|
|
4849
4973
|
};
|
|
4850
4974
|
Heading.displayName = "Heading";
|
|
4851
|
-
var Heading1 = (props) => /* @__PURE__ */ (0,
|
|
4852
|
-
var Heading2 = (props) => /* @__PURE__ */ (0,
|
|
4853
|
-
var Heading3 = (props) => /* @__PURE__ */ (0,
|
|
4975
|
+
var Heading1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading1" }));
|
|
4976
|
+
var Heading2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading2" }));
|
|
4977
|
+
var Heading3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading3" }));
|
|
4854
4978
|
Heading1.displayName = "Heading1";
|
|
4855
4979
|
Heading2.displayName = "Heading2";
|
|
4856
4980
|
Heading3.displayName = "Heading3";
|
|
4857
4981
|
|
|
4858
4982
|
// src/components/Theme.tsx
|
|
4859
|
-
var
|
|
4983
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
4860
4984
|
|
|
4861
4985
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4862
4986
|
var import_react23 = require("react");
|
|
@@ -4869,22 +4993,22 @@ var import_react21 = require("react");
|
|
|
4869
4993
|
var GridContext = (0, import_react21.createContext)(null);
|
|
4870
4994
|
|
|
4871
4995
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4872
|
-
var
|
|
4996
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4873
4997
|
|
|
4874
4998
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
4875
|
-
var
|
|
4999
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4876
5000
|
|
|
4877
5001
|
// src/components/MobileDataGrid/GridContextProvider/index.tsx
|
|
4878
5002
|
var import_react24 = require("react");
|
|
4879
|
-
var
|
|
5003
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
4880
5004
|
|
|
4881
5005
|
// src/components/Modal.tsx
|
|
4882
|
-
var
|
|
5006
|
+
var import_clsx29 = __toESM(require("clsx"), 1);
|
|
4883
5007
|
var import_react26 = require("react");
|
|
4884
5008
|
|
|
4885
5009
|
// src/components/ModalHeader.tsx
|
|
4886
|
-
var
|
|
4887
|
-
var
|
|
5010
|
+
var import_clsx25 = __toESM(require("clsx"), 1);
|
|
5011
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
4888
5012
|
var ModalHeader = ({
|
|
4889
5013
|
title,
|
|
4890
5014
|
hideCloseIcon,
|
|
@@ -4895,12 +5019,12 @@ var ModalHeader = ({
|
|
|
4895
5019
|
testid,
|
|
4896
5020
|
headerClassname
|
|
4897
5021
|
}) => {
|
|
4898
|
-
return /* @__PURE__ */ (0,
|
|
5022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4899
5023
|
"div",
|
|
4900
5024
|
{
|
|
4901
5025
|
id,
|
|
4902
5026
|
"data-testid": testid,
|
|
4903
|
-
className: (0,
|
|
5027
|
+
className: (0, import_clsx25.default)(
|
|
4904
5028
|
"flex justify-between items-center",
|
|
4905
5029
|
headerIconAlign === "center" && "justify-center",
|
|
4906
5030
|
headerIconAlign === "right" && "justify-end",
|
|
@@ -4910,9 +5034,9 @@ var ModalHeader = ({
|
|
|
4910
5034
|
headerClassname
|
|
4911
5035
|
),
|
|
4912
5036
|
children: [
|
|
4913
|
-
/* @__PURE__ */ (0,
|
|
5037
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx25.default)("flex items-center flex-1", layoutGroupGap), children: [
|
|
4914
5038
|
headerIcon,
|
|
4915
|
-
title && /* @__PURE__ */ (0,
|
|
5039
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4916
5040
|
Heading2,
|
|
4917
5041
|
{
|
|
4918
5042
|
id: id ? `${id}-title` : void 0,
|
|
@@ -4922,7 +5046,7 @@ var ModalHeader = ({
|
|
|
4922
5046
|
}
|
|
4923
5047
|
)
|
|
4924
5048
|
] }),
|
|
4925
|
-
!hideCloseIcon && /* @__PURE__ */ (0,
|
|
5049
|
+
!hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4926
5050
|
Button,
|
|
4927
5051
|
{
|
|
4928
5052
|
id: id ? `${id}-close-button` : void 0,
|
|
@@ -4930,7 +5054,7 @@ var ModalHeader = ({
|
|
|
4930
5054
|
iconOnly: true,
|
|
4931
5055
|
variant: "tertiary",
|
|
4932
5056
|
onClick: onClose,
|
|
4933
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5057
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
|
|
4934
5058
|
}
|
|
4935
5059
|
)
|
|
4936
5060
|
]
|
|
@@ -4940,20 +5064,20 @@ var ModalHeader = ({
|
|
|
4940
5064
|
ModalHeader.displayName = "ModalHeader";
|
|
4941
5065
|
|
|
4942
5066
|
// src/components/ModalContent.tsx
|
|
4943
|
-
var
|
|
4944
|
-
var
|
|
5067
|
+
var import_clsx26 = __toESM(require("clsx"), 1);
|
|
5068
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4945
5069
|
function ModalContent({
|
|
4946
5070
|
fixedHeightScrolling,
|
|
4947
5071
|
children,
|
|
4948
5072
|
id,
|
|
4949
5073
|
testid
|
|
4950
5074
|
}) {
|
|
4951
|
-
return /* @__PURE__ */ (0,
|
|
5075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4952
5076
|
"div",
|
|
4953
5077
|
{
|
|
4954
5078
|
id,
|
|
4955
5079
|
"data-testid": testid,
|
|
4956
|
-
className: (0,
|
|
5080
|
+
className: (0, import_clsx26.default)(
|
|
4957
5081
|
"flex-grow desktop:flex-grow-0",
|
|
4958
5082
|
layoutPaddding,
|
|
4959
5083
|
fixedHeightScrolling && "overflow-auto"
|
|
@@ -4965,8 +5089,8 @@ function ModalContent({
|
|
|
4965
5089
|
ModalContent.displayName = "ModalContent";
|
|
4966
5090
|
|
|
4967
5091
|
// src/components/ModalButtons.tsx
|
|
4968
|
-
var
|
|
4969
|
-
var
|
|
5092
|
+
var import_clsx27 = __toESM(require("clsx"), 1);
|
|
5093
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
4970
5094
|
var ModalButtons = ({
|
|
4971
5095
|
onClose,
|
|
4972
5096
|
onContinue,
|
|
@@ -4974,36 +5098,36 @@ var ModalButtons = ({
|
|
|
4974
5098
|
id,
|
|
4975
5099
|
testid
|
|
4976
5100
|
}) => {
|
|
4977
|
-
return /* @__PURE__ */ (0,
|
|
5101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
4978
5102
|
"div",
|
|
4979
5103
|
{
|
|
4980
5104
|
id,
|
|
4981
5105
|
"data-testid": testid,
|
|
4982
|
-
className: (0,
|
|
5106
|
+
className: (0, import_clsx27.default)(
|
|
4983
5107
|
"border-t border-neutral-300 flex justify-end",
|
|
4984
5108
|
layoutPaddding,
|
|
4985
5109
|
layoutGroupGap
|
|
4986
5110
|
),
|
|
4987
|
-
children: customActions != null ? customActions : /* @__PURE__ */ (0,
|
|
4988
|
-
/* @__PURE__ */ (0,
|
|
5111
|
+
children: customActions != null ? customActions : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
5112
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
4989
5113
|
Button,
|
|
4990
5114
|
{
|
|
4991
5115
|
id: id ? `${id}-close-button` : void 0,
|
|
4992
5116
|
testid: testid ? `${testid}-close-button` : void 0,
|
|
4993
5117
|
variant: "secondary",
|
|
4994
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5118
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "close", size: 24 }),
|
|
4995
5119
|
onClick: onClose,
|
|
4996
5120
|
className: "max-sm:w-full",
|
|
4997
5121
|
children: "Close"
|
|
4998
5122
|
}
|
|
4999
5123
|
),
|
|
5000
|
-
/* @__PURE__ */ (0,
|
|
5124
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5001
5125
|
Button,
|
|
5002
5126
|
{
|
|
5003
5127
|
id: id ? `${id}-continue-button` : void 0,
|
|
5004
5128
|
testid: testid ? `${testid}-continue-button` : void 0,
|
|
5005
5129
|
variant: "primary",
|
|
5006
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5130
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "check", size: 24 }),
|
|
5007
5131
|
className: "max-sm:w-full",
|
|
5008
5132
|
onClick: onContinue,
|
|
5009
5133
|
children: "Continue"
|
|
@@ -5016,8 +5140,8 @@ var ModalButtons = ({
|
|
|
5016
5140
|
ModalButtons.displayName = "ModalButtons";
|
|
5017
5141
|
|
|
5018
5142
|
// src/components/ModalScrim.tsx
|
|
5019
|
-
var
|
|
5020
|
-
var
|
|
5143
|
+
var import_clsx28 = __toESM(require("clsx"), 1);
|
|
5144
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5021
5145
|
var ModalScrim = ({
|
|
5022
5146
|
show = false,
|
|
5023
5147
|
size = "small",
|
|
@@ -5027,12 +5151,12 @@ var ModalScrim = ({
|
|
|
5027
5151
|
id,
|
|
5028
5152
|
testid
|
|
5029
5153
|
}) => {
|
|
5030
|
-
return /* @__PURE__ */ (0,
|
|
5154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5031
5155
|
"div",
|
|
5032
5156
|
{
|
|
5033
5157
|
id,
|
|
5034
5158
|
"data-testid": testid,
|
|
5035
|
-
className: (0,
|
|
5159
|
+
className: (0, import_clsx28.default)(
|
|
5036
5160
|
"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",
|
|
5037
5161
|
!show && " pointer-events-none",
|
|
5038
5162
|
size === "small" && "p-4",
|
|
@@ -5063,7 +5187,7 @@ var useMounted = () => {
|
|
|
5063
5187
|
};
|
|
5064
5188
|
|
|
5065
5189
|
// src/components/Modal.tsx
|
|
5066
|
-
var
|
|
5190
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
5067
5191
|
var fadeInScale = (element, duration = 300) => element.animate(
|
|
5068
5192
|
[
|
|
5069
5193
|
{ opacity: 0, transform: "scale(0.95)" },
|
|
@@ -5235,7 +5359,7 @@ var Modal = ({
|
|
|
5235
5359
|
return null;
|
|
5236
5360
|
}
|
|
5237
5361
|
return (0, import_react_dom4.createPortal)(
|
|
5238
|
-
/* @__PURE__ */ (0,
|
|
5362
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
5239
5363
|
ModalScrim,
|
|
5240
5364
|
{
|
|
5241
5365
|
id: id ? `${id}-scrim` : void 0,
|
|
@@ -5244,13 +5368,13 @@ var Modal = ({
|
|
|
5244
5368
|
ref: bgRef,
|
|
5245
5369
|
show: open,
|
|
5246
5370
|
onClick: backgroundClickHandler,
|
|
5247
|
-
children: /* @__PURE__ */ (0,
|
|
5371
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
5248
5372
|
"div",
|
|
5249
5373
|
{
|
|
5250
5374
|
id,
|
|
5251
5375
|
"data-testid": testid,
|
|
5252
5376
|
ref: modalRef,
|
|
5253
|
-
className: (0,
|
|
5377
|
+
className: (0, import_clsx29.default)(
|
|
5254
5378
|
"shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
|
|
5255
5379
|
computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
|
|
5256
5380
|
className,
|
|
@@ -5259,7 +5383,7 @@ var Modal = ({
|
|
|
5259
5383
|
),
|
|
5260
5384
|
onClick: (e) => e.stopPropagation(),
|
|
5261
5385
|
children: [
|
|
5262
|
-
/* @__PURE__ */ (0,
|
|
5386
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
5263
5387
|
ModalHeader,
|
|
5264
5388
|
{
|
|
5265
5389
|
id: id ? `${id}-header` : void 0,
|
|
@@ -5272,7 +5396,7 @@ var Modal = ({
|
|
|
5272
5396
|
headerClassname
|
|
5273
5397
|
}
|
|
5274
5398
|
),
|
|
5275
|
-
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0,
|
|
5399
|
+
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
5276
5400
|
ModalContent,
|
|
5277
5401
|
{
|
|
5278
5402
|
id: id ? `${id}-content` : void 0,
|
|
@@ -5281,7 +5405,7 @@ var Modal = ({
|
|
|
5281
5405
|
children
|
|
5282
5406
|
}
|
|
5283
5407
|
) : children,
|
|
5284
|
-
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0,
|
|
5408
|
+
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
5285
5409
|
ModalButtons,
|
|
5286
5410
|
{
|
|
5287
5411
|
id: id ? `${id}-buttons` : void 0,
|
|
@@ -5302,51 +5426,51 @@ var Modal = ({
|
|
|
5302
5426
|
Modal.displayName = "Modal";
|
|
5303
5427
|
|
|
5304
5428
|
// src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
|
|
5305
|
-
var
|
|
5429
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
5306
5430
|
|
|
5307
5431
|
// src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
|
|
5308
|
-
var
|
|
5432
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
5309
5433
|
|
|
5310
5434
|
// src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
|
|
5311
|
-
var
|
|
5435
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
5312
5436
|
|
|
5313
5437
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5314
|
-
var
|
|
5438
|
+
var import_clsx31 = __toESM(require("clsx"), 1);
|
|
5315
5439
|
|
|
5316
5440
|
// src/components/MobileDataGrid/MobileDataGridCard/index.tsx
|
|
5317
|
-
var
|
|
5318
|
-
var
|
|
5441
|
+
var import_clsx30 = __toESM(require("clsx"), 1);
|
|
5442
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
5319
5443
|
|
|
5320
5444
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5321
|
-
var
|
|
5445
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
5322
5446
|
|
|
5323
5447
|
// src/components/MobileDataGrid/index.tsx
|
|
5324
|
-
var
|
|
5448
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
5325
5449
|
|
|
5326
5450
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5327
5451
|
var import_react28 = require("react");
|
|
5328
5452
|
|
|
5329
5453
|
// src/components/ImagePlaceholder.tsx
|
|
5330
5454
|
var import_react27 = require("react");
|
|
5331
|
-
var
|
|
5455
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
5332
5456
|
|
|
5333
5457
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5334
|
-
var
|
|
5458
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
5335
5459
|
|
|
5336
5460
|
// src/components/Grid.tsx
|
|
5337
|
-
var
|
|
5338
|
-
var
|
|
5461
|
+
var import_clsx32 = __toESM(require("clsx"), 1);
|
|
5462
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
5339
5463
|
|
|
5340
5464
|
// src/components/ProductImagePreview/ProductPrimaryImage.tsx
|
|
5341
5465
|
var import_react29 = require("react");
|
|
5342
|
-
var
|
|
5466
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
5343
5467
|
|
|
5344
5468
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5345
5469
|
var import_react30 = require("react");
|
|
5346
5470
|
|
|
5347
5471
|
// src/components/Surface.tsx
|
|
5348
|
-
var
|
|
5349
|
-
var
|
|
5472
|
+
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
5473
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
5350
5474
|
var Surface = (_a) => {
|
|
5351
5475
|
var _b = _a, {
|
|
5352
5476
|
children,
|
|
@@ -5359,11 +5483,11 @@ var Surface = (_a) => {
|
|
|
5359
5483
|
"elevation",
|
|
5360
5484
|
"id"
|
|
5361
5485
|
]);
|
|
5362
|
-
return /* @__PURE__ */ (0,
|
|
5486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
5363
5487
|
"div",
|
|
5364
5488
|
__spreadProps(__spreadValues({
|
|
5365
5489
|
id,
|
|
5366
|
-
className: (0,
|
|
5490
|
+
className: (0, import_clsx33.default)(
|
|
5367
5491
|
"rounded-base",
|
|
5368
5492
|
{
|
|
5369
5493
|
"shadow-2": elevation === 2,
|
|
@@ -5380,31 +5504,31 @@ var Surface = (_a) => {
|
|
|
5380
5504
|
Surface.displayName = "Surface";
|
|
5381
5505
|
|
|
5382
5506
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5383
|
-
var
|
|
5507
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
5384
5508
|
|
|
5385
5509
|
// src/components/ProductImagePreview/CarouselPagination.tsx
|
|
5386
|
-
var
|
|
5387
|
-
var
|
|
5510
|
+
var import_clsx34 = require("clsx");
|
|
5511
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5388
5512
|
|
|
5389
5513
|
// src/components/ProductImagePreview/MobileImageCarousel.tsx
|
|
5390
5514
|
var import_react31 = require("react");
|
|
5391
|
-
var
|
|
5515
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
5392
5516
|
|
|
5393
5517
|
// src/components/ProductImagePreview/useProductImagePreview.ts
|
|
5394
5518
|
var import_react32 = require("react");
|
|
5395
5519
|
|
|
5396
5520
|
// src/components/ProductImagePreview/index.tsx
|
|
5397
|
-
var
|
|
5521
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5398
5522
|
|
|
5399
5523
|
// src/components/CompactImagesPreview.tsx
|
|
5400
5524
|
var import_react33 = require("react");
|
|
5401
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
5402
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5403
|
-
|
|
5404
|
-
// src/components/SimpleTable.tsx
|
|
5405
5525
|
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5406
5526
|
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5407
5527
|
|
|
5528
|
+
// src/components/SimpleTable.tsx
|
|
5529
|
+
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5530
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5531
|
+
|
|
5408
5532
|
// src/components/PDFViewer/index.tsx
|
|
5409
5533
|
var import_react36 = require("react");
|
|
5410
5534
|
|
|
@@ -5412,10 +5536,10 @@ var import_react36 = require("react");
|
|
|
5412
5536
|
var import_react35 = require("react");
|
|
5413
5537
|
|
|
5414
5538
|
// src/components/Spinner.tsx
|
|
5415
|
-
var
|
|
5539
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5416
5540
|
var Spinner = ({ size = "small", testid }) => {
|
|
5417
5541
|
const dimension = size === "large" ? 48 : 24;
|
|
5418
|
-
return /* @__PURE__ */ (0,
|
|
5542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5419
5543
|
"svg",
|
|
5420
5544
|
{
|
|
5421
5545
|
"data-testid": testid,
|
|
@@ -5427,14 +5551,14 @@ var Spinner = ({ size = "small", testid }) => {
|
|
|
5427
5551
|
className: "spinner",
|
|
5428
5552
|
"aria-label": "Loading",
|
|
5429
5553
|
children: [
|
|
5430
|
-
/* @__PURE__ */ (0,
|
|
5431
|
-
/* @__PURE__ */ (0,
|
|
5432
|
-
/* @__PURE__ */ (0,
|
|
5433
|
-
/* @__PURE__ */ (0,
|
|
5434
|
-
/* @__PURE__ */ (0,
|
|
5435
|
-
/* @__PURE__ */ (0,
|
|
5436
|
-
/* @__PURE__ */ (0,
|
|
5437
|
-
/* @__PURE__ */ (0,
|
|
5554
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5555
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5556
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5557
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5558
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5559
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5560
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5561
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5438
5562
|
]
|
|
5439
5563
|
}
|
|
5440
5564
|
);
|
|
@@ -5443,30 +5567,30 @@ Spinner.displayName = "Spinner";
|
|
|
5443
5567
|
|
|
5444
5568
|
// src/components/PDFViewer/PDFPage.tsx
|
|
5445
5569
|
var import_react34 = require("react");
|
|
5446
|
-
var
|
|
5570
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5447
5571
|
|
|
5448
5572
|
// src/components/PDFViewer/PDFElement.tsx
|
|
5449
|
-
var
|
|
5450
|
-
var
|
|
5573
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5574
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5451
5575
|
|
|
5452
5576
|
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5453
|
-
var
|
|
5577
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5454
5578
|
|
|
5455
5579
|
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5456
|
-
var
|
|
5580
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5457
5581
|
|
|
5458
5582
|
// src/components/PDFViewer/index.tsx
|
|
5459
|
-
var
|
|
5583
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5460
5584
|
|
|
5461
5585
|
// src/components/ListGroup.tsx
|
|
5462
5586
|
var import_react37 = require("react");
|
|
5463
|
-
var
|
|
5464
|
-
var
|
|
5587
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5588
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5465
5589
|
|
|
5466
5590
|
// src/components/Pagination.tsx
|
|
5467
5591
|
var import_react38 = require("react");
|
|
5468
|
-
var
|
|
5469
|
-
var
|
|
5592
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5593
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5470
5594
|
var Pagination = ({
|
|
5471
5595
|
totalPages,
|
|
5472
5596
|
currentPage,
|
|
@@ -5530,7 +5654,7 @@ var Pagination = ({
|
|
|
5530
5654
|
return tokens;
|
|
5531
5655
|
}, [totalPages, currentPage]);
|
|
5532
5656
|
if (totalPages <= 1) return null;
|
|
5533
|
-
const buttonClass = (0,
|
|
5657
|
+
const buttonClass = (0, import_clsx39.default)(
|
|
5534
5658
|
"cursor-pointer disabled:cursor-default",
|
|
5535
5659
|
paddingUsingComponentGap,
|
|
5536
5660
|
"w-8 h-8",
|
|
@@ -5541,14 +5665,14 @@ var Pagination = ({
|
|
|
5541
5665
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5542
5666
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5543
5667
|
);
|
|
5544
|
-
return /* @__PURE__ */ (0,
|
|
5668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5545
5669
|
"nav",
|
|
5546
5670
|
{
|
|
5547
5671
|
id,
|
|
5548
5672
|
"data-testid": testid,
|
|
5549
5673
|
"aria-label": "Pagination",
|
|
5550
5674
|
onKeyDown: handleKey,
|
|
5551
|
-
className: (0,
|
|
5675
|
+
className: (0, import_clsx39.default)(
|
|
5552
5676
|
"flex items-center",
|
|
5553
5677
|
"border border-border-primary-normal",
|
|
5554
5678
|
"bg-background-grouped-primary-normal",
|
|
@@ -5556,19 +5680,19 @@ var Pagination = ({
|
|
|
5556
5680
|
className
|
|
5557
5681
|
),
|
|
5558
5682
|
children: [
|
|
5559
|
-
/* @__PURE__ */ (0,
|
|
5683
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5560
5684
|
"button",
|
|
5561
5685
|
{
|
|
5562
5686
|
disabled: disabled || currentPage <= 1,
|
|
5563
5687
|
"aria-label": "Previous page",
|
|
5564
5688
|
onClick: () => goTo(currentPage - 1),
|
|
5565
|
-
className: (0,
|
|
5566
|
-
children: /* @__PURE__ */ (0,
|
|
5689
|
+
className: (0, import_clsx39.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5690
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5567
5691
|
}
|
|
5568
5692
|
),
|
|
5569
|
-
/* @__PURE__ */ (0,
|
|
5693
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { className: (0, import_clsx39.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5570
5694
|
if (token === "ellipsis") {
|
|
5571
|
-
return /* @__PURE__ */ (0,
|
|
5695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5572
5696
|
"li",
|
|
5573
5697
|
{
|
|
5574
5698
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5578,29 +5702,29 @@ var Pagination = ({
|
|
|
5578
5702
|
);
|
|
5579
5703
|
}
|
|
5580
5704
|
const selected = token === currentPage;
|
|
5581
|
-
return /* @__PURE__ */ (0,
|
|
5705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5582
5706
|
"button",
|
|
5583
5707
|
{
|
|
5584
5708
|
"aria-label": `Page ${token}`,
|
|
5585
5709
|
"aria-current": selected ? "page" : void 0,
|
|
5586
5710
|
disabled,
|
|
5587
5711
|
onClick: () => goTo(token),
|
|
5588
|
-
className: (0,
|
|
5712
|
+
className: (0, import_clsx39.default)(
|
|
5589
5713
|
buttonClass,
|
|
5590
5714
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5591
5715
|
),
|
|
5592
|
-
children: /* @__PURE__ */ (0,
|
|
5716
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5593
5717
|
}
|
|
5594
5718
|
) }, token);
|
|
5595
5719
|
}) }),
|
|
5596
|
-
/* @__PURE__ */ (0,
|
|
5720
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5597
5721
|
"button",
|
|
5598
5722
|
{
|
|
5599
5723
|
disabled: disabled || currentPage >= totalPages,
|
|
5600
5724
|
"aria-label": "Next page",
|
|
5601
5725
|
onClick: () => goTo(currentPage + 1),
|
|
5602
|
-
className: (0,
|
|
5603
|
-
children: /* @__PURE__ */ (0,
|
|
5726
|
+
className: (0, import_clsx39.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5727
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5604
5728
|
}
|
|
5605
5729
|
)
|
|
5606
5730
|
]
|
|
@@ -5610,18 +5734,22 @@ var Pagination = ({
|
|
|
5610
5734
|
Pagination.displayName = "Pagination";
|
|
5611
5735
|
|
|
5612
5736
|
// src/components/SkeletonParagraph.tsx
|
|
5613
|
-
var
|
|
5737
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5614
5738
|
|
|
5615
5739
|
// src/components/EmptyCartIcon.tsx
|
|
5616
|
-
var
|
|
5740
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5617
5741
|
|
|
5618
|
-
// src/components/
|
|
5619
|
-
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5742
|
+
// src/components/SearchResultImage/index.tsx
|
|
5620
5743
|
var import_react39 = require("react");
|
|
5621
|
-
var
|
|
5744
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5745
|
+
|
|
5746
|
+
// src/components/Alert.tsx
|
|
5747
|
+
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
5748
|
+
var import_react40 = require("react");
|
|
5749
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5622
5750
|
|
|
5623
5751
|
// src/components/DataGrid/TableBody/LoadingCell.tsx
|
|
5624
|
-
var
|
|
5752
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5625
5753
|
function LoadingCell({
|
|
5626
5754
|
id,
|
|
5627
5755
|
testid,
|
|
@@ -5629,16 +5757,16 @@ function LoadingCell({
|
|
|
5629
5757
|
}) {
|
|
5630
5758
|
const key = `loading-${column.id}`;
|
|
5631
5759
|
if (column.cell === "checkbox") {
|
|
5632
|
-
return /* @__PURE__ */ (0,
|
|
5760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
|
|
5633
5761
|
}
|
|
5634
5762
|
if (column.cell === "input") {
|
|
5635
|
-
return /* @__PURE__ */ (0,
|
|
5763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5636
5764
|
DataGridCell,
|
|
5637
5765
|
{
|
|
5638
5766
|
id: id ? `${id}-${key}` : void 0,
|
|
5639
5767
|
testid: testid ? `${testid}-${key}` : void 0,
|
|
5640
5768
|
component: "input",
|
|
5641
|
-
children: /* @__PURE__ */ (0,
|
|
5769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5642
5770
|
Input,
|
|
5643
5771
|
{
|
|
5644
5772
|
id: id ? `${id}-${key}-input` : void 0,
|
|
@@ -5652,7 +5780,7 @@ function LoadingCell({
|
|
|
5652
5780
|
key
|
|
5653
5781
|
);
|
|
5654
5782
|
}
|
|
5655
|
-
return /* @__PURE__ */ (0,
|
|
5783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
|
|
5656
5784
|
}
|
|
5657
5785
|
// Annotate the CommonJS export names for ESM import in node:
|
|
5658
5786
|
0 && (module.exports = {
|