takeat-design-system-ui-kit 0.1.101 → 0.1.103
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/Dropdown/Dropdown.stories.d.ts +6 -0
- package/dist/cjs/components/Dropdown/Dropdown.stories.js +41 -0
- package/dist/cjs/components/Dropdown/Dropdown.stories.js.map +1 -0
- package/dist/cjs/components/Dropdown/index.d.ts +8 -0
- package/dist/cjs/components/Dropdown/index.js +40 -0
- package/dist/cjs/components/Dropdown/index.js.map +1 -0
- package/dist/cjs/components/Dropdown/styles.d.ts +7 -0
- package/dist/cjs/components/Dropdown/styles.js +26 -0
- package/dist/cjs/components/Dropdown/styles.js.map +1 -0
- package/dist/cjs/components/FormItens/Checkbox/index.d.ts +2 -0
- package/dist/cjs/components/FormItens/Checkbox/index.js +2 -2
- package/dist/cjs/components/FormItens/Checkbox/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Checkbox/styles.js +1 -1
- package/dist/cjs/components/FormItens/Checkbox/styles.js.map +1 -1
- package/dist/cjs/components/Keyboard/Keyboard.stories.js +1 -1
- package/dist/cjs/components/Keyboard/Keyboard.stories.js.map +1 -1
- package/dist/cjs/components/Keyboard/index.js +24 -1
- package/dist/cjs/components/Keyboard/index.js.map +1 -1
- package/dist/cjs/components/Keyboard/styles.d.ts +1 -0
- package/dist/cjs/components/Keyboard/styles.js +5 -4
- package/dist/cjs/components/Keyboard/styles.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +6 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.stories.d.ts +6 -0
- package/dist/esm/components/Dropdown/Dropdown.stories.js +38 -0
- package/dist/esm/components/Dropdown/Dropdown.stories.js.map +1 -0
- package/dist/esm/components/Dropdown/index.d.ts +8 -0
- package/dist/esm/components/Dropdown/index.js +37 -0
- package/dist/esm/components/Dropdown/index.js.map +1 -0
- package/dist/esm/components/Dropdown/styles.d.ts +7 -0
- package/dist/esm/components/Dropdown/styles.js +23 -0
- package/dist/esm/components/Dropdown/styles.js.map +1 -0
- package/dist/esm/components/FormItens/Checkbox/index.d.ts +2 -0
- package/dist/esm/components/FormItens/Checkbox/index.js +2 -2
- package/dist/esm/components/FormItens/Checkbox/index.js.map +1 -1
- package/dist/esm/components/FormItens/Checkbox/styles.js +1 -1
- package/dist/esm/components/FormItens/Checkbox/styles.js.map +1 -1
- package/dist/esm/components/Keyboard/Keyboard.stories.js +1 -1
- package/dist/esm/components/Keyboard/Keyboard.stories.js.map +1 -1
- package/dist/esm/components/Keyboard/index.js +26 -3
- package/dist/esm/components/Keyboard/index.js.map +1 -1
- package/dist/esm/components/Keyboard/styles.d.ts +1 -0
- package/dist/esm/components/Keyboard/styles.js +4 -3
- package/dist/esm/components/Keyboard/styles.js.map +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Example = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
var _1 = require(".");
|
|
7
|
+
var styles_1 = require("../StoriesComponents/styles");
|
|
8
|
+
var Button_1 = require("../Button");
|
|
9
|
+
var react_1 = require("react");
|
|
10
|
+
var meta = {
|
|
11
|
+
title: "Design System/Dropdown",
|
|
12
|
+
component: _1.Dropdown,
|
|
13
|
+
parameters: {
|
|
14
|
+
componentSubtitle: (0, jsx_runtime_1.jsx)(styles_1.Subtitle, {}),
|
|
15
|
+
},
|
|
16
|
+
argTypes: {},
|
|
17
|
+
args: {},
|
|
18
|
+
};
|
|
19
|
+
exports.default = meta;
|
|
20
|
+
var FAKE_DATA = [
|
|
21
|
+
{ label: "Páscoa", value: 1 },
|
|
22
|
+
{ label: "Natal", value: 2 },
|
|
23
|
+
{ label: "Dia das Mães", value: 3 },
|
|
24
|
+
{ label: "Dia dos Pais", value: 4 },
|
|
25
|
+
{
|
|
26
|
+
label: "Campanha com",
|
|
27
|
+
value: 5,
|
|
28
|
+
},
|
|
29
|
+
];
|
|
30
|
+
exports.Example = {
|
|
31
|
+
name: "Exemplo",
|
|
32
|
+
args: {
|
|
33
|
+
anchor: "dropdown-button",
|
|
34
|
+
},
|
|
35
|
+
render: function (args) {
|
|
36
|
+
var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
|
|
37
|
+
var dropdownRef = (0, react_1.useRef)(null);
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { id: "dropdown-button", onClick: function () { return setOpen(function (state) { return !state; }); }, children: "Dropdown test" }), (0, jsx_runtime_1.jsxs)(_1.Dropdown, tslib_1.__assign({ ref: dropdownRef }, args, { isOpen: open, toggle: function () { return setOpen(false); }, children: [FAKE_DATA.map(function (item) { return ((0, jsx_runtime_1.jsx)("span", { children: item.label })); }), (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Limpar" })] }))] }));
|
|
39
|
+
},
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,oCAAmC;AACnC,+BAAyC;AAEzC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,IAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;IAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE;IAC5B,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;IACD,MAAM,EAAE,UAAC,IAAI;QACL,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;QACxC,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;QACjC,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,EAAN,CAAM,CAAC,EAA1B,CAA0B,8BAE7D,EACT,wBAAC,WAAQ,qBACP,GAAG,EAAE,WAAW,IACZ,IAAI,IACR,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,aAE3B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,2CAAO,IAAI,CAAC,KAAK,GAAQ,CAC1B,EAFwB,CAExB,CAAC,EACF,uBAAC,eAAM,yBAAgB,KACd,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
anchor: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Dropdown = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
var styles_1 = require("./styles");
|
|
8
|
+
exports.Dropdown = (0, react_1.forwardRef)(function Dropdown(_a, ref) {
|
|
9
|
+
var isOpen = _a.isOpen, toggle = _a.toggle, anchor = _a.anchor, children = _a.children, props = tslib_1.__rest(_a, ["isOpen", "toggle", "anchor", "children"]);
|
|
10
|
+
var _b = (0, react_1.useState)({ top: 0, right: 0, width: 0 }), position = _b[0], setPosition = _b[1];
|
|
11
|
+
var anchorElement = document.getElementById(anchor);
|
|
12
|
+
var anchorRect = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getBoundingClientRect();
|
|
13
|
+
(0, react_1.useEffect)(function () {
|
|
14
|
+
if (anchorRect) {
|
|
15
|
+
setPosition({
|
|
16
|
+
top: anchorRect.top + anchorRect.height + 4,
|
|
17
|
+
right: anchorRect.left,
|
|
18
|
+
width: anchorRect.width,
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
}, [isOpen]);
|
|
22
|
+
// close dropdown when clicking outside
|
|
23
|
+
(0, react_1.useEffect)(function () {
|
|
24
|
+
var handleClickOutside = function (event) {
|
|
25
|
+
var _a;
|
|
26
|
+
if (ref &&
|
|
27
|
+
// @ts-ignore
|
|
28
|
+
!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) &&
|
|
29
|
+
!(anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.contains(event.target))) {
|
|
30
|
+
toggle();
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
34
|
+
return function () {
|
|
35
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
36
|
+
};
|
|
37
|
+
}, [ref, toggle]);
|
|
38
|
+
return (isOpen && ((0, jsx_runtime_1.jsx)(styles_1.DropdownContainer, tslib_1.__assign({ top: position.top, right: position.right, minWidth: position.width, ref: ref }, props, { children: children }))));
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+E;AAC/E,mCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC;gBACV,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;gBAC3C,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCAAuC;IACvC,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IACE,GAAG;gBACH,aAAa;gBACb,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;gBAC5C,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC9C,CAAC;gBACD,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAM,IAAI,CACR,uBAAC,0BAAiB,qBAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACS,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface DropdownContainerProps {
|
|
2
|
+
top: number;
|
|
3
|
+
right: number;
|
|
4
|
+
minWidth: number;
|
|
5
|
+
}
|
|
6
|
+
export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownContainerProps>> & string;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropdownContainer = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
exports.DropdownContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: ", "px;\n right: ", "px;\n min-width: ", "px;\n gap: 10px;\n border-radius: ", ";\n background: white;\n box-shadow: ", ";\n padding: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: ", "px;\n right: ", "px;\n min-width: ", "px;\n gap: 10px;\n border-radius: ", ";\n background: white;\n box-shadow: ", ";\n padding: ", ";\n"])), function (_a) {
|
|
7
|
+
var top = _a.top;
|
|
8
|
+
return top;
|
|
9
|
+
}, function (_a) {
|
|
10
|
+
var right = _a.right;
|
|
11
|
+
return right;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var minWidth = _a.minWidth;
|
|
14
|
+
return minWidth;
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.radius.m;
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.shadows.default;
|
|
21
|
+
}, function (_a) {
|
|
22
|
+
var theme = _a.theme;
|
|
23
|
+
return theme.spacing.xs;
|
|
24
|
+
});
|
|
25
|
+
var templateObject_1;
|
|
26
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAQ1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,0UAAwB,2GAK1D,EAAgB,gBACd,EAAoB,oBAChB,EAA0B,sCAEtB,EAA6B,yCAEhC,EAAoC,gBACvC,EAA+B,KAC3C,KARQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACd,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAChB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAEtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAEhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EACvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC1C"}
|
|
@@ -4,6 +4,8 @@ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
description?: React.ReactNode;
|
|
6
6
|
register?: UseFormRegisterReturn;
|
|
7
|
+
containerStyles?: React.CSSProperties;
|
|
8
|
+
labelStyles?: React.CSSProperties;
|
|
7
9
|
}
|
|
8
10
|
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
11
|
export {};
|
|
@@ -7,8 +7,8 @@ var react_1 = require("react");
|
|
|
7
7
|
var styles_1 = require("./styles");
|
|
8
8
|
var icons_1 = require("../../icons");
|
|
9
9
|
exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
|
|
10
|
-
var label = _a.label, description = _a.description, register = _a.register, props = tslib_1.__rest(_a, ["label", "description", "register"]);
|
|
10
|
+
var label = _a.label, labelStyles = _a.labelStyles, containerStyles = _a.containerStyles, description = _a.description, register = _a.register, props = tslib_1.__rest(_a, ["label", "labelStyles", "containerStyles", "description", "register"]);
|
|
11
11
|
var disabled = props.disabled;
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { children: [(0, jsx_runtime_1.jsxs)("label", { "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox", disabled: disabled }, props, register)), label, (0, jsx_runtime_1.jsx)(icons_1.IconCheckboxCheckedFilled, {})] }), description && (0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, children: description })] }));
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { style: containerStyles, children: [(0, jsx_runtime_1.jsxs)("label", { className: "checkbox-label", "aria-disabled": disabled, style: labelStyles, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox", disabled: disabled, className: "checkbox-input" }, props, register)), label, (0, jsx_runtime_1.jsx)(icons_1.IconCheckboxCheckedFilled, {})] }), description && ((0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, className: "checkbox-description", children: description }))] }));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA2C;AAE3C,qCAAwD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA2C;AAE3C,qCAAwD;AAU3C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAAgC;IAP9B,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBANV,sEAOC,CADS;IAIF,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,wBAAC,wBAAe,IAAC,KAAK,EAAE,eAAe,aACrC,mCACE,SAAS,EAAC,gBAAgB,mBACX,QAAQ,EACvB,KAAK,EAAE,WAAW,aAElB,mDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACL,QAAQ,EACZ,EACD,KAAK,EACN,uBAAC,iCAAyB,KAAG,IACvB,EACP,WAAW,IAAI,CACd,+CAAkB,QAAQ,EAAE,SAAS,EAAC,sBAAsB,YACzD,WAAW,GACV,CACL,IACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.CheckboxWrapper = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.CheckboxWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width:
|
|
6
|
+
exports.CheckboxWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width: 100%;\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n display: flex;\n gap: ", ";\n align-items: center;\n border-radius: 4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n cursor: default;\n }\n }\n\n input[type=\"checkbox\"] {\n flex-shrink: 0;\n position: relative;\n -webkit-appearance: none;\n appearance: none;\n background-color: #fff;\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 18px;\n height: 18px;\n border: 2px solid ", ";\n border-radius: 2px;\n cursor: pointer;\n }\n\n input[type=\"checkbox\"]:focus,\n input[type=\"checkbox\"]:focus-visible {\n outline: none;\n }\n\n label:has(> input[type=\"checkbox\"]:focus-visible) {\n outline: 1px solid ", ";\n outline-offset: 2px;\n }\n\n input[type=\"checkbox\"]:disabled {\n cursor: default;\n border-color: ", ";\n\n &::before {\n background-color: ", ";\n }\n }\n\n p {\n margin: 0;\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n }\n }\n\n svg {\n position: absolute;\n top: -2px;\n left: -3px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 24px;\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:disabled ~ svg {\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:checked ~ svg {\n opacity: 1;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width: 100%;\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n display: flex;\n gap: ", ";\n align-items: center;\n border-radius: 4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n cursor: default;\n }\n }\n\n input[type=\"checkbox\"] {\n flex-shrink: 0;\n position: relative;\n -webkit-appearance: none;\n appearance: none;\n background-color: #fff;\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 18px;\n height: 18px;\n border: 2px solid ", ";\n border-radius: 2px;\n cursor: pointer;\n }\n\n input[type=\"checkbox\"]:focus,\n input[type=\"checkbox\"]:focus-visible {\n outline: none;\n }\n\n label:has(> input[type=\"checkbox\"]:focus-visible) {\n outline: 1px solid ", ";\n outline-offset: 2px;\n }\n\n input[type=\"checkbox\"]:disabled {\n cursor: default;\n border-color: ", ";\n\n &::before {\n background-color: ", ";\n }\n }\n\n p {\n margin: 0;\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n }\n }\n\n svg {\n position: absolute;\n top: -2px;\n left: -3px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 24px;\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:disabled ~ svg {\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:checked ~ svg {\n opacity: 1;\n }\n"])), function (_a) {
|
|
7
7
|
var theme = _a.theme;
|
|
8
8
|
return theme.spacing.xxs;
|
|
9
9
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,uyDAAA,+EAIhC,EAAgC,2FAM5B,EAA0C,2KAO5C,EAAgC,wGAK5B,EAA2C,mUAgBlC,EAA0C,qPAWzC,EAA0C,qHAM/C,EAA2C,gDAGrC,EAA2C,qDAMxD,EAAwC,8LAQtC,EAA2C,sKAW9C,EAAyC,mEAIzC,EAA2C,8EAMtD,KAzFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAM5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAO5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAK5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAgBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAWzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAW9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMrD"}
|
|
@@ -20,7 +20,7 @@ exports.Example = {
|
|
|
20
20
|
name: "Exemplo",
|
|
21
21
|
render: function () {
|
|
22
22
|
var _a = (0, react_1.useState)(""), inputValue = _a[0], setInputValue = _a[1];
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), (0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Teste 2 keyboard" }), (0, jsx_runtime_1.jsx)(_1.Keyboard, {})] }));
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), (0, jsx_runtime_1.jsx)(Input_1.Input, { "keyboard-type": "numeric", placeholder: "Teste 2 keyboard" }), (0, jsx_runtime_1.jsx)(_1.Keyboard, {})] }));
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
//# sourceMappingURL=Keyboard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,4CAA2C;AAC3C,+BAAiC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,6DACE,uBAAC,aAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,uBAAC,aAAK,
|
|
1
|
+
{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,4CAA2C;AAC3C,+BAAiC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,6DACE,uBAAC,aAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,uBAAC,aAAK,qBAAe,SAAS,EAAC,WAAW,EAAC,kBAAkB,GAAG,EAChE,uBAAC,WAAQ,KAAG,IACX,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -6,16 +6,27 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
var react_1 = require("react");
|
|
7
7
|
var react_dom_1 = require("react-dom");
|
|
8
8
|
var styles_1 = require("./styles");
|
|
9
|
+
var KEYBOARD_LAYOUTS = {
|
|
10
|
+
default: [
|
|
11
|
+
["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
|
|
12
|
+
["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
|
|
13
|
+
["a", "s", "d", "f", "g", "h", "j", "k", "l"],
|
|
14
|
+
["z", "x", "c", "v", "b", "n", "m"],
|
|
15
|
+
],
|
|
16
|
+
numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]],
|
|
17
|
+
};
|
|
9
18
|
exports.Keyboard = (0, react_1.forwardRef)(function Keyboard(_a, ref) {
|
|
10
19
|
var props = tslib_1.__rest(_a, []);
|
|
11
20
|
var _b = (0, react_1.useState)(false), visible = _b[0], setVisible = _b[1];
|
|
12
21
|
var _c = (0, react_1.useState)({ top: 0, left: 0 }), position = _c[0], setPosition = _c[1];
|
|
13
22
|
var _d = (0, react_1.useState)(null), focusedInput = _d[0], setFocusedInput = _d[1];
|
|
23
|
+
var _e = (0, react_1.useState)("default"), keyboardType = _e[0], setKeyboardType = _e[1];
|
|
14
24
|
(0, react_1.useEffect)(function () {
|
|
15
25
|
var handleFocusIn = function (event) {
|
|
16
26
|
var target = event.target;
|
|
17
27
|
if (target.tagName === "INPUT") {
|
|
18
28
|
setFocusedInput(target);
|
|
29
|
+
setKeyboardType(target.getAttribute("keyboard-type") || "default");
|
|
19
30
|
var rect = target.getBoundingClientRect();
|
|
20
31
|
setPosition({ top: rect.bottom + 4, left: rect.left });
|
|
21
32
|
setVisible(true);
|
|
@@ -41,6 +52,16 @@ exports.Keyboard = (0, react_1.forwardRef)(function Keyboard(_a, ref) {
|
|
|
41
52
|
var start = focusedInput.selectionStart || 0;
|
|
42
53
|
var end = focusedInput.selectionEnd || 0;
|
|
43
54
|
var value = focusedInput.value;
|
|
55
|
+
// Caso especial para a tecla de backspace
|
|
56
|
+
if (key === "Backspace") {
|
|
57
|
+
// Remover o caractere anterior ao cursor
|
|
58
|
+
focusedInput.value = value.slice(0, start - 1) + value.slice(end);
|
|
59
|
+
// Atualizar a posição do cursor
|
|
60
|
+
focusedInput.setSelectionRange(start - 1, start - 1);
|
|
61
|
+
// Disparar evento para atualizar estado do React Hook Form ou similar
|
|
62
|
+
focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
44
65
|
// Inserir o caractere pressionado no input
|
|
45
66
|
focusedInput.value = value.slice(0, start) + key + value.slice(end);
|
|
46
67
|
// Atualizar a posição do cursor
|
|
@@ -51,7 +72,9 @@ exports.Keyboard = (0, react_1.forwardRef)(function Keyboard(_a, ref) {
|
|
|
51
72
|
};
|
|
52
73
|
if (!visible)
|
|
53
74
|
return null;
|
|
54
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.
|
|
75
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.KeyboardContainer, tslib_1.__assign({ ref: ref }, props, { top: position.top, left: position.left, children: KEYBOARD_LAYOUTS[keyboardType].map(function (row) {
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.KeyboardRow, { children: row.map(function (key) { return ((0, jsx_runtime_1.jsx)(styles_1.KeyButton, { className: "keyboard-button", onMouseDown: function (e) { return handleKeyPress(key, e); }, children: key }, key)); }) }));
|
|
77
|
+
}) })), document.body // Usar React Portal para renderizar fora da hierarquia principal
|
|
55
78
|
);
|
|
56
79
|
});
|
|
57
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,uCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,6 @@ interface KeyboardProps {
|
|
|
3
3
|
left: number;
|
|
4
4
|
}
|
|
5
5
|
export declare const KeyboardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, KeyboardProps>> & string;
|
|
6
|
+
export declare const KeyboardRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
7
|
export declare const KeyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
7
8
|
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.KeyButton = exports.KeyboardContainer = void 0;
|
|
3
|
+
exports.KeyButton = exports.KeyboardRow = exports.KeyboardContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.KeyboardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-
|
|
7
|
-
exports.
|
|
8
|
-
|
|
6
|
+
exports.KeyboardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n gap: 8px;\n pointer-events: auto;\n"], ["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n gap: 8px;\n pointer-events: auto;\n"])), function (props) { return props.top; }, function (props) { return props.left; });
|
|
7
|
+
exports.KeyboardRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: flex;\n gap: 8px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 8px;\n justify-content: center;\n"])));
|
|
8
|
+
exports.KeyButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 4px;\n width: 40px;\n height: 40px;\n background-color: #f7f7f7;\n color: #333;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #e0e0e0;\n }\n\n &:active {\n background-color: #ccc;\n }\n"], ["\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 4px;\n width: 40px;\n height: 40px;\n background-color: #f7f7f7;\n color: #333;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #e0e0e0;\n }\n\n &:active {\n background-color: #ccc;\n }\n"])));
|
|
9
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
9
10
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,kXAAe,kCAEjD,EAAoB,eACnB,EAAqB,kPAW9B,KAZQ,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,EAW7B;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0IAAA,+DAIpC,KAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,+XAAA,oTAkBrC,KAAC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -34,6 +34,8 @@ import { Menu } from "./components/Menu";
|
|
|
34
34
|
export { Menu };
|
|
35
35
|
import { Badge } from "./components/Badge";
|
|
36
36
|
export { Badge };
|
|
37
|
+
import { Dropdown } from "./components/Dropdown";
|
|
38
|
+
export { Dropdown };
|
|
37
39
|
import { Grid } from "./components/Layouts/Grid";
|
|
38
40
|
export { Grid };
|
|
39
41
|
import { GridArea } from "./components/Layouts/GridArea";
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
// Componentes
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
6
|
-
exports.
|
|
7
|
-
exports.IconRoundChat = exports.IconUserGroup = exports.IconUserError = exports.IconTrophy = exports.IconPix = exports.IconMedal = exports.IconError = exports.IconCheckCircle = exports.IconCelebratingUser = exports.IconTakeatClub = exports.IconCardFront = exports.IconCardBack = exports.IconRescueCashback = exports.IconCashback = exports.IconTrashFilled = exports.IconTakeatCart = exports.IconWhatsappFilled = exports.IconWhatsapp = exports.IconWarningFilled = exports.IconWarning = void 0;
|
|
4
|
+
exports.IconCashierFilled = exports.IconCashier = exports.IconCalendarFilled = exports.IconCalendarCheckFilled = exports.IconCalendarCheck = exports.IconCalendar = exports.IconCached = exports.IconBullhorn = exports.IconBookOpenFilled = exports.IconBookOpen = exports.IconBillFilled = exports.IconBill = exports.IconBellNotificationFilled = exports.IconBellNotification = exports.IconBellFilled = exports.IconBell = exports.IconBarGraph = exports.IconArrowUp = exports.IconArrowDropUp = exports.IconArrowDropDown = exports.IconArrowDown = exports.IconAddCircleFilled = exports.DEFAULT_THEME = exports.UiKitTheme = exports.validateCPF = exports.clearPhone = exports.maskString = exports.formatPrice = exports.ColumnsGrid = exports.GridArea = exports.Grid = exports.Dropdown = exports.Badge = exports.Menu = exports.Tooltip = exports.TabGroup = exports.Spinner = exports.SingleTab = exports.SingleCalendar = exports.NotificationBanner = exports.Modal = exports.Switch = exports.Select = exports.RadioGroup = exports.Radio = exports.Input = exports.Checkbox = exports.Divider = exports.Calendar = exports.Button = void 0;
|
|
5
|
+
exports.IconMenuCircles = exports.IconMenu = exports.IconManager = exports.IconMailFilled = exports.IconMail = exports.IconLogout = exports.IconLikeFilled = exports.IconLike = exports.IconInstagram = exports.IconInfoFilled = exports.IconInfo = exports.IconIdCardFilled = exports.IconIdCard = exports.IconHomeFilled = exports.IconHome = exports.IconHelpFilled = exports.IconHandFilled = exports.IconHand = exports.IconFolderOpenFilled = exports.IconFolderOpen = exports.IconFilterList = exports.IconEyeSlashFilled = exports.IconEyeSlash = exports.IconEyeFilled = exports.IconEye = exports.IconExternalLink = exports.IconExclamation = exports.IconExchange = exports.IconDownload = exports.IconDollarSign = exports.IconCopyFilled = exports.IconCopy = exports.IconCloudFilled = exports.IconCloud = exports.IconCloseCircleFilled = exports.IconCloseCircle = exports.IconClose = exports.IconClock = exports.IconClipboardCheckFilled = exports.IconClipboardCheck = exports.IconChevronUp = exports.IconChevronRight = exports.IconChevronLeft = exports.IconChevronDown = exports.IconCheckboxCheckedFilled = exports.IconCheckboxChecked = exports.IconCheckbox = exports.IconCheck = exports.IconChatFilled = exports.IconChat = void 0;
|
|
6
|
+
exports.IconUtensils = exports.IconUserFilled = exports.IconUserCircleFilled = exports.IconUserCircle = exports.IconUserAddFilled = exports.IconUserAdd = exports.IconUser = exports.IconTrendingUp = exports.IconTrendingDown = exports.IconTrash = exports.IconTicketFilled = exports.IconTicket = exports.IconTakeatFilled = exports.IconTakeat = exports.IconStoreFilled = exports.IconStore = exports.IconStarFilled = exports.IconStar = exports.IconSettingsFilled = exports.IconSettings = exports.IconSearch = exports.IconScheduleFilled = exports.IconRefresh = exports.IconRadioButtonChecked = exports.IconRadioButton = exports.IconQuestion = exports.IconQrCode = exports.IconPrinterFilled = exports.IconPrinter = exports.IconPower = exports.IconPlusCircle = exports.IconPlus = exports.IconPlaySquareFilled = exports.IconPlaySquare = exports.IconPlayCircleFilled = exports.IconPlayCircle = exports.IconPiggyBankFilled = exports.IconPiggyBank = exports.IconPhoneFilled = exports.IconPhone = exports.IconPercent = exports.IconPencilFilled = exports.IconPencil = exports.IconMotorcycle = exports.IconMoneyFilled = exports.IconMoneyCircle = exports.IconMoney = exports.IconMinusCircleFilled = exports.IconMinusCircle = exports.IconMinus = void 0;
|
|
7
|
+
exports.IconRoundChat = exports.IconUserGroup = exports.IconUserError = exports.IconTrophy = exports.IconPix = exports.IconMedal = exports.IconError = exports.IconCheckCircle = exports.IconCelebratingUser = exports.IconTakeatClub = exports.IconCardFront = exports.IconCardBack = exports.IconRescueCashback = exports.IconCashback = exports.IconTrashFilled = exports.IconTakeatCart = exports.IconWhatsappFilled = exports.IconWhatsapp = exports.IconWarningFilled = exports.IconWarning = exports.IconWaiter = void 0;
|
|
8
8
|
var tslib_1 = require("tslib");
|
|
9
9
|
var Button_1 = require("./components/Button");
|
|
10
10
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
@@ -42,6 +42,8 @@ var Menu_1 = require("./components/Menu");
|
|
|
42
42
|
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
|
|
43
43
|
var Badge_1 = require("./components/Badge");
|
|
44
44
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
45
|
+
var Dropdown_1 = require("./components/Dropdown");
|
|
46
|
+
Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
|
|
45
47
|
// Layouts
|
|
46
48
|
var Grid_1 = require("./components/Layouts/Grid");
|
|
47
49
|
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Dropdown } from ".";
|
|
4
|
+
import { Subtitle } from "../StoriesComponents/styles";
|
|
5
|
+
import { Button } from "../Button";
|
|
6
|
+
import { useRef, useState } from "react";
|
|
7
|
+
var meta = {
|
|
8
|
+
title: "Design System/Dropdown",
|
|
9
|
+
component: Dropdown,
|
|
10
|
+
parameters: {
|
|
11
|
+
componentSubtitle: _jsx(Subtitle, {}),
|
|
12
|
+
},
|
|
13
|
+
argTypes: {},
|
|
14
|
+
args: {},
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
var FAKE_DATA = [
|
|
18
|
+
{ label: "Páscoa", value: 1 },
|
|
19
|
+
{ label: "Natal", value: 2 },
|
|
20
|
+
{ label: "Dia das Mães", value: 3 },
|
|
21
|
+
{ label: "Dia dos Pais", value: 4 },
|
|
22
|
+
{
|
|
23
|
+
label: "Campanha com",
|
|
24
|
+
value: 5,
|
|
25
|
+
},
|
|
26
|
+
];
|
|
27
|
+
export var Example = {
|
|
28
|
+
name: "Exemplo",
|
|
29
|
+
args: {
|
|
30
|
+
anchor: "dropdown-button",
|
|
31
|
+
},
|
|
32
|
+
render: function (args) {
|
|
33
|
+
var _a = useState(false), open = _a[0], setOpen = _a[1];
|
|
34
|
+
var dropdownRef = useRef(null);
|
|
35
|
+
return (_jsxs("div", { children: [_jsx(Button, { id: "dropdown-button", onClick: function () { return setOpen(function (state) { return !state; }); }, children: "Dropdown test" }), _jsxs(Dropdown, __assign({ ref: dropdownRef }, args, { isOpen: open, toggle: function () { return setOpen(false); }, children: [FAKE_DATA.map(function (item) { return (_jsx("span", { children: item.label })); }), _jsx(Button, { children: "Limpar" })] }))] }));
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,KAAC,QAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,IAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;IAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE;IAC5B,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;IACD,MAAM,EAAE,UAAC,IAAI;QACL,IAAA,KAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;QACxC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,OAAO,CACL,0BACE,KAAC,MAAM,IAAC,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,EAAN,CAAM,CAAC,EAA1B,CAA0B,8BAE7D,EACT,MAAC,QAAQ,aACP,GAAG,EAAE,WAAW,IACZ,IAAI,IACR,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,aAE3B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,yBAAO,IAAI,CAAC,KAAK,GAAQ,CAC1B,EAFwB,CAExB,CAAC,EACF,KAAC,MAAM,yBAAgB,KACd,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
anchor: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useEffect, useState } from "react";
|
|
4
|
+
import { DropdownContainer } from "./styles";
|
|
5
|
+
export var Dropdown = forwardRef(function Dropdown(_a, ref) {
|
|
6
|
+
var isOpen = _a.isOpen, toggle = _a.toggle, anchor = _a.anchor, children = _a.children, props = __rest(_a, ["isOpen", "toggle", "anchor", "children"]);
|
|
7
|
+
var _b = useState({ top: 0, right: 0, width: 0 }), position = _b[0], setPosition = _b[1];
|
|
8
|
+
var anchorElement = document.getElementById(anchor);
|
|
9
|
+
var anchorRect = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getBoundingClientRect();
|
|
10
|
+
useEffect(function () {
|
|
11
|
+
if (anchorRect) {
|
|
12
|
+
setPosition({
|
|
13
|
+
top: anchorRect.top + anchorRect.height + 4,
|
|
14
|
+
right: anchorRect.left,
|
|
15
|
+
width: anchorRect.width,
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
}, [isOpen]);
|
|
19
|
+
// close dropdown when clicking outside
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
var handleClickOutside = function (event) {
|
|
22
|
+
var _a;
|
|
23
|
+
if (ref &&
|
|
24
|
+
// @ts-ignore
|
|
25
|
+
!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) &&
|
|
26
|
+
!(anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.contains(event.target))) {
|
|
27
|
+
toggle();
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
31
|
+
return function () {
|
|
32
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
33
|
+
};
|
|
34
|
+
}, [ref, toggle]);
|
|
35
|
+
return (isOpen && (_jsx(DropdownContainer, __assign({ top: position.top, right: position.right, minWidth: position.width, ref: ref }, props, { children: children }))));
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;IAE1D,SAAS,CAAC;QACR,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC;gBACV,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;gBAC3C,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCAAuC;IACvC,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IACE,GAAG;gBACH,aAAa;gBACb,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;gBAC5C,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC9C,CAAC;gBACD,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAM,IAAI,CACR,KAAC,iBAAiB,aAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACS,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface DropdownContainerProps {
|
|
2
|
+
top: number;
|
|
3
|
+
right: number;
|
|
4
|
+
minWidth: number;
|
|
5
|
+
}
|
|
6
|
+
export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownContainerProps>> & string;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var DropdownContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: ", "px;\n right: ", "px;\n min-width: ", "px;\n gap: 10px;\n border-radius: ", ";\n background: white;\n box-shadow: ", ";\n padding: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: ", "px;\n right: ", "px;\n min-width: ", "px;\n gap: 10px;\n border-radius: ", ";\n background: white;\n box-shadow: ", ";\n padding: ", ";\n"])), function (_a) {
|
|
4
|
+
var top = _a.top;
|
|
5
|
+
return top;
|
|
6
|
+
}, function (_a) {
|
|
7
|
+
var right = _a.right;
|
|
8
|
+
return right;
|
|
9
|
+
}, function (_a) {
|
|
10
|
+
var minWidth = _a.minWidth;
|
|
11
|
+
return minWidth;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.radius.m;
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.shadows.default;
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.spacing.xs;
|
|
21
|
+
});
|
|
22
|
+
var templateObject_1;
|
|
23
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,kUAAwB,2GAK1D,EAAgB,gBACd,EAAoB,oBAChB,EAA0B,sCAEtB,EAA6B,yCAEhC,EAAoC,gBACvC,EAA+B,KAC3C,KARQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACd,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAChB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAEtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAEhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EACvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,CAC3C,CAAC"}
|
|
@@ -4,6 +4,8 @@ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
description?: React.ReactNode;
|
|
6
6
|
register?: UseFormRegisterReturn;
|
|
7
|
+
containerStyles?: React.CSSProperties;
|
|
8
|
+
labelStyles?: React.CSSProperties;
|
|
7
9
|
}
|
|
8
10
|
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
11
|
export {};
|
|
@@ -4,8 +4,8 @@ import { forwardRef } from "react";
|
|
|
4
4
|
import { CheckboxWrapper } from "./styles";
|
|
5
5
|
import { IconCheckboxCheckedFilled } from "../../icons";
|
|
6
6
|
export var Checkbox = forwardRef(function Checkbox(_a, ref) {
|
|
7
|
-
var label = _a.label, description = _a.description, register = _a.register, props = __rest(_a, ["label", "description", "register"]);
|
|
7
|
+
var label = _a.label, labelStyles = _a.labelStyles, containerStyles = _a.containerStyles, description = _a.description, register = _a.register, props = __rest(_a, ["label", "labelStyles", "containerStyles", "description", "register"]);
|
|
8
8
|
var disabled = props.disabled;
|
|
9
|
-
return (_jsxs(CheckboxWrapper, { children: [_jsxs("label", { "aria-disabled": disabled, children: [_jsx("input", __assign({ ref: ref, type: "checkbox", disabled: disabled }, props, register)), label, _jsx(IconCheckboxCheckedFilled, {})] }), description && _jsx("p", { "aria-disabled": disabled, children: description })] }));
|
|
9
|
+
return (_jsxs(CheckboxWrapper, { style: containerStyles, children: [_jsxs("label", { className: "checkbox-label", "aria-disabled": disabled, style: labelStyles, children: [_jsx("input", __assign({ ref: ref, type: "checkbox", disabled: disabled, className: "checkbox-input" }, props, register)), label, _jsx(IconCheckboxCheckedFilled, {})] }), description && (_jsx("p", { "aria-disabled": disabled, className: "checkbox-description", children: description }))] }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAAgC;IAP9B,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,cANV,sEAOC,CADS;IAIF,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,MAAC,eAAe,IAAC,KAAK,EAAE,eAAe,aACrC,iBACE,SAAS,EAAC,gBAAgB,mBACX,QAAQ,EACvB,KAAK,EAAE,WAAW,aAElB,yBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACL,QAAQ,EACZ,EACD,KAAK,EACN,KAAC,yBAAyB,KAAG,IACvB,EACP,WAAW,IAAI,CACd,6BAAkB,QAAQ,EAAE,SAAS,EAAC,sBAAsB,YACzD,WAAW,GACV,CACL,IACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
export var CheckboxWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width:
|
|
3
|
+
export var CheckboxWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width: 100%;\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n display: flex;\n gap: ", ";\n align-items: center;\n border-radius: 4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n cursor: default;\n }\n }\n\n input[type=\"checkbox\"] {\n flex-shrink: 0;\n position: relative;\n -webkit-appearance: none;\n appearance: none;\n background-color: #fff;\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 18px;\n height: 18px;\n border: 2px solid ", ";\n border-radius: 2px;\n cursor: pointer;\n }\n\n input[type=\"checkbox\"]:focus,\n input[type=\"checkbox\"]:focus-visible {\n outline: none;\n }\n\n label:has(> input[type=\"checkbox\"]:focus-visible) {\n outline: 1px solid ", ";\n outline-offset: 2px;\n }\n\n input[type=\"checkbox\"]:disabled {\n cursor: default;\n border-color: ", ";\n\n &::before {\n background-color: ", ";\n }\n }\n\n p {\n margin: 0;\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n }\n }\n\n svg {\n position: absolute;\n top: -2px;\n left: -3px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 24px;\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:disabled ~ svg {\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:checked ~ svg {\n opacity: 1;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: ", ";\n user-select: none;\n\n label {\n cursor: pointer;\n width: 100%;\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n display: flex;\n gap: ", ";\n align-items: center;\n border-radius: 4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n cursor: default;\n }\n }\n\n input[type=\"checkbox\"] {\n flex-shrink: 0;\n position: relative;\n -webkit-appearance: none;\n appearance: none;\n background-color: #fff;\n margin: 0;\n font: inherit;\n color: currentColor;\n width: 18px;\n height: 18px;\n border: 2px solid ", ";\n border-radius: 2px;\n cursor: pointer;\n }\n\n input[type=\"checkbox\"]:focus,\n input[type=\"checkbox\"]:focus-visible {\n outline: none;\n }\n\n label:has(> input[type=\"checkbox\"]:focus-visible) {\n outline: 1px solid ", ";\n outline-offset: 2px;\n }\n\n input[type=\"checkbox\"]:disabled {\n cursor: default;\n border-color: ", ";\n\n &::before {\n background-color: ", ";\n }\n }\n\n p {\n margin: 0;\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n &[aria-disabled=\"true\"] {\n color: ", ";\n }\n }\n\n svg {\n position: absolute;\n top: -2px;\n left: -3px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 24px;\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:disabled ~ svg {\n fill: ", ";\n }\n\n input[type=\"checkbox\"]:checked ~ svg {\n opacity: 1;\n }\n"])), function (_a) {
|
|
4
4
|
var theme = _a.theme;
|
|
5
5
|
return theme.spacing.xxs;
|
|
6
6
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,+xDAAA,+EAIhC,EAAgC,2FAM5B,EAA0C,2KAO5C,EAAgC,wGAK5B,EAA2C,mUAgBlC,EAA0C,qPAWzC,EAA0C,qHAM/C,EAA2C,gDAGrC,EAA2C,qDAMxD,EAAwC,8LAQtC,EAA2C,sKAW9C,EAAyC,mEAIzC,EAA2C,8EAMtD,KAzFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAM5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAO5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAK5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAgBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAWzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAW9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,CAMtD,CAAC"}
|
|
@@ -17,7 +17,7 @@ export var Example = {
|
|
|
17
17
|
name: "Exemplo",
|
|
18
18
|
render: function () {
|
|
19
19
|
var _a = useState(""), inputValue = _a[0], setInputValue = _a[1];
|
|
20
|
-
return (_jsxs(_Fragment, { children: [_jsx(Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), _jsx(Input, { placeholder: "Teste 2 keyboard" }), _jsx(Keyboard, {})] }));
|
|
20
|
+
return (_jsxs(_Fragment, { children: [_jsx(Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), _jsx(Input, { "keyboard-type": "numeric", placeholder: "Teste 2 keyboard" }), _jsx(Keyboard, {})] }));
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=Keyboard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,KAAC,QAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,8BACE,KAAC,KAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,KAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,KAAC,QAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,8BACE,KAAC,KAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,KAAC,KAAK,qBAAe,SAAS,EAAC,WAAW,EAAC,kBAAkB,GAAG,EAChE,KAAC,QAAQ,KAAG,IACX,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,18 +1,29 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { jsx as _jsx
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useEffect, useState } from "react";
|
|
4
4
|
import { createPortal } from "react-dom";
|
|
5
|
-
import { KeyboardContainer, KeyButton } from "./styles";
|
|
5
|
+
import { KeyboardContainer, KeyboardRow, KeyButton } from "./styles";
|
|
6
|
+
var KEYBOARD_LAYOUTS = {
|
|
7
|
+
default: [
|
|
8
|
+
["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
|
|
9
|
+
["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
|
|
10
|
+
["a", "s", "d", "f", "g", "h", "j", "k", "l"],
|
|
11
|
+
["z", "x", "c", "v", "b", "n", "m"],
|
|
12
|
+
],
|
|
13
|
+
numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]],
|
|
14
|
+
};
|
|
6
15
|
export var Keyboard = forwardRef(function Keyboard(_a, ref) {
|
|
7
16
|
var props = __rest(_a, []);
|
|
8
17
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
9
18
|
var _c = useState({ top: 0, left: 0 }), position = _c[0], setPosition = _c[1];
|
|
10
19
|
var _d = useState(null), focusedInput = _d[0], setFocusedInput = _d[1];
|
|
20
|
+
var _e = useState("default"), keyboardType = _e[0], setKeyboardType = _e[1];
|
|
11
21
|
useEffect(function () {
|
|
12
22
|
var handleFocusIn = function (event) {
|
|
13
23
|
var target = event.target;
|
|
14
24
|
if (target.tagName === "INPUT") {
|
|
15
25
|
setFocusedInput(target);
|
|
26
|
+
setKeyboardType(target.getAttribute("keyboard-type") || "default");
|
|
16
27
|
var rect = target.getBoundingClientRect();
|
|
17
28
|
setPosition({ top: rect.bottom + 4, left: rect.left });
|
|
18
29
|
setVisible(true);
|
|
@@ -38,6 +49,16 @@ export var Keyboard = forwardRef(function Keyboard(_a, ref) {
|
|
|
38
49
|
var start = focusedInput.selectionStart || 0;
|
|
39
50
|
var end = focusedInput.selectionEnd || 0;
|
|
40
51
|
var value = focusedInput.value;
|
|
52
|
+
// Caso especial para a tecla de backspace
|
|
53
|
+
if (key === "Backspace") {
|
|
54
|
+
// Remover o caractere anterior ao cursor
|
|
55
|
+
focusedInput.value = value.slice(0, start - 1) + value.slice(end);
|
|
56
|
+
// Atualizar a posição do cursor
|
|
57
|
+
focusedInput.setSelectionRange(start - 1, start - 1);
|
|
58
|
+
// Disparar evento para atualizar estado do React Hook Form ou similar
|
|
59
|
+
focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
41
62
|
// Inserir o caractere pressionado no input
|
|
42
63
|
focusedInput.value = value.slice(0, start) + key + value.slice(end);
|
|
43
64
|
// Atualizar a posição do cursor
|
|
@@ -48,7 +69,9 @@ export var Keyboard = forwardRef(function Keyboard(_a, ref) {
|
|
|
48
69
|
};
|
|
49
70
|
if (!visible)
|
|
50
71
|
return null;
|
|
51
|
-
return createPortal(
|
|
72
|
+
return createPortal(_jsx(KeyboardContainer, __assign({ ref: ref }, props, { top: position.top, left: position.left, children: KEYBOARD_LAYOUTS[keyboardType].map(function (row) {
|
|
73
|
+
return (_jsx(KeyboardRow, { children: row.map(function (key) { return (_jsx(KeyButton, { className: "keyboard-button", onMouseDown: function (e) { return handleKeyPress(key, e); }, children: key }, key)); }) }));
|
|
74
|
+
}) })), document.body // Usar React Portal para renderizar fora da hierarquia principal
|
|
52
75
|
);
|
|
53
76
|
});
|
|
54
77
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,6 @@ interface KeyboardProps {
|
|
|
3
3
|
left: number;
|
|
4
4
|
}
|
|
5
5
|
export declare const KeyboardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, KeyboardProps>> & string;
|
|
6
|
+
export declare const KeyboardRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
7
|
export declare const KeyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
7
8
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
export var KeyboardContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-
|
|
4
|
-
export var
|
|
5
|
-
var
|
|
3
|
+
export var KeyboardContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n gap: 8px;\n pointer-events: auto;\n"], ["\n position: absolute;\n top: ", "px;\n left: ", "px;\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 8px;\n padding: 10px;\n z-index: 1000;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n gap: 8px;\n pointer-events: auto;\n"])), function (props) { return props.top; }, function (props) { return props.left; });
|
|
4
|
+
export var KeyboardRow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 8px;\n justify-content: center;\n"], ["\n display: flex;\n gap: 8px;\n justify-content: center;\n"])));
|
|
5
|
+
export var KeyButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 4px;\n width: 40px;\n height: 40px;\n background-color: #f7f7f7;\n color: #333;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #e0e0e0;\n }\n\n &:active {\n background-color: #ccc;\n }\n"], ["\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 4px;\n width: 40px;\n height: 40px;\n background-color: #f7f7f7;\n color: #333;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #e0e0e0;\n }\n\n &:active {\n background-color: #ccc;\n }\n"])));
|
|
6
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
6
7
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,0WAAe,kCAEjD,EAAoB,eACnB,EAAqB,kPAW9B,KAZQ,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,CAW9B,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,kIAAA,+DAIpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,uXAAA,oTAkBrC,IAAA,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -34,6 +34,8 @@ import { Menu } from "./components/Menu";
|
|
|
34
34
|
export { Menu };
|
|
35
35
|
import { Badge } from "./components/Badge";
|
|
36
36
|
export { Badge };
|
|
37
|
+
import { Dropdown } from "./components/Dropdown";
|
|
38
|
+
export { Dropdown };
|
|
37
39
|
import { Grid } from "./components/Layouts/Grid";
|
|
38
40
|
export { Grid };
|
|
39
41
|
import { GridArea } from "./components/Layouts/GridArea";
|
package/dist/esm/index.js
CHANGED
|
@@ -35,6 +35,8 @@ import { Menu } from "./components/Menu";
|
|
|
35
35
|
export { Menu };
|
|
36
36
|
import { Badge } from "./components/Badge";
|
|
37
37
|
export { Badge };
|
|
38
|
+
import { Dropdown } from "./components/Dropdown";
|
|
39
|
+
export { Dropdown };
|
|
38
40
|
// Layouts
|
|
39
41
|
import { Grid } from "./components/Layouts/Grid";
|
|
40
42
|
export { Grid };
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|