@aivenio/aquarium 1.5.0 → 1.7.0
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/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/src/common/DataList/DataList.d.ts +1 -0
- package/dist/src/common/DataList/DataList.js +3 -3
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/components/DataList/DataList.d.ts +7 -1
- package/dist/src/components/DataList/DataList.js +3 -3
- package/dist/src/components/DataTable/DataTable.d.ts +7 -1
- package/dist/src/components/DataTable/DataTable.js +3 -3
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +4 -0
- package/dist/src/components/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -1
- package/dist/src/components/EmptyState/EmptyState.js +4 -4
- package/dist/src/components/LineClamp/LineClamp.d.ts +22 -0
- package/dist/src/components/LineClamp/LineClamp.js +17 -0
- package/dist/src/components/MultiInput/MultiInput.d.ts +2 -1
- package/dist/src/components/MultiInput/MultiInput.js +3 -2
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -0
- package/dist/src/components/Popover/PopoverWrapper.js +3 -3
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.js +2 -1
- package/dist/styles.css +39 -0
- package/dist/styles_timescaledb.css +39 -0
- package/dist/system.cjs +359 -320
- package/dist/system.mjs +326 -288
- package/dist/tailwind.config.js +11 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +2 -1
package/dist/system.mjs
CHANGED
@@ -1586,6 +1586,7 @@ __export(components_exports, {
|
|
1586
1586
|
InlineIcon: () => InlineIcon,
|
1587
1587
|
Input: () => Input2,
|
1588
1588
|
InputBase: () => InputBase,
|
1589
|
+
LineClamp: () => LineClamp,
|
1589
1590
|
List: () => List,
|
1590
1591
|
ListItem: () => ListItem,
|
1591
1592
|
Modal: () => Modal2,
|
@@ -4837,7 +4838,7 @@ var PopoverPanel = React38.forwardRef((_a, ref) => {
|
|
4837
4838
|
className: classNames(
|
4838
4839
|
className,
|
4839
4840
|
tw(
|
4840
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
4841
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
|
4841
4842
|
)
|
4842
4843
|
)
|
4843
4844
|
}, props), children);
|
@@ -4860,7 +4861,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
4860
4861
|
isNonModal = true,
|
4861
4862
|
isDismissable,
|
4862
4863
|
autoFocus,
|
4863
|
-
containFocus
|
4864
|
+
containFocus,
|
4865
|
+
className
|
4864
4866
|
} = _a, otherProps = __objRest(_a, [
|
4865
4867
|
"id",
|
4866
4868
|
"children",
|
@@ -4873,7 +4875,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
4873
4875
|
"isNonModal",
|
4874
4876
|
"isDismissable",
|
4875
4877
|
"autoFocus",
|
4876
|
-
"containFocus"
|
4878
|
+
"containFocus",
|
4879
|
+
"className"
|
4877
4880
|
]);
|
4878
4881
|
const { overlayProps } = useOverlay(
|
4879
4882
|
__spreadProps(__spreadValues({}, props), { isDismissable: isDismissable && isOpen }),
|
@@ -4893,7 +4896,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
|
|
4893
4896
|
ref,
|
4894
4897
|
role: "dialog"
|
4895
4898
|
}, mergeProps2(otherProps, modalProps, overlayProps)), {
|
4896
|
-
id: id != null ? id : overlayProps.id
|
4899
|
+
id: id != null ? id : overlayProps.id,
|
4900
|
+
className
|
4897
4901
|
}), children, /* @__PURE__ */ React39.createElement(DismissButton, {
|
4898
4902
|
onDismiss: props.onClose
|
4899
4903
|
}))));
|
@@ -5308,10 +5312,11 @@ var Row = (_a) => {
|
|
5308
5312
|
}));
|
5309
5313
|
};
|
5310
5314
|
var SortCell = (_a) => {
|
5311
|
-
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
5315
|
+
var _b = _a, { children, direction = "none", onClick, sticky } = _b, rest = __objRest(_b, ["children", "direction", "onClick", "sticky"]);
|
5312
5316
|
return /* @__PURE__ */ React45.createElement(HeadCell, __spreadProps(__spreadValues({}, rest), {
|
5313
5317
|
"aria-sort": direction,
|
5314
|
-
role: "cell"
|
5318
|
+
role: "cell",
|
5319
|
+
sticky
|
5315
5320
|
}), /* @__PURE__ */ React45.createElement("span", {
|
5316
5321
|
className: getSortCellButtonClassNames(rest.align),
|
5317
5322
|
role: "button",
|
@@ -5369,7 +5374,7 @@ var useTableSort = () => {
|
|
5369
5374
|
};
|
5370
5375
|
|
5371
5376
|
// src/components/DataList/DataList.tsx
|
5372
|
-
var DataList2 = ({ columns, rows }) => {
|
5377
|
+
var DataList2 = ({ columns, rows, sticky }) => {
|
5373
5378
|
const [sort, updateSort] = useTableSort();
|
5374
5379
|
const sortedRows = orderBy2(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
5375
5380
|
const templateColumns = columns.map((column) => {
|
@@ -5381,8 +5386,11 @@ var DataList2 = ({ columns, rows }) => {
|
|
5381
5386
|
}, columns.map(
|
5382
5387
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React47.createElement(DataList.SortCell, __spreadValues({
|
5383
5388
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
5384
|
-
onClick: () => updateSort(column.field)
|
5385
|
-
|
5389
|
+
onClick: () => updateSort(column.field),
|
5390
|
+
sticky
|
5391
|
+
}, cellProps(column)), column.headerName) : /* @__PURE__ */ React47.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
|
5392
|
+
sticky
|
5393
|
+
}), column.headerName)
|
5386
5394
|
), /* @__PURE__ */ React47.createElement(List, {
|
5387
5395
|
items: sortedRows,
|
5388
5396
|
renderItem: (row, index) => /* @__PURE__ */ React47.createElement(DataList.Row, {
|
@@ -5450,12 +5458,14 @@ var DataTable = (_a) => {
|
|
5450
5458
|
columns,
|
5451
5459
|
rows,
|
5452
5460
|
noWrap = false,
|
5453
|
-
layout = "auto"
|
5461
|
+
layout = "auto",
|
5462
|
+
sticky
|
5454
5463
|
} = _b, rest = __objRest(_b, [
|
5455
5464
|
"columns",
|
5456
5465
|
"rows",
|
5457
5466
|
"noWrap",
|
5458
|
-
"layout"
|
5467
|
+
"layout",
|
5468
|
+
"sticky"
|
5459
5469
|
]);
|
5460
5470
|
const [sort, updateSort] = useTableSort();
|
5461
5471
|
const sortedRows = orderBy3(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
|
@@ -5465,7 +5475,9 @@ var DataTable = (_a) => {
|
|
5465
5475
|
"table-auto": layout === "auto",
|
5466
5476
|
"table-fixed": layout === "fixed"
|
5467
5477
|
})
|
5468
|
-
}), /* @__PURE__ */ React50.createElement(Table2.Head,
|
5478
|
+
}), /* @__PURE__ */ React50.createElement(Table2.Head, {
|
5479
|
+
sticky
|
5480
|
+
}, columns.map(
|
5469
5481
|
(column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React50.createElement(Table2.SortCell, __spreadValues({
|
5470
5482
|
direction: sort && sort.key === column.field ? sort.direction : "none",
|
5471
5483
|
onClick: () => updateSort(column.field),
|
@@ -5775,7 +5787,8 @@ var Popover2 = (props) => {
|
|
5775
5787
|
autoFocus,
|
5776
5788
|
containFocus
|
5777
5789
|
}, popoverProps), otherOverlayProps), {
|
5778
|
-
id
|
5790
|
+
id,
|
5791
|
+
className: child.props.className
|
5779
5792
|
}), child.props.children);
|
5780
5793
|
}
|
5781
5794
|
throw new Error("Invalid children element type");
|
@@ -6337,7 +6350,7 @@ var MenuWrapper = (_a) => {
|
|
6337
6350
|
var ItemWrapper = ({ item, state }) => {
|
6338
6351
|
const ref = React59.useRef(null);
|
6339
6352
|
const { menuItemProps, descriptionProps, isSelected, isFocused, isDisabled } = useMenuItem(
|
6340
|
-
{ key: item.key },
|
6353
|
+
{ key: item.key, closeOnSelect: item.props.closeOnSelect },
|
6341
6354
|
state,
|
6342
6355
|
ref
|
6343
6356
|
);
|
@@ -6462,6 +6475,7 @@ var EmptyState = ({
|
|
6462
6475
|
imageAlt = "",
|
6463
6476
|
imageWidth,
|
6464
6477
|
description,
|
6478
|
+
children,
|
6465
6479
|
primaryAction,
|
6466
6480
|
secondaryAction,
|
6467
6481
|
footer,
|
@@ -6499,12 +6513,12 @@ var EmptyState = ({
|
|
6499
6513
|
}, /* @__PURE__ */ React61.createElement(Typography2, {
|
6500
6514
|
variant: "heading",
|
6501
6515
|
htmlTag: "h2"
|
6502
|
-
}, title), description && /* @__PURE__ */ React61.createElement(Box, {
|
6516
|
+
}, title), (description || children) && /* @__PURE__ */ React61.createElement(Box, {
|
6503
6517
|
marginTop: "5"
|
6504
6518
|
}, /* @__PURE__ */ React61.createElement(Typography2, {
|
6505
6519
|
variant: "default",
|
6506
6520
|
color: "grey-60"
|
6507
|
-
}, description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
|
6521
|
+
}, children || description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
|
6508
6522
|
marginTop: "7",
|
6509
6523
|
gap: "4",
|
6510
6524
|
justifyContent: "center",
|
@@ -6558,24 +6572,44 @@ var GridItem = Tailwindify(
|
|
6558
6572
|
}
|
6559
6573
|
);
|
6560
6574
|
|
6561
|
-
// src/components/
|
6575
|
+
// src/components/LineClamp/LineClamp.tsx
|
6562
6576
|
import React63 from "react";
|
6563
|
-
var
|
6577
|
+
var LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
|
6578
|
+
const ref = React63.useRef(null);
|
6579
|
+
const [clamped, setClamped] = React63.useState(true);
|
6580
|
+
const [isClampingEnabled, setClampingEnabled] = React63.useState(false);
|
6581
|
+
React63.useEffect(() => {
|
6582
|
+
var _a, _b;
|
6583
|
+
const el = ref.current;
|
6584
|
+
setClampingEnabled(((_a = el == null ? void 0 : el.scrollHeight) != null ? _a : 0) > ((_b = el == null ? void 0 : el.clientHeight) != null ? _b : 0));
|
6585
|
+
}, [ref.current]);
|
6586
|
+
return /* @__PURE__ */ React63.createElement("div", null, /* @__PURE__ */ React63.createElement("div", {
|
6587
|
+
ref,
|
6588
|
+
className: classNames({ [`line-clamp-${lines}`]: clamped })
|
6589
|
+
}, children), expandLabel && isClampingEnabled && /* @__PURE__ */ React63.createElement(GhostButton, {
|
6590
|
+
dense: true,
|
6591
|
+
onClick: () => setClamped(!clamped)
|
6592
|
+
}, clamped ? expandLabel : collapseLabel));
|
6593
|
+
};
|
6594
|
+
|
6595
|
+
// src/components/List/List.tsx
|
6596
|
+
import React64 from "react";
|
6597
|
+
var List = ({ items, renderItem, container = React64.Fragment }) => {
|
6564
6598
|
const Component = container;
|
6565
|
-
return /* @__PURE__ */
|
6599
|
+
return /* @__PURE__ */ React64.createElement(Component, null, items.map(renderItem));
|
6566
6600
|
};
|
6567
6601
|
|
6568
6602
|
// src/components/ListItem/ListItem.tsx
|
6569
|
-
import
|
6603
|
+
import React65 from "react";
|
6570
6604
|
var ListItem = ({ name, icon, active = false }) => {
|
6571
|
-
return /* @__PURE__ */
|
6605
|
+
return /* @__PURE__ */ React65.createElement(Flexbox, {
|
6572
6606
|
alignItems: "center"
|
6573
|
-
}, /* @__PURE__ */
|
6607
|
+
}, /* @__PURE__ */ React65.createElement(Typography2, {
|
6574
6608
|
variant: active ? "small-strong" : "small",
|
6575
6609
|
color: "grey-70",
|
6576
6610
|
htmlTag: "span",
|
6577
6611
|
className: `px-4 py-2 rounded-full ${active ? "bg-grey-5" : "hover:bg-grey-0"}`
|
6578
|
-
}, /* @__PURE__ */
|
6612
|
+
}, /* @__PURE__ */ React65.createElement("img", {
|
6579
6613
|
src: icon,
|
6580
6614
|
alt: name,
|
6581
6615
|
className: "inline mr-4",
|
@@ -6585,7 +6619,7 @@ var ListItem = ({ name, icon, active = false }) => {
|
|
6585
6619
|
};
|
6586
6620
|
|
6587
6621
|
// src/components/Modal/Modal.tsx
|
6588
|
-
import
|
6622
|
+
import React67 from "react";
|
6589
6623
|
import { useDialog as useDialog2 } from "@react-aria/dialog";
|
6590
6624
|
import { FocusScope as FocusScope3 } from "@react-aria/focus";
|
6591
6625
|
import { Overlay as Overlay2, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
|
@@ -6595,18 +6629,18 @@ import castArray from "lodash/castArray";
|
|
6595
6629
|
import omit10 from "lodash/omit";
|
6596
6630
|
|
6597
6631
|
// src/components/Tabs/Tabs.tsx
|
6598
|
-
import
|
6632
|
+
import React66, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
|
6599
6633
|
import isNumber4 from "lodash/isNumber";
|
6600
6634
|
import kebabCase from "lodash/kebabCase";
|
6601
6635
|
var import_chevronLeft2 = __toESM(require_chevronLeft());
|
6602
6636
|
var import_chevronRight2 = __toESM(require_chevronRight());
|
6603
6637
|
var import_warningSign3 = __toESM(require_warningSign());
|
6604
6638
|
var isTabComponent = (c) => {
|
6605
|
-
return
|
6639
|
+
return React66.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
|
6606
6640
|
};
|
6607
|
-
var Tab =
|
6641
|
+
var Tab = React66.forwardRef(
|
6608
6642
|
({ className, id, title, children }, ref) => {
|
6609
|
-
return /* @__PURE__ */
|
6643
|
+
return /* @__PURE__ */ React66.createElement("div", {
|
6610
6644
|
ref,
|
6611
6645
|
id: `${id != null ? id : kebabCase(title)}-panel`,
|
6612
6646
|
className,
|
@@ -6618,14 +6652,14 @@ var Tab = React65.forwardRef(
|
|
6618
6652
|
);
|
6619
6653
|
var TabContainer = (_a) => {
|
6620
6654
|
var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
|
6621
|
-
return /* @__PURE__ */
|
6655
|
+
return /* @__PURE__ */ React66.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
6622
6656
|
className: classNames("py-6 z-0", className)
|
6623
6657
|
}), children);
|
6624
6658
|
};
|
6625
6659
|
var ModalTab = Tab;
|
6626
6660
|
var ModalTabContainer = TabContainer;
|
6627
6661
|
var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
6628
|
-
const Tab2 =
|
6662
|
+
const Tab2 = React66.forwardRef(
|
6629
6663
|
(_a, ref) => {
|
6630
6664
|
var _b = _a, {
|
6631
6665
|
id,
|
@@ -6655,17 +6689,17 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
|
6655
6689
|
const _id = id != null ? id : kebabCase(title);
|
6656
6690
|
let statusIcon = void 0;
|
6657
6691
|
if (status === "warning") {
|
6658
|
-
statusIcon = /* @__PURE__ */
|
6692
|
+
statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
|
6659
6693
|
icon: import_warningSign3.default,
|
6660
6694
|
color: "warning-80"
|
6661
6695
|
});
|
6662
6696
|
} else if (status === "error") {
|
6663
|
-
statusIcon = /* @__PURE__ */
|
6697
|
+
statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
|
6664
6698
|
icon: import_warningSign3.default,
|
6665
6699
|
color: "error-50"
|
6666
6700
|
});
|
6667
6701
|
}
|
6668
|
-
const tab = /* @__PURE__ */
|
6702
|
+
const tab = /* @__PURE__ */ React66.createElement(Component, __spreadValues({
|
6669
6703
|
ref,
|
6670
6704
|
id: `${_id}-tab`,
|
6671
6705
|
onClick: () => !disabled && onSelected(value != null ? value : index),
|
@@ -6682,24 +6716,24 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
|
6682
6716
|
"aria-selected": selected,
|
6683
6717
|
"aria-controls": `${_id}-panel`,
|
6684
6718
|
tabIndex: disabled ? void 0 : 0
|
6685
|
-
}, rest), /* @__PURE__ */
|
6719
|
+
}, rest), /* @__PURE__ */ React66.createElement(Typography2, {
|
6686
6720
|
htmlTag: "div",
|
6687
6721
|
variant: "small",
|
6688
6722
|
color: selected ? "primary-80" : disabled ? "grey-20" : "current",
|
6689
6723
|
className: tw("inline-flex items-center gap-3")
|
6690
|
-
}, /* @__PURE__ */
|
6724
|
+
}, /* @__PURE__ */ React66.createElement("span", {
|
6691
6725
|
className: tw("whitespace-nowrap")
|
6692
|
-
}, title), isNumber4(badge) && /* @__PURE__ */
|
6726
|
+
}, title), isNumber4(badge) && /* @__PURE__ */ React66.createElement(Typography2, {
|
6693
6727
|
htmlTag: "span",
|
6694
6728
|
variant: "small",
|
6695
6729
|
color: selected ? "primary-80" : "grey-5",
|
6696
6730
|
className: "leading-none"
|
6697
|
-
}, /* @__PURE__ */
|
6731
|
+
}, /* @__PURE__ */ React66.createElement(TabBadge, {
|
6698
6732
|
kind: "filled",
|
6699
6733
|
value: badge,
|
6700
6734
|
textClassname: classNames({ "text-white": selected, "text-grey-50": !selected })
|
6701
6735
|
})), statusIcon));
|
6702
|
-
return tooltip ? /* @__PURE__ */
|
6736
|
+
return tooltip ? /* @__PURE__ */ React66.createElement(Tooltip, {
|
6703
6737
|
content: tooltip
|
6704
6738
|
}, tab) : tab;
|
6705
6739
|
}
|
@@ -6713,7 +6747,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6713
6747
|
const Tabs2 = (props) => {
|
6714
6748
|
var _a, _b;
|
6715
6749
|
const { className, value, defaultValue, onChange, children } = props;
|
6716
|
-
const childArr =
|
6750
|
+
const childArr = React66.Children.toArray(children);
|
6717
6751
|
const firstTab = childArr[0];
|
6718
6752
|
const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
|
6719
6753
|
const [selected, setSelected] = useState7((_b = (_a = value != null ? value : defaultValue) != null ? _a : firstTabValue) != null ? _b : 0);
|
@@ -6726,7 +6760,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6726
6760
|
var _a2, _b2;
|
6727
6761
|
const container = containerRef.current;
|
6728
6762
|
const tabs = tabsRef.current;
|
6729
|
-
const values =
|
6763
|
+
const values = React66.Children.map(
|
6730
6764
|
children,
|
6731
6765
|
(tab, i) => {
|
6732
6766
|
var _a3;
|
@@ -6767,7 +6801,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6767
6801
|
updateCarets();
|
6768
6802
|
setSelected(value);
|
6769
6803
|
revealSelectedTab({ smooth: value !== selected });
|
6770
|
-
}, [value,
|
6804
|
+
}, [value, React66.Children.count(children)]);
|
6771
6805
|
useLayoutEffect2(() => {
|
6772
6806
|
var _a2;
|
6773
6807
|
updateCarets();
|
@@ -6831,27 +6865,27 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6831
6865
|
const handleSelected = (key) => {
|
6832
6866
|
(onChange != null ? onChange : setSelected)(key);
|
6833
6867
|
};
|
6834
|
-
|
6868
|
+
React66.Children.forEach(children, (c) => {
|
6835
6869
|
if (c && !isTabComponent(c)) {
|
6836
6870
|
throw new Error("<Tabs> can only have <Tabs.Tab> components as children");
|
6837
6871
|
}
|
6838
6872
|
});
|
6839
|
-
return /* @__PURE__ */
|
6873
|
+
return /* @__PURE__ */ React66.createElement("div", {
|
6840
6874
|
ref: parentRef,
|
6841
6875
|
className: classNames(tw("h-full"), className)
|
6842
|
-
}, /* @__PURE__ */
|
6876
|
+
}, /* @__PURE__ */ React66.createElement("div", {
|
6843
6877
|
className: tw("relative flex items-center h-full border-b-2 border-grey-10")
|
6844
|
-
}, /* @__PURE__ */
|
6878
|
+
}, /* @__PURE__ */ React66.createElement("div", {
|
6845
6879
|
ref: containerRef,
|
6846
6880
|
className: tw("overflow-y-auto scrollbar-hide h-full mb-[-2px]")
|
6847
|
-
}, /* @__PURE__ */
|
6881
|
+
}, /* @__PURE__ */ React66.createElement("div", {
|
6848
6882
|
ref: tabsRef,
|
6849
6883
|
role: "tablist",
|
6850
6884
|
"aria-label": "tabs",
|
6851
6885
|
className: tw("inline-flex items-center cursor-pointer font-normal h-full")
|
6852
|
-
},
|
6886
|
+
}, React66.Children.map(
|
6853
6887
|
children,
|
6854
|
-
(tab, index) => tab ? /* @__PURE__ */
|
6888
|
+
(tab, index) => tab ? /* @__PURE__ */ React66.createElement(TabItemComponent, __spreadProps(__spreadValues({
|
6855
6889
|
key: tab.props.value
|
6856
6890
|
}, tab.props), {
|
6857
6891
|
index,
|
@@ -6859,20 +6893,20 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6859
6893
|
onKeyDown: handleKeyDown,
|
6860
6894
|
onSelected: handleSelected
|
6861
6895
|
})) : void 0
|
6862
|
-
))), leftCaret && /* @__PURE__ */
|
6896
|
+
))), leftCaret && /* @__PURE__ */ React66.createElement("div", {
|
6863
6897
|
className: tw("absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4")
|
6864
|
-
}, /* @__PURE__ */
|
6898
|
+
}, /* @__PURE__ */ React66.createElement("div", {
|
6865
6899
|
onClick: () => handleScrollToNext("left"),
|
6866
6900
|
className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
|
6867
|
-
}, /* @__PURE__ */
|
6901
|
+
}, /* @__PURE__ */ React66.createElement(InlineIcon, {
|
6868
6902
|
icon: import_chevronLeft2.default
|
6869
|
-
}))), rightCaret && /* @__PURE__ */
|
6903
|
+
}))), rightCaret && /* @__PURE__ */ React66.createElement("div", {
|
6870
6904
|
onClick: () => handleScrollToNext("right"),
|
6871
6905
|
className: tw("absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4")
|
6872
|
-
}, /* @__PURE__ */
|
6906
|
+
}, /* @__PURE__ */ React66.createElement("div", {
|
6873
6907
|
onClick: () => handleScrollToNext("right"),
|
6874
6908
|
className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
|
6875
|
-
}, /* @__PURE__ */
|
6909
|
+
}, /* @__PURE__ */ React66.createElement(InlineIcon, {
|
6876
6910
|
icon: import_chevronRight2.default
|
6877
6911
|
})))), renderChildren(children, selected, props));
|
6878
6912
|
};
|
@@ -6880,7 +6914,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6880
6914
|
Tabs2.Tab = TabComponent;
|
6881
6915
|
return Tabs2;
|
6882
6916
|
};
|
6883
|
-
var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */
|
6917
|
+
var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React66.createElement(TabContainer, null, children.find(
|
6884
6918
|
(node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
|
6885
6919
|
)));
|
6886
6920
|
|
@@ -6897,7 +6931,7 @@ var Modal2 = ({
|
|
6897
6931
|
secondaryActions,
|
6898
6932
|
size
|
6899
6933
|
}) => {
|
6900
|
-
const ref =
|
6934
|
+
const ref = React67.useRef(null);
|
6901
6935
|
const state = useOverlayTriggerState4({ isOpen: open });
|
6902
6936
|
const { modalProps, underlayProps } = useModalOverlay2({ isDismissable: false }, state, ref);
|
6903
6937
|
const labelledBy = useId2();
|
@@ -6909,35 +6943,35 @@ var Modal2 = ({
|
|
6909
6943
|
if (!open) {
|
6910
6944
|
return null;
|
6911
6945
|
}
|
6912
|
-
return /* @__PURE__ */
|
6946
|
+
return /* @__PURE__ */ React67.createElement(Overlay2, null, /* @__PURE__ */ React67.createElement(Modal, {
|
6913
6947
|
open: state.isOpen
|
6914
|
-
}, /* @__PURE__ */
|
6948
|
+
}, /* @__PURE__ */ React67.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React67.createElement(FocusScope3, {
|
6915
6949
|
contain: true,
|
6916
6950
|
restoreFocus: true,
|
6917
6951
|
autoFocus: true
|
6918
|
-
}, /* @__PURE__ */
|
6952
|
+
}, /* @__PURE__ */ React67.createElement(Modal.Dialog, __spreadValues(__spreadValues({
|
6919
6953
|
ref,
|
6920
6954
|
size
|
6921
|
-
}, modalProps), dialogProps), /* @__PURE__ */
|
6955
|
+
}, modalProps), dialogProps), /* @__PURE__ */ React67.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React67.createElement(IconButton, {
|
6922
6956
|
"aria-label": "Close",
|
6923
6957
|
icon: import_cross5.default,
|
6924
6958
|
onClick: onClose
|
6925
|
-
})), headerImage !== void 0 && /* @__PURE__ */
|
6959
|
+
})), headerImage !== void 0 && /* @__PURE__ */ React67.createElement(Modal.HeaderImage, {
|
6926
6960
|
backgroundImage: headerImage
|
6927
|
-
}), /* @__PURE__ */
|
6961
|
+
}), /* @__PURE__ */ React67.createElement(Modal.Header, {
|
6928
6962
|
className: tw({ "pb-3": isComponentType(children, ModalTabs) })
|
6929
|
-
}, /* @__PURE__ */
|
6963
|
+
}, /* @__PURE__ */ React67.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React67.createElement(Modal.Title, {
|
6930
6964
|
id: labelledBy
|
6931
|
-
}, title), subtitle && /* @__PURE__ */
|
6965
|
+
}, title), subtitle && /* @__PURE__ */ React67.createElement(Modal.Subtitle, null, subtitle))), isComponentType(children, ModalTabs) ? React67.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React67.createElement(Modal.Body, {
|
6932
6966
|
id: describedBy,
|
6933
6967
|
tabIndex: 0,
|
6934
6968
|
noFooter: !(secondaryActions || primaryAction)
|
6935
|
-
}, children), (secondaryActions || primaryAction) && /* @__PURE__ */
|
6969
|
+
}, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React67.createElement(Modal.Footer, null, /* @__PURE__ */ React67.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
|
6936
6970
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
6937
|
-
return /* @__PURE__ */
|
6971
|
+
return /* @__PURE__ */ React67.createElement(SecondaryButton, __spreadValues({
|
6938
6972
|
key: text
|
6939
6973
|
}, action), text);
|
6940
|
-
}), primaryAction && /* @__PURE__ */
|
6974
|
+
}), primaryAction && /* @__PURE__ */ React67.createElement(PrimaryButton, __spreadValues({
|
6941
6975
|
key: primaryAction.text
|
6942
6976
|
}, omit10(primaryAction, "text")), primaryAction.text)))))));
|
6943
6977
|
};
|
@@ -6945,24 +6979,24 @@ var ModalTabs = createTabsComponent(
|
|
6945
6979
|
ModalTab,
|
6946
6980
|
TabItem,
|
6947
6981
|
"ModalTabs",
|
6948
|
-
(children, selected, props) => /* @__PURE__ */
|
6982
|
+
(children, selected, props) => /* @__PURE__ */ React67.createElement(Modal.Body, {
|
6949
6983
|
maxHeight: props.maxHeight
|
6950
|
-
}, /* @__PURE__ */
|
6984
|
+
}, /* @__PURE__ */ React67.createElement(ModalTabContainer, null, children.find(
|
6951
6985
|
(node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
|
6952
6986
|
)))
|
6953
6987
|
);
|
6954
6988
|
|
6955
6989
|
// src/components/MultiInput/MultiInput.tsx
|
6956
|
-
import
|
6990
|
+
import React69, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
|
6957
6991
|
import castArray2 from "lodash/castArray";
|
6958
6992
|
import identity from "lodash/identity";
|
6959
6993
|
import omit11 from "lodash/omit";
|
6960
6994
|
import uniqueId4 from "lodash/uniqueId";
|
6961
6995
|
|
6962
6996
|
// src/components/MultiInput/InputChip.tsx
|
6963
|
-
import
|
6997
|
+
import React68 from "react";
|
6964
6998
|
var import_smallCross = __toESM(require_smallCross());
|
6965
|
-
var InputChip =
|
6999
|
+
var InputChip = React68.forwardRef(
|
6966
7000
|
(_a, ref) => {
|
6967
7001
|
var _b = _a, { invalid = false, disabled, readOnly, className, onClick: _onClick, children } = _b, props = __objRest(_b, ["invalid", "disabled", "readOnly", "className", "onClick", "children"]);
|
6968
7002
|
const onClick = (e) => {
|
@@ -6970,7 +7004,7 @@ var InputChip = React67.forwardRef(
|
|
6970
7004
|
_onClick == null ? void 0 : _onClick(e);
|
6971
7005
|
}
|
6972
7006
|
};
|
6973
|
-
return /* @__PURE__ */
|
7007
|
+
return /* @__PURE__ */ React68.createElement("div", __spreadValues({
|
6974
7008
|
ref,
|
6975
7009
|
role: "button",
|
6976
7010
|
className: classNames(className, "inline-flex align-middle mx-1 px-2 py-1 items-center rounded-sm break-all", {
|
@@ -6980,10 +7014,10 @@ var InputChip = React67.forwardRef(
|
|
6980
7014
|
"bg-grey-5 pointer-events-none": disabled
|
6981
7015
|
}),
|
6982
7016
|
onClick
|
6983
|
-
}, props), /* @__PURE__ */
|
7017
|
+
}, props), /* @__PURE__ */ React68.createElement(Typography2, {
|
6984
7018
|
variant: "small",
|
6985
7019
|
color: invalid ? "error-80" : disabled ? "grey-40" : "grey-70"
|
6986
|
-
}, children), !readOnly && /* @__PURE__ */
|
7020
|
+
}, children), !readOnly && /* @__PURE__ */ React68.createElement("div", null, /* @__PURE__ */ React68.createElement(Icon, {
|
6987
7021
|
icon: import_smallCross.default,
|
6988
7022
|
className: tw("ml-2", {
|
6989
7023
|
"text-error-70": invalid,
|
@@ -7011,6 +7045,7 @@ var MultiInputBase = (_a) => {
|
|
7011
7045
|
itemToString = (val) => String(val),
|
7012
7046
|
createItem = (val) => val,
|
7013
7047
|
onChange,
|
7048
|
+
onBlur,
|
7014
7049
|
onInputChange,
|
7015
7050
|
isItemValid,
|
7016
7051
|
disabled = false,
|
@@ -7032,6 +7067,7 @@ var MultiInputBase = (_a) => {
|
|
7032
7067
|
"itemToString",
|
7033
7068
|
"createItem",
|
7034
7069
|
"onChange",
|
7070
|
+
"onBlur",
|
7035
7071
|
"onInputChange",
|
7036
7072
|
"isItemValid",
|
7037
7073
|
"disabled",
|
@@ -7118,10 +7154,11 @@ var MultiInputBase = (_a) => {
|
|
7118
7154
|
if (value2) {
|
7119
7155
|
handleAddItem(value2);
|
7120
7156
|
}
|
7157
|
+
onBlur == null ? void 0 : onBlur();
|
7121
7158
|
};
|
7122
7159
|
const renderChips = () => items == null ? void 0 : items.map((item, index) => {
|
7123
7160
|
var _a3;
|
7124
|
-
return /* @__PURE__ */
|
7161
|
+
return /* @__PURE__ */ React69.createElement(InputChip, {
|
7125
7162
|
key: `${itemToString(item)}.${index}`,
|
7126
7163
|
invalid: !((_a3 = isItemValid == null ? void 0 : isItemValid(item, index)) != null ? _a3 : true),
|
7127
7164
|
readOnly,
|
@@ -7132,11 +7169,11 @@ var MultiInputBase = (_a) => {
|
|
7132
7169
|
}
|
7133
7170
|
}, itemToString(item));
|
7134
7171
|
});
|
7135
|
-
return /* @__PURE__ */
|
7172
|
+
return /* @__PURE__ */ React69.createElement("div", null, /* @__PURE__ */ React69.createElement(Select.InputContainer, {
|
7136
7173
|
variant: disabled ? "disabled" : valid === false ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
|
7137
|
-
}, /* @__PURE__ */
|
7174
|
+
}, /* @__PURE__ */ React69.createElement("div", {
|
7138
7175
|
className: "grow inline-flex flex-row flex-wrap gap-y-2"
|
7139
|
-
}, inline && renderChips(), /* @__PURE__ */
|
7176
|
+
}, inline && renderChips(), /* @__PURE__ */ React69.createElement(Select.Input, __spreadProps(__spreadValues({
|
7140
7177
|
ref: inputRef,
|
7141
7178
|
id: id != null ? id : name,
|
7142
7179
|
name,
|
@@ -7154,11 +7191,11 @@ var MultiInputBase = (_a) => {
|
|
7154
7191
|
onFocus: handleFocus,
|
7155
7192
|
onBlur: handleBlur,
|
7156
7193
|
autoComplete: "off"
|
7157
|
-
}))), endAdornment && /* @__PURE__ */
|
7194
|
+
}))), endAdornment && /* @__PURE__ */ React69.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React69.createElement("div", {
|
7158
7195
|
className: tw("flex flex-row flex-wrap gap-y-2 mt-2")
|
7159
7196
|
}, renderChips()));
|
7160
7197
|
};
|
7161
|
-
var BaseMultiInputSkeleton = () => /* @__PURE__ */
|
7198
|
+
var BaseMultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(Skeleton, {
|
7162
7199
|
height: 38
|
7163
7200
|
});
|
7164
7201
|
MultiInputBase.Skeleton = BaseMultiInputSkeleton;
|
@@ -7175,14 +7212,14 @@ var MultiInput = (props) => {
|
|
7175
7212
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7176
7213
|
const labelControlProps = getLabelControlProps(props);
|
7177
7214
|
const baseProps = omit11(props, Object.keys(labelControlProps));
|
7178
|
-
return /* @__PURE__ */
|
7215
|
+
return /* @__PURE__ */ React69.createElement(LabelControl, __spreadProps(__spreadValues({
|
7179
7216
|
id: `${id.current}-label`,
|
7180
7217
|
htmlFor: `${id.current}-input`,
|
7181
7218
|
messageId: errorMessageId
|
7182
7219
|
}, labelControlProps), {
|
7183
7220
|
length: value.length,
|
7184
7221
|
maxLength
|
7185
|
-
}), /* @__PURE__ */
|
7222
|
+
}), /* @__PURE__ */ React69.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7186
7223
|
id: `${id.current}-input`,
|
7187
7224
|
onChange: (value2) => {
|
7188
7225
|
var _a2;
|
@@ -7194,12 +7231,12 @@ var MultiInput = (props) => {
|
|
7194
7231
|
valid: props.valid
|
7195
7232
|
})));
|
7196
7233
|
};
|
7197
|
-
var MultiInputSkeleton = () => /* @__PURE__ */
|
7234
|
+
var MultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React69.createElement(MultiInputBase.Skeleton, null));
|
7198
7235
|
MultiInput.Skeleton = MultiInputSkeleton;
|
7199
7236
|
MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
|
7200
7237
|
|
7201
7238
|
// src/components/MultiSelect/MultiSelect.tsx
|
7202
|
-
import
|
7239
|
+
import React70, { useRef as useRef8, useState as useState9 } from "react";
|
7203
7240
|
import { useOverlayPosition as useOverlayPosition5 } from "@react-aria/overlays";
|
7204
7241
|
import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
|
7205
7242
|
import isNil from "lodash/isNil";
|
@@ -7327,7 +7364,7 @@ var MultiSelectBase = (_a) => {
|
|
7327
7364
|
});
|
7328
7365
|
const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
|
7329
7366
|
const renderChips = () => {
|
7330
|
-
return selectedItems.map((selectedItem, index) => /* @__PURE__ */
|
7367
|
+
return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React70.createElement(InputChip, __spreadProps(__spreadValues({
|
7331
7368
|
key: `${itemToString(selectedItem)}.chip`,
|
7332
7369
|
className: tw("mx-0"),
|
7333
7370
|
disabled,
|
@@ -7343,14 +7380,14 @@ var MultiSelectBase = (_a) => {
|
|
7343
7380
|
const hasNoResults = options.length === 0 || filteredOptions.length === 0;
|
7344
7381
|
const width = (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth;
|
7345
7382
|
const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
|
7346
|
-
return /* @__PURE__ */
|
7383
|
+
return /* @__PURE__ */ React70.createElement("div", {
|
7347
7384
|
className: tw("relative")
|
7348
|
-
}, /* @__PURE__ */
|
7385
|
+
}, /* @__PURE__ */ React70.createElement(Select.InputContainer, {
|
7349
7386
|
ref: targetRef,
|
7350
7387
|
variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
|
7351
|
-
}, /* @__PURE__ */
|
7388
|
+
}, /* @__PURE__ */ React70.createElement("div", {
|
7352
7389
|
className: "grow inline-flex flex-row flex-wrap gap-2"
|
7353
|
-
}, !hideChips && inline && renderChips(), /* @__PURE__ */
|
7390
|
+
}, !hideChips && inline && renderChips(), /* @__PURE__ */ React70.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
|
7354
7391
|
id,
|
7355
7392
|
name,
|
7356
7393
|
placeholder: selectedItems.length === 0 && !readOnly ? placeholder : "",
|
@@ -7371,12 +7408,12 @@ var MultiSelectBase = (_a) => {
|
|
7371
7408
|
setFocus(false);
|
7372
7409
|
(_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, e);
|
7373
7410
|
}
|
7374
|
-
}))), !readOnly && /* @__PURE__ */
|
7411
|
+
}))), !readOnly && /* @__PURE__ */ React70.createElement(Select.Toggle, __spreadValues({
|
7375
7412
|
hasFocus,
|
7376
7413
|
isOpen
|
7377
|
-
}, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */
|
7414
|
+
}, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React70.createElement("div", {
|
7378
7415
|
className: tw("flex flex-row flex-wrap gap-2 mt-2")
|
7379
|
-
}, renderChips()), /* @__PURE__ */
|
7416
|
+
}, renderChips()), /* @__PURE__ */ React70.createElement(PopoverWrapper, __spreadProps(__spreadValues({
|
7380
7417
|
isOpen: true,
|
7381
7418
|
isDismissable: true,
|
7382
7419
|
autoFocus: true
|
@@ -7384,15 +7421,15 @@ var MultiSelectBase = (_a) => {
|
|
7384
7421
|
style,
|
7385
7422
|
onClose: closeMenu,
|
7386
7423
|
className: tw("overflow-y-auto")
|
7387
|
-
}), /* @__PURE__ */
|
7424
|
+
}), /* @__PURE__ */ React70.createElement(Select.Menu, {
|
7388
7425
|
maxHeight
|
7389
|
-
}, isOpen && hasNoResults && /* @__PURE__ */
|
7426
|
+
}, isOpen && hasNoResults && /* @__PURE__ */ React70.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React70.createElement(Select.Item, __spreadValues({
|
7390
7427
|
key: itemToString(item),
|
7391
7428
|
highlighted: index === highlightedIndex,
|
7392
7429
|
selected: selectedItems.includes(item)
|
7393
7430
|
}, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
|
7394
7431
|
};
|
7395
|
-
var MultiSelectBaseSkeleton = () => /* @__PURE__ */
|
7432
|
+
var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React70.createElement(Skeleton, {
|
7396
7433
|
height: 38
|
7397
7434
|
});
|
7398
7435
|
MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
|
@@ -7410,11 +7447,11 @@ var MultiSelect = (_a) => {
|
|
7410
7447
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7411
7448
|
const labelControlProps = getLabelControlProps(props);
|
7412
7449
|
const baseProps = omit12(props, Object.keys(labelControlProps));
|
7413
|
-
return /* @__PURE__ */
|
7450
|
+
return /* @__PURE__ */ React70.createElement(LabelControl, __spreadValues({
|
7414
7451
|
id: `${id.current}-label`,
|
7415
7452
|
htmlFor: `${id.current}-input`,
|
7416
7453
|
messageId: errorMessageId
|
7417
|
-
}, labelControlProps), /* @__PURE__ */
|
7454
|
+
}, labelControlProps), /* @__PURE__ */ React70.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7418
7455
|
id: id.current,
|
7419
7456
|
options,
|
7420
7457
|
noResults,
|
@@ -7422,16 +7459,16 @@ var MultiSelect = (_a) => {
|
|
7422
7459
|
valid: props.valid
|
7423
7460
|
})));
|
7424
7461
|
};
|
7425
|
-
var MultiSelectSkeleton = () => /* @__PURE__ */
|
7462
|
+
var MultiSelectSkeleton = () => /* @__PURE__ */ React70.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React70.createElement(MultiSelectBase.Skeleton, null));
|
7426
7463
|
MultiSelect.Skeleton = MultiSelectSkeleton;
|
7427
7464
|
MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
|
7428
7465
|
|
7429
7466
|
// src/components/NativeSelect/NativeSelect.tsx
|
7430
|
-
import
|
7467
|
+
import React71, { useRef as useRef9 } from "react";
|
7431
7468
|
import omit13 from "lodash/omit";
|
7432
7469
|
import uniqueId6 from "lodash/uniqueId";
|
7433
7470
|
var import_caretDown = __toESM(require_caretDown());
|
7434
|
-
var NativeSelectBase =
|
7471
|
+
var NativeSelectBase = React71.forwardRef(
|
7435
7472
|
(_a, ref) => {
|
7436
7473
|
var _b = _a, { children, disabled = false, required = false, valid = true, readOnly = false } = _b, props = __objRest(_b, ["children", "disabled", "required", "valid", "readOnly"]);
|
7437
7474
|
const placeholderValue = uniqueId6("default_value_for_placeholder");
|
@@ -7448,16 +7485,16 @@ var NativeSelectBase = React70.forwardRef(
|
|
7448
7485
|
(_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
|
7449
7486
|
}
|
7450
7487
|
};
|
7451
|
-
return /* @__PURE__ */
|
7488
|
+
return /* @__PURE__ */ React71.createElement("span", {
|
7452
7489
|
className: tw("relative block")
|
7453
|
-
}, !readOnly && /* @__PURE__ */
|
7490
|
+
}, !readOnly && /* @__PURE__ */ React71.createElement("span", {
|
7454
7491
|
className: tw(
|
7455
7492
|
"absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
|
7456
7493
|
)
|
7457
|
-
}, /* @__PURE__ */
|
7494
|
+
}, /* @__PURE__ */ React71.createElement(Icon, {
|
7458
7495
|
icon: import_caretDown.default,
|
7459
7496
|
"data-testid": "icon-dropdown"
|
7460
|
-
})), /* @__PURE__ */
|
7497
|
+
})), /* @__PURE__ */ React71.createElement("select", __spreadProps(__spreadValues({
|
7461
7498
|
ref,
|
7462
7499
|
disabled: disabled || readOnly,
|
7463
7500
|
required
|
@@ -7476,16 +7513,16 @@ var NativeSelectBase = React70.forwardRef(
|
|
7476
7513
|
),
|
7477
7514
|
props.className
|
7478
7515
|
)
|
7479
|
-
}), props.placeholder && /* @__PURE__ */
|
7516
|
+
}), props.placeholder && /* @__PURE__ */ React71.createElement("option", {
|
7480
7517
|
value: placeholderValue,
|
7481
7518
|
disabled: true
|
7482
7519
|
}, props.placeholder), children));
|
7483
7520
|
}
|
7484
7521
|
);
|
7485
|
-
NativeSelectBase.Skeleton = () => /* @__PURE__ */
|
7522
|
+
NativeSelectBase.Skeleton = () => /* @__PURE__ */ React71.createElement(Skeleton, {
|
7486
7523
|
height: 38
|
7487
7524
|
});
|
7488
|
-
var NativeSelect =
|
7525
|
+
var NativeSelect = React71.forwardRef(
|
7489
7526
|
(_a, ref) => {
|
7490
7527
|
var _b = _a, { readOnly } = _b, props = __objRest(_b, ["readOnly"]);
|
7491
7528
|
var _a2;
|
@@ -7494,11 +7531,11 @@ var NativeSelect = React70.forwardRef(
|
|
7494
7531
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7495
7532
|
const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
|
7496
7533
|
const baseProps = omit13(props, Object.keys(labelControlProps));
|
7497
|
-
return /* @__PURE__ */
|
7534
|
+
return /* @__PURE__ */ React71.createElement(LabelControl, __spreadValues({
|
7498
7535
|
id: `${id.current}-label`,
|
7499
7536
|
htmlFor: id.current,
|
7500
7537
|
messageId: errorMessageId
|
7501
|
-
}, labelControlProps), /* @__PURE__ */
|
7538
|
+
}, labelControlProps), /* @__PURE__ */ React71.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
|
7502
7539
|
ref
|
7503
7540
|
}, baseProps), errorProps), {
|
7504
7541
|
id: id.current,
|
@@ -7511,20 +7548,20 @@ var NativeSelect = React70.forwardRef(
|
|
7511
7548
|
})));
|
7512
7549
|
}
|
7513
7550
|
);
|
7514
|
-
var Option =
|
7551
|
+
var Option = React71.forwardRef((_a, ref) => {
|
7515
7552
|
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
7516
|
-
return /* @__PURE__ */
|
7553
|
+
return /* @__PURE__ */ React71.createElement("option", __spreadValues({
|
7517
7554
|
ref
|
7518
7555
|
}, props), children);
|
7519
7556
|
});
|
7520
|
-
var NativeSelectSkeleton = () => /* @__PURE__ */
|
7557
|
+
var NativeSelectSkeleton = () => /* @__PURE__ */ React71.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React71.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React71.createElement("div", {
|
7521
7558
|
style: { height: "1px" }
|
7522
7559
|
}));
|
7523
7560
|
NativeSelect.Skeleton = NativeSelectSkeleton;
|
7524
7561
|
NativeSelect.Skeleton.displayName = "NativeSelect.Skeleton";
|
7525
7562
|
|
7526
7563
|
// src/components/PageHeader/PageHeader.tsx
|
7527
|
-
import
|
7564
|
+
import React72 from "react";
|
7528
7565
|
import castArray3 from "lodash/castArray";
|
7529
7566
|
import omit14 from "lodash/omit";
|
7530
7567
|
var PageHeader = ({
|
@@ -7536,48 +7573,48 @@ var PageHeader = ({
|
|
7536
7573
|
chips = [],
|
7537
7574
|
breadcrumbs
|
7538
7575
|
}) => {
|
7539
|
-
return /* @__PURE__ */
|
7576
|
+
return /* @__PURE__ */ React72.createElement(Flexbox, {
|
7540
7577
|
direction: "row",
|
7541
7578
|
gap: "4",
|
7542
7579
|
paddingBottom: "6"
|
7543
|
-
}, /* @__PURE__ */
|
7580
|
+
}, /* @__PURE__ */ React72.createElement(Flexbox, {
|
7544
7581
|
className: tw("grow"),
|
7545
7582
|
direction: "column",
|
7546
7583
|
gap: "0"
|
7547
|
-
}, breadcrumbs && /* @__PURE__ */
|
7584
|
+
}, breadcrumbs && /* @__PURE__ */ React72.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React72.createElement(Flexbox, {
|
7548
7585
|
gap: "5"
|
7549
|
-
}, image && /* @__PURE__ */
|
7586
|
+
}, image && /* @__PURE__ */ React72.createElement("img", {
|
7550
7587
|
src: image,
|
7551
7588
|
alt: imageAlt,
|
7552
7589
|
className: tw("w-[56px] h-[56px]")
|
7553
|
-
}), /* @__PURE__ */
|
7590
|
+
}), /* @__PURE__ */ React72.createElement(Flexbox, {
|
7554
7591
|
direction: "column",
|
7555
7592
|
justifyContent: "center"
|
7556
|
-
}, /* @__PURE__ */
|
7593
|
+
}, /* @__PURE__ */ React72.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React72.createElement(Flexbox, {
|
7557
7594
|
gap: "3"
|
7558
|
-
}, chips.map((chip) => /* @__PURE__ */
|
7595
|
+
}, chips.map((chip) => /* @__PURE__ */ React72.createElement(Chip2, {
|
7559
7596
|
key: chip,
|
7560
7597
|
dense: true,
|
7561
7598
|
text: chip
|
7562
|
-
})))))), (secondaryActions || primaryAction) && /* @__PURE__ */
|
7599
|
+
})))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React72.createElement(Flexbox, {
|
7563
7600
|
gap: "4",
|
7564
7601
|
className: tw("self-start")
|
7565
7602
|
}, secondaryActions && castArray3(secondaryActions).filter(Boolean).map((_a) => {
|
7566
7603
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
7567
|
-
return /* @__PURE__ */
|
7604
|
+
return /* @__PURE__ */ React72.createElement(SecondaryButton, __spreadValues({
|
7568
7605
|
key: text
|
7569
7606
|
}, action), text);
|
7570
|
-
}), primaryAction && /* @__PURE__ */
|
7607
|
+
}), primaryAction && /* @__PURE__ */ React72.createElement(PrimaryButton, __spreadValues({
|
7571
7608
|
key: primaryAction.text
|
7572
7609
|
}, omit14(primaryAction, "text")), primaryAction.text)));
|
7573
7610
|
};
|
7574
7611
|
|
7575
7612
|
// src/components/Pagination/Pagination.tsx
|
7576
|
-
import
|
7613
|
+
import React74 from "react";
|
7577
7614
|
import clamp from "lodash/clamp";
|
7578
7615
|
|
7579
7616
|
// src/components/Select/Select.tsx
|
7580
|
-
import
|
7617
|
+
import React73, { useRef as useRef10, useState as useState10 } from "react";
|
7581
7618
|
import { useOverlayPosition as useOverlayPosition6 } from "@react-aria/overlays";
|
7582
7619
|
import { useSelect } from "downshift";
|
7583
7620
|
import defaults from "lodash/defaults";
|
@@ -7594,10 +7631,10 @@ var hasOptionGroups = (val) => {
|
|
7594
7631
|
};
|
7595
7632
|
var defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
|
7596
7633
|
var _a, _b;
|
7597
|
-
return /* @__PURE__ */
|
7634
|
+
return /* @__PURE__ */ React73.createElement(Select.Item, __spreadValues({
|
7598
7635
|
key: (_b = (_a = getOptionKey == null ? void 0 : getOptionKey(item)) != null ? _a : getValue == null ? void 0 : getValue(item)) != null ? _b : optionToString(item),
|
7599
7636
|
selected: item === selectedItem
|
7600
|
-
}, props), hasIconProperty(item) && /* @__PURE__ */
|
7637
|
+
}, props), hasIconProperty(item) && /* @__PURE__ */ React73.createElement(InlineIcon, {
|
7601
7638
|
icon: item.icon
|
7602
7639
|
}), optionToString(item));
|
7603
7640
|
};
|
@@ -7714,13 +7751,13 @@ var _SelectBase = (props) => {
|
|
7714
7751
|
},
|
7715
7752
|
withDefaults
|
7716
7753
|
);
|
7717
|
-
const renderGroup = (group) => /* @__PURE__ */
|
7754
|
+
const renderGroup = (group) => /* @__PURE__ */ React73.createElement(React73.Fragment, {
|
7718
7755
|
key: group.label
|
7719
|
-
}, /* @__PURE__ */
|
7720
|
-
const input = /* @__PURE__ */
|
7756
|
+
}, /* @__PURE__ */ React73.createElement(Select.Group, null, group.label), group.options.map((opt) => renderItem(opt, items.indexOf(opt))));
|
7757
|
+
const input = /* @__PURE__ */ React73.createElement(Select.InputContainer, __spreadProps(__spreadValues({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef })), {
|
7721
7758
|
variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default",
|
7722
7759
|
tabIndex: 0
|
7723
|
-
}), /* @__PURE__ */
|
7760
|
+
}), /* @__PURE__ */ React73.createElement(Select.Input, __spreadProps(__spreadValues({
|
7724
7761
|
id,
|
7725
7762
|
name
|
7726
7763
|
}, rest), {
|
@@ -7732,16 +7769,16 @@ var _SelectBase = (props) => {
|
|
7732
7769
|
tabIndex: -1,
|
7733
7770
|
onFocus: () => setFocus(true),
|
7734
7771
|
onBlur: () => setFocus(false)
|
7735
|
-
})), !readOnly && /* @__PURE__ */
|
7772
|
+
})), !readOnly && /* @__PURE__ */ React73.createElement(Select.Toggle, {
|
7736
7773
|
disabled,
|
7737
7774
|
isOpen,
|
7738
7775
|
tabIndex: -1
|
7739
7776
|
}));
|
7740
7777
|
const width = (_b = targetRef.current) == null ? void 0 : _b.offsetWidth;
|
7741
7778
|
const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
|
7742
|
-
return /* @__PURE__ */
|
7779
|
+
return /* @__PURE__ */ React73.createElement("div", {
|
7743
7780
|
className: tw("relative")
|
7744
|
-
}, labelWrapper ?
|
7781
|
+
}, labelWrapper ? React73.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React73.createElement(PopoverWrapper, __spreadProps(__spreadValues({
|
7745
7782
|
isOpen: true,
|
7746
7783
|
isDismissable: true,
|
7747
7784
|
autoFocus: true
|
@@ -7749,11 +7786,11 @@ var _SelectBase = (props) => {
|
|
7749
7786
|
style,
|
7750
7787
|
onClose: closeMenu,
|
7751
7788
|
className: tw("overflow-y-auto")
|
7752
|
-
}), /* @__PURE__ */
|
7789
|
+
}), /* @__PURE__ */ React73.createElement(Select.Menu, {
|
7753
7790
|
maxHeight
|
7754
|
-
}, isOpen && options.length === 0 && /* @__PURE__ */
|
7791
|
+
}, isOpen && options.length === 0 && /* @__PURE__ */ React73.createElement(Select.EmptyStateContainer, null, emptyState), isOpen && options.length > 0 && !hasOptionGroups(options) && options.map(renderItem), isOpen && options.length > 0 && hasOptionGroups(options) && options.map(renderGroup), isOpen && actions.length > 0 && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(Select.Divider, {
|
7755
7792
|
onMouseOver: () => setHighlightedIndex(-1)
|
7756
|
-
}), actions.map((act, index) => /* @__PURE__ */
|
7793
|
+
}), actions.map((act, index) => /* @__PURE__ */ React73.createElement(Select.ActionItem, __spreadProps(__spreadValues({
|
7757
7794
|
key: `${index}`
|
7758
7795
|
}, act), {
|
7759
7796
|
onMouseOver: () => setHighlightedIndex(-1),
|
@@ -7763,10 +7800,10 @@ var _SelectBase = (props) => {
|
|
7763
7800
|
}
|
7764
7801
|
}), act.label))))));
|
7765
7802
|
};
|
7766
|
-
var SelectBase = (props) => /* @__PURE__ */
|
7803
|
+
var SelectBase = (props) => /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
|
7767
7804
|
labelWrapper: void 0
|
7768
7805
|
}));
|
7769
|
-
var SelectBaseSkeleton = () => /* @__PURE__ */
|
7806
|
+
var SelectBaseSkeleton = () => /* @__PURE__ */ React73.createElement(Skeleton, {
|
7770
7807
|
height: 38
|
7771
7808
|
});
|
7772
7809
|
SelectBase.Skeleton = SelectBaseSkeleton;
|
@@ -7784,19 +7821,19 @@ var Select2 = (_a) => {
|
|
7784
7821
|
const baseProps = omit15(props, Object.keys(labelProps));
|
7785
7822
|
const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
|
7786
7823
|
const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
|
7787
|
-
const label = /* @__PURE__ */
|
7824
|
+
const label = /* @__PURE__ */ React73.createElement(Label, __spreadValues({
|
7788
7825
|
id: `${id.current}-label`,
|
7789
7826
|
htmlFor: `${id.current}-input`,
|
7790
7827
|
variant,
|
7791
7828
|
messageId: errorMessageId
|
7792
7829
|
}, labelProps));
|
7793
|
-
return /* @__PURE__ */
|
7830
|
+
return /* @__PURE__ */ React73.createElement(FormControl, null, /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7794
7831
|
id: `${id.current}-input`,
|
7795
7832
|
options,
|
7796
7833
|
disabled: props.disabled,
|
7797
7834
|
valid: props.valid,
|
7798
7835
|
labelWrapper: label
|
7799
|
-
})), /* @__PURE__ */
|
7836
|
+
})), /* @__PURE__ */ React73.createElement(HelperText, {
|
7800
7837
|
messageId: errorMessageId,
|
7801
7838
|
error: !labelProps.valid,
|
7802
7839
|
helperText: labelProps.helperText,
|
@@ -7805,7 +7842,7 @@ var Select2 = (_a) => {
|
|
7805
7842
|
reserveSpaceForError: labelProps.reserveSpaceForError
|
7806
7843
|
}));
|
7807
7844
|
};
|
7808
|
-
var SelectSkeleton = () => /* @__PURE__ */
|
7845
|
+
var SelectSkeleton = () => /* @__PURE__ */ React73.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React73.createElement(SelectBase.Skeleton, null));
|
7809
7846
|
Select2.Skeleton = SelectSkeleton;
|
7810
7847
|
|
7811
7848
|
// src/components/Pagination/Pagination.tsx
|
@@ -7823,25 +7860,25 @@ var Pagination = ({
|
|
7823
7860
|
pageSizes,
|
7824
7861
|
onPageSizeChange
|
7825
7862
|
}) => {
|
7826
|
-
const [value, setValue] =
|
7827
|
-
|
7863
|
+
const [value, setValue] = React74.useState(currentPage);
|
7864
|
+
React74.useEffect(() => {
|
7828
7865
|
setValue(currentPage);
|
7829
7866
|
}, [currentPage]);
|
7830
|
-
|
7867
|
+
React74.useEffect(() => {
|
7831
7868
|
onPageChange(1);
|
7832
7869
|
setValue(1);
|
7833
7870
|
}, [pageSize]);
|
7834
|
-
return /* @__PURE__ */
|
7871
|
+
return /* @__PURE__ */ React74.createElement(Box, {
|
7835
7872
|
className: tw("grid grid-cols-[200px_1fr_200px]"),
|
7836
7873
|
backgroundColor: "grey-0",
|
7837
7874
|
padding: "4"
|
7838
|
-
}, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */
|
7875
|
+
}, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React74.createElement(Box, {
|
7839
7876
|
display: "flex",
|
7840
7877
|
alignItems: "center",
|
7841
7878
|
gap: "4"
|
7842
|
-
}, /* @__PURE__ */
|
7879
|
+
}, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React74.createElement("div", {
|
7843
7880
|
className: tw("max-w-[70px]")
|
7844
|
-
}, /* @__PURE__ */
|
7881
|
+
}, /* @__PURE__ */ React74.createElement(SelectBase, {
|
7845
7882
|
options: pageSizes.map((size) => size.toString()),
|
7846
7883
|
value: pageSize.toString(),
|
7847
7884
|
onChange: (size) => {
|
@@ -7852,24 +7889,24 @@ var Pagination = ({
|
|
7852
7889
|
}
|
7853
7890
|
}
|
7854
7891
|
}
|
7855
|
-
}))) : /* @__PURE__ */
|
7892
|
+
}))) : /* @__PURE__ */ React74.createElement("div", null), /* @__PURE__ */ React74.createElement(Box, {
|
7856
7893
|
display: "flex",
|
7857
7894
|
justifyContent: "center",
|
7858
7895
|
alignItems: "center",
|
7859
7896
|
className: tw("grow")
|
7860
|
-
}, /* @__PURE__ */
|
7897
|
+
}, /* @__PURE__ */ React74.createElement(IconButton, {
|
7861
7898
|
"aria-label": "First",
|
7862
7899
|
onClick: () => onPageChange(1),
|
7863
7900
|
icon: import_chevronBackward.default,
|
7864
7901
|
disabled: !hasPreviousPage
|
7865
|
-
}), /* @__PURE__ */
|
7902
|
+
}), /* @__PURE__ */ React74.createElement(IconButton, {
|
7866
7903
|
"aria-label": "Previous",
|
7867
7904
|
onClick: () => onPageChange(currentPage - 1),
|
7868
7905
|
icon: import_chevronLeft3.default,
|
7869
7906
|
disabled: !hasPreviousPage
|
7870
|
-
}), /* @__PURE__ */
|
7907
|
+
}), /* @__PURE__ */ React74.createElement(Box, {
|
7871
7908
|
paddingX: "4"
|
7872
|
-
}, /* @__PURE__ */
|
7909
|
+
}, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React74.createElement(InputBase, {
|
7873
7910
|
className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
|
7874
7911
|
type: "number",
|
7875
7912
|
min: 1,
|
@@ -7892,43 +7929,43 @@ var Pagination = ({
|
|
7892
7929
|
setValue(1);
|
7893
7930
|
}
|
7894
7931
|
}
|
7895
|
-
}), /* @__PURE__ */
|
7932
|
+
}), /* @__PURE__ */ React74.createElement(Box, {
|
7896
7933
|
paddingX: "4"
|
7897
|
-
}, /* @__PURE__ */
|
7934
|
+
}, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React74.createElement(IconButton, {
|
7898
7935
|
"aria-label": "Next",
|
7899
7936
|
onClick: () => onPageChange(currentPage + 1),
|
7900
7937
|
icon: import_chevronRight3.default,
|
7901
7938
|
disabled: !hasNextPage
|
7902
|
-
}), /* @__PURE__ */
|
7939
|
+
}), /* @__PURE__ */ React74.createElement(IconButton, {
|
7903
7940
|
"aria-label": "Last",
|
7904
7941
|
onClick: () => onPageChange(totalPages),
|
7905
7942
|
icon: import_chevronForward.default,
|
7906
7943
|
disabled: !hasNextPage
|
7907
|
-
})), /* @__PURE__ */
|
7944
|
+
})), /* @__PURE__ */ React74.createElement("div", null));
|
7908
7945
|
};
|
7909
7946
|
|
7910
7947
|
// src/components/PopoverDialog/PopoverDialog.tsx
|
7911
|
-
import
|
7948
|
+
import React76 from "react";
|
7912
7949
|
import omit16 from "lodash/omit";
|
7913
7950
|
|
7914
7951
|
// src/common/PopoverDialog/PopoverDialog.tsx
|
7915
|
-
import
|
7952
|
+
import React75 from "react";
|
7916
7953
|
var Header = (_a) => {
|
7917
7954
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7918
|
-
return /* @__PURE__ */
|
7955
|
+
return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7919
7956
|
className: classNames(tw("p-5 gap-3 flex items-center"), className)
|
7920
7957
|
}), children);
|
7921
7958
|
};
|
7922
7959
|
var Title = (_a) => {
|
7923
7960
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7924
|
-
return /* @__PURE__ */
|
7961
|
+
return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
7925
7962
|
htmlTag: "h1",
|
7926
7963
|
variant: "small-strong"
|
7927
7964
|
}), children);
|
7928
7965
|
};
|
7929
7966
|
var Body = (_a) => {
|
7930
7967
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7931
|
-
return /* @__PURE__ */
|
7968
|
+
return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
7932
7969
|
htmlTag: "div",
|
7933
7970
|
variant: "caption",
|
7934
7971
|
className: classNames(tw("px-5 overflow-y-auto"), className)
|
@@ -7936,13 +7973,13 @@ var Body = (_a) => {
|
|
7936
7973
|
};
|
7937
7974
|
var Footer = (_a) => {
|
7938
7975
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7939
|
-
return /* @__PURE__ */
|
7976
|
+
return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7940
7977
|
className: classNames(tw("p-5"), className)
|
7941
7978
|
}), children);
|
7942
7979
|
};
|
7943
7980
|
var Actions2 = (_a) => {
|
7944
7981
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7945
|
-
return /* @__PURE__ */
|
7982
|
+
return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7946
7983
|
className: classNames(tw("flex gap-4"), className)
|
7947
7984
|
}), children);
|
7948
7985
|
};
|
@@ -7958,13 +7995,13 @@ var PopoverDialog = {
|
|
7958
7995
|
var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
|
7959
7996
|
const wrapPromptWithBody = (child) => {
|
7960
7997
|
if (isComponentType(child, PopoverDialog2.Prompt)) {
|
7961
|
-
return /* @__PURE__ */
|
7998
|
+
return /* @__PURE__ */ React76.createElement(Popover2.Panel, {
|
7962
7999
|
className: tw("max-w-[300px]")
|
7963
|
-
}, /* @__PURE__ */
|
8000
|
+
}, /* @__PURE__ */ React76.createElement(PopoverDialog.Header, null, /* @__PURE__ */ React76.createElement(PopoverDialog.Title, null, title)), child, /* @__PURE__ */ React76.createElement(PopoverDialog.Footer, null, /* @__PURE__ */ React76.createElement(PopoverDialog.Actions, null, secondaryAction && /* @__PURE__ */ React76.createElement(Popover2.Button, __spreadValues({
|
7964
8001
|
kind: "secondary-ghost",
|
7965
8002
|
key: secondaryAction.text,
|
7966
8003
|
dense: true
|
7967
|
-
}, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */
|
8004
|
+
}, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React76.createElement(Popover2.Button, __spreadValues({
|
7968
8005
|
kind: "ghost",
|
7969
8006
|
key: primaryAction.text,
|
7970
8007
|
dense: true
|
@@ -7972,7 +8009,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
|
|
7972
8009
|
}
|
7973
8010
|
return child;
|
7974
8011
|
};
|
7975
|
-
return /* @__PURE__ */
|
8012
|
+
return /* @__PURE__ */ React76.createElement(Popover2, {
|
7976
8013
|
type: "dialog",
|
7977
8014
|
isOpen: open,
|
7978
8015
|
placement,
|
@@ -7980,10 +8017,10 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
|
|
7980
8017
|
isKeyboardDismissDisabled: false,
|
7981
8018
|
autoFocus: true,
|
7982
8019
|
containFocus: true
|
7983
|
-
},
|
8020
|
+
}, React76.Children.map(children, wrapPromptWithBody));
|
7984
8021
|
};
|
7985
8022
|
PopoverDialog2.Trigger = Popover2.Trigger;
|
7986
|
-
var Prompt = ({ children }) => /* @__PURE__ */
|
8023
|
+
var Prompt = ({ children }) => /* @__PURE__ */ React76.createElement(PopoverDialog.Body, null, children);
|
7987
8024
|
Prompt.displayName = "PopoverDialog.Prompt";
|
7988
8025
|
PopoverDialog2.Prompt = Prompt;
|
7989
8026
|
|
@@ -7992,14 +8029,14 @@ import { createPortal } from "react-dom";
|
|
7992
8029
|
var Portal = ({ children, to }) => createPortal(children, to);
|
7993
8030
|
|
7994
8031
|
// src/components/ProgressBar/ProgressBar.tsx
|
7995
|
-
import
|
8032
|
+
import React78 from "react";
|
7996
8033
|
|
7997
8034
|
// src/common/ProgressBar/ProgressBar.tsx
|
7998
|
-
import
|
8035
|
+
import React77 from "react";
|
7999
8036
|
import clamp2 from "lodash/clamp";
|
8000
8037
|
var ProgressBar = (_a) => {
|
8001
8038
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8002
|
-
return /* @__PURE__ */
|
8039
|
+
return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8003
8040
|
className: classNames(
|
8004
8041
|
tw("relative flex items-center w-full bg-grey-0 h-2 rounded-full overflow-hidden"),
|
8005
8042
|
className
|
@@ -8015,7 +8052,7 @@ var STATUS_COLORS = {
|
|
8015
8052
|
ProgressBar.Indicator = (_a) => {
|
8016
8053
|
var _b = _a, { min, max, value, "aria-label": ariaLabel, status, className } = _b, rest = __objRest(_b, ["min", "max", "value", "aria-label", "status", "className"]);
|
8017
8054
|
const completedPercentage = clamp2((value - min) / (max - min) * 100, 0, 100);
|
8018
|
-
return /* @__PURE__ */
|
8055
|
+
return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8019
8056
|
className: classNames(
|
8020
8057
|
tw("h-2 rounded-full transition-all ease-in-out delay-150"),
|
8021
8058
|
STATUS_COLORS[status],
|
@@ -8031,11 +8068,11 @@ ProgressBar.Indicator = (_a) => {
|
|
8031
8068
|
};
|
8032
8069
|
ProgressBar.Labels = (_a) => {
|
8033
8070
|
var _b = _a, { children, startLabel, endLabel, className } = _b, rest = __objRest(_b, ["children", "startLabel", "endLabel", "className"]);
|
8034
|
-
return /* @__PURE__ */
|
8071
|
+
return /* @__PURE__ */ React77.createElement("div", {
|
8035
8072
|
className: classNames(tw("flex flex-row"), className)
|
8036
|
-
}, /* @__PURE__ */
|
8073
|
+
}, /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8037
8074
|
className: tw("grow text-grey-70 typography-caption")
|
8038
|
-
}), startLabel), /* @__PURE__ */
|
8075
|
+
}), startLabel), /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8039
8076
|
className: tw("grow text-grey-70 typography-caption text-right")
|
8040
8077
|
}), endLabel));
|
8041
8078
|
};
|
@@ -8053,7 +8090,7 @@ var ProgressBar2 = (props) => {
|
|
8053
8090
|
if (min > max) {
|
8054
8091
|
throw new Error("`min` value provided to `ProgressBar` is greater than `max` value.");
|
8055
8092
|
}
|
8056
|
-
const progress = /* @__PURE__ */
|
8093
|
+
const progress = /* @__PURE__ */ React78.createElement(ProgressBar, null, /* @__PURE__ */ React78.createElement(ProgressBar.Indicator, {
|
8057
8094
|
status: value === max ? completedStatus : progresStatus,
|
8058
8095
|
min,
|
8059
8096
|
max,
|
@@ -8063,25 +8100,25 @@ var ProgressBar2 = (props) => {
|
|
8063
8100
|
if (props.dense) {
|
8064
8101
|
return progress;
|
8065
8102
|
}
|
8066
|
-
return /* @__PURE__ */
|
8103
|
+
return /* @__PURE__ */ React78.createElement("div", null, progress, /* @__PURE__ */ React78.createElement(ProgressBar.Labels, {
|
8067
8104
|
className: tw("py-2"),
|
8068
8105
|
startLabel: props.startLabel,
|
8069
8106
|
endLabel: props.endLabel
|
8070
8107
|
}));
|
8071
8108
|
};
|
8072
|
-
ProgressBar2.Skeleton = () => /* @__PURE__ */
|
8109
|
+
ProgressBar2.Skeleton = () => /* @__PURE__ */ React78.createElement(Skeleton, {
|
8073
8110
|
height: 4,
|
8074
8111
|
display: "block"
|
8075
8112
|
});
|
8076
8113
|
|
8077
8114
|
// src/components/RadioButton/RadioButton.tsx
|
8078
|
-
import
|
8079
|
-
var RadioButton2 =
|
8115
|
+
import React79 from "react";
|
8116
|
+
var RadioButton2 = React79.forwardRef(
|
8080
8117
|
(_a, ref) => {
|
8081
8118
|
var _b = _a, { name, id, readOnly = false, disabled = false, caption, children, "aria-label": ariaLabel } = _b, props = __objRest(_b, ["name", "id", "readOnly", "disabled", "caption", "children", "aria-label"]);
|
8082
8119
|
var _a2;
|
8083
8120
|
const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
|
8084
|
-
return !readOnly || isChecked ? /* @__PURE__ */
|
8121
|
+
return !readOnly || isChecked ? /* @__PURE__ */ React79.createElement(ControlLabel, {
|
8085
8122
|
htmlFor: id,
|
8086
8123
|
label: children,
|
8087
8124
|
"aria-label": ariaLabel,
|
@@ -8089,7 +8126,7 @@ var RadioButton2 = React78.forwardRef(
|
|
8089
8126
|
readOnly,
|
8090
8127
|
disabled,
|
8091
8128
|
style: { gap: "0 8px" }
|
8092
|
-
}, !readOnly && /* @__PURE__ */
|
8129
|
+
}, !readOnly && /* @__PURE__ */ React79.createElement(RadioButton, __spreadProps(__spreadValues({
|
8093
8130
|
id,
|
8094
8131
|
ref,
|
8095
8132
|
name
|
@@ -8099,22 +8136,22 @@ var RadioButton2 = React78.forwardRef(
|
|
8099
8136
|
}))) : null;
|
8100
8137
|
}
|
8101
8138
|
);
|
8102
|
-
var RadioButtonSkeleton = () => /* @__PURE__ */
|
8139
|
+
var RadioButtonSkeleton = () => /* @__PURE__ */ React79.createElement("div", {
|
8103
8140
|
className: tw("flex gap-3")
|
8104
|
-
}, /* @__PURE__ */
|
8141
|
+
}, /* @__PURE__ */ React79.createElement(Skeleton, {
|
8105
8142
|
height: 20,
|
8106
8143
|
width: 20
|
8107
|
-
}), /* @__PURE__ */
|
8144
|
+
}), /* @__PURE__ */ React79.createElement(Skeleton, {
|
8108
8145
|
height: 20,
|
8109
8146
|
width: 150
|
8110
8147
|
}));
|
8111
8148
|
RadioButton2.Skeleton = RadioButtonSkeleton;
|
8112
8149
|
|
8113
8150
|
// src/components/RadioButtonGroup/RadioButtonGroup.tsx
|
8114
|
-
import
|
8151
|
+
import React80 from "react";
|
8115
8152
|
import uniqueId8 from "lodash/uniqueId";
|
8116
8153
|
var isRadioButton = (c) => {
|
8117
|
-
return
|
8154
|
+
return React80.isValidElement(c) && c.type === RadioButton2;
|
8118
8155
|
};
|
8119
8156
|
var RadioButtonGroup = (_a) => {
|
8120
8157
|
var _b = _a, {
|
@@ -8137,7 +8174,7 @@ var RadioButtonGroup = (_a) => {
|
|
8137
8174
|
"children"
|
8138
8175
|
]);
|
8139
8176
|
var _a2;
|
8140
|
-
const [value, setValue] =
|
8177
|
+
const [value, setValue] = React80.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
|
8141
8178
|
const errorMessageId = uniqueId8();
|
8142
8179
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
8143
8180
|
const labelControlProps = getLabelControlProps(props);
|
@@ -8148,14 +8185,14 @@ var RadioButtonGroup = (_a) => {
|
|
8148
8185
|
setValue(e.target.value);
|
8149
8186
|
onChange == null ? void 0 : onChange(e.target.value);
|
8150
8187
|
};
|
8151
|
-
const content =
|
8188
|
+
const content = React80.Children.map(children, (c) => {
|
8152
8189
|
var _a3, _b2, _c;
|
8153
8190
|
if (!isRadioButton(c)) {
|
8154
8191
|
return null;
|
8155
8192
|
}
|
8156
8193
|
const defaultChecked = defaultValue === void 0 ? void 0 : c.props.value === defaultValue;
|
8157
8194
|
const checked = value === void 0 ? void 0 : c.props.value === value;
|
8158
|
-
return
|
8195
|
+
return React80.cloneElement(c, {
|
8159
8196
|
name,
|
8160
8197
|
defaultChecked: (_a3 = c.props.defaultChecked) != null ? _a3 : defaultChecked,
|
8161
8198
|
checked: (_b2 = c.props.checked) != null ? _b2 : checked,
|
@@ -8164,11 +8201,11 @@ var RadioButtonGroup = (_a) => {
|
|
8164
8201
|
readOnly
|
8165
8202
|
});
|
8166
8203
|
});
|
8167
|
-
return /* @__PURE__ */
|
8204
|
+
return /* @__PURE__ */ React80.createElement(LabelControl, __spreadValues(__spreadValues({
|
8168
8205
|
fieldset: true
|
8169
|
-
}, labelControlProps), errorProps), cols && /* @__PURE__ */
|
8206
|
+
}, labelControlProps), errorProps), cols && /* @__PURE__ */ React80.createElement(InputGroup, {
|
8170
8207
|
cols
|
8171
|
-
}, content), !cols && /* @__PURE__ */
|
8208
|
+
}, content), !cols && /* @__PURE__ */ React80.createElement(Flexbox, {
|
8172
8209
|
direction,
|
8173
8210
|
alignItems: "flex-start",
|
8174
8211
|
colGap: "8",
|
@@ -8177,80 +8214,80 @@ var RadioButtonGroup = (_a) => {
|
|
8177
8214
|
}, content));
|
8178
8215
|
};
|
8179
8216
|
var RadioButtonGroupSkeleton = ({ direction = "row", options = 2 }) => {
|
8180
|
-
return /* @__PURE__ */
|
8217
|
+
return /* @__PURE__ */ React80.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React80.createElement("div", {
|
8181
8218
|
className: tw("flex flex-wrap", {
|
8182
8219
|
"flex-row gap-8": direction === "row",
|
8183
8220
|
"flex-col gap-2": direction === "column"
|
8184
8221
|
})
|
8185
|
-
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */
|
8222
|
+
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React80.createElement(RadioButton2.Skeleton, {
|
8186
8223
|
key
|
8187
8224
|
}))));
|
8188
8225
|
};
|
8189
8226
|
RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
|
8190
8227
|
|
8191
8228
|
// src/components/Section/Section.tsx
|
8192
|
-
import
|
8229
|
+
import React82 from "react";
|
8193
8230
|
import castArray4 from "lodash/castArray";
|
8194
8231
|
|
8195
8232
|
// src/common/Section/Section.tsx
|
8196
|
-
import
|
8233
|
+
import React81 from "react";
|
8197
8234
|
var Section2 = (_a) => {
|
8198
8235
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8199
|
-
return /* @__PURE__ */
|
8236
|
+
return /* @__PURE__ */ React81.createElement(Box, __spreadValues({
|
8200
8237
|
borderColor: "grey-5",
|
8201
8238
|
borderWidth: "1px"
|
8202
8239
|
}, rest), children);
|
8203
8240
|
};
|
8204
8241
|
Section2.Header = (_a) => {
|
8205
8242
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8206
|
-
return /* @__PURE__ */
|
8243
|
+
return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8207
8244
|
className: classNames(tw("px-6 py-5 flex gap-5 justify-between items-center"), className)
|
8208
8245
|
}), children);
|
8209
8246
|
};
|
8210
8247
|
Section2.TitleContainer = (_a) => {
|
8211
8248
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8212
|
-
return /* @__PURE__ */
|
8249
|
+
return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8213
8250
|
className: classNames(tw("flex flex-col grow gap-2"), className)
|
8214
8251
|
}), children);
|
8215
8252
|
};
|
8216
8253
|
Section2.Title = (_a) => {
|
8217
8254
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8218
|
-
return /* @__PURE__ */
|
8255
|
+
return /* @__PURE__ */ React81.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
|
8219
8256
|
color: "black"
|
8220
8257
|
}), children);
|
8221
8258
|
};
|
8222
8259
|
Section2.Subtitle = (_a) => {
|
8223
8260
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8224
|
-
return /* @__PURE__ */
|
8261
|
+
return /* @__PURE__ */ React81.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
|
8225
8262
|
color: "grey-70"
|
8226
8263
|
}), children);
|
8227
8264
|
};
|
8228
8265
|
Section2.Actions = (_a) => {
|
8229
8266
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8230
|
-
return /* @__PURE__ */
|
8267
|
+
return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8231
8268
|
className: classNames(tw("flex gap-4 justify-end"), className)
|
8232
8269
|
}), children);
|
8233
8270
|
};
|
8234
8271
|
Section2.Body = (_a) => {
|
8235
8272
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8236
|
-
return /* @__PURE__ */
|
8273
|
+
return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8237
8274
|
className: classNames(tw("p-6"), className)
|
8238
|
-
}), /* @__PURE__ */
|
8275
|
+
}), /* @__PURE__ */ React81.createElement(Typography, {
|
8239
8276
|
htmlTag: "div",
|
8240
8277
|
color: "grey-70"
|
8241
8278
|
}, children));
|
8242
8279
|
};
|
8243
8280
|
|
8244
8281
|
// src/components/Section/Section.tsx
|
8245
|
-
var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */
|
8282
|
+
var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React82.createElement(Section2, null, title && /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(Section2.Header, null, /* @__PURE__ */ React82.createElement(Section2.TitleContainer, null, /* @__PURE__ */ React82.createElement(Section2.Title, null, title), subtitle && /* @__PURE__ */ React82.createElement(Section2.Subtitle, null, subtitle)), /* @__PURE__ */ React82.createElement(Section2.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
|
8246
8283
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
8247
|
-
return /* @__PURE__ */
|
8284
|
+
return /* @__PURE__ */ React82.createElement(SecondaryButton, __spreadValues({
|
8248
8285
|
key: text
|
8249
8286
|
}, action), text);
|
8250
|
-
}))), /* @__PURE__ */
|
8287
|
+
}))), /* @__PURE__ */ React82.createElement(Divider2, null)), /* @__PURE__ */ React82.createElement(Section2.Body, null, children));
|
8251
8288
|
|
8252
8289
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
8253
|
-
import
|
8290
|
+
import React83 from "react";
|
8254
8291
|
var SegmentedControl = (_a) => {
|
8255
8292
|
var _b = _a, {
|
8256
8293
|
children,
|
@@ -8267,7 +8304,7 @@ var SegmentedControl = (_a) => {
|
|
8267
8304
|
"selected",
|
8268
8305
|
"className"
|
8269
8306
|
]);
|
8270
|
-
return /* @__PURE__ */
|
8307
|
+
return /* @__PURE__ */ React83.createElement("button", __spreadProps(__spreadValues({
|
8271
8308
|
type: "button"
|
8272
8309
|
}, rest), {
|
8273
8310
|
className: classNames(
|
@@ -8298,11 +8335,11 @@ var SegmentedControlGroup = (_a) => {
|
|
8298
8335
|
"border border-grey-20 text-grey-50": variant === "outlined",
|
8299
8336
|
"bg-grey-0": variant === "raised"
|
8300
8337
|
});
|
8301
|
-
return /* @__PURE__ */
|
8338
|
+
return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8302
8339
|
className: classNames(classes, className)
|
8303
|
-
}),
|
8340
|
+
}), React83.Children.map(
|
8304
8341
|
children,
|
8305
|
-
(child) =>
|
8342
|
+
(child) => React83.cloneElement(child, {
|
8306
8343
|
dense,
|
8307
8344
|
variant,
|
8308
8345
|
onClick: () => onChange(child.props.value),
|
@@ -8340,14 +8377,14 @@ var getCommonClassNames = (dense, selected) => tw(
|
|
8340
8377
|
);
|
8341
8378
|
|
8342
8379
|
// src/components/Stepper/Stepper.tsx
|
8343
|
-
import
|
8380
|
+
import React85 from "react";
|
8344
8381
|
|
8345
8382
|
// src/common/Stepper/Stepper.tsx
|
8346
|
-
import
|
8383
|
+
import React84 from "react";
|
8347
8384
|
var import_tick5 = __toESM(require_tick());
|
8348
8385
|
var Stepper = (_a) => {
|
8349
8386
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8350
|
-
return /* @__PURE__ */
|
8387
|
+
return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8351
8388
|
className: classNames(className)
|
8352
8389
|
}));
|
8353
8390
|
};
|
@@ -8361,7 +8398,7 @@ var ConnectorContainer = (_a) => {
|
|
8361
8398
|
"completed",
|
8362
8399
|
"dense"
|
8363
8400
|
]);
|
8364
|
-
return /* @__PURE__ */
|
8401
|
+
return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8365
8402
|
className: classNames(
|
8366
8403
|
tw("absolute w-full -left-1/2", {
|
8367
8404
|
"top-[3px] px-[14px]": Boolean(dense),
|
@@ -8373,7 +8410,7 @@ var ConnectorContainer = (_a) => {
|
|
8373
8410
|
};
|
8374
8411
|
var Connector = (_a) => {
|
8375
8412
|
var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
|
8376
|
-
return /* @__PURE__ */
|
8413
|
+
return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8377
8414
|
className: classNames(
|
8378
8415
|
tw("w-full", {
|
8379
8416
|
"bg-grey-20": !completed,
|
@@ -8387,7 +8424,7 @@ var Connector = (_a) => {
|
|
8387
8424
|
};
|
8388
8425
|
var Step = (_a) => {
|
8389
8426
|
var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
|
8390
|
-
return /* @__PURE__ */
|
8427
|
+
return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8391
8428
|
className: classNames(
|
8392
8429
|
tw("flex flex-col items-center text-grey-90 relative text-center", {
|
8393
8430
|
"text-grey-20": state === "inactive"
|
@@ -8408,13 +8445,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
|
|
8408
8445
|
});
|
8409
8446
|
var Indicator = (_a) => {
|
8410
8447
|
var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
|
8411
|
-
return /* @__PURE__ */
|
8448
|
+
return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8412
8449
|
className: classNames(
|
8413
8450
|
tw("rounded-full flex justify-center items-center mx-2 mb-3"),
|
8414
8451
|
dense ? getDenseClassNames(state) : getClassNames(state),
|
8415
8452
|
className
|
8416
8453
|
)
|
8417
|
-
}), state === "completed" ? /* @__PURE__ */
|
8454
|
+
}), state === "completed" ? /* @__PURE__ */ React84.createElement(InlineIcon, {
|
8418
8455
|
icon: import_tick5.default
|
8419
8456
|
}) : dense ? null : children);
|
8420
8457
|
};
|
@@ -8425,25 +8462,25 @@ Stepper.ConnectorContainer = ConnectorContainer;
|
|
8425
8462
|
|
8426
8463
|
// src/components/Stepper/Stepper.tsx
|
8427
8464
|
var Stepper2 = ({ children, activeIndex, dense }) => {
|
8428
|
-
const steps =
|
8429
|
-
return /* @__PURE__ */
|
8465
|
+
const steps = React85.Children.count(children);
|
8466
|
+
return /* @__PURE__ */ React85.createElement(Stepper, {
|
8430
8467
|
role: "list"
|
8431
|
-
}, /* @__PURE__ */
|
8468
|
+
}, /* @__PURE__ */ React85.createElement(Template, {
|
8432
8469
|
columns: steps
|
8433
|
-
},
|
8470
|
+
}, React85.Children.map(children, (child, index) => {
|
8434
8471
|
if (!isComponentType(child, Step2)) {
|
8435
8472
|
return new Error("<Stepper> can only have <Stepper.Step> components as children");
|
8436
8473
|
} else {
|
8437
8474
|
const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
|
8438
|
-
return /* @__PURE__ */
|
8475
|
+
return /* @__PURE__ */ React85.createElement(Stepper.Step, {
|
8439
8476
|
state,
|
8440
8477
|
"aria-current": state === "active" ? "step" : false,
|
8441
8478
|
role: "listitem"
|
8442
|
-
}, index > 0 && index <= steps && /* @__PURE__ */
|
8479
|
+
}, index > 0 && index <= steps && /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer, {
|
8443
8480
|
dense
|
8444
|
-
}, /* @__PURE__ */
|
8481
|
+
}, /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer.Connector, {
|
8445
8482
|
completed: state === "completed" || state === "active"
|
8446
|
-
})), /* @__PURE__ */
|
8483
|
+
})), /* @__PURE__ */ React85.createElement(Stepper.Step.Indicator, {
|
8447
8484
|
state,
|
8448
8485
|
dense
|
8449
8486
|
}, index + 1), child.props.children);
|
@@ -8454,16 +8491,16 @@ var Step2 = () => null;
|
|
8454
8491
|
Stepper2.Step = Step2;
|
8455
8492
|
|
8456
8493
|
// src/components/Switch/Switch.tsx
|
8457
|
-
import
|
8494
|
+
import React87 from "react";
|
8458
8495
|
|
8459
8496
|
// src/common/Switch/Switch.tsx
|
8460
|
-
import
|
8461
|
-
var Switch =
|
8497
|
+
import React86 from "react";
|
8498
|
+
var Switch = React86.forwardRef(
|
8462
8499
|
(_a, ref) => {
|
8463
8500
|
var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
|
8464
|
-
return /* @__PURE__ */
|
8501
|
+
return /* @__PURE__ */ React86.createElement("span", {
|
8465
8502
|
className: tw("relative inline-flex justify-center items-center self-center group")
|
8466
|
-
}, /* @__PURE__ */
|
8503
|
+
}, /* @__PURE__ */ React86.createElement("input", __spreadProps(__spreadValues({
|
8467
8504
|
id,
|
8468
8505
|
ref,
|
8469
8506
|
type: "checkbox",
|
@@ -8482,7 +8519,7 @@ var Switch = React85.forwardRef(
|
|
8482
8519
|
),
|
8483
8520
|
readOnly,
|
8484
8521
|
disabled
|
8485
|
-
})), /* @__PURE__ */
|
8522
|
+
})), /* @__PURE__ */ React86.createElement("span", {
|
8486
8523
|
className: tw(
|
8487
8524
|
"pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
8488
8525
|
"bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
|
@@ -8495,12 +8532,12 @@ var Switch = React85.forwardRef(
|
|
8495
8532
|
);
|
8496
8533
|
|
8497
8534
|
// src/components/Switch/Switch.tsx
|
8498
|
-
var Switch2 =
|
8535
|
+
var Switch2 = React87.forwardRef(
|
8499
8536
|
(_a, ref) => {
|
8500
8537
|
var _b = _a, { id, name, caption, readOnly = false, disabled = false, children, "aria-label": ariaLabel } = _b, props = __objRest(_b, ["id", "name", "caption", "readOnly", "disabled", "children", "aria-label"]);
|
8501
8538
|
var _a2;
|
8502
8539
|
const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
|
8503
|
-
return !readOnly || isChecked ? /* @__PURE__ */
|
8540
|
+
return !readOnly || isChecked ? /* @__PURE__ */ React87.createElement(ControlLabel, {
|
8504
8541
|
htmlFor: id,
|
8505
8542
|
label: children,
|
8506
8543
|
"aria-label": ariaLabel,
|
@@ -8508,7 +8545,7 @@ var Switch2 = React86.forwardRef(
|
|
8508
8545
|
readOnly,
|
8509
8546
|
disabled,
|
8510
8547
|
style: { gap: "0 8px" }
|
8511
|
-
}, !readOnly && /* @__PURE__ */
|
8548
|
+
}, !readOnly && /* @__PURE__ */ React87.createElement(Switch, __spreadProps(__spreadValues({
|
8512
8549
|
id,
|
8513
8550
|
ref,
|
8514
8551
|
name
|
@@ -8518,19 +8555,19 @@ var Switch2 = React86.forwardRef(
|
|
8518
8555
|
}))) : null;
|
8519
8556
|
}
|
8520
8557
|
);
|
8521
|
-
var SwitchSkeleton = () => /* @__PURE__ */
|
8558
|
+
var SwitchSkeleton = () => /* @__PURE__ */ React87.createElement("div", {
|
8522
8559
|
className: tw("flex gap-3")
|
8523
|
-
}, /* @__PURE__ */
|
8560
|
+
}, /* @__PURE__ */ React87.createElement(Skeleton, {
|
8524
8561
|
height: 20,
|
8525
8562
|
width: 35
|
8526
|
-
}), /* @__PURE__ */
|
8563
|
+
}), /* @__PURE__ */ React87.createElement(Skeleton, {
|
8527
8564
|
height: 20,
|
8528
8565
|
width: 150
|
8529
8566
|
}));
|
8530
8567
|
Switch2.Skeleton = SwitchSkeleton;
|
8531
8568
|
|
8532
8569
|
// src/components/SwitchGroup/SwitchGroup.tsx
|
8533
|
-
import
|
8570
|
+
import React88, { useState as useState11 } from "react";
|
8534
8571
|
import uniqueId9 from "lodash/uniqueId";
|
8535
8572
|
var SwitchGroup = (_a) => {
|
8536
8573
|
var _b = _a, {
|
@@ -8562,11 +8599,11 @@ var SwitchGroup = (_a) => {
|
|
8562
8599
|
setSelectedItems(updated);
|
8563
8600
|
onChange == null ? void 0 : onChange(updated);
|
8564
8601
|
};
|
8565
|
-
return /* @__PURE__ */
|
8602
|
+
return /* @__PURE__ */ React88.createElement(LabelControl, __spreadValues(__spreadValues({
|
8566
8603
|
fieldset: true
|
8567
|
-
}, labelControlProps), errorProps), /* @__PURE__ */
|
8604
|
+
}, labelControlProps), errorProps), /* @__PURE__ */ React88.createElement(InputGroup, {
|
8568
8605
|
cols
|
8569
|
-
},
|
8606
|
+
}, React88.Children.map(children, (c) => {
|
8570
8607
|
var _a3, _b2, _c, _d;
|
8571
8608
|
if (!isComponentType(c, Switch2)) {
|
8572
8609
|
return null;
|
@@ -8574,7 +8611,7 @@ var SwitchGroup = (_a) => {
|
|
8574
8611
|
const str = (_a3 = c.props.value) == null ? void 0 : _a3.toString();
|
8575
8612
|
const defaultChecked = defaultValue === void 0 ? void 0 : str !== void 0 && defaultValue.includes(str);
|
8576
8613
|
const checked = value === void 0 ? void 0 : str !== void 0 && value.includes(str);
|
8577
|
-
return
|
8614
|
+
return React88.cloneElement(c, {
|
8578
8615
|
defaultChecked: (_b2 = c.props.defaultChecked) != null ? _b2 : defaultChecked,
|
8579
8616
|
checked: (_c = c.props.checked) != null ? _c : checked,
|
8580
8617
|
onChange: (_d = c.props.onChange) != null ? _d : handleChange,
|
@@ -8584,19 +8621,19 @@ var SwitchGroup = (_a) => {
|
|
8584
8621
|
})));
|
8585
8622
|
};
|
8586
8623
|
var SwitchGroupSkeleton = ({ options = 2 }) => {
|
8587
|
-
return /* @__PURE__ */
|
8624
|
+
return /* @__PURE__ */ React88.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React88.createElement("div", {
|
8588
8625
|
className: tw("flex flex-wrap flex-col gap-2")
|
8589
|
-
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */
|
8626
|
+
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React88.createElement(Switch2.Skeleton, {
|
8590
8627
|
key
|
8591
8628
|
}))));
|
8592
8629
|
};
|
8593
8630
|
SwitchGroup.Skeleton = SwitchGroupSkeleton;
|
8594
8631
|
|
8595
8632
|
// src/components/TagLabel/TagLabel.tsx
|
8596
|
-
import
|
8633
|
+
import React89 from "react";
|
8597
8634
|
var TagLabel = (_a) => {
|
8598
8635
|
var _b = _a, { title, dense = false } = _b, rest = __objRest(_b, ["title", "dense"]);
|
8599
|
-
return /* @__PURE__ */
|
8636
|
+
return /* @__PURE__ */ React89.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8600
8637
|
className: tw("rounded-full text-white bg-primary-70", {
|
8601
8638
|
"py-2 px-4 typography-caption": !dense,
|
8602
8639
|
"py-2 px-3 typography-caption-small": dense
|
@@ -8605,14 +8642,14 @@ var TagLabel = (_a) => {
|
|
8605
8642
|
};
|
8606
8643
|
|
8607
8644
|
// src/components/Textarea/Textarea.tsx
|
8608
|
-
import
|
8645
|
+
import React90, { useRef as useRef11, useState as useState12 } from "react";
|
8609
8646
|
import omit17 from "lodash/omit";
|
8610
8647
|
import toString2 from "lodash/toString";
|
8611
8648
|
import uniqueId10 from "lodash/uniqueId";
|
8612
|
-
var TextareaBase =
|
8649
|
+
var TextareaBase = React90.forwardRef(
|
8613
8650
|
(_a, ref) => {
|
8614
8651
|
var _b = _a, { readOnly = false, valid = true } = _b, props = __objRest(_b, ["readOnly", "valid"]);
|
8615
|
-
return /* @__PURE__ */
|
8652
|
+
return /* @__PURE__ */ React90.createElement("textarea", __spreadProps(__spreadValues({
|
8616
8653
|
ref
|
8617
8654
|
}, props), {
|
8618
8655
|
readOnly,
|
@@ -8620,10 +8657,10 @@ var TextareaBase = React89.forwardRef(
|
|
8620
8657
|
}));
|
8621
8658
|
}
|
8622
8659
|
);
|
8623
|
-
TextareaBase.Skeleton = () => /* @__PURE__ */
|
8660
|
+
TextareaBase.Skeleton = () => /* @__PURE__ */ React90.createElement(Skeleton, {
|
8624
8661
|
height: 58
|
8625
8662
|
});
|
8626
|
-
var Textarea =
|
8663
|
+
var Textarea = React90.forwardRef((props, ref) => {
|
8627
8664
|
var _a, _b, _c;
|
8628
8665
|
const [value, setValue] = useState12((_b = (_a = props.value) != null ? _a : props.defaultValue) != null ? _b : "");
|
8629
8666
|
const id = useRef11((_c = props.id) != null ? _c : `textarea-${uniqueId10()}`);
|
@@ -8631,12 +8668,12 @@ var Textarea = React89.forwardRef((props, ref) => {
|
|
8631
8668
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
8632
8669
|
const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
|
8633
8670
|
const baseProps = omit17(props, Object.keys(labelControlProps));
|
8634
|
-
return /* @__PURE__ */
|
8671
|
+
return /* @__PURE__ */ React90.createElement(LabelControl, __spreadValues({
|
8635
8672
|
id: `${id.current}-label`,
|
8636
8673
|
htmlFor: id.current,
|
8637
8674
|
messageId: errorMessageId,
|
8638
8675
|
length: value !== void 0 ? toString2(value).length : void 0
|
8639
|
-
}, labelControlProps), /* @__PURE__ */
|
8676
|
+
}, labelControlProps), /* @__PURE__ */ React90.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
|
8640
8677
|
ref
|
8641
8678
|
}, baseProps), errorProps), {
|
8642
8679
|
id: id.current,
|
@@ -8652,47 +8689,47 @@ var Textarea = React89.forwardRef((props, ref) => {
|
|
8652
8689
|
valid: props.valid
|
8653
8690
|
})));
|
8654
8691
|
});
|
8655
|
-
var TextAreaSkeleton = () => /* @__PURE__ */
|
8692
|
+
var TextAreaSkeleton = () => /* @__PURE__ */ React90.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React90.createElement(TextareaBase.Skeleton, null));
|
8656
8693
|
Textarea.Skeleton = TextAreaSkeleton;
|
8657
8694
|
|
8658
8695
|
// src/components/Timeline/Timeline.tsx
|
8659
|
-
import
|
8696
|
+
import React92 from "react";
|
8660
8697
|
|
8661
8698
|
// src/common/Timeline/Timeline.tsx
|
8662
|
-
import
|
8699
|
+
import React91 from "react";
|
8663
8700
|
var Timeline = (_a) => {
|
8664
8701
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8665
|
-
return /* @__PURE__ */
|
8702
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8666
8703
|
className: classNames(tw("grid grid-cols-[16px_1fr] gap-x-4"), className)
|
8667
8704
|
}));
|
8668
8705
|
};
|
8669
8706
|
var Content2 = (_a) => {
|
8670
8707
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8671
|
-
return /* @__PURE__ */
|
8708
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8672
8709
|
className: classNames(tw("pb-6"), className)
|
8673
8710
|
}));
|
8674
8711
|
};
|
8675
8712
|
var Separator2 = (_a) => {
|
8676
8713
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8677
|
-
return /* @__PURE__ */
|
8714
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8678
8715
|
className: classNames(tw("flex items-center justify-center h-5 w-5"), className)
|
8679
8716
|
}));
|
8680
8717
|
};
|
8681
8718
|
var LineContainer = (_a) => {
|
8682
8719
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8683
|
-
return /* @__PURE__ */
|
8720
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8684
8721
|
className: classNames(tw("flex justify-center py-1"), className)
|
8685
8722
|
}));
|
8686
8723
|
};
|
8687
8724
|
var Line = (_a) => {
|
8688
8725
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8689
|
-
return /* @__PURE__ */
|
8726
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8690
8727
|
className: classNames(tw("w-1 bg-grey-5 h-full justify-self-center"), className)
|
8691
8728
|
}));
|
8692
8729
|
};
|
8693
8730
|
var Dot = (_a) => {
|
8694
8731
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8695
|
-
return /* @__PURE__ */
|
8732
|
+
return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8696
8733
|
className: classNames(tw("bg-grey-30 h-[6px] w-[6px] rounded"), className)
|
8697
8734
|
}));
|
8698
8735
|
};
|
@@ -8707,61 +8744,61 @@ var import_error4 = __toESM(require_error());
|
|
8707
8744
|
var import_time = __toESM(require_time());
|
8708
8745
|
var import_warningSign4 = __toESM(require_warningSign());
|
8709
8746
|
var TimelineItem = () => null;
|
8710
|
-
var Timeline2 = ({ children }) => /* @__PURE__ */
|
8747
|
+
var Timeline2 = ({ children }) => /* @__PURE__ */ React92.createElement("div", null, React92.Children.map(children, (item) => {
|
8711
8748
|
if (!isComponentType(item, TimelineItem)) {
|
8712
8749
|
throw new Error("<Timeline> can only have <Timeline.Item> components as children");
|
8713
8750
|
} else {
|
8714
8751
|
const { props, key } = item;
|
8715
|
-
return /* @__PURE__ */
|
8752
|
+
return /* @__PURE__ */ React92.createElement(Timeline, {
|
8716
8753
|
key: key != null ? key : props.title
|
8717
|
-
}, /* @__PURE__ */
|
8754
|
+
}, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React92.createElement(Icon, {
|
8718
8755
|
icon: import_error4.default,
|
8719
8756
|
color: "error-30"
|
8720
|
-
}) : props.variant === "warning" ? /* @__PURE__ */
|
8757
|
+
}) : props.variant === "warning" ? /* @__PURE__ */ React92.createElement(Icon, {
|
8721
8758
|
icon: import_warningSign4.default,
|
8722
8759
|
color: "warning-30"
|
8723
|
-
}) : props.variant === "info" ? /* @__PURE__ */
|
8760
|
+
}) : props.variant === "info" ? /* @__PURE__ */ React92.createElement(Icon, {
|
8724
8761
|
icon: import_time.default,
|
8725
8762
|
color: "info-30"
|
8726
|
-
}) : /* @__PURE__ */
|
8763
|
+
}) : /* @__PURE__ */ React92.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React92.createElement(Typography2.Caption, {
|
8727
8764
|
color: "grey-50"
|
8728
|
-
}, props.title), /* @__PURE__ */
|
8765
|
+
}, props.title), /* @__PURE__ */ React92.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React92.createElement(Timeline.LineContainer.Line, null)), /* @__PURE__ */ React92.createElement(Timeline.Content, null, /* @__PURE__ */ React92.createElement(Typography2.Small, null, props.children)));
|
8729
8766
|
}
|
8730
8767
|
}));
|
8731
|
-
var TimelineItemSkeleton = () => /* @__PURE__ */
|
8768
|
+
var TimelineItemSkeleton = () => /* @__PURE__ */ React92.createElement(Timeline, null, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, /* @__PURE__ */ React92.createElement(Skeleton, {
|
8732
8769
|
width: 6,
|
8733
8770
|
height: 6,
|
8734
8771
|
rounded: true
|
8735
|
-
})), /* @__PURE__ */
|
8772
|
+
})), /* @__PURE__ */ React92.createElement(Skeleton, {
|
8736
8773
|
height: 12,
|
8737
8774
|
width: 120
|
8738
|
-
}), /* @__PURE__ */
|
8775
|
+
}), /* @__PURE__ */ React92.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React92.createElement(Skeleton, {
|
8739
8776
|
width: 2,
|
8740
8777
|
height: "100%"
|
8741
|
-
})), /* @__PURE__ */
|
8778
|
+
})), /* @__PURE__ */ React92.createElement(Timeline.Content, null, /* @__PURE__ */ React92.createElement(Box, {
|
8742
8779
|
display: "flex",
|
8743
8780
|
flexDirection: "column",
|
8744
8781
|
gap: "3"
|
8745
|
-
}, /* @__PURE__ */
|
8782
|
+
}, /* @__PURE__ */ React92.createElement(Skeleton, {
|
8746
8783
|
height: 32,
|
8747
8784
|
width: "100%"
|
8748
|
-
}), /* @__PURE__ */
|
8785
|
+
}), /* @__PURE__ */ React92.createElement(Skeleton, {
|
8749
8786
|
height: 32,
|
8750
8787
|
width: "73%"
|
8751
|
-
}), /* @__PURE__ */
|
8788
|
+
}), /* @__PURE__ */ React92.createElement(Skeleton, {
|
8752
8789
|
height: 32,
|
8753
8790
|
width: "80%"
|
8754
8791
|
}))));
|
8755
|
-
var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */
|
8792
|
+
var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React92.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React92.createElement(TimelineItemSkeleton, {
|
8756
8793
|
key
|
8757
8794
|
})));
|
8758
8795
|
Timeline2.Item = TimelineItem;
|
8759
8796
|
Timeline2.Skeleton = TimelineSkeleton;
|
8760
8797
|
|
8761
8798
|
// src/utils/table/useTableSelect.ts
|
8762
|
-
import
|
8799
|
+
import React93 from "react";
|
8763
8800
|
var useTableSelect = (data, { key }) => {
|
8764
|
-
const [selected, setSelected] =
|
8801
|
+
const [selected, setSelected] = React93.useState([]);
|
8765
8802
|
const allSelected = selected.length === data.length;
|
8766
8803
|
const isSelected = (dot) => selected.includes(dot[key]);
|
8767
8804
|
const selectAll = () => setSelected(data.map((dot) => dot[key]));
|
@@ -8989,6 +9026,7 @@ export {
|
|
8989
9026
|
InputBase,
|
8990
9027
|
Label,
|
8991
9028
|
LabelControl,
|
9029
|
+
LineClamp,
|
8992
9030
|
List,
|
8993
9031
|
ListItem,
|
8994
9032
|
Modal2 as Modal,
|