takeat-design-system-ui-kit 0.4.20 → 0.4.21
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/cjs/components/Button/Button.stories.js +2 -0
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Button/index.d.ts +1 -0
- package/dist/cjs/components/Button/index.js +34 -2
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.stories.js +1 -1
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -1
- package/dist/esm/components/Button/Button.stories.js +2 -0
- package/dist/esm/components/Button/Button.stories.js.map +1 -1
- package/dist/esm/components/Button/index.d.ts +1 -0
- package/dist/esm/components/Button/index.js +35 -3
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Modal/Modal.stories.js +1 -1
- package/dist/esm/components/Modal/Modal.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;AAAA,sBAA2C;AAC3C,kCAA4C;AAC5C,sDAAuD;AACvD,mCAA2C;AAG3C,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,wNAIP,gCAAM,EACN,gCAAM,iMAGN,gCAAM,EACN,gCAAM,mIAEG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,iBAAc;aACxB;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,yCAAyC;iBACnD;aACF;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,qDAAqD;iBAC/D;aACF;SACF;QACD,UAAU,EAAE;YACV,EAAE,EAAE;gBACF,GAAG,EAAE,SAAS;gBACd,EAAE,EAAE,WAAW;aAChB;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAC,wBAAgB,KAAG;QAC1B,KAAK,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
23
23
|
isLoading?: boolean;
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
isSelected?: boolean;
|
|
26
|
+
triggerKey?: string;
|
|
26
27
|
}
|
|
27
28
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
28
29
|
export {};
|
|
@@ -16,15 +16,47 @@ exports.BUTTON_OPTIONS = {
|
|
|
16
16
|
segmented: styles_1.SegmentedButton,
|
|
17
17
|
};
|
|
18
18
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
19
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, props = tslib_1.__rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children"]);
|
|
19
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = tslib_1.__rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
20
20
|
var theme = (0, styled_components_1.useTheme)();
|
|
21
21
|
var ButtonToRender = exports.BUTTON_OPTIONS[variant];
|
|
22
|
+
var buttonRef = (0, react_1.useRef)(null);
|
|
22
23
|
var colorVariants = customColor
|
|
23
24
|
? (0, react_1.useMemo)(function () { return (0, functions_1.generateColorVariants)(customColor); }, [customColor])
|
|
24
25
|
: color
|
|
25
26
|
? theme.colors[color]
|
|
26
27
|
: undefined;
|
|
27
28
|
var textAndIcon = !!icon && !!children;
|
|
28
|
-
|
|
29
|
+
(0, react_1.useEffect)(function () {
|
|
30
|
+
if (!triggerKey)
|
|
31
|
+
return;
|
|
32
|
+
var handleKeyDown = function (event) {
|
|
33
|
+
if (event.key === triggerKey) {
|
|
34
|
+
if (!triggerKey || event.key !== triggerKey)
|
|
35
|
+
return;
|
|
36
|
+
var activeElement = document.activeElement;
|
|
37
|
+
var isInputFocused = activeElement instanceof HTMLInputElement ||
|
|
38
|
+
activeElement instanceof HTMLTextAreaElement;
|
|
39
|
+
if (isInputFocused)
|
|
40
|
+
return;
|
|
41
|
+
var button = buttonRef.current;
|
|
42
|
+
if (!button)
|
|
43
|
+
return;
|
|
44
|
+
var rect = button.getBoundingClientRect();
|
|
45
|
+
var isVisible = rect.width > 0 && rect.height > 0;
|
|
46
|
+
if (!isVisible)
|
|
47
|
+
return;
|
|
48
|
+
var topElement = document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
|
|
49
|
+
var isOnTop = topElement === button || button.contains(topElement);
|
|
50
|
+
if (!isOnTop)
|
|
51
|
+
return;
|
|
52
|
+
buttonRef.current.click();
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
56
|
+
return function () {
|
|
57
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
58
|
+
};
|
|
59
|
+
}, [triggerKey, ref]);
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
29
61
|
});
|
|
30
62
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ exports.default = meta;
|
|
|
40
40
|
exports.Example = {
|
|
41
41
|
render: function () {
|
|
42
42
|
var _a = (0, react_1.useState)(false), modalOpen = _a[0], setModalOpen = _a[1];
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [(0, jsx_runtime_1.jsxs)(_1.default.Header, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Modal de teste" }), (0, jsx_runtime_1.jsx)("h2", { children: "Subtitulo do modal de teste" })] }), (0, jsx_runtime_1.jsxs)(_1.default.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {})] }), (0, jsx_runtime_1.jsxs)(_1.default.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: consts_1.DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, triggerKey: "o", children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [(0, jsx_runtime_1.jsxs)(_1.default.Header, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Modal de teste" }), (0, jsx_runtime_1.jsx)("h2", { children: "Subtitulo do modal de teste" })] }), (0, jsx_runtime_1.jsxs)(_1.default.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {})] }), (0, jsx_runtime_1.jsxs)(_1.default.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: consts_1.DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
|
|
44
44
|
},
|
|
45
45
|
};
|
|
46
46
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;AACA,oCAAmC;AACnC,+BAAiC;AACjC,+CAAsB;AACtB,6CAAmD;AACnD,kCAA4C;AAC5C,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,UAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;AACA,oCAAmC;AACnC,+BAAiC;AACjC,+CAAsB;AACtB,6CAAmD;AACnD,kCAA4C;AAC5C,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,UAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EAAE,UAAU,EAAC,GAAG,2BAEtD,EAET,wBAAC,UAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,aAEhC,wBAAC,UAAK,CAAC,MAAM,eACX,4DAAuB,EACvB,yEAAoC,IACvB,EACf,wBAAC,UAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,uBAAC,wBAAgB,KAAG,IACT,EACb,wBAAC,UAAK,CAAC,MAAM,eACX,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAAiB,EAChE,uBAAC,eAAM,IACL,WAAW,EAAE,sBAAa,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC/C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,wNAIP,cAAM,EACN,cAAM,iMAGN,cAAM,EACN,cAAM,mIAEG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,cAAc;aACxB;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,yCAAyC;iBACnD;aACF;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,qDAAqD;iBAC/D;aACF;SACF;QACD,UAAU,EAAE;YACV,EAAE,EAAE;gBACF,GAAG,EAAE,SAAS;gBACd,EAAE,EAAE,WAAW;aAChB;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAC,gBAAgB,KAAG;QAC1B,KAAK,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
23
23
|
isLoading?: boolean;
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
isSelected?: boolean;
|
|
26
|
+
triggerKey?: string;
|
|
26
27
|
}
|
|
27
28
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
28
29
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef, useMemo } from "react";
|
|
3
|
+
import { forwardRef, useEffect, useMemo, useRef, } from "react";
|
|
4
4
|
import { OutlineButton, PrimaryButton, SegmentedButton, TextButton, TonalButton, } from "./styles";
|
|
5
5
|
import { generateColorVariants } from "../../utils/functions";
|
|
6
6
|
import { Spinner } from "../Spinner";
|
|
@@ -13,15 +13,47 @@ export var BUTTON_OPTIONS = {
|
|
|
13
13
|
segmented: SegmentedButton,
|
|
14
14
|
};
|
|
15
15
|
export var Button = forwardRef(function Button(_a, ref) {
|
|
16
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, props = __rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children"]);
|
|
16
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = __rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
17
17
|
var theme = useTheme();
|
|
18
18
|
var ButtonToRender = BUTTON_OPTIONS[variant];
|
|
19
|
+
var buttonRef = useRef(null);
|
|
19
20
|
var colorVariants = customColor
|
|
20
21
|
? useMemo(function () { return generateColorVariants(customColor); }, [customColor])
|
|
21
22
|
: color
|
|
22
23
|
? theme.colors[color]
|
|
23
24
|
: undefined;
|
|
24
25
|
var textAndIcon = !!icon && !!children;
|
|
25
|
-
|
|
26
|
+
useEffect(function () {
|
|
27
|
+
if (!triggerKey)
|
|
28
|
+
return;
|
|
29
|
+
var handleKeyDown = function (event) {
|
|
30
|
+
if (event.key === triggerKey) {
|
|
31
|
+
if (!triggerKey || event.key !== triggerKey)
|
|
32
|
+
return;
|
|
33
|
+
var activeElement = document.activeElement;
|
|
34
|
+
var isInputFocused = activeElement instanceof HTMLInputElement ||
|
|
35
|
+
activeElement instanceof HTMLTextAreaElement;
|
|
36
|
+
if (isInputFocused)
|
|
37
|
+
return;
|
|
38
|
+
var button = buttonRef.current;
|
|
39
|
+
if (!button)
|
|
40
|
+
return;
|
|
41
|
+
var rect = button.getBoundingClientRect();
|
|
42
|
+
var isVisible = rect.width > 0 && rect.height > 0;
|
|
43
|
+
if (!isVisible)
|
|
44
|
+
return;
|
|
45
|
+
var topElement = document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
|
|
46
|
+
var isOnTop = topElement === button || button.contains(topElement);
|
|
47
|
+
if (!isOnTop)
|
|
48
|
+
return;
|
|
49
|
+
buttonRef.current.click();
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
53
|
+
return function () {
|
|
54
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
55
|
+
};
|
|
56
|
+
}, [triggerKey, ref]);
|
|
57
|
+
return (_jsx(ButtonToRender, __assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? (_jsx(Spinner, { color: theme.colors.neutral.light })) : (_jsxs(_Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
26
58
|
});
|
|
27
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ export default meta;
|
|
|
36
36
|
export var Example = {
|
|
37
37
|
render: function () {
|
|
38
38
|
var _a = useState(false), modalOpen = _a[0], setModalOpen = _a[1];
|
|
39
|
-
return (_jsxs("div", { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), _jsxs(Modal, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [_jsxs(Modal.Header, { children: [_jsx("h1", { children: "Modal de teste" }), _jsx("h2", { children: "Subtitulo do modal de teste" })] }), _jsxs(Modal.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", _jsx(IconTakeatFilled, {})] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), _jsx(Button, { customColor: DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
|
|
39
|
+
return (_jsxs("div", { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, triggerKey: "o", children: "Open Modal" }), _jsxs(Modal, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [_jsxs(Modal.Header, { children: [_jsx("h1", { children: "Modal de teste" }), _jsx("h2", { children: "Subtitulo do modal de teste" })] }), _jsxs(Modal.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", _jsx(IconTakeatFilled, {})] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), _jsx(Button, { customColor: DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,0BACE,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,0BACE,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EAAE,UAAU,EAAC,GAAG,2BAEtD,EAET,MAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,aAEhC,MAAC,KAAK,CAAC,MAAM,eACX,0CAAuB,EACvB,uDAAoC,IACvB,EACf,MAAC,KAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,KAAC,gBAAgB,KAAG,IACT,EACb,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAAiB,EAChE,KAAC,MAAM,IACL,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC/C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|