@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
|
@@ -116,7 +116,7 @@ var CSS = /* @__PURE__ */ Object.freeze({
|
|
|
116
116
|
});
|
|
117
117
|
|
|
118
118
|
// src/components/DataGridCell.tsx
|
|
119
|
-
var
|
|
119
|
+
var import_clsx9 = __toESM(require("clsx"), 1);
|
|
120
120
|
var import_react11 = require("react");
|
|
121
121
|
|
|
122
122
|
// src/classNames.ts
|
|
@@ -257,7 +257,7 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
|
|
|
257
257
|
);
|
|
258
258
|
|
|
259
259
|
// src/components/MenuOption.tsx
|
|
260
|
-
var
|
|
260
|
+
var import_clsx6 = __toESM(require("clsx"), 1);
|
|
261
261
|
var import_react6 = require("react");
|
|
262
262
|
|
|
263
263
|
// src/components/Label.tsx
|
|
@@ -688,8 +688,130 @@ function useTableLayout(initialColumns, key) {
|
|
|
688
688
|
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
689
689
|
}
|
|
690
690
|
|
|
691
|
-
// src/components/
|
|
691
|
+
// src/components/Caption.tsx
|
|
692
|
+
var import_clsx5 = __toESM(require("clsx"), 1);
|
|
692
693
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
694
|
+
var Caption = (_a) => {
|
|
695
|
+
var _b = _a, {
|
|
696
|
+
className,
|
|
697
|
+
children,
|
|
698
|
+
as = "span",
|
|
699
|
+
style = "default",
|
|
700
|
+
color,
|
|
701
|
+
align,
|
|
702
|
+
id,
|
|
703
|
+
testid,
|
|
704
|
+
marginTopDesktop
|
|
705
|
+
} = _b, props = __objRest(_b, [
|
|
706
|
+
"className",
|
|
707
|
+
"children",
|
|
708
|
+
"as",
|
|
709
|
+
"style",
|
|
710
|
+
"color",
|
|
711
|
+
"align",
|
|
712
|
+
"id",
|
|
713
|
+
"testid",
|
|
714
|
+
"marginTopDesktop"
|
|
715
|
+
]);
|
|
716
|
+
const Element = as;
|
|
717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
|
|
718
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
719
|
+
WhichIcon,
|
|
720
|
+
{
|
|
721
|
+
id,
|
|
722
|
+
testid,
|
|
723
|
+
style,
|
|
724
|
+
size: 16,
|
|
725
|
+
className: "mt-[3px] desktop:mt-0"
|
|
726
|
+
}
|
|
727
|
+
),
|
|
728
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
729
|
+
Element,
|
|
730
|
+
__spreadProps(__spreadValues({
|
|
731
|
+
id: id ? `${id}-text` : void 0,
|
|
732
|
+
"data-testid": testid ? `${testid}-text` : void 0,
|
|
733
|
+
className: (0, import_clsx5.default)(
|
|
734
|
+
typography.caption.replace("text-text-primary-normal", ""),
|
|
735
|
+
(style === "default" || style === "info") && "text-text-secondary-normal",
|
|
736
|
+
style === "success" && "text-text-success-normal",
|
|
737
|
+
style === "warning" && "text-text-warning-normal",
|
|
738
|
+
style === "error" && "text-text-critical-normal",
|
|
739
|
+
align === "left" && "text-left",
|
|
740
|
+
align === "center" && "text-center",
|
|
741
|
+
align === "right" && "text-right",
|
|
742
|
+
className,
|
|
743
|
+
marginTopDesktop && `desktop:mt-px`
|
|
744
|
+
)
|
|
745
|
+
}, props), {
|
|
746
|
+
style: {
|
|
747
|
+
color: color ? `var(--color-${color})` : void 0
|
|
748
|
+
},
|
|
749
|
+
children
|
|
750
|
+
})
|
|
751
|
+
)
|
|
752
|
+
] });
|
|
753
|
+
};
|
|
754
|
+
var WhichIcon = ({
|
|
755
|
+
style,
|
|
756
|
+
size,
|
|
757
|
+
className,
|
|
758
|
+
id,
|
|
759
|
+
testid
|
|
760
|
+
}) => {
|
|
761
|
+
if (style === "success") {
|
|
762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
763
|
+
Icon,
|
|
764
|
+
{
|
|
765
|
+
id: id ? `${id}-icon` : void 0,
|
|
766
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
767
|
+
className,
|
|
768
|
+
name: "check_circle",
|
|
769
|
+
size
|
|
770
|
+
}
|
|
771
|
+
) });
|
|
772
|
+
}
|
|
773
|
+
if (style === "warning") {
|
|
774
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
775
|
+
Icon,
|
|
776
|
+
{
|
|
777
|
+
id: id ? `${id}-icon` : void 0,
|
|
778
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
779
|
+
className,
|
|
780
|
+
name: "warning",
|
|
781
|
+
size
|
|
782
|
+
}
|
|
783
|
+
) });
|
|
784
|
+
}
|
|
785
|
+
if (style === "error") {
|
|
786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
787
|
+
Icon,
|
|
788
|
+
{
|
|
789
|
+
id: id ? `${id}-icon` : void 0,
|
|
790
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
791
|
+
className,
|
|
792
|
+
name: "info",
|
|
793
|
+
size
|
|
794
|
+
}
|
|
795
|
+
) });
|
|
796
|
+
}
|
|
797
|
+
if (style === "info") {
|
|
798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
799
|
+
Icon,
|
|
800
|
+
{
|
|
801
|
+
id: id ? `${id}-icon` : void 0,
|
|
802
|
+
testid: testid ? `${testid}-icon` : void 0,
|
|
803
|
+
className,
|
|
804
|
+
name: "info",
|
|
805
|
+
size
|
|
806
|
+
}
|
|
807
|
+
) });
|
|
808
|
+
}
|
|
809
|
+
return null;
|
|
810
|
+
};
|
|
811
|
+
Caption.displayName = "Caption";
|
|
812
|
+
|
|
813
|
+
// src/components/MenuOption.tsx
|
|
814
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
693
815
|
var MenuOption = ({
|
|
694
816
|
id,
|
|
695
817
|
testid,
|
|
@@ -714,7 +836,8 @@ var MenuOption = ({
|
|
|
714
836
|
mobilePositionTo,
|
|
715
837
|
highlightMatchingText = false,
|
|
716
838
|
menuValue,
|
|
717
|
-
onMouseMove
|
|
839
|
+
onMouseMove,
|
|
840
|
+
small = false
|
|
718
841
|
}) => {
|
|
719
842
|
const uniqueId = (0, import_react6.useId)();
|
|
720
843
|
const internalRef = (0, import_react6.useRef)(null);
|
|
@@ -744,47 +867,48 @@ var MenuOption = ({
|
|
|
744
867
|
const additionalAttributes = {
|
|
745
868
|
"data-selected": selected || null
|
|
746
869
|
};
|
|
747
|
-
const svgStyles = (0,
|
|
870
|
+
const svgStyles = (0, import_clsx6.default)(
|
|
748
871
|
"[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
|
|
749
872
|
);
|
|
750
|
-
const textLabelStyles = (0,
|
|
751
|
-
const normalStyles = variant === "normal" && !disabled && (0,
|
|
873
|
+
const textLabelStyles = (0, import_clsx6.default)("w-full whitespace-nowrap !leading-6");
|
|
874
|
+
const normalStyles = variant === "normal" && !disabled && (0, import_clsx6.default)(
|
|
752
875
|
"bg-transparent text-text-primary-normal",
|
|
753
876
|
"hover:bg-background-action-secondary-hover",
|
|
754
877
|
"focus:bg-background-action-secondary-hover",
|
|
755
878
|
"data-selected:bg-background-action-secondary-hover",
|
|
756
879
|
"active:bg-background-action-secondary-active"
|
|
757
880
|
);
|
|
758
|
-
const normalDisabledStyles = variant === "normal" && disabled && (0,
|
|
759
|
-
const actionStyles = variant === "action" && !disabled && (0,
|
|
881
|
+
const normalDisabledStyles = variant === "normal" && disabled && (0, import_clsx6.default)("text-text-primary-disabled");
|
|
882
|
+
const actionStyles = variant === "action" && !disabled && (0, import_clsx6.default)(
|
|
760
883
|
"text-action-400 bg-transparent",
|
|
761
884
|
"hover:bg-background-action-secondary-hover hover:text-text-action-hover",
|
|
762
885
|
"focus:bg-background-action-secondary-hover focus:text-text-action-hover",
|
|
763
886
|
"data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
|
|
764
887
|
"active:bg-background-action-secondary-active active:text-text-action-active"
|
|
765
888
|
);
|
|
766
|
-
const actionDisabledStyles = variant === "action" && disabled && (0,
|
|
767
|
-
const disabledStyles = disabled && (0,
|
|
889
|
+
const actionDisabledStyles = variant === "action" && disabled && (0, import_clsx6.default)("text-text-action-disabled");
|
|
890
|
+
const disabledStyles = disabled && (0, import_clsx6.default)("bg-transparent cursor-default pointer-events-none");
|
|
768
891
|
const processChildren = typeof children === "string" && highlightMatchingText ? highlightMatch(children, menuValue) : children;
|
|
769
|
-
const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ (0,
|
|
770
|
-
return /* @__PURE__ */ (0,
|
|
771
|
-
/* @__PURE__ */ (0,
|
|
892
|
+
const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label, { padded: true, className: textLabelStyles, children: processChildren }) : !small ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Paragraph, { padded: true, className: textLabelStyles, children: processChildren }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Caption, { padded: true, className: textLabelStyles, children: processChildren });
|
|
893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
894
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
772
895
|
"div",
|
|
773
896
|
__spreadProps(__spreadValues({
|
|
774
897
|
id,
|
|
775
898
|
"data-testid": testid,
|
|
776
899
|
ref: actualRef,
|
|
777
|
-
className: (0,
|
|
778
|
-
"flex
|
|
900
|
+
className: (0, import_clsx6.default)(
|
|
901
|
+
"flex cursor-pointer w-full text-left relative outline-none",
|
|
779
902
|
svgStyles,
|
|
780
|
-
componentGap,
|
|
903
|
+
small ? layoutGroupGap : componentGap,
|
|
781
904
|
componentPadding,
|
|
782
905
|
baseTransition,
|
|
783
906
|
normalStyles,
|
|
784
907
|
normalDisabledStyles,
|
|
785
908
|
actionStyles,
|
|
786
909
|
actionDisabledStyles,
|
|
787
|
-
disabledStyles
|
|
910
|
+
disabledStyles,
|
|
911
|
+
{ "items-center": !small }
|
|
788
912
|
),
|
|
789
913
|
"data-value": value || children,
|
|
790
914
|
onClick: () => {
|
|
@@ -801,13 +925,13 @@ var MenuOption = ({
|
|
|
801
925
|
role: "menuitem",
|
|
802
926
|
"aria-haspopup": subMenu ? "menu" : void 0,
|
|
803
927
|
children: [
|
|
804
|
-
before && /* @__PURE__ */ (0,
|
|
928
|
+
before && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_clsx6.default)("shrink-0", { "items-center flex": !small }), children: before }),
|
|
805
929
|
renderChildren,
|
|
806
930
|
renderAfterProp()
|
|
807
931
|
]
|
|
808
932
|
})
|
|
809
933
|
),
|
|
810
|
-
subMenu && /* @__PURE__ */ (0,
|
|
934
|
+
subMenu && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
811
935
|
"div",
|
|
812
936
|
{
|
|
813
937
|
onMouseEnter: handleSubMenuEnter,
|
|
@@ -831,14 +955,14 @@ var MenuOption = ({
|
|
|
831
955
|
return after;
|
|
832
956
|
}
|
|
833
957
|
if (subMenu && after !== null) {
|
|
834
|
-
return /* @__PURE__ */ (0,
|
|
958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_right" });
|
|
835
959
|
}
|
|
836
960
|
}
|
|
837
961
|
function mobileBackMenuOption() {
|
|
838
962
|
if (!isMobile) {
|
|
839
963
|
return;
|
|
840
964
|
}
|
|
841
|
-
return /* @__PURE__ */ (0,
|
|
965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
842
966
|
MenuOption,
|
|
843
967
|
{
|
|
844
968
|
id: id ? `${id}-back` : void 0,
|
|
@@ -847,7 +971,7 @@ var MenuOption = ({
|
|
|
847
971
|
closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
|
|
848
972
|
},
|
|
849
973
|
variant: "action",
|
|
850
|
-
before: /* @__PURE__ */ (0,
|
|
974
|
+
before: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron_left" }),
|
|
851
975
|
children: "Back"
|
|
852
976
|
}
|
|
853
977
|
);
|
|
@@ -864,12 +988,12 @@ function highlightMatch(text, searchValue) {
|
|
|
864
988
|
);
|
|
865
989
|
const parts = text.split(regex);
|
|
866
990
|
return parts.map(
|
|
867
|
-
(part, index) => regex.test(part) ? /* @__PURE__ */ (0,
|
|
991
|
+
(part, index) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-bold", children: part }, index) : part
|
|
868
992
|
);
|
|
869
993
|
}
|
|
870
994
|
|
|
871
995
|
// src/components/Menu.tsx
|
|
872
|
-
var
|
|
996
|
+
var import_clsx7 = __toESM(require("clsx"), 1);
|
|
873
997
|
var import_react8 = require("react");
|
|
874
998
|
var import_react_dom = require("react-dom");
|
|
875
999
|
|
|
@@ -1236,7 +1360,7 @@ function getScrollableAncestors(element) {
|
|
|
1236
1360
|
}
|
|
1237
1361
|
|
|
1238
1362
|
// src/components/Menu.tsx
|
|
1239
|
-
var
|
|
1363
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
1240
1364
|
var Menu = (_a) => {
|
|
1241
1365
|
var _b = _a, {
|
|
1242
1366
|
id,
|
|
@@ -1352,13 +1476,13 @@ var Menu = (_a) => {
|
|
|
1352
1476
|
};
|
|
1353
1477
|
}, [show, setShow, positionTo]);
|
|
1354
1478
|
return show && (0, import_react_dom.createPortal)(
|
|
1355
|
-
/* @__PURE__ */ (0,
|
|
1479
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1356
1480
|
"div",
|
|
1357
1481
|
__spreadProps(__spreadValues({
|
|
1358
1482
|
id,
|
|
1359
1483
|
"data-testid": testid,
|
|
1360
1484
|
ref: setRefs,
|
|
1361
|
-
className: (0,
|
|
1485
|
+
className: (0, import_clsx7.default)(
|
|
1362
1486
|
"shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
|
|
1363
1487
|
"fixed",
|
|
1364
1488
|
"z-50",
|
|
@@ -1492,8 +1616,8 @@ var import_react10 = require("react");
|
|
|
1492
1616
|
|
|
1493
1617
|
// src/components/Input.tsx
|
|
1494
1618
|
var import_react9 = require("react");
|
|
1495
|
-
var
|
|
1496
|
-
var
|
|
1619
|
+
var import_clsx8 = __toESM(require("clsx"), 1);
|
|
1620
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1497
1621
|
var InputBase = (_a) => {
|
|
1498
1622
|
var _b = _a, {
|
|
1499
1623
|
id,
|
|
@@ -1561,7 +1685,7 @@ var InputBase = (_a) => {
|
|
|
1561
1685
|
};
|
|
1562
1686
|
}
|
|
1563
1687
|
}, [selectOnFocus]);
|
|
1564
|
-
const inputBaseClass = (0,
|
|
1688
|
+
const inputBaseClass = (0, import_clsx8.default)(
|
|
1565
1689
|
fullWidth ? "w-full" : "w-fit",
|
|
1566
1690
|
"flex flex-row items-center",
|
|
1567
1691
|
"bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
|
|
@@ -1574,26 +1698,26 @@ var InputBase = (_a) => {
|
|
|
1574
1698
|
!removeBorder && "border border-border-primary-normal",
|
|
1575
1699
|
"relative"
|
|
1576
1700
|
);
|
|
1577
|
-
const inputFocusClass = (0,
|
|
1701
|
+
const inputFocusClass = (0, import_clsx8.default)(
|
|
1578
1702
|
"has-[[data-focus]]:border-transparent has-[[data-focus]]:outline-border-primary-focus focus-within:border-transparent focus-within:outline-border-primary-focus"
|
|
1579
1703
|
);
|
|
1580
|
-
const inputDisabledClass = (0,
|
|
1704
|
+
const inputDisabledClass = (0, import_clsx8.default)(
|
|
1581
1705
|
"has-disabled:bg-background-action-secondary-disabled"
|
|
1582
1706
|
);
|
|
1583
|
-
const inputReadOnlyClass = (0,
|
|
1707
|
+
const inputReadOnlyClass = (0, import_clsx8.default)(
|
|
1584
1708
|
"has-[input:not(:disabled):read-only]:outline-none has-[input:not(:disabled):read-only]:bg-transparent has-[input:not(:disabled):read-only]:border-transparent has-[input:not(:disabled):read-only]:pl-0"
|
|
1585
1709
|
);
|
|
1586
|
-
const inputInvalidClass = (0,
|
|
1710
|
+
const inputInvalidClass = (0, import_clsx8.default)(
|
|
1587
1711
|
"has-[[data-error]]:border-transparent has-[[data-error]]:not-focus-within:outline-border-primary-error has-[[data-error]]:not-focus-within:outline-1"
|
|
1588
1712
|
);
|
|
1589
|
-
return /* @__PURE__ */ (0,
|
|
1713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1590
1714
|
"label",
|
|
1591
1715
|
{
|
|
1592
1716
|
id,
|
|
1593
1717
|
"data-testid": testid,
|
|
1594
1718
|
htmlFor: inputId,
|
|
1595
1719
|
ref: inputContainerRef,
|
|
1596
|
-
className: (0,
|
|
1720
|
+
className: (0, import_clsx8.default)(
|
|
1597
1721
|
"w-full flex flex-col",
|
|
1598
1722
|
"block",
|
|
1599
1723
|
"text-text-primary-normal has-disabled:text-text-primary-disabled",
|
|
@@ -1601,30 +1725,30 @@ var InputBase = (_a) => {
|
|
|
1601
1725
|
),
|
|
1602
1726
|
style: __spreadValues({}, props.style),
|
|
1603
1727
|
children: [
|
|
1604
|
-
label && /* @__PURE__ */ (0,
|
|
1605
|
-
/* @__PURE__ */ (0,
|
|
1728
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_clsx8.default)("flex items-center", componentGap), children: [
|
|
1729
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1606
1730
|
Label,
|
|
1607
1731
|
{
|
|
1608
1732
|
id: id ? `${id}-label` : void 0,
|
|
1609
1733
|
color: error ? "text-primary-error" : void 0,
|
|
1610
|
-
className: (0,
|
|
1734
|
+
className: (0, import_clsx8.default)(
|
|
1611
1735
|
props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
|
|
1612
1736
|
),
|
|
1613
1737
|
children: label
|
|
1614
1738
|
}
|
|
1615
1739
|
),
|
|
1616
|
-
required && /* @__PURE__ */ (0,
|
|
1740
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1617
1741
|
"span",
|
|
1618
1742
|
{
|
|
1619
|
-
className: (0,
|
|
1743
|
+
className: (0, import_clsx8.default)(typography.label, "text-text-critical-normal"),
|
|
1620
1744
|
children: "*"
|
|
1621
1745
|
}
|
|
1622
1746
|
)
|
|
1623
1747
|
] }),
|
|
1624
|
-
/* @__PURE__ */ (0,
|
|
1748
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1625
1749
|
"div",
|
|
1626
1750
|
{
|
|
1627
|
-
className: (0,
|
|
1751
|
+
className: (0, import_clsx8.default)(
|
|
1628
1752
|
inputBaseClass,
|
|
1629
1753
|
!props.disabled && inputInvalidClass,
|
|
1630
1754
|
inputFocusClass,
|
|
@@ -1639,7 +1763,7 @@ var InputBase = (_a) => {
|
|
|
1639
1763
|
},
|
|
1640
1764
|
children: [
|
|
1641
1765
|
before,
|
|
1642
|
-
/* @__PURE__ */ (0,
|
|
1766
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1643
1767
|
"input",
|
|
1644
1768
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1645
1769
|
ref: (el) => {
|
|
@@ -1650,7 +1774,7 @@ var InputBase = (_a) => {
|
|
|
1650
1774
|
}, props), attributes), {
|
|
1651
1775
|
id: inputId,
|
|
1652
1776
|
"data-testid": testid ? `${testid}-input` : void 0,
|
|
1653
|
-
className: (0,
|
|
1777
|
+
className: (0, import_clsx8.default)(
|
|
1654
1778
|
"flex-1 outline-none w-full max-w-full min-h-6 min-w-0",
|
|
1655
1779
|
"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
|
|
1656
1780
|
"placeholder:text-text-secondary-normal disabled:text-text-secondary-disabled",
|
|
@@ -1664,11 +1788,11 @@ var InputBase = (_a) => {
|
|
|
1664
1788
|
style: __spreadProps(__spreadValues({}, props.style), { width })
|
|
1665
1789
|
})
|
|
1666
1790
|
),
|
|
1667
|
-
secondaryIconColor ? /* @__PURE__ */ (0,
|
|
1791
|
+
secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
|
|
1668
1792
|
]
|
|
1669
1793
|
}
|
|
1670
1794
|
),
|
|
1671
|
-
caption && /* @__PURE__ */ (0,
|
|
1795
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1672
1796
|
"div",
|
|
1673
1797
|
{
|
|
1674
1798
|
id: id ? `${id}-caption` : void 0,
|
|
@@ -1761,9 +1885,9 @@ var Input = (_a) => {
|
|
|
1761
1885
|
if (props.before) return props.before;
|
|
1762
1886
|
switch (variant) {
|
|
1763
1887
|
case "search":
|
|
1764
|
-
return !removeSearchIcon ? /* @__PURE__ */ (0,
|
|
1888
|
+
return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" }) }) : null;
|
|
1765
1889
|
case "currency":
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "attach_money" }) });
|
|
1767
1891
|
default:
|
|
1768
1892
|
return null;
|
|
1769
1893
|
}
|
|
@@ -1773,7 +1897,7 @@ var Input = (_a) => {
|
|
|
1773
1897
|
switch (variant) {
|
|
1774
1898
|
case "search": {
|
|
1775
1899
|
const hasValue = displayValue.length > 0;
|
|
1776
|
-
return hasValue && !props.readOnly ? /* @__PURE__ */ (0,
|
|
1900
|
+
return hasValue && !props.readOnly ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1777
1901
|
Icon,
|
|
1778
1902
|
{
|
|
1779
1903
|
id: id ? `${id}-clear-button` : void 0,
|
|
@@ -1785,11 +1909,11 @@ var Input = (_a) => {
|
|
|
1785
1909
|
) : null;
|
|
1786
1910
|
}
|
|
1787
1911
|
case "finder":
|
|
1788
|
-
return /* @__PURE__ */ (0,
|
|
1912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
|
|
1789
1913
|
case "uom":
|
|
1790
|
-
return uom ? /* @__PURE__ */ (0,
|
|
1914
|
+
return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
|
|
1791
1915
|
case "percentage":
|
|
1792
|
-
return /* @__PURE__ */ (0,
|
|
1916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
|
|
1793
1917
|
default:
|
|
1794
1918
|
return null;
|
|
1795
1919
|
}
|
|
@@ -1866,7 +1990,7 @@ var Input = (_a) => {
|
|
|
1866
1990
|
onBlur == null ? void 0 : onBlur(e);
|
|
1867
1991
|
};
|
|
1868
1992
|
const inputProps = getInputProps();
|
|
1869
|
-
return /* @__PURE__ */ (0,
|
|
1993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1870
1994
|
InputBase,
|
|
1871
1995
|
__spreadProps(__spreadValues({}, inputProps), {
|
|
1872
1996
|
before: getBeforeElement(),
|
|
@@ -1878,15 +2002,15 @@ var Input = (_a) => {
|
|
|
1878
2002
|
);
|
|
1879
2003
|
};
|
|
1880
2004
|
Input.displayName = "Input";
|
|
1881
|
-
var Finder = (props) => /* @__PURE__ */ (0,
|
|
1882
|
-
var UOM = (props) => /* @__PURE__ */ (0,
|
|
2005
|
+
var Finder = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "finder" }));
|
|
2006
|
+
var UOM = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "uom" }));
|
|
1883
2007
|
var Currency = (props) => {
|
|
1884
2008
|
var _a;
|
|
1885
2009
|
const handleCurrencyChange = (e) => {
|
|
1886
2010
|
var _a2;
|
|
1887
2011
|
(_a2 = props.onChange) == null ? void 0 : _a2.call(props, e);
|
|
1888
2012
|
};
|
|
1889
|
-
return /* @__PURE__ */ (0,
|
|
2013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1890
2014
|
Input,
|
|
1891
2015
|
__spreadProps(__spreadValues({}, props), {
|
|
1892
2016
|
variant: "currency",
|
|
@@ -1895,14 +2019,14 @@ var Currency = (props) => {
|
|
|
1895
2019
|
})
|
|
1896
2020
|
);
|
|
1897
2021
|
};
|
|
1898
|
-
var Percentage = (props) => /* @__PURE__ */ (0,
|
|
2022
|
+
var Percentage = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, __spreadProps(__spreadValues({}, props), { variant: "percentage" }));
|
|
1899
2023
|
Finder.displayName = "Finder";
|
|
1900
2024
|
UOM.displayName = "UOM";
|
|
1901
2025
|
Currency.displayName = "Currency";
|
|
1902
2026
|
Percentage.displayName = "Percentage";
|
|
1903
2027
|
|
|
1904
2028
|
// src/components/Search.tsx
|
|
1905
|
-
var
|
|
2029
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1906
2030
|
var Search = (_a) => {
|
|
1907
2031
|
var _b = _a, {
|
|
1908
2032
|
id,
|
|
@@ -1944,8 +2068,8 @@ var Search = (_a) => {
|
|
|
1944
2068
|
}
|
|
1945
2069
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
1946
2070
|
}, [props.value]);
|
|
1947
|
-
return /* @__PURE__ */ (0,
|
|
1948
|
-
/* @__PURE__ */ (0,
|
|
2071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
|
|
2072
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1949
2073
|
Input,
|
|
1950
2074
|
__spreadValues({
|
|
1951
2075
|
id,
|
|
@@ -2019,7 +2143,7 @@ var Search = (_a) => {
|
|
|
2019
2143
|
Search.displayName = "Search";
|
|
2020
2144
|
|
|
2021
2145
|
// src/components/DataGridCell.tsx
|
|
2022
|
-
var
|
|
2146
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
2023
2147
|
var DataGridCell = (0, import_react11.memo)(
|
|
2024
2148
|
(_a) => {
|
|
2025
2149
|
var _b = _a, {
|
|
@@ -2100,10 +2224,10 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2100
2224
|
};
|
|
2101
2225
|
const headerBgStyles = type === "header" && !locked && !["button"].includes(component) && "bg-brand-400 border-brand-200";
|
|
2102
2226
|
const lockedHeaderBgStyles = locked && !["button"].includes(component) && "bg-neutral-400 border-neutral-300";
|
|
2103
|
-
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0,
|
|
2104
|
-
const buttonComponentStyles = component === "button" && (0,
|
|
2105
|
-
const iconComponentStyles = component === "icon" && (0,
|
|
2106
|
-
const cellClasses = (0,
|
|
2227
|
+
const headerTypeStyles = type === "header" && component !== "button" && component !== "icon" && (0, import_clsx9.default)("border-r");
|
|
2228
|
+
const buttonComponentStyles = component === "button" && (0, import_clsx9.default)("border-r border-b border-border-primary-normal");
|
|
2229
|
+
const iconComponentStyles = component === "icon" && (0, import_clsx9.default)("border-l");
|
|
2230
|
+
const cellClasses = (0, import_clsx9.default)(
|
|
2107
2231
|
headerTypeStyles,
|
|
2108
2232
|
buttonComponentStyles,
|
|
2109
2233
|
headerBgStyles,
|
|
@@ -2124,16 +2248,16 @@ var DataGridCell = (0, import_react11.memo)(
|
|
|
2124
2248
|
isGrabbing && "!cursor-grabbing",
|
|
2125
2249
|
component === "checkbox" || center && "justify-center"
|
|
2126
2250
|
);
|
|
2127
|
-
return /* @__PURE__ */ (0,
|
|
2251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2128
2252
|
Element,
|
|
2129
2253
|
__spreadProps(__spreadValues({
|
|
2130
2254
|
id,
|
|
2131
2255
|
"data-testid": testid,
|
|
2132
|
-
className: (0,
|
|
2256
|
+
className: (0, import_clsx9.default)("flex h-10", !width && "flex-1"),
|
|
2133
2257
|
style: { width, minWidth }
|
|
2134
2258
|
}, props), {
|
|
2135
2259
|
"data-theme": type === "header" && !locked ? "brand" : void 0,
|
|
2136
|
-
children: /* @__PURE__ */ (0,
|
|
2260
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2137
2261
|
"div",
|
|
2138
2262
|
{
|
|
2139
2263
|
className: cellClasses,
|
|
@@ -2210,7 +2334,7 @@ function DataCellHeader(_a) {
|
|
|
2210
2334
|
"--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
|
|
2211
2335
|
"--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
|
|
2212
2336
|
}, props.style);
|
|
2213
|
-
return /* @__PURE__ */ (0,
|
|
2337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2214
2338
|
DataGridCell,
|
|
2215
2339
|
__spreadProps(__spreadValues({
|
|
2216
2340
|
id,
|
|
@@ -2225,7 +2349,7 @@ function DataCellHeader(_a) {
|
|
|
2225
2349
|
}, props), {
|
|
2226
2350
|
children: [
|
|
2227
2351
|
children,
|
|
2228
|
-
header.column.getCanFilter() && /* @__PURE__ */ (0,
|
|
2352
|
+
header.column.getCanFilter() && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2229
2353
|
Menu,
|
|
2230
2354
|
{
|
|
2231
2355
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -2237,7 +2361,7 @@ function DataCellHeader(_a) {
|
|
|
2237
2361
|
mobileHide,
|
|
2238
2362
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2239
2363
|
children: [
|
|
2240
|
-
/* @__PURE__ */ (0,
|
|
2364
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2241
2365
|
MenuOption,
|
|
2242
2366
|
__spreadProps(__spreadValues({
|
|
2243
2367
|
id: id ? `${id}-filter-option` : void 0,
|
|
@@ -2245,7 +2369,7 @@ function DataCellHeader(_a) {
|
|
|
2245
2369
|
}, subMenuListeners), {
|
|
2246
2370
|
subMenu: (_b2) => {
|
|
2247
2371
|
var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
|
|
2248
|
-
return /* @__PURE__ */ (0,
|
|
2372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2249
2373
|
Menu,
|
|
2250
2374
|
__spreadProps(__spreadValues({
|
|
2251
2375
|
id: id ? `${id}-filter-submenu` : void 0,
|
|
@@ -2257,7 +2381,7 @@ function DataCellHeader(_a) {
|
|
|
2257
2381
|
},
|
|
2258
2382
|
useDefaultMinWidth: useMenuDefaultMinWidth,
|
|
2259
2383
|
children: [
|
|
2260
|
-
/* @__PURE__ */ (0,
|
|
2384
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx9.default)(paddingUsingComponentGap), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2261
2385
|
Search,
|
|
2262
2386
|
{
|
|
2263
2387
|
id: id ? `${id}-filter-search` : void 0,
|
|
@@ -2273,7 +2397,7 @@ function DataCellHeader(_a) {
|
|
|
2273
2397
|
value: filter != null ? filter : ""
|
|
2274
2398
|
}
|
|
2275
2399
|
) }),
|
|
2276
|
-
/* @__PURE__ */ (0,
|
|
2400
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2277
2401
|
MenuOption,
|
|
2278
2402
|
{
|
|
2279
2403
|
id: id ? `${id}-filter-contains` : void 0,
|
|
@@ -2283,7 +2407,7 @@ function DataCellHeader(_a) {
|
|
|
2283
2407
|
children: "Contains"
|
|
2284
2408
|
}
|
|
2285
2409
|
),
|
|
2286
|
-
/* @__PURE__ */ (0,
|
|
2410
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2287
2411
|
MenuOption,
|
|
2288
2412
|
{
|
|
2289
2413
|
id: id ? `${id}-filter-startswith` : void 0,
|
|
@@ -2293,7 +2417,7 @@ function DataCellHeader(_a) {
|
|
|
2293
2417
|
children: "Starts with"
|
|
2294
2418
|
}
|
|
2295
2419
|
),
|
|
2296
|
-
/* @__PURE__ */ (0,
|
|
2420
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2297
2421
|
MenuOption,
|
|
2298
2422
|
{
|
|
2299
2423
|
id: id ? `${id}-filter-endswith` : void 0,
|
|
@@ -2310,7 +2434,7 @@ function DataCellHeader(_a) {
|
|
|
2310
2434
|
children: "Filter"
|
|
2311
2435
|
})
|
|
2312
2436
|
),
|
|
2313
|
-
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0,
|
|
2437
|
+
!predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2314
2438
|
MenuOption,
|
|
2315
2439
|
__spreadProps(__spreadValues({
|
|
2316
2440
|
onClick: () => {
|
|
@@ -2319,7 +2443,7 @@ function DataCellHeader(_a) {
|
|
|
2319
2443
|
}, subMenuListeners), {
|
|
2320
2444
|
subMenu: (_d) => {
|
|
2321
2445
|
var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
|
|
2322
|
-
return /* @__PURE__ */ (0,
|
|
2446
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2323
2447
|
Menu,
|
|
2324
2448
|
__spreadProps(__spreadValues({}, props2), {
|
|
2325
2449
|
show: isMenuActive(menuId, subMenuLevel),
|
|
@@ -2327,7 +2451,7 @@ function DataCellHeader(_a) {
|
|
|
2327
2451
|
registerSubMenu(menuId, el);
|
|
2328
2452
|
},
|
|
2329
2453
|
children: [
|
|
2330
|
-
/* @__PURE__ */ (0,
|
|
2454
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2331
2455
|
MenuOption,
|
|
2332
2456
|
{
|
|
2333
2457
|
selected: header.column.getIsPinned() === "left",
|
|
@@ -2338,11 +2462,11 @@ function DataCellHeader(_a) {
|
|
|
2338
2462
|
header.column.pin("left");
|
|
2339
2463
|
}
|
|
2340
2464
|
},
|
|
2341
|
-
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0,
|
|
2465
|
+
after: header.column.getIsPinned() === "left" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2342
2466
|
children: "Left"
|
|
2343
2467
|
}
|
|
2344
2468
|
),
|
|
2345
|
-
/* @__PURE__ */ (0,
|
|
2469
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2346
2470
|
MenuOption,
|
|
2347
2471
|
{
|
|
2348
2472
|
selected: header.column.getIsPinned() === "right",
|
|
@@ -2353,7 +2477,7 @@ function DataCellHeader(_a) {
|
|
|
2353
2477
|
header.column.pin("right");
|
|
2354
2478
|
}
|
|
2355
2479
|
},
|
|
2356
|
-
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0,
|
|
2480
|
+
after: header.column.getIsPinned() === "right" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: "check" }),
|
|
2357
2481
|
children: "Right"
|
|
2358
2482
|
}
|
|
2359
2483
|
)
|
|
@@ -2371,11 +2495,11 @@ function DataCellHeader(_a) {
|
|
|
2371
2495
|
})
|
|
2372
2496
|
);
|
|
2373
2497
|
function menuOptionIcon(value) {
|
|
2374
|
-
return /* @__PURE__ */ (0,
|
|
2498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2375
2499
|
Icon,
|
|
2376
2500
|
{
|
|
2377
2501
|
name: "check",
|
|
2378
|
-
className: (0,
|
|
2502
|
+
className: (0, import_clsx9.default)(
|
|
2379
2503
|
header.column.columnDef.filterFn !== value && "text-transparent"
|
|
2380
2504
|
)
|
|
2381
2505
|
}
|
|
@@ -2420,7 +2544,7 @@ function DraggableCellHeader(_a) {
|
|
|
2420
2544
|
"--color-icon-on-action-primary-normal": "var(--color-action-000)",
|
|
2421
2545
|
userSelect: "none"
|
|
2422
2546
|
};
|
|
2423
|
-
return /* @__PURE__ */ (0,
|
|
2547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2424
2548
|
DataCellHeader,
|
|
2425
2549
|
__spreadProps(__spreadValues(__spreadValues(__spreadValues({
|
|
2426
2550
|
header,
|
|
@@ -2452,7 +2576,7 @@ function DragAlongCell(_a) {
|
|
|
2452
2576
|
minWidth: cell.column.getSize(),
|
|
2453
2577
|
zIndex: isDragging ? 1 : 0
|
|
2454
2578
|
};
|
|
2455
|
-
return /* @__PURE__ */ (0,
|
|
2579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DataGridCell, __spreadProps(__spreadValues({ style, ref: setNodeRef }, props), { children }));
|
|
2456
2580
|
}
|
|
2457
2581
|
DragAlongCell.displayName = "DragAlongCell";
|
|
2458
2582
|
|
|
@@ -2463,24 +2587,24 @@ var import_core = require("@dnd-kit/core");
|
|
|
2463
2587
|
var import_sortable2 = require("@dnd-kit/sortable");
|
|
2464
2588
|
var import_modifiers = require("@dnd-kit/modifiers");
|
|
2465
2589
|
var import_react_virtual = require("@tanstack/react-virtual");
|
|
2466
|
-
var
|
|
2590
|
+
var import_clsx12 = __toESM(require("clsx"), 1);
|
|
2467
2591
|
|
|
2468
2592
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
2469
2593
|
var import_react_table = require("@tanstack/react-table");
|
|
2470
|
-
var
|
|
2594
|
+
var import_clsx11 = __toESM(require("clsx"), 1);
|
|
2471
2595
|
|
|
2472
2596
|
// src/components/DataGrid/utils.tsx
|
|
2473
|
-
var
|
|
2474
|
-
var
|
|
2597
|
+
var import_clsx10 = __toESM(require("clsx"), 1);
|
|
2598
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
2475
2599
|
function getSortIcon(sort, nextSort = false) {
|
|
2476
|
-
const iconClassName = (0,
|
|
2600
|
+
const iconClassName = (0, import_clsx10.default)(
|
|
2477
2601
|
"text-icon-on-action-primary-normal",
|
|
2478
2602
|
nextSort && "hidden group-hover:block"
|
|
2479
2603
|
);
|
|
2480
2604
|
if (sort === "asc")
|
|
2481
|
-
return /* @__PURE__ */ (0,
|
|
2605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_upward" });
|
|
2482
2606
|
if (sort === "desc")
|
|
2483
|
-
return /* @__PURE__ */ (0,
|
|
2607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { size: 16, className: iconClassName, name: "arrow_downward" });
|
|
2484
2608
|
return null;
|
|
2485
2609
|
}
|
|
2486
2610
|
|
|
@@ -2492,7 +2616,7 @@ var import_react13 = require("react");
|
|
|
2492
2616
|
|
|
2493
2617
|
// src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
|
|
2494
2618
|
var import_react12 = require("react");
|
|
2495
|
-
var
|
|
2619
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
2496
2620
|
function ColumnSelectorMenuOption({
|
|
2497
2621
|
id,
|
|
2498
2622
|
testid,
|
|
@@ -2501,7 +2625,7 @@ function ColumnSelectorMenuOption({
|
|
|
2501
2625
|
}) {
|
|
2502
2626
|
const [isVisible, setIsVisible] = (0, import_react12.useState)(column.getIsVisible());
|
|
2503
2627
|
const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
|
|
2504
|
-
return /* @__PURE__ */ (0,
|
|
2628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
2505
2629
|
Checkbox,
|
|
2506
2630
|
{
|
|
2507
2631
|
id: id ? `${id}-checkbox` : void 0,
|
|
@@ -2517,7 +2641,7 @@ function ColumnSelectorMenuOption({
|
|
|
2517
2641
|
}
|
|
2518
2642
|
|
|
2519
2643
|
// src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
|
|
2520
|
-
var
|
|
2644
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
2521
2645
|
function ColumnSelectorHeaderCell({
|
|
2522
2646
|
id,
|
|
2523
2647
|
testid,
|
|
@@ -2527,7 +2651,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2527
2651
|
}) {
|
|
2528
2652
|
const ref = (0, import_react13.useRef)(null);
|
|
2529
2653
|
const [show, setShow] = (0, import_react13.useState)(false);
|
|
2530
|
-
return /* @__PURE__ */ (0,
|
|
2654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
2531
2655
|
DataGridCell,
|
|
2532
2656
|
{
|
|
2533
2657
|
id,
|
|
@@ -2537,7 +2661,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2537
2661
|
color: "text-secondary-normal",
|
|
2538
2662
|
ref,
|
|
2539
2663
|
children: [
|
|
2540
|
-
/* @__PURE__ */ (0,
|
|
2664
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2541
2665
|
Button,
|
|
2542
2666
|
{
|
|
2543
2667
|
id: id ? `${id}-button` : void 0,
|
|
@@ -2545,10 +2669,10 @@ function ColumnSelectorHeaderCell({
|
|
|
2545
2669
|
onClick: () => setShow((prev) => !prev),
|
|
2546
2670
|
variant: "navigation",
|
|
2547
2671
|
iconOnly: true,
|
|
2548
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
2672
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "tune" })
|
|
2549
2673
|
}
|
|
2550
2674
|
),
|
|
2551
|
-
/* @__PURE__ */ (0,
|
|
2675
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
2552
2676
|
Menu,
|
|
2553
2677
|
{
|
|
2554
2678
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -2559,7 +2683,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2559
2683
|
setShow,
|
|
2560
2684
|
calculateMinMaxHeight: true,
|
|
2561
2685
|
children: [
|
|
2562
|
-
/* @__PURE__ */ (0,
|
|
2686
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2563
2687
|
Button,
|
|
2564
2688
|
{
|
|
2565
2689
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -2575,7 +2699,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2575
2699
|
table.getAllColumns().filter((x) => {
|
|
2576
2700
|
var _a;
|
|
2577
2701
|
return (_a = x.columnDef.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
2578
|
-
}).map((column) => /* @__PURE__ */ (0,
|
|
2702
|
+
}).map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2579
2703
|
ColumnSelectorMenuOption,
|
|
2580
2704
|
{
|
|
2581
2705
|
id: id ? `${id}-option-${column.id}` : void 0,
|
|
@@ -2594,7 +2718,7 @@ function ColumnSelectorHeaderCell({
|
|
|
2594
2718
|
}
|
|
2595
2719
|
|
|
2596
2720
|
// src/components/DataGrid/PinnedColumns.tsx
|
|
2597
|
-
var
|
|
2721
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
2598
2722
|
function PinnedColumns(_a) {
|
|
2599
2723
|
var _b = _a, {
|
|
2600
2724
|
id,
|
|
@@ -2626,17 +2750,17 @@ function PinnedColumns(_a) {
|
|
|
2626
2750
|
const pinnedTestId = testid ? `${pinDirection}-pinned-${testid}` : void 0;
|
|
2627
2751
|
const hasAnyHeaders = ((_a2 = headerGroups[0]) == null ? void 0 : _a2.headers.length) > 0;
|
|
2628
2752
|
if (!hasAnyHeaders && !enableColumnSelector) return;
|
|
2629
|
-
return /* @__PURE__ */ (0,
|
|
2753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
2630
2754
|
"table",
|
|
2631
2755
|
{
|
|
2632
|
-
className: (0,
|
|
2756
|
+
className: (0, import_clsx11.default)(
|
|
2633
2757
|
"flex flex-col min-h-min sticky z-20",
|
|
2634
2758
|
pinDirection === "left" ? "left-0" : "right-0"
|
|
2635
2759
|
),
|
|
2636
2760
|
"data-testid": pinnedTestId,
|
|
2637
2761
|
children: [
|
|
2638
|
-
/* @__PURE__ */ (0,
|
|
2639
|
-
return /* @__PURE__ */ (0,
|
|
2762
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "sticky top-0 z-20 grid", children: headerGroups.map((headerGroup) => {
|
|
2763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
2640
2764
|
"tr",
|
|
2641
2765
|
{
|
|
2642
2766
|
"data-testid": pinnedTestId ? `${pinnedTestId}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -2649,7 +2773,7 @@ function PinnedColumns(_a) {
|
|
|
2649
2773
|
}
|
|
2650
2774
|
if (typeof header.column.columnDef.header === "string") {
|
|
2651
2775
|
const customHeaderWidth = (_a3 = header.column.columnDef.meta) == null ? void 0 : _a3.headerWidth;
|
|
2652
|
-
return /* @__PURE__ */ (0,
|
|
2776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
2653
2777
|
DataCellHeader,
|
|
2654
2778
|
{
|
|
2655
2779
|
locked: true,
|
|
@@ -2657,16 +2781,16 @@ function PinnedColumns(_a) {
|
|
|
2657
2781
|
header,
|
|
2658
2782
|
center: centerHeader,
|
|
2659
2783
|
width: customHeaderWidth,
|
|
2660
|
-
className: (0,
|
|
2784
|
+
className: (0, import_clsx11.default)(
|
|
2661
2785
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
2662
2786
|
"group"
|
|
2663
2787
|
),
|
|
2664
2788
|
children: [
|
|
2665
|
-
/* @__PURE__ */ (0,
|
|
2789
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
2666
2790
|
getSortIcon(header.column.getIsSorted()),
|
|
2667
2791
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(header.column.getNextSortingOrder(), true),
|
|
2668
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
2669
|
-
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0,
|
|
2792
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
2793
|
+
!((_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.locked) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2670
2794
|
"div",
|
|
2671
2795
|
{
|
|
2672
2796
|
onDoubleClick: (e) => {
|
|
@@ -2689,7 +2813,7 @@ function PinnedColumns(_a) {
|
|
|
2689
2813
|
header.id
|
|
2690
2814
|
);
|
|
2691
2815
|
}
|
|
2692
|
-
return /* @__PURE__ */ (0,
|
|
2816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2693
2817
|
Checkbox,
|
|
2694
2818
|
{
|
|
2695
2819
|
checked: allSelectedAcrossPages,
|
|
@@ -2701,7 +2825,7 @@ function PinnedColumns(_a) {
|
|
|
2701
2825
|
header.getContext()
|
|
2702
2826
|
) }, header.id);
|
|
2703
2827
|
}),
|
|
2704
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
2828
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2705
2829
|
ColumnSelectorHeaderCell,
|
|
2706
2830
|
{
|
|
2707
2831
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -2718,7 +2842,7 @@ function PinnedColumns(_a) {
|
|
|
2718
2842
|
headerGroup.id
|
|
2719
2843
|
);
|
|
2720
2844
|
}) }),
|
|
2721
|
-
/* @__PURE__ */ (0,
|
|
2845
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2722
2846
|
TableBody,
|
|
2723
2847
|
__spreadProps(__spreadValues({
|
|
2724
2848
|
testid: pinnedTestId
|
|
@@ -2737,7 +2861,7 @@ function PinnedColumns(_a) {
|
|
|
2737
2861
|
var no_results_image_default = "data:image/png;base64,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";
|
|
2738
2862
|
|
|
2739
2863
|
// src/components/DataGrid/index.tsx
|
|
2740
|
-
var
|
|
2864
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
2741
2865
|
var PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 25, 30, 35];
|
|
2742
2866
|
var NO_RESULTS_HEIGHT = "h-[185px]";
|
|
2743
2867
|
function DataGrid({
|
|
@@ -2986,7 +3110,7 @@ function DataGrid({
|
|
|
2986
3110
|
virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_e = (_d = virtualColumns[virtualColumns.length - 1]) == null ? void 0 : _d.end) != null ? _e : 0);
|
|
2987
3111
|
}
|
|
2988
3112
|
const empty = table.getRowModel().rows.length === 0;
|
|
2989
|
-
return /* @__PURE__ */ (0,
|
|
3113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2990
3114
|
import_core.DndContext,
|
|
2991
3115
|
{
|
|
2992
3116
|
id: dndId,
|
|
@@ -2994,28 +3118,28 @@ function DataGrid({
|
|
|
2994
3118
|
modifiers: [import_modifiers.restrictToHorizontalAxis],
|
|
2995
3119
|
onDragEnd: handleDragEnd,
|
|
2996
3120
|
sensors,
|
|
2997
|
-
children: /* @__PURE__ */ (0,
|
|
3121
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
2998
3122
|
import_sortable2.SortableContext,
|
|
2999
3123
|
{
|
|
3000
3124
|
items: columnOrder,
|
|
3001
3125
|
strategy: import_sortable2.horizontalListSortingStrategy,
|
|
3002
|
-
children: /* @__PURE__ */ (0,
|
|
3126
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3003
3127
|
"div",
|
|
3004
3128
|
{
|
|
3005
3129
|
id,
|
|
3006
3130
|
"data-testid": testid,
|
|
3007
3131
|
className: "flex flex-col grow-0 h-fit w-full rounded border border-border-primary-normal overflow-hidden text-text-primary-normal",
|
|
3008
3132
|
children: [
|
|
3009
|
-
/* @__PURE__ */ (0,
|
|
3133
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3010
3134
|
"div",
|
|
3011
3135
|
{
|
|
3012
|
-
className: (0,
|
|
3136
|
+
className: (0, import_clsx12.default)(
|
|
3013
3137
|
"flex overflow-auto scrollbar-thin relative contain-paint will-change-transform",
|
|
3014
3138
|
empty ? "overflow-y-hidden" : "min-h-[120px]"
|
|
3015
3139
|
),
|
|
3016
3140
|
ref: containerRef,
|
|
3017
3141
|
children: [
|
|
3018
|
-
/* @__PURE__ */ (0,
|
|
3142
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3019
3143
|
PinnedColumns,
|
|
3020
3144
|
{
|
|
3021
3145
|
testid,
|
|
@@ -3028,8 +3152,8 @@ function DataGrid({
|
|
|
3028
3152
|
showFilterRow
|
|
3029
3153
|
}
|
|
3030
3154
|
),
|
|
3031
|
-
/* @__PURE__ */ (0,
|
|
3032
|
-
/* @__PURE__ */ (0,
|
|
3155
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
|
|
3156
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { className: "sticky top-0 z-10 grid", children: table.getCenterHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3033
3157
|
"tr",
|
|
3034
3158
|
{
|
|
3035
3159
|
"data-testid": testid ? `${testid}-header-row-${headerGroup.id}` : void 0,
|
|
@@ -3037,7 +3161,7 @@ function DataGrid({
|
|
|
3037
3161
|
children: [
|
|
3038
3162
|
virtualPaddingLeft ? (
|
|
3039
3163
|
// fake empty column to the left for virtualization scroll padding
|
|
3040
|
-
/* @__PURE__ */ (0,
|
|
3164
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3041
3165
|
"th",
|
|
3042
3166
|
{
|
|
3043
3167
|
style: { display: "flex", width: virtualPaddingLeft }
|
|
@@ -3053,7 +3177,7 @@ function DataGrid({
|
|
|
3053
3177
|
if (typeof header.column.columnDef.header === "string") {
|
|
3054
3178
|
const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
|
|
3055
3179
|
const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
|
|
3056
|
-
return /* @__PURE__ */ (0,
|
|
3180
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3057
3181
|
DraggableCellHeader,
|
|
3058
3182
|
{
|
|
3059
3183
|
minWidth: `${header.column.getSize()}px`,
|
|
@@ -3062,7 +3186,7 @@ function DataGrid({
|
|
|
3062
3186
|
header,
|
|
3063
3187
|
locked: (_d2 = header.column.columnDef.meta) == null ? void 0 : _d2.locked,
|
|
3064
3188
|
center: centerHeader,
|
|
3065
|
-
className: (0,
|
|
3189
|
+
className: (0, import_clsx12.default)(
|
|
3066
3190
|
header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
|
|
3067
3191
|
"group",
|
|
3068
3192
|
{
|
|
@@ -3072,15 +3196,15 @@ function DataGrid({
|
|
|
3072
3196
|
),
|
|
3073
3197
|
useMenuDefaultMinWidth,
|
|
3074
3198
|
children: [
|
|
3075
|
-
cellAlignment === "left" && /* @__PURE__ */ (0,
|
|
3199
|
+
cellAlignment === "left" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3076
3200
|
getSortIcon(header.column.getIsSorted()),
|
|
3077
3201
|
!header.column.getIsSorted() && header.column.getCanSort() && getSortIcon(
|
|
3078
3202
|
header.column.getNextSortingOrder(),
|
|
3079
3203
|
true
|
|
3080
3204
|
),
|
|
3081
|
-
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0,
|
|
3082
|
-
cellAlignment === "right" && /* @__PURE__ */ (0,
|
|
3083
|
-
/* @__PURE__ */ (0,
|
|
3205
|
+
header.column.getSortIndex() !== -1 && table.getState().sorting.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.getSortIndex() + 1 }),
|
|
3206
|
+
cellAlignment === "right" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { tall: true, children: header.column.columnDef.header }),
|
|
3207
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3084
3208
|
"div",
|
|
3085
3209
|
{
|
|
3086
3210
|
onDoubleClick: (e) => {
|
|
@@ -3103,7 +3227,7 @@ function DataGrid({
|
|
|
3103
3227
|
header.id
|
|
3104
3228
|
);
|
|
3105
3229
|
}
|
|
3106
|
-
return /* @__PURE__ */ (0,
|
|
3230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react15.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3107
3231
|
DataGridCell,
|
|
3108
3232
|
{
|
|
3109
3233
|
id: id ? `${id}-header-${header.id}` : void 0,
|
|
@@ -3111,7 +3235,7 @@ function DataGrid({
|
|
|
3111
3235
|
type: "header",
|
|
3112
3236
|
component: "checkbox",
|
|
3113
3237
|
locked: true,
|
|
3114
|
-
children: /* @__PURE__ */ (0,
|
|
3238
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3115
3239
|
Checkbox,
|
|
3116
3240
|
{
|
|
3117
3241
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -3129,7 +3253,7 @@ function DataGrid({
|
|
|
3129
3253
|
}),
|
|
3130
3254
|
virtualPaddingRight ? (
|
|
3131
3255
|
//fake empty column to the right for virtualization scroll padding
|
|
3132
|
-
/* @__PURE__ */ (0,
|
|
3256
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3133
3257
|
"th",
|
|
3134
3258
|
{
|
|
3135
3259
|
style: { display: "flex", width: virtualPaddingRight }
|
|
@@ -3140,7 +3264,7 @@ function DataGrid({
|
|
|
3140
3264
|
},
|
|
3141
3265
|
headerGroup.id
|
|
3142
3266
|
)) }),
|
|
3143
|
-
/* @__PURE__ */ (0,
|
|
3267
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3144
3268
|
TableBody,
|
|
3145
3269
|
{
|
|
3146
3270
|
id,
|
|
@@ -3158,7 +3282,7 @@ function DataGrid({
|
|
|
3158
3282
|
}
|
|
3159
3283
|
)
|
|
3160
3284
|
] }),
|
|
3161
|
-
/* @__PURE__ */ (0,
|
|
3285
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3162
3286
|
PinnedColumns,
|
|
3163
3287
|
{
|
|
3164
3288
|
id,
|
|
@@ -3178,10 +3302,10 @@ function DataGrid({
|
|
|
3178
3302
|
]
|
|
3179
3303
|
}
|
|
3180
3304
|
),
|
|
3181
|
-
empty && /* @__PURE__ */ (0,
|
|
3305
|
+
empty && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3182
3306
|
"div",
|
|
3183
3307
|
{
|
|
3184
|
-
className: (0,
|
|
3308
|
+
className: (0, import_clsx12.default)(
|
|
3185
3309
|
NO_RESULTS_HEIGHT,
|
|
3186
3310
|
"flex flex-col items-center justify-center",
|
|
3187
3311
|
componentGap,
|
|
@@ -3189,7 +3313,7 @@ function DataGrid({
|
|
|
3189
3313
|
),
|
|
3190
3314
|
"data-testid": testid ? `${testid}-no-results` : void 0,
|
|
3191
3315
|
children: [
|
|
3192
|
-
/* @__PURE__ */ (0,
|
|
3316
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3193
3317
|
"img",
|
|
3194
3318
|
{
|
|
3195
3319
|
src: (_g = (_f = no_results_image_default) == null ? void 0 : _f.src) != null ? _g : no_results_image_default,
|
|
@@ -3199,15 +3323,15 @@ function DataGrid({
|
|
|
3199
3323
|
height: 120
|
|
3200
3324
|
}
|
|
3201
3325
|
),
|
|
3202
|
-
/* @__PURE__ */ (0,
|
|
3203
|
-
/* @__PURE__ */ (0,
|
|
3326
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Subheader, { color: "text-secondary-normal", children: "No Results" }),
|
|
3327
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Paragraph, { color: "text-secondary-normal", children: "To view results, enter or update your search criteria." })
|
|
3204
3328
|
]
|
|
3205
3329
|
}
|
|
3206
3330
|
),
|
|
3207
|
-
!hideStatusBar && /* @__PURE__ */ (0,
|
|
3208
|
-
pagination && /* @__PURE__ */ (0,
|
|
3209
|
-
/* @__PURE__ */ (0,
|
|
3210
|
-
/* @__PURE__ */ (0,
|
|
3331
|
+
!hideStatusBar && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-2 pt-[7px] border-t border-border-primary-normal h-full min-h-[34px]", children: [
|
|
3332
|
+
pagination && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between items-center", children: [
|
|
3333
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1 w-min", children: [
|
|
3334
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3211
3335
|
Select,
|
|
3212
3336
|
{
|
|
3213
3337
|
id: id ? `${id}-pagesize-select` : void 0,
|
|
@@ -3218,12 +3342,12 @@ function DataGrid({
|
|
|
3218
3342
|
var _a2;
|
|
3219
3343
|
return (_a2 = pagination.onPageSizeChange) == null ? void 0 : _a2.call(pagination, Number(e.target.value));
|
|
3220
3344
|
},
|
|
3221
|
-
renderMenu: (props) => /* @__PURE__ */ (0,
|
|
3345
|
+
renderMenu: (props) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3222
3346
|
Menu,
|
|
3223
3347
|
__spreadProps(__spreadValues({}, props), {
|
|
3224
3348
|
id: id ? `${id}-pagesize-menu` : void 0,
|
|
3225
3349
|
testid: testid ? `${testid}-pagesize-menu` : void 0,
|
|
3226
|
-
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0,
|
|
3350
|
+
children: PAGE_SIZE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3227
3351
|
MenuOption,
|
|
3228
3352
|
{
|
|
3229
3353
|
id: id ? `${id}-pagesize-option-${option}` : void 0,
|
|
@@ -3240,22 +3364,22 @@ function DataGrid({
|
|
|
3240
3364
|
)
|
|
3241
3365
|
}
|
|
3242
3366
|
),
|
|
3243
|
-
/* @__PURE__ */ (0,
|
|
3367
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label, { children: "Per Page" })
|
|
3244
3368
|
] }),
|
|
3245
|
-
/* @__PURE__ */ (0,
|
|
3246
|
-
/* @__PURE__ */ (0,
|
|
3369
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
3370
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3247
3371
|
Button,
|
|
3248
3372
|
{
|
|
3249
3373
|
id: id ? `${id}-prev-page-button` : void 0,
|
|
3250
3374
|
testid: testid ? `${testid}-prev-page-button` : void 0,
|
|
3251
3375
|
iconOnly: true,
|
|
3252
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3376
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "chevron_left" }),
|
|
3253
3377
|
onClick: () => pagination.onPageChange(pagination.pageIndex - 1),
|
|
3254
3378
|
variant: "tertiary",
|
|
3255
3379
|
disabled: pagination.pageIndex === 0
|
|
3256
3380
|
}
|
|
3257
3381
|
),
|
|
3258
|
-
/* @__PURE__ */ (0,
|
|
3382
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Paragraph, { children: [
|
|
3259
3383
|
pagination.pageIndex * pagination.pageSize + 1,
|
|
3260
3384
|
" -",
|
|
3261
3385
|
" ",
|
|
@@ -3267,13 +3391,13 @@ function DataGrid({
|
|
|
3267
3391
|
"of ",
|
|
3268
3392
|
pagination.total
|
|
3269
3393
|
] }),
|
|
3270
|
-
/* @__PURE__ */ (0,
|
|
3394
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3271
3395
|
Button,
|
|
3272
3396
|
{
|
|
3273
3397
|
id: id ? `${id}-next-page-button` : void 0,
|
|
3274
3398
|
testid: testid ? `${testid}-next-page-button` : void 0,
|
|
3275
3399
|
iconOnly: true,
|
|
3276
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
3400
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "chevron_right" }),
|
|
3277
3401
|
onClick: () => pagination.onPageChange(pagination.pageIndex + 1),
|
|
3278
3402
|
variant: "tertiary",
|
|
3279
3403
|
disabled: (pagination.pageIndex + 1) * pagination.pageSize >= pagination.total
|
|
@@ -3281,7 +3405,7 @@ function DataGrid({
|
|
|
3281
3405
|
)
|
|
3282
3406
|
] })
|
|
3283
3407
|
] }),
|
|
3284
|
-
status && /* @__PURE__ */ (0,
|
|
3408
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
3285
3409
|
Paragraph,
|
|
3286
3410
|
{
|
|
3287
3411
|
testid: testid ? `${testid}-status-text` : void 0,
|
|
@@ -3308,8 +3432,8 @@ function adaptTableStateSetter(setter) {
|
|
|
3308
3432
|
|
|
3309
3433
|
// src/components/Select.tsx
|
|
3310
3434
|
var import_react16 = require("react");
|
|
3311
|
-
var
|
|
3312
|
-
var
|
|
3435
|
+
var import_clsx13 = __toESM(require("clsx"), 1);
|
|
3436
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
3313
3437
|
var Select = (_a) => {
|
|
3314
3438
|
var _b = _a, {
|
|
3315
3439
|
id,
|
|
@@ -3353,8 +3477,8 @@ var Select = (_a) => {
|
|
|
3353
3477
|
}
|
|
3354
3478
|
(_a3 = inputRef.current) == null ? void 0 : _a3.focus();
|
|
3355
3479
|
}, [value]);
|
|
3356
|
-
return /* @__PURE__ */ (0,
|
|
3357
|
-
/* @__PURE__ */ (0,
|
|
3480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
|
|
3481
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3358
3482
|
InputBase,
|
|
3359
3483
|
__spreadProps(__spreadValues({
|
|
3360
3484
|
id,
|
|
@@ -3362,18 +3486,18 @@ var Select = (_a) => {
|
|
|
3362
3486
|
inputContainerRef,
|
|
3363
3487
|
ref: inputRef,
|
|
3364
3488
|
label,
|
|
3365
|
-
after: !readOnly && /* @__PURE__ */ (0,
|
|
3489
|
+
after: !readOnly && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3366
3490
|
"span",
|
|
3367
3491
|
{
|
|
3368
|
-
className: (0,
|
|
3492
|
+
className: (0, import_clsx13.default)(
|
|
3369
3493
|
props.disabled ? "text-icon-action-primary-disabled" : "text-icon-action-primary-normal",
|
|
3370
3494
|
"contents"
|
|
3371
3495
|
),
|
|
3372
|
-
children: /* @__PURE__ */ (0,
|
|
3496
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "keyboard_arrow_down" })
|
|
3373
3497
|
}
|
|
3374
3498
|
),
|
|
3375
3499
|
maxLength: 0,
|
|
3376
|
-
className: (0,
|
|
3500
|
+
className: (0, import_clsx13.default)("!caret-transparent !cursor-default", className),
|
|
3377
3501
|
wrapperClassName,
|
|
3378
3502
|
onKeyDown: (e) => {
|
|
3379
3503
|
const openKeys = ["Enter", "Space", " "];
|
|
@@ -3413,8 +3537,8 @@ var Select = (_a) => {
|
|
|
3413
3537
|
Select.displayName = "Select";
|
|
3414
3538
|
|
|
3415
3539
|
// src/components/Subheader.tsx
|
|
3416
|
-
var
|
|
3417
|
-
var
|
|
3540
|
+
var import_clsx14 = __toESM(require("clsx"), 1);
|
|
3541
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
3418
3542
|
var Subheader = (_a) => {
|
|
3419
3543
|
var _b = _a, {
|
|
3420
3544
|
className,
|
|
@@ -3436,12 +3560,12 @@ var Subheader = (_a) => {
|
|
|
3436
3560
|
"testid"
|
|
3437
3561
|
]);
|
|
3438
3562
|
const Element = as;
|
|
3439
|
-
return /* @__PURE__ */ (0,
|
|
3563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
3440
3564
|
Element,
|
|
3441
3565
|
__spreadProps(__spreadValues({
|
|
3442
3566
|
id,
|
|
3443
3567
|
"data-testid": testid,
|
|
3444
|
-
className: (0,
|
|
3568
|
+
className: (0, import_clsx14.default)(
|
|
3445
3569
|
typography.subheader,
|
|
3446
3570
|
className,
|
|
3447
3571
|
align === "left" && "text-left",
|
|
@@ -3460,8 +3584,8 @@ var Subheader = (_a) => {
|
|
|
3460
3584
|
Subheader.displayName = "Subheader";
|
|
3461
3585
|
|
|
3462
3586
|
// src/components/Checkbox.tsx
|
|
3463
|
-
var
|
|
3464
|
-
var
|
|
3587
|
+
var import_clsx15 = __toESM(require("clsx"), 1);
|
|
3588
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
3465
3589
|
var Checkbox = (_a) => {
|
|
3466
3590
|
var _b = _a, {
|
|
3467
3591
|
label,
|
|
@@ -3487,43 +3611,43 @@ var Checkbox = (_a) => {
|
|
|
3487
3611
|
"testid"
|
|
3488
3612
|
]);
|
|
3489
3613
|
const selected = indeterminate || checked;
|
|
3490
|
-
const normalClassName = (0,
|
|
3614
|
+
const normalClassName = (0, import_clsx15.default)(
|
|
3491
3615
|
!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"
|
|
3492
3616
|
);
|
|
3493
|
-
const normalSelectedClassName = (0,
|
|
3617
|
+
const normalSelectedClassName = (0, import_clsx15.default)(
|
|
3494
3618
|
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"
|
|
3495
3619
|
);
|
|
3496
|
-
const errorClassName = (0,
|
|
3620
|
+
const errorClassName = (0, import_clsx15.default)(
|
|
3497
3621
|
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"
|
|
3498
3622
|
);
|
|
3499
|
-
const errorSelectedClassName = (0,
|
|
3623
|
+
const errorSelectedClassName = (0, import_clsx15.default)(
|
|
3500
3624
|
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"
|
|
3501
3625
|
);
|
|
3502
|
-
const disabledClassName = (0,
|
|
3626
|
+
const disabledClassName = (0, import_clsx15.default)(
|
|
3503
3627
|
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"
|
|
3504
3628
|
);
|
|
3505
|
-
const readOnlyClassName = (0,
|
|
3629
|
+
const readOnlyClassName = (0, import_clsx15.default)(
|
|
3506
3630
|
readOnly && "border-transparent bg-transparent peer-checked:bg-transparent peer-checked:border-transparent"
|
|
3507
3631
|
);
|
|
3508
|
-
const checkColor = (0,
|
|
3632
|
+
const checkColor = (0, import_clsx15.default)(
|
|
3509
3633
|
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",
|
|
3510
3634
|
selected && disabled && "color-background-action-primary-disabled"
|
|
3511
3635
|
);
|
|
3512
|
-
return /* @__PURE__ */ (0,
|
|
3636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
3513
3637
|
"label",
|
|
3514
3638
|
{
|
|
3515
3639
|
id,
|
|
3516
3640
|
"data-testid": testid,
|
|
3517
3641
|
htmlFor: id ? `${id}-input` : void 0,
|
|
3518
|
-
className: (0,
|
|
3642
|
+
className: (0, import_clsx15.default)(
|
|
3519
3643
|
"flex items-center",
|
|
3520
3644
|
componentGap,
|
|
3521
3645
|
(disabled || readOnly && error || readOnly) && "cursor-default",
|
|
3522
3646
|
!(readOnly && error) && !disabled && !readOnly && "cursor-pointer"
|
|
3523
3647
|
),
|
|
3524
3648
|
children: [
|
|
3525
|
-
/* @__PURE__ */ (0,
|
|
3526
|
-
/* @__PURE__ */ (0,
|
|
3649
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
|
|
3650
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3527
3651
|
"input",
|
|
3528
3652
|
__spreadValues({
|
|
3529
3653
|
id: id ? `${id}-input` : void 0,
|
|
@@ -3536,10 +3660,10 @@ var Checkbox = (_a) => {
|
|
|
3536
3660
|
"data-indeterminate": indeterminate
|
|
3537
3661
|
}, props)
|
|
3538
3662
|
),
|
|
3539
|
-
error && (readOnly || disabled) ? /* @__PURE__ */ (0,
|
|
3663
|
+
error && (readOnly || disabled) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_clsx15.default)("size-6", "flex items-center justify-center"), children: selected ? indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "question_mark" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3540
3664
|
"div",
|
|
3541
3665
|
{
|
|
3542
|
-
className: (0,
|
|
3666
|
+
className: (0, import_clsx15.default)(
|
|
3543
3667
|
"size-6 border rounded-base",
|
|
3544
3668
|
"flex items-center justify-center",
|
|
3545
3669
|
baseTransition,
|
|
@@ -3551,18 +3675,18 @@ var Checkbox = (_a) => {
|
|
|
3551
3675
|
readOnlyClassName,
|
|
3552
3676
|
checkColor
|
|
3553
3677
|
),
|
|
3554
|
-
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0,
|
|
3678
|
+
children: selected ? indeterminate ? readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "question_mark" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "remove", className: "pointer-events-none" }) }) : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-success-400 contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check" }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-on-action-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", className: "pointer-events-none" }) }) : readOnly && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "close" }) })
|
|
3555
3679
|
}
|
|
3556
3680
|
)
|
|
3557
3681
|
] }),
|
|
3558
|
-
label && /* @__PURE__ */ (0,
|
|
3682
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3559
3683
|
Paragraph,
|
|
3560
3684
|
{
|
|
3561
3685
|
id: id ? `${id}-label` : void 0,
|
|
3562
3686
|
testid: testid ? `${testid}-label` : void 0,
|
|
3563
3687
|
as: "span",
|
|
3564
3688
|
padded: true,
|
|
3565
|
-
className: (0,
|
|
3689
|
+
className: (0, import_clsx15.default)(
|
|
3566
3690
|
"text-nowrap",
|
|
3567
3691
|
disabled && !error && "!text-text-primary-disabled",
|
|
3568
3692
|
error && !disabled && !readOnly && "!text-text-primary-error",
|
|
@@ -3584,8 +3708,8 @@ var Checkbox = (_a) => {
|
|
|
3584
3708
|
Checkbox.displayName = "Checkbox";
|
|
3585
3709
|
|
|
3586
3710
|
// src/components/Button.tsx
|
|
3587
|
-
var
|
|
3588
|
-
var
|
|
3711
|
+
var import_clsx16 = __toESM(require("clsx"), 1);
|
|
3712
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
3589
3713
|
var Button = (_a) => {
|
|
3590
3714
|
var _b = _a, {
|
|
3591
3715
|
variant = "primary",
|
|
@@ -3618,7 +3742,7 @@ var Button = (_a) => {
|
|
|
3618
3742
|
"id",
|
|
3619
3743
|
"testid"
|
|
3620
3744
|
]);
|
|
3621
|
-
const primaryVariantStyles = variant === "primary" && (0,
|
|
3745
|
+
const primaryVariantStyles = variant === "primary" && (0, import_clsx16.default)(
|
|
3622
3746
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3623
3747
|
"bg-background-action-primary-normal border-background-action-primary-normal",
|
|
3624
3748
|
"hover:bg-background-action-primary-hover hover:border-background-action-primary-hover",
|
|
@@ -3626,7 +3750,7 @@ var Button = (_a) => {
|
|
|
3626
3750
|
"active:bg-background-action-primary-active active:border-background-action-primary-active",
|
|
3627
3751
|
"disabled:bg-background-action-primary-disabled disabled:border-background-action-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3628
3752
|
);
|
|
3629
|
-
const secondaryVariantStyles = variant === "secondary" && (0,
|
|
3753
|
+
const secondaryVariantStyles = variant === "secondary" && (0, import_clsx16.default)(
|
|
3630
3754
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3631
3755
|
"bg-background-action-secondary-normal border-border-action-normal",
|
|
3632
3756
|
"hover:bg-background-action-secondary-hover hover:border-border-action-hover hover:text-text-action-primary-hover",
|
|
@@ -3634,7 +3758,7 @@ var Button = (_a) => {
|
|
|
3634
3758
|
"active:bg-background-action-secondary-active active:border-border-action-active active:text-text-action-primary-active",
|
|
3635
3759
|
"disabled:bg-background-action-primary-disabled disabled:border-border-action-disabled disabled:text-text-action-primary-disabled"
|
|
3636
3760
|
);
|
|
3637
|
-
const tertiaryVariantStyles = variant === "tertiary" && (0,
|
|
3761
|
+
const tertiaryVariantStyles = variant === "tertiary" && (0, import_clsx16.default)(
|
|
3638
3762
|
"bg-transparent border-transparent",
|
|
3639
3763
|
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",
|
|
3640
3764
|
"bg-transparent border-transparent",
|
|
@@ -3643,7 +3767,7 @@ var Button = (_a) => {
|
|
|
3643
3767
|
"active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
|
|
3644
3768
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
|
|
3645
3769
|
);
|
|
3646
|
-
const primaryCriticalVariantStyles = variant === "primary-critical" && (0,
|
|
3770
|
+
const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx16.default)(
|
|
3647
3771
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
|
|
3648
3772
|
"bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
|
|
3649
3773
|
"hover:bg-background-action-critical-primary-hover hover:border-background-action-critical-primary-hover",
|
|
@@ -3651,7 +3775,7 @@ var Button = (_a) => {
|
|
|
3651
3775
|
"active:bg-background-action-critical-primary-active active:border-background-action-critical-primary-active",
|
|
3652
3776
|
"disabled:bg-background-action-critical-primary-disabled disabled:border-background-action-critical-primary-disabled disabled:text-text-on-action-primary-disabled"
|
|
3653
3777
|
);
|
|
3654
|
-
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0,
|
|
3778
|
+
const secondaryCriticalVariantStyles = variant === "secondary-critical" && (0, import_clsx16.default)(
|
|
3655
3779
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3656
3780
|
"bg-background-action-critical-secondary-normal border-border-action-critical-normal",
|
|
3657
3781
|
"hover:bg-background-action-critical-secondary-hover hover:border-border-action-critical-hover hover:text-text-action-critical-hover",
|
|
@@ -3659,7 +3783,7 @@ var Button = (_a) => {
|
|
|
3659
3783
|
"active:bg-background-action-critical-secondary-active active:border-border-action-critical-active active:text-text-action-critical-active",
|
|
3660
3784
|
"disabled:bg-background-action-critical-disabled disabled:border-border-action-critical-disabled disabled:text-text-action-critical-disabled"
|
|
3661
3785
|
);
|
|
3662
|
-
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0,
|
|
3786
|
+
const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && (0, import_clsx16.default)(
|
|
3663
3787
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-critical-normal",
|
|
3664
3788
|
"bg-transparent border-transparent text-text-action-critical-normal",
|
|
3665
3789
|
"hover:bg-background-action-critical-secondary-hover hover:border-background-action-critical-secondary-hover hover:text-text-action-critical-hover",
|
|
@@ -3667,7 +3791,7 @@ var Button = (_a) => {
|
|
|
3667
3791
|
"active:bg-background-action-critical-secondary-active active:border-background-action-critical-secondary-active active:text-text-action-critical-active",
|
|
3668
3792
|
"disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
|
|
3669
3793
|
);
|
|
3670
|
-
const navigationVarianStyles = variant === "navigation" && (0,
|
|
3794
|
+
const navigationVarianStyles = variant === "navigation" && (0, import_clsx16.default)(
|
|
3671
3795
|
(colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-action-primary-normal",
|
|
3672
3796
|
"bg-transparent",
|
|
3673
3797
|
"hover:bg-background-action-secondary-hover hover:text-text-action-primary-hover",
|
|
@@ -3677,8 +3801,8 @@ var Button = (_a) => {
|
|
|
3677
3801
|
"flex-col",
|
|
3678
3802
|
paddingUsingComponentGap
|
|
3679
3803
|
);
|
|
3680
|
-
const notNavigationVariantStyles = variant !== "navigation" && (0,
|
|
3681
|
-
const buttonClasses = (0,
|
|
3804
|
+
const notNavigationVariantStyles = variant !== "navigation" && (0, import_clsx16.default)("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
|
|
3805
|
+
const buttonClasses = (0, import_clsx16.default)(
|
|
3682
3806
|
disabled ? "cursor-default" : "cursor-pointer",
|
|
3683
3807
|
block ? "w-full" : "w-fit",
|
|
3684
3808
|
baseTransition,
|
|
@@ -3693,14 +3817,14 @@ var Button = (_a) => {
|
|
|
3693
3817
|
notNavigationVariantStyles,
|
|
3694
3818
|
className
|
|
3695
3819
|
);
|
|
3696
|
-
const labelClasses = (0,
|
|
3820
|
+
const labelClasses = (0, import_clsx16.default)(
|
|
3697
3821
|
"min-h-6 flex items-center justify-center",
|
|
3698
3822
|
classNameLabel,
|
|
3699
3823
|
componentPaddingXUsingComponentGap,
|
|
3700
3824
|
typography.buttonLabel
|
|
3701
3825
|
);
|
|
3702
3826
|
const Element = href && !as ? "a" : as;
|
|
3703
|
-
return /* @__PURE__ */ (0,
|
|
3827
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
3704
3828
|
Element,
|
|
3705
3829
|
__spreadProps(__spreadValues({
|
|
3706
3830
|
id,
|
|
@@ -3714,7 +3838,7 @@ var Button = (_a) => {
|
|
|
3714
3838
|
"data-theme": variant === "navigation" ? "brand" : void 0,
|
|
3715
3839
|
children: [
|
|
3716
3840
|
leftIcon && leftIcon,
|
|
3717
|
-
!iconOnly && children && /* @__PURE__ */ (0,
|
|
3841
|
+
!iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
|
|
3718
3842
|
rightIcon && rightIcon
|
|
3719
3843
|
]
|
|
3720
3844
|
})
|
|
@@ -3723,10 +3847,10 @@ var Button = (_a) => {
|
|
|
3723
3847
|
Button.displayName = "Button";
|
|
3724
3848
|
|
|
3725
3849
|
// src/components/Tooltip.tsx
|
|
3726
|
-
var
|
|
3850
|
+
var import_clsx17 = __toESM(require("clsx"), 1);
|
|
3727
3851
|
var import_react17 = require("react");
|
|
3728
3852
|
var import_react_dom2 = require("react-dom");
|
|
3729
|
-
var
|
|
3853
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
3730
3854
|
var Tooltip = ({
|
|
3731
3855
|
id,
|
|
3732
3856
|
testid,
|
|
@@ -3793,7 +3917,7 @@ var Tooltip = ({
|
|
|
3793
3917
|
return () => window.removeEventListener("resize", updatePosition);
|
|
3794
3918
|
}
|
|
3795
3919
|
}, [isVisible]);
|
|
3796
|
-
return /* @__PURE__ */ (0,
|
|
3920
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
3797
3921
|
"div",
|
|
3798
3922
|
{
|
|
3799
3923
|
id,
|
|
@@ -3805,7 +3929,7 @@ var Tooltip = ({
|
|
|
3805
3929
|
children: [
|
|
3806
3930
|
children,
|
|
3807
3931
|
!keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
|
|
3808
|
-
/* @__PURE__ */ (0,
|
|
3932
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
3809
3933
|
"div",
|
|
3810
3934
|
{
|
|
3811
3935
|
id: id ? `${id}-message` : void 0,
|
|
@@ -3817,7 +3941,7 @@ var Tooltip = ({
|
|
|
3817
3941
|
left: `${tooltipPosition.left}px`,
|
|
3818
3942
|
zIndex: 9999
|
|
3819
3943
|
},
|
|
3820
|
-
className: (0,
|
|
3944
|
+
className: (0, import_clsx17.default)(
|
|
3821
3945
|
typography.caption,
|
|
3822
3946
|
"bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
|
|
3823
3947
|
componentPadding,
|
|
@@ -3849,10 +3973,10 @@ var import_react19 = require("react");
|
|
|
3849
3973
|
var import_react_dom3 = require("react-dom");
|
|
3850
3974
|
|
|
3851
3975
|
// src/components/CalendarRange.tsx
|
|
3852
|
-
var
|
|
3976
|
+
var import_clsx18 = __toESM(require("clsx"), 1);
|
|
3853
3977
|
var import_react18 = __toESM(require("react"), 1);
|
|
3854
3978
|
var import_polyfill = require("@js-temporal/polyfill");
|
|
3855
|
-
var
|
|
3979
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
3856
3980
|
function DateCell(_a) {
|
|
3857
3981
|
var _b = _a, {
|
|
3858
3982
|
date,
|
|
@@ -3887,12 +4011,12 @@ function DateCell(_a) {
|
|
|
3887
4011
|
"id",
|
|
3888
4012
|
"testid"
|
|
3889
4013
|
]);
|
|
3890
|
-
return /* @__PURE__ */ (0,
|
|
4014
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
3891
4015
|
"span",
|
|
3892
4016
|
__spreadProps(__spreadValues({}, props), {
|
|
3893
4017
|
id,
|
|
3894
4018
|
"data-testid": testid,
|
|
3895
|
-
className: (0,
|
|
4019
|
+
className: (0, import_clsx18.default)(
|
|
3896
4020
|
"flex items-center justify-center aspect-square select-none transition-colors border duration-100 font-medium",
|
|
3897
4021
|
typography.caption,
|
|
3898
4022
|
cellPadding,
|
|
@@ -4043,12 +4167,12 @@ function CalendarRange({
|
|
|
4043
4167
|
}
|
|
4044
4168
|
return false;
|
|
4045
4169
|
}
|
|
4046
|
-
return /* @__PURE__ */ (0,
|
|
4170
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4047
4171
|
"div",
|
|
4048
4172
|
{
|
|
4049
4173
|
id,
|
|
4050
4174
|
"data-testid": testid,
|
|
4051
|
-
className: (0,
|
|
4175
|
+
className: (0, import_clsx18.default)(
|
|
4052
4176
|
"relative bg-background-grouped-primary-normal rounded-base w-fit",
|
|
4053
4177
|
layoutPaddding,
|
|
4054
4178
|
layoutGap,
|
|
@@ -4056,15 +4180,15 @@ function CalendarRange({
|
|
|
4056
4180
|
// baseTransition,
|
|
4057
4181
|
"overflow-hidden"
|
|
4058
4182
|
),
|
|
4059
|
-
children: /* @__PURE__ */ (0,
|
|
4183
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4060
4184
|
"div",
|
|
4061
4185
|
{
|
|
4062
|
-
className: (0,
|
|
4186
|
+
className: (0, import_clsx18.default)(
|
|
4063
4187
|
"flex flex-row items-start justify-start bg-background-primary-normal overflow-clip",
|
|
4064
4188
|
layoutGap
|
|
4065
4189
|
),
|
|
4066
4190
|
children: (mode === "double" ? [0, 1] : [0]).map((offset, idx) => {
|
|
4067
|
-
return /* @__PURE__ */ (0,
|
|
4191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4068
4192
|
CalendarPane,
|
|
4069
4193
|
{
|
|
4070
4194
|
getMonthData,
|
|
@@ -4129,38 +4253,38 @@ function CalendarPane({
|
|
|
4129
4253
|
const month = getMonthData(offset);
|
|
4130
4254
|
const totalCells = 42;
|
|
4131
4255
|
const emptyCells = month.firstDayOffset;
|
|
4132
|
-
return /* @__PURE__ */ (0,
|
|
4133
|
-
/* @__PURE__ */ (0,
|
|
4256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react18.default.Fragment, { children: [
|
|
4257
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
4134
4258
|
"div",
|
|
4135
4259
|
{
|
|
4136
|
-
className: (0,
|
|
4260
|
+
className: (0, import_clsx18.default)("flex flex-col"),
|
|
4137
4261
|
children: [
|
|
4138
|
-
/* @__PURE__ */ (0,
|
|
4262
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
4139
4263
|
"div",
|
|
4140
4264
|
{
|
|
4141
|
-
className: (0,
|
|
4265
|
+
className: (0, import_clsx18.default)(
|
|
4142
4266
|
"flex flex-row items-center justify-between",
|
|
4143
4267
|
typography.label,
|
|
4144
4268
|
"text-text-action-primary-normal"
|
|
4145
4269
|
),
|
|
4146
4270
|
children: [
|
|
4147
|
-
idx === 0 ? /* @__PURE__ */ (0,
|
|
4271
|
+
idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4148
4272
|
"button",
|
|
4149
4273
|
{
|
|
4150
4274
|
id: id ? `${id}-prev-month-button` : void 0,
|
|
4151
4275
|
"data-testid": testid ? `${testid}-prev-month-button` : void 0,
|
|
4152
4276
|
type: "button",
|
|
4153
|
-
className: (0,
|
|
4277
|
+
className: (0, import_clsx18.default)(
|
|
4154
4278
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4155
4279
|
componentPadding
|
|
4156
4280
|
),
|
|
4157
4281
|
"aria-label": "Previous month",
|
|
4158
4282
|
onClick: () => setBaseMonth(baseMonth.subtract({ months: 1 })),
|
|
4159
|
-
children: /* @__PURE__ */ (0,
|
|
4283
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron_left", size: 24 })
|
|
4160
4284
|
}
|
|
4161
|
-
) : /* @__PURE__ */ (0,
|
|
4162
|
-
/* @__PURE__ */ (0,
|
|
4163
|
-
/* @__PURE__ */ (0,
|
|
4285
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: (0, import_clsx18.default)(componentPadding, "mr-1") }),
|
|
4286
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-desktop-compact-component-padding", children: [
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4164
4288
|
"button",
|
|
4165
4289
|
{
|
|
4166
4290
|
ref: (el) => {
|
|
@@ -4175,13 +4299,13 @@ function CalendarPane({
|
|
|
4175
4299
|
children: month.name
|
|
4176
4300
|
}
|
|
4177
4301
|
),
|
|
4178
|
-
/* @__PURE__ */ (0,
|
|
4302
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4179
4303
|
Menu,
|
|
4180
4304
|
{
|
|
4181
4305
|
show: monthMenuOpen,
|
|
4182
4306
|
positionTo: monthMenuRef,
|
|
4183
4307
|
setShow: () => setMonthMenuOpen(false),
|
|
4184
|
-
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0,
|
|
4308
|
+
children: months.map((x) => [x, getMonthDataWith(x + 1)]).map(([x, m]) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4185
4309
|
MenuOption,
|
|
4186
4310
|
{
|
|
4187
4311
|
selected: baseMonth.month === x + 1,
|
|
@@ -4195,7 +4319,7 @@ function CalendarPane({
|
|
|
4195
4319
|
))
|
|
4196
4320
|
}
|
|
4197
4321
|
),
|
|
4198
|
-
/* @__PURE__ */ (0,
|
|
4322
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4199
4323
|
"button",
|
|
4200
4324
|
{
|
|
4201
4325
|
ref: (el) => {
|
|
@@ -4210,13 +4334,13 @@ function CalendarPane({
|
|
|
4210
4334
|
children: month.year
|
|
4211
4335
|
}
|
|
4212
4336
|
),
|
|
4213
|
-
/* @__PURE__ */ (0,
|
|
4337
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4214
4338
|
Menu,
|
|
4215
4339
|
{
|
|
4216
4340
|
show: yearMenuOpen,
|
|
4217
4341
|
positionTo: yearMenuRef,
|
|
4218
4342
|
setShow: () => setYearMenuOpen(false),
|
|
4219
|
-
children: years.map((y) => /* @__PURE__ */ (0,
|
|
4343
|
+
children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4220
4344
|
MenuOption,
|
|
4221
4345
|
{
|
|
4222
4346
|
selected: baseMonth.year === y,
|
|
@@ -4231,28 +4355,28 @@ function CalendarPane({
|
|
|
4231
4355
|
}
|
|
4232
4356
|
)
|
|
4233
4357
|
] }),
|
|
4234
|
-
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0,
|
|
4358
|
+
(mode === "double" ? idx === 1 : true) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4235
4359
|
"button",
|
|
4236
4360
|
{
|
|
4237
4361
|
id: id ? `${id}-next-month-button` : void 0,
|
|
4238
4362
|
"data-testid": testid ? `${testid}-next-month-button` : void 0,
|
|
4239
4363
|
type: "button",
|
|
4240
|
-
className: (0,
|
|
4364
|
+
className: (0, import_clsx18.default)(
|
|
4241
4365
|
"flex items-center justify-center rounded-base hover:bg-action-100 active:bg-action-300 text-icon-action-primary-normal",
|
|
4242
4366
|
componentPadding
|
|
4243
4367
|
),
|
|
4244
4368
|
"aria-label": "Next month",
|
|
4245
4369
|
onClick: () => setBaseMonth(baseMonth.add({ months: 1 })),
|
|
4246
|
-
children: /* @__PURE__ */ (0,
|
|
4370
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron_right", size: 24 })
|
|
4247
4371
|
}
|
|
4248
|
-
) : /* @__PURE__ */ (0,
|
|
4372
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: (0, import_clsx18.default)(componentPadding, "ml-1") })
|
|
4249
4373
|
]
|
|
4250
4374
|
}
|
|
4251
4375
|
),
|
|
4252
|
-
/* @__PURE__ */ (0,
|
|
4376
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_clsx18.default)("grid grid-cols-7"), children: weekDays.map((d) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4253
4377
|
"span",
|
|
4254
4378
|
{
|
|
4255
|
-
className: (0,
|
|
4379
|
+
className: (0, import_clsx18.default)(
|
|
4256
4380
|
typography.caption,
|
|
4257
4381
|
"text-text-secondary-normal text-center",
|
|
4258
4382
|
"w-10"
|
|
@@ -4261,7 +4385,7 @@ function CalendarPane({
|
|
|
4261
4385
|
},
|
|
4262
4386
|
d
|
|
4263
4387
|
)) }),
|
|
4264
|
-
/* @__PURE__ */ (0,
|
|
4388
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_clsx18.default)("grid grid-cols-7"), children: Array.from({ length: totalCells }).map((_, i) => {
|
|
4265
4389
|
const day = i - emptyCells + 1;
|
|
4266
4390
|
const date = month.date.with({ day: 1 }).add({
|
|
4267
4391
|
days: i - emptyCells
|
|
@@ -4275,7 +4399,7 @@ function CalendarPane({
|
|
|
4275
4399
|
const hoverDateIsAfterPendingFrom = hoveredDate && pendingFrom && import_polyfill.Temporal.PlainDate.compare(hoveredDate, pendingFrom) >= 0;
|
|
4276
4400
|
const isRangeStart = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && fromDate && date.equals(fromDate) || hoverDateIsAfterPendingFrom && date.equals(pendingFrom);
|
|
4277
4401
|
const isRangeEnd = mode === "single" && disableRange ? false : !pendingFrom && isInMonth && toDate && date.equals(toDate) || hoverDateIsBeforePendingFrom && date.equals(pendingFrom);
|
|
4278
|
-
return /* @__PURE__ */ (0,
|
|
4402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4279
4403
|
DateCell,
|
|
4280
4404
|
{
|
|
4281
4405
|
id: id ? `${id}-date-${date.toString()}` : void 0,
|
|
@@ -4300,10 +4424,10 @@ function CalendarPane({
|
|
|
4300
4424
|
]
|
|
4301
4425
|
}
|
|
4302
4426
|
),
|
|
4303
|
-
mode === "double" && idx === 0 && /* @__PURE__ */ (0,
|
|
4427
|
+
mode === "double" && idx === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
4304
4428
|
"div",
|
|
4305
4429
|
{
|
|
4306
|
-
className: (0,
|
|
4430
|
+
className: (0, import_clsx18.default)(
|
|
4307
4431
|
"self-stretch bg-border-primary-normal rounded-base",
|
|
4308
4432
|
// 1px width, full height, matches Figma divider
|
|
4309
4433
|
"w-px"
|
|
@@ -4314,7 +4438,7 @@ function CalendarPane({
|
|
|
4314
4438
|
}
|
|
4315
4439
|
|
|
4316
4440
|
// src/components/DateInput.tsx
|
|
4317
|
-
var
|
|
4441
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
4318
4442
|
var DateInput = (_a) => {
|
|
4319
4443
|
var _b = _a, {
|
|
4320
4444
|
id,
|
|
@@ -4473,8 +4597,8 @@ var DateInput = (_a) => {
|
|
|
4473
4597
|
}
|
|
4474
4598
|
}
|
|
4475
4599
|
};
|
|
4476
|
-
return /* @__PURE__ */ (0,
|
|
4477
|
-
/* @__PURE__ */ (0,
|
|
4600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
|
|
4601
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4478
4602
|
InputBase,
|
|
4479
4603
|
__spreadProps(__spreadValues({
|
|
4480
4604
|
id,
|
|
@@ -4488,7 +4612,7 @@ var DateInput = (_a) => {
|
|
|
4488
4612
|
placeholder,
|
|
4489
4613
|
disabled,
|
|
4490
4614
|
readOnly,
|
|
4491
|
-
after: /* @__PURE__ */ (0,
|
|
4615
|
+
after: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "calendar_month" }),
|
|
4492
4616
|
onFocus: handleFocus,
|
|
4493
4617
|
onClick: handleClick,
|
|
4494
4618
|
onChange: handleInputChange,
|
|
@@ -4499,7 +4623,7 @@ var DateInput = (_a) => {
|
|
|
4499
4623
|
})
|
|
4500
4624
|
),
|
|
4501
4625
|
visible && !readOnly && (0, import_react_dom3.createPortal)(
|
|
4502
|
-
/* @__PURE__ */ (0,
|
|
4626
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4503
4627
|
"div",
|
|
4504
4628
|
{
|
|
4505
4629
|
ref: (el) => {
|
|
@@ -4511,7 +4635,7 @@ var DateInput = (_a) => {
|
|
|
4511
4635
|
left: `${calendarPosition.left}px`,
|
|
4512
4636
|
minWidth: `${calendarPosition.width}px`
|
|
4513
4637
|
},
|
|
4514
|
-
children: /* @__PURE__ */ (0,
|
|
4638
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
4515
4639
|
CalendarRange,
|
|
4516
4640
|
{
|
|
4517
4641
|
id: id ? `${id}-calendar` : void 0,
|
|
@@ -4542,22 +4666,22 @@ function formatDisplayValue(from) {
|
|
|
4542
4666
|
}
|
|
4543
4667
|
|
|
4544
4668
|
// src/components/Accordion.tsx
|
|
4545
|
-
var
|
|
4669
|
+
var import_clsx21 = __toESM(require("clsx"), 1);
|
|
4546
4670
|
|
|
4547
4671
|
// src/components/Card.tsx
|
|
4548
|
-
var import_clsx18 = __toESM(require("clsx"), 1);
|
|
4549
|
-
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
4550
|
-
|
|
4551
|
-
// src/components/Stack.tsx
|
|
4552
4672
|
var import_clsx19 = __toESM(require("clsx"), 1);
|
|
4553
4673
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
4554
4674
|
|
|
4555
|
-
// src/components/
|
|
4675
|
+
// src/components/Stack.tsx
|
|
4676
|
+
var import_clsx20 = __toESM(require("clsx"), 1);
|
|
4556
4677
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
4557
4678
|
|
|
4558
|
-
// src/components/
|
|
4559
|
-
var import_clsx21 = __toESM(require("clsx"), 1);
|
|
4679
|
+
// src/components/Accordion.tsx
|
|
4560
4680
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
4681
|
+
|
|
4682
|
+
// src/components/Heading.tsx
|
|
4683
|
+
var import_clsx22 = __toESM(require("clsx"), 1);
|
|
4684
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
4561
4685
|
var Heading = (_a) => {
|
|
4562
4686
|
var _b = _a, {
|
|
4563
4687
|
className,
|
|
@@ -4580,12 +4704,12 @@ var Heading = (_a) => {
|
|
|
4580
4704
|
]);
|
|
4581
4705
|
const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
|
|
4582
4706
|
const Element = as != null ? as : defaultElement;
|
|
4583
|
-
return /* @__PURE__ */ (0,
|
|
4707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
4584
4708
|
Element,
|
|
4585
4709
|
__spreadProps(__spreadValues({
|
|
4586
4710
|
id,
|
|
4587
4711
|
"data-testid": testid,
|
|
4588
|
-
className: (0,
|
|
4712
|
+
className: (0, import_clsx22.default)(
|
|
4589
4713
|
typography[variant],
|
|
4590
4714
|
className,
|
|
4591
4715
|
align === "left" && "text-left",
|
|
@@ -4601,15 +4725,15 @@ var Heading = (_a) => {
|
|
|
4601
4725
|
);
|
|
4602
4726
|
};
|
|
4603
4727
|
Heading.displayName = "Heading";
|
|
4604
|
-
var Heading1 = (props) => /* @__PURE__ */ (0,
|
|
4605
|
-
var Heading2 = (props) => /* @__PURE__ */ (0,
|
|
4606
|
-
var Heading3 = (props) => /* @__PURE__ */ (0,
|
|
4728
|
+
var Heading1 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading1" }));
|
|
4729
|
+
var Heading2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading2" }));
|
|
4730
|
+
var Heading3 = (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading3" }));
|
|
4607
4731
|
Heading1.displayName = "Heading1";
|
|
4608
4732
|
Heading2.displayName = "Heading2";
|
|
4609
4733
|
Heading3.displayName = "Heading3";
|
|
4610
4734
|
|
|
4611
4735
|
// src/components/Theme.tsx
|
|
4612
|
-
var
|
|
4736
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
4613
4737
|
|
|
4614
4738
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4615
4739
|
var import_react22 = require("react");
|
|
@@ -4622,22 +4746,22 @@ var import_react20 = require("react");
|
|
|
4622
4746
|
var GridContext = (0, import_react20.createContext)(null);
|
|
4623
4747
|
|
|
4624
4748
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4625
|
-
var
|
|
4749
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
4626
4750
|
|
|
4627
4751
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
4628
|
-
var
|
|
4752
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
4629
4753
|
|
|
4630
4754
|
// src/components/MobileDataGrid/GridContextProvider/index.tsx
|
|
4631
4755
|
var import_react23 = require("react");
|
|
4632
|
-
var
|
|
4756
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4633
4757
|
|
|
4634
4758
|
// src/components/Modal.tsx
|
|
4635
|
-
var
|
|
4759
|
+
var import_clsx27 = __toESM(require("clsx"), 1);
|
|
4636
4760
|
var import_react25 = require("react");
|
|
4637
4761
|
|
|
4638
4762
|
// src/components/ModalHeader.tsx
|
|
4639
|
-
var
|
|
4640
|
-
var
|
|
4763
|
+
var import_clsx23 = __toESM(require("clsx"), 1);
|
|
4764
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4641
4765
|
var ModalHeader = ({
|
|
4642
4766
|
title,
|
|
4643
4767
|
hideCloseIcon,
|
|
@@ -4648,12 +4772,12 @@ var ModalHeader = ({
|
|
|
4648
4772
|
testid,
|
|
4649
4773
|
headerClassname
|
|
4650
4774
|
}) => {
|
|
4651
|
-
return /* @__PURE__ */ (0,
|
|
4775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
4652
4776
|
"div",
|
|
4653
4777
|
{
|
|
4654
4778
|
id,
|
|
4655
4779
|
"data-testid": testid,
|
|
4656
|
-
className: (0,
|
|
4780
|
+
className: (0, import_clsx23.default)(
|
|
4657
4781
|
"flex justify-between items-center",
|
|
4658
4782
|
headerIconAlign === "center" && "justify-center",
|
|
4659
4783
|
headerIconAlign === "right" && "justify-end",
|
|
@@ -4663,9 +4787,9 @@ var ModalHeader = ({
|
|
|
4663
4787
|
headerClassname
|
|
4664
4788
|
),
|
|
4665
4789
|
children: [
|
|
4666
|
-
/* @__PURE__ */ (0,
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_clsx23.default)("flex items-center flex-1", layoutGroupGap), children: [
|
|
4667
4791
|
headerIcon,
|
|
4668
|
-
title && /* @__PURE__ */ (0,
|
|
4792
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4669
4793
|
Heading2,
|
|
4670
4794
|
{
|
|
4671
4795
|
id: id ? `${id}-title` : void 0,
|
|
@@ -4675,7 +4799,7 @@ var ModalHeader = ({
|
|
|
4675
4799
|
}
|
|
4676
4800
|
)
|
|
4677
4801
|
] }),
|
|
4678
|
-
!hideCloseIcon && /* @__PURE__ */ (0,
|
|
4802
|
+
!hideCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4679
4803
|
Button,
|
|
4680
4804
|
{
|
|
4681
4805
|
id: id ? `${id}-close-button` : void 0,
|
|
@@ -4683,7 +4807,7 @@ var ModalHeader = ({
|
|
|
4683
4807
|
iconOnly: true,
|
|
4684
4808
|
variant: "tertiary",
|
|
4685
4809
|
onClick: onClose,
|
|
4686
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4810
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "close", size: 24 }) })
|
|
4687
4811
|
}
|
|
4688
4812
|
)
|
|
4689
4813
|
]
|
|
@@ -4693,20 +4817,20 @@ var ModalHeader = ({
|
|
|
4693
4817
|
ModalHeader.displayName = "ModalHeader";
|
|
4694
4818
|
|
|
4695
4819
|
// src/components/ModalContent.tsx
|
|
4696
|
-
var
|
|
4697
|
-
var
|
|
4820
|
+
var import_clsx24 = __toESM(require("clsx"), 1);
|
|
4821
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
4698
4822
|
function ModalContent({
|
|
4699
4823
|
fixedHeightScrolling,
|
|
4700
4824
|
children,
|
|
4701
4825
|
id,
|
|
4702
4826
|
testid
|
|
4703
4827
|
}) {
|
|
4704
|
-
return /* @__PURE__ */ (0,
|
|
4828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
4705
4829
|
"div",
|
|
4706
4830
|
{
|
|
4707
4831
|
id,
|
|
4708
4832
|
"data-testid": testid,
|
|
4709
|
-
className: (0,
|
|
4833
|
+
className: (0, import_clsx24.default)(
|
|
4710
4834
|
"flex-grow desktop:flex-grow-0",
|
|
4711
4835
|
layoutPaddding,
|
|
4712
4836
|
fixedHeightScrolling && "overflow-auto"
|
|
@@ -4718,8 +4842,8 @@ function ModalContent({
|
|
|
4718
4842
|
ModalContent.displayName = "ModalContent";
|
|
4719
4843
|
|
|
4720
4844
|
// src/components/ModalButtons.tsx
|
|
4721
|
-
var
|
|
4722
|
-
var
|
|
4845
|
+
var import_clsx25 = __toESM(require("clsx"), 1);
|
|
4846
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
4723
4847
|
var ModalButtons = ({
|
|
4724
4848
|
onClose,
|
|
4725
4849
|
onContinue,
|
|
@@ -4727,36 +4851,36 @@ var ModalButtons = ({
|
|
|
4727
4851
|
id,
|
|
4728
4852
|
testid
|
|
4729
4853
|
}) => {
|
|
4730
|
-
return /* @__PURE__ */ (0,
|
|
4854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4731
4855
|
"div",
|
|
4732
4856
|
{
|
|
4733
4857
|
id,
|
|
4734
4858
|
"data-testid": testid,
|
|
4735
|
-
className: (0,
|
|
4859
|
+
className: (0, import_clsx25.default)(
|
|
4736
4860
|
"border-t border-neutral-300 flex justify-end",
|
|
4737
4861
|
layoutPaddding,
|
|
4738
4862
|
layoutGroupGap
|
|
4739
4863
|
),
|
|
4740
|
-
children: customActions != null ? customActions : /* @__PURE__ */ (0,
|
|
4741
|
-
/* @__PURE__ */ (0,
|
|
4864
|
+
children: customActions != null ? customActions : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
4865
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4742
4866
|
Button,
|
|
4743
4867
|
{
|
|
4744
4868
|
id: id ? `${id}-close-button` : void 0,
|
|
4745
4869
|
testid: testid ? `${testid}-close-button` : void 0,
|
|
4746
4870
|
variant: "secondary",
|
|
4747
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4871
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }),
|
|
4748
4872
|
onClick: onClose,
|
|
4749
4873
|
className: "max-sm:w-full",
|
|
4750
4874
|
children: "Close"
|
|
4751
4875
|
}
|
|
4752
4876
|
),
|
|
4753
|
-
/* @__PURE__ */ (0,
|
|
4877
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4754
4878
|
Button,
|
|
4755
4879
|
{
|
|
4756
4880
|
id: id ? `${id}-continue-button` : void 0,
|
|
4757
4881
|
testid: testid ? `${testid}-continue-button` : void 0,
|
|
4758
4882
|
variant: "primary",
|
|
4759
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4883
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "check", size: 24 }),
|
|
4760
4884
|
className: "max-sm:w-full",
|
|
4761
4885
|
onClick: onContinue,
|
|
4762
4886
|
children: "Continue"
|
|
@@ -4769,8 +4893,8 @@ var ModalButtons = ({
|
|
|
4769
4893
|
ModalButtons.displayName = "ModalButtons";
|
|
4770
4894
|
|
|
4771
4895
|
// src/components/ModalScrim.tsx
|
|
4772
|
-
var
|
|
4773
|
-
var
|
|
4896
|
+
var import_clsx26 = __toESM(require("clsx"), 1);
|
|
4897
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4774
4898
|
var ModalScrim = ({
|
|
4775
4899
|
show = false,
|
|
4776
4900
|
size = "small",
|
|
@@ -4780,12 +4904,12 @@ var ModalScrim = ({
|
|
|
4780
4904
|
id,
|
|
4781
4905
|
testid
|
|
4782
4906
|
}) => {
|
|
4783
|
-
return /* @__PURE__ */ (0,
|
|
4907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4784
4908
|
"div",
|
|
4785
4909
|
{
|
|
4786
4910
|
id,
|
|
4787
4911
|
"data-testid": testid,
|
|
4788
|
-
className: (0,
|
|
4912
|
+
className: (0, import_clsx26.default)(
|
|
4789
4913
|
"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",
|
|
4790
4914
|
!show && " pointer-events-none",
|
|
4791
4915
|
size === "small" && "p-4",
|
|
@@ -4816,7 +4940,7 @@ var useMounted = () => {
|
|
|
4816
4940
|
};
|
|
4817
4941
|
|
|
4818
4942
|
// src/components/Modal.tsx
|
|
4819
|
-
var
|
|
4943
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
4820
4944
|
var fadeInScale = (element, duration = 300) => element.animate(
|
|
4821
4945
|
[
|
|
4822
4946
|
{ opacity: 0, transform: "scale(0.95)" },
|
|
@@ -4988,7 +5112,7 @@ var Modal = ({
|
|
|
4988
5112
|
return null;
|
|
4989
5113
|
}
|
|
4990
5114
|
return (0, import_react_dom4.createPortal)(
|
|
4991
|
-
/* @__PURE__ */ (0,
|
|
5115
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
4992
5116
|
ModalScrim,
|
|
4993
5117
|
{
|
|
4994
5118
|
id: id ? `${id}-scrim` : void 0,
|
|
@@ -4997,13 +5121,13 @@ var Modal = ({
|
|
|
4997
5121
|
ref: bgRef,
|
|
4998
5122
|
show: open,
|
|
4999
5123
|
onClick: backgroundClickHandler,
|
|
5000
|
-
children: /* @__PURE__ */ (0,
|
|
5124
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
5001
5125
|
"div",
|
|
5002
5126
|
{
|
|
5003
5127
|
id,
|
|
5004
5128
|
"data-testid": testid,
|
|
5005
5129
|
ref: modalRef,
|
|
5006
|
-
className: (0,
|
|
5130
|
+
className: (0, import_clsx27.default)(
|
|
5007
5131
|
"shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
|
|
5008
5132
|
computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
|
|
5009
5133
|
className,
|
|
@@ -5012,7 +5136,7 @@ var Modal = ({
|
|
|
5012
5136
|
),
|
|
5013
5137
|
onClick: (e) => e.stopPropagation(),
|
|
5014
5138
|
children: [
|
|
5015
|
-
/* @__PURE__ */ (0,
|
|
5139
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5016
5140
|
ModalHeader,
|
|
5017
5141
|
{
|
|
5018
5142
|
id: id ? `${id}-header` : void 0,
|
|
@@ -5025,7 +5149,7 @@ var Modal = ({
|
|
|
5025
5149
|
headerClassname
|
|
5026
5150
|
}
|
|
5027
5151
|
),
|
|
5028
|
-
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0,
|
|
5152
|
+
children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5029
5153
|
ModalContent,
|
|
5030
5154
|
{
|
|
5031
5155
|
id: id ? `${id}-content` : void 0,
|
|
@@ -5034,7 +5158,7 @@ var Modal = ({
|
|
|
5034
5158
|
children
|
|
5035
5159
|
}
|
|
5036
5160
|
) : children,
|
|
5037
|
-
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0,
|
|
5161
|
+
showButtons ? customFooter ? customActions : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5038
5162
|
ModalButtons,
|
|
5039
5163
|
{
|
|
5040
5164
|
id: id ? `${id}-buttons` : void 0,
|
|
@@ -5055,51 +5179,51 @@ var Modal = ({
|
|
|
5055
5179
|
Modal.displayName = "Modal";
|
|
5056
5180
|
|
|
5057
5181
|
// src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
|
|
5058
|
-
var
|
|
5182
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5059
5183
|
|
|
5060
5184
|
// src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
|
|
5061
|
-
var
|
|
5185
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
5062
5186
|
|
|
5063
5187
|
// src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
|
|
5064
|
-
var
|
|
5188
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
5065
5189
|
|
|
5066
5190
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5067
|
-
var
|
|
5191
|
+
var import_clsx29 = __toESM(require("clsx"), 1);
|
|
5068
5192
|
|
|
5069
5193
|
// src/components/MobileDataGrid/MobileDataGridCard/index.tsx
|
|
5070
|
-
var
|
|
5071
|
-
var
|
|
5194
|
+
var import_clsx28 = __toESM(require("clsx"), 1);
|
|
5195
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
5072
5196
|
|
|
5073
5197
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5074
|
-
var
|
|
5198
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
5075
5199
|
|
|
5076
5200
|
// src/components/MobileDataGrid/index.tsx
|
|
5077
|
-
var
|
|
5201
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
5078
5202
|
|
|
5079
5203
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5080
5204
|
var import_react27 = require("react");
|
|
5081
5205
|
|
|
5082
5206
|
// src/components/ImagePlaceholder.tsx
|
|
5083
5207
|
var import_react26 = require("react");
|
|
5084
|
-
var
|
|
5208
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
5085
5209
|
|
|
5086
5210
|
// src/components/ProductImagePreview/Thumbnail.tsx
|
|
5087
|
-
var
|
|
5211
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
5088
5212
|
|
|
5089
5213
|
// src/components/Grid.tsx
|
|
5090
|
-
var
|
|
5091
|
-
var
|
|
5214
|
+
var import_clsx30 = __toESM(require("clsx"), 1);
|
|
5215
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
5092
5216
|
|
|
5093
5217
|
// src/components/ProductImagePreview/ProductPrimaryImage.tsx
|
|
5094
5218
|
var import_react28 = require("react");
|
|
5095
|
-
var
|
|
5219
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
5096
5220
|
|
|
5097
5221
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5098
5222
|
var import_react29 = require("react");
|
|
5099
5223
|
|
|
5100
5224
|
// src/components/Surface.tsx
|
|
5101
|
-
var
|
|
5102
|
-
var
|
|
5225
|
+
var import_clsx31 = __toESM(require("clsx"), 1);
|
|
5226
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
5103
5227
|
var Surface = (_a) => {
|
|
5104
5228
|
var _b = _a, {
|
|
5105
5229
|
children,
|
|
@@ -5112,11 +5236,11 @@ var Surface = (_a) => {
|
|
|
5112
5236
|
"elevation",
|
|
5113
5237
|
"id"
|
|
5114
5238
|
]);
|
|
5115
|
-
return /* @__PURE__ */ (0,
|
|
5239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
5116
5240
|
"div",
|
|
5117
5241
|
__spreadProps(__spreadValues({
|
|
5118
5242
|
id,
|
|
5119
|
-
className: (0,
|
|
5243
|
+
className: (0, import_clsx31.default)(
|
|
5120
5244
|
"rounded-base",
|
|
5121
5245
|
{
|
|
5122
5246
|
"shadow-2": elevation === 2,
|
|
@@ -5133,31 +5257,31 @@ var Surface = (_a) => {
|
|
|
5133
5257
|
Surface.displayName = "Surface";
|
|
5134
5258
|
|
|
5135
5259
|
// src/components/ProductImagePreview/ZoomWindow.tsx
|
|
5136
|
-
var
|
|
5260
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
5137
5261
|
|
|
5138
5262
|
// src/components/ProductImagePreview/CarouselPagination.tsx
|
|
5139
|
-
var
|
|
5140
|
-
var
|
|
5263
|
+
var import_clsx32 = require("clsx");
|
|
5264
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
5141
5265
|
|
|
5142
5266
|
// src/components/ProductImagePreview/MobileImageCarousel.tsx
|
|
5143
5267
|
var import_react30 = require("react");
|
|
5144
|
-
var
|
|
5268
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
5145
5269
|
|
|
5146
5270
|
// src/components/ProductImagePreview/useProductImagePreview.ts
|
|
5147
5271
|
var import_react31 = require("react");
|
|
5148
5272
|
|
|
5149
5273
|
// src/components/ProductImagePreview/index.tsx
|
|
5150
|
-
var
|
|
5274
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5151
5275
|
|
|
5152
5276
|
// src/components/CompactImagesPreview.tsx
|
|
5153
5277
|
var import_react32 = require("react");
|
|
5154
|
-
var import_clsx32 = __toESM(require("clsx"), 1);
|
|
5155
|
-
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5156
|
-
|
|
5157
|
-
// src/components/SimpleTable.tsx
|
|
5158
5278
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
5159
5279
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
5160
5280
|
|
|
5281
|
+
// src/components/SimpleTable.tsx
|
|
5282
|
+
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
5283
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5284
|
+
|
|
5161
5285
|
// src/components/PDFViewer/index.tsx
|
|
5162
5286
|
var import_react35 = require("react");
|
|
5163
5287
|
|
|
@@ -5165,10 +5289,10 @@ var import_react35 = require("react");
|
|
|
5165
5289
|
var import_react34 = require("react");
|
|
5166
5290
|
|
|
5167
5291
|
// src/components/Spinner.tsx
|
|
5168
|
-
var
|
|
5292
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5169
5293
|
var Spinner = ({ size = "small", testid }) => {
|
|
5170
5294
|
const dimension = size === "large" ? 48 : 24;
|
|
5171
|
-
return /* @__PURE__ */ (0,
|
|
5295
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5172
5296
|
"svg",
|
|
5173
5297
|
{
|
|
5174
5298
|
"data-testid": testid,
|
|
@@ -5180,14 +5304,14 @@ var Spinner = ({ size = "small", testid }) => {
|
|
|
5180
5304
|
className: "spinner",
|
|
5181
5305
|
"aria-label": "Loading",
|
|
5182
5306
|
children: [
|
|
5183
|
-
/* @__PURE__ */ (0,
|
|
5184
|
-
/* @__PURE__ */ (0,
|
|
5185
|
-
/* @__PURE__ */ (0,
|
|
5186
|
-
/* @__PURE__ */ (0,
|
|
5187
|
-
/* @__PURE__ */ (0,
|
|
5188
|
-
/* @__PURE__ */ (0,
|
|
5189
|
-
/* @__PURE__ */ (0,
|
|
5190
|
-
/* @__PURE__ */ (0,
|
|
5307
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5308
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5309
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5310
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5311
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5312
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5313
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5314
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5191
5315
|
]
|
|
5192
5316
|
}
|
|
5193
5317
|
);
|
|
@@ -5196,30 +5320,30 @@ Spinner.displayName = "Spinner";
|
|
|
5196
5320
|
|
|
5197
5321
|
// src/components/PDFViewer/PDFPage.tsx
|
|
5198
5322
|
var import_react33 = require("react");
|
|
5199
|
-
var
|
|
5323
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5200
5324
|
|
|
5201
5325
|
// src/components/PDFViewer/PDFElement.tsx
|
|
5202
|
-
var
|
|
5203
|
-
var
|
|
5326
|
+
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5327
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5204
5328
|
|
|
5205
5329
|
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5206
|
-
var
|
|
5330
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5207
5331
|
|
|
5208
5332
|
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5209
|
-
var
|
|
5333
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5210
5334
|
|
|
5211
5335
|
// src/components/PDFViewer/index.tsx
|
|
5212
|
-
var
|
|
5336
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5213
5337
|
|
|
5214
5338
|
// src/components/ListGroup.tsx
|
|
5215
5339
|
var import_react36 = require("react");
|
|
5216
|
-
var
|
|
5217
|
-
var
|
|
5340
|
+
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5341
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5218
5342
|
|
|
5219
5343
|
// src/components/Pagination.tsx
|
|
5220
5344
|
var import_react37 = require("react");
|
|
5221
|
-
var
|
|
5222
|
-
var
|
|
5345
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5346
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5223
5347
|
var Pagination = ({
|
|
5224
5348
|
totalPages,
|
|
5225
5349
|
currentPage,
|
|
@@ -5283,7 +5407,7 @@ var Pagination = ({
|
|
|
5283
5407
|
return tokens;
|
|
5284
5408
|
}, [totalPages, currentPage]);
|
|
5285
5409
|
if (totalPages <= 1) return null;
|
|
5286
|
-
const buttonClass = (0,
|
|
5410
|
+
const buttonClass = (0, import_clsx37.default)(
|
|
5287
5411
|
"cursor-pointer disabled:cursor-default",
|
|
5288
5412
|
paddingUsingComponentGap,
|
|
5289
5413
|
"w-8 h-8",
|
|
@@ -5294,14 +5418,14 @@ var Pagination = ({
|
|
|
5294
5418
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5295
5419
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5296
5420
|
);
|
|
5297
|
-
return /* @__PURE__ */ (0,
|
|
5421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
5298
5422
|
"nav",
|
|
5299
5423
|
{
|
|
5300
5424
|
id,
|
|
5301
5425
|
"data-testid": testid,
|
|
5302
5426
|
"aria-label": "Pagination",
|
|
5303
5427
|
onKeyDown: handleKey,
|
|
5304
|
-
className: (0,
|
|
5428
|
+
className: (0, import_clsx37.default)(
|
|
5305
5429
|
"flex items-center",
|
|
5306
5430
|
"border border-border-primary-normal",
|
|
5307
5431
|
"bg-background-grouped-primary-normal",
|
|
@@ -5309,19 +5433,19 @@ var Pagination = ({
|
|
|
5309
5433
|
className
|
|
5310
5434
|
),
|
|
5311
5435
|
children: [
|
|
5312
|
-
/* @__PURE__ */ (0,
|
|
5436
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5313
5437
|
"button",
|
|
5314
5438
|
{
|
|
5315
5439
|
disabled: disabled || currentPage <= 1,
|
|
5316
5440
|
"aria-label": "Previous page",
|
|
5317
5441
|
onClick: () => goTo(currentPage - 1),
|
|
5318
|
-
className: (0,
|
|
5319
|
-
children: /* @__PURE__ */ (0,
|
|
5442
|
+
className: (0, import_clsx37.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5320
5444
|
}
|
|
5321
5445
|
),
|
|
5322
|
-
/* @__PURE__ */ (0,
|
|
5446
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: (0, import_clsx37.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5323
5447
|
if (token === "ellipsis") {
|
|
5324
|
-
return /* @__PURE__ */ (0,
|
|
5448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5325
5449
|
"li",
|
|
5326
5450
|
{
|
|
5327
5451
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5331,29 +5455,29 @@ var Pagination = ({
|
|
|
5331
5455
|
);
|
|
5332
5456
|
}
|
|
5333
5457
|
const selected = token === currentPage;
|
|
5334
|
-
return /* @__PURE__ */ (0,
|
|
5458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5335
5459
|
"button",
|
|
5336
5460
|
{
|
|
5337
5461
|
"aria-label": `Page ${token}`,
|
|
5338
5462
|
"aria-current": selected ? "page" : void 0,
|
|
5339
5463
|
disabled,
|
|
5340
5464
|
onClick: () => goTo(token),
|
|
5341
|
-
className: (0,
|
|
5465
|
+
className: (0, import_clsx37.default)(
|
|
5342
5466
|
buttonClass,
|
|
5343
5467
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5344
5468
|
),
|
|
5345
|
-
children: /* @__PURE__ */ (0,
|
|
5469
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5346
5470
|
}
|
|
5347
5471
|
) }, token);
|
|
5348
5472
|
}) }),
|
|
5349
|
-
/* @__PURE__ */ (0,
|
|
5473
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5350
5474
|
"button",
|
|
5351
5475
|
{
|
|
5352
5476
|
disabled: disabled || currentPage >= totalPages,
|
|
5353
5477
|
"aria-label": "Next page",
|
|
5354
5478
|
onClick: () => goTo(currentPage + 1),
|
|
5355
|
-
className: (0,
|
|
5356
|
-
children: /* @__PURE__ */ (0,
|
|
5479
|
+
className: (0, import_clsx37.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5480
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5357
5481
|
}
|
|
5358
5482
|
)
|
|
5359
5483
|
]
|
|
@@ -5363,24 +5487,28 @@ var Pagination = ({
|
|
|
5363
5487
|
Pagination.displayName = "Pagination";
|
|
5364
5488
|
|
|
5365
5489
|
// src/components/SkeletonParagraph.tsx
|
|
5366
|
-
var
|
|
5490
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5367
5491
|
|
|
5368
5492
|
// src/components/EmptyCartIcon.tsx
|
|
5369
|
-
var
|
|
5493
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5370
5494
|
|
|
5371
|
-
// src/components/
|
|
5372
|
-
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5495
|
+
// src/components/SearchResultImage/index.tsx
|
|
5373
5496
|
var import_react38 = require("react");
|
|
5374
|
-
var
|
|
5497
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5498
|
+
|
|
5499
|
+
// src/components/Alert.tsx
|
|
5500
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5501
|
+
var import_react39 = require("react");
|
|
5502
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5375
5503
|
|
|
5376
5504
|
// src/components/DataGrid/TableBody/index.tsx
|
|
5377
|
-
var
|
|
5505
|
+
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
5378
5506
|
|
|
5379
5507
|
// src/components/DataGrid/TableBody/TableBodyRow.tsx
|
|
5380
|
-
var
|
|
5508
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5381
5509
|
var import_react_table3 = require("@tanstack/react-table");
|
|
5382
|
-
var
|
|
5383
|
-
var
|
|
5510
|
+
var import_react40 = __toESM(require("react"), 1);
|
|
5511
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5384
5512
|
var valueFormatters = {
|
|
5385
5513
|
date: (value) => typeof value === "string" ? formatDate(value) : "",
|
|
5386
5514
|
currency: (value) => formatCurrencyDisplay(value)
|
|
@@ -5413,10 +5541,10 @@ function TableBodyRow({
|
|
|
5413
5541
|
const columns = locked ? visibleCells : virtualColumns;
|
|
5414
5542
|
const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
|
|
5415
5543
|
const CellElement = locked ? DataGridCell : DragAlongCell;
|
|
5416
|
-
return /* @__PURE__ */ (0,
|
|
5544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
5417
5545
|
"tr",
|
|
5418
5546
|
{
|
|
5419
|
-
className: (0,
|
|
5547
|
+
className: (0, import_clsx39.default)(
|
|
5420
5548
|
"min-h-10",
|
|
5421
5549
|
"transition-colors hover:bg-background-action-secondary-hover",
|
|
5422
5550
|
row.getIsSelected() && "!bg-background-action-secondary-hover",
|
|
@@ -5434,7 +5562,7 @@ function TableBodyRow({
|
|
|
5434
5562
|
children: [
|
|
5435
5563
|
!locked && virtualPaddingLeft ? (
|
|
5436
5564
|
// fake empty column to the left for virtualization scroll padding
|
|
5437
|
-
/* @__PURE__ */ (0,
|
|
5565
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
|
|
5438
5566
|
) : null,
|
|
5439
5567
|
columns.map((column) => {
|
|
5440
5568
|
var _a2, _b, _c, _d;
|
|
@@ -5445,17 +5573,17 @@ function TableBodyRow({
|
|
|
5445
5573
|
const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
|
|
5446
5574
|
const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
|
|
5447
5575
|
const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
5448
|
-
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0,
|
|
5576
|
+
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react40.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5449
5577
|
CellElement,
|
|
5450
5578
|
{
|
|
5451
5579
|
id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
5452
5580
|
testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
5453
5581
|
cell,
|
|
5454
|
-
className: (0,
|
|
5582
|
+
className: (0, import_clsx39.default)({
|
|
5455
5583
|
"justify-start": cellAlignment === "left",
|
|
5456
5584
|
"justify-end": cellAlignment === "right"
|
|
5457
5585
|
}),
|
|
5458
|
-
children: /* @__PURE__ */ (0,
|
|
5586
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5459
5587
|
Tooltip,
|
|
5460
5588
|
{
|
|
5461
5589
|
id: id ? `${id}-tooltip-${cell.id}` : void 0,
|
|
@@ -5463,7 +5591,7 @@ function TableBodyRow({
|
|
|
5463
5591
|
showOnTruncation: true,
|
|
5464
5592
|
message: cellValue,
|
|
5465
5593
|
position: "bottom",
|
|
5466
|
-
children: /* @__PURE__ */ (0,
|
|
5594
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Paragraph, { addOverflow: true, tall: true, children: cellValue })
|
|
5467
5595
|
}
|
|
5468
5596
|
)
|
|
5469
5597
|
},
|
|
@@ -5472,7 +5600,7 @@ function TableBodyRow({
|
|
|
5472
5600
|
}),
|
|
5473
5601
|
!locked && virtualPaddingRight ? (
|
|
5474
5602
|
// fake empty column to the right for virtualization scroll padding
|
|
5475
|
-
/* @__PURE__ */ (0,
|
|
5603
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
|
|
5476
5604
|
) : null
|
|
5477
5605
|
]
|
|
5478
5606
|
},
|
|
@@ -5481,7 +5609,7 @@ function TableBodyRow({
|
|
|
5481
5609
|
}
|
|
5482
5610
|
|
|
5483
5611
|
// src/components/DataGrid/TableBody/LoadingCell.tsx
|
|
5484
|
-
var
|
|
5612
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5485
5613
|
function LoadingCell({
|
|
5486
5614
|
id,
|
|
5487
5615
|
testid,
|
|
@@ -5489,16 +5617,16 @@ function LoadingCell({
|
|
|
5489
5617
|
}) {
|
|
5490
5618
|
const key = `loading-${column.id}`;
|
|
5491
5619
|
if (column.cell === "checkbox") {
|
|
5492
|
-
return /* @__PURE__ */ (0,
|
|
5620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
|
|
5493
5621
|
}
|
|
5494
5622
|
if (column.cell === "input") {
|
|
5495
|
-
return /* @__PURE__ */ (0,
|
|
5623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5496
5624
|
DataGridCell,
|
|
5497
5625
|
{
|
|
5498
5626
|
id: id ? `${id}-${key}` : void 0,
|
|
5499
5627
|
testid: testid ? `${testid}-${key}` : void 0,
|
|
5500
5628
|
component: "input",
|
|
5501
|
-
children: /* @__PURE__ */ (0,
|
|
5629
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5502
5630
|
Input,
|
|
5503
5631
|
{
|
|
5504
5632
|
id: id ? `${id}-${key}-input` : void 0,
|
|
@@ -5512,11 +5640,11 @@ function LoadingCell({
|
|
|
5512
5640
|
key
|
|
5513
5641
|
);
|
|
5514
5642
|
}
|
|
5515
|
-
return /* @__PURE__ */ (0,
|
|
5643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
|
|
5516
5644
|
}
|
|
5517
5645
|
|
|
5518
5646
|
// src/components/DataGrid/TableBody/index.tsx
|
|
5519
|
-
var
|
|
5647
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5520
5648
|
function TableBody({
|
|
5521
5649
|
id,
|
|
5522
5650
|
testid,
|
|
@@ -5550,10 +5678,10 @@ function TableBody({
|
|
|
5550
5678
|
} else {
|
|
5551
5679
|
headerGroups = table.getCenterHeaderGroups();
|
|
5552
5680
|
}
|
|
5553
|
-
return /* @__PURE__ */ (0,
|
|
5681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5554
5682
|
"tbody",
|
|
5555
5683
|
{
|
|
5556
|
-
className: (0,
|
|
5684
|
+
className: (0, import_clsx40.default)(locked ? "shadow-16" : ""),
|
|
5557
5685
|
style: {
|
|
5558
5686
|
display: "grid",
|
|
5559
5687
|
height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
|
|
@@ -5562,7 +5690,7 @@ function TableBody({
|
|
|
5562
5690
|
// needed for absolute positioning of rows
|
|
5563
5691
|
},
|
|
5564
5692
|
children: [
|
|
5565
|
-
showFilterRow && /* @__PURE__ */ (0,
|
|
5693
|
+
showFilterRow && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5566
5694
|
"tr",
|
|
5567
5695
|
{
|
|
5568
5696
|
style: {
|
|
@@ -5578,7 +5706,7 @@ function TableBody({
|
|
|
5578
5706
|
children: headerGroups.flatMap(
|
|
5579
5707
|
(x) => x.headers.map((header) => {
|
|
5580
5708
|
var _a, _b, _c, _d, _e;
|
|
5581
|
-
return /* @__PURE__ */ (0,
|
|
5709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5582
5710
|
CellElement,
|
|
5583
5711
|
{
|
|
5584
5712
|
id: id ? `${id}-filter-cell-${header.id}` : void 0,
|
|
@@ -5589,7 +5717,7 @@ function TableBody({
|
|
|
5589
5717
|
children: header.column.getCanFilter() && ((_e = (_c = (_b = header.column.columnDef.meta) == null ? void 0 : _b.filterRowCell) == null ? void 0 : _c.call(_b, {
|
|
5590
5718
|
header,
|
|
5591
5719
|
table
|
|
5592
|
-
})) != null ? _e : /* @__PURE__ */ (0,
|
|
5720
|
+
})) != null ? _e : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5593
5721
|
Search,
|
|
5594
5722
|
{
|
|
5595
5723
|
id: id ? `${id}-filter-search-${header.id}` : void 0,
|
|
@@ -5610,7 +5738,7 @@ function TableBody({
|
|
|
5610
5738
|
),
|
|
5611
5739
|
virtualRows.map((virtualRow) => {
|
|
5612
5740
|
const row = rows[virtualRow.index];
|
|
5613
|
-
return /* @__PURE__ */ (0,
|
|
5741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5614
5742
|
TableBodyRow,
|
|
5615
5743
|
{
|
|
5616
5744
|
id,
|
|
@@ -5629,7 +5757,7 @@ function TableBody({
|
|
|
5629
5757
|
row.id
|
|
5630
5758
|
);
|
|
5631
5759
|
}),
|
|
5632
|
-
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0,
|
|
5760
|
+
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5633
5761
|
"tr",
|
|
5634
5762
|
{
|
|
5635
5763
|
style: {
|
|
@@ -5639,7 +5767,7 @@ function TableBody({
|
|
|
5639
5767
|
transform: `translateY(${virtualRows[virtualRows.length - 1].start + 40}px)`
|
|
5640
5768
|
},
|
|
5641
5769
|
className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
|
|
5642
|
-
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0,
|
|
5770
|
+
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5643
5771
|
LoadingCell,
|
|
5644
5772
|
{
|
|
5645
5773
|
id,
|