@gobolt/genesis 0.6.3 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/GlobalHeader/GlobalHeader.d.ts +15 -0
- package/dist/components/GlobalHeader/index.d.ts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/index.cjs +521 -471
- package/dist/index.js +521 -471
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -6994,9 +6994,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
|
|
|
6994
6994
|
icon: CheckCircleFilled$1
|
|
6995
6995
|
}));
|
|
6996
6996
|
};
|
|
6997
|
-
var RefIcon$
|
|
6997
|
+
var RefIcon$F = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
|
|
6998
6998
|
if (process.env.NODE_ENV !== "production") {
|
|
6999
|
-
RefIcon$
|
|
6999
|
+
RefIcon$F.displayName = "CheckCircleFilled";
|
|
7000
7000
|
}
|
|
7001
7001
|
var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
|
|
7002
7002
|
var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
|
|
@@ -7005,9 +7005,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
|
|
|
7005
7005
|
icon: CloseCircleFilled$1
|
|
7006
7006
|
}));
|
|
7007
7007
|
};
|
|
7008
|
-
var RefIcon$
|
|
7008
|
+
var RefIcon$E = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
|
|
7009
7009
|
if (process.env.NODE_ENV !== "production") {
|
|
7010
|
-
RefIcon$
|
|
7010
|
+
RefIcon$E.displayName = "CloseCircleFilled";
|
|
7011
7011
|
}
|
|
7012
7012
|
var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
|
|
7013
7013
|
var CloseOutlined = function CloseOutlined2(props, ref) {
|
|
@@ -7016,9 +7016,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
|
|
|
7016
7016
|
icon: CloseOutlined$1
|
|
7017
7017
|
}));
|
|
7018
7018
|
};
|
|
7019
|
-
var RefIcon$
|
|
7019
|
+
var RefIcon$D = /* @__PURE__ */ React.forwardRef(CloseOutlined);
|
|
7020
7020
|
if (process.env.NODE_ENV !== "production") {
|
|
7021
|
-
RefIcon$
|
|
7021
|
+
RefIcon$D.displayName = "CloseOutlined";
|
|
7022
7022
|
}
|
|
7023
7023
|
var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
|
|
7024
7024
|
var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
|
|
@@ -7027,9 +7027,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
|
|
|
7027
7027
|
icon: ExclamationCircleFilled$1
|
|
7028
7028
|
}));
|
|
7029
7029
|
};
|
|
7030
|
-
var RefIcon$
|
|
7030
|
+
var RefIcon$C = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
|
|
7031
7031
|
if (process.env.NODE_ENV !== "production") {
|
|
7032
|
-
RefIcon$
|
|
7032
|
+
RefIcon$C.displayName = "ExclamationCircleFilled";
|
|
7033
7033
|
}
|
|
7034
7034
|
var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
|
|
7035
7035
|
var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
|
|
@@ -7038,9 +7038,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
|
|
|
7038
7038
|
icon: InfoCircleFilled$1
|
|
7039
7039
|
}));
|
|
7040
7040
|
};
|
|
7041
|
-
var RefIcon$
|
|
7041
|
+
var RefIcon$B = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
|
|
7042
7042
|
if (process.env.NODE_ENV !== "production") {
|
|
7043
|
-
RefIcon$
|
|
7043
|
+
RefIcon$B.displayName = "InfoCircleFilled";
|
|
7044
7044
|
}
|
|
7045
7045
|
var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n charSet checked classID className colSpan cols content contentEditable contextMenu\n controls coords crossOrigin data dateTime default defer dir disabled download draggable\n encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n mediaGroup method min minLength multiple muted name noValidate nonce open\n optimum pattern placeholder poster preload radioGroup readOnly rel required\n reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n summary tabIndex target title type useMap value width wmode wrap";
|
|
7046
7046
|
var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
|
|
@@ -7274,10 +7274,10 @@ var __rest$X = function(s, e3) {
|
|
|
7274
7274
|
return t2;
|
|
7275
7275
|
};
|
|
7276
7276
|
const iconMapFilled = {
|
|
7277
|
-
success: RefIcon$
|
|
7278
|
-
info: RefIcon$
|
|
7279
|
-
error: RefIcon$
|
|
7280
|
-
warning: RefIcon$
|
|
7277
|
+
success: RefIcon$F,
|
|
7278
|
+
info: RefIcon$B,
|
|
7279
|
+
error: RefIcon$E,
|
|
7280
|
+
warning: RefIcon$C
|
|
7281
7281
|
};
|
|
7282
7282
|
const IconNode = (props) => {
|
|
7283
7283
|
const {
|
|
@@ -7305,7 +7305,7 @@ const CloseIconNode = (props) => {
|
|
|
7305
7305
|
handleClose,
|
|
7306
7306
|
ariaProps
|
|
7307
7307
|
} = props;
|
|
7308
|
-
const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
7308
|
+
const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React.createElement(RefIcon$D, null) : closeIcon;
|
|
7309
7309
|
return isClosable ? /* @__PURE__ */ React.createElement("button", Object.assign({
|
|
7310
7310
|
type: "button",
|
|
7311
7311
|
onClick: handleClose,
|
|
@@ -7816,9 +7816,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
|
|
|
7816
7816
|
icon: LoadingOutlined$1
|
|
7817
7817
|
}));
|
|
7818
7818
|
};
|
|
7819
|
-
var RefIcon$
|
|
7819
|
+
var RefIcon$A = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
|
|
7820
7820
|
if (process.env.NODE_ENV !== "production") {
|
|
7821
|
-
RefIcon$
|
|
7821
|
+
RefIcon$A.displayName = "LoadingOutlined";
|
|
7822
7822
|
}
|
|
7823
7823
|
const zIndexContext = /* @__PURE__ */ React__default.createContext(void 0);
|
|
7824
7824
|
if (process.env.NODE_ENV !== "production") {
|
|
@@ -8849,7 +8849,7 @@ const InnerLoadingIcon = /* @__PURE__ */ forwardRef((props, ref) => {
|
|
|
8849
8849
|
className: mergedIconCls,
|
|
8850
8850
|
style: style2,
|
|
8851
8851
|
ref
|
|
8852
|
-
}, /* @__PURE__ */ React__default.createElement(RefIcon$
|
|
8852
|
+
}, /* @__PURE__ */ React__default.createElement(RefIcon$A, {
|
|
8853
8853
|
className: iconClassName
|
|
8854
8854
|
}));
|
|
8855
8855
|
});
|
|
@@ -9585,9 +9585,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
|
|
|
9585
9585
|
icon: RightOutlined$1
|
|
9586
9586
|
}));
|
|
9587
9587
|
};
|
|
9588
|
-
var RefIcon$
|
|
9588
|
+
var RefIcon$z = /* @__PURE__ */ React.forwardRef(RightOutlined);
|
|
9589
9589
|
if (process.env.NODE_ENV !== "production") {
|
|
9590
|
-
RefIcon$
|
|
9590
|
+
RefIcon$z.displayName = "RightOutlined";
|
|
9591
9591
|
}
|
|
9592
9592
|
const genCollapseMotion = (token2) => ({
|
|
9593
9593
|
[token2.componentCls]: {
|
|
@@ -21636,9 +21636,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
|
|
|
21636
21636
|
icon: CheckOutlined$1
|
|
21637
21637
|
}));
|
|
21638
21638
|
};
|
|
21639
|
-
var RefIcon$
|
|
21639
|
+
var RefIcon$y = /* @__PURE__ */ React.forwardRef(CheckOutlined);
|
|
21640
21640
|
if (process.env.NODE_ENV !== "production") {
|
|
21641
|
-
RefIcon$
|
|
21641
|
+
RefIcon$y.displayName = "CheckOutlined";
|
|
21642
21642
|
}
|
|
21643
21643
|
var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
|
|
21644
21644
|
var DownOutlined = function DownOutlined2(props, ref) {
|
|
@@ -21647,9 +21647,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
|
|
|
21647
21647
|
icon: DownOutlined$1
|
|
21648
21648
|
}));
|
|
21649
21649
|
};
|
|
21650
|
-
var RefIcon$
|
|
21650
|
+
var RefIcon$x = /* @__PURE__ */ React.forwardRef(DownOutlined);
|
|
21651
21651
|
if (process.env.NODE_ENV !== "production") {
|
|
21652
|
-
RefIcon$
|
|
21652
|
+
RefIcon$x.displayName = "DownOutlined";
|
|
21653
21653
|
}
|
|
21654
21654
|
var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
|
|
21655
21655
|
var SearchOutlined = function SearchOutlined2(props, ref) {
|
|
@@ -21658,9 +21658,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
|
|
|
21658
21658
|
icon: SearchOutlined$1
|
|
21659
21659
|
}));
|
|
21660
21660
|
};
|
|
21661
|
-
var RefIcon$
|
|
21661
|
+
var RefIcon$w = /* @__PURE__ */ React.forwardRef(SearchOutlined);
|
|
21662
21662
|
if (process.env.NODE_ENV !== "production") {
|
|
21663
|
-
RefIcon$
|
|
21663
|
+
RefIcon$w.displayName = "SearchOutlined";
|
|
21664
21664
|
}
|
|
21665
21665
|
function useIcons$1({
|
|
21666
21666
|
suffixIcon,
|
|
@@ -21680,7 +21680,7 @@ function useIcons$1({
|
|
|
21680
21680
|
const warning3 = devUseWarning(componentName);
|
|
21681
21681
|
warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
|
|
21682
21682
|
}
|
|
21683
|
-
const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$
|
|
21683
|
+
const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$E, null);
|
|
21684
21684
|
const getSuffixIconNode = (arrowIcon) => {
|
|
21685
21685
|
if (suffixIcon === null && !hasFeedback && !showArrow) {
|
|
21686
21686
|
return null;
|
|
@@ -21691,7 +21691,7 @@ function useIcons$1({
|
|
|
21691
21691
|
if (suffixIcon !== void 0) {
|
|
21692
21692
|
mergedSuffixIcon = getSuffixIconNode(suffixIcon);
|
|
21693
21693
|
} else if (loading) {
|
|
21694
|
-
mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$
|
|
21694
|
+
mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$A, {
|
|
21695
21695
|
spin: true
|
|
21696
21696
|
}));
|
|
21697
21697
|
} else {
|
|
@@ -21701,11 +21701,11 @@ function useIcons$1({
|
|
|
21701
21701
|
showSearch
|
|
21702
21702
|
}) => {
|
|
21703
21703
|
if (open && showSearch) {
|
|
21704
|
-
return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$
|
|
21704
|
+
return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$w, {
|
|
21705
21705
|
className: iconCls
|
|
21706
21706
|
}));
|
|
21707
21707
|
}
|
|
21708
|
-
return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$
|
|
21708
|
+
return getSuffixIconNode(/* @__PURE__ */ React.createElement(RefIcon$x, {
|
|
21709
21709
|
className: iconCls
|
|
21710
21710
|
}));
|
|
21711
21711
|
};
|
|
@@ -21714,7 +21714,7 @@ function useIcons$1({
|
|
|
21714
21714
|
if (menuItemSelectedIcon !== void 0) {
|
|
21715
21715
|
mergedItemIcon = menuItemSelectedIcon;
|
|
21716
21716
|
} else if (multiple) {
|
|
21717
|
-
mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
21717
|
+
mergedItemIcon = /* @__PURE__ */ React.createElement(RefIcon$y, null);
|
|
21718
21718
|
} else {
|
|
21719
21719
|
mergedItemIcon = null;
|
|
21720
21720
|
}
|
|
@@ -21722,7 +21722,7 @@ function useIcons$1({
|
|
|
21722
21722
|
if (removeIcon !== void 0) {
|
|
21723
21723
|
mergedRemoveIcon = removeIcon;
|
|
21724
21724
|
} else {
|
|
21725
|
-
mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
21725
|
+
mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$D, null);
|
|
21726
21726
|
}
|
|
21727
21727
|
return {
|
|
21728
21728
|
clearIcon: mergedClearIcon,
|
|
@@ -23678,9 +23678,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
|
|
|
23678
23678
|
icon: LeftOutlined$1
|
|
23679
23679
|
}));
|
|
23680
23680
|
};
|
|
23681
|
-
var RefIcon$
|
|
23681
|
+
var RefIcon$v = /* @__PURE__ */ React.forwardRef(LeftOutlined);
|
|
23682
23682
|
if (process.env.NODE_ENV !== "production") {
|
|
23683
|
-
RefIcon$
|
|
23683
|
+
RefIcon$v.displayName = "LeftOutlined";
|
|
23684
23684
|
}
|
|
23685
23685
|
var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
|
|
23686
23686
|
function useAccessibility$1(_ref) {
|
|
@@ -25270,9 +25270,9 @@ var BarsOutlined = function BarsOutlined2(props, ref) {
|
|
|
25270
25270
|
icon: BarsOutlined$1
|
|
25271
25271
|
}));
|
|
25272
25272
|
};
|
|
25273
|
-
var RefIcon$
|
|
25273
|
+
var RefIcon$u = /* @__PURE__ */ React.forwardRef(BarsOutlined);
|
|
25274
25274
|
if (process.env.NODE_ENV !== "production") {
|
|
25275
|
-
RefIcon$
|
|
25275
|
+
RefIcon$u.displayName = "BarsOutlined";
|
|
25276
25276
|
}
|
|
25277
25277
|
const LayoutContext = /* @__PURE__ */ React.createContext({
|
|
25278
25278
|
siderHook: {
|
|
@@ -25603,11 +25603,11 @@ const Sider = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
25603
25603
|
onClick: toggle,
|
|
25604
25604
|
className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? "right" : "left"}`),
|
|
25605
25605
|
style: zeroWidthTriggerStyle
|
|
25606
|
-
}, trigger || /* @__PURE__ */ React.createElement(RefIcon$
|
|
25606
|
+
}, trigger || /* @__PURE__ */ React.createElement(RefIcon$u, null)) : null;
|
|
25607
25607
|
const reverseIcon = direction === "rtl" === !reverseArrow;
|
|
25608
25608
|
const iconObj = {
|
|
25609
|
-
expanded: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
25610
|
-
collapsed: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
25609
|
+
expanded: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$z, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null),
|
|
25610
|
+
collapsed: reverseIcon ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$z, null)
|
|
25611
25611
|
};
|
|
25612
25612
|
const status = collapsed ? "collapsed" : "expanded";
|
|
25613
25613
|
const defaultTrigger = iconObj[status];
|
|
@@ -25654,9 +25654,9 @@ var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
|
|
|
25654
25654
|
icon: EllipsisOutlined$1
|
|
25655
25655
|
}));
|
|
25656
25656
|
};
|
|
25657
|
-
var RefIcon$
|
|
25657
|
+
var RefIcon$t = /* @__PURE__ */ React.forwardRef(EllipsisOutlined);
|
|
25658
25658
|
if (process.env.NODE_ENV !== "production") {
|
|
25659
|
-
RefIcon$
|
|
25659
|
+
RefIcon$t.displayName = "EllipsisOutlined";
|
|
25660
25660
|
}
|
|
25661
25661
|
const MenuContext = /* @__PURE__ */ createContext$1({
|
|
25662
25662
|
prefixCls: "",
|
|
@@ -26950,7 +26950,7 @@ const InternalMenu = /* @__PURE__ */ forwardRef((props, ref) => {
|
|
|
26950
26950
|
value: contextValue
|
|
26951
26951
|
}, /* @__PURE__ */ React.createElement(ExportMenu, Object.assign({
|
|
26952
26952
|
getPopupContainer,
|
|
26953
|
-
overflowedIndicator: /* @__PURE__ */ React.createElement(RefIcon$
|
|
26953
|
+
overflowedIndicator: /* @__PURE__ */ React.createElement(RefIcon$t, null),
|
|
26954
26954
|
overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
|
|
26955
26955
|
mode: mergedMode,
|
|
26956
26956
|
selectable: mergedSelectable,
|
|
@@ -27434,9 +27434,9 @@ const Dropdown$1 = (props) => {
|
|
|
27434
27434
|
rootClassName: classNames(cssVarCls, rootCls),
|
|
27435
27435
|
expandIcon: /* @__PURE__ */ React.createElement("span", {
|
|
27436
27436
|
className: `${prefixCls}-menu-submenu-arrow`
|
|
27437
|
-
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
27437
|
+
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, {
|
|
27438
27438
|
className: `${prefixCls}-menu-submenu-arrow-icon`
|
|
27439
|
-
}) : /* @__PURE__ */ React.createElement(RefIcon$
|
|
27439
|
+
}) : /* @__PURE__ */ React.createElement(RefIcon$z, {
|
|
27440
27440
|
className: `${prefixCls}-menu-submenu-arrow-icon`
|
|
27441
27441
|
})),
|
|
27442
27442
|
mode: "vertical",
|
|
@@ -27602,7 +27602,7 @@ const InternalBreadcrumbItem = (props) => {
|
|
|
27602
27602
|
placement: "bottom"
|
|
27603
27603
|
}, mergeDropDownProps), /* @__PURE__ */ React.createElement("span", {
|
|
27604
27604
|
className: `${prefixCls}-overlay-link`
|
|
27605
|
-
}, breadcrumbItem, /* @__PURE__ */ React.createElement(RefIcon$
|
|
27605
|
+
}, breadcrumbItem, /* @__PURE__ */ React.createElement(RefIcon$x, null)));
|
|
27606
27606
|
}
|
|
27607
27607
|
return breadcrumbItem;
|
|
27608
27608
|
};
|
|
@@ -36012,9 +36012,9 @@ var PlusOutlined = function PlusOutlined2(props, ref) {
|
|
|
36012
36012
|
icon: PlusOutlined$1
|
|
36013
36013
|
}));
|
|
36014
36014
|
};
|
|
36015
|
-
var RefIcon$
|
|
36015
|
+
var RefIcon$s = /* @__PURE__ */ React.forwardRef(PlusOutlined);
|
|
36016
36016
|
if (process.env.NODE_ENV !== "production") {
|
|
36017
|
-
RefIcon$
|
|
36017
|
+
RefIcon$s.displayName = "PlusOutlined";
|
|
36018
36018
|
}
|
|
36019
36019
|
const TabContext = /* @__PURE__ */ createContext$1(null);
|
|
36020
36020
|
var useIndicator = function useIndicator2(options) {
|
|
@@ -38308,8 +38308,8 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
38308
38308
|
}) => {
|
|
38309
38309
|
onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event2 : key, editType);
|
|
38310
38310
|
},
|
|
38311
|
-
removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$
|
|
38312
|
-
addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$
|
|
38311
|
+
removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$D, null),
|
|
38312
|
+
addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$s, null),
|
|
38313
38313
|
showAdd: hideAdd !== true
|
|
38314
38314
|
};
|
|
38315
38315
|
}
|
|
@@ -38344,7 +38344,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
38344
38344
|
style: mergedStyle,
|
|
38345
38345
|
editable,
|
|
38346
38346
|
more: Object.assign({
|
|
38347
|
-
icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$
|
|
38347
|
+
icon: (_l = (_k = (_j = (_h = tabs === null || tabs === void 0 ? void 0 : tabs.more) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : tabs === null || tabs === void 0 ? void 0 : tabs.moreIcon) !== null && _k !== void 0 ? _k : moreIcon) !== null && _l !== void 0 ? _l : /* @__PURE__ */ React.createElement(RefIcon$t, null),
|
|
38348
38348
|
transitionName: `${rootPrefixCls}-slide-up`
|
|
38349
38349
|
}, more),
|
|
38350
38350
|
prefixCls,
|
|
@@ -41005,7 +41005,7 @@ const getAllowClear = (allowClear) => {
|
|
|
41005
41005
|
mergedAllowClear = allowClear;
|
|
41006
41006
|
} else if (allowClear) {
|
|
41007
41007
|
mergedAllowClear = {
|
|
41008
|
-
clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$
|
|
41008
|
+
clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$E, null)
|
|
41009
41009
|
};
|
|
41010
41010
|
}
|
|
41011
41011
|
return mergedAllowClear;
|
|
@@ -41187,9 +41187,9 @@ var CalendarOutlined = function CalendarOutlined2(props, ref) {
|
|
|
41187
41187
|
icon: CalendarOutlined$1
|
|
41188
41188
|
}));
|
|
41189
41189
|
};
|
|
41190
|
-
var RefIcon$
|
|
41190
|
+
var RefIcon$r = /* @__PURE__ */ React.forwardRef(CalendarOutlined);
|
|
41191
41191
|
if (process.env.NODE_ENV !== "production") {
|
|
41192
|
-
RefIcon$
|
|
41192
|
+
RefIcon$r.displayName = "CalendarOutlined";
|
|
41193
41193
|
}
|
|
41194
41194
|
var ClockCircleOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, "name": "clock-circle", "theme": "outlined" };
|
|
41195
41195
|
var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
|
|
@@ -41198,9 +41198,9 @@ var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
|
|
|
41198
41198
|
icon: ClockCircleOutlined$1
|
|
41199
41199
|
}));
|
|
41200
41200
|
};
|
|
41201
|
-
var RefIcon$
|
|
41201
|
+
var RefIcon$q = /* @__PURE__ */ React.forwardRef(ClockCircleOutlined);
|
|
41202
41202
|
if (process.env.NODE_ENV !== "production") {
|
|
41203
|
-
RefIcon$
|
|
41203
|
+
RefIcon$q.displayName = "ClockCircleOutlined";
|
|
41204
41204
|
}
|
|
41205
41205
|
var SwapRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" } }] }, "name": "swap-right", "theme": "outlined" };
|
|
41206
41206
|
var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
|
|
@@ -41209,9 +41209,9 @@ var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
|
|
|
41209
41209
|
icon: SwapRightOutlined$1
|
|
41210
41210
|
}));
|
|
41211
41211
|
};
|
|
41212
|
-
var RefIcon$
|
|
41212
|
+
var RefIcon$p = /* @__PURE__ */ React.forwardRef(SwapRightOutlined);
|
|
41213
41213
|
if (process.env.NODE_ENV !== "production") {
|
|
41214
|
-
RefIcon$
|
|
41214
|
+
RefIcon$p.displayName = "SwapRightOutlined";
|
|
41215
41215
|
}
|
|
41216
41216
|
function getPlaceholder(locale2, picker, customizePlaceholder) {
|
|
41217
41217
|
if (customizePlaceholder !== void 0) {
|
|
@@ -41447,7 +41447,7 @@ const generateRangePicker = (generateConfig2) => {
|
|
|
41447
41447
|
status: contextStatus,
|
|
41448
41448
|
feedbackIcon
|
|
41449
41449
|
} = formItemContext;
|
|
41450
|
-
const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, picker === TIME ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
41450
|
+
const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, picker === TIME ? /* @__PURE__ */ React.createElement(RefIcon$q, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
|
|
41451
41451
|
useImperativeHandle(ref, () => innerRef.current);
|
|
41452
41452
|
const [contextLocale] = useLocale$1("Calendar", locale$2);
|
|
41453
41453
|
const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
|
|
@@ -41458,7 +41458,7 @@ const generateRangePicker = (generateConfig2) => {
|
|
|
41458
41458
|
separator: /* @__PURE__ */ React.createElement("span", {
|
|
41459
41459
|
"aria-label": "to",
|
|
41460
41460
|
className: `${prefixCls}-separator`
|
|
41461
|
-
}, /* @__PURE__ */ React.createElement(RefIcon$
|
|
41461
|
+
}, /* @__PURE__ */ React.createElement(RefIcon$p, null)),
|
|
41462
41462
|
disabled: mergedDisabled,
|
|
41463
41463
|
ref: innerRef,
|
|
41464
41464
|
placement,
|
|
@@ -41602,7 +41602,7 @@ const generatePicker$1 = (generateConfig2) => {
|
|
|
41602
41602
|
status: contextStatus,
|
|
41603
41603
|
feedbackIcon
|
|
41604
41604
|
} = formItemContext;
|
|
41605
|
-
const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
41605
|
+
const suffixNode = /* @__PURE__ */ React.createElement(React.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React.createElement(RefIcon$q, null) : /* @__PURE__ */ React.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
|
|
41606
41606
|
const [contextLocale] = useLocale$1("DatePicker", locale$2);
|
|
41607
41607
|
const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
|
|
41608
41608
|
const [zIndex] = useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
|
|
@@ -41864,7 +41864,7 @@ const DropdownButton = (props) => {
|
|
|
41864
41864
|
placement,
|
|
41865
41865
|
getPopupContainer,
|
|
41866
41866
|
href,
|
|
41867
|
-
icon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
41867
|
+
icon = /* @__PURE__ */ React.createElement(RefIcon$t, null),
|
|
41868
41868
|
title,
|
|
41869
41869
|
buttonsRender = (buttons) => buttons,
|
|
41870
41870
|
mouseEnterDelay,
|
|
@@ -42923,9 +42923,9 @@ var QuestionCircleOutlined = function QuestionCircleOutlined2(props, ref) {
|
|
|
42923
42923
|
icon: QuestionCircleOutlined$1
|
|
42924
42924
|
}));
|
|
42925
42925
|
};
|
|
42926
|
-
var RefIcon$
|
|
42926
|
+
var RefIcon$o = /* @__PURE__ */ React.forwardRef(QuestionCircleOutlined);
|
|
42927
42927
|
if (process.env.NODE_ENV !== "production") {
|
|
42928
|
-
RefIcon$
|
|
42928
|
+
RefIcon$o.displayName = "QuestionCircleOutlined";
|
|
42929
42929
|
}
|
|
42930
42930
|
var __rest$l = function(s, e3) {
|
|
42931
42931
|
var t2 = {};
|
|
@@ -42973,7 +42973,7 @@ const FormItemLabel = ({
|
|
|
42973
42973
|
const tooltipProps = convertToTooltipProps(tooltip);
|
|
42974
42974
|
if (tooltipProps) {
|
|
42975
42975
|
const {
|
|
42976
|
-
icon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
42976
|
+
icon = /* @__PURE__ */ React.createElement(RefIcon$o, null)
|
|
42977
42977
|
} = tooltipProps, restTooltipProps = __rest$l(tooltipProps, ["icon"]);
|
|
42978
42978
|
const tooltipNode = /* @__PURE__ */ React.createElement(Tooltip$2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React.cloneElement(icon, {
|
|
42979
42979
|
className: `${prefixCls}-item-tooltip`,
|
|
@@ -43018,10 +43018,10 @@ const FormItemLabel = ({
|
|
|
43018
43018
|
}, labelChildren));
|
|
43019
43019
|
};
|
|
43020
43020
|
const iconMap = {
|
|
43021
|
-
success: RefIcon$
|
|
43022
|
-
warning: RefIcon$
|
|
43023
|
-
error: RefIcon$
|
|
43024
|
-
validating: RefIcon$
|
|
43021
|
+
success: RefIcon$F,
|
|
43022
|
+
warning: RefIcon$C,
|
|
43023
|
+
error: RefIcon$E,
|
|
43024
|
+
validating: RefIcon$A
|
|
43025
43025
|
};
|
|
43026
43026
|
function StatusProvider({
|
|
43027
43027
|
children: children2,
|
|
@@ -43511,9 +43511,9 @@ var EyeOutlined = function EyeOutlined2(props, ref) {
|
|
|
43511
43511
|
icon: EyeOutlined$1
|
|
43512
43512
|
}));
|
|
43513
43513
|
};
|
|
43514
|
-
var RefIcon$
|
|
43514
|
+
var RefIcon$n = /* @__PURE__ */ React.forwardRef(EyeOutlined);
|
|
43515
43515
|
if (process.env.NODE_ENV !== "production") {
|
|
43516
|
-
RefIcon$
|
|
43516
|
+
RefIcon$n.displayName = "EyeOutlined";
|
|
43517
43517
|
}
|
|
43518
43518
|
function addEventListenerWrap(target, eventType, cb, option) {
|
|
43519
43519
|
var callback = ReactDOM__default.unstable_batchedUpdates ? function run(e3) {
|
|
@@ -43891,9 +43891,9 @@ var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props, ref) {
|
|
|
43891
43891
|
icon: EyeInvisibleOutlined$1
|
|
43892
43892
|
}));
|
|
43893
43893
|
};
|
|
43894
|
-
var RefIcon$
|
|
43894
|
+
var RefIcon$m = /* @__PURE__ */ React.forwardRef(EyeInvisibleOutlined);
|
|
43895
43895
|
if (process.env.NODE_ENV !== "production") {
|
|
43896
|
-
RefIcon$
|
|
43896
|
+
RefIcon$m.displayName = "EyeInvisibleOutlined";
|
|
43897
43897
|
}
|
|
43898
43898
|
var __rest$g = function(s, e3) {
|
|
43899
43899
|
var t2 = {};
|
|
@@ -43903,7 +43903,7 @@ var __rest$g = function(s, e3) {
|
|
|
43903
43903
|
}
|
|
43904
43904
|
return t2;
|
|
43905
43905
|
};
|
|
43906
|
-
const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
43906
|
+
const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React.createElement(RefIcon$n, null) : /* @__PURE__ */ React.createElement(RefIcon$m, null);
|
|
43907
43907
|
const actionMap = {
|
|
43908
43908
|
click: "onClick",
|
|
43909
43909
|
hover: "onMouseOver"
|
|
@@ -44058,7 +44058,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
44058
44058
|
customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
|
|
44059
44059
|
onSearch(e3);
|
|
44060
44060
|
};
|
|
44061
|
-
const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
44061
|
+
const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon$w, null) : null;
|
|
44062
44062
|
const btnClassName = `${prefixCls}-button`;
|
|
44063
44063
|
let button2;
|
|
44064
44064
|
const enterButtonAsElement = enterButton || {};
|
|
@@ -44726,9 +44726,9 @@ var DoubleLeftOutlined = function DoubleLeftOutlined2(props, ref) {
|
|
|
44726
44726
|
icon: DoubleLeftOutlined$1
|
|
44727
44727
|
}));
|
|
44728
44728
|
};
|
|
44729
|
-
var RefIcon$
|
|
44729
|
+
var RefIcon$l = /* @__PURE__ */ React.forwardRef(DoubleLeftOutlined);
|
|
44730
44730
|
if (process.env.NODE_ENV !== "production") {
|
|
44731
|
-
RefIcon$
|
|
44731
|
+
RefIcon$l.displayName = "DoubleLeftOutlined";
|
|
44732
44732
|
}
|
|
44733
44733
|
var DoubleRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
|
|
44734
44734
|
var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
|
|
@@ -44737,9 +44737,9 @@ var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
|
|
|
44737
44737
|
icon: DoubleRightOutlined$1
|
|
44738
44738
|
}));
|
|
44739
44739
|
};
|
|
44740
|
-
var RefIcon$
|
|
44740
|
+
var RefIcon$k = /* @__PURE__ */ React.forwardRef(DoubleRightOutlined);
|
|
44741
44741
|
if (process.env.NODE_ENV !== "production") {
|
|
44742
|
-
RefIcon$
|
|
44742
|
+
RefIcon$k.displayName = "DoubleRightOutlined";
|
|
44743
44743
|
}
|
|
44744
44744
|
var locale$1 = {
|
|
44745
44745
|
// Options
|
|
@@ -45965,21 +45965,21 @@ const Pagination2 = (props) => {
|
|
|
45965
45965
|
className: `${prefixCls}-item-link`,
|
|
45966
45966
|
type: "button",
|
|
45967
45967
|
tabIndex: -1
|
|
45968
|
-
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
45968
|
+
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$z, null) : /* @__PURE__ */ React.createElement(RefIcon$v, null));
|
|
45969
45969
|
const nextIcon = /* @__PURE__ */ React.createElement("button", {
|
|
45970
45970
|
className: `${prefixCls}-item-link`,
|
|
45971
45971
|
type: "button",
|
|
45972
45972
|
tabIndex: -1
|
|
45973
|
-
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
45973
|
+
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$v, null) : /* @__PURE__ */ React.createElement(RefIcon$z, null));
|
|
45974
45974
|
const jumpPrevIcon = (
|
|
45975
45975
|
// biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
|
|
45976
45976
|
/* @__PURE__ */ React.createElement("a", {
|
|
45977
45977
|
className: `${prefixCls}-item-link`
|
|
45978
45978
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
45979
45979
|
className: `${prefixCls}-item-container`
|
|
45980
|
-
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
45980
|
+
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$k, {
|
|
45981
45981
|
className: `${prefixCls}-item-link-icon`
|
|
45982
|
-
}) : /* @__PURE__ */ React.createElement(RefIcon$
|
|
45982
|
+
}) : /* @__PURE__ */ React.createElement(RefIcon$l, {
|
|
45983
45983
|
className: `${prefixCls}-item-link-icon`
|
|
45984
45984
|
}), ellipsis))
|
|
45985
45985
|
);
|
|
@@ -45989,9 +45989,9 @@ const Pagination2 = (props) => {
|
|
|
45989
45989
|
className: `${prefixCls}-item-link`
|
|
45990
45990
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
45991
45991
|
className: `${prefixCls}-item-container`
|
|
45992
|
-
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
45992
|
+
}, direction === "rtl" ? /* @__PURE__ */ React.createElement(RefIcon$l, {
|
|
45993
45993
|
className: `${prefixCls}-item-link-icon`
|
|
45994
|
-
}) : /* @__PURE__ */ React.createElement(RefIcon$
|
|
45994
|
+
}) : /* @__PURE__ */ React.createElement(RefIcon$k, {
|
|
45995
45995
|
className: `${prefixCls}-item-link-icon`
|
|
45996
45996
|
}), ellipsis))
|
|
45997
45997
|
);
|
|
@@ -46624,7 +46624,7 @@ const Overlay = (props) => {
|
|
|
46624
46624
|
cancelText,
|
|
46625
46625
|
okText,
|
|
46626
46626
|
okType = "primary",
|
|
46627
|
-
icon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
46627
|
+
icon = /* @__PURE__ */ React.createElement(RefIcon$C, null),
|
|
46628
46628
|
showCancel = true,
|
|
46629
46629
|
close,
|
|
46630
46630
|
onConfirm,
|
|
@@ -46702,7 +46702,7 @@ const InternalPopconfirm = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
46702
46702
|
placement = "top",
|
|
46703
46703
|
trigger = "click",
|
|
46704
46704
|
okType = "primary",
|
|
46705
|
-
icon = /* @__PURE__ */ React.createElement(RefIcon$
|
|
46705
|
+
icon = /* @__PURE__ */ React.createElement(RefIcon$C, null),
|
|
46706
46706
|
children: children2,
|
|
46707
46707
|
overlayClassName,
|
|
46708
46708
|
onOpenChange,
|
|
@@ -47693,9 +47693,9 @@ const Progress$2 = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
47693
47693
|
if (infoPosition === "inner" || format3 || progressStatus !== "exception" && progressStatus !== "success") {
|
|
47694
47694
|
text2 = textFormatter(validProgress(percent), validProgress(successPercent));
|
|
47695
47695
|
} else if (progressStatus === "exception") {
|
|
47696
|
-
text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
47696
|
+
text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$E, null) : /* @__PURE__ */ React.createElement(RefIcon$D, null);
|
|
47697
47697
|
} else if (progressStatus === "success") {
|
|
47698
|
-
text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$
|
|
47698
|
+
text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$F, null) : /* @__PURE__ */ React.createElement(RefIcon$y, null);
|
|
47699
47699
|
}
|
|
47700
47700
|
return /* @__PURE__ */ React.createElement("span", {
|
|
47701
47701
|
className: classNames(`${prefixCls}-text`, {
|
|
@@ -47767,6 +47767,17 @@ const Progress$2 = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
47767
47767
|
if (process.env.NODE_ENV !== "production") {
|
|
47768
47768
|
Progress$2.displayName = "Progress";
|
|
47769
47769
|
}
|
|
47770
|
+
var ArrowLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "arrow-left", "theme": "outlined" };
|
|
47771
|
+
var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
|
|
47772
|
+
return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
|
|
47773
|
+
ref,
|
|
47774
|
+
icon: ArrowLeftOutlined$1
|
|
47775
|
+
}));
|
|
47776
|
+
};
|
|
47777
|
+
var RefIcon$j = /* @__PURE__ */ React.forwardRef(ArrowLeftOutlined);
|
|
47778
|
+
if (process.env.NODE_ENV !== "production") {
|
|
47779
|
+
RefIcon$j.displayName = "ArrowLeftOutlined";
|
|
47780
|
+
}
|
|
47770
47781
|
var CaretDownFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" } }] }, "name": "caret-down", "theme": "filled" };
|
|
47771
47782
|
var CaretDownFilled = function CaretDownFilled2(props, ref) {
|
|
47772
47783
|
return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
|
|
@@ -48756,9 +48767,9 @@ const Unauthorized = () => /* @__PURE__ */ React.createElement("svg", {
|
|
|
48756
48767
|
strokeWidth: "1.1"
|
|
48757
48768
|
})));
|
|
48758
48769
|
const IconMap = {
|
|
48759
|
-
success: RefIcon$
|
|
48760
|
-
error: RefIcon$
|
|
48761
|
-
info: RefIcon$
|
|
48770
|
+
success: RefIcon$F,
|
|
48771
|
+
error: RefIcon$E,
|
|
48772
|
+
info: RefIcon$C,
|
|
48762
48773
|
warning: RefIcon
|
|
48763
48774
|
};
|
|
48764
48775
|
const ExceptionMap = {
|
|
@@ -49247,7 +49258,7 @@ const InternalSwitch = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
49247
49258
|
const prefixCls = getPrefixCls("switch", customizePrefixCls);
|
|
49248
49259
|
const loadingIcon = /* @__PURE__ */ React.createElement("div", {
|
|
49249
49260
|
className: `${prefixCls}-handle`
|
|
49250
|
-
}, loading && /* @__PURE__ */ React.createElement(RefIcon$
|
|
49261
|
+
}, loading && /* @__PURE__ */ React.createElement(RefIcon$A, {
|
|
49251
49262
|
className: `${prefixCls}-loading-icon`
|
|
49252
49263
|
}));
|
|
49253
49264
|
const [wrapCSSVar, hashId, cssVarCls] = useStyle$3(prefixCls);
|
|
@@ -52651,7 +52662,7 @@ const useSelection = (config, rowSelection) => {
|
|
|
52651
52662
|
}, /* @__PURE__ */ React.createElement(Dropdown, {
|
|
52652
52663
|
menu,
|
|
52653
52664
|
getPopupContainer
|
|
52654
|
-
}, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(RefIcon$
|
|
52665
|
+
}, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(RefIcon$x, null))));
|
|
52655
52666
|
}
|
|
52656
52667
|
const allDisabledData = flattedData.map((record, index2) => {
|
|
52657
52668
|
const key = getRowKey2(record, index2);
|
|
@@ -54719,7 +54730,7 @@ const SwitcherIconCom = (props) => {
|
|
|
54719
54730
|
if (/* @__PURE__ */ React.isValidElement(switcherLoadingIcon)) {
|
|
54720
54731
|
return switcherLoadingIcon;
|
|
54721
54732
|
}
|
|
54722
|
-
return /* @__PURE__ */ React.createElement(RefIcon$
|
|
54733
|
+
return /* @__PURE__ */ React.createElement(RefIcon$A, {
|
|
54723
54734
|
className: `${prefixCls}-switcher-loading-icon`
|
|
54724
54735
|
});
|
|
54725
54736
|
}
|
|
@@ -55089,7 +55100,7 @@ const FilterSearch = (props) => {
|
|
|
55089
55100
|
return /* @__PURE__ */ React.createElement("div", {
|
|
55090
55101
|
className: `${tablePrefixCls}-filter-dropdown-search`
|
|
55091
55102
|
}, /* @__PURE__ */ React.createElement(Input$3, {
|
|
55092
|
-
prefix: /* @__PURE__ */ React.createElement(RefIcon$
|
|
55103
|
+
prefix: /* @__PURE__ */ React.createElement(RefIcon$w, null),
|
|
55093
55104
|
placeholder: locale2.filterSearchPlaceholder,
|
|
55094
55105
|
onChange,
|
|
55095
55106
|
value: value2,
|
|
@@ -58680,7 +58691,7 @@ const CopyBtn = ({
|
|
|
58680
58691
|
onClick: onCopy,
|
|
58681
58692
|
"aria-label": ariaLabel,
|
|
58682
58693
|
tabIndex
|
|
58683
|
-
}, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$
|
|
58694
|
+
}, copied ? getNode(iconNodes[1], /* @__PURE__ */ React.createElement(RefIcon$y, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React.createElement(RefIcon$A, null) : /* @__PURE__ */ React.createElement(RefIcon$d, null), true)));
|
|
58684
58695
|
};
|
|
58685
58696
|
const MeasureText = /* @__PURE__ */ React.forwardRef(({
|
|
58686
58697
|
style: style2,
|
|
@@ -60279,7 +60290,7 @@ const Toast = ({
|
|
|
60279
60290
|
)
|
|
60280
60291
|
}
|
|
60281
60292
|
) : null,
|
|
60282
|
-
close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$
|
|
60293
|
+
close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$D, { style: { fontSize: 18 } }) }) : null
|
|
60283
60294
|
] });
|
|
60284
60295
|
};
|
|
60285
60296
|
const ToastContext = React__default.createContext(
|
|
@@ -60368,7 +60379,8 @@ const Typography = ({
|
|
|
60368
60379
|
isDisabled,
|
|
60369
60380
|
...rest
|
|
60370
60381
|
}) => {
|
|
60371
|
-
const {
|
|
60382
|
+
const { theme } = useGenesis();
|
|
60383
|
+
const breakpoint = "wide";
|
|
60372
60384
|
if (variant.startsWith("display") || variant.startsWith("heading")) {
|
|
60373
60385
|
const level = variant.split("heading")[1] || variant.split("display")[1];
|
|
60374
60386
|
return /* @__PURE__ */ jsx(
|
|
@@ -60381,7 +60393,7 @@ const Typography = ({
|
|
|
60381
60393
|
level: Number.parseInt(level),
|
|
60382
60394
|
$isFullWidth: isFullWidth,
|
|
60383
60395
|
style: style2,
|
|
60384
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60396
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60385
60397
|
fontWeight,
|
|
60386
60398
|
disabled: isDisabled,
|
|
60387
60399
|
$letterSpacing: theme.typography[breakpoint][variant].letterSpacing,
|
|
@@ -60403,10 +60415,10 @@ const Typography = ({
|
|
|
60403
60415
|
$isFullWidth: isFullWidth,
|
|
60404
60416
|
style: style2,
|
|
60405
60417
|
disabled: isDisabled,
|
|
60406
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60418
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60407
60419
|
fontWeight,
|
|
60408
|
-
$letterSpacing: theme.typography[breakpoint][
|
|
60409
|
-
$lineHeight: theme.typography[breakpoint][
|
|
60420
|
+
$letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
|
|
60421
|
+
$lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
|
|
60410
60422
|
...rest,
|
|
60411
60423
|
children: children2
|
|
60412
60424
|
}
|
|
@@ -60422,10 +60434,10 @@ const Typography = ({
|
|
|
60422
60434
|
$isFullWidth: isFullWidth,
|
|
60423
60435
|
style: style2,
|
|
60424
60436
|
disabled: isDisabled,
|
|
60425
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60437
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60426
60438
|
fontWeight,
|
|
60427
|
-
$letterSpacing: theme.typography[breakpoint][
|
|
60428
|
-
$lineHeight: theme.typography[breakpoint][
|
|
60439
|
+
$letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
|
|
60440
|
+
$lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
|
|
60429
60441
|
...rest,
|
|
60430
60442
|
children: children2
|
|
60431
60443
|
}
|
|
@@ -74727,6 +74739,401 @@ const Form2 = Object.assign(
|
|
|
74727
74739
|
useForm: Form$1.useForm
|
|
74728
74740
|
}
|
|
74729
74741
|
);
|
|
74742
|
+
const getGenesisClass$9 = ({ sizing: sizing2 }, $isHorizontal = false) => `
|
|
74743
|
+
display: flex;
|
|
74744
|
+
flex-direction: ${$isHorizontal ? "row" : "column"};
|
|
74745
|
+
padding: ${sizing2.Size4};
|
|
74746
|
+
`;
|
|
74747
|
+
const Tile$1 = styled.div`
|
|
74748
|
+
${({ theme, $isHorizontal }) => {
|
|
74749
|
+
return getGenesisClass$9(theme, $isHorizontal);
|
|
74750
|
+
}}
|
|
74751
|
+
`;
|
|
74752
|
+
const Tile = ({
|
|
74753
|
+
children: children2,
|
|
74754
|
+
dataTestId,
|
|
74755
|
+
className,
|
|
74756
|
+
style: style2,
|
|
74757
|
+
isHorizontal = false
|
|
74758
|
+
}) => {
|
|
74759
|
+
return /* @__PURE__ */ jsx(
|
|
74760
|
+
Tile$1,
|
|
74761
|
+
{
|
|
74762
|
+
className,
|
|
74763
|
+
"data-testid": dataTestId,
|
|
74764
|
+
style: style2,
|
|
74765
|
+
$isHorizontal: isHorizontal,
|
|
74766
|
+
children: children2
|
|
74767
|
+
}
|
|
74768
|
+
);
|
|
74769
|
+
};
|
|
74770
|
+
const slideDown = keyframes`
|
|
74771
|
+
0% {
|
|
74772
|
+
opacity: 0;
|
|
74773
|
+
transform: translateY(-6px) scale(0.96);
|
|
74774
|
+
}
|
|
74775
|
+
100% {
|
|
74776
|
+
opacity: 1;
|
|
74777
|
+
transform: translateY(0) scale(1);
|
|
74778
|
+
}
|
|
74779
|
+
`;
|
|
74780
|
+
const slideUp = keyframes`
|
|
74781
|
+
0% {
|
|
74782
|
+
opacity: 0;
|
|
74783
|
+
transform: translateY(6px) scale(0.96);
|
|
74784
|
+
}
|
|
74785
|
+
100% {
|
|
74786
|
+
opacity: 1;
|
|
74787
|
+
transform: translateY(0) scale(1);
|
|
74788
|
+
}
|
|
74789
|
+
`;
|
|
74790
|
+
const slideLeft = keyframes`
|
|
74791
|
+
0% {
|
|
74792
|
+
opacity: 0;
|
|
74793
|
+
transform: translateX(6px) scale(0.96);
|
|
74794
|
+
}
|
|
74795
|
+
100% {
|
|
74796
|
+
opacity: 1;
|
|
74797
|
+
transform: translateX(0) scale(1);
|
|
74798
|
+
}
|
|
74799
|
+
`;
|
|
74800
|
+
const slideRight = keyframes`
|
|
74801
|
+
0% {
|
|
74802
|
+
opacity: 0;
|
|
74803
|
+
transform: translateX(-6px) scale(0.96);
|
|
74804
|
+
}
|
|
74805
|
+
100% {
|
|
74806
|
+
opacity: 1;
|
|
74807
|
+
transform: translateX(0) scale(1);
|
|
74808
|
+
}
|
|
74809
|
+
`;
|
|
74810
|
+
const getGenesisClass$8 = (theme) => ``;
|
|
74811
|
+
const OverflowMenuWrapper = styled.div`
|
|
74812
|
+
${({ theme }) => {
|
|
74813
|
+
return getGenesisClass$8();
|
|
74814
|
+
}}
|
|
74815
|
+
|
|
74816
|
+
position: relative;
|
|
74817
|
+
display: inline-block;
|
|
74818
|
+
`;
|
|
74819
|
+
const OverflowMenuContainer = styled.div`
|
|
74820
|
+
${({ theme }) => {
|
|
74821
|
+
return getGenesisClass$8();
|
|
74822
|
+
}}
|
|
74823
|
+
|
|
74824
|
+
background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
|
|
74825
|
+
border: 1px solid #d9d9d9;
|
|
74826
|
+
border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
|
|
74827
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
74828
|
+
min-width: 120px;
|
|
74829
|
+
max-width: 300px;
|
|
74830
|
+
overflow: hidden;
|
|
74831
|
+
z-index: 1000;
|
|
74832
|
+
margin: 0;
|
|
74833
|
+
padding: 0;
|
|
74834
|
+
|
|
74835
|
+
/* Animation based on placement with enhanced smoothness */
|
|
74836
|
+
animation: ${({ $placement, $isAnimating }) => {
|
|
74837
|
+
if (!$isAnimating) return "none";
|
|
74838
|
+
switch ($placement) {
|
|
74839
|
+
case "bottom": {
|
|
74840
|
+
return slideDown;
|
|
74841
|
+
}
|
|
74842
|
+
case "top": {
|
|
74843
|
+
return slideUp;
|
|
74844
|
+
}
|
|
74845
|
+
case "left": {
|
|
74846
|
+
return slideLeft;
|
|
74847
|
+
}
|
|
74848
|
+
case "right": {
|
|
74849
|
+
return slideRight;
|
|
74850
|
+
}
|
|
74851
|
+
default: {
|
|
74852
|
+
return slideDown;
|
|
74853
|
+
}
|
|
74854
|
+
}
|
|
74855
|
+
}}
|
|
74856
|
+
0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
74857
|
+
|
|
74858
|
+
/* Ensure ultra-smooth transitions without filter */
|
|
74859
|
+
transition:
|
|
74860
|
+
opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
|
74861
|
+
transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
74862
|
+
|
|
74863
|
+
/* Hardware acceleration and performance optimizations */
|
|
74864
|
+
will-change: transform, opacity;
|
|
74865
|
+
backface-visibility: hidden;
|
|
74866
|
+
transform: translateZ(0);
|
|
74867
|
+
transform-style: preserve-3d;
|
|
74868
|
+
|
|
74869
|
+
/* Initial visible state - let animation handle the entrance */
|
|
74870
|
+
opacity: 1;
|
|
74871
|
+
|
|
74872
|
+
/* Animation will override initial state when $isAnimating is true */
|
|
74873
|
+
|
|
74874
|
+
/* Prevent layout shifts and ensure smooth rendering */
|
|
74875
|
+
contain: layout style paint;
|
|
74876
|
+
isolation: isolate;
|
|
74877
|
+
|
|
74878
|
+
/* Smooth font rendering */
|
|
74879
|
+
-webkit-font-smoothing: antialiased;
|
|
74880
|
+
-moz-osx-font-smoothing: grayscale;
|
|
74881
|
+
`;
|
|
74882
|
+
const OverflowMenuItem$1 = styled.div`
|
|
74883
|
+
padding: 8px 12px;
|
|
74884
|
+
cursor: pointer;
|
|
74885
|
+
background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
|
|
74886
|
+
|
|
74887
|
+
&:hover {
|
|
74888
|
+
background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
|
|
74889
|
+
}
|
|
74890
|
+
|
|
74891
|
+
&:active {
|
|
74892
|
+
background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
|
|
74893
|
+
}
|
|
74894
|
+
`;
|
|
74895
|
+
const OverflowMenuItem = ({ children: children2, onClick }) => {
|
|
74896
|
+
return /* @__PURE__ */ jsx(OverflowMenuItem$1, { onClick, children: children2 });
|
|
74897
|
+
};
|
|
74898
|
+
const DefaultTrigger = () => {
|
|
74899
|
+
return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { size: 24 }) });
|
|
74900
|
+
};
|
|
74901
|
+
const DefaultTriggerWithOverrideTextColor = ({
|
|
74902
|
+
overrideTextColor
|
|
74903
|
+
}) => {
|
|
74904
|
+
return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
|
|
74905
|
+
};
|
|
74906
|
+
const OverflowMenu = forwardRef(
|
|
74907
|
+
({
|
|
74908
|
+
items,
|
|
74909
|
+
children: children2,
|
|
74910
|
+
trigger = /* @__PURE__ */ jsx(DefaultTrigger, {}),
|
|
74911
|
+
isOpen: controlledIsOpen,
|
|
74912
|
+
onOpenChange,
|
|
74913
|
+
placement = "bottom",
|
|
74914
|
+
alignment = "left",
|
|
74915
|
+
offset: offset2 = 8,
|
|
74916
|
+
className,
|
|
74917
|
+
style: style2,
|
|
74918
|
+
onItemClick,
|
|
74919
|
+
overrideTextColor,
|
|
74920
|
+
getPopupContainer = () => document.body
|
|
74921
|
+
}, ref) => {
|
|
74922
|
+
const [internalIsOpen, setInternalIsOpen] = useState(false);
|
|
74923
|
+
const [isAnimating, setIsAnimating] = useState(false);
|
|
74924
|
+
const [triggerRect, setTriggerRect] = useState(null);
|
|
74925
|
+
const triggerRef = useRef(null);
|
|
74926
|
+
const menuRef = useRef(null);
|
|
74927
|
+
const { theme } = useGenesis();
|
|
74928
|
+
const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
|
|
74929
|
+
const handleOpenChange = useCallback(
|
|
74930
|
+
(open) => {
|
|
74931
|
+
if (onOpenChange) {
|
|
74932
|
+
onOpenChange(open);
|
|
74933
|
+
} else {
|
|
74934
|
+
setInternalIsOpen(open);
|
|
74935
|
+
}
|
|
74936
|
+
},
|
|
74937
|
+
[onOpenChange]
|
|
74938
|
+
);
|
|
74939
|
+
const handleTriggerClick = () => {
|
|
74940
|
+
handleOpenChange(!isOpen);
|
|
74941
|
+
};
|
|
74942
|
+
const handleClickOutside = useCallback(
|
|
74943
|
+
(event2) => {
|
|
74944
|
+
if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
|
|
74945
|
+
handleOpenChange(false);
|
|
74946
|
+
}
|
|
74947
|
+
},
|
|
74948
|
+
[handleOpenChange]
|
|
74949
|
+
);
|
|
74950
|
+
useEffect(() => {
|
|
74951
|
+
if (isOpen) {
|
|
74952
|
+
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
74953
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
74954
|
+
setTriggerRect(rect);
|
|
74955
|
+
}
|
|
74956
|
+
setIsAnimating(true);
|
|
74957
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
74958
|
+
return () => {
|
|
74959
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
74960
|
+
};
|
|
74961
|
+
} else {
|
|
74962
|
+
setIsAnimating(false);
|
|
74963
|
+
setTriggerRect(null);
|
|
74964
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
74965
|
+
}
|
|
74966
|
+
}, [isOpen, handleClickOutside, getPopupContainer]);
|
|
74967
|
+
const getMenuStyle = useMemo$1(() => {
|
|
74968
|
+
const baseStyle = {
|
|
74969
|
+
position: getPopupContainer !== void 0 ? "fixed" : "absolute",
|
|
74970
|
+
zIndex: 1e3,
|
|
74971
|
+
...style2
|
|
74972
|
+
};
|
|
74973
|
+
if (getPopupContainer !== void 0 && triggerRect) {
|
|
74974
|
+
const { top, left, right, bottom, width, height } = triggerRect;
|
|
74975
|
+
switch (placement) {
|
|
74976
|
+
case "bottom": {
|
|
74977
|
+
return {
|
|
74978
|
+
...baseStyle,
|
|
74979
|
+
top: bottom + offset2,
|
|
74980
|
+
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
74981
|
+
};
|
|
74982
|
+
}
|
|
74983
|
+
case "top": {
|
|
74984
|
+
return {
|
|
74985
|
+
...baseStyle,
|
|
74986
|
+
bottom: window.innerHeight - top + offset2,
|
|
74987
|
+
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
74988
|
+
};
|
|
74989
|
+
}
|
|
74990
|
+
case "left": {
|
|
74991
|
+
return {
|
|
74992
|
+
...baseStyle,
|
|
74993
|
+
top,
|
|
74994
|
+
right: window.innerWidth - left + offset2,
|
|
74995
|
+
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
74996
|
+
};
|
|
74997
|
+
}
|
|
74998
|
+
case "right": {
|
|
74999
|
+
return {
|
|
75000
|
+
...baseStyle,
|
|
75001
|
+
top,
|
|
75002
|
+
left: right + offset2,
|
|
75003
|
+
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
75004
|
+
};
|
|
75005
|
+
}
|
|
75006
|
+
default: {
|
|
75007
|
+
return baseStyle;
|
|
75008
|
+
}
|
|
75009
|
+
}
|
|
75010
|
+
}
|
|
75011
|
+
switch (placement) {
|
|
75012
|
+
case "bottom": {
|
|
75013
|
+
return {
|
|
75014
|
+
...baseStyle,
|
|
75015
|
+
top: `calc(100% + ${offset2}px)`,
|
|
75016
|
+
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
75017
|
+
};
|
|
75018
|
+
}
|
|
75019
|
+
case "top": {
|
|
75020
|
+
return {
|
|
75021
|
+
...baseStyle,
|
|
75022
|
+
bottom: `calc(100% + ${offset2}px)`,
|
|
75023
|
+
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
75024
|
+
};
|
|
75025
|
+
}
|
|
75026
|
+
case "left": {
|
|
75027
|
+
return {
|
|
75028
|
+
...baseStyle,
|
|
75029
|
+
top: 0,
|
|
75030
|
+
right: `calc(100% + ${offset2}px)`,
|
|
75031
|
+
...alignment === "right" ? { bottom: 0 } : {}
|
|
75032
|
+
};
|
|
75033
|
+
}
|
|
75034
|
+
case "right": {
|
|
75035
|
+
return {
|
|
75036
|
+
...baseStyle,
|
|
75037
|
+
top: 0,
|
|
75038
|
+
left: `calc(100% + ${offset2}px)`,
|
|
75039
|
+
...alignment === "right" ? { bottom: 0 } : {}
|
|
75040
|
+
};
|
|
75041
|
+
}
|
|
75042
|
+
default: {
|
|
75043
|
+
return baseStyle;
|
|
75044
|
+
}
|
|
75045
|
+
}
|
|
75046
|
+
}, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
|
|
75047
|
+
const handleItemClick = useCallback(
|
|
75048
|
+
(item) => {
|
|
75049
|
+
onItemClick?.(item);
|
|
75050
|
+
handleOpenChange(false);
|
|
75051
|
+
},
|
|
75052
|
+
[onItemClick, handleOpenChange]
|
|
75053
|
+
);
|
|
75054
|
+
const renderMenuContent = (content2) => /* @__PURE__ */ jsx(
|
|
75055
|
+
OverflowMenuContainer,
|
|
75056
|
+
{
|
|
75057
|
+
ref: menuRef,
|
|
75058
|
+
theme,
|
|
75059
|
+
className,
|
|
75060
|
+
style: getMenuStyle,
|
|
75061
|
+
$isAnimating: isAnimating,
|
|
75062
|
+
$placement: placement,
|
|
75063
|
+
children: content2
|
|
75064
|
+
}
|
|
75065
|
+
);
|
|
75066
|
+
const renderMenu = (content2) => {
|
|
75067
|
+
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
75068
|
+
const container = getPopupContainer(triggerRef.current);
|
|
75069
|
+
return createPortal(renderMenuContent(content2), container);
|
|
75070
|
+
}
|
|
75071
|
+
return renderMenuContent(content2);
|
|
75072
|
+
};
|
|
75073
|
+
if (items && items.length > 0) {
|
|
75074
|
+
return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
|
|
75075
|
+
/* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsx(
|
|
75076
|
+
DefaultTriggerWithOverrideTextColor,
|
|
75077
|
+
{
|
|
75078
|
+
overrideTextColor
|
|
75079
|
+
}
|
|
75080
|
+
) : trigger }),
|
|
75081
|
+
isOpen && renderMenu(
|
|
75082
|
+
items.map((item) => /* @__PURE__ */ jsx(
|
|
75083
|
+
OverflowMenuItem,
|
|
75084
|
+
{
|
|
75085
|
+
...item,
|
|
75086
|
+
onClick: () => handleItemClick(item)
|
|
75087
|
+
},
|
|
75088
|
+
item.id
|
|
75089
|
+
))
|
|
75090
|
+
)
|
|
75091
|
+
] });
|
|
75092
|
+
}
|
|
75093
|
+
return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
|
|
75094
|
+
/* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
|
|
75095
|
+
isOpen && renderMenu(children2)
|
|
75096
|
+
] });
|
|
75097
|
+
}
|
|
75098
|
+
);
|
|
75099
|
+
OverflowMenu.displayName = "OverflowMenu";
|
|
75100
|
+
const GlobalHeader = ({
|
|
75101
|
+
title,
|
|
75102
|
+
breadcrumbs = [],
|
|
75103
|
+
onBack,
|
|
75104
|
+
menuItems = [],
|
|
75105
|
+
primaryAction
|
|
75106
|
+
}) => {
|
|
75107
|
+
return /* @__PURE__ */ jsxs(Tile, { "data-testid": "GlobalHeader", style: {
|
|
75108
|
+
padding: "32px 40px",
|
|
75109
|
+
justifyContent: "flex-end",
|
|
75110
|
+
width: "100%",
|
|
75111
|
+
alignItems: "flex-start",
|
|
75112
|
+
minHeight: "164px",
|
|
75113
|
+
borderBottom: "1px solid #CBCBCB",
|
|
75114
|
+
background: "#FFF",
|
|
75115
|
+
gap: "24px"
|
|
75116
|
+
}, children: [
|
|
75117
|
+
breadcrumbs?.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbs }),
|
|
75118
|
+
/* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "space-between", gap: "16px", width: "100%", flexWrap: "wrap" }, children: [
|
|
75119
|
+
/* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
|
|
75120
|
+
onBack && /* @__PURE__ */ jsx(UtilityButton, { icon: /* @__PURE__ */ jsx(RefIcon$j, {}), onClick: onBack }),
|
|
75121
|
+
/* @__PURE__ */ jsx(Typography, { variant: "display3", children: title })
|
|
75122
|
+
] }),
|
|
75123
|
+
/* @__PURE__ */ jsxs(Tile, { isHorizontal: true, style: { justifyContent: "flex-end", gap: "16px", alignItems: "flex-end" }, children: [
|
|
75124
|
+
primaryAction && /* @__PURE__ */ jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
|
|
75125
|
+
menuItems.length > 0 && /* @__PURE__ */ jsx(
|
|
75126
|
+
OverflowMenu,
|
|
75127
|
+
{
|
|
75128
|
+
trigger: /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsx(HiDotsHorizontal, {}) }),
|
|
75129
|
+
alignment: "right",
|
|
75130
|
+
children: menuItems.map((item) => /* @__PURE__ */ jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
|
|
75131
|
+
}
|
|
75132
|
+
)
|
|
75133
|
+
] })
|
|
75134
|
+
] })
|
|
75135
|
+
] });
|
|
75136
|
+
};
|
|
74730
75137
|
const Outline = (properties) => /* @__PURE__ */ jsxs(
|
|
74731
75138
|
"svg",
|
|
74732
75139
|
{
|
|
@@ -78274,7 +78681,7 @@ const ChartContainer$2 = styled.div`
|
|
|
78274
78681
|
flex-shrink: 0;
|
|
78275
78682
|
height: calc(100% - 40px);
|
|
78276
78683
|
`;
|
|
78277
|
-
const getGenesisClass$
|
|
78684
|
+
const getGenesisClass$7 = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
|
|
78278
78685
|
.ant-tooltip {
|
|
78279
78686
|
--antd-arrow-background-color: #222;
|
|
78280
78687
|
pointer-events: none;
|
|
@@ -78394,7 +78801,7 @@ const getGenesisClass$9 = ({ colors: colors2, borderRadius: borderRadius2, sizin
|
|
|
78394
78801
|
`;
|
|
78395
78802
|
const Tooltip$1 = styled(Tooltip$2)`
|
|
78396
78803
|
${({ theme, type: type4, state }) => {
|
|
78397
|
-
return getGenesisClass$
|
|
78804
|
+
return getGenesisClass$7(theme, type4, state);
|
|
78398
78805
|
}}
|
|
78399
78806
|
`;
|
|
78400
78807
|
const Tooltip2 = ({
|
|
@@ -78990,7 +79397,7 @@ function clsx() {
|
|
|
78990
79397
|
for (var e3, t2, f = 0, n2 = ""; f < arguments.length; ) (e3 = arguments[f++]) && (t2 = r(e3)) && (n2 && (n2 += " "), n2 += t2);
|
|
78991
79398
|
return n2;
|
|
78992
79399
|
}
|
|
78993
|
-
const getGenesisClass$
|
|
79400
|
+
const getGenesisClass$6 = ({ sizing: sizing2 }, $isColumn) => `
|
|
78994
79401
|
display: flex;
|
|
78995
79402
|
flex-direction: ${$isColumn ? "column" : "row"};
|
|
78996
79403
|
width: 100%;
|
|
@@ -79001,7 +79408,7 @@ const getGenesisClass$8 = ({ sizing: sizing2 }, $isColumn) => `
|
|
|
79001
79408
|
`;
|
|
79002
79409
|
const Content$1 = styled.div`
|
|
79003
79410
|
${({ theme, $isColumn }) => {
|
|
79004
|
-
return getGenesisClass$
|
|
79411
|
+
return getGenesisClass$6(theme, $isColumn);
|
|
79005
79412
|
}}
|
|
79006
79413
|
`;
|
|
79007
79414
|
const Content = ({
|
|
@@ -81216,340 +81623,10 @@ const Notification = ({
|
|
|
81216
81623
|
onArrowClick ? /* @__PURE__ */ jsx(ChevronButton$1, { onClick: onArrowClick, children: /* @__PURE__ */ jsx(NotificationRightChevron, {}) }) : null
|
|
81217
81624
|
] });
|
|
81218
81625
|
};
|
|
81219
|
-
const
|
|
81220
|
-
0% {
|
|
81221
|
-
opacity: 0;
|
|
81222
|
-
transform: translateY(-6px) scale(0.96);
|
|
81223
|
-
}
|
|
81224
|
-
100% {
|
|
81225
|
-
opacity: 1;
|
|
81226
|
-
transform: translateY(0) scale(1);
|
|
81227
|
-
}
|
|
81228
|
-
`;
|
|
81229
|
-
const slideUp = keyframes`
|
|
81230
|
-
0% {
|
|
81231
|
-
opacity: 0;
|
|
81232
|
-
transform: translateY(6px) scale(0.96);
|
|
81233
|
-
}
|
|
81234
|
-
100% {
|
|
81235
|
-
opacity: 1;
|
|
81236
|
-
transform: translateY(0) scale(1);
|
|
81237
|
-
}
|
|
81238
|
-
`;
|
|
81239
|
-
const slideLeft = keyframes`
|
|
81240
|
-
0% {
|
|
81241
|
-
opacity: 0;
|
|
81242
|
-
transform: translateX(6px) scale(0.96);
|
|
81243
|
-
}
|
|
81244
|
-
100% {
|
|
81245
|
-
opacity: 1;
|
|
81246
|
-
transform: translateX(0) scale(1);
|
|
81247
|
-
}
|
|
81248
|
-
`;
|
|
81249
|
-
const slideRight = keyframes`
|
|
81250
|
-
0% {
|
|
81251
|
-
opacity: 0;
|
|
81252
|
-
transform: translateX(-6px) scale(0.96);
|
|
81253
|
-
}
|
|
81254
|
-
100% {
|
|
81255
|
-
opacity: 1;
|
|
81256
|
-
transform: translateX(0) scale(1);
|
|
81257
|
-
}
|
|
81258
|
-
`;
|
|
81259
|
-
const getGenesisClass$7 = (theme) => ``;
|
|
81260
|
-
const OverflowMenuWrapper = styled.div`
|
|
81261
|
-
${({ theme }) => {
|
|
81262
|
-
return getGenesisClass$7();
|
|
81263
|
-
}}
|
|
81264
|
-
|
|
81265
|
-
position: relative;
|
|
81266
|
-
display: inline-block;
|
|
81267
|
-
`;
|
|
81268
|
-
const OverflowMenuContainer = styled.div`
|
|
81269
|
-
${({ theme }) => {
|
|
81270
|
-
return getGenesisClass$7();
|
|
81271
|
-
}}
|
|
81272
|
-
|
|
81273
|
-
background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
|
|
81274
|
-
border: 1px solid #d9d9d9;
|
|
81275
|
-
border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
|
|
81276
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
81277
|
-
min-width: 120px;
|
|
81278
|
-
max-width: 300px;
|
|
81279
|
-
overflow: hidden;
|
|
81280
|
-
z-index: 1000;
|
|
81281
|
-
margin: 0;
|
|
81282
|
-
padding: 0;
|
|
81283
|
-
|
|
81284
|
-
/* Animation based on placement with enhanced smoothness */
|
|
81285
|
-
animation: ${({ $placement, $isAnimating }) => {
|
|
81286
|
-
if (!$isAnimating) return "none";
|
|
81287
|
-
switch ($placement) {
|
|
81288
|
-
case "bottom": {
|
|
81289
|
-
return slideDown;
|
|
81290
|
-
}
|
|
81291
|
-
case "top": {
|
|
81292
|
-
return slideUp;
|
|
81293
|
-
}
|
|
81294
|
-
case "left": {
|
|
81295
|
-
return slideLeft;
|
|
81296
|
-
}
|
|
81297
|
-
case "right": {
|
|
81298
|
-
return slideRight;
|
|
81299
|
-
}
|
|
81300
|
-
default: {
|
|
81301
|
-
return slideDown;
|
|
81302
|
-
}
|
|
81303
|
-
}
|
|
81304
|
-
}}
|
|
81305
|
-
0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
81306
|
-
|
|
81307
|
-
/* Ensure ultra-smooth transitions without filter */
|
|
81308
|
-
transition:
|
|
81309
|
-
opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
|
81310
|
-
transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
81311
|
-
|
|
81312
|
-
/* Hardware acceleration and performance optimizations */
|
|
81313
|
-
will-change: transform, opacity;
|
|
81314
|
-
backface-visibility: hidden;
|
|
81315
|
-
transform: translateZ(0);
|
|
81316
|
-
transform-style: preserve-3d;
|
|
81317
|
-
|
|
81318
|
-
/* Initial visible state - let animation handle the entrance */
|
|
81319
|
-
opacity: 1;
|
|
81320
|
-
|
|
81321
|
-
/* Animation will override initial state when $isAnimating is true */
|
|
81322
|
-
|
|
81323
|
-
/* Prevent layout shifts and ensure smooth rendering */
|
|
81324
|
-
contain: layout style paint;
|
|
81325
|
-
isolation: isolate;
|
|
81326
|
-
|
|
81327
|
-
/* Smooth font rendering */
|
|
81328
|
-
-webkit-font-smoothing: antialiased;
|
|
81329
|
-
-moz-osx-font-smoothing: grayscale;
|
|
81330
|
-
`;
|
|
81331
|
-
const OverflowMenuItem$1 = styled.div`
|
|
81332
|
-
padding: 8px 12px;
|
|
81333
|
-
cursor: pointer;
|
|
81334
|
-
background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
|
|
81335
|
-
|
|
81336
|
-
&:hover {
|
|
81337
|
-
background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
|
|
81338
|
-
}
|
|
81339
|
-
|
|
81340
|
-
&:active {
|
|
81341
|
-
background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
|
|
81342
|
-
}
|
|
81343
|
-
`;
|
|
81344
|
-
const OverflowMenuItem = ({ children: children2, onClick }) => {
|
|
81345
|
-
return /* @__PURE__ */ jsx(OverflowMenuItem$1, { onClick, children: children2 });
|
|
81346
|
-
};
|
|
81347
|
-
const DefaultTrigger = () => {
|
|
81348
|
-
return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { size: 24 }) });
|
|
81349
|
-
};
|
|
81350
|
-
const DefaultTriggerWithOverrideTextColor = ({
|
|
81351
|
-
overrideTextColor
|
|
81352
|
-
}) => {
|
|
81353
|
-
return /* @__PURE__ */ jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
|
|
81354
|
-
};
|
|
81355
|
-
const OverflowMenu = forwardRef(
|
|
81356
|
-
({
|
|
81357
|
-
items,
|
|
81358
|
-
children: children2,
|
|
81359
|
-
trigger = /* @__PURE__ */ jsx(DefaultTrigger, {}),
|
|
81360
|
-
isOpen: controlledIsOpen,
|
|
81361
|
-
onOpenChange,
|
|
81362
|
-
placement = "bottom",
|
|
81363
|
-
alignment = "left",
|
|
81364
|
-
offset: offset2 = 8,
|
|
81365
|
-
className,
|
|
81366
|
-
style: style2,
|
|
81367
|
-
onItemClick,
|
|
81368
|
-
overrideTextColor,
|
|
81369
|
-
getPopupContainer = () => document.body
|
|
81370
|
-
}, ref) => {
|
|
81371
|
-
const [internalIsOpen, setInternalIsOpen] = useState(false);
|
|
81372
|
-
const [isAnimating, setIsAnimating] = useState(false);
|
|
81373
|
-
const [triggerRect, setTriggerRect] = useState(null);
|
|
81374
|
-
const triggerRef = useRef(null);
|
|
81375
|
-
const menuRef = useRef(null);
|
|
81376
|
-
const { theme } = useGenesis();
|
|
81377
|
-
const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
|
|
81378
|
-
const handleOpenChange = useCallback(
|
|
81379
|
-
(open) => {
|
|
81380
|
-
if (onOpenChange) {
|
|
81381
|
-
onOpenChange(open);
|
|
81382
|
-
} else {
|
|
81383
|
-
setInternalIsOpen(open);
|
|
81384
|
-
}
|
|
81385
|
-
},
|
|
81386
|
-
[onOpenChange]
|
|
81387
|
-
);
|
|
81388
|
-
const handleTriggerClick = () => {
|
|
81389
|
-
handleOpenChange(!isOpen);
|
|
81390
|
-
};
|
|
81391
|
-
const handleClickOutside = useCallback(
|
|
81392
|
-
(event2) => {
|
|
81393
|
-
if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
|
|
81394
|
-
handleOpenChange(false);
|
|
81395
|
-
}
|
|
81396
|
-
},
|
|
81397
|
-
[handleOpenChange]
|
|
81398
|
-
);
|
|
81399
|
-
useEffect(() => {
|
|
81400
|
-
if (isOpen) {
|
|
81401
|
-
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
81402
|
-
const rect = triggerRef.current.getBoundingClientRect();
|
|
81403
|
-
setTriggerRect(rect);
|
|
81404
|
-
}
|
|
81405
|
-
setIsAnimating(true);
|
|
81406
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
81407
|
-
return () => {
|
|
81408
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
81409
|
-
};
|
|
81410
|
-
} else {
|
|
81411
|
-
setIsAnimating(false);
|
|
81412
|
-
setTriggerRect(null);
|
|
81413
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
81414
|
-
}
|
|
81415
|
-
}, [isOpen, handleClickOutside, getPopupContainer]);
|
|
81416
|
-
const getMenuStyle = useMemo$1(() => {
|
|
81417
|
-
const baseStyle = {
|
|
81418
|
-
position: getPopupContainer !== void 0 ? "fixed" : "absolute",
|
|
81419
|
-
zIndex: 1e3,
|
|
81420
|
-
...style2
|
|
81421
|
-
};
|
|
81422
|
-
if (getPopupContainer !== void 0 && triggerRect) {
|
|
81423
|
-
const { top, left, right, bottom, width, height } = triggerRect;
|
|
81424
|
-
switch (placement) {
|
|
81425
|
-
case "bottom": {
|
|
81426
|
-
return {
|
|
81427
|
-
...baseStyle,
|
|
81428
|
-
top: bottom + offset2,
|
|
81429
|
-
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
81430
|
-
};
|
|
81431
|
-
}
|
|
81432
|
-
case "top": {
|
|
81433
|
-
return {
|
|
81434
|
-
...baseStyle,
|
|
81435
|
-
bottom: window.innerHeight - top + offset2,
|
|
81436
|
-
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
81437
|
-
};
|
|
81438
|
-
}
|
|
81439
|
-
case "left": {
|
|
81440
|
-
return {
|
|
81441
|
-
...baseStyle,
|
|
81442
|
-
top,
|
|
81443
|
-
right: window.innerWidth - left + offset2,
|
|
81444
|
-
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
81445
|
-
};
|
|
81446
|
-
}
|
|
81447
|
-
case "right": {
|
|
81448
|
-
return {
|
|
81449
|
-
...baseStyle,
|
|
81450
|
-
top,
|
|
81451
|
-
left: right + offset2,
|
|
81452
|
-
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
81453
|
-
};
|
|
81454
|
-
}
|
|
81455
|
-
default: {
|
|
81456
|
-
return baseStyle;
|
|
81457
|
-
}
|
|
81458
|
-
}
|
|
81459
|
-
}
|
|
81460
|
-
switch (placement) {
|
|
81461
|
-
case "bottom": {
|
|
81462
|
-
return {
|
|
81463
|
-
...baseStyle,
|
|
81464
|
-
top: `calc(100% + ${offset2}px)`,
|
|
81465
|
-
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
81466
|
-
};
|
|
81467
|
-
}
|
|
81468
|
-
case "top": {
|
|
81469
|
-
return {
|
|
81470
|
-
...baseStyle,
|
|
81471
|
-
bottom: `calc(100% + ${offset2}px)`,
|
|
81472
|
-
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
81473
|
-
};
|
|
81474
|
-
}
|
|
81475
|
-
case "left": {
|
|
81476
|
-
return {
|
|
81477
|
-
...baseStyle,
|
|
81478
|
-
top: 0,
|
|
81479
|
-
right: `calc(100% + ${offset2}px)`,
|
|
81480
|
-
...alignment === "right" ? { bottom: 0 } : {}
|
|
81481
|
-
};
|
|
81482
|
-
}
|
|
81483
|
-
case "right": {
|
|
81484
|
-
return {
|
|
81485
|
-
...baseStyle,
|
|
81486
|
-
top: 0,
|
|
81487
|
-
left: `calc(100% + ${offset2}px)`,
|
|
81488
|
-
...alignment === "right" ? { bottom: 0 } : {}
|
|
81489
|
-
};
|
|
81490
|
-
}
|
|
81491
|
-
default: {
|
|
81492
|
-
return baseStyle;
|
|
81493
|
-
}
|
|
81494
|
-
}
|
|
81495
|
-
}, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
|
|
81496
|
-
const handleItemClick = useCallback(
|
|
81497
|
-
(item) => {
|
|
81498
|
-
onItemClick?.(item);
|
|
81499
|
-
handleOpenChange(false);
|
|
81500
|
-
},
|
|
81501
|
-
[onItemClick, handleOpenChange]
|
|
81502
|
-
);
|
|
81503
|
-
const renderMenuContent = (content2) => /* @__PURE__ */ jsx(
|
|
81504
|
-
OverflowMenuContainer,
|
|
81505
|
-
{
|
|
81506
|
-
ref: menuRef,
|
|
81507
|
-
theme,
|
|
81508
|
-
className,
|
|
81509
|
-
style: getMenuStyle,
|
|
81510
|
-
$isAnimating: isAnimating,
|
|
81511
|
-
$placement: placement,
|
|
81512
|
-
children: content2
|
|
81513
|
-
}
|
|
81514
|
-
);
|
|
81515
|
-
const renderMenu = (content2) => {
|
|
81516
|
-
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
81517
|
-
const container = getPopupContainer(triggerRef.current);
|
|
81518
|
-
return createPortal(renderMenuContent(content2), container);
|
|
81519
|
-
}
|
|
81520
|
-
return renderMenuContent(content2);
|
|
81521
|
-
};
|
|
81522
|
-
if (items && items.length > 0) {
|
|
81523
|
-
return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
|
|
81524
|
-
/* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsx(
|
|
81525
|
-
DefaultTriggerWithOverrideTextColor,
|
|
81526
|
-
{
|
|
81527
|
-
overrideTextColor
|
|
81528
|
-
}
|
|
81529
|
-
) : trigger }),
|
|
81530
|
-
isOpen && renderMenu(
|
|
81531
|
-
items.map((item) => /* @__PURE__ */ jsx(
|
|
81532
|
-
OverflowMenuItem,
|
|
81533
|
-
{
|
|
81534
|
-
...item,
|
|
81535
|
-
onClick: () => handleItemClick(item)
|
|
81536
|
-
},
|
|
81537
|
-
item.id
|
|
81538
|
-
))
|
|
81539
|
-
)
|
|
81540
|
-
] });
|
|
81541
|
-
}
|
|
81542
|
-
return /* @__PURE__ */ jsxs(OverflowMenuWrapper, { ref, children: [
|
|
81543
|
-
/* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
|
|
81544
|
-
isOpen && renderMenu(children2)
|
|
81545
|
-
] });
|
|
81546
|
-
}
|
|
81547
|
-
);
|
|
81548
|
-
OverflowMenu.displayName = "OverflowMenu";
|
|
81549
|
-
const getGenesisClass$6 = (theme) => ``;
|
|
81626
|
+
const getGenesisClass$5 = (theme) => ``;
|
|
81550
81627
|
const Popover$1 = styled(Popconfirm)`
|
|
81551
81628
|
${({ theme }) => {
|
|
81552
|
-
return getGenesisClass$
|
|
81629
|
+
return getGenesisClass$5();
|
|
81553
81630
|
}}
|
|
81554
81631
|
`;
|
|
81555
81632
|
const Popover = ({
|
|
@@ -81573,40 +81650,12 @@ const Popover = ({
|
|
|
81573
81650
|
}
|
|
81574
81651
|
);
|
|
81575
81652
|
};
|
|
81576
|
-
const getGenesisClass$
|
|
81653
|
+
const getGenesisClass$4 = ({ colors: colors2 }, state = "info") => ``;
|
|
81577
81654
|
const Progress$1 = styled(Progress$2)`
|
|
81578
81655
|
${({ theme, state }) => {
|
|
81579
|
-
return getGenesisClass$
|
|
81580
|
-
}}
|
|
81581
|
-
`;
|
|
81582
|
-
const getGenesisClass$4 = ({ sizing: sizing2 }, $isHorizontal = false) => `
|
|
81583
|
-
display: flex;
|
|
81584
|
-
flex-direction: ${$isHorizontal ? "row" : "column"};
|
|
81585
|
-
padding: ${sizing2.Size4};
|
|
81586
|
-
`;
|
|
81587
|
-
const Tile$1 = styled.div`
|
|
81588
|
-
${({ theme, $isHorizontal }) => {
|
|
81589
|
-
return getGenesisClass$4(theme, $isHorizontal);
|
|
81656
|
+
return getGenesisClass$4(theme, state);
|
|
81590
81657
|
}}
|
|
81591
81658
|
`;
|
|
81592
|
-
const Tile = ({
|
|
81593
|
-
children: children2,
|
|
81594
|
-
dataTestId,
|
|
81595
|
-
className,
|
|
81596
|
-
style: style2,
|
|
81597
|
-
isHorizontal = false
|
|
81598
|
-
}) => {
|
|
81599
|
-
return /* @__PURE__ */ jsx(
|
|
81600
|
-
Tile$1,
|
|
81601
|
-
{
|
|
81602
|
-
className,
|
|
81603
|
-
"data-testid": dataTestId,
|
|
81604
|
-
style: style2,
|
|
81605
|
-
$isHorizontal: isHorizontal,
|
|
81606
|
-
children: children2
|
|
81607
|
-
}
|
|
81608
|
-
);
|
|
81609
|
-
};
|
|
81610
81659
|
const ProgressText = ({
|
|
81611
81660
|
firstBarData,
|
|
81612
81661
|
secondBarData,
|
|
@@ -87440,6 +87489,7 @@ export {
|
|
|
87440
87489
|
Form2 as Form,
|
|
87441
87490
|
index$1 as GENESIS,
|
|
87442
87491
|
GenesisProvider,
|
|
87492
|
+
GlobalHeader,
|
|
87443
87493
|
GlobalStyles,
|
|
87444
87494
|
Button$1 as IconButton,
|
|
87445
87495
|
Input2 as Input,
|