@infomaximum/ui-kit 0.14.10 → 0.14.11
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.
|
@@ -18,11 +18,11 @@ export declare const useCustomFloating: ({ placement, autoAdjustOverflow, withAr
|
|
|
18
18
|
x: number;
|
|
19
19
|
y: number;
|
|
20
20
|
placement: import('@floating-ui/utils').Placement;
|
|
21
|
-
floatingStyles: React.CSSProperties;
|
|
22
21
|
strategy: import('@floating-ui/utils').Strategy;
|
|
23
22
|
middlewareData: import('@floating-ui/core').MiddlewareData;
|
|
24
23
|
isPositioned: boolean;
|
|
25
24
|
update: () => void;
|
|
25
|
+
floatingStyles: React.CSSProperties;
|
|
26
26
|
open: boolean;
|
|
27
27
|
onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
|
|
28
28
|
events: import('@floating-ui/react').FloatingEvents;
|
|
@@ -6,6 +6,7 @@ import { isUndefined } from "lodash-es";
|
|
|
6
6
|
import { getVariantAndColorByType, defaultLoadingIconTestIdSuffix, defaultLoadingIconTestId, defaultButtonTestId } from "./Button.utils.js";
|
|
7
7
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
8
8
|
import { LoadingOutlined } from "../../icons/icons/LoadingOutlined.js";
|
|
9
|
+
import { Tooltip } from "../Tooltip/Tooltip.js";
|
|
9
10
|
const ButtonComponent = ({
|
|
10
11
|
className,
|
|
11
12
|
type,
|
|
@@ -21,6 +22,7 @@ const ButtonComponent = ({
|
|
|
21
22
|
href,
|
|
22
23
|
onClick,
|
|
23
24
|
testId,
|
|
25
|
+
tooltip,
|
|
24
26
|
...standardAttributes
|
|
25
27
|
}) => {
|
|
26
28
|
var _a, _b, _c, _d, _e;
|
|
@@ -39,16 +41,17 @@ const ButtonComponent = ({
|
|
|
39
41
|
disabled,
|
|
40
42
|
hasIconOnly: isUndefined(children) && !isUndefined(icon)
|
|
41
43
|
});
|
|
42
|
-
const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
const currentIcon = currentLoading || icon ? /* @__PURE__ */ jsx("span", { css: [buttonDefaultStyle.iconWrapper(theme), (_c = styles == null ? void 0 : styles.iconWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:currentIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], children: currentLoading ? /* @__PURE__ */ jsx(LoadingOutlined, { "test-id": testId ? `${testId}${defaultLoadingIconTestIdSuffix}` : defaultLoadingIconTestId }) : icon }) : null;
|
|
43
45
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
44
46
|
iconPosition === "start" && currentIcon,
|
|
45
47
|
children,
|
|
46
48
|
iconPosition === "end" && currentIcon
|
|
47
49
|
] });
|
|
48
|
-
|
|
49
|
-
|
|
50
|
+
const buttonElement = currentVariant === "link" ? /* @__PURE__ */ jsx("a", { className, css: [buttonDefaultStyle.wrapper(theme), (_d = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _d.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], href, "test-id": testId ?? defaultButtonTestId, onClick, children: content }) : /* @__PURE__ */ jsx("button", { ...standardAttributes, className, css: [buttonDefaultStyle.wrapper(theme), (_e = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _e.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:buttonElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuL0J1dHRvbi50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0QnV0dG9uRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vQnV0dG9uLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IHdpdGhUaGVtZVByb3ZpZGVyIH0gZnJvbSBcImhvY3Mvd2l0aFRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgdXNlTG9hZGluZ0RlbGF5IH0gZnJvbSBcImhvb2tzL3VzZUxvYWRpbmdEZWxheVwiO1xuaW1wb3J0IHsgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQge1xuICBkZWZhdWx0QnV0dG9uVGVzdElkLFxuICBkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWQsXG4gIGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFN1ZmZpeCxcbiAgZ2V0VmFyaWFudEFuZENvbG9yQnlUeXBlLFxufSBmcm9tIFwiLi9CdXR0b24udXRpbHNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuXG5jb25zdCBCdXR0b25Db21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPj4gPSAoe1xuICBjbGFzc05hbWUsXG4gIHR5cGUsXG4gIHZhcmlhbnQsXG4gIGNvbG9yLFxuICBsb2FkaW5nID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGJsb2NrID0gZmFsc2UsXG4gIHN0eWxlcyxcbiAgY2hpbGRyZW4sXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9IFwic3RhcnRcIixcbiAgaHJlZixcbiAgb25DbGljayxcbiAgdGVzdElkLFxuICB0b29sdGlwLFxuICAuLi5zdGFuZGFyZEF0dHJpYnV0ZXNcbn0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IGN1cnJlbnRMb2FkaW5nLCBpc0RlbGF5IH0gPSB1c2VMb2FkaW5nRGVsYXkobG9hZGluZyk7XG5cbiAgY29uc3QgY3VycmVudFZhcmlhbnQgPSB2YXJpYW50ID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8udmFyaWFudCA/PyBcIm91dGxpbmVkXCI7XG4gIGNvbnN0IGN1cnJlbnRDb2xvciA9IGNvbG9yID8/IGdldFZhcmlhbnRBbmRDb2xvckJ5VHlwZSh0eXBlKT8uY29sb3IgPz8gXCJkZWZhdWx0XCI7XG5cbiAgY29uc3QgYnV0dG9uRGVmYXVsdFN0eWxlID0gZ2V0QnV0dG9uRGVmYXVsdFN0eWxlKHtcbiAgICB2YXJpYW50OiBjdXJyZW50VmFyaWFudCxcbiAgICBjb2xvcjogY3VycmVudENvbG9yLFxuICAgIGxvYWRpbmc6IGN1cnJlbnRMb2FkaW5nLFxuICAgIGJsb2NrLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0ljb25Pbmx5OiBpc1VuZGVmaW5lZChjaGlsZHJlbikgJiYgIWlzVW5kZWZpbmVkKGljb24pLFxuICB9KTtcblxuICBjb25zdCBjdXJyZW50SWNvbiA9XG4gICAgY3VycmVudExvYWRpbmcgfHwgaWNvbiA/IChcbiAgICAgIDxzcGFuIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSksIHN0eWxlcz8uaWNvbldyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgICAge2N1cnJlbnRMb2FkaW5nID8gKFxuICAgICAgICAgIDxMb2FkaW5nT3V0bGluZWRcbiAgICAgICAgICAgIHRlc3QtaWQ9e1xuICAgICAgICAgICAgICB0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0TG9hZGluZ0ljb25UZXN0SWRTdWZmaXh9YCA6IGRlZmF1bHRMb2FkaW5nSWNvblRlc3RJZFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IGNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwic3RhcnRcIiAmJiBjdXJyZW50SWNvbn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpY29uUG9zaXRpb24gPT09IFwiZW5kXCIgJiYgY3VycmVudEljb259XG4gICAgPC8+XG4gICk7XG5cbiAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgY3VycmVudFZhcmlhbnQgPT09IFwibGlua1wiID8gKFxuICAgICAgPGFcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17W2J1dHRvbkRlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgaHJlZj17aHJlZn1cbiAgICAgICAgdGVzdC1pZD17dGVzdElkID8/IGRlZmF1bHRCdXR0b25UZXN0SWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9hPlxuICAgICkgOiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHsuLi5zdGFuZGFyZEF0dHJpYnV0ZXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e1tidXR0b25EZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBjdXJyZW50TG9hZGluZyB8fCBpc0RlbGF5fVxuICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPz8gZGVmYXVsdEJ1dHRvblRlc3RJZH1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuXG4gIGlmICh0b29sdGlwICYmIHRvb2x0aXAudGl0bGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGl0bGU9e3Rvb2x0aXAudGl0bGV9IHBsYWNlbWVudD17dG9vbHRpcC5wbGFjZW1lbnR9IGFsaWduPXt0b29sdGlwLmFsaWdufT5cbiAgICAgICAge2J1dHRvbkVsZW1lbnR9XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiBidXR0b25FbGVtZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHdpdGhUaGVtZVByb3ZpZGVyPEJ1dHRvblByb3BzPihCdXR0b25Db21wb25lbnQpO1xuIl19 */"], onClick, disabled: disabled || currentLoading || isDelay, "test-id": testId ?? defaultButtonTestId, children: content });
|
|
51
|
+
if (tooltip && tooltip.title) {
|
|
52
|
+
return /* @__PURE__ */ jsx(Tooltip, { title: tooltip.title, placement: tooltip.placement, align: tooltip.align, children: buttonElement });
|
|
50
53
|
}
|
|
51
|
-
return
|
|
54
|
+
return buttonElement;
|
|
52
55
|
};
|
|
53
56
|
const Button = withThemeProvider(ButtonComponent);
|
|
54
57
|
export {
|
|
@@ -36,7 +36,7 @@ const getWrapperSolidStyle = (theme, color, disabled) => {
|
|
|
36
36
|
const buttonTokens = getButtonTokens(theme);
|
|
37
37
|
const generalStyles = {
|
|
38
38
|
color: buttonTokens.buttonSolidText,
|
|
39
|
-
border: "
|
|
39
|
+
border: "1px solid transparent"
|
|
40
40
|
};
|
|
41
41
|
const disabledStyle = {
|
|
42
42
|
border: `1px solid ${buttonTokens.buttonDefaultBorder}`,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Interpolation } from '@emotion/react';
|
|
2
2
|
import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
3
3
|
import { Theme } from '../../themes';
|
|
4
|
+
import { BaseTooltipAlign, BaseTooltipPlacementType } from '../BaseTooltip/BaseTooltip.types';
|
|
4
5
|
export type ButtonVariant = "solid" | "outlined" | "dashed" | "text" | "link";
|
|
5
6
|
export type ButtonColor = "default" | "primary" | "danger" | "remove";
|
|
6
7
|
export type ButtonIconPosition = "start" | "end";
|
|
@@ -24,6 +25,11 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
24
25
|
iconWrapper: (theme: Theme) => Interpolation;
|
|
25
26
|
};
|
|
26
27
|
testId?: string;
|
|
28
|
+
tooltip?: {
|
|
29
|
+
title: string | undefined;
|
|
30
|
+
placement?: BaseTooltipPlacementType;
|
|
31
|
+
align?: BaseTooltipAlign;
|
|
32
|
+
};
|
|
27
33
|
}
|
|
28
34
|
export type ButtonDefaultStylesProps = Required<Pick<ButtonProps, "variant" | "color" | "loading" | "block" | "disabled"> & {
|
|
29
35
|
hasIconOnly: boolean;
|