@aivenio/aquarium 1.7.0 → 1.8.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 +109 -94
- package/dist/atoms.mjs +108 -94
- package/dist/src/common/Link/Link.d.ts +3 -0
- package/dist/src/common/Link/Link.js +19 -0
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/common/index.d.ts +1 -0
- package/dist/src/common/index.js +2 -1
- package/dist/src/components/Avatar/Avatar.js +2 -1
- package/dist/src/components/Badge/Badge.js +2 -1
- package/dist/src/components/Button/Button.js +3 -2
- package/dist/src/components/Checkbox/Checkbox.js +3 -1
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +2 -1
- package/dist/src/components/Chip/Chip.js +2 -1
- package/dist/src/components/Combobox/Combobox.d.ts +1 -1
- package/dist/src/components/Combobox/Combobox.js +6 -4
- package/dist/src/components/DropdownMenu/DropdownMenu.js +5 -1
- package/dist/src/components/Link/Link.d.ts +5 -0
- package/dist/src/components/Link/Link.js +4 -0
- package/dist/src/components/NativeSelect/NativeSelect.js +3 -1
- package/dist/src/components/ProgressBar/ProgressBar.js +4 -2
- package/dist/src/components/RadioButton/RadioButton.js +3 -1
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
- package/dist/src/components/Select/Select.js +2 -1
- package/dist/src/components/Stepper/Stepper.js +2 -1
- package/dist/src/components/Switch/Switch.js +3 -1
- package/dist/src/components/SwitchGroup/SwitchGroup.js +2 -1
- package/dist/src/components/Textarea/Textarea.js +3 -1
- package/dist/src/components/Timeline/Timeline.js +2 -1
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.js +2 -1
- package/dist/src/utils/constants.d.ts +2 -0
- package/dist/src/utils/constants.js +4 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -1
- package/dist/styles.css +19 -16
- package/dist/styles_timescaledb.css +19 -16
- package/dist/system.cjs +370 -322
- package/dist/system.mjs +337 -290
- package/dist/tailwind.config.js +1 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/system.mjs
CHANGED
@@ -1587,6 +1587,7 @@ __export(components_exports, {
|
|
1587
1587
|
Input: () => Input2,
|
1588
1588
|
InputBase: () => InputBase,
|
1589
1589
|
LineClamp: () => LineClamp,
|
1590
|
+
Link: () => Link2,
|
1590
1591
|
List: () => List,
|
1591
1592
|
ListItem: () => ListItem,
|
1592
1593
|
Modal: () => Modal2,
|
@@ -2935,6 +2936,21 @@ var Arrow = (props) => {
|
|
2935
2936
|
}, props));
|
2936
2937
|
};
|
2937
2938
|
|
2939
|
+
// src/utils/constants.ts
|
2940
|
+
var getCommonInputStyles = ({ readOnly, valid }) => tw(
|
2941
|
+
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
|
2942
|
+
{
|
2943
|
+
"px-3 py-3": !readOnly,
|
2944
|
+
"border-none resize-none cursor-default": readOnly,
|
2945
|
+
"border border-error-50": !valid && !readOnly,
|
2946
|
+
"border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
|
2947
|
+
}
|
2948
|
+
);
|
2949
|
+
var ghostButtonStyle = tw(
|
2950
|
+
"text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
|
2951
|
+
);
|
2952
|
+
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
|
2953
|
+
|
2938
2954
|
// src/components/Button/Button.tsx
|
2939
2955
|
var import_chevronDown2 = __toESM(require_chevronDown());
|
2940
2956
|
var import_loading = __toESM(require_loading());
|
@@ -2947,9 +2963,7 @@ var COLOR_CLASSNAMES = {
|
|
2947
2963
|
"focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80",
|
2948
2964
|
"hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
|
2949
2965
|
),
|
2950
|
-
"ghost":
|
2951
|
-
"text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
|
2952
|
-
),
|
2966
|
+
"ghost": ghostButtonStyle,
|
2953
2967
|
"secondary-ghost": tw(
|
2954
2968
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
2955
2969
|
)
|
@@ -3500,6 +3514,7 @@ var AvatarSkeleton = () => /* @__PURE__ */ React15.createElement(Skeleton, {
|
|
3500
3514
|
className: tw("rounded-full")
|
3501
3515
|
});
|
3502
3516
|
Avatar.Skeleton = AvatarSkeleton;
|
3517
|
+
Avatar.Skeleton.displayName = "Avatar.Skeleton";
|
3503
3518
|
|
3504
3519
|
// src/components/Badge/Badge.tsx
|
3505
3520
|
import React16 from "react";
|
@@ -3540,6 +3555,7 @@ var createBadge = (type, displayName) => {
|
|
3540
3555
|
display: "inline-block",
|
3541
3556
|
className: tw(type === "tab" ? "rounded" : "rounded-full")
|
3542
3557
|
});
|
3558
|
+
Component.Skeleton.displayName = `${displayName}.Skeleton`;
|
3543
3559
|
return Component;
|
3544
3560
|
};
|
3545
3561
|
var Badge = createBadge("default", "Badge");
|
@@ -3834,6 +3850,7 @@ var ChipSkeleton = ({ dense = false, width = dense ? 34 : 56 }) => /* @__PURE__
|
|
3834
3850
|
height: dense ? 20 : 28
|
3835
3851
|
});
|
3836
3852
|
Chip2.Skeleton = ChipSkeleton;
|
3853
|
+
Chip2.Skeleton.displayName = "Chip.Skeleton";
|
3837
3854
|
var StatusChip = React21.forwardRef(
|
3838
3855
|
(_a, ref) => {
|
3839
3856
|
var _b = _a, { UNSAFE_icon: icon, text, dense = false, status } = _b, rest = __objRest(_b, ["UNSAFE_icon", "text", "dense", "status"]);
|
@@ -4429,6 +4446,7 @@ var Checkbox2 = React29.forwardRef(
|
|
4429
4446
|
}))) : null;
|
4430
4447
|
}
|
4431
4448
|
);
|
4449
|
+
Checkbox2.displayName = "Checkbox";
|
4432
4450
|
var CheckboxSkeleton = () => /* @__PURE__ */ React29.createElement("div", {
|
4433
4451
|
className: tw("flex gap-3")
|
4434
4452
|
}, /* @__PURE__ */ React29.createElement(Skeleton, {
|
@@ -4439,6 +4457,7 @@ var CheckboxSkeleton = () => /* @__PURE__ */ React29.createElement("div", {
|
|
4439
4457
|
width: 150
|
4440
4458
|
}));
|
4441
4459
|
Checkbox2.Skeleton = CheckboxSkeleton;
|
4460
|
+
Checkbox2.Skeleton.displayName = "Checkbox.Skeleton";
|
4442
4461
|
|
4443
4462
|
// src/components/CheckboxGroup/CheckboxGroup.tsx
|
4444
4463
|
import React36, { useState as useState3 } from "react";
|
@@ -4600,6 +4619,7 @@ var Skeleton2 = ({ className, children }) => /* @__PURE__ */ React34.createEleme
|
|
4600
4619
|
className: classNames3(className, "h-[25px]")
|
4601
4620
|
}, children);
|
4602
4621
|
HelperText.Skeleton = Skeleton2;
|
4622
|
+
HelperText.Skeleton.displayName = "HelperText.Skeleton";
|
4603
4623
|
|
4604
4624
|
// src/utils/form/Label/Label.tsx
|
4605
4625
|
var import_questionMark = __toESM(require_questionMark());
|
@@ -4785,6 +4805,7 @@ var CheckboxGroupSkeleton = ({ options = 2 }) => {
|
|
4785
4805
|
}))));
|
4786
4806
|
};
|
4787
4807
|
CheckboxGroup.Skeleton = CheckboxGroupSkeleton;
|
4808
|
+
CheckboxGroup.Skeleton.displayName = "CheckboxGroup.Skeleton";
|
4788
4809
|
|
4789
4810
|
// src/components/ChoiceChip/ChoiceChip.tsx
|
4790
4811
|
import React37, { useState as useState4 } from "react";
|
@@ -4838,7 +4859,7 @@ var PopoverPanel = React38.forwardRef((_a, ref) => {
|
|
4838
4859
|
className: classNames(
|
4839
4860
|
className,
|
4840
4861
|
tw(
|
4841
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20
|
4862
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
4842
4863
|
)
|
4843
4864
|
)
|
4844
4865
|
}, props), children);
|
@@ -5044,10 +5065,10 @@ var ComboboxBase = (_a) => {
|
|
5044
5065
|
highlighted: index === highlightedIndex
|
5045
5066
|
}, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
|
5046
5067
|
};
|
5047
|
-
var
|
5068
|
+
var ComboboxBaseSkeleton = () => /* @__PURE__ */ React40.createElement(Skeleton, {
|
5048
5069
|
height: 38
|
5049
5070
|
});
|
5050
|
-
ComboboxBase.Skeleton =
|
5071
|
+
ComboboxBase.Skeleton = ComboboxBaseSkeleton;
|
5051
5072
|
var Combobox = (_a) => {
|
5052
5073
|
var _b = _a, {
|
5053
5074
|
options,
|
@@ -5074,7 +5095,9 @@ var Combobox = (_a) => {
|
|
5074
5095
|
valid: props.valid
|
5075
5096
|
})));
|
5076
5097
|
};
|
5077
|
-
|
5098
|
+
var ComboboxSkeleton = () => /* @__PURE__ */ React40.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React40.createElement(ComboboxBase.Skeleton, null));
|
5099
|
+
Combobox.Skeleton = ComboboxSkeleton;
|
5100
|
+
Combobox.Skeleton.displayName = "Combobox.Skeleton";
|
5078
5101
|
|
5079
5102
|
// src/components/Container/Container.tsx
|
5080
5103
|
import React41 from "react";
|
@@ -5960,17 +5983,6 @@ import omit8 from "lodash/omit";
|
|
5960
5983
|
import toString from "lodash/toString";
|
5961
5984
|
import uniqueId3 from "lodash/uniqueId";
|
5962
5985
|
|
5963
|
-
// src/utils/constants.ts
|
5964
|
-
var getCommonInputStyles = ({ readOnly, valid }) => tw(
|
5965
|
-
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
|
5966
|
-
{
|
5967
|
-
"px-3 py-3": !readOnly,
|
5968
|
-
"border-none resize-none cursor-default": readOnly,
|
5969
|
-
"border border-error-50": !valid && !readOnly,
|
5970
|
-
"border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
|
5971
|
-
}
|
5972
|
-
);
|
5973
|
-
|
5974
5986
|
// src/utils/form/InputAdornment/InputAdornment.tsx
|
5975
5987
|
import React56 from "react";
|
5976
5988
|
var import_cross4 = __toESM(require_cross());
|
@@ -6275,9 +6287,13 @@ var DropdownMenu3 = (_a) => {
|
|
6275
6287
|
var MenuTrigger = () => null;
|
6276
6288
|
var MenuItems = () => null;
|
6277
6289
|
DropdownMenu3.Trigger = MenuTrigger;
|
6290
|
+
DropdownMenu3.Trigger.displayName = "DropdownMenu.Trigger";
|
6278
6291
|
DropdownMenu3.Items = MenuItems;
|
6292
|
+
DropdownMenu3.Items.displayName = "DropdownMenu.Items";
|
6279
6293
|
DropdownMenu3.Item = Item4;
|
6294
|
+
DropdownMenu3.Item.displayName = "DropdownMenu.Item";
|
6280
6295
|
DropdownMenu3.Section = Section;
|
6296
|
+
DropdownMenu3.Section.displayName = "DropdownMenu.Section";
|
6281
6297
|
var TriggerWrapper = (_a) => {
|
6282
6298
|
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
6283
6299
|
const ref = React59.useRef(null);
|
@@ -6592,24 +6608,39 @@ var LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
|
|
6592
6608
|
}, clamped ? expandLabel : collapseLabel));
|
6593
6609
|
};
|
6594
6610
|
|
6595
|
-
// src/components/
|
6611
|
+
// src/components/Link/Link.tsx
|
6612
|
+
import React65 from "react";
|
6613
|
+
|
6614
|
+
// src/common/Link/Link.tsx
|
6596
6615
|
import React64 from "react";
|
6597
|
-
var
|
6616
|
+
var Link = (_a) => {
|
6617
|
+
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
6618
|
+
return /* @__PURE__ */ React64.createElement("a", __spreadValues({
|
6619
|
+
className: classNames(className, linkStyle)
|
6620
|
+
}, props), children);
|
6621
|
+
};
|
6622
|
+
|
6623
|
+
// src/components/Link/Link.tsx
|
6624
|
+
var Link2 = (props) => /* @__PURE__ */ React65.createElement(Link, __spreadValues({}, props));
|
6625
|
+
|
6626
|
+
// src/components/List/List.tsx
|
6627
|
+
import React66 from "react";
|
6628
|
+
var List = ({ items, renderItem, container = React66.Fragment }) => {
|
6598
6629
|
const Component = container;
|
6599
|
-
return /* @__PURE__ */
|
6630
|
+
return /* @__PURE__ */ React66.createElement(Component, null, items.map(renderItem));
|
6600
6631
|
};
|
6601
6632
|
|
6602
6633
|
// src/components/ListItem/ListItem.tsx
|
6603
|
-
import
|
6634
|
+
import React67 from "react";
|
6604
6635
|
var ListItem = ({ name, icon, active = false }) => {
|
6605
|
-
return /* @__PURE__ */
|
6636
|
+
return /* @__PURE__ */ React67.createElement(Flexbox, {
|
6606
6637
|
alignItems: "center"
|
6607
|
-
}, /* @__PURE__ */
|
6638
|
+
}, /* @__PURE__ */ React67.createElement(Typography2, {
|
6608
6639
|
variant: active ? "small-strong" : "small",
|
6609
6640
|
color: "grey-70",
|
6610
6641
|
htmlTag: "span",
|
6611
6642
|
className: `px-4 py-2 rounded-full ${active ? "bg-grey-5" : "hover:bg-grey-0"}`
|
6612
|
-
}, /* @__PURE__ */
|
6643
|
+
}, /* @__PURE__ */ React67.createElement("img", {
|
6613
6644
|
src: icon,
|
6614
6645
|
alt: name,
|
6615
6646
|
className: "inline mr-4",
|
@@ -6619,7 +6650,7 @@ var ListItem = ({ name, icon, active = false }) => {
|
|
6619
6650
|
};
|
6620
6651
|
|
6621
6652
|
// src/components/Modal/Modal.tsx
|
6622
|
-
import
|
6653
|
+
import React69 from "react";
|
6623
6654
|
import { useDialog as useDialog2 } from "@react-aria/dialog";
|
6624
6655
|
import { FocusScope as FocusScope3 } from "@react-aria/focus";
|
6625
6656
|
import { Overlay as Overlay2, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
|
@@ -6629,18 +6660,18 @@ import castArray from "lodash/castArray";
|
|
6629
6660
|
import omit10 from "lodash/omit";
|
6630
6661
|
|
6631
6662
|
// src/components/Tabs/Tabs.tsx
|
6632
|
-
import
|
6663
|
+
import React68, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
|
6633
6664
|
import isNumber4 from "lodash/isNumber";
|
6634
6665
|
import kebabCase from "lodash/kebabCase";
|
6635
6666
|
var import_chevronLeft2 = __toESM(require_chevronLeft());
|
6636
6667
|
var import_chevronRight2 = __toESM(require_chevronRight());
|
6637
6668
|
var import_warningSign3 = __toESM(require_warningSign());
|
6638
6669
|
var isTabComponent = (c) => {
|
6639
|
-
return
|
6670
|
+
return React68.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
|
6640
6671
|
};
|
6641
|
-
var Tab =
|
6672
|
+
var Tab = React68.forwardRef(
|
6642
6673
|
({ className, id, title, children }, ref) => {
|
6643
|
-
return /* @__PURE__ */
|
6674
|
+
return /* @__PURE__ */ React68.createElement("div", {
|
6644
6675
|
ref,
|
6645
6676
|
id: `${id != null ? id : kebabCase(title)}-panel`,
|
6646
6677
|
className,
|
@@ -6652,14 +6683,14 @@ var Tab = React66.forwardRef(
|
|
6652
6683
|
);
|
6653
6684
|
var TabContainer = (_a) => {
|
6654
6685
|
var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
|
6655
|
-
return /* @__PURE__ */
|
6686
|
+
return /* @__PURE__ */ React68.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
6656
6687
|
className: classNames("py-6 z-0", className)
|
6657
6688
|
}), children);
|
6658
6689
|
};
|
6659
6690
|
var ModalTab = Tab;
|
6660
6691
|
var ModalTabContainer = TabContainer;
|
6661
6692
|
var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
6662
|
-
const Tab2 =
|
6693
|
+
const Tab2 = React68.forwardRef(
|
6663
6694
|
(_a, ref) => {
|
6664
6695
|
var _b = _a, {
|
6665
6696
|
id,
|
@@ -6689,17 +6720,17 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
|
6689
6720
|
const _id = id != null ? id : kebabCase(title);
|
6690
6721
|
let statusIcon = void 0;
|
6691
6722
|
if (status === "warning") {
|
6692
|
-
statusIcon = /* @__PURE__ */
|
6723
|
+
statusIcon = /* @__PURE__ */ React68.createElement(InlineIcon, {
|
6693
6724
|
icon: import_warningSign3.default,
|
6694
6725
|
color: "warning-80"
|
6695
6726
|
});
|
6696
6727
|
} else if (status === "error") {
|
6697
|
-
statusIcon = /* @__PURE__ */
|
6728
|
+
statusIcon = /* @__PURE__ */ React68.createElement(InlineIcon, {
|
6698
6729
|
icon: import_warningSign3.default,
|
6699
6730
|
color: "error-50"
|
6700
6731
|
});
|
6701
6732
|
}
|
6702
|
-
const tab = /* @__PURE__ */
|
6733
|
+
const tab = /* @__PURE__ */ React68.createElement(Component, __spreadValues({
|
6703
6734
|
ref,
|
6704
6735
|
id: `${_id}-tab`,
|
6705
6736
|
onClick: () => !disabled && onSelected(value != null ? value : index),
|
@@ -6716,24 +6747,24 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
|
|
6716
6747
|
"aria-selected": selected,
|
6717
6748
|
"aria-controls": `${_id}-panel`,
|
6718
6749
|
tabIndex: disabled ? void 0 : 0
|
6719
|
-
}, rest), /* @__PURE__ */
|
6750
|
+
}, rest), /* @__PURE__ */ React68.createElement(Typography2, {
|
6720
6751
|
htmlTag: "div",
|
6721
6752
|
variant: "small",
|
6722
6753
|
color: selected ? "primary-80" : disabled ? "grey-20" : "current",
|
6723
6754
|
className: tw("inline-flex items-center gap-3")
|
6724
|
-
}, /* @__PURE__ */
|
6755
|
+
}, /* @__PURE__ */ React68.createElement("span", {
|
6725
6756
|
className: tw("whitespace-nowrap")
|
6726
|
-
}, title), isNumber4(badge) && /* @__PURE__ */
|
6757
|
+
}, title), isNumber4(badge) && /* @__PURE__ */ React68.createElement(Typography2, {
|
6727
6758
|
htmlTag: "span",
|
6728
6759
|
variant: "small",
|
6729
6760
|
color: selected ? "primary-80" : "grey-5",
|
6730
6761
|
className: "leading-none"
|
6731
|
-
}, /* @__PURE__ */
|
6762
|
+
}, /* @__PURE__ */ React68.createElement(TabBadge, {
|
6732
6763
|
kind: "filled",
|
6733
6764
|
value: badge,
|
6734
6765
|
textClassname: classNames({ "text-white": selected, "text-grey-50": !selected })
|
6735
6766
|
})), statusIcon));
|
6736
|
-
return tooltip ? /* @__PURE__ */
|
6767
|
+
return tooltip ? /* @__PURE__ */ React68.createElement(Tooltip, {
|
6737
6768
|
content: tooltip
|
6738
6769
|
}, tab) : tab;
|
6739
6770
|
}
|
@@ -6747,7 +6778,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6747
6778
|
const Tabs2 = (props) => {
|
6748
6779
|
var _a, _b;
|
6749
6780
|
const { className, value, defaultValue, onChange, children } = props;
|
6750
|
-
const childArr =
|
6781
|
+
const childArr = React68.Children.toArray(children);
|
6751
6782
|
const firstTab = childArr[0];
|
6752
6783
|
const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
|
6753
6784
|
const [selected, setSelected] = useState7((_b = (_a = value != null ? value : defaultValue) != null ? _a : firstTabValue) != null ? _b : 0);
|
@@ -6760,7 +6791,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6760
6791
|
var _a2, _b2;
|
6761
6792
|
const container = containerRef.current;
|
6762
6793
|
const tabs = tabsRef.current;
|
6763
|
-
const values =
|
6794
|
+
const values = React68.Children.map(
|
6764
6795
|
children,
|
6765
6796
|
(tab, i) => {
|
6766
6797
|
var _a3;
|
@@ -6801,7 +6832,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6801
6832
|
updateCarets();
|
6802
6833
|
setSelected(value);
|
6803
6834
|
revealSelectedTab({ smooth: value !== selected });
|
6804
|
-
}, [value,
|
6835
|
+
}, [value, React68.Children.count(children)]);
|
6805
6836
|
useLayoutEffect2(() => {
|
6806
6837
|
var _a2;
|
6807
6838
|
updateCarets();
|
@@ -6865,27 +6896,27 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6865
6896
|
const handleSelected = (key) => {
|
6866
6897
|
(onChange != null ? onChange : setSelected)(key);
|
6867
6898
|
};
|
6868
|
-
|
6899
|
+
React68.Children.forEach(children, (c) => {
|
6869
6900
|
if (c && !isTabComponent(c)) {
|
6870
6901
|
throw new Error("<Tabs> can only have <Tabs.Tab> components as children");
|
6871
6902
|
}
|
6872
6903
|
});
|
6873
|
-
return /* @__PURE__ */
|
6904
|
+
return /* @__PURE__ */ React68.createElement("div", {
|
6874
6905
|
ref: parentRef,
|
6875
6906
|
className: classNames(tw("h-full"), className)
|
6876
|
-
}, /* @__PURE__ */
|
6907
|
+
}, /* @__PURE__ */ React68.createElement("div", {
|
6877
6908
|
className: tw("relative flex items-center h-full border-b-2 border-grey-10")
|
6878
|
-
}, /* @__PURE__ */
|
6909
|
+
}, /* @__PURE__ */ React68.createElement("div", {
|
6879
6910
|
ref: containerRef,
|
6880
6911
|
className: tw("overflow-y-auto scrollbar-hide h-full mb-[-2px]")
|
6881
|
-
}, /* @__PURE__ */
|
6912
|
+
}, /* @__PURE__ */ React68.createElement("div", {
|
6882
6913
|
ref: tabsRef,
|
6883
6914
|
role: "tablist",
|
6884
6915
|
"aria-label": "tabs",
|
6885
6916
|
className: tw("inline-flex items-center cursor-pointer font-normal h-full")
|
6886
|
-
},
|
6917
|
+
}, React68.Children.map(
|
6887
6918
|
children,
|
6888
|
-
(tab, index) => tab ? /* @__PURE__ */
|
6919
|
+
(tab, index) => tab ? /* @__PURE__ */ React68.createElement(TabItemComponent, __spreadProps(__spreadValues({
|
6889
6920
|
key: tab.props.value
|
6890
6921
|
}, tab.props), {
|
6891
6922
|
index,
|
@@ -6893,20 +6924,20 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6893
6924
|
onKeyDown: handleKeyDown,
|
6894
6925
|
onSelected: handleSelected
|
6895
6926
|
})) : void 0
|
6896
|
-
))), leftCaret && /* @__PURE__ */
|
6927
|
+
))), leftCaret && /* @__PURE__ */ React68.createElement("div", {
|
6897
6928
|
className: tw("absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4")
|
6898
|
-
}, /* @__PURE__ */
|
6929
|
+
}, /* @__PURE__ */ React68.createElement("div", {
|
6899
6930
|
onClick: () => handleScrollToNext("left"),
|
6900
6931
|
className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
|
6901
|
-
}, /* @__PURE__ */
|
6932
|
+
}, /* @__PURE__ */ React68.createElement(InlineIcon, {
|
6902
6933
|
icon: import_chevronLeft2.default
|
6903
|
-
}))), rightCaret && /* @__PURE__ */
|
6934
|
+
}))), rightCaret && /* @__PURE__ */ React68.createElement("div", {
|
6904
6935
|
onClick: () => handleScrollToNext("right"),
|
6905
6936
|
className: tw("absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4")
|
6906
|
-
}, /* @__PURE__ */
|
6937
|
+
}, /* @__PURE__ */ React68.createElement("div", {
|
6907
6938
|
onClick: () => handleScrollToNext("right"),
|
6908
6939
|
className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
|
6909
|
-
}, /* @__PURE__ */
|
6940
|
+
}, /* @__PURE__ */ React68.createElement(InlineIcon, {
|
6910
6941
|
icon: import_chevronRight2.default
|
6911
6942
|
})))), renderChildren(children, selected, props));
|
6912
6943
|
};
|
@@ -6914,7 +6945,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
6914
6945
|
Tabs2.Tab = TabComponent;
|
6915
6946
|
return Tabs2;
|
6916
6947
|
};
|
6917
|
-
var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */
|
6948
|
+
var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React68.createElement(TabContainer, null, children.find(
|
6918
6949
|
(node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
|
6919
6950
|
)));
|
6920
6951
|
|
@@ -6931,7 +6962,7 @@ var Modal2 = ({
|
|
6931
6962
|
secondaryActions,
|
6932
6963
|
size
|
6933
6964
|
}) => {
|
6934
|
-
const ref =
|
6965
|
+
const ref = React69.useRef(null);
|
6935
6966
|
const state = useOverlayTriggerState4({ isOpen: open });
|
6936
6967
|
const { modalProps, underlayProps } = useModalOverlay2({ isDismissable: false }, state, ref);
|
6937
6968
|
const labelledBy = useId2();
|
@@ -6943,35 +6974,35 @@ var Modal2 = ({
|
|
6943
6974
|
if (!open) {
|
6944
6975
|
return null;
|
6945
6976
|
}
|
6946
|
-
return /* @__PURE__ */
|
6977
|
+
return /* @__PURE__ */ React69.createElement(Overlay2, null, /* @__PURE__ */ React69.createElement(Modal, {
|
6947
6978
|
open: state.isOpen
|
6948
|
-
}, /* @__PURE__ */
|
6979
|
+
}, /* @__PURE__ */ React69.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React69.createElement(FocusScope3, {
|
6949
6980
|
contain: true,
|
6950
6981
|
restoreFocus: true,
|
6951
6982
|
autoFocus: true
|
6952
|
-
}, /* @__PURE__ */
|
6983
|
+
}, /* @__PURE__ */ React69.createElement(Modal.Dialog, __spreadValues(__spreadValues({
|
6953
6984
|
ref,
|
6954
6985
|
size
|
6955
|
-
}, modalProps), dialogProps), /* @__PURE__ */
|
6986
|
+
}, modalProps), dialogProps), /* @__PURE__ */ React69.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React69.createElement(IconButton, {
|
6956
6987
|
"aria-label": "Close",
|
6957
6988
|
icon: import_cross5.default,
|
6958
6989
|
onClick: onClose
|
6959
|
-
})), headerImage !== void 0 && /* @__PURE__ */
|
6990
|
+
})), headerImage !== void 0 && /* @__PURE__ */ React69.createElement(Modal.HeaderImage, {
|
6960
6991
|
backgroundImage: headerImage
|
6961
|
-
}), /* @__PURE__ */
|
6992
|
+
}), /* @__PURE__ */ React69.createElement(Modal.Header, {
|
6962
6993
|
className: tw({ "pb-3": isComponentType(children, ModalTabs) })
|
6963
|
-
}, /* @__PURE__ */
|
6994
|
+
}, /* @__PURE__ */ React69.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React69.createElement(Modal.Title, {
|
6964
6995
|
id: labelledBy
|
6965
|
-
}, title), subtitle && /* @__PURE__ */
|
6996
|
+
}, title), subtitle && /* @__PURE__ */ React69.createElement(Modal.Subtitle, null, subtitle))), isComponentType(children, ModalTabs) ? React69.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React69.createElement(Modal.Body, {
|
6966
6997
|
id: describedBy,
|
6967
6998
|
tabIndex: 0,
|
6968
6999
|
noFooter: !(secondaryActions || primaryAction)
|
6969
|
-
}, children), (secondaryActions || primaryAction) && /* @__PURE__ */
|
7000
|
+
}, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React69.createElement(Modal.Footer, null, /* @__PURE__ */ React69.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
|
6970
7001
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
6971
|
-
return /* @__PURE__ */
|
7002
|
+
return /* @__PURE__ */ React69.createElement(SecondaryButton, __spreadValues({
|
6972
7003
|
key: text
|
6973
7004
|
}, action), text);
|
6974
|
-
}), primaryAction && /* @__PURE__ */
|
7005
|
+
}), primaryAction && /* @__PURE__ */ React69.createElement(PrimaryButton, __spreadValues({
|
6975
7006
|
key: primaryAction.text
|
6976
7007
|
}, omit10(primaryAction, "text")), primaryAction.text)))))));
|
6977
7008
|
};
|
@@ -6979,24 +7010,24 @@ var ModalTabs = createTabsComponent(
|
|
6979
7010
|
ModalTab,
|
6980
7011
|
TabItem,
|
6981
7012
|
"ModalTabs",
|
6982
|
-
(children, selected, props) => /* @__PURE__ */
|
7013
|
+
(children, selected, props) => /* @__PURE__ */ React69.createElement(Modal.Body, {
|
6983
7014
|
maxHeight: props.maxHeight
|
6984
|
-
}, /* @__PURE__ */
|
7015
|
+
}, /* @__PURE__ */ React69.createElement(ModalTabContainer, null, children.find(
|
6985
7016
|
(node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
|
6986
7017
|
)))
|
6987
7018
|
);
|
6988
7019
|
|
6989
7020
|
// src/components/MultiInput/MultiInput.tsx
|
6990
|
-
import
|
7021
|
+
import React71, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
|
6991
7022
|
import castArray2 from "lodash/castArray";
|
6992
7023
|
import identity from "lodash/identity";
|
6993
7024
|
import omit11 from "lodash/omit";
|
6994
7025
|
import uniqueId4 from "lodash/uniqueId";
|
6995
7026
|
|
6996
7027
|
// src/components/MultiInput/InputChip.tsx
|
6997
|
-
import
|
7028
|
+
import React70 from "react";
|
6998
7029
|
var import_smallCross = __toESM(require_smallCross());
|
6999
|
-
var InputChip =
|
7030
|
+
var InputChip = React70.forwardRef(
|
7000
7031
|
(_a, ref) => {
|
7001
7032
|
var _b = _a, { invalid = false, disabled, readOnly, className, onClick: _onClick, children } = _b, props = __objRest(_b, ["invalid", "disabled", "readOnly", "className", "onClick", "children"]);
|
7002
7033
|
const onClick = (e) => {
|
@@ -7004,7 +7035,7 @@ var InputChip = React68.forwardRef(
|
|
7004
7035
|
_onClick == null ? void 0 : _onClick(e);
|
7005
7036
|
}
|
7006
7037
|
};
|
7007
|
-
return /* @__PURE__ */
|
7038
|
+
return /* @__PURE__ */ React70.createElement("div", __spreadValues({
|
7008
7039
|
ref,
|
7009
7040
|
role: "button",
|
7010
7041
|
className: classNames(className, "inline-flex align-middle mx-1 px-2 py-1 items-center rounded-sm break-all", {
|
@@ -7014,10 +7045,10 @@ var InputChip = React68.forwardRef(
|
|
7014
7045
|
"bg-grey-5 pointer-events-none": disabled
|
7015
7046
|
}),
|
7016
7047
|
onClick
|
7017
|
-
}, props), /* @__PURE__ */
|
7048
|
+
}, props), /* @__PURE__ */ React70.createElement(Typography2, {
|
7018
7049
|
variant: "small",
|
7019
7050
|
color: invalid ? "error-80" : disabled ? "grey-40" : "grey-70"
|
7020
|
-
}, children), !readOnly && /* @__PURE__ */
|
7051
|
+
}, children), !readOnly && /* @__PURE__ */ React70.createElement("div", null, /* @__PURE__ */ React70.createElement(Icon, {
|
7021
7052
|
icon: import_smallCross.default,
|
7022
7053
|
className: tw("ml-2", {
|
7023
7054
|
"text-error-70": invalid,
|
@@ -7158,7 +7189,7 @@ var MultiInputBase = (_a) => {
|
|
7158
7189
|
};
|
7159
7190
|
const renderChips = () => items == null ? void 0 : items.map((item, index) => {
|
7160
7191
|
var _a3;
|
7161
|
-
return /* @__PURE__ */
|
7192
|
+
return /* @__PURE__ */ React71.createElement(InputChip, {
|
7162
7193
|
key: `${itemToString(item)}.${index}`,
|
7163
7194
|
invalid: !((_a3 = isItemValid == null ? void 0 : isItemValid(item, index)) != null ? _a3 : true),
|
7164
7195
|
readOnly,
|
@@ -7169,11 +7200,11 @@ var MultiInputBase = (_a) => {
|
|
7169
7200
|
}
|
7170
7201
|
}, itemToString(item));
|
7171
7202
|
});
|
7172
|
-
return /* @__PURE__ */
|
7203
|
+
return /* @__PURE__ */ React71.createElement("div", null, /* @__PURE__ */ React71.createElement(Select.InputContainer, {
|
7173
7204
|
variant: disabled ? "disabled" : valid === false ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
|
7174
|
-
}, /* @__PURE__ */
|
7205
|
+
}, /* @__PURE__ */ React71.createElement("div", {
|
7175
7206
|
className: "grow inline-flex flex-row flex-wrap gap-y-2"
|
7176
|
-
}, inline && renderChips(), /* @__PURE__ */
|
7207
|
+
}, inline && renderChips(), /* @__PURE__ */ React71.createElement(Select.Input, __spreadProps(__spreadValues({
|
7177
7208
|
ref: inputRef,
|
7178
7209
|
id: id != null ? id : name,
|
7179
7210
|
name,
|
@@ -7191,11 +7222,11 @@ var MultiInputBase = (_a) => {
|
|
7191
7222
|
onFocus: handleFocus,
|
7192
7223
|
onBlur: handleBlur,
|
7193
7224
|
autoComplete: "off"
|
7194
|
-
}))), endAdornment && /* @__PURE__ */
|
7225
|
+
}))), endAdornment && /* @__PURE__ */ React71.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React71.createElement("div", {
|
7195
7226
|
className: tw("flex flex-row flex-wrap gap-y-2 mt-2")
|
7196
7227
|
}, renderChips()));
|
7197
7228
|
};
|
7198
|
-
var BaseMultiInputSkeleton = () => /* @__PURE__ */
|
7229
|
+
var BaseMultiInputSkeleton = () => /* @__PURE__ */ React71.createElement(Skeleton, {
|
7199
7230
|
height: 38
|
7200
7231
|
});
|
7201
7232
|
MultiInputBase.Skeleton = BaseMultiInputSkeleton;
|
@@ -7212,14 +7243,14 @@ var MultiInput = (props) => {
|
|
7212
7243
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7213
7244
|
const labelControlProps = getLabelControlProps(props);
|
7214
7245
|
const baseProps = omit11(props, Object.keys(labelControlProps));
|
7215
|
-
return /* @__PURE__ */
|
7246
|
+
return /* @__PURE__ */ React71.createElement(LabelControl, __spreadProps(__spreadValues({
|
7216
7247
|
id: `${id.current}-label`,
|
7217
7248
|
htmlFor: `${id.current}-input`,
|
7218
7249
|
messageId: errorMessageId
|
7219
7250
|
}, labelControlProps), {
|
7220
7251
|
length: value.length,
|
7221
7252
|
maxLength
|
7222
|
-
}), /* @__PURE__ */
|
7253
|
+
}), /* @__PURE__ */ React71.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7223
7254
|
id: `${id.current}-input`,
|
7224
7255
|
onChange: (value2) => {
|
7225
7256
|
var _a2;
|
@@ -7231,12 +7262,12 @@ var MultiInput = (props) => {
|
|
7231
7262
|
valid: props.valid
|
7232
7263
|
})));
|
7233
7264
|
};
|
7234
|
-
var MultiInputSkeleton = () => /* @__PURE__ */
|
7265
|
+
var MultiInputSkeleton = () => /* @__PURE__ */ React71.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React71.createElement(MultiInputBase.Skeleton, null));
|
7235
7266
|
MultiInput.Skeleton = MultiInputSkeleton;
|
7236
7267
|
MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
|
7237
7268
|
|
7238
7269
|
// src/components/MultiSelect/MultiSelect.tsx
|
7239
|
-
import
|
7270
|
+
import React72, { useRef as useRef8, useState as useState9 } from "react";
|
7240
7271
|
import { useOverlayPosition as useOverlayPosition5 } from "@react-aria/overlays";
|
7241
7272
|
import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
|
7242
7273
|
import isNil from "lodash/isNil";
|
@@ -7364,7 +7395,7 @@ var MultiSelectBase = (_a) => {
|
|
7364
7395
|
});
|
7365
7396
|
const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
|
7366
7397
|
const renderChips = () => {
|
7367
|
-
return selectedItems.map((selectedItem, index) => /* @__PURE__ */
|
7398
|
+
return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React72.createElement(InputChip, __spreadProps(__spreadValues({
|
7368
7399
|
key: `${itemToString(selectedItem)}.chip`,
|
7369
7400
|
className: tw("mx-0"),
|
7370
7401
|
disabled,
|
@@ -7380,14 +7411,14 @@ var MultiSelectBase = (_a) => {
|
|
7380
7411
|
const hasNoResults = options.length === 0 || filteredOptions.length === 0;
|
7381
7412
|
const width = (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth;
|
7382
7413
|
const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
|
7383
|
-
return /* @__PURE__ */
|
7414
|
+
return /* @__PURE__ */ React72.createElement("div", {
|
7384
7415
|
className: tw("relative")
|
7385
|
-
}, /* @__PURE__ */
|
7416
|
+
}, /* @__PURE__ */ React72.createElement(Select.InputContainer, {
|
7386
7417
|
ref: targetRef,
|
7387
7418
|
variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
|
7388
|
-
}, /* @__PURE__ */
|
7419
|
+
}, /* @__PURE__ */ React72.createElement("div", {
|
7389
7420
|
className: "grow inline-flex flex-row flex-wrap gap-2"
|
7390
|
-
}, !hideChips && inline && renderChips(), /* @__PURE__ */
|
7421
|
+
}, !hideChips && inline && renderChips(), /* @__PURE__ */ React72.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
|
7391
7422
|
id,
|
7392
7423
|
name,
|
7393
7424
|
placeholder: selectedItems.length === 0 && !readOnly ? placeholder : "",
|
@@ -7408,12 +7439,12 @@ var MultiSelectBase = (_a) => {
|
|
7408
7439
|
setFocus(false);
|
7409
7440
|
(_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, e);
|
7410
7441
|
}
|
7411
|
-
}))), !readOnly && /* @__PURE__ */
|
7442
|
+
}))), !readOnly && /* @__PURE__ */ React72.createElement(Select.Toggle, __spreadValues({
|
7412
7443
|
hasFocus,
|
7413
7444
|
isOpen
|
7414
|
-
}, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */
|
7445
|
+
}, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React72.createElement("div", {
|
7415
7446
|
className: tw("flex flex-row flex-wrap gap-2 mt-2")
|
7416
|
-
}, renderChips()), /* @__PURE__ */
|
7447
|
+
}, renderChips()), /* @__PURE__ */ React72.createElement(PopoverWrapper, __spreadProps(__spreadValues({
|
7417
7448
|
isOpen: true,
|
7418
7449
|
isDismissable: true,
|
7419
7450
|
autoFocus: true
|
@@ -7421,15 +7452,15 @@ var MultiSelectBase = (_a) => {
|
|
7421
7452
|
style,
|
7422
7453
|
onClose: closeMenu,
|
7423
7454
|
className: tw("overflow-y-auto")
|
7424
|
-
}), /* @__PURE__ */
|
7455
|
+
}), /* @__PURE__ */ React72.createElement(Select.Menu, {
|
7425
7456
|
maxHeight
|
7426
|
-
}, isOpen && hasNoResults && /* @__PURE__ */
|
7457
|
+
}, isOpen && hasNoResults && /* @__PURE__ */ React72.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React72.createElement(Select.Item, __spreadValues({
|
7427
7458
|
key: itemToString(item),
|
7428
7459
|
highlighted: index === highlightedIndex,
|
7429
7460
|
selected: selectedItems.includes(item)
|
7430
7461
|
}, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
|
7431
7462
|
};
|
7432
|
-
var MultiSelectBaseSkeleton = () => /* @__PURE__ */
|
7463
|
+
var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React72.createElement(Skeleton, {
|
7433
7464
|
height: 38
|
7434
7465
|
});
|
7435
7466
|
MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
|
@@ -7447,11 +7478,11 @@ var MultiSelect = (_a) => {
|
|
7447
7478
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7448
7479
|
const labelControlProps = getLabelControlProps(props);
|
7449
7480
|
const baseProps = omit12(props, Object.keys(labelControlProps));
|
7450
|
-
return /* @__PURE__ */
|
7481
|
+
return /* @__PURE__ */ React72.createElement(LabelControl, __spreadValues({
|
7451
7482
|
id: `${id.current}-label`,
|
7452
7483
|
htmlFor: `${id.current}-input`,
|
7453
7484
|
messageId: errorMessageId
|
7454
|
-
}, labelControlProps), /* @__PURE__ */
|
7485
|
+
}, labelControlProps), /* @__PURE__ */ React72.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7455
7486
|
id: id.current,
|
7456
7487
|
options,
|
7457
7488
|
noResults,
|
@@ -7459,16 +7490,16 @@ var MultiSelect = (_a) => {
|
|
7459
7490
|
valid: props.valid
|
7460
7491
|
})));
|
7461
7492
|
};
|
7462
|
-
var MultiSelectSkeleton = () => /* @__PURE__ */
|
7493
|
+
var MultiSelectSkeleton = () => /* @__PURE__ */ React72.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React72.createElement(MultiSelectBase.Skeleton, null));
|
7463
7494
|
MultiSelect.Skeleton = MultiSelectSkeleton;
|
7464
7495
|
MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
|
7465
7496
|
|
7466
7497
|
// src/components/NativeSelect/NativeSelect.tsx
|
7467
|
-
import
|
7498
|
+
import React73, { useRef as useRef9 } from "react";
|
7468
7499
|
import omit13 from "lodash/omit";
|
7469
7500
|
import uniqueId6 from "lodash/uniqueId";
|
7470
7501
|
var import_caretDown = __toESM(require_caretDown());
|
7471
|
-
var NativeSelectBase =
|
7502
|
+
var NativeSelectBase = React73.forwardRef(
|
7472
7503
|
(_a, ref) => {
|
7473
7504
|
var _b = _a, { children, disabled = false, required = false, valid = true, readOnly = false } = _b, props = __objRest(_b, ["children", "disabled", "required", "valid", "readOnly"]);
|
7474
7505
|
const placeholderValue = uniqueId6("default_value_for_placeholder");
|
@@ -7485,16 +7516,16 @@ var NativeSelectBase = React71.forwardRef(
|
|
7485
7516
|
(_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
|
7486
7517
|
}
|
7487
7518
|
};
|
7488
|
-
return /* @__PURE__ */
|
7519
|
+
return /* @__PURE__ */ React73.createElement("span", {
|
7489
7520
|
className: tw("relative block")
|
7490
|
-
}, !readOnly && /* @__PURE__ */
|
7521
|
+
}, !readOnly && /* @__PURE__ */ React73.createElement("span", {
|
7491
7522
|
className: tw(
|
7492
7523
|
"absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
|
7493
7524
|
)
|
7494
|
-
}, /* @__PURE__ */
|
7525
|
+
}, /* @__PURE__ */ React73.createElement(Icon, {
|
7495
7526
|
icon: import_caretDown.default,
|
7496
7527
|
"data-testid": "icon-dropdown"
|
7497
|
-
})), /* @__PURE__ */
|
7528
|
+
})), /* @__PURE__ */ React73.createElement("select", __spreadProps(__spreadValues({
|
7498
7529
|
ref,
|
7499
7530
|
disabled: disabled || readOnly,
|
7500
7531
|
required
|
@@ -7513,16 +7544,16 @@ var NativeSelectBase = React71.forwardRef(
|
|
7513
7544
|
),
|
7514
7545
|
props.className
|
7515
7546
|
)
|
7516
|
-
}), props.placeholder && /* @__PURE__ */
|
7547
|
+
}), props.placeholder && /* @__PURE__ */ React73.createElement("option", {
|
7517
7548
|
value: placeholderValue,
|
7518
7549
|
disabled: true
|
7519
7550
|
}, props.placeholder), children));
|
7520
7551
|
}
|
7521
7552
|
);
|
7522
|
-
NativeSelectBase.Skeleton = () => /* @__PURE__ */
|
7553
|
+
NativeSelectBase.Skeleton = () => /* @__PURE__ */ React73.createElement(Skeleton, {
|
7523
7554
|
height: 38
|
7524
7555
|
});
|
7525
|
-
var NativeSelect =
|
7556
|
+
var NativeSelect = React73.forwardRef(
|
7526
7557
|
(_a, ref) => {
|
7527
7558
|
var _b = _a, { readOnly } = _b, props = __objRest(_b, ["readOnly"]);
|
7528
7559
|
var _a2;
|
@@ -7531,11 +7562,11 @@ var NativeSelect = React71.forwardRef(
|
|
7531
7562
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
7532
7563
|
const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
|
7533
7564
|
const baseProps = omit13(props, Object.keys(labelControlProps));
|
7534
|
-
return /* @__PURE__ */
|
7565
|
+
return /* @__PURE__ */ React73.createElement(LabelControl, __spreadValues({
|
7535
7566
|
id: `${id.current}-label`,
|
7536
7567
|
htmlFor: id.current,
|
7537
7568
|
messageId: errorMessageId
|
7538
|
-
}, labelControlProps), /* @__PURE__ */
|
7569
|
+
}, labelControlProps), /* @__PURE__ */ React73.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
|
7539
7570
|
ref
|
7540
7571
|
}, baseProps), errorProps), {
|
7541
7572
|
id: id.current,
|
@@ -7548,20 +7579,22 @@ var NativeSelect = React71.forwardRef(
|
|
7548
7579
|
})));
|
7549
7580
|
}
|
7550
7581
|
);
|
7551
|
-
|
7582
|
+
NativeSelect.displayName = "NativeSelect";
|
7583
|
+
var Option = React73.forwardRef((_a, ref) => {
|
7552
7584
|
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
7553
|
-
return /* @__PURE__ */
|
7585
|
+
return /* @__PURE__ */ React73.createElement("option", __spreadValues({
|
7554
7586
|
ref
|
7555
7587
|
}, props), children);
|
7556
7588
|
});
|
7557
|
-
|
7589
|
+
Option.displayName = "Option";
|
7590
|
+
var NativeSelectSkeleton = () => /* @__PURE__ */ React73.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React73.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React73.createElement("div", {
|
7558
7591
|
style: { height: "1px" }
|
7559
7592
|
}));
|
7560
7593
|
NativeSelect.Skeleton = NativeSelectSkeleton;
|
7561
7594
|
NativeSelect.Skeleton.displayName = "NativeSelect.Skeleton";
|
7562
7595
|
|
7563
7596
|
// src/components/PageHeader/PageHeader.tsx
|
7564
|
-
import
|
7597
|
+
import React74 from "react";
|
7565
7598
|
import castArray3 from "lodash/castArray";
|
7566
7599
|
import omit14 from "lodash/omit";
|
7567
7600
|
var PageHeader = ({
|
@@ -7573,48 +7606,48 @@ var PageHeader = ({
|
|
7573
7606
|
chips = [],
|
7574
7607
|
breadcrumbs
|
7575
7608
|
}) => {
|
7576
|
-
return /* @__PURE__ */
|
7609
|
+
return /* @__PURE__ */ React74.createElement(Flexbox, {
|
7577
7610
|
direction: "row",
|
7578
7611
|
gap: "4",
|
7579
7612
|
paddingBottom: "6"
|
7580
|
-
}, /* @__PURE__ */
|
7613
|
+
}, /* @__PURE__ */ React74.createElement(Flexbox, {
|
7581
7614
|
className: tw("grow"),
|
7582
7615
|
direction: "column",
|
7583
7616
|
gap: "0"
|
7584
|
-
}, breadcrumbs && /* @__PURE__ */
|
7617
|
+
}, breadcrumbs && /* @__PURE__ */ React74.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React74.createElement(Flexbox, {
|
7585
7618
|
gap: "5"
|
7586
|
-
}, image && /* @__PURE__ */
|
7619
|
+
}, image && /* @__PURE__ */ React74.createElement("img", {
|
7587
7620
|
src: image,
|
7588
7621
|
alt: imageAlt,
|
7589
7622
|
className: tw("w-[56px] h-[56px]")
|
7590
|
-
}), /* @__PURE__ */
|
7623
|
+
}), /* @__PURE__ */ React74.createElement(Flexbox, {
|
7591
7624
|
direction: "column",
|
7592
7625
|
justifyContent: "center"
|
7593
|
-
}, /* @__PURE__ */
|
7626
|
+
}, /* @__PURE__ */ React74.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React74.createElement(Flexbox, {
|
7594
7627
|
gap: "3"
|
7595
|
-
}, chips.map((chip) => /* @__PURE__ */
|
7628
|
+
}, chips.map((chip) => /* @__PURE__ */ React74.createElement(Chip2, {
|
7596
7629
|
key: chip,
|
7597
7630
|
dense: true,
|
7598
7631
|
text: chip
|
7599
|
-
})))))), (secondaryActions || primaryAction) && /* @__PURE__ */
|
7632
|
+
})))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React74.createElement(Flexbox, {
|
7600
7633
|
gap: "4",
|
7601
7634
|
className: tw("self-start")
|
7602
7635
|
}, secondaryActions && castArray3(secondaryActions).filter(Boolean).map((_a) => {
|
7603
7636
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
7604
|
-
return /* @__PURE__ */
|
7637
|
+
return /* @__PURE__ */ React74.createElement(SecondaryButton, __spreadValues({
|
7605
7638
|
key: text
|
7606
7639
|
}, action), text);
|
7607
|
-
}), primaryAction && /* @__PURE__ */
|
7640
|
+
}), primaryAction && /* @__PURE__ */ React74.createElement(PrimaryButton, __spreadValues({
|
7608
7641
|
key: primaryAction.text
|
7609
7642
|
}, omit14(primaryAction, "text")), primaryAction.text)));
|
7610
7643
|
};
|
7611
7644
|
|
7612
7645
|
// src/components/Pagination/Pagination.tsx
|
7613
|
-
import
|
7646
|
+
import React76 from "react";
|
7614
7647
|
import clamp from "lodash/clamp";
|
7615
7648
|
|
7616
7649
|
// src/components/Select/Select.tsx
|
7617
|
-
import
|
7650
|
+
import React75, { useRef as useRef10, useState as useState10 } from "react";
|
7618
7651
|
import { useOverlayPosition as useOverlayPosition6 } from "@react-aria/overlays";
|
7619
7652
|
import { useSelect } from "downshift";
|
7620
7653
|
import defaults from "lodash/defaults";
|
@@ -7631,10 +7664,10 @@ var hasOptionGroups = (val) => {
|
|
7631
7664
|
};
|
7632
7665
|
var defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
|
7633
7666
|
var _a, _b;
|
7634
|
-
return /* @__PURE__ */
|
7667
|
+
return /* @__PURE__ */ React75.createElement(Select.Item, __spreadValues({
|
7635
7668
|
key: (_b = (_a = getOptionKey == null ? void 0 : getOptionKey(item)) != null ? _a : getValue == null ? void 0 : getValue(item)) != null ? _b : optionToString(item),
|
7636
7669
|
selected: item === selectedItem
|
7637
|
-
}, props), hasIconProperty(item) && /* @__PURE__ */
|
7670
|
+
}, props), hasIconProperty(item) && /* @__PURE__ */ React75.createElement(InlineIcon, {
|
7638
7671
|
icon: item.icon
|
7639
7672
|
}), optionToString(item));
|
7640
7673
|
};
|
@@ -7751,13 +7784,13 @@ var _SelectBase = (props) => {
|
|
7751
7784
|
},
|
7752
7785
|
withDefaults
|
7753
7786
|
);
|
7754
|
-
const renderGroup = (group) => /* @__PURE__ */
|
7787
|
+
const renderGroup = (group) => /* @__PURE__ */ React75.createElement(React75.Fragment, {
|
7755
7788
|
key: group.label
|
7756
|
-
}, /* @__PURE__ */
|
7757
|
-
const input = /* @__PURE__ */
|
7789
|
+
}, /* @__PURE__ */ React75.createElement(Select.Group, null, group.label), group.options.map((opt) => renderItem(opt, items.indexOf(opt))));
|
7790
|
+
const input = /* @__PURE__ */ React75.createElement(Select.InputContainer, __spreadProps(__spreadValues({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef })), {
|
7758
7791
|
variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default",
|
7759
7792
|
tabIndex: 0
|
7760
|
-
}), /* @__PURE__ */
|
7793
|
+
}), /* @__PURE__ */ React75.createElement(Select.Input, __spreadProps(__spreadValues({
|
7761
7794
|
id,
|
7762
7795
|
name
|
7763
7796
|
}, rest), {
|
@@ -7769,16 +7802,16 @@ var _SelectBase = (props) => {
|
|
7769
7802
|
tabIndex: -1,
|
7770
7803
|
onFocus: () => setFocus(true),
|
7771
7804
|
onBlur: () => setFocus(false)
|
7772
|
-
})), !readOnly && /* @__PURE__ */
|
7805
|
+
})), !readOnly && /* @__PURE__ */ React75.createElement(Select.Toggle, {
|
7773
7806
|
disabled,
|
7774
7807
|
isOpen,
|
7775
7808
|
tabIndex: -1
|
7776
7809
|
}));
|
7777
7810
|
const width = (_b = targetRef.current) == null ? void 0 : _b.offsetWidth;
|
7778
7811
|
const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
|
7779
|
-
return /* @__PURE__ */
|
7812
|
+
return /* @__PURE__ */ React75.createElement("div", {
|
7780
7813
|
className: tw("relative")
|
7781
|
-
}, labelWrapper ?
|
7814
|
+
}, labelWrapper ? React75.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React75.createElement(PopoverWrapper, __spreadProps(__spreadValues({
|
7782
7815
|
isOpen: true,
|
7783
7816
|
isDismissable: true,
|
7784
7817
|
autoFocus: true
|
@@ -7786,11 +7819,11 @@ var _SelectBase = (props) => {
|
|
7786
7819
|
style,
|
7787
7820
|
onClose: closeMenu,
|
7788
7821
|
className: tw("overflow-y-auto")
|
7789
|
-
}), /* @__PURE__ */
|
7822
|
+
}), /* @__PURE__ */ React75.createElement(Select.Menu, {
|
7790
7823
|
maxHeight
|
7791
|
-
}, isOpen && options.length === 0 && /* @__PURE__ */
|
7824
|
+
}, isOpen && options.length === 0 && /* @__PURE__ */ React75.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__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(Select.Divider, {
|
7792
7825
|
onMouseOver: () => setHighlightedIndex(-1)
|
7793
|
-
}), actions.map((act, index) => /* @__PURE__ */
|
7826
|
+
}), actions.map((act, index) => /* @__PURE__ */ React75.createElement(Select.ActionItem, __spreadProps(__spreadValues({
|
7794
7827
|
key: `${index}`
|
7795
7828
|
}, act), {
|
7796
7829
|
onMouseOver: () => setHighlightedIndex(-1),
|
@@ -7800,10 +7833,10 @@ var _SelectBase = (props) => {
|
|
7800
7833
|
}
|
7801
7834
|
}), act.label))))));
|
7802
7835
|
};
|
7803
|
-
var SelectBase = (props) => /* @__PURE__ */
|
7836
|
+
var SelectBase = (props) => /* @__PURE__ */ React75.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
|
7804
7837
|
labelWrapper: void 0
|
7805
7838
|
}));
|
7806
|
-
var SelectBaseSkeleton = () => /* @__PURE__ */
|
7839
|
+
var SelectBaseSkeleton = () => /* @__PURE__ */ React75.createElement(Skeleton, {
|
7807
7840
|
height: 38
|
7808
7841
|
});
|
7809
7842
|
SelectBase.Skeleton = SelectBaseSkeleton;
|
@@ -7821,19 +7854,19 @@ var Select2 = (_a) => {
|
|
7821
7854
|
const baseProps = omit15(props, Object.keys(labelProps));
|
7822
7855
|
const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
|
7823
7856
|
const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
|
7824
|
-
const label = /* @__PURE__ */
|
7857
|
+
const label = /* @__PURE__ */ React75.createElement(Label, __spreadValues({
|
7825
7858
|
id: `${id.current}-label`,
|
7826
7859
|
htmlFor: `${id.current}-input`,
|
7827
7860
|
variant,
|
7828
7861
|
messageId: errorMessageId
|
7829
7862
|
}, labelProps));
|
7830
|
-
return /* @__PURE__ */
|
7863
|
+
return /* @__PURE__ */ React75.createElement(FormControl, null, /* @__PURE__ */ React75.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
|
7831
7864
|
id: `${id.current}-input`,
|
7832
7865
|
options,
|
7833
7866
|
disabled: props.disabled,
|
7834
7867
|
valid: props.valid,
|
7835
7868
|
labelWrapper: label
|
7836
|
-
})), /* @__PURE__ */
|
7869
|
+
})), /* @__PURE__ */ React75.createElement(HelperText, {
|
7837
7870
|
messageId: errorMessageId,
|
7838
7871
|
error: !labelProps.valid,
|
7839
7872
|
helperText: labelProps.helperText,
|
@@ -7842,8 +7875,9 @@ var Select2 = (_a) => {
|
|
7842
7875
|
reserveSpaceForError: labelProps.reserveSpaceForError
|
7843
7876
|
}));
|
7844
7877
|
};
|
7845
|
-
var SelectSkeleton = () => /* @__PURE__ */
|
7878
|
+
var SelectSkeleton = () => /* @__PURE__ */ React75.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React75.createElement(SelectBase.Skeleton, null));
|
7846
7879
|
Select2.Skeleton = SelectSkeleton;
|
7880
|
+
Select2.Skeleton.displayName = "Select.Skeleton";
|
7847
7881
|
|
7848
7882
|
// src/components/Pagination/Pagination.tsx
|
7849
7883
|
var import_chevronBackward = __toESM(require_chevronBackward());
|
@@ -7860,25 +7894,25 @@ var Pagination = ({
|
|
7860
7894
|
pageSizes,
|
7861
7895
|
onPageSizeChange
|
7862
7896
|
}) => {
|
7863
|
-
const [value, setValue] =
|
7864
|
-
|
7897
|
+
const [value, setValue] = React76.useState(currentPage);
|
7898
|
+
React76.useEffect(() => {
|
7865
7899
|
setValue(currentPage);
|
7866
7900
|
}, [currentPage]);
|
7867
|
-
|
7901
|
+
React76.useEffect(() => {
|
7868
7902
|
onPageChange(1);
|
7869
7903
|
setValue(1);
|
7870
7904
|
}, [pageSize]);
|
7871
|
-
return /* @__PURE__ */
|
7905
|
+
return /* @__PURE__ */ React76.createElement(Box, {
|
7872
7906
|
className: tw("grid grid-cols-[200px_1fr_200px]"),
|
7873
7907
|
backgroundColor: "grey-0",
|
7874
7908
|
padding: "4"
|
7875
|
-
}, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */
|
7909
|
+
}, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React76.createElement(Box, {
|
7876
7910
|
display: "flex",
|
7877
7911
|
alignItems: "center",
|
7878
7912
|
gap: "4"
|
7879
|
-
}, /* @__PURE__ */
|
7913
|
+
}, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React76.createElement("div", {
|
7880
7914
|
className: tw("max-w-[70px]")
|
7881
|
-
}, /* @__PURE__ */
|
7915
|
+
}, /* @__PURE__ */ React76.createElement(SelectBase, {
|
7882
7916
|
options: pageSizes.map((size) => size.toString()),
|
7883
7917
|
value: pageSize.toString(),
|
7884
7918
|
onChange: (size) => {
|
@@ -7889,24 +7923,24 @@ var Pagination = ({
|
|
7889
7923
|
}
|
7890
7924
|
}
|
7891
7925
|
}
|
7892
|
-
}))) : /* @__PURE__ */
|
7926
|
+
}))) : /* @__PURE__ */ React76.createElement("div", null), /* @__PURE__ */ React76.createElement(Box, {
|
7893
7927
|
display: "flex",
|
7894
7928
|
justifyContent: "center",
|
7895
7929
|
alignItems: "center",
|
7896
7930
|
className: tw("grow")
|
7897
|
-
}, /* @__PURE__ */
|
7931
|
+
}, /* @__PURE__ */ React76.createElement(IconButton, {
|
7898
7932
|
"aria-label": "First",
|
7899
7933
|
onClick: () => onPageChange(1),
|
7900
7934
|
icon: import_chevronBackward.default,
|
7901
7935
|
disabled: !hasPreviousPage
|
7902
|
-
}), /* @__PURE__ */
|
7936
|
+
}), /* @__PURE__ */ React76.createElement(IconButton, {
|
7903
7937
|
"aria-label": "Previous",
|
7904
7938
|
onClick: () => onPageChange(currentPage - 1),
|
7905
7939
|
icon: import_chevronLeft3.default,
|
7906
7940
|
disabled: !hasPreviousPage
|
7907
|
-
}), /* @__PURE__ */
|
7941
|
+
}), /* @__PURE__ */ React76.createElement(Box, {
|
7908
7942
|
paddingX: "4"
|
7909
|
-
}, /* @__PURE__ */
|
7943
|
+
}, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React76.createElement(InputBase, {
|
7910
7944
|
className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
|
7911
7945
|
type: "number",
|
7912
7946
|
min: 1,
|
@@ -7929,43 +7963,43 @@ var Pagination = ({
|
|
7929
7963
|
setValue(1);
|
7930
7964
|
}
|
7931
7965
|
}
|
7932
|
-
}), /* @__PURE__ */
|
7966
|
+
}), /* @__PURE__ */ React76.createElement(Box, {
|
7933
7967
|
paddingX: "4"
|
7934
|
-
}, /* @__PURE__ */
|
7968
|
+
}, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React76.createElement(IconButton, {
|
7935
7969
|
"aria-label": "Next",
|
7936
7970
|
onClick: () => onPageChange(currentPage + 1),
|
7937
7971
|
icon: import_chevronRight3.default,
|
7938
7972
|
disabled: !hasNextPage
|
7939
|
-
}), /* @__PURE__ */
|
7973
|
+
}), /* @__PURE__ */ React76.createElement(IconButton, {
|
7940
7974
|
"aria-label": "Last",
|
7941
7975
|
onClick: () => onPageChange(totalPages),
|
7942
7976
|
icon: import_chevronForward.default,
|
7943
7977
|
disabled: !hasNextPage
|
7944
|
-
})), /* @__PURE__ */
|
7978
|
+
})), /* @__PURE__ */ React76.createElement("div", null));
|
7945
7979
|
};
|
7946
7980
|
|
7947
7981
|
// src/components/PopoverDialog/PopoverDialog.tsx
|
7948
|
-
import
|
7982
|
+
import React78 from "react";
|
7949
7983
|
import omit16 from "lodash/omit";
|
7950
7984
|
|
7951
7985
|
// src/common/PopoverDialog/PopoverDialog.tsx
|
7952
|
-
import
|
7986
|
+
import React77 from "react";
|
7953
7987
|
var Header = (_a) => {
|
7954
7988
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7955
|
-
return /* @__PURE__ */
|
7989
|
+
return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7956
7990
|
className: classNames(tw("p-5 gap-3 flex items-center"), className)
|
7957
7991
|
}), children);
|
7958
7992
|
};
|
7959
7993
|
var Title = (_a) => {
|
7960
7994
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7961
|
-
return /* @__PURE__ */
|
7995
|
+
return /* @__PURE__ */ React77.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
7962
7996
|
htmlTag: "h1",
|
7963
7997
|
variant: "small-strong"
|
7964
7998
|
}), children);
|
7965
7999
|
};
|
7966
8000
|
var Body = (_a) => {
|
7967
8001
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7968
|
-
return /* @__PURE__ */
|
8002
|
+
return /* @__PURE__ */ React77.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
7969
8003
|
htmlTag: "div",
|
7970
8004
|
variant: "caption",
|
7971
8005
|
className: classNames(tw("px-5 overflow-y-auto"), className)
|
@@ -7973,13 +8007,13 @@ var Body = (_a) => {
|
|
7973
8007
|
};
|
7974
8008
|
var Footer = (_a) => {
|
7975
8009
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7976
|
-
return /* @__PURE__ */
|
8010
|
+
return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7977
8011
|
className: classNames(tw("p-5"), className)
|
7978
8012
|
}), children);
|
7979
8013
|
};
|
7980
8014
|
var Actions2 = (_a) => {
|
7981
8015
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7982
|
-
return /* @__PURE__ */
|
8016
|
+
return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
7983
8017
|
className: classNames(tw("flex gap-4"), className)
|
7984
8018
|
}), children);
|
7985
8019
|
};
|
@@ -7995,13 +8029,13 @@ var PopoverDialog = {
|
|
7995
8029
|
var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
|
7996
8030
|
const wrapPromptWithBody = (child) => {
|
7997
8031
|
if (isComponentType(child, PopoverDialog2.Prompt)) {
|
7998
|
-
return /* @__PURE__ */
|
8032
|
+
return /* @__PURE__ */ React78.createElement(Popover2.Panel, {
|
7999
8033
|
className: tw("max-w-[300px]")
|
8000
|
-
}, /* @__PURE__ */
|
8034
|
+
}, /* @__PURE__ */ React78.createElement(PopoverDialog.Header, null, /* @__PURE__ */ React78.createElement(PopoverDialog.Title, null, title)), child, /* @__PURE__ */ React78.createElement(PopoverDialog.Footer, null, /* @__PURE__ */ React78.createElement(PopoverDialog.Actions, null, secondaryAction && /* @__PURE__ */ React78.createElement(Popover2.Button, __spreadValues({
|
8001
8035
|
kind: "secondary-ghost",
|
8002
8036
|
key: secondaryAction.text,
|
8003
8037
|
dense: true
|
8004
|
-
}, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */
|
8038
|
+
}, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React78.createElement(Popover2.Button, __spreadValues({
|
8005
8039
|
kind: "ghost",
|
8006
8040
|
key: primaryAction.text,
|
8007
8041
|
dense: true
|
@@ -8009,7 +8043,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
|
|
8009
8043
|
}
|
8010
8044
|
return child;
|
8011
8045
|
};
|
8012
|
-
return /* @__PURE__ */
|
8046
|
+
return /* @__PURE__ */ React78.createElement(Popover2, {
|
8013
8047
|
type: "dialog",
|
8014
8048
|
isOpen: open,
|
8015
8049
|
placement,
|
@@ -8017,10 +8051,10 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
|
|
8017
8051
|
isKeyboardDismissDisabled: false,
|
8018
8052
|
autoFocus: true,
|
8019
8053
|
containFocus: true
|
8020
|
-
},
|
8054
|
+
}, React78.Children.map(children, wrapPromptWithBody));
|
8021
8055
|
};
|
8022
8056
|
PopoverDialog2.Trigger = Popover2.Trigger;
|
8023
|
-
var Prompt = ({ children }) => /* @__PURE__ */
|
8057
|
+
var Prompt = ({ children }) => /* @__PURE__ */ React78.createElement(PopoverDialog.Body, null, children);
|
8024
8058
|
Prompt.displayName = "PopoverDialog.Prompt";
|
8025
8059
|
PopoverDialog2.Prompt = Prompt;
|
8026
8060
|
|
@@ -8029,14 +8063,14 @@ import { createPortal } from "react-dom";
|
|
8029
8063
|
var Portal = ({ children, to }) => createPortal(children, to);
|
8030
8064
|
|
8031
8065
|
// src/components/ProgressBar/ProgressBar.tsx
|
8032
|
-
import
|
8066
|
+
import React80 from "react";
|
8033
8067
|
|
8034
8068
|
// src/common/ProgressBar/ProgressBar.tsx
|
8035
|
-
import
|
8069
|
+
import React79 from "react";
|
8036
8070
|
import clamp2 from "lodash/clamp";
|
8037
8071
|
var ProgressBar = (_a) => {
|
8038
8072
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8039
|
-
return /* @__PURE__ */
|
8073
|
+
return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8040
8074
|
className: classNames(
|
8041
8075
|
tw("relative flex items-center w-full bg-grey-0 h-2 rounded-full overflow-hidden"),
|
8042
8076
|
className
|
@@ -8052,7 +8086,7 @@ var STATUS_COLORS = {
|
|
8052
8086
|
ProgressBar.Indicator = (_a) => {
|
8053
8087
|
var _b = _a, { min, max, value, "aria-label": ariaLabel, status, className } = _b, rest = __objRest(_b, ["min", "max", "value", "aria-label", "status", "className"]);
|
8054
8088
|
const completedPercentage = clamp2((value - min) / (max - min) * 100, 0, 100);
|
8055
|
-
return /* @__PURE__ */
|
8089
|
+
return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8056
8090
|
className: classNames(
|
8057
8091
|
tw("h-2 rounded-full transition-all ease-in-out delay-150"),
|
8058
8092
|
STATUS_COLORS[status],
|
@@ -8068,11 +8102,11 @@ ProgressBar.Indicator = (_a) => {
|
|
8068
8102
|
};
|
8069
8103
|
ProgressBar.Labels = (_a) => {
|
8070
8104
|
var _b = _a, { children, startLabel, endLabel, className } = _b, rest = __objRest(_b, ["children", "startLabel", "endLabel", "className"]);
|
8071
|
-
return /* @__PURE__ */
|
8105
|
+
return /* @__PURE__ */ React79.createElement("div", {
|
8072
8106
|
className: classNames(tw("flex flex-row"), className)
|
8073
|
-
}, /* @__PURE__ */
|
8107
|
+
}, /* @__PURE__ */ React79.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8074
8108
|
className: tw("grow text-grey-70 typography-caption")
|
8075
|
-
}), startLabel), /* @__PURE__ */
|
8109
|
+
}), startLabel), /* @__PURE__ */ React79.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8076
8110
|
className: tw("grow text-grey-70 typography-caption text-right")
|
8077
8111
|
}), endLabel));
|
8078
8112
|
};
|
@@ -8090,7 +8124,7 @@ var ProgressBar2 = (props) => {
|
|
8090
8124
|
if (min > max) {
|
8091
8125
|
throw new Error("`min` value provided to `ProgressBar` is greater than `max` value.");
|
8092
8126
|
}
|
8093
|
-
const progress = /* @__PURE__ */
|
8127
|
+
const progress = /* @__PURE__ */ React80.createElement(ProgressBar, null, /* @__PURE__ */ React80.createElement(ProgressBar.Indicator, {
|
8094
8128
|
status: value === max ? completedStatus : progresStatus,
|
8095
8129
|
min,
|
8096
8130
|
max,
|
@@ -8100,25 +8134,27 @@ var ProgressBar2 = (props) => {
|
|
8100
8134
|
if (props.dense) {
|
8101
8135
|
return progress;
|
8102
8136
|
}
|
8103
|
-
return /* @__PURE__ */
|
8137
|
+
return /* @__PURE__ */ React80.createElement("div", null, progress, /* @__PURE__ */ React80.createElement(ProgressBar.Labels, {
|
8104
8138
|
className: tw("py-2"),
|
8105
8139
|
startLabel: props.startLabel,
|
8106
8140
|
endLabel: props.endLabel
|
8107
8141
|
}));
|
8108
8142
|
};
|
8109
|
-
|
8143
|
+
var ProgressBarSkeleton = () => /* @__PURE__ */ React80.createElement(Skeleton, {
|
8110
8144
|
height: 4,
|
8111
8145
|
display: "block"
|
8112
8146
|
});
|
8147
|
+
ProgressBar2.Skeleton = ProgressBarSkeleton;
|
8148
|
+
ProgressBar2.Skeleton.displayName = "ProgressBar.Skeleton";
|
8113
8149
|
|
8114
8150
|
// src/components/RadioButton/RadioButton.tsx
|
8115
|
-
import
|
8116
|
-
var RadioButton2 =
|
8151
|
+
import React81 from "react";
|
8152
|
+
var RadioButton2 = React81.forwardRef(
|
8117
8153
|
(_a, ref) => {
|
8118
8154
|
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"]);
|
8119
8155
|
var _a2;
|
8120
8156
|
const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
|
8121
|
-
return !readOnly || isChecked ? /* @__PURE__ */
|
8157
|
+
return !readOnly || isChecked ? /* @__PURE__ */ React81.createElement(ControlLabel, {
|
8122
8158
|
htmlFor: id,
|
8123
8159
|
label: children,
|
8124
8160
|
"aria-label": ariaLabel,
|
@@ -8126,7 +8162,7 @@ var RadioButton2 = React79.forwardRef(
|
|
8126
8162
|
readOnly,
|
8127
8163
|
disabled,
|
8128
8164
|
style: { gap: "0 8px" }
|
8129
|
-
}, !readOnly && /* @__PURE__ */
|
8165
|
+
}, !readOnly && /* @__PURE__ */ React81.createElement(RadioButton, __spreadProps(__spreadValues({
|
8130
8166
|
id,
|
8131
8167
|
ref,
|
8132
8168
|
name
|
@@ -8136,22 +8172,24 @@ var RadioButton2 = React79.forwardRef(
|
|
8136
8172
|
}))) : null;
|
8137
8173
|
}
|
8138
8174
|
);
|
8139
|
-
|
8175
|
+
RadioButton2.displayName = "RadioButton";
|
8176
|
+
var RadioButtonSkeleton = () => /* @__PURE__ */ React81.createElement("div", {
|
8140
8177
|
className: tw("flex gap-3")
|
8141
|
-
}, /* @__PURE__ */
|
8178
|
+
}, /* @__PURE__ */ React81.createElement(Skeleton, {
|
8142
8179
|
height: 20,
|
8143
8180
|
width: 20
|
8144
|
-
}), /* @__PURE__ */
|
8181
|
+
}), /* @__PURE__ */ React81.createElement(Skeleton, {
|
8145
8182
|
height: 20,
|
8146
8183
|
width: 150
|
8147
8184
|
}));
|
8148
8185
|
RadioButton2.Skeleton = RadioButtonSkeleton;
|
8186
|
+
RadioButton2.Skeleton.displayName = "RadioButton.Skeleton";
|
8149
8187
|
|
8150
8188
|
// src/components/RadioButtonGroup/RadioButtonGroup.tsx
|
8151
|
-
import
|
8189
|
+
import React82 from "react";
|
8152
8190
|
import uniqueId8 from "lodash/uniqueId";
|
8153
8191
|
var isRadioButton = (c) => {
|
8154
|
-
return
|
8192
|
+
return React82.isValidElement(c) && c.type === RadioButton2;
|
8155
8193
|
};
|
8156
8194
|
var RadioButtonGroup = (_a) => {
|
8157
8195
|
var _b = _a, {
|
@@ -8174,7 +8212,7 @@ var RadioButtonGroup = (_a) => {
|
|
8174
8212
|
"children"
|
8175
8213
|
]);
|
8176
8214
|
var _a2;
|
8177
|
-
const [value, setValue] =
|
8215
|
+
const [value, setValue] = React82.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
|
8178
8216
|
const errorMessageId = uniqueId8();
|
8179
8217
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
8180
8218
|
const labelControlProps = getLabelControlProps(props);
|
@@ -8185,14 +8223,14 @@ var RadioButtonGroup = (_a) => {
|
|
8185
8223
|
setValue(e.target.value);
|
8186
8224
|
onChange == null ? void 0 : onChange(e.target.value);
|
8187
8225
|
};
|
8188
|
-
const content =
|
8226
|
+
const content = React82.Children.map(children, (c) => {
|
8189
8227
|
var _a3, _b2, _c;
|
8190
8228
|
if (!isRadioButton(c)) {
|
8191
8229
|
return null;
|
8192
8230
|
}
|
8193
8231
|
const defaultChecked = defaultValue === void 0 ? void 0 : c.props.value === defaultValue;
|
8194
8232
|
const checked = value === void 0 ? void 0 : c.props.value === value;
|
8195
|
-
return
|
8233
|
+
return React82.cloneElement(c, {
|
8196
8234
|
name,
|
8197
8235
|
defaultChecked: (_a3 = c.props.defaultChecked) != null ? _a3 : defaultChecked,
|
8198
8236
|
checked: (_b2 = c.props.checked) != null ? _b2 : checked,
|
@@ -8201,11 +8239,11 @@ var RadioButtonGroup = (_a) => {
|
|
8201
8239
|
readOnly
|
8202
8240
|
});
|
8203
8241
|
});
|
8204
|
-
return /* @__PURE__ */
|
8242
|
+
return /* @__PURE__ */ React82.createElement(LabelControl, __spreadValues(__spreadValues({
|
8205
8243
|
fieldset: true
|
8206
|
-
}, labelControlProps), errorProps), cols && /* @__PURE__ */
|
8244
|
+
}, labelControlProps), errorProps), cols && /* @__PURE__ */ React82.createElement(InputGroup, {
|
8207
8245
|
cols
|
8208
|
-
}, content), !cols && /* @__PURE__ */
|
8246
|
+
}, content), !cols && /* @__PURE__ */ React82.createElement(Flexbox, {
|
8209
8247
|
direction,
|
8210
8248
|
alignItems: "flex-start",
|
8211
8249
|
colGap: "8",
|
@@ -8214,80 +8252,81 @@ var RadioButtonGroup = (_a) => {
|
|
8214
8252
|
}, content));
|
8215
8253
|
};
|
8216
8254
|
var RadioButtonGroupSkeleton = ({ direction = "row", options = 2 }) => {
|
8217
|
-
return /* @__PURE__ */
|
8255
|
+
return /* @__PURE__ */ React82.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React82.createElement("div", {
|
8218
8256
|
className: tw("flex flex-wrap", {
|
8219
8257
|
"flex-row gap-8": direction === "row",
|
8220
8258
|
"flex-col gap-2": direction === "column"
|
8221
8259
|
})
|
8222
|
-
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */
|
8260
|
+
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React82.createElement(RadioButton2.Skeleton, {
|
8223
8261
|
key
|
8224
8262
|
}))));
|
8225
8263
|
};
|
8226
8264
|
RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
|
8265
|
+
RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
|
8227
8266
|
|
8228
8267
|
// src/components/Section/Section.tsx
|
8229
|
-
import
|
8268
|
+
import React84 from "react";
|
8230
8269
|
import castArray4 from "lodash/castArray";
|
8231
8270
|
|
8232
8271
|
// src/common/Section/Section.tsx
|
8233
|
-
import
|
8272
|
+
import React83 from "react";
|
8234
8273
|
var Section2 = (_a) => {
|
8235
8274
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8236
|
-
return /* @__PURE__ */
|
8275
|
+
return /* @__PURE__ */ React83.createElement(Box, __spreadValues({
|
8237
8276
|
borderColor: "grey-5",
|
8238
8277
|
borderWidth: "1px"
|
8239
8278
|
}, rest), children);
|
8240
8279
|
};
|
8241
8280
|
Section2.Header = (_a) => {
|
8242
8281
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8243
|
-
return /* @__PURE__ */
|
8282
|
+
return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8244
8283
|
className: classNames(tw("px-6 py-5 flex gap-5 justify-between items-center"), className)
|
8245
8284
|
}), children);
|
8246
8285
|
};
|
8247
8286
|
Section2.TitleContainer = (_a) => {
|
8248
8287
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8249
|
-
return /* @__PURE__ */
|
8288
|
+
return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8250
8289
|
className: classNames(tw("flex flex-col grow gap-2"), className)
|
8251
8290
|
}), children);
|
8252
8291
|
};
|
8253
8292
|
Section2.Title = (_a) => {
|
8254
8293
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8255
|
-
return /* @__PURE__ */
|
8294
|
+
return /* @__PURE__ */ React83.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
|
8256
8295
|
color: "black"
|
8257
8296
|
}), children);
|
8258
8297
|
};
|
8259
8298
|
Section2.Subtitle = (_a) => {
|
8260
8299
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
8261
|
-
return /* @__PURE__ */
|
8300
|
+
return /* @__PURE__ */ React83.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
|
8262
8301
|
color: "grey-70"
|
8263
8302
|
}), children);
|
8264
8303
|
};
|
8265
8304
|
Section2.Actions = (_a) => {
|
8266
8305
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8267
|
-
return /* @__PURE__ */
|
8306
|
+
return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8268
8307
|
className: classNames(tw("flex gap-4 justify-end"), className)
|
8269
8308
|
}), children);
|
8270
8309
|
};
|
8271
8310
|
Section2.Body = (_a) => {
|
8272
8311
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
8273
|
-
return /* @__PURE__ */
|
8312
|
+
return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8274
8313
|
className: classNames(tw("p-6"), className)
|
8275
|
-
}), /* @__PURE__ */
|
8314
|
+
}), /* @__PURE__ */ React83.createElement(Typography, {
|
8276
8315
|
htmlTag: "div",
|
8277
8316
|
color: "grey-70"
|
8278
8317
|
}, children));
|
8279
8318
|
};
|
8280
8319
|
|
8281
8320
|
// src/components/Section/Section.tsx
|
8282
|
-
var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */
|
8321
|
+
var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React84.createElement(Section2, null, title && /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement(Section2.Header, null, /* @__PURE__ */ React84.createElement(Section2.TitleContainer, null, /* @__PURE__ */ React84.createElement(Section2.Title, null, title), subtitle && /* @__PURE__ */ React84.createElement(Section2.Subtitle, null, subtitle)), /* @__PURE__ */ React84.createElement(Section2.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
|
8283
8322
|
var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
|
8284
|
-
return /* @__PURE__ */
|
8323
|
+
return /* @__PURE__ */ React84.createElement(SecondaryButton, __spreadValues({
|
8285
8324
|
key: text
|
8286
8325
|
}, action), text);
|
8287
|
-
}))), /* @__PURE__ */
|
8326
|
+
}))), /* @__PURE__ */ React84.createElement(Divider2, null)), /* @__PURE__ */ React84.createElement(Section2.Body, null, children));
|
8288
8327
|
|
8289
8328
|
// src/components/SegmentedControl/SegmentedControl.tsx
|
8290
|
-
import
|
8329
|
+
import React85 from "react";
|
8291
8330
|
var SegmentedControl = (_a) => {
|
8292
8331
|
var _b = _a, {
|
8293
8332
|
children,
|
@@ -8304,7 +8343,7 @@ var SegmentedControl = (_a) => {
|
|
8304
8343
|
"selected",
|
8305
8344
|
"className"
|
8306
8345
|
]);
|
8307
|
-
return /* @__PURE__ */
|
8346
|
+
return /* @__PURE__ */ React85.createElement("button", __spreadProps(__spreadValues({
|
8308
8347
|
type: "button"
|
8309
8348
|
}, rest), {
|
8310
8349
|
className: classNames(
|
@@ -8335,11 +8374,11 @@ var SegmentedControlGroup = (_a) => {
|
|
8335
8374
|
"border border-grey-20 text-grey-50": variant === "outlined",
|
8336
8375
|
"bg-grey-0": variant === "raised"
|
8337
8376
|
});
|
8338
|
-
return /* @__PURE__ */
|
8377
|
+
return /* @__PURE__ */ React85.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8339
8378
|
className: classNames(classes, className)
|
8340
|
-
}),
|
8379
|
+
}), React85.Children.map(
|
8341
8380
|
children,
|
8342
|
-
(child) =>
|
8381
|
+
(child) => React85.cloneElement(child, {
|
8343
8382
|
dense,
|
8344
8383
|
variant,
|
8345
8384
|
onClick: () => onChange(child.props.value),
|
@@ -8377,14 +8416,14 @@ var getCommonClassNames = (dense, selected) => tw(
|
|
8377
8416
|
);
|
8378
8417
|
|
8379
8418
|
// src/components/Stepper/Stepper.tsx
|
8380
|
-
import
|
8419
|
+
import React87 from "react";
|
8381
8420
|
|
8382
8421
|
// src/common/Stepper/Stepper.tsx
|
8383
|
-
import
|
8422
|
+
import React86 from "react";
|
8384
8423
|
var import_tick5 = __toESM(require_tick());
|
8385
8424
|
var Stepper = (_a) => {
|
8386
8425
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8387
|
-
return /* @__PURE__ */
|
8426
|
+
return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8388
8427
|
className: classNames(className)
|
8389
8428
|
}));
|
8390
8429
|
};
|
@@ -8398,7 +8437,7 @@ var ConnectorContainer = (_a) => {
|
|
8398
8437
|
"completed",
|
8399
8438
|
"dense"
|
8400
8439
|
]);
|
8401
|
-
return /* @__PURE__ */
|
8440
|
+
return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8402
8441
|
className: classNames(
|
8403
8442
|
tw("absolute w-full -left-1/2", {
|
8404
8443
|
"top-[3px] px-[14px]": Boolean(dense),
|
@@ -8410,7 +8449,7 @@ var ConnectorContainer = (_a) => {
|
|
8410
8449
|
};
|
8411
8450
|
var Connector = (_a) => {
|
8412
8451
|
var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
|
8413
|
-
return /* @__PURE__ */
|
8452
|
+
return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8414
8453
|
className: classNames(
|
8415
8454
|
tw("w-full", {
|
8416
8455
|
"bg-grey-20": !completed,
|
@@ -8424,7 +8463,7 @@ var Connector = (_a) => {
|
|
8424
8463
|
};
|
8425
8464
|
var Step = (_a) => {
|
8426
8465
|
var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
|
8427
|
-
return /* @__PURE__ */
|
8466
|
+
return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8428
8467
|
className: classNames(
|
8429
8468
|
tw("flex flex-col items-center text-grey-90 relative text-center", {
|
8430
8469
|
"text-grey-20": state === "inactive"
|
@@ -8445,13 +8484,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
|
|
8445
8484
|
});
|
8446
8485
|
var Indicator = (_a) => {
|
8447
8486
|
var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
|
8448
|
-
return /* @__PURE__ */
|
8487
|
+
return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8449
8488
|
className: classNames(
|
8450
8489
|
tw("rounded-full flex justify-center items-center mx-2 mb-3"),
|
8451
8490
|
dense ? getDenseClassNames(state) : getClassNames(state),
|
8452
8491
|
className
|
8453
8492
|
)
|
8454
|
-
}), state === "completed" ? /* @__PURE__ */
|
8493
|
+
}), state === "completed" ? /* @__PURE__ */ React86.createElement(InlineIcon, {
|
8455
8494
|
icon: import_tick5.default
|
8456
8495
|
}) : dense ? null : children);
|
8457
8496
|
};
|
@@ -8462,25 +8501,25 @@ Stepper.ConnectorContainer = ConnectorContainer;
|
|
8462
8501
|
|
8463
8502
|
// src/components/Stepper/Stepper.tsx
|
8464
8503
|
var Stepper2 = ({ children, activeIndex, dense }) => {
|
8465
|
-
const steps =
|
8466
|
-
return /* @__PURE__ */
|
8504
|
+
const steps = React87.Children.count(children);
|
8505
|
+
return /* @__PURE__ */ React87.createElement(Stepper, {
|
8467
8506
|
role: "list"
|
8468
|
-
}, /* @__PURE__ */
|
8507
|
+
}, /* @__PURE__ */ React87.createElement(Template, {
|
8469
8508
|
columns: steps
|
8470
|
-
},
|
8509
|
+
}, React87.Children.map(children, (child, index) => {
|
8471
8510
|
if (!isComponentType(child, Step2)) {
|
8472
8511
|
return new Error("<Stepper> can only have <Stepper.Step> components as children");
|
8473
8512
|
} else {
|
8474
8513
|
const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
|
8475
|
-
return /* @__PURE__ */
|
8514
|
+
return /* @__PURE__ */ React87.createElement(Stepper.Step, {
|
8476
8515
|
state,
|
8477
8516
|
"aria-current": state === "active" ? "step" : false,
|
8478
8517
|
role: "listitem"
|
8479
|
-
}, index > 0 && index <= steps && /* @__PURE__ */
|
8518
|
+
}, index > 0 && index <= steps && /* @__PURE__ */ React87.createElement(Stepper.ConnectorContainer, {
|
8480
8519
|
dense
|
8481
|
-
}, /* @__PURE__ */
|
8520
|
+
}, /* @__PURE__ */ React87.createElement(Stepper.ConnectorContainer.Connector, {
|
8482
8521
|
completed: state === "completed" || state === "active"
|
8483
|
-
})), /* @__PURE__ */
|
8522
|
+
})), /* @__PURE__ */ React87.createElement(Stepper.Step.Indicator, {
|
8484
8523
|
state,
|
8485
8524
|
dense
|
8486
8525
|
}, index + 1), child.props.children);
|
@@ -8488,19 +8527,20 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
|
|
8488
8527
|
})));
|
8489
8528
|
};
|
8490
8529
|
var Step2 = () => null;
|
8530
|
+
Step2.displayName = "Stepper.Step";
|
8491
8531
|
Stepper2.Step = Step2;
|
8492
8532
|
|
8493
8533
|
// src/components/Switch/Switch.tsx
|
8494
|
-
import
|
8534
|
+
import React89 from "react";
|
8495
8535
|
|
8496
8536
|
// src/common/Switch/Switch.tsx
|
8497
|
-
import
|
8498
|
-
var Switch =
|
8537
|
+
import React88 from "react";
|
8538
|
+
var Switch = React88.forwardRef(
|
8499
8539
|
(_a, ref) => {
|
8500
8540
|
var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
|
8501
|
-
return /* @__PURE__ */
|
8541
|
+
return /* @__PURE__ */ React88.createElement("span", {
|
8502
8542
|
className: tw("relative inline-flex justify-center items-center self-center group")
|
8503
|
-
}, /* @__PURE__ */
|
8543
|
+
}, /* @__PURE__ */ React88.createElement("input", __spreadProps(__spreadValues({
|
8504
8544
|
id,
|
8505
8545
|
ref,
|
8506
8546
|
type: "checkbox",
|
@@ -8519,7 +8559,7 @@ var Switch = React86.forwardRef(
|
|
8519
8559
|
),
|
8520
8560
|
readOnly,
|
8521
8561
|
disabled
|
8522
|
-
})), /* @__PURE__ */
|
8562
|
+
})), /* @__PURE__ */ React88.createElement("span", {
|
8523
8563
|
className: tw(
|
8524
8564
|
"pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
8525
8565
|
"bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
|
@@ -8532,12 +8572,12 @@ var Switch = React86.forwardRef(
|
|
8532
8572
|
);
|
8533
8573
|
|
8534
8574
|
// src/components/Switch/Switch.tsx
|
8535
|
-
var Switch2 =
|
8575
|
+
var Switch2 = React89.forwardRef(
|
8536
8576
|
(_a, ref) => {
|
8537
8577
|
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"]);
|
8538
8578
|
var _a2;
|
8539
8579
|
const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
|
8540
|
-
return !readOnly || isChecked ? /* @__PURE__ */
|
8580
|
+
return !readOnly || isChecked ? /* @__PURE__ */ React89.createElement(ControlLabel, {
|
8541
8581
|
htmlFor: id,
|
8542
8582
|
label: children,
|
8543
8583
|
"aria-label": ariaLabel,
|
@@ -8545,7 +8585,7 @@ var Switch2 = React87.forwardRef(
|
|
8545
8585
|
readOnly,
|
8546
8586
|
disabled,
|
8547
8587
|
style: { gap: "0 8px" }
|
8548
|
-
}, !readOnly && /* @__PURE__ */
|
8588
|
+
}, !readOnly && /* @__PURE__ */ React89.createElement(Switch, __spreadProps(__spreadValues({
|
8549
8589
|
id,
|
8550
8590
|
ref,
|
8551
8591
|
name
|
@@ -8555,19 +8595,21 @@ var Switch2 = React87.forwardRef(
|
|
8555
8595
|
}))) : null;
|
8556
8596
|
}
|
8557
8597
|
);
|
8558
|
-
|
8598
|
+
Switch2.displayName = "Switch";
|
8599
|
+
var SwitchSkeleton = () => /* @__PURE__ */ React89.createElement("div", {
|
8559
8600
|
className: tw("flex gap-3")
|
8560
|
-
}, /* @__PURE__ */
|
8601
|
+
}, /* @__PURE__ */ React89.createElement(Skeleton, {
|
8561
8602
|
height: 20,
|
8562
8603
|
width: 35
|
8563
|
-
}), /* @__PURE__ */
|
8604
|
+
}), /* @__PURE__ */ React89.createElement(Skeleton, {
|
8564
8605
|
height: 20,
|
8565
8606
|
width: 150
|
8566
8607
|
}));
|
8567
8608
|
Switch2.Skeleton = SwitchSkeleton;
|
8609
|
+
Switch2.Skeleton.displayName = "Switch.Skeleton ";
|
8568
8610
|
|
8569
8611
|
// src/components/SwitchGroup/SwitchGroup.tsx
|
8570
|
-
import
|
8612
|
+
import React90, { useState as useState11 } from "react";
|
8571
8613
|
import uniqueId9 from "lodash/uniqueId";
|
8572
8614
|
var SwitchGroup = (_a) => {
|
8573
8615
|
var _b = _a, {
|
@@ -8599,11 +8641,11 @@ var SwitchGroup = (_a) => {
|
|
8599
8641
|
setSelectedItems(updated);
|
8600
8642
|
onChange == null ? void 0 : onChange(updated);
|
8601
8643
|
};
|
8602
|
-
return /* @__PURE__ */
|
8644
|
+
return /* @__PURE__ */ React90.createElement(LabelControl, __spreadValues(__spreadValues({
|
8603
8645
|
fieldset: true
|
8604
|
-
}, labelControlProps), errorProps), /* @__PURE__ */
|
8646
|
+
}, labelControlProps), errorProps), /* @__PURE__ */ React90.createElement(InputGroup, {
|
8605
8647
|
cols
|
8606
|
-
},
|
8648
|
+
}, React90.Children.map(children, (c) => {
|
8607
8649
|
var _a3, _b2, _c, _d;
|
8608
8650
|
if (!isComponentType(c, Switch2)) {
|
8609
8651
|
return null;
|
@@ -8611,7 +8653,7 @@ var SwitchGroup = (_a) => {
|
|
8611
8653
|
const str = (_a3 = c.props.value) == null ? void 0 : _a3.toString();
|
8612
8654
|
const defaultChecked = defaultValue === void 0 ? void 0 : str !== void 0 && defaultValue.includes(str);
|
8613
8655
|
const checked = value === void 0 ? void 0 : str !== void 0 && value.includes(str);
|
8614
|
-
return
|
8656
|
+
return React90.cloneElement(c, {
|
8615
8657
|
defaultChecked: (_b2 = c.props.defaultChecked) != null ? _b2 : defaultChecked,
|
8616
8658
|
checked: (_c = c.props.checked) != null ? _c : checked,
|
8617
8659
|
onChange: (_d = c.props.onChange) != null ? _d : handleChange,
|
@@ -8621,19 +8663,20 @@ var SwitchGroup = (_a) => {
|
|
8621
8663
|
})));
|
8622
8664
|
};
|
8623
8665
|
var SwitchGroupSkeleton = ({ options = 2 }) => {
|
8624
|
-
return /* @__PURE__ */
|
8666
|
+
return /* @__PURE__ */ React90.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React90.createElement("div", {
|
8625
8667
|
className: tw("flex flex-wrap flex-col gap-2")
|
8626
|
-
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */
|
8668
|
+
}, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React90.createElement(Switch2.Skeleton, {
|
8627
8669
|
key
|
8628
8670
|
}))));
|
8629
8671
|
};
|
8630
8672
|
SwitchGroup.Skeleton = SwitchGroupSkeleton;
|
8673
|
+
SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
|
8631
8674
|
|
8632
8675
|
// src/components/TagLabel/TagLabel.tsx
|
8633
|
-
import
|
8676
|
+
import React91 from "react";
|
8634
8677
|
var TagLabel = (_a) => {
|
8635
8678
|
var _b = _a, { title, dense = false } = _b, rest = __objRest(_b, ["title", "dense"]);
|
8636
|
-
return /* @__PURE__ */
|
8679
|
+
return /* @__PURE__ */ React91.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
8637
8680
|
className: tw("rounded-full text-white bg-primary-70", {
|
8638
8681
|
"py-2 px-4 typography-caption": !dense,
|
8639
8682
|
"py-2 px-3 typography-caption-small": dense
|
@@ -8642,14 +8685,14 @@ var TagLabel = (_a) => {
|
|
8642
8685
|
};
|
8643
8686
|
|
8644
8687
|
// src/components/Textarea/Textarea.tsx
|
8645
|
-
import
|
8688
|
+
import React92, { useRef as useRef11, useState as useState12 } from "react";
|
8646
8689
|
import omit17 from "lodash/omit";
|
8647
8690
|
import toString2 from "lodash/toString";
|
8648
8691
|
import uniqueId10 from "lodash/uniqueId";
|
8649
|
-
var TextareaBase =
|
8692
|
+
var TextareaBase = React92.forwardRef(
|
8650
8693
|
(_a, ref) => {
|
8651
8694
|
var _b = _a, { readOnly = false, valid = true } = _b, props = __objRest(_b, ["readOnly", "valid"]);
|
8652
|
-
return /* @__PURE__ */
|
8695
|
+
return /* @__PURE__ */ React92.createElement("textarea", __spreadProps(__spreadValues({
|
8653
8696
|
ref
|
8654
8697
|
}, props), {
|
8655
8698
|
readOnly,
|
@@ -8657,10 +8700,10 @@ var TextareaBase = React90.forwardRef(
|
|
8657
8700
|
}));
|
8658
8701
|
}
|
8659
8702
|
);
|
8660
|
-
TextareaBase.Skeleton = () => /* @__PURE__ */
|
8703
|
+
TextareaBase.Skeleton = () => /* @__PURE__ */ React92.createElement(Skeleton, {
|
8661
8704
|
height: 58
|
8662
8705
|
});
|
8663
|
-
var Textarea =
|
8706
|
+
var Textarea = React92.forwardRef((props, ref) => {
|
8664
8707
|
var _a, _b, _c;
|
8665
8708
|
const [value, setValue] = useState12((_b = (_a = props.value) != null ? _a : props.defaultValue) != null ? _b : "");
|
8666
8709
|
const id = useRef11((_c = props.id) != null ? _c : `textarea-${uniqueId10()}`);
|
@@ -8668,12 +8711,12 @@ var Textarea = React90.forwardRef((props, ref) => {
|
|
8668
8711
|
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
8669
8712
|
const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
|
8670
8713
|
const baseProps = omit17(props, Object.keys(labelControlProps));
|
8671
|
-
return /* @__PURE__ */
|
8714
|
+
return /* @__PURE__ */ React92.createElement(LabelControl, __spreadValues({
|
8672
8715
|
id: `${id.current}-label`,
|
8673
8716
|
htmlFor: id.current,
|
8674
8717
|
messageId: errorMessageId,
|
8675
8718
|
length: value !== void 0 ? toString2(value).length : void 0
|
8676
|
-
}, labelControlProps), /* @__PURE__ */
|
8719
|
+
}, labelControlProps), /* @__PURE__ */ React92.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
|
8677
8720
|
ref
|
8678
8721
|
}, baseProps), errorProps), {
|
8679
8722
|
id: id.current,
|
@@ -8689,47 +8732,49 @@ var Textarea = React90.forwardRef((props, ref) => {
|
|
8689
8732
|
valid: props.valid
|
8690
8733
|
})));
|
8691
8734
|
});
|
8692
|
-
|
8735
|
+
Textarea.displayName = "Textarea";
|
8736
|
+
var TextAreaSkeleton = () => /* @__PURE__ */ React92.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React92.createElement(TextareaBase.Skeleton, null));
|
8693
8737
|
Textarea.Skeleton = TextAreaSkeleton;
|
8738
|
+
Textarea.Skeleton.displayName = "Textarea.Skeleton";
|
8694
8739
|
|
8695
8740
|
// src/components/Timeline/Timeline.tsx
|
8696
|
-
import
|
8741
|
+
import React94 from "react";
|
8697
8742
|
|
8698
8743
|
// src/common/Timeline/Timeline.tsx
|
8699
|
-
import
|
8744
|
+
import React93 from "react";
|
8700
8745
|
var Timeline = (_a) => {
|
8701
8746
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8702
|
-
return /* @__PURE__ */
|
8747
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8703
8748
|
className: classNames(tw("grid grid-cols-[16px_1fr] gap-x-4"), className)
|
8704
8749
|
}));
|
8705
8750
|
};
|
8706
8751
|
var Content2 = (_a) => {
|
8707
8752
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8708
|
-
return /* @__PURE__ */
|
8753
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8709
8754
|
className: classNames(tw("pb-6"), className)
|
8710
8755
|
}));
|
8711
8756
|
};
|
8712
8757
|
var Separator2 = (_a) => {
|
8713
8758
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8714
|
-
return /* @__PURE__ */
|
8759
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8715
8760
|
className: classNames(tw("flex items-center justify-center h-5 w-5"), className)
|
8716
8761
|
}));
|
8717
8762
|
};
|
8718
8763
|
var LineContainer = (_a) => {
|
8719
8764
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8720
|
-
return /* @__PURE__ */
|
8765
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8721
8766
|
className: classNames(tw("flex justify-center py-1"), className)
|
8722
8767
|
}));
|
8723
8768
|
};
|
8724
8769
|
var Line = (_a) => {
|
8725
8770
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8726
|
-
return /* @__PURE__ */
|
8771
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8727
8772
|
className: classNames(tw("w-1 bg-grey-5 h-full justify-self-center"), className)
|
8728
8773
|
}));
|
8729
8774
|
};
|
8730
8775
|
var Dot = (_a) => {
|
8731
8776
|
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
8732
|
-
return /* @__PURE__ */
|
8777
|
+
return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
8733
8778
|
className: classNames(tw("bg-grey-30 h-[6px] w-[6px] rounded"), className)
|
8734
8779
|
}));
|
8735
8780
|
};
|
@@ -8744,61 +8789,62 @@ var import_error4 = __toESM(require_error());
|
|
8744
8789
|
var import_time = __toESM(require_time());
|
8745
8790
|
var import_warningSign4 = __toESM(require_warningSign());
|
8746
8791
|
var TimelineItem = () => null;
|
8747
|
-
var Timeline2 = ({ children }) => /* @__PURE__ */
|
8792
|
+
var Timeline2 = ({ children }) => /* @__PURE__ */ React94.createElement("div", null, React94.Children.map(children, (item) => {
|
8748
8793
|
if (!isComponentType(item, TimelineItem)) {
|
8749
8794
|
throw new Error("<Timeline> can only have <Timeline.Item> components as children");
|
8750
8795
|
} else {
|
8751
8796
|
const { props, key } = item;
|
8752
|
-
return /* @__PURE__ */
|
8797
|
+
return /* @__PURE__ */ React94.createElement(Timeline, {
|
8753
8798
|
key: key != null ? key : props.title
|
8754
|
-
}, /* @__PURE__ */
|
8799
|
+
}, /* @__PURE__ */ React94.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React94.createElement(Icon, {
|
8755
8800
|
icon: import_error4.default,
|
8756
8801
|
color: "error-30"
|
8757
|
-
}) : props.variant === "warning" ? /* @__PURE__ */
|
8802
|
+
}) : props.variant === "warning" ? /* @__PURE__ */ React94.createElement(Icon, {
|
8758
8803
|
icon: import_warningSign4.default,
|
8759
8804
|
color: "warning-30"
|
8760
|
-
}) : props.variant === "info" ? /* @__PURE__ */
|
8805
|
+
}) : props.variant === "info" ? /* @__PURE__ */ React94.createElement(Icon, {
|
8761
8806
|
icon: import_time.default,
|
8762
8807
|
color: "info-30"
|
8763
|
-
}) : /* @__PURE__ */
|
8808
|
+
}) : /* @__PURE__ */ React94.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React94.createElement(Typography2.Caption, {
|
8764
8809
|
color: "grey-50"
|
8765
|
-
}, props.title), /* @__PURE__ */
|
8810
|
+
}, props.title), /* @__PURE__ */ React94.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React94.createElement(Timeline.LineContainer.Line, null)), /* @__PURE__ */ React94.createElement(Timeline.Content, null, /* @__PURE__ */ React94.createElement(Typography2.Small, null, props.children)));
|
8766
8811
|
}
|
8767
8812
|
}));
|
8768
|
-
var TimelineItemSkeleton = () => /* @__PURE__ */
|
8813
|
+
var TimelineItemSkeleton = () => /* @__PURE__ */ React94.createElement(Timeline, null, /* @__PURE__ */ React94.createElement(Timeline.Separator, null, /* @__PURE__ */ React94.createElement(Skeleton, {
|
8769
8814
|
width: 6,
|
8770
8815
|
height: 6,
|
8771
8816
|
rounded: true
|
8772
|
-
})), /* @__PURE__ */
|
8817
|
+
})), /* @__PURE__ */ React94.createElement(Skeleton, {
|
8773
8818
|
height: 12,
|
8774
8819
|
width: 120
|
8775
|
-
}), /* @__PURE__ */
|
8820
|
+
}), /* @__PURE__ */ React94.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React94.createElement(Skeleton, {
|
8776
8821
|
width: 2,
|
8777
8822
|
height: "100%"
|
8778
|
-
})), /* @__PURE__ */
|
8823
|
+
})), /* @__PURE__ */ React94.createElement(Timeline.Content, null, /* @__PURE__ */ React94.createElement(Box, {
|
8779
8824
|
display: "flex",
|
8780
8825
|
flexDirection: "column",
|
8781
8826
|
gap: "3"
|
8782
|
-
}, /* @__PURE__ */
|
8827
|
+
}, /* @__PURE__ */ React94.createElement(Skeleton, {
|
8783
8828
|
height: 32,
|
8784
8829
|
width: "100%"
|
8785
|
-
}), /* @__PURE__ */
|
8830
|
+
}), /* @__PURE__ */ React94.createElement(Skeleton, {
|
8786
8831
|
height: 32,
|
8787
8832
|
width: "73%"
|
8788
|
-
}), /* @__PURE__ */
|
8833
|
+
}), /* @__PURE__ */ React94.createElement(Skeleton, {
|
8789
8834
|
height: 32,
|
8790
8835
|
width: "80%"
|
8791
8836
|
}))));
|
8792
|
-
var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */
|
8837
|
+
var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React94.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React94.createElement(TimelineItemSkeleton, {
|
8793
8838
|
key
|
8794
8839
|
})));
|
8795
8840
|
Timeline2.Item = TimelineItem;
|
8796
8841
|
Timeline2.Skeleton = TimelineSkeleton;
|
8842
|
+
Timeline2.Skeleton.displayName = "Timeline.Skeleton";
|
8797
8843
|
|
8798
8844
|
// src/utils/table/useTableSelect.ts
|
8799
|
-
import
|
8845
|
+
import React95 from "react";
|
8800
8846
|
var useTableSelect = (data, { key }) => {
|
8801
|
-
const [selected, setSelected] =
|
8847
|
+
const [selected, setSelected] = React95.useState([]);
|
8802
8848
|
const allSelected = selected.length === data.length;
|
8803
8849
|
const isSelected = (dot) => selected.includes(dot[key]);
|
8804
8850
|
const selectAll = () => setSelected(data.map((dot) => dot[key]));
|
@@ -9027,6 +9073,7 @@ export {
|
|
9027
9073
|
Label,
|
9028
9074
|
LabelControl,
|
9029
9075
|
LineClamp,
|
9076
|
+
Link2 as Link,
|
9030
9077
|
List,
|
9031
9078
|
ListItem,
|
9032
9079
|
Modal2 as Modal,
|