@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.cjs
CHANGED
|
@@ -7012,9 +7012,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
|
|
|
7012
7012
|
icon: CheckCircleFilled$1
|
|
7013
7013
|
}));
|
|
7014
7014
|
};
|
|
7015
|
-
var RefIcon$
|
|
7015
|
+
var RefIcon$F = /* @__PURE__ */ React__namespace.forwardRef(CheckCircleFilled);
|
|
7016
7016
|
if (process.env.NODE_ENV !== "production") {
|
|
7017
|
-
RefIcon$
|
|
7017
|
+
RefIcon$F.displayName = "CheckCircleFilled";
|
|
7018
7018
|
}
|
|
7019
7019
|
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" };
|
|
7020
7020
|
var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
|
|
@@ -7023,9 +7023,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
|
|
|
7023
7023
|
icon: CloseCircleFilled$1
|
|
7024
7024
|
}));
|
|
7025
7025
|
};
|
|
7026
|
-
var RefIcon$
|
|
7026
|
+
var RefIcon$E = /* @__PURE__ */ React__namespace.forwardRef(CloseCircleFilled);
|
|
7027
7027
|
if (process.env.NODE_ENV !== "production") {
|
|
7028
|
-
RefIcon$
|
|
7028
|
+
RefIcon$E.displayName = "CloseCircleFilled";
|
|
7029
7029
|
}
|
|
7030
7030
|
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" };
|
|
7031
7031
|
var CloseOutlined = function CloseOutlined2(props, ref) {
|
|
@@ -7034,9 +7034,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
|
|
|
7034
7034
|
icon: CloseOutlined$1
|
|
7035
7035
|
}));
|
|
7036
7036
|
};
|
|
7037
|
-
var RefIcon$
|
|
7037
|
+
var RefIcon$D = /* @__PURE__ */ React__namespace.forwardRef(CloseOutlined);
|
|
7038
7038
|
if (process.env.NODE_ENV !== "production") {
|
|
7039
|
-
RefIcon$
|
|
7039
|
+
RefIcon$D.displayName = "CloseOutlined";
|
|
7040
7040
|
}
|
|
7041
7041
|
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" };
|
|
7042
7042
|
var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
|
|
@@ -7045,9 +7045,9 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
|
|
|
7045
7045
|
icon: ExclamationCircleFilled$1
|
|
7046
7046
|
}));
|
|
7047
7047
|
};
|
|
7048
|
-
var RefIcon$
|
|
7048
|
+
var RefIcon$C = /* @__PURE__ */ React__namespace.forwardRef(ExclamationCircleFilled);
|
|
7049
7049
|
if (process.env.NODE_ENV !== "production") {
|
|
7050
|
-
RefIcon$
|
|
7050
|
+
RefIcon$C.displayName = "ExclamationCircleFilled";
|
|
7051
7051
|
}
|
|
7052
7052
|
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" };
|
|
7053
7053
|
var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
|
|
@@ -7056,9 +7056,9 @@ var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
|
|
|
7056
7056
|
icon: InfoCircleFilled$1
|
|
7057
7057
|
}));
|
|
7058
7058
|
};
|
|
7059
|
-
var RefIcon$
|
|
7059
|
+
var RefIcon$B = /* @__PURE__ */ React__namespace.forwardRef(InfoCircleFilled);
|
|
7060
7060
|
if (process.env.NODE_ENV !== "production") {
|
|
7061
|
-
RefIcon$
|
|
7061
|
+
RefIcon$B.displayName = "InfoCircleFilled";
|
|
7062
7062
|
}
|
|
7063
7063
|
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";
|
|
7064
7064
|
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";
|
|
@@ -7292,10 +7292,10 @@ var __rest$X = function(s, e3) {
|
|
|
7292
7292
|
return t2;
|
|
7293
7293
|
};
|
|
7294
7294
|
const iconMapFilled = {
|
|
7295
|
-
success: RefIcon$
|
|
7296
|
-
info: RefIcon$
|
|
7297
|
-
error: RefIcon$
|
|
7298
|
-
warning: RefIcon$
|
|
7295
|
+
success: RefIcon$F,
|
|
7296
|
+
info: RefIcon$B,
|
|
7297
|
+
error: RefIcon$E,
|
|
7298
|
+
warning: RefIcon$C
|
|
7299
7299
|
};
|
|
7300
7300
|
const IconNode = (props) => {
|
|
7301
7301
|
const {
|
|
@@ -7323,7 +7323,7 @@ const CloseIconNode = (props) => {
|
|
|
7323
7323
|
handleClose,
|
|
7324
7324
|
ariaProps
|
|
7325
7325
|
} = props;
|
|
7326
|
-
const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
7326
|
+
const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React__namespace.createElement(RefIcon$D, null) : closeIcon;
|
|
7327
7327
|
return isClosable ? /* @__PURE__ */ React__namespace.createElement("button", Object.assign({
|
|
7328
7328
|
type: "button",
|
|
7329
7329
|
onClick: handleClose,
|
|
@@ -7834,9 +7834,9 @@ var LoadingOutlined = function LoadingOutlined2(props, ref) {
|
|
|
7834
7834
|
icon: LoadingOutlined$1
|
|
7835
7835
|
}));
|
|
7836
7836
|
};
|
|
7837
|
-
var RefIcon$
|
|
7837
|
+
var RefIcon$A = /* @__PURE__ */ React__namespace.forwardRef(LoadingOutlined);
|
|
7838
7838
|
if (process.env.NODE_ENV !== "production") {
|
|
7839
|
-
RefIcon$
|
|
7839
|
+
RefIcon$A.displayName = "LoadingOutlined";
|
|
7840
7840
|
}
|
|
7841
7841
|
const zIndexContext = /* @__PURE__ */ React.createContext(void 0);
|
|
7842
7842
|
if (process.env.NODE_ENV !== "production") {
|
|
@@ -8867,7 +8867,7 @@ const InnerLoadingIcon = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
8867
8867
|
className: mergedIconCls,
|
|
8868
8868
|
style: style2,
|
|
8869
8869
|
ref
|
|
8870
|
-
}, /* @__PURE__ */ React.createElement(RefIcon$
|
|
8870
|
+
}, /* @__PURE__ */ React.createElement(RefIcon$A, {
|
|
8871
8871
|
className: iconClassName
|
|
8872
8872
|
}));
|
|
8873
8873
|
});
|
|
@@ -9603,9 +9603,9 @@ var RightOutlined = function RightOutlined2(props, ref) {
|
|
|
9603
9603
|
icon: RightOutlined$1
|
|
9604
9604
|
}));
|
|
9605
9605
|
};
|
|
9606
|
-
var RefIcon$
|
|
9606
|
+
var RefIcon$z = /* @__PURE__ */ React__namespace.forwardRef(RightOutlined);
|
|
9607
9607
|
if (process.env.NODE_ENV !== "production") {
|
|
9608
|
-
RefIcon$
|
|
9608
|
+
RefIcon$z.displayName = "RightOutlined";
|
|
9609
9609
|
}
|
|
9610
9610
|
const genCollapseMotion = (token2) => ({
|
|
9611
9611
|
[token2.componentCls]: {
|
|
@@ -21654,9 +21654,9 @@ var CheckOutlined = function CheckOutlined2(props, ref) {
|
|
|
21654
21654
|
icon: CheckOutlined$1
|
|
21655
21655
|
}));
|
|
21656
21656
|
};
|
|
21657
|
-
var RefIcon$
|
|
21657
|
+
var RefIcon$y = /* @__PURE__ */ React__namespace.forwardRef(CheckOutlined);
|
|
21658
21658
|
if (process.env.NODE_ENV !== "production") {
|
|
21659
|
-
RefIcon$
|
|
21659
|
+
RefIcon$y.displayName = "CheckOutlined";
|
|
21660
21660
|
}
|
|
21661
21661
|
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" };
|
|
21662
21662
|
var DownOutlined = function DownOutlined2(props, ref) {
|
|
@@ -21665,9 +21665,9 @@ var DownOutlined = function DownOutlined2(props, ref) {
|
|
|
21665
21665
|
icon: DownOutlined$1
|
|
21666
21666
|
}));
|
|
21667
21667
|
};
|
|
21668
|
-
var RefIcon$
|
|
21668
|
+
var RefIcon$x = /* @__PURE__ */ React__namespace.forwardRef(DownOutlined);
|
|
21669
21669
|
if (process.env.NODE_ENV !== "production") {
|
|
21670
|
-
RefIcon$
|
|
21670
|
+
RefIcon$x.displayName = "DownOutlined";
|
|
21671
21671
|
}
|
|
21672
21672
|
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" };
|
|
21673
21673
|
var SearchOutlined = function SearchOutlined2(props, ref) {
|
|
@@ -21676,9 +21676,9 @@ var SearchOutlined = function SearchOutlined2(props, ref) {
|
|
|
21676
21676
|
icon: SearchOutlined$1
|
|
21677
21677
|
}));
|
|
21678
21678
|
};
|
|
21679
|
-
var RefIcon$
|
|
21679
|
+
var RefIcon$w = /* @__PURE__ */ React__namespace.forwardRef(SearchOutlined);
|
|
21680
21680
|
if (process.env.NODE_ENV !== "production") {
|
|
21681
|
-
RefIcon$
|
|
21681
|
+
RefIcon$w.displayName = "SearchOutlined";
|
|
21682
21682
|
}
|
|
21683
21683
|
function useIcons$1({
|
|
21684
21684
|
suffixIcon,
|
|
@@ -21698,7 +21698,7 @@ function useIcons$1({
|
|
|
21698
21698
|
const warning3 = devUseWarning(componentName);
|
|
21699
21699
|
warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
|
|
21700
21700
|
}
|
|
21701
|
-
const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21701
|
+
const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React__namespace.createElement(RefIcon$E, null);
|
|
21702
21702
|
const getSuffixIconNode = (arrowIcon) => {
|
|
21703
21703
|
if (suffixIcon === null && !hasFeedback && !showArrow) {
|
|
21704
21704
|
return null;
|
|
@@ -21709,7 +21709,7 @@ function useIcons$1({
|
|
|
21709
21709
|
if (suffixIcon !== void 0) {
|
|
21710
21710
|
mergedSuffixIcon = getSuffixIconNode(suffixIcon);
|
|
21711
21711
|
} else if (loading) {
|
|
21712
|
-
mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21712
|
+
mergedSuffixIcon = getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$A, {
|
|
21713
21713
|
spin: true
|
|
21714
21714
|
}));
|
|
21715
21715
|
} else {
|
|
@@ -21719,11 +21719,11 @@ function useIcons$1({
|
|
|
21719
21719
|
showSearch
|
|
21720
21720
|
}) => {
|
|
21721
21721
|
if (open && showSearch) {
|
|
21722
|
-
return getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21722
|
+
return getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$w, {
|
|
21723
21723
|
className: iconCls
|
|
21724
21724
|
}));
|
|
21725
21725
|
}
|
|
21726
|
-
return getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21726
|
+
return getSuffixIconNode(/* @__PURE__ */ React__namespace.createElement(RefIcon$x, {
|
|
21727
21727
|
className: iconCls
|
|
21728
21728
|
}));
|
|
21729
21729
|
};
|
|
@@ -21732,7 +21732,7 @@ function useIcons$1({
|
|
|
21732
21732
|
if (menuItemSelectedIcon !== void 0) {
|
|
21733
21733
|
mergedItemIcon = menuItemSelectedIcon;
|
|
21734
21734
|
} else if (multiple) {
|
|
21735
|
-
mergedItemIcon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21735
|
+
mergedItemIcon = /* @__PURE__ */ React__namespace.createElement(RefIcon$y, null);
|
|
21736
21736
|
} else {
|
|
21737
21737
|
mergedItemIcon = null;
|
|
21738
21738
|
}
|
|
@@ -21740,7 +21740,7 @@ function useIcons$1({
|
|
|
21740
21740
|
if (removeIcon !== void 0) {
|
|
21741
21741
|
mergedRemoveIcon = removeIcon;
|
|
21742
21742
|
} else {
|
|
21743
|
-
mergedRemoveIcon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
21743
|
+
mergedRemoveIcon = /* @__PURE__ */ React__namespace.createElement(RefIcon$D, null);
|
|
21744
21744
|
}
|
|
21745
21745
|
return {
|
|
21746
21746
|
clearIcon: mergedClearIcon,
|
|
@@ -23696,9 +23696,9 @@ var LeftOutlined = function LeftOutlined2(props, ref) {
|
|
|
23696
23696
|
icon: LeftOutlined$1
|
|
23697
23697
|
}));
|
|
23698
23698
|
};
|
|
23699
|
-
var RefIcon$
|
|
23699
|
+
var RefIcon$v = /* @__PURE__ */ React__namespace.forwardRef(LeftOutlined);
|
|
23700
23700
|
if (process.env.NODE_ENV !== "production") {
|
|
23701
|
-
RefIcon$
|
|
23701
|
+
RefIcon$v.displayName = "LeftOutlined";
|
|
23702
23702
|
}
|
|
23703
23703
|
var ESC$1 = KeyCode.ESC, TAB = KeyCode.TAB;
|
|
23704
23704
|
function useAccessibility$1(_ref) {
|
|
@@ -25288,9 +25288,9 @@ var BarsOutlined = function BarsOutlined2(props, ref) {
|
|
|
25288
25288
|
icon: BarsOutlined$1
|
|
25289
25289
|
}));
|
|
25290
25290
|
};
|
|
25291
|
-
var RefIcon$
|
|
25291
|
+
var RefIcon$u = /* @__PURE__ */ React__namespace.forwardRef(BarsOutlined);
|
|
25292
25292
|
if (process.env.NODE_ENV !== "production") {
|
|
25293
|
-
RefIcon$
|
|
25293
|
+
RefIcon$u.displayName = "BarsOutlined";
|
|
25294
25294
|
}
|
|
25295
25295
|
const LayoutContext = /* @__PURE__ */ React__namespace.createContext({
|
|
25296
25296
|
siderHook: {
|
|
@@ -25621,11 +25621,11 @@ const Sider = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
|
|
|
25621
25621
|
onClick: toggle,
|
|
25622
25622
|
className: classNames(`${prefixCls}-zero-width-trigger`, `${prefixCls}-zero-width-trigger-${reverseArrow ? "right" : "left"}`),
|
|
25623
25623
|
style: zeroWidthTriggerStyle
|
|
25624
|
-
}, trigger || /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
25624
|
+
}, trigger || /* @__PURE__ */ React__namespace.createElement(RefIcon$u, null)) : null;
|
|
25625
25625
|
const reverseIcon = direction === "rtl" === !reverseArrow;
|
|
25626
25626
|
const iconObj = {
|
|
25627
|
-
expanded: reverseIcon ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
25628
|
-
collapsed: reverseIcon ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
25627
|
+
expanded: reverseIcon ? /* @__PURE__ */ React__namespace.createElement(RefIcon$z, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$v, null),
|
|
25628
|
+
collapsed: reverseIcon ? /* @__PURE__ */ React__namespace.createElement(RefIcon$v, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$z, null)
|
|
25629
25629
|
};
|
|
25630
25630
|
const status = collapsed ? "collapsed" : "expanded";
|
|
25631
25631
|
const defaultTrigger = iconObj[status];
|
|
@@ -25672,9 +25672,9 @@ var EllipsisOutlined = function EllipsisOutlined2(props, ref) {
|
|
|
25672
25672
|
icon: EllipsisOutlined$1
|
|
25673
25673
|
}));
|
|
25674
25674
|
};
|
|
25675
|
-
var RefIcon$
|
|
25675
|
+
var RefIcon$t = /* @__PURE__ */ React__namespace.forwardRef(EllipsisOutlined);
|
|
25676
25676
|
if (process.env.NODE_ENV !== "production") {
|
|
25677
|
-
RefIcon$
|
|
25677
|
+
RefIcon$t.displayName = "EllipsisOutlined";
|
|
25678
25678
|
}
|
|
25679
25679
|
const MenuContext = /* @__PURE__ */ React.createContext({
|
|
25680
25680
|
prefixCls: "",
|
|
@@ -26968,7 +26968,7 @@ const InternalMenu = /* @__PURE__ */ React.forwardRef((props, ref) => {
|
|
|
26968
26968
|
value: contextValue
|
|
26969
26969
|
}, /* @__PURE__ */ React__namespace.createElement(ExportMenu, Object.assign({
|
|
26970
26970
|
getPopupContainer,
|
|
26971
|
-
overflowedIndicator: /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
26971
|
+
overflowedIndicator: /* @__PURE__ */ React__namespace.createElement(RefIcon$t, null),
|
|
26972
26972
|
overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
|
|
26973
26973
|
mode: mergedMode,
|
|
26974
26974
|
selectable: mergedSelectable,
|
|
@@ -27452,9 +27452,9 @@ const Dropdown$1 = (props) => {
|
|
|
27452
27452
|
rootClassName: classNames(cssVarCls, rootCls),
|
|
27453
27453
|
expandIcon: /* @__PURE__ */ React__namespace.createElement("span", {
|
|
27454
27454
|
className: `${prefixCls}-menu-submenu-arrow`
|
|
27455
|
-
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
27455
|
+
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$v, {
|
|
27456
27456
|
className: `${prefixCls}-menu-submenu-arrow-icon`
|
|
27457
|
-
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
27457
|
+
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$z, {
|
|
27458
27458
|
className: `${prefixCls}-menu-submenu-arrow-icon`
|
|
27459
27459
|
})),
|
|
27460
27460
|
mode: "vertical",
|
|
@@ -27620,7 +27620,7 @@ const InternalBreadcrumbItem = (props) => {
|
|
|
27620
27620
|
placement: "bottom"
|
|
27621
27621
|
}, mergeDropDownProps), /* @__PURE__ */ React__namespace.createElement("span", {
|
|
27622
27622
|
className: `${prefixCls}-overlay-link`
|
|
27623
|
-
}, breadcrumbItem, /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
27623
|
+
}, breadcrumbItem, /* @__PURE__ */ React__namespace.createElement(RefIcon$x, null)));
|
|
27624
27624
|
}
|
|
27625
27625
|
return breadcrumbItem;
|
|
27626
27626
|
};
|
|
@@ -36030,9 +36030,9 @@ var PlusOutlined = function PlusOutlined2(props, ref) {
|
|
|
36030
36030
|
icon: PlusOutlined$1
|
|
36031
36031
|
}));
|
|
36032
36032
|
};
|
|
36033
|
-
var RefIcon$
|
|
36033
|
+
var RefIcon$s = /* @__PURE__ */ React__namespace.forwardRef(PlusOutlined);
|
|
36034
36034
|
if (process.env.NODE_ENV !== "production") {
|
|
36035
|
-
RefIcon$
|
|
36035
|
+
RefIcon$s.displayName = "PlusOutlined";
|
|
36036
36036
|
}
|
|
36037
36037
|
const TabContext = /* @__PURE__ */ React.createContext(null);
|
|
36038
36038
|
var useIndicator = function useIndicator2(options) {
|
|
@@ -38326,8 +38326,8 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
|
|
|
38326
38326
|
}) => {
|
|
38327
38327
|
onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event2 : key, editType);
|
|
38328
38328
|
},
|
|
38329
|
-
removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
38330
|
-
addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
38329
|
+
removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React__namespace.createElement(RefIcon$D, null),
|
|
38330
|
+
addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React__namespace.createElement(RefIcon$s, null),
|
|
38331
38331
|
showAdd: hideAdd !== true
|
|
38332
38332
|
};
|
|
38333
38333
|
}
|
|
@@ -38362,7 +38362,7 @@ const InternalTabs = /* @__PURE__ */ React__namespace.forwardRef((props, ref) =>
|
|
|
38362
38362
|
style: mergedStyle,
|
|
38363
38363
|
editable,
|
|
38364
38364
|
more: Object.assign({
|
|
38365
|
-
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__namespace.createElement(RefIcon$
|
|
38365
|
+
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__namespace.createElement(RefIcon$t, null),
|
|
38366
38366
|
transitionName: `${rootPrefixCls}-slide-up`
|
|
38367
38367
|
}, more),
|
|
38368
38368
|
prefixCls,
|
|
@@ -41023,7 +41023,7 @@ const getAllowClear = (allowClear) => {
|
|
|
41023
41023
|
mergedAllowClear = allowClear;
|
|
41024
41024
|
} else if (allowClear) {
|
|
41025
41025
|
mergedAllowClear = {
|
|
41026
|
-
clearIcon: /* @__PURE__ */ React.createElement(RefIcon$
|
|
41026
|
+
clearIcon: /* @__PURE__ */ React.createElement(RefIcon$E, null)
|
|
41027
41027
|
};
|
|
41028
41028
|
}
|
|
41029
41029
|
return mergedAllowClear;
|
|
@@ -41205,9 +41205,9 @@ var CalendarOutlined = function CalendarOutlined2(props, ref) {
|
|
|
41205
41205
|
icon: CalendarOutlined$1
|
|
41206
41206
|
}));
|
|
41207
41207
|
};
|
|
41208
|
-
var RefIcon$
|
|
41208
|
+
var RefIcon$r = /* @__PURE__ */ React__namespace.forwardRef(CalendarOutlined);
|
|
41209
41209
|
if (process.env.NODE_ENV !== "production") {
|
|
41210
|
-
RefIcon$
|
|
41210
|
+
RefIcon$r.displayName = "CalendarOutlined";
|
|
41211
41211
|
}
|
|
41212
41212
|
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" };
|
|
41213
41213
|
var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
|
|
@@ -41216,9 +41216,9 @@ var ClockCircleOutlined = function ClockCircleOutlined2(props, ref) {
|
|
|
41216
41216
|
icon: ClockCircleOutlined$1
|
|
41217
41217
|
}));
|
|
41218
41218
|
};
|
|
41219
|
-
var RefIcon$
|
|
41219
|
+
var RefIcon$q = /* @__PURE__ */ React__namespace.forwardRef(ClockCircleOutlined);
|
|
41220
41220
|
if (process.env.NODE_ENV !== "production") {
|
|
41221
|
-
RefIcon$
|
|
41221
|
+
RefIcon$q.displayName = "ClockCircleOutlined";
|
|
41222
41222
|
}
|
|
41223
41223
|
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" };
|
|
41224
41224
|
var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
|
|
@@ -41227,9 +41227,9 @@ var SwapRightOutlined = function SwapRightOutlined2(props, ref) {
|
|
|
41227
41227
|
icon: SwapRightOutlined$1
|
|
41228
41228
|
}));
|
|
41229
41229
|
};
|
|
41230
|
-
var RefIcon$
|
|
41230
|
+
var RefIcon$p = /* @__PURE__ */ React__namespace.forwardRef(SwapRightOutlined);
|
|
41231
41231
|
if (process.env.NODE_ENV !== "production") {
|
|
41232
|
-
RefIcon$
|
|
41232
|
+
RefIcon$p.displayName = "SwapRightOutlined";
|
|
41233
41233
|
}
|
|
41234
41234
|
function getPlaceholder(locale2, picker, customizePlaceholder) {
|
|
41235
41235
|
if (customizePlaceholder !== void 0) {
|
|
@@ -41465,7 +41465,7 @@ const generateRangePicker = (generateConfig2) => {
|
|
|
41465
41465
|
status: contextStatus,
|
|
41466
41466
|
feedbackIcon
|
|
41467
41467
|
} = formItemContext;
|
|
41468
|
-
const suffixNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, picker === TIME ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
41468
|
+
const suffixNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, picker === TIME ? /* @__PURE__ */ React__namespace.createElement(RefIcon$q, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
|
|
41469
41469
|
React.useImperativeHandle(ref, () => innerRef.current);
|
|
41470
41470
|
const [contextLocale] = useLocale$1("Calendar", locale$2);
|
|
41471
41471
|
const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
|
|
@@ -41476,7 +41476,7 @@ const generateRangePicker = (generateConfig2) => {
|
|
|
41476
41476
|
separator: /* @__PURE__ */ React__namespace.createElement("span", {
|
|
41477
41477
|
"aria-label": "to",
|
|
41478
41478
|
className: `${prefixCls}-separator`
|
|
41479
|
-
}, /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
41479
|
+
}, /* @__PURE__ */ React__namespace.createElement(RefIcon$p, null)),
|
|
41480
41480
|
disabled: mergedDisabled,
|
|
41481
41481
|
ref: innerRef,
|
|
41482
41482
|
placement,
|
|
@@ -41620,7 +41620,7 @@ const generatePicker$1 = (generateConfig2) => {
|
|
|
41620
41620
|
status: contextStatus,
|
|
41621
41621
|
feedbackIcon
|
|
41622
41622
|
} = formItemContext;
|
|
41623
|
-
const suffixNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
41623
|
+
const suffixNode = /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, mergedPicker === "time" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$q, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$r, null), hasFeedback && feedbackIcon);
|
|
41624
41624
|
const [contextLocale] = useLocale$1("DatePicker", locale$2);
|
|
41625
41625
|
const locale2 = Object.assign(Object.assign({}, contextLocale), props.locale);
|
|
41626
41626
|
const [zIndex] = useZIndex("DatePicker", (_a = mergedStyles.popup.root) === null || _a === void 0 ? void 0 : _a.zIndex);
|
|
@@ -41882,7 +41882,7 @@ const DropdownButton = (props) => {
|
|
|
41882
41882
|
placement,
|
|
41883
41883
|
getPopupContainer,
|
|
41884
41884
|
href,
|
|
41885
|
-
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
41885
|
+
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$t, null),
|
|
41886
41886
|
title,
|
|
41887
41887
|
buttonsRender = (buttons) => buttons,
|
|
41888
41888
|
mouseEnterDelay,
|
|
@@ -42941,9 +42941,9 @@ var QuestionCircleOutlined = function QuestionCircleOutlined2(props, ref) {
|
|
|
42941
42941
|
icon: QuestionCircleOutlined$1
|
|
42942
42942
|
}));
|
|
42943
42943
|
};
|
|
42944
|
-
var RefIcon$
|
|
42944
|
+
var RefIcon$o = /* @__PURE__ */ React__namespace.forwardRef(QuestionCircleOutlined);
|
|
42945
42945
|
if (process.env.NODE_ENV !== "production") {
|
|
42946
|
-
RefIcon$
|
|
42946
|
+
RefIcon$o.displayName = "QuestionCircleOutlined";
|
|
42947
42947
|
}
|
|
42948
42948
|
var __rest$l = function(s, e3) {
|
|
42949
42949
|
var t2 = {};
|
|
@@ -42991,7 +42991,7 @@ const FormItemLabel = ({
|
|
|
42991
42991
|
const tooltipProps = convertToTooltipProps(tooltip);
|
|
42992
42992
|
if (tooltipProps) {
|
|
42993
42993
|
const {
|
|
42994
|
-
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
42994
|
+
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$o, null)
|
|
42995
42995
|
} = tooltipProps, restTooltipProps = __rest$l(tooltipProps, ["icon"]);
|
|
42996
42996
|
const tooltipNode = /* @__PURE__ */ React__namespace.createElement(Tooltip$2, Object.assign({}, restTooltipProps), /* @__PURE__ */ React__namespace.cloneElement(icon, {
|
|
42997
42997
|
className: `${prefixCls}-item-tooltip`,
|
|
@@ -43036,10 +43036,10 @@ const FormItemLabel = ({
|
|
|
43036
43036
|
}, labelChildren));
|
|
43037
43037
|
};
|
|
43038
43038
|
const iconMap = {
|
|
43039
|
-
success: RefIcon$
|
|
43040
|
-
warning: RefIcon$
|
|
43041
|
-
error: RefIcon$
|
|
43042
|
-
validating: RefIcon$
|
|
43039
|
+
success: RefIcon$F,
|
|
43040
|
+
warning: RefIcon$C,
|
|
43041
|
+
error: RefIcon$E,
|
|
43042
|
+
validating: RefIcon$A
|
|
43043
43043
|
};
|
|
43044
43044
|
function StatusProvider({
|
|
43045
43045
|
children: children2,
|
|
@@ -43529,9 +43529,9 @@ var EyeOutlined = function EyeOutlined2(props, ref) {
|
|
|
43529
43529
|
icon: EyeOutlined$1
|
|
43530
43530
|
}));
|
|
43531
43531
|
};
|
|
43532
|
-
var RefIcon$
|
|
43532
|
+
var RefIcon$n = /* @__PURE__ */ React__namespace.forwardRef(EyeOutlined);
|
|
43533
43533
|
if (process.env.NODE_ENV !== "production") {
|
|
43534
|
-
RefIcon$
|
|
43534
|
+
RefIcon$n.displayName = "EyeOutlined";
|
|
43535
43535
|
}
|
|
43536
43536
|
function addEventListenerWrap(target, eventType, cb, option) {
|
|
43537
43537
|
var callback = ReactDOM.unstable_batchedUpdates ? function run(e3) {
|
|
@@ -43909,9 +43909,9 @@ var EyeInvisibleOutlined = function EyeInvisibleOutlined2(props, ref) {
|
|
|
43909
43909
|
icon: EyeInvisibleOutlined$1
|
|
43910
43910
|
}));
|
|
43911
43911
|
};
|
|
43912
|
-
var RefIcon$
|
|
43912
|
+
var RefIcon$m = /* @__PURE__ */ React__namespace.forwardRef(EyeInvisibleOutlined);
|
|
43913
43913
|
if (process.env.NODE_ENV !== "production") {
|
|
43914
|
-
RefIcon$
|
|
43914
|
+
RefIcon$m.displayName = "EyeInvisibleOutlined";
|
|
43915
43915
|
}
|
|
43916
43916
|
var __rest$g = function(s, e3) {
|
|
43917
43917
|
var t2 = {};
|
|
@@ -43921,7 +43921,7 @@ var __rest$g = function(s, e3) {
|
|
|
43921
43921
|
}
|
|
43922
43922
|
return t2;
|
|
43923
43923
|
};
|
|
43924
|
-
const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
43924
|
+
const defaultIconRender = (visible) => visible ? /* @__PURE__ */ React__namespace.createElement(RefIcon$n, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$m, null);
|
|
43925
43925
|
const actionMap = {
|
|
43926
43926
|
click: "onClick",
|
|
43927
43927
|
hover: "onMouseOver"
|
|
@@ -44076,7 +44076,7 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
|
|
|
44076
44076
|
customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e3);
|
|
44077
44077
|
onSearch(e3);
|
|
44078
44078
|
};
|
|
44079
|
-
const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
44079
|
+
const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$w, null) : null;
|
|
44080
44080
|
const btnClassName = `${prefixCls}-button`;
|
|
44081
44081
|
let button2;
|
|
44082
44082
|
const enterButtonAsElement = enterButton || {};
|
|
@@ -44744,9 +44744,9 @@ var DoubleLeftOutlined = function DoubleLeftOutlined2(props, ref) {
|
|
|
44744
44744
|
icon: DoubleLeftOutlined$1
|
|
44745
44745
|
}));
|
|
44746
44746
|
};
|
|
44747
|
-
var RefIcon$
|
|
44747
|
+
var RefIcon$l = /* @__PURE__ */ React__namespace.forwardRef(DoubleLeftOutlined);
|
|
44748
44748
|
if (process.env.NODE_ENV !== "production") {
|
|
44749
|
-
RefIcon$
|
|
44749
|
+
RefIcon$l.displayName = "DoubleLeftOutlined";
|
|
44750
44750
|
}
|
|
44751
44751
|
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" };
|
|
44752
44752
|
var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
|
|
@@ -44755,9 +44755,9 @@ var DoubleRightOutlined = function DoubleRightOutlined2(props, ref) {
|
|
|
44755
44755
|
icon: DoubleRightOutlined$1
|
|
44756
44756
|
}));
|
|
44757
44757
|
};
|
|
44758
|
-
var RefIcon$
|
|
44758
|
+
var RefIcon$k = /* @__PURE__ */ React__namespace.forwardRef(DoubleRightOutlined);
|
|
44759
44759
|
if (process.env.NODE_ENV !== "production") {
|
|
44760
|
-
RefIcon$
|
|
44760
|
+
RefIcon$k.displayName = "DoubleRightOutlined";
|
|
44761
44761
|
}
|
|
44762
44762
|
var locale$1 = {
|
|
44763
44763
|
// Options
|
|
@@ -45983,21 +45983,21 @@ const Pagination2 = (props) => {
|
|
|
45983
45983
|
className: `${prefixCls}-item-link`,
|
|
45984
45984
|
type: "button",
|
|
45985
45985
|
tabIndex: -1
|
|
45986
|
-
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
45986
|
+
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$z, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$v, null));
|
|
45987
45987
|
const nextIcon = /* @__PURE__ */ React__namespace.createElement("button", {
|
|
45988
45988
|
className: `${prefixCls}-item-link`,
|
|
45989
45989
|
type: "button",
|
|
45990
45990
|
tabIndex: -1
|
|
45991
|
-
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
45991
|
+
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$v, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$z, null));
|
|
45992
45992
|
const jumpPrevIcon = (
|
|
45993
45993
|
// biome-ignore lint/a11y/useValidAnchor: it is hard to refactor
|
|
45994
45994
|
/* @__PURE__ */ React__namespace.createElement("a", {
|
|
45995
45995
|
className: `${prefixCls}-item-link`
|
|
45996
45996
|
}, /* @__PURE__ */ React__namespace.createElement("div", {
|
|
45997
45997
|
className: `${prefixCls}-item-container`
|
|
45998
|
-
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
45998
|
+
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$k, {
|
|
45999
45999
|
className: `${prefixCls}-item-link-icon`
|
|
46000
|
-
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
46000
|
+
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$l, {
|
|
46001
46001
|
className: `${prefixCls}-item-link-icon`
|
|
46002
46002
|
}), ellipsis))
|
|
46003
46003
|
);
|
|
@@ -46007,9 +46007,9 @@ const Pagination2 = (props) => {
|
|
|
46007
46007
|
className: `${prefixCls}-item-link`
|
|
46008
46008
|
}, /* @__PURE__ */ React__namespace.createElement("div", {
|
|
46009
46009
|
className: `${prefixCls}-item-container`
|
|
46010
|
-
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
46010
|
+
}, direction === "rtl" ? /* @__PURE__ */ React__namespace.createElement(RefIcon$l, {
|
|
46011
46011
|
className: `${prefixCls}-item-link-icon`
|
|
46012
|
-
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
46012
|
+
}) : /* @__PURE__ */ React__namespace.createElement(RefIcon$k, {
|
|
46013
46013
|
className: `${prefixCls}-item-link-icon`
|
|
46014
46014
|
}), ellipsis))
|
|
46015
46015
|
);
|
|
@@ -46642,7 +46642,7 @@ const Overlay = (props) => {
|
|
|
46642
46642
|
cancelText,
|
|
46643
46643
|
okText,
|
|
46644
46644
|
okType = "primary",
|
|
46645
|
-
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
46645
|
+
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$C, null),
|
|
46646
46646
|
showCancel = true,
|
|
46647
46647
|
close,
|
|
46648
46648
|
onConfirm,
|
|
@@ -46720,7 +46720,7 @@ const InternalPopconfirm = /* @__PURE__ */ React__namespace.forwardRef((props, r
|
|
|
46720
46720
|
placement = "top",
|
|
46721
46721
|
trigger = "click",
|
|
46722
46722
|
okType = "primary",
|
|
46723
|
-
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
46723
|
+
icon = /* @__PURE__ */ React__namespace.createElement(RefIcon$C, null),
|
|
46724
46724
|
children: children2,
|
|
46725
46725
|
overlayClassName,
|
|
46726
46726
|
onOpenChange,
|
|
@@ -47711,9 +47711,9 @@ const Progress$2 = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
|
|
|
47711
47711
|
if (infoPosition === "inner" || format3 || progressStatus !== "exception" && progressStatus !== "success") {
|
|
47712
47712
|
text2 = textFormatter(validProgress(percent), validProgress(successPercent));
|
|
47713
47713
|
} else if (progressStatus === "exception") {
|
|
47714
|
-
text2 = isLineType ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
47714
|
+
text2 = isLineType ? /* @__PURE__ */ React__namespace.createElement(RefIcon$E, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$D, null);
|
|
47715
47715
|
} else if (progressStatus === "success") {
|
|
47716
|
-
text2 = isLineType ? /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
47716
|
+
text2 = isLineType ? /* @__PURE__ */ React__namespace.createElement(RefIcon$F, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$y, null);
|
|
47717
47717
|
}
|
|
47718
47718
|
return /* @__PURE__ */ React__namespace.createElement("span", {
|
|
47719
47719
|
className: classNames(`${prefixCls}-text`, {
|
|
@@ -47785,6 +47785,17 @@ const Progress$2 = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
|
|
|
47785
47785
|
if (process.env.NODE_ENV !== "production") {
|
|
47786
47786
|
Progress$2.displayName = "Progress";
|
|
47787
47787
|
}
|
|
47788
|
+
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" };
|
|
47789
|
+
var ArrowLeftOutlined = function ArrowLeftOutlined2(props, ref) {
|
|
47790
|
+
return /* @__PURE__ */ React__namespace.createElement(Icon$3, _extends$1({}, props, {
|
|
47791
|
+
ref,
|
|
47792
|
+
icon: ArrowLeftOutlined$1
|
|
47793
|
+
}));
|
|
47794
|
+
};
|
|
47795
|
+
var RefIcon$j = /* @__PURE__ */ React__namespace.forwardRef(ArrowLeftOutlined);
|
|
47796
|
+
if (process.env.NODE_ENV !== "production") {
|
|
47797
|
+
RefIcon$j.displayName = "ArrowLeftOutlined";
|
|
47798
|
+
}
|
|
47788
47799
|
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" };
|
|
47789
47800
|
var CaretDownFilled = function CaretDownFilled2(props, ref) {
|
|
47790
47801
|
return /* @__PURE__ */ React__namespace.createElement(Icon$3, _extends$1({}, props, {
|
|
@@ -48774,9 +48785,9 @@ const Unauthorized = () => /* @__PURE__ */ React__namespace.createElement("svg",
|
|
|
48774
48785
|
strokeWidth: "1.1"
|
|
48775
48786
|
})));
|
|
48776
48787
|
const IconMap = {
|
|
48777
|
-
success: RefIcon$
|
|
48778
|
-
error: RefIcon$
|
|
48779
|
-
info: RefIcon$
|
|
48788
|
+
success: RefIcon$F,
|
|
48789
|
+
error: RefIcon$E,
|
|
48790
|
+
info: RefIcon$C,
|
|
48780
48791
|
warning: RefIcon
|
|
48781
48792
|
};
|
|
48782
48793
|
const ExceptionMap = {
|
|
@@ -49265,7 +49276,7 @@ const InternalSwitch = /* @__PURE__ */ React__namespace.forwardRef((props, ref)
|
|
|
49265
49276
|
const prefixCls = getPrefixCls("switch", customizePrefixCls);
|
|
49266
49277
|
const loadingIcon = /* @__PURE__ */ React__namespace.createElement("div", {
|
|
49267
49278
|
className: `${prefixCls}-handle`
|
|
49268
|
-
}, loading && /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
49279
|
+
}, loading && /* @__PURE__ */ React__namespace.createElement(RefIcon$A, {
|
|
49269
49280
|
className: `${prefixCls}-loading-icon`
|
|
49270
49281
|
}));
|
|
49271
49282
|
const [wrapCSSVar, hashId, cssVarCls] = useStyle$3(prefixCls);
|
|
@@ -52669,7 +52680,7 @@ const useSelection = (config, rowSelection) => {
|
|
|
52669
52680
|
}, /* @__PURE__ */ React__namespace.createElement(Dropdown, {
|
|
52670
52681
|
menu,
|
|
52671
52682
|
getPopupContainer
|
|
52672
|
-
}, /* @__PURE__ */ React__namespace.createElement("span", null, /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
52683
|
+
}, /* @__PURE__ */ React__namespace.createElement("span", null, /* @__PURE__ */ React__namespace.createElement(RefIcon$x, null))));
|
|
52673
52684
|
}
|
|
52674
52685
|
const allDisabledData = flattedData.map((record, index2) => {
|
|
52675
52686
|
const key = getRowKey2(record, index2);
|
|
@@ -54737,7 +54748,7 @@ const SwitcherIconCom = (props) => {
|
|
|
54737
54748
|
if (/* @__PURE__ */ React__namespace.isValidElement(switcherLoadingIcon)) {
|
|
54738
54749
|
return switcherLoadingIcon;
|
|
54739
54750
|
}
|
|
54740
|
-
return /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
54751
|
+
return /* @__PURE__ */ React__namespace.createElement(RefIcon$A, {
|
|
54741
54752
|
className: `${prefixCls}-switcher-loading-icon`
|
|
54742
54753
|
});
|
|
54743
54754
|
}
|
|
@@ -55107,7 +55118,7 @@ const FilterSearch = (props) => {
|
|
|
55107
55118
|
return /* @__PURE__ */ React__namespace.createElement("div", {
|
|
55108
55119
|
className: `${tablePrefixCls}-filter-dropdown-search`
|
|
55109
55120
|
}, /* @__PURE__ */ React__namespace.createElement(Input$3, {
|
|
55110
|
-
prefix: /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
55121
|
+
prefix: /* @__PURE__ */ React__namespace.createElement(RefIcon$w, null),
|
|
55111
55122
|
placeholder: locale2.filterSearchPlaceholder,
|
|
55112
55123
|
onChange,
|
|
55113
55124
|
value: value2,
|
|
@@ -58698,7 +58709,7 @@ const CopyBtn = ({
|
|
|
58698
58709
|
onClick: onCopy,
|
|
58699
58710
|
"aria-label": ariaLabel,
|
|
58700
58711
|
tabIndex
|
|
58701
|
-
}, copied ? getNode(iconNodes[1], /* @__PURE__ */ React__namespace.createElement(RefIcon$
|
|
58712
|
+
}, copied ? getNode(iconNodes[1], /* @__PURE__ */ React__namespace.createElement(RefIcon$y, null), true) : getNode(iconNodes[0], btnLoading ? /* @__PURE__ */ React__namespace.createElement(RefIcon$A, null) : /* @__PURE__ */ React__namespace.createElement(RefIcon$d, null), true)));
|
|
58702
58713
|
};
|
|
58703
58714
|
const MeasureText = /* @__PURE__ */ React__namespace.forwardRef(({
|
|
58704
58715
|
style: style2,
|
|
@@ -60297,7 +60308,7 @@ const Toast = ({
|
|
|
60297
60308
|
)
|
|
60298
60309
|
}
|
|
60299
60310
|
) : null,
|
|
60300
|
-
close ? /* @__PURE__ */ jsxRuntime.jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsxRuntime.jsx(RefIcon$
|
|
60311
|
+
close ? /* @__PURE__ */ jsxRuntime.jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsxRuntime.jsx(RefIcon$D, { style: { fontSize: 18 } }) }) : null
|
|
60301
60312
|
] });
|
|
60302
60313
|
};
|
|
60303
60314
|
const ToastContext = React.createContext(
|
|
@@ -60386,7 +60397,8 @@ const Typography = ({
|
|
|
60386
60397
|
isDisabled,
|
|
60387
60398
|
...rest
|
|
60388
60399
|
}) => {
|
|
60389
|
-
const {
|
|
60400
|
+
const { theme } = useGenesis();
|
|
60401
|
+
const breakpoint = "wide";
|
|
60390
60402
|
if (variant.startsWith("display") || variant.startsWith("heading")) {
|
|
60391
60403
|
const level = variant.split("heading")[1] || variant.split("display")[1];
|
|
60392
60404
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -60399,7 +60411,7 @@ const Typography = ({
|
|
|
60399
60411
|
level: Number.parseInt(level),
|
|
60400
60412
|
$isFullWidth: isFullWidth,
|
|
60401
60413
|
style: style2,
|
|
60402
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60414
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60403
60415
|
fontWeight,
|
|
60404
60416
|
disabled: isDisabled,
|
|
60405
60417
|
$letterSpacing: theme.typography[breakpoint][variant].letterSpacing,
|
|
@@ -60421,10 +60433,10 @@ const Typography = ({
|
|
|
60421
60433
|
$isFullWidth: isFullWidth,
|
|
60422
60434
|
style: style2,
|
|
60423
60435
|
disabled: isDisabled,
|
|
60424
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60436
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60425
60437
|
fontWeight,
|
|
60426
|
-
$letterSpacing: theme.typography[breakpoint][
|
|
60427
|
-
$lineHeight: theme.typography[breakpoint][
|
|
60438
|
+
$letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
|
|
60439
|
+
$lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
|
|
60428
60440
|
...rest,
|
|
60429
60441
|
children: children2
|
|
60430
60442
|
}
|
|
@@ -60440,10 +60452,10 @@ const Typography = ({
|
|
|
60440
60452
|
$isFullWidth: isFullWidth,
|
|
60441
60453
|
style: style2,
|
|
60442
60454
|
disabled: isDisabled,
|
|
60443
|
-
fontSize: fontSize ?? theme.typography[breakpoint][variant].fontSize
|
|
60455
|
+
fontSize: fontSize ?? `${theme.typography[breakpoint][variant].fontSize}px`,
|
|
60444
60456
|
fontWeight,
|
|
60445
|
-
$letterSpacing: theme.typography[breakpoint][
|
|
60446
|
-
$lineHeight: theme.typography[breakpoint][
|
|
60457
|
+
$letterSpacing: theme.typography[breakpoint][validVariant].letterSpacing,
|
|
60458
|
+
$lineHeight: theme.typography[breakpoint][validVariant].lineHeight,
|
|
60447
60459
|
...rest,
|
|
60448
60460
|
children: children2
|
|
60449
60461
|
}
|
|
@@ -74745,6 +74757,401 @@ const Form2 = Object.assign(
|
|
|
74745
74757
|
useForm: Form$1.useForm
|
|
74746
74758
|
}
|
|
74747
74759
|
);
|
|
74760
|
+
const getGenesisClass$9 = ({ sizing: sizing2 }, $isHorizontal = false) => `
|
|
74761
|
+
display: flex;
|
|
74762
|
+
flex-direction: ${$isHorizontal ? "row" : "column"};
|
|
74763
|
+
padding: ${sizing2.Size4};
|
|
74764
|
+
`;
|
|
74765
|
+
const Tile$1 = styled.div`
|
|
74766
|
+
${({ theme, $isHorizontal }) => {
|
|
74767
|
+
return getGenesisClass$9(theme, $isHorizontal);
|
|
74768
|
+
}}
|
|
74769
|
+
`;
|
|
74770
|
+
const Tile = ({
|
|
74771
|
+
children: children2,
|
|
74772
|
+
dataTestId,
|
|
74773
|
+
className,
|
|
74774
|
+
style: style2,
|
|
74775
|
+
isHorizontal = false
|
|
74776
|
+
}) => {
|
|
74777
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
74778
|
+
Tile$1,
|
|
74779
|
+
{
|
|
74780
|
+
className,
|
|
74781
|
+
"data-testid": dataTestId,
|
|
74782
|
+
style: style2,
|
|
74783
|
+
$isHorizontal: isHorizontal,
|
|
74784
|
+
children: children2
|
|
74785
|
+
}
|
|
74786
|
+
);
|
|
74787
|
+
};
|
|
74788
|
+
const slideDown = styled.keyframes`
|
|
74789
|
+
0% {
|
|
74790
|
+
opacity: 0;
|
|
74791
|
+
transform: translateY(-6px) scale(0.96);
|
|
74792
|
+
}
|
|
74793
|
+
100% {
|
|
74794
|
+
opacity: 1;
|
|
74795
|
+
transform: translateY(0) scale(1);
|
|
74796
|
+
}
|
|
74797
|
+
`;
|
|
74798
|
+
const slideUp = styled.keyframes`
|
|
74799
|
+
0% {
|
|
74800
|
+
opacity: 0;
|
|
74801
|
+
transform: translateY(6px) scale(0.96);
|
|
74802
|
+
}
|
|
74803
|
+
100% {
|
|
74804
|
+
opacity: 1;
|
|
74805
|
+
transform: translateY(0) scale(1);
|
|
74806
|
+
}
|
|
74807
|
+
`;
|
|
74808
|
+
const slideLeft = styled.keyframes`
|
|
74809
|
+
0% {
|
|
74810
|
+
opacity: 0;
|
|
74811
|
+
transform: translateX(6px) scale(0.96);
|
|
74812
|
+
}
|
|
74813
|
+
100% {
|
|
74814
|
+
opacity: 1;
|
|
74815
|
+
transform: translateX(0) scale(1);
|
|
74816
|
+
}
|
|
74817
|
+
`;
|
|
74818
|
+
const slideRight = styled.keyframes`
|
|
74819
|
+
0% {
|
|
74820
|
+
opacity: 0;
|
|
74821
|
+
transform: translateX(-6px) scale(0.96);
|
|
74822
|
+
}
|
|
74823
|
+
100% {
|
|
74824
|
+
opacity: 1;
|
|
74825
|
+
transform: translateX(0) scale(1);
|
|
74826
|
+
}
|
|
74827
|
+
`;
|
|
74828
|
+
const getGenesisClass$8 = (theme) => ``;
|
|
74829
|
+
const OverflowMenuWrapper = styled.div`
|
|
74830
|
+
${({ theme }) => {
|
|
74831
|
+
return getGenesisClass$8();
|
|
74832
|
+
}}
|
|
74833
|
+
|
|
74834
|
+
position: relative;
|
|
74835
|
+
display: inline-block;
|
|
74836
|
+
`;
|
|
74837
|
+
const OverflowMenuContainer = styled.div`
|
|
74838
|
+
${({ theme }) => {
|
|
74839
|
+
return getGenesisClass$8();
|
|
74840
|
+
}}
|
|
74841
|
+
|
|
74842
|
+
background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
|
|
74843
|
+
border: 1px solid #d9d9d9;
|
|
74844
|
+
border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
|
|
74845
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
74846
|
+
min-width: 120px;
|
|
74847
|
+
max-width: 300px;
|
|
74848
|
+
overflow: hidden;
|
|
74849
|
+
z-index: 1000;
|
|
74850
|
+
margin: 0;
|
|
74851
|
+
padding: 0;
|
|
74852
|
+
|
|
74853
|
+
/* Animation based on placement with enhanced smoothness */
|
|
74854
|
+
animation: ${({ $placement, $isAnimating }) => {
|
|
74855
|
+
if (!$isAnimating) return "none";
|
|
74856
|
+
switch ($placement) {
|
|
74857
|
+
case "bottom": {
|
|
74858
|
+
return slideDown;
|
|
74859
|
+
}
|
|
74860
|
+
case "top": {
|
|
74861
|
+
return slideUp;
|
|
74862
|
+
}
|
|
74863
|
+
case "left": {
|
|
74864
|
+
return slideLeft;
|
|
74865
|
+
}
|
|
74866
|
+
case "right": {
|
|
74867
|
+
return slideRight;
|
|
74868
|
+
}
|
|
74869
|
+
default: {
|
|
74870
|
+
return slideDown;
|
|
74871
|
+
}
|
|
74872
|
+
}
|
|
74873
|
+
}}
|
|
74874
|
+
0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
74875
|
+
|
|
74876
|
+
/* Ensure ultra-smooth transitions without filter */
|
|
74877
|
+
transition:
|
|
74878
|
+
opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
|
74879
|
+
transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
74880
|
+
|
|
74881
|
+
/* Hardware acceleration and performance optimizations */
|
|
74882
|
+
will-change: transform, opacity;
|
|
74883
|
+
backface-visibility: hidden;
|
|
74884
|
+
transform: translateZ(0);
|
|
74885
|
+
transform-style: preserve-3d;
|
|
74886
|
+
|
|
74887
|
+
/* Initial visible state - let animation handle the entrance */
|
|
74888
|
+
opacity: 1;
|
|
74889
|
+
|
|
74890
|
+
/* Animation will override initial state when $isAnimating is true */
|
|
74891
|
+
|
|
74892
|
+
/* Prevent layout shifts and ensure smooth rendering */
|
|
74893
|
+
contain: layout style paint;
|
|
74894
|
+
isolation: isolate;
|
|
74895
|
+
|
|
74896
|
+
/* Smooth font rendering */
|
|
74897
|
+
-webkit-font-smoothing: antialiased;
|
|
74898
|
+
-moz-osx-font-smoothing: grayscale;
|
|
74899
|
+
`;
|
|
74900
|
+
const OverflowMenuItem$1 = styled.div`
|
|
74901
|
+
padding: 8px 12px;
|
|
74902
|
+
cursor: pointer;
|
|
74903
|
+
background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
|
|
74904
|
+
|
|
74905
|
+
&:hover {
|
|
74906
|
+
background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
|
|
74907
|
+
}
|
|
74908
|
+
|
|
74909
|
+
&:active {
|
|
74910
|
+
background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
|
|
74911
|
+
}
|
|
74912
|
+
`;
|
|
74913
|
+
const OverflowMenuItem = ({ children: children2, onClick }) => {
|
|
74914
|
+
return /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem$1, { onClick, children: children2 });
|
|
74915
|
+
};
|
|
74916
|
+
const DefaultTrigger = () => {
|
|
74917
|
+
return /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, { size: 24 }) });
|
|
74918
|
+
};
|
|
74919
|
+
const DefaultTriggerWithOverrideTextColor = ({
|
|
74920
|
+
overrideTextColor
|
|
74921
|
+
}) => {
|
|
74922
|
+
return /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
|
|
74923
|
+
};
|
|
74924
|
+
const OverflowMenu = React.forwardRef(
|
|
74925
|
+
({
|
|
74926
|
+
items,
|
|
74927
|
+
children: children2,
|
|
74928
|
+
trigger = /* @__PURE__ */ jsxRuntime.jsx(DefaultTrigger, {}),
|
|
74929
|
+
isOpen: controlledIsOpen,
|
|
74930
|
+
onOpenChange,
|
|
74931
|
+
placement = "bottom",
|
|
74932
|
+
alignment = "left",
|
|
74933
|
+
offset: offset2 = 8,
|
|
74934
|
+
className,
|
|
74935
|
+
style: style2,
|
|
74936
|
+
onItemClick,
|
|
74937
|
+
overrideTextColor,
|
|
74938
|
+
getPopupContainer = () => document.body
|
|
74939
|
+
}, ref) => {
|
|
74940
|
+
const [internalIsOpen, setInternalIsOpen] = React.useState(false);
|
|
74941
|
+
const [isAnimating, setIsAnimating] = React.useState(false);
|
|
74942
|
+
const [triggerRect, setTriggerRect] = React.useState(null);
|
|
74943
|
+
const triggerRef = React.useRef(null);
|
|
74944
|
+
const menuRef = React.useRef(null);
|
|
74945
|
+
const { theme } = useGenesis();
|
|
74946
|
+
const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
|
|
74947
|
+
const handleOpenChange = React.useCallback(
|
|
74948
|
+
(open) => {
|
|
74949
|
+
if (onOpenChange) {
|
|
74950
|
+
onOpenChange(open);
|
|
74951
|
+
} else {
|
|
74952
|
+
setInternalIsOpen(open);
|
|
74953
|
+
}
|
|
74954
|
+
},
|
|
74955
|
+
[onOpenChange]
|
|
74956
|
+
);
|
|
74957
|
+
const handleTriggerClick = () => {
|
|
74958
|
+
handleOpenChange(!isOpen);
|
|
74959
|
+
};
|
|
74960
|
+
const handleClickOutside = React.useCallback(
|
|
74961
|
+
(event2) => {
|
|
74962
|
+
if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
|
|
74963
|
+
handleOpenChange(false);
|
|
74964
|
+
}
|
|
74965
|
+
},
|
|
74966
|
+
[handleOpenChange]
|
|
74967
|
+
);
|
|
74968
|
+
React.useEffect(() => {
|
|
74969
|
+
if (isOpen) {
|
|
74970
|
+
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
74971
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
74972
|
+
setTriggerRect(rect);
|
|
74973
|
+
}
|
|
74974
|
+
setIsAnimating(true);
|
|
74975
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
74976
|
+
return () => {
|
|
74977
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
74978
|
+
};
|
|
74979
|
+
} else {
|
|
74980
|
+
setIsAnimating(false);
|
|
74981
|
+
setTriggerRect(null);
|
|
74982
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
74983
|
+
}
|
|
74984
|
+
}, [isOpen, handleClickOutside, getPopupContainer]);
|
|
74985
|
+
const getMenuStyle = React.useMemo(() => {
|
|
74986
|
+
const baseStyle = {
|
|
74987
|
+
position: getPopupContainer !== void 0 ? "fixed" : "absolute",
|
|
74988
|
+
zIndex: 1e3,
|
|
74989
|
+
...style2
|
|
74990
|
+
};
|
|
74991
|
+
if (getPopupContainer !== void 0 && triggerRect) {
|
|
74992
|
+
const { top, left, right, bottom, width, height } = triggerRect;
|
|
74993
|
+
switch (placement) {
|
|
74994
|
+
case "bottom": {
|
|
74995
|
+
return {
|
|
74996
|
+
...baseStyle,
|
|
74997
|
+
top: bottom + offset2,
|
|
74998
|
+
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
74999
|
+
};
|
|
75000
|
+
}
|
|
75001
|
+
case "top": {
|
|
75002
|
+
return {
|
|
75003
|
+
...baseStyle,
|
|
75004
|
+
bottom: window.innerHeight - top + offset2,
|
|
75005
|
+
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
75006
|
+
};
|
|
75007
|
+
}
|
|
75008
|
+
case "left": {
|
|
75009
|
+
return {
|
|
75010
|
+
...baseStyle,
|
|
75011
|
+
top,
|
|
75012
|
+
right: window.innerWidth - left + offset2,
|
|
75013
|
+
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
75014
|
+
};
|
|
75015
|
+
}
|
|
75016
|
+
case "right": {
|
|
75017
|
+
return {
|
|
75018
|
+
...baseStyle,
|
|
75019
|
+
top,
|
|
75020
|
+
left: right + offset2,
|
|
75021
|
+
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
75022
|
+
};
|
|
75023
|
+
}
|
|
75024
|
+
default: {
|
|
75025
|
+
return baseStyle;
|
|
75026
|
+
}
|
|
75027
|
+
}
|
|
75028
|
+
}
|
|
75029
|
+
switch (placement) {
|
|
75030
|
+
case "bottom": {
|
|
75031
|
+
return {
|
|
75032
|
+
...baseStyle,
|
|
75033
|
+
top: `calc(100% + ${offset2}px)`,
|
|
75034
|
+
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
75035
|
+
};
|
|
75036
|
+
}
|
|
75037
|
+
case "top": {
|
|
75038
|
+
return {
|
|
75039
|
+
...baseStyle,
|
|
75040
|
+
bottom: `calc(100% + ${offset2}px)`,
|
|
75041
|
+
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
75042
|
+
};
|
|
75043
|
+
}
|
|
75044
|
+
case "left": {
|
|
75045
|
+
return {
|
|
75046
|
+
...baseStyle,
|
|
75047
|
+
top: 0,
|
|
75048
|
+
right: `calc(100% + ${offset2}px)`,
|
|
75049
|
+
...alignment === "right" ? { bottom: 0 } : {}
|
|
75050
|
+
};
|
|
75051
|
+
}
|
|
75052
|
+
case "right": {
|
|
75053
|
+
return {
|
|
75054
|
+
...baseStyle,
|
|
75055
|
+
top: 0,
|
|
75056
|
+
left: `calc(100% + ${offset2}px)`,
|
|
75057
|
+
...alignment === "right" ? { bottom: 0 } : {}
|
|
75058
|
+
};
|
|
75059
|
+
}
|
|
75060
|
+
default: {
|
|
75061
|
+
return baseStyle;
|
|
75062
|
+
}
|
|
75063
|
+
}
|
|
75064
|
+
}, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
|
|
75065
|
+
const handleItemClick = React.useCallback(
|
|
75066
|
+
(item) => {
|
|
75067
|
+
onItemClick?.(item);
|
|
75068
|
+
handleOpenChange(false);
|
|
75069
|
+
},
|
|
75070
|
+
[onItemClick, handleOpenChange]
|
|
75071
|
+
);
|
|
75072
|
+
const renderMenuContent = (content2) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
75073
|
+
OverflowMenuContainer,
|
|
75074
|
+
{
|
|
75075
|
+
ref: menuRef,
|
|
75076
|
+
theme,
|
|
75077
|
+
className,
|
|
75078
|
+
style: getMenuStyle,
|
|
75079
|
+
$isAnimating: isAnimating,
|
|
75080
|
+
$placement: placement,
|
|
75081
|
+
children: content2
|
|
75082
|
+
}
|
|
75083
|
+
);
|
|
75084
|
+
const renderMenu = (content2) => {
|
|
75085
|
+
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
75086
|
+
const container = getPopupContainer(triggerRef.current);
|
|
75087
|
+
return ReactDOM.createPortal(renderMenuContent(content2), container);
|
|
75088
|
+
}
|
|
75089
|
+
return renderMenuContent(content2);
|
|
75090
|
+
};
|
|
75091
|
+
if (items && items.length > 0) {
|
|
75092
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
|
|
75093
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
75094
|
+
DefaultTriggerWithOverrideTextColor,
|
|
75095
|
+
{
|
|
75096
|
+
overrideTextColor
|
|
75097
|
+
}
|
|
75098
|
+
) : trigger }),
|
|
75099
|
+
isOpen && renderMenu(
|
|
75100
|
+
items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
75101
|
+
OverflowMenuItem,
|
|
75102
|
+
{
|
|
75103
|
+
...item,
|
|
75104
|
+
onClick: () => handleItemClick(item)
|
|
75105
|
+
},
|
|
75106
|
+
item.id
|
|
75107
|
+
))
|
|
75108
|
+
)
|
|
75109
|
+
] });
|
|
75110
|
+
}
|
|
75111
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
|
|
75112
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
|
|
75113
|
+
isOpen && renderMenu(children2)
|
|
75114
|
+
] });
|
|
75115
|
+
}
|
|
75116
|
+
);
|
|
75117
|
+
OverflowMenu.displayName = "OverflowMenu";
|
|
75118
|
+
const GlobalHeader = ({
|
|
75119
|
+
title,
|
|
75120
|
+
breadcrumbs = [],
|
|
75121
|
+
onBack,
|
|
75122
|
+
menuItems = [],
|
|
75123
|
+
primaryAction
|
|
75124
|
+
}) => {
|
|
75125
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Tile, { "data-testid": "GlobalHeader", style: {
|
|
75126
|
+
padding: "32px 40px",
|
|
75127
|
+
justifyContent: "flex-end",
|
|
75128
|
+
width: "100%",
|
|
75129
|
+
alignItems: "flex-start",
|
|
75130
|
+
minHeight: "164px",
|
|
75131
|
+
borderBottom: "1px solid #CBCBCB",
|
|
75132
|
+
background: "#FFF",
|
|
75133
|
+
gap: "24px"
|
|
75134
|
+
}, children: [
|
|
75135
|
+
breadcrumbs?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { items: breadcrumbs }),
|
|
75136
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { justifyContent: "space-between", gap: "16px", width: "100%", flexWrap: "wrap" }, children: [
|
|
75137
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { flex: 1, gap: "16px", minWidth: "200px" }, children: [
|
|
75138
|
+
onBack && /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { icon: /* @__PURE__ */ jsxRuntime.jsx(RefIcon$j, {}), onClick: onBack }),
|
|
75139
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "display3", children: title })
|
|
75140
|
+
] }),
|
|
75141
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Tile, { isHorizontal: true, style: { justifyContent: "flex-end", gap: "16px", alignItems: "flex-end" }, children: [
|
|
75142
|
+
primaryAction && /* @__PURE__ */ jsxRuntime.jsx(Button$1, { onClick: primaryAction.onClick, children: primaryAction.label }),
|
|
75143
|
+
menuItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
75144
|
+
OverflowMenu,
|
|
75145
|
+
{
|
|
75146
|
+
trigger: /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, {}) }),
|
|
75147
|
+
alignment: "right",
|
|
75148
|
+
children: menuItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem, { onClick: item.onClick, children: item.children }, item.id))
|
|
75149
|
+
}
|
|
75150
|
+
)
|
|
75151
|
+
] })
|
|
75152
|
+
] })
|
|
75153
|
+
] });
|
|
75154
|
+
};
|
|
74748
75155
|
const Outline = (properties) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
74749
75156
|
"svg",
|
|
74750
75157
|
{
|
|
@@ -78292,7 +78699,7 @@ const ChartContainer$2 = styled.div`
|
|
|
78292
78699
|
flex-shrink: 0;
|
|
78293
78700
|
height: calc(100% - 40px);
|
|
78294
78701
|
`;
|
|
78295
|
-
const getGenesisClass$
|
|
78702
|
+
const getGenesisClass$7 = ({ colors: colors2, borderRadius: borderRadius2, sizing: sizing2 }, type4 = "primary", state = "active") => `
|
|
78296
78703
|
.ant-tooltip {
|
|
78297
78704
|
--antd-arrow-background-color: #222;
|
|
78298
78705
|
pointer-events: none;
|
|
@@ -78412,7 +78819,7 @@ const getGenesisClass$9 = ({ colors: colors2, borderRadius: borderRadius2, sizin
|
|
|
78412
78819
|
`;
|
|
78413
78820
|
const Tooltip$1 = styled(Tooltip$2)`
|
|
78414
78821
|
${({ theme, type: type4, state }) => {
|
|
78415
|
-
return getGenesisClass$
|
|
78822
|
+
return getGenesisClass$7(theme, type4, state);
|
|
78416
78823
|
}}
|
|
78417
78824
|
`;
|
|
78418
78825
|
const Tooltip2 = ({
|
|
@@ -79008,7 +79415,7 @@ function clsx() {
|
|
|
79008
79415
|
for (var e3, t2, f = 0, n2 = ""; f < arguments.length; ) (e3 = arguments[f++]) && (t2 = r(e3)) && (n2 && (n2 += " "), n2 += t2);
|
|
79009
79416
|
return n2;
|
|
79010
79417
|
}
|
|
79011
|
-
const getGenesisClass$
|
|
79418
|
+
const getGenesisClass$6 = ({ sizing: sizing2 }, $isColumn) => `
|
|
79012
79419
|
display: flex;
|
|
79013
79420
|
flex-direction: ${$isColumn ? "column" : "row"};
|
|
79014
79421
|
width: 100%;
|
|
@@ -79019,7 +79426,7 @@ const getGenesisClass$8 = ({ sizing: sizing2 }, $isColumn) => `
|
|
|
79019
79426
|
`;
|
|
79020
79427
|
const Content$1 = styled.div`
|
|
79021
79428
|
${({ theme, $isColumn }) => {
|
|
79022
|
-
return getGenesisClass$
|
|
79429
|
+
return getGenesisClass$6(theme, $isColumn);
|
|
79023
79430
|
}}
|
|
79024
79431
|
`;
|
|
79025
79432
|
const Content = ({
|
|
@@ -81234,340 +81641,10 @@ const Notification = ({
|
|
|
81234
81641
|
onArrowClick ? /* @__PURE__ */ jsxRuntime.jsx(ChevronButton$1, { onClick: onArrowClick, children: /* @__PURE__ */ jsxRuntime.jsx(NotificationRightChevron, {}) }) : null
|
|
81235
81642
|
] });
|
|
81236
81643
|
};
|
|
81237
|
-
const
|
|
81238
|
-
0% {
|
|
81239
|
-
opacity: 0;
|
|
81240
|
-
transform: translateY(-6px) scale(0.96);
|
|
81241
|
-
}
|
|
81242
|
-
100% {
|
|
81243
|
-
opacity: 1;
|
|
81244
|
-
transform: translateY(0) scale(1);
|
|
81245
|
-
}
|
|
81246
|
-
`;
|
|
81247
|
-
const slideUp = styled.keyframes`
|
|
81248
|
-
0% {
|
|
81249
|
-
opacity: 0;
|
|
81250
|
-
transform: translateY(6px) scale(0.96);
|
|
81251
|
-
}
|
|
81252
|
-
100% {
|
|
81253
|
-
opacity: 1;
|
|
81254
|
-
transform: translateY(0) scale(1);
|
|
81255
|
-
}
|
|
81256
|
-
`;
|
|
81257
|
-
const slideLeft = styled.keyframes`
|
|
81258
|
-
0% {
|
|
81259
|
-
opacity: 0;
|
|
81260
|
-
transform: translateX(6px) scale(0.96);
|
|
81261
|
-
}
|
|
81262
|
-
100% {
|
|
81263
|
-
opacity: 1;
|
|
81264
|
-
transform: translateX(0) scale(1);
|
|
81265
|
-
}
|
|
81266
|
-
`;
|
|
81267
|
-
const slideRight = styled.keyframes`
|
|
81268
|
-
0% {
|
|
81269
|
-
opacity: 0;
|
|
81270
|
-
transform: translateX(-6px) scale(0.96);
|
|
81271
|
-
}
|
|
81272
|
-
100% {
|
|
81273
|
-
opacity: 1;
|
|
81274
|
-
transform: translateX(0) scale(1);
|
|
81275
|
-
}
|
|
81276
|
-
`;
|
|
81277
|
-
const getGenesisClass$7 = (theme) => ``;
|
|
81278
|
-
const OverflowMenuWrapper = styled.div`
|
|
81279
|
-
${({ theme }) => {
|
|
81280
|
-
return getGenesisClass$7();
|
|
81281
|
-
}}
|
|
81282
|
-
|
|
81283
|
-
position: relative;
|
|
81284
|
-
display: inline-block;
|
|
81285
|
-
`;
|
|
81286
|
-
const OverflowMenuContainer = styled.div`
|
|
81287
|
-
${({ theme }) => {
|
|
81288
|
-
return getGenesisClass$7();
|
|
81289
|
-
}}
|
|
81290
|
-
|
|
81291
|
-
background: ${({ theme }) => theme.colors.surface.default?.backgroundColor};
|
|
81292
|
-
border: 1px solid #d9d9d9;
|
|
81293
|
-
border-radius: ${({ theme }) => theme.borderRadius.BorderRadiusSm}px;
|
|
81294
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
81295
|
-
min-width: 120px;
|
|
81296
|
-
max-width: 300px;
|
|
81297
|
-
overflow: hidden;
|
|
81298
|
-
z-index: 1000;
|
|
81299
|
-
margin: 0;
|
|
81300
|
-
padding: 0;
|
|
81301
|
-
|
|
81302
|
-
/* Animation based on placement with enhanced smoothness */
|
|
81303
|
-
animation: ${({ $placement, $isAnimating }) => {
|
|
81304
|
-
if (!$isAnimating) return "none";
|
|
81305
|
-
switch ($placement) {
|
|
81306
|
-
case "bottom": {
|
|
81307
|
-
return slideDown;
|
|
81308
|
-
}
|
|
81309
|
-
case "top": {
|
|
81310
|
-
return slideUp;
|
|
81311
|
-
}
|
|
81312
|
-
case "left": {
|
|
81313
|
-
return slideLeft;
|
|
81314
|
-
}
|
|
81315
|
-
case "right": {
|
|
81316
|
-
return slideRight;
|
|
81317
|
-
}
|
|
81318
|
-
default: {
|
|
81319
|
-
return slideDown;
|
|
81320
|
-
}
|
|
81321
|
-
}
|
|
81322
|
-
}}
|
|
81323
|
-
0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
|
|
81324
|
-
|
|
81325
|
-
/* Ensure ultra-smooth transitions without filter */
|
|
81326
|
-
transition:
|
|
81327
|
-
opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
|
|
81328
|
-
transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
81329
|
-
|
|
81330
|
-
/* Hardware acceleration and performance optimizations */
|
|
81331
|
-
will-change: transform, opacity;
|
|
81332
|
-
backface-visibility: hidden;
|
|
81333
|
-
transform: translateZ(0);
|
|
81334
|
-
transform-style: preserve-3d;
|
|
81335
|
-
|
|
81336
|
-
/* Initial visible state - let animation handle the entrance */
|
|
81337
|
-
opacity: 1;
|
|
81338
|
-
|
|
81339
|
-
/* Animation will override initial state when $isAnimating is true */
|
|
81340
|
-
|
|
81341
|
-
/* Prevent layout shifts and ensure smooth rendering */
|
|
81342
|
-
contain: layout style paint;
|
|
81343
|
-
isolation: isolate;
|
|
81344
|
-
|
|
81345
|
-
/* Smooth font rendering */
|
|
81346
|
-
-webkit-font-smoothing: antialiased;
|
|
81347
|
-
-moz-osx-font-smoothing: grayscale;
|
|
81348
|
-
`;
|
|
81349
|
-
const OverflowMenuItem$1 = styled.div`
|
|
81350
|
-
padding: 8px 12px;
|
|
81351
|
-
cursor: pointer;
|
|
81352
|
-
background-color: ${({ theme }) => theme.colors.surface.default?.backgroundColor || "#ffffff"};
|
|
81353
|
-
|
|
81354
|
-
&:hover {
|
|
81355
|
-
background-color: ${({ theme }) => theme.colors.surface.hover?.backgroundColor || "#F4F4F4"};
|
|
81356
|
-
}
|
|
81357
|
-
|
|
81358
|
-
&:active {
|
|
81359
|
-
background-color: ${({ theme }) => theme.colors.surface.active?.backgroundColor || "#E0E0E0"};
|
|
81360
|
-
}
|
|
81361
|
-
`;
|
|
81362
|
-
const OverflowMenuItem = ({ children: children2, onClick }) => {
|
|
81363
|
-
return /* @__PURE__ */ jsxRuntime.jsx(OverflowMenuItem$1, { onClick, children: children2 });
|
|
81364
|
-
};
|
|
81365
|
-
const DefaultTrigger = () => {
|
|
81366
|
-
return /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, { size: 24 }) });
|
|
81367
|
-
};
|
|
81368
|
-
const DefaultTriggerWithOverrideTextColor = ({
|
|
81369
|
-
overrideTextColor
|
|
81370
|
-
}) => {
|
|
81371
|
-
return /* @__PURE__ */ jsxRuntime.jsx(UtilityButton, { isIconButton: true, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(HiDotsHorizontal, { style: { color: overrideTextColor }, size: 24 }) });
|
|
81372
|
-
};
|
|
81373
|
-
const OverflowMenu = React.forwardRef(
|
|
81374
|
-
({
|
|
81375
|
-
items,
|
|
81376
|
-
children: children2,
|
|
81377
|
-
trigger = /* @__PURE__ */ jsxRuntime.jsx(DefaultTrigger, {}),
|
|
81378
|
-
isOpen: controlledIsOpen,
|
|
81379
|
-
onOpenChange,
|
|
81380
|
-
placement = "bottom",
|
|
81381
|
-
alignment = "left",
|
|
81382
|
-
offset: offset2 = 8,
|
|
81383
|
-
className,
|
|
81384
|
-
style: style2,
|
|
81385
|
-
onItemClick,
|
|
81386
|
-
overrideTextColor,
|
|
81387
|
-
getPopupContainer = () => document.body
|
|
81388
|
-
}, ref) => {
|
|
81389
|
-
const [internalIsOpen, setInternalIsOpen] = React.useState(false);
|
|
81390
|
-
const [isAnimating, setIsAnimating] = React.useState(false);
|
|
81391
|
-
const [triggerRect, setTriggerRect] = React.useState(null);
|
|
81392
|
-
const triggerRef = React.useRef(null);
|
|
81393
|
-
const menuRef = React.useRef(null);
|
|
81394
|
-
const { theme } = useGenesis();
|
|
81395
|
-
const isOpen = controlledIsOpen === void 0 ? internalIsOpen : controlledIsOpen;
|
|
81396
|
-
const handleOpenChange = React.useCallback(
|
|
81397
|
-
(open) => {
|
|
81398
|
-
if (onOpenChange) {
|
|
81399
|
-
onOpenChange(open);
|
|
81400
|
-
} else {
|
|
81401
|
-
setInternalIsOpen(open);
|
|
81402
|
-
}
|
|
81403
|
-
},
|
|
81404
|
-
[onOpenChange]
|
|
81405
|
-
);
|
|
81406
|
-
const handleTriggerClick = () => {
|
|
81407
|
-
handleOpenChange(!isOpen);
|
|
81408
|
-
};
|
|
81409
|
-
const handleClickOutside = React.useCallback(
|
|
81410
|
-
(event2) => {
|
|
81411
|
-
if (triggerRef.current && menuRef.current && !triggerRef.current.contains(event2.target) && !menuRef.current.contains(event2.target)) {
|
|
81412
|
-
handleOpenChange(false);
|
|
81413
|
-
}
|
|
81414
|
-
},
|
|
81415
|
-
[handleOpenChange]
|
|
81416
|
-
);
|
|
81417
|
-
React.useEffect(() => {
|
|
81418
|
-
if (isOpen) {
|
|
81419
|
-
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
81420
|
-
const rect = triggerRef.current.getBoundingClientRect();
|
|
81421
|
-
setTriggerRect(rect);
|
|
81422
|
-
}
|
|
81423
|
-
setIsAnimating(true);
|
|
81424
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
81425
|
-
return () => {
|
|
81426
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
81427
|
-
};
|
|
81428
|
-
} else {
|
|
81429
|
-
setIsAnimating(false);
|
|
81430
|
-
setTriggerRect(null);
|
|
81431
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
81432
|
-
}
|
|
81433
|
-
}, [isOpen, handleClickOutside, getPopupContainer]);
|
|
81434
|
-
const getMenuStyle = React.useMemo(() => {
|
|
81435
|
-
const baseStyle = {
|
|
81436
|
-
position: getPopupContainer !== void 0 ? "fixed" : "absolute",
|
|
81437
|
-
zIndex: 1e3,
|
|
81438
|
-
...style2
|
|
81439
|
-
};
|
|
81440
|
-
if (getPopupContainer !== void 0 && triggerRect) {
|
|
81441
|
-
const { top, left, right, bottom, width, height } = triggerRect;
|
|
81442
|
-
switch (placement) {
|
|
81443
|
-
case "bottom": {
|
|
81444
|
-
return {
|
|
81445
|
-
...baseStyle,
|
|
81446
|
-
top: bottom + offset2,
|
|
81447
|
-
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
81448
|
-
};
|
|
81449
|
-
}
|
|
81450
|
-
case "top": {
|
|
81451
|
-
return {
|
|
81452
|
-
...baseStyle,
|
|
81453
|
-
bottom: window.innerHeight - top + offset2,
|
|
81454
|
-
...alignment === "right" ? { right: window.innerWidth - right } : { left }
|
|
81455
|
-
};
|
|
81456
|
-
}
|
|
81457
|
-
case "left": {
|
|
81458
|
-
return {
|
|
81459
|
-
...baseStyle,
|
|
81460
|
-
top,
|
|
81461
|
-
right: window.innerWidth - left + offset2,
|
|
81462
|
-
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
81463
|
-
};
|
|
81464
|
-
}
|
|
81465
|
-
case "right": {
|
|
81466
|
-
return {
|
|
81467
|
-
...baseStyle,
|
|
81468
|
-
top,
|
|
81469
|
-
left: right + offset2,
|
|
81470
|
-
...alignment === "right" ? { bottom: window.innerHeight - bottom } : {}
|
|
81471
|
-
};
|
|
81472
|
-
}
|
|
81473
|
-
default: {
|
|
81474
|
-
return baseStyle;
|
|
81475
|
-
}
|
|
81476
|
-
}
|
|
81477
|
-
}
|
|
81478
|
-
switch (placement) {
|
|
81479
|
-
case "bottom": {
|
|
81480
|
-
return {
|
|
81481
|
-
...baseStyle,
|
|
81482
|
-
top: `calc(100% + ${offset2}px)`,
|
|
81483
|
-
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
81484
|
-
};
|
|
81485
|
-
}
|
|
81486
|
-
case "top": {
|
|
81487
|
-
return {
|
|
81488
|
-
...baseStyle,
|
|
81489
|
-
bottom: `calc(100% + ${offset2}px)`,
|
|
81490
|
-
...alignment === "right" ? { right: 0 } : { left: 0 }
|
|
81491
|
-
};
|
|
81492
|
-
}
|
|
81493
|
-
case "left": {
|
|
81494
|
-
return {
|
|
81495
|
-
...baseStyle,
|
|
81496
|
-
top: 0,
|
|
81497
|
-
right: `calc(100% + ${offset2}px)`,
|
|
81498
|
-
...alignment === "right" ? { bottom: 0 } : {}
|
|
81499
|
-
};
|
|
81500
|
-
}
|
|
81501
|
-
case "right": {
|
|
81502
|
-
return {
|
|
81503
|
-
...baseStyle,
|
|
81504
|
-
top: 0,
|
|
81505
|
-
left: `calc(100% + ${offset2}px)`,
|
|
81506
|
-
...alignment === "right" ? { bottom: 0 } : {}
|
|
81507
|
-
};
|
|
81508
|
-
}
|
|
81509
|
-
default: {
|
|
81510
|
-
return baseStyle;
|
|
81511
|
-
}
|
|
81512
|
-
}
|
|
81513
|
-
}, [placement, alignment, offset2, style2, getPopupContainer, triggerRect]);
|
|
81514
|
-
const handleItemClick = React.useCallback(
|
|
81515
|
-
(item) => {
|
|
81516
|
-
onItemClick?.(item);
|
|
81517
|
-
handleOpenChange(false);
|
|
81518
|
-
},
|
|
81519
|
-
[onItemClick, handleOpenChange]
|
|
81520
|
-
);
|
|
81521
|
-
const renderMenuContent = (content2) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
81522
|
-
OverflowMenuContainer,
|
|
81523
|
-
{
|
|
81524
|
-
ref: menuRef,
|
|
81525
|
-
theme,
|
|
81526
|
-
className,
|
|
81527
|
-
style: getMenuStyle,
|
|
81528
|
-
$isAnimating: isAnimating,
|
|
81529
|
-
$placement: placement,
|
|
81530
|
-
children: content2
|
|
81531
|
-
}
|
|
81532
|
-
);
|
|
81533
|
-
const renderMenu = (content2) => {
|
|
81534
|
-
if (getPopupContainer !== void 0 && triggerRef.current) {
|
|
81535
|
-
const container = getPopupContainer(triggerRef.current);
|
|
81536
|
-
return ReactDOM.createPortal(renderMenuContent(content2), container);
|
|
81537
|
-
}
|
|
81538
|
-
return renderMenuContent(content2);
|
|
81539
|
-
};
|
|
81540
|
-
if (items && items.length > 0) {
|
|
81541
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
|
|
81542
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: overrideTextColor ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
81543
|
-
DefaultTriggerWithOverrideTextColor,
|
|
81544
|
-
{
|
|
81545
|
-
overrideTextColor
|
|
81546
|
-
}
|
|
81547
|
-
) : trigger }),
|
|
81548
|
-
isOpen && renderMenu(
|
|
81549
|
-
items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
81550
|
-
OverflowMenuItem,
|
|
81551
|
-
{
|
|
81552
|
-
...item,
|
|
81553
|
-
onClick: () => handleItemClick(item)
|
|
81554
|
-
},
|
|
81555
|
-
item.id
|
|
81556
|
-
))
|
|
81557
|
-
)
|
|
81558
|
-
] });
|
|
81559
|
-
}
|
|
81560
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(OverflowMenuWrapper, { ref, children: [
|
|
81561
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, onClick: handleTriggerClick, children: trigger }),
|
|
81562
|
-
isOpen && renderMenu(children2)
|
|
81563
|
-
] });
|
|
81564
|
-
}
|
|
81565
|
-
);
|
|
81566
|
-
OverflowMenu.displayName = "OverflowMenu";
|
|
81567
|
-
const getGenesisClass$6 = (theme) => ``;
|
|
81644
|
+
const getGenesisClass$5 = (theme) => ``;
|
|
81568
81645
|
const Popover$1 = styled(Popconfirm)`
|
|
81569
81646
|
${({ theme }) => {
|
|
81570
|
-
return getGenesisClass$
|
|
81647
|
+
return getGenesisClass$5();
|
|
81571
81648
|
}}
|
|
81572
81649
|
`;
|
|
81573
81650
|
const Popover = ({
|
|
@@ -81591,40 +81668,12 @@ const Popover = ({
|
|
|
81591
81668
|
}
|
|
81592
81669
|
);
|
|
81593
81670
|
};
|
|
81594
|
-
const getGenesisClass$
|
|
81671
|
+
const getGenesisClass$4 = ({ colors: colors2 }, state = "info") => ``;
|
|
81595
81672
|
const Progress$1 = styled(Progress$2)`
|
|
81596
81673
|
${({ theme, state }) => {
|
|
81597
|
-
return getGenesisClass$
|
|
81598
|
-
}}
|
|
81599
|
-
`;
|
|
81600
|
-
const getGenesisClass$4 = ({ sizing: sizing2 }, $isHorizontal = false) => `
|
|
81601
|
-
display: flex;
|
|
81602
|
-
flex-direction: ${$isHorizontal ? "row" : "column"};
|
|
81603
|
-
padding: ${sizing2.Size4};
|
|
81604
|
-
`;
|
|
81605
|
-
const Tile$1 = styled.div`
|
|
81606
|
-
${({ theme, $isHorizontal }) => {
|
|
81607
|
-
return getGenesisClass$4(theme, $isHorizontal);
|
|
81674
|
+
return getGenesisClass$4(theme, state);
|
|
81608
81675
|
}}
|
|
81609
81676
|
`;
|
|
81610
|
-
const Tile = ({
|
|
81611
|
-
children: children2,
|
|
81612
|
-
dataTestId,
|
|
81613
|
-
className,
|
|
81614
|
-
style: style2,
|
|
81615
|
-
isHorizontal = false
|
|
81616
|
-
}) => {
|
|
81617
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
81618
|
-
Tile$1,
|
|
81619
|
-
{
|
|
81620
|
-
className,
|
|
81621
|
-
"data-testid": dataTestId,
|
|
81622
|
-
style: style2,
|
|
81623
|
-
$isHorizontal: isHorizontal,
|
|
81624
|
-
children: children2
|
|
81625
|
-
}
|
|
81626
|
-
);
|
|
81627
|
-
};
|
|
81628
81677
|
const ProgressText = ({
|
|
81629
81678
|
firstBarData,
|
|
81630
81679
|
secondBarData,
|
|
@@ -87457,6 +87506,7 @@ exports.ErrorBoundaryFallback = ErrorBoundaryFallback;
|
|
|
87457
87506
|
exports.Form = Form2;
|
|
87458
87507
|
exports.GENESIS = index$1;
|
|
87459
87508
|
exports.GenesisProvider = GenesisProvider;
|
|
87509
|
+
exports.GlobalHeader = GlobalHeader;
|
|
87460
87510
|
exports.GlobalStyles = GlobalStyles;
|
|
87461
87511
|
exports.IconButton = Button$1;
|
|
87462
87512
|
exports.Input = Input2;
|