takeat-design-system-ui-kit 0.5.21 → 0.6.1
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/FieldInfo/index.d.ts +3 -2
- package/dist/cjs/components/FieldInfo/index.js +2 -1
- package/dist/cjs/components/FieldInfo/index.js.map +1 -1
- package/dist/cjs/components/FieldInfo/styles.d.ts +3 -1
- package/dist/cjs/components/FieldInfo/styles.js +2 -4
- package/dist/cjs/components/FieldInfo/styles.js.map +1 -1
- package/dist/cjs/components/Input/Input.stories.js +1 -9
- package/dist/cjs/components/Input/Input.stories.js.map +1 -1
- package/dist/cjs/components/Input/index.d.ts +2 -2
- package/dist/cjs/components/Input/index.js +9 -4
- package/dist/cjs/components/Input/index.js.map +1 -1
- package/dist/cjs/components/Input/styles.js +4 -1
- package/dist/cjs/components/Input/styles.js.map +1 -1
- package/dist/cjs/components/Select/Select.stories.d.ts +1 -0
- package/dist/cjs/components/Select/Select.stories.js +22 -2
- package/dist/cjs/components/Select/Select.stories.js.map +1 -1
- package/dist/cjs/components/Select/index.d.ts +1 -0
- package/dist/cjs/components/Select/index.js +24 -9
- package/dist/cjs/components/Select/index.js.map +1 -1
- package/dist/cjs/components/Select/styles.js +13 -1
- package/dist/cjs/components/Select/styles.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js +4 -1
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/index.d.ts +2 -0
- package/dist/cjs/components/SingleCalendar/index.js +3 -2
- package/dist/cjs/components/SingleCalendar/index.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/styles.js +7 -1
- package/dist/cjs/components/SingleCalendar/styles.js.map +1 -1
- package/dist/esm/components/FieldInfo/index.d.ts +3 -2
- package/dist/esm/components/FieldInfo/index.js +2 -1
- package/dist/esm/components/FieldInfo/index.js.map +1 -1
- package/dist/esm/components/FieldInfo/styles.d.ts +3 -1
- package/dist/esm/components/FieldInfo/styles.js +2 -4
- package/dist/esm/components/FieldInfo/styles.js.map +1 -1
- package/dist/esm/components/Input/Input.stories.js +1 -9
- package/dist/esm/components/Input/Input.stories.js.map +1 -1
- package/dist/esm/components/Input/index.d.ts +2 -2
- package/dist/esm/components/Input/index.js +9 -4
- package/dist/esm/components/Input/index.js.map +1 -1
- package/dist/esm/components/Input/styles.js +4 -1
- package/dist/esm/components/Input/styles.js.map +1 -1
- package/dist/esm/components/Select/Select.stories.d.ts +1 -0
- package/dist/esm/components/Select/Select.stories.js +22 -2
- package/dist/esm/components/Select/Select.stories.js.map +1 -1
- package/dist/esm/components/Select/index.d.ts +1 -0
- package/dist/esm/components/Select/index.js +24 -9
- package/dist/esm/components/Select/index.js.map +1 -1
- package/dist/esm/components/Select/styles.js +13 -1
- package/dist/esm/components/Select/styles.js.map +1 -1
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js +4 -1
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js.map +1 -1
- package/dist/esm/components/SingleCalendar/index.d.ts +2 -0
- package/dist/esm/components/SingleCalendar/index.js +3 -2
- package/dist/esm/components/SingleCalendar/index.js.map +1 -1
- package/dist/esm/components/SingleCalendar/styles.js +7 -1
- package/dist/esm/components/SingleCalendar/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { HTMLMotionProps } from "framer-motion";
|
|
3
|
+
interface FieldInfoProps extends Omit<HTMLMotionProps<"span">, "ref"> {
|
|
3
4
|
isError?: boolean;
|
|
4
5
|
isDisabled?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare const FieldInfo: React.ForwardRefExoticComponent<FieldInfoProps & React.RefAttributes<
|
|
7
|
+
export declare const FieldInfo: React.ForwardRefExoticComponent<FieldInfoProps & React.RefAttributes<HTMLSpanElement>>;
|
|
7
8
|
export {};
|
|
@@ -5,8 +5,9 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
var react_1 = require("react");
|
|
7
7
|
var styles_1 = require("./styles");
|
|
8
|
+
var framer_motion_1 = require("framer-motion");
|
|
8
9
|
exports.FieldInfo = (0, react_1.forwardRef)(function FieldInfo(_a, ref) {
|
|
9
10
|
var isError = _a.isError, isDisabled = _a.isDisabled, children = _a.children, props = tslib_1.__rest(_a, ["isError", "isDisabled", "children"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.FieldInfoContainer, tslib_1.__assign({ "$isDisabled": isDisabled, "$isError": isError, ref: ref }, props, { children: children })));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { initial: false, children: children && ((0, jsx_runtime_1.jsx)(styles_1.FieldInfoContainer, tslib_1.__assign({ initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, "$isDisabled": isDisabled, "$isError": isError, ref: ref }, props, { children: children }))) }));
|
|
11
12
|
});
|
|
12
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA8C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA8C;AAC9C,+CAAgD;AAQnC,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EAA2D,EAC3D,GAA+B;IAD7B,IAAA,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAAzC,qCAA2C,CAAF;IAGzC,OAAO,CACL,uBAAC,+BAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,QAAQ,IAAI,CACX,uBAAC,2BAAkB,qBACjB,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,iBAChB,UAAU,cACb,OAAO,EACjB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACU,CACtB,GACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -2,5 +2,7 @@ interface FieldInfoContainerProps {
|
|
|
2
2
|
$isError?: boolean;
|
|
3
3
|
$isDisabled?: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const FieldInfoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("
|
|
5
|
+
export declare const FieldInfoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("framer-motion").HTMLMotionProps<"span">, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
7
|
+
}, FieldInfoContainerProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, keyof import("react").Component<any, {}, any>>;
|
|
6
8
|
export {};
|
|
@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FieldInfoContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
|
|
6
|
+
var framer_motion_1 = require("framer-motion");
|
|
7
|
+
exports.FieldInfoContainer = (0, styled_components_1.default)(framer_motion_1.motion.span)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: ", ";\n height: ", ";\n letter-spacing: 0.4px;\n overflow: hidden;\n\n svg {\n fill: ", ";\n font-size: 16px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: ", ";\n height: ", ";\n letter-spacing: 0.4px;\n overflow: hidden;\n\n svg {\n fill: ", ";\n font-size: 16px;\n }\n"])), function (_a) {
|
|
7
8
|
var theme = _a.theme;
|
|
8
9
|
return theme.spacing.xxs;
|
|
9
10
|
}, function (_a) {
|
|
@@ -22,9 +23,6 @@ exports.FieldInfoContainer = styled_components_1.default.div(templateObject_1 ||
|
|
|
22
23
|
}, function (_a) {
|
|
23
24
|
var theme = _a.theme;
|
|
24
25
|
return theme.components.fieldInfo.fontSize[theme.device];
|
|
25
|
-
}, function (_a) {
|
|
26
|
-
var theme = _a.theme;
|
|
27
|
-
return theme.components.fieldInfo.fontSize[theme.device];
|
|
28
26
|
}, function (_a) {
|
|
29
27
|
var theme = _a.theme, $isError = _a.$isError, $isDisabled = _a.$isDisabled;
|
|
30
28
|
return $isError
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,+CAAuC;AAM1B,QAAA,kBAAkB,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,IAAI,CAAC,oWAAyB,qDAGrE,EAAgC,cAC9B,EAKwB,kBACpB,EACsC,gEAGpC,EACoC,eACzC,EAAgE,yEAKhE,EAKyB,gCAGpC,KA1BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC9B,UAAC,EAAgC;QAA9B,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IACtC,OAAA,QAAQ;QACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;QAC1B,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAJ/B,CAI+B,EACpB,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EAGpC,UAAC,EAAS;QAAP,KAAK,WAAA;IACrB,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EACzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EAKhE,UAAC,EAAgC;QAA9B,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IACrC,OAAA,QAAQ;QACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;QAC1B,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAJ/B,CAI+B,EAGnC"}
|
|
@@ -11,7 +11,6 @@ var Button_1 = require("../Button");
|
|
|
11
11
|
var Select_1 = require("../Select");
|
|
12
12
|
var styles_1 = require("../StoriesComponents/styles");
|
|
13
13
|
var react_1 = require("react");
|
|
14
|
-
var icons_1 = require("../icons");
|
|
15
14
|
var meta = {
|
|
16
15
|
component: _1.Input,
|
|
17
16
|
title: "Design System/Input",
|
|
@@ -159,8 +158,6 @@ exports.Default = {
|
|
|
159
158
|
mask: "(99) 99999-9999",
|
|
160
159
|
label: "Label",
|
|
161
160
|
placeholder: "Placeholder",
|
|
162
|
-
iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}),
|
|
163
|
-
iconRight: (0, jsx_runtime_1.jsx)(icons_1.IconCloseCircleFilled, {}),
|
|
164
161
|
},
|
|
165
162
|
render: function (args) {
|
|
166
163
|
return (0, jsx_runtime_1.jsx)(_1.Input, tslib_1.__assign({}, args, { style: { width: 350 } }));
|
|
@@ -171,13 +168,8 @@ exports.FormExample = {
|
|
|
171
168
|
render: function () {
|
|
172
169
|
var _a, _b, _c, _d;
|
|
173
170
|
var _e = (0, react_hook_form_1.useForm)(), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, getValues = _e.getValues, errors = _e.formState.errors;
|
|
174
|
-
var _f = (0, react_1.useState)(""), maskInput = _f[0], setMaskInput = _f[1];
|
|
175
171
|
var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
|
|
176
|
-
return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Input
|
|
177
|
-
// name="name"
|
|
178
|
-
, {
|
|
179
|
-
// name="name"
|
|
180
|
-
value: maskInput, onChange: function (e) { return setMaskInput(e.target.value); }, placeholder: "Digite seu nome", label: "Telefone", style: { width: 200 }, mask: "(99) 99999-9999", register: register("phone", {
|
|
172
|
+
return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Input, { placeholder: "Digite seu nome", label: "Telefone", style: { width: 200 }, mask: "(99) 99999-9999", register: register("phone", {
|
|
181
173
|
required: "Nome é obrigatório",
|
|
182
174
|
minLength: {
|
|
183
175
|
value: 6,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":";;;;;AAAA,mDAA0C;AAC1C,sBAA0B;AAC1B,oCAAmC;AACnC,kCAAiC;AACjC,oCAAmC;AAEnC,oCAAmC;AACnC,sDAAuD;AACvD,+BAAiC;
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { UseFormRegisterReturn } from "react-hook-form";
|
|
2
|
+
import { Control, UseFormRegisterReturn } from "react-hook-form";
|
|
3
3
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
info?: React.ReactNode;
|
|
@@ -11,7 +11,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
11
11
|
isCurrency?: boolean;
|
|
12
12
|
hasPrefix?: boolean;
|
|
13
13
|
minimumFractionDigits?: number;
|
|
14
|
-
control?: any
|
|
14
|
+
control?: Control<any>;
|
|
15
15
|
onChange?: (e: any) => void;
|
|
16
16
|
iconLeft?: React.ReactNode;
|
|
17
17
|
iconRight?: React.ReactNode;
|
|
@@ -71,7 +71,7 @@ exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
71
71
|
? maskValue(props.value.toString(), mask)
|
|
72
72
|
: props.value
|
|
73
73
|
: undefined;
|
|
74
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { className: props.className, style: tslib_1.__assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { "$hasIconLeft": !!iconLeft, "$hasIconRight": !!passwordIcon, "$hasError": !!error, children: [iconLeft && (0, jsx_runtime_1.jsx)("div", { className: "icon-left", children: iconLeft }), isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { type: inputType, ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, onChange: function (e) {
|
|
74
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { className: props.className, style: tslib_1.__assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { "$hasIconLeft": !!iconLeft, "$hasIconRight": !!passwordIcon, "$hasError": !!error, children: [iconLeft && (0, jsx_runtime_1.jsx)("div", { className: "icon-left", children: iconLeft }), isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { type: inputType, ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, mask: mask, control: control, onChange: function (e) {
|
|
75
75
|
var _a;
|
|
76
76
|
if (mask) {
|
|
77
77
|
var maskedValue = maskValue(e.target.value, mask);
|
|
@@ -82,11 +82,16 @@ exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
82
82
|
position: "absolute",
|
|
83
83
|
right: 16,
|
|
84
84
|
top: "calc(50% - ".concat(spinnerSize / 2, "px)"),
|
|
85
|
-
} })) : error ? ((0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" })) : (passwordIcon && (0, jsx_runtime_1.jsx)("div", { className: "icon-right", children: passwordIcon }))] }), (
|
|
85
|
+
} })) : error ? ((0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" })) : (passwordIcon && (0, jsx_runtime_1.jsx)("div", { className: "icon-right", children: passwordIcon }))] }), (0, jsx_runtime_1.jsx)(FieldInfo_1.FieldInfo, { isDisabled: props.disabled || isLoading, isError: !!error, children: error || info })] }));
|
|
86
86
|
});
|
|
87
87
|
var NormalInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
88
|
-
var isLoading = _a.isLoading, register = _a.register, props = tslib_1.__rest(_a, ["isLoading", "register"]);
|
|
89
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
88
|
+
var isLoading = _a.isLoading, register = _a.register, control = _a.control, mask = _a.mask, props = tslib_1.__rest(_a, ["isLoading", "register", "control", "mask"]);
|
|
89
|
+
return mask && register ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: register.name, render: function (_a) {
|
|
90
|
+
var _b = _a.field, value = _b.value, onChange = _b.onChange, field = tslib_1.__rest(_b, ["value", "onChange"]);
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, field, props, { disabled: isLoading || props.disabled, value: value, onChange: function (e) {
|
|
92
|
+
onChange(maskValue(e.target.value, mask));
|
|
93
|
+
} })));
|
|
94
|
+
} })) : ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, props, { disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
90
95
|
if (register) {
|
|
91
96
|
register.ref(e);
|
|
92
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAkE;AAClE,mCAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAkE;AAClE,mCAAwD;AACxD,mDAA6E;AAC7E,uDAA6C;AAC7C,sCAAqC;AACrC,kCAAkE;AAClE,2DAAuD;AACvD,mDAA0D;AAC1D,0CAAyC;AAmBzC,IAAM,SAAS,GAAG,UAAC,KAAa,EAAE,IAAY;IAC5C,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAE5C,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,IAAM,WAAW,GAAG,oBAAoB,CAAC;IAEzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,IAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAEpC,IAAI,CAAC,SAAS;YAAE,MAAM;QAEtB,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YACrB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBACzB,WAAW,IAAI,SAAS,CAAC;gBACzB,UAAU,EAAE,CAAC;YACf,CAAC;iBAAM,CAAC;gBACN,MAAM;YACR,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBAChC,WAAW,IAAI,SAAS,CAAC;gBACzB,UAAU,EAAE,CAAC;YACf,CAAC;iBAAM,CAAC;gBACN,MAAM;YACR,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YAC5B,WAAW,IAAI,SAAS,CAAC;YACzB,UAAU,EAAE,CAAC;QACf,CAAC;aAAM,CAAC;YACN,WAAW,IAAI,QAAQ,CAAC;YACxB,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAC3B,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,UACE,EAea,EACb,GAAmC;;IAfjC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,qBAAqB,2BAAA,EACrB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,sBAdV,sKAeC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,IAAM,WAAW,GACf,QAAQ,CACN,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAClE,GAAG,CAAC,CAAC;IACF,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IAE9D,IAAM,wBAAwB,GAAG;QAC/B,kBAAkB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAClD,IAAM,SAAS,GAAG,eAAe,IAAI,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAE3E,IAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CACrC,eAAe,CAAC,CAAC,CAAC,CAChB,uBAAC,oBAAY,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,wBAAwB,GACjC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,eAAO,IACN,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,wBAAwB,GACjC,CACH,CACF,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAC;IAEF,IAAM,cAAc,GAClB,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;YACJ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK;QACf,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,wBAAC,qBAAY,IACX,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,qBAAI,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,IAAK,eAAe,cAErD,KAAK,IAAI,4CAAQ,KAAK,GAAS,EAChC,wBAAC,uBAAc,oBACC,CAAC,CAAC,QAAQ,mBACT,CAAC,CAAC,YAAY,eAClB,CAAC,CAAC,KAAK,aAEjB,QAAQ,IAAI,gCAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,EACvD,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,aAAa,qBACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,IACxC,KAAK,IACT,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,GAAG,IACR,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,WAAW,qBACV,SAAS,EAAE,SAAS,IAChB,KAAK,IACT,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAC,CAAC;;4BACV,IAAI,IAAI,EAAE,CAAC;gCACT,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gCACpD,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC;4BAC/B,CAAC;4BACD,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,CAAC,CAAC;wBACtB,CAAC,IACD,CACH,EACA,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,iBAAO,IACN,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,EAAE;4BACT,GAAG,EAAE,qBAAc,WAAW,GAAG,CAAC,QAAK;yBACxC,GACD,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,uBAAC,uBAAe,IAAC,SAAS,EAAC,YAAY,GAAG,CAC3C,CAAC,CAAC,CAAC,CACF,YAAY,IAAI,gCAAK,SAAS,EAAC,YAAY,YAAE,YAAY,GAAO,CACjE,IACc,EAEjB,uBAAC,qBAAS,IAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,YACjE,KAAK,IAAI,IAAI,GACJ,IACC,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AASF,IAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,UACE,EAAkE,EAClE,GAAmC;IADjC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAK,KAAK,sBAA9C,4CAAgD,CAAF;IAG9C,OAAO,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,CACxB,uBAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,MAAM,EAAE,UAAC,EAAwC;gBAAtC,aAAoC,EAA3B,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA3B,qBAA6B,CAAF;YAC3C,OAAO,CACL,qDACM,KAAK,EACL,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC;oBACV,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC5C,CAAC,IACD,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,qDACM,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,IACjC,QAAQ,IACZ,GAAG,EAAE,UAAC,CAAC;YACL,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;YACD,IAAI,GAAG,EAAE,CAAC;gBACR,YAAY;gBACZ,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAWF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,UACE,EASqB,EACrB,GAAmC;IATjC,IAAA,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,6BAAyB,EAAzB,qBAAqB,mBAAG,CAAC,KAAA,EACzB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,sBARV,2FASC,CADS;IAIV,IAAM,aAAa,GAAG,SAAA,EAAE,EAAI,qBAAqB,CAAA,CAAC;IAElD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,4BAAU,IACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CACrB,uBAAC,sCAAgB,qBACf,MAAM,EAAE,UAAC,CAAC;oBACR,OAAA,IAAA,6BAAiB,EAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC;gBAAlE,CAAkE,EAEpE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,IAChC,KAAK,IACT,aAAa,EAAE,UAAC,CAAC;;oBACf,MAAA,KAAK,CAAC,QAAQ,sDACZ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CACxD,CAAC;gBACJ,CAAC,EACD,YAAY,EACV,KAAK,CAAC,YAAkD,EAE1D,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,EACrC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,GAAG,IAChB,CACH;QAnBsB,CAmBtB,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,sCAAgB,qBACf,MAAM,EAAE,UAAC,CAAC;YACR,OAAA,IAAA,6BAAiB,EAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC;QAAlE,CAAkE,IAEhE,KAAK,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,EACpC,YAAY,EAAE,KAAK,CAAC,YAAkD,EACtE,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,EACrC,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,UAAC,CAAC;;YACf,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG;gBACf,MAAM,EAAE;oBACN,YAAY;oBACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS;iBAC/D;aACF,CAAC,CAAA;SAAA,EAEJ,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,GAAG,IAChB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -22,7 +22,7 @@ exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (temp
|
|
|
22
22
|
var theme = _a.theme;
|
|
23
23
|
return theme.colors.neutral.light;
|
|
24
24
|
});
|
|
25
|
-
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\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 svg {\n fill: ", ";\n width: ", ";\n height: ", ";\n }\n\n .icon-left {\n width: ", ";\n height: ", ";\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: ", ";\n height: ", ";\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: ", ";\n width: 100%;\n padding:
|
|
25
|
+
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\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 svg {\n fill: ", ";\n width: ", ";\n height: ", ";\n }\n\n .icon-left {\n width: ", ";\n height: ", ";\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: ", ";\n height: ", ";\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: ", ";\n width: 100%;\n padding: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\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 svg {\n fill: ", ";\n width: ", ";\n height: ", ";\n }\n\n .icon-left {\n width: ", ";\n height: ", ";\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: ", ";\n height: ", ";\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: ", ";\n width: 100%;\n padding: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
26
26
|
var theme = _a.theme;
|
|
27
27
|
return theme.spacing.xxs;
|
|
28
28
|
}, function (_a) {
|
|
@@ -58,6 +58,9 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
58
58
|
}, function (_a) {
|
|
59
59
|
var theme = _a.theme;
|
|
60
60
|
return theme.components.input.input.height[theme.device];
|
|
61
|
+
}, function (_a) {
|
|
62
|
+
var theme = _a.theme;
|
|
63
|
+
return theme.components.input.input.padding[theme.device];
|
|
61
64
|
}, function (_a) {
|
|
62
65
|
var theme = _a.theme;
|
|
63
66
|
return theme.components.input.input.borderRadius[theme.device];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,mlBAAmB,+EAIhD,EAAgC,gBAE9B,EAAwC,gKAQlC,EACwC,gIAK5C,EAAwC,iEAKtC,EAAyC,kCAGxC,EAAyC,0BAIxD,KA5BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAE9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQlC,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAnD,CAAmD,EAK5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIvD;AAQW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Example = void 0;
|
|
3
|
+
exports.FormExample = exports.Example = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
var _1 = require(".");
|
|
7
7
|
var styles_1 = require("../StoriesComponents/styles");
|
|
8
|
+
var Button_1 = require("../Button");
|
|
9
|
+
var react_hook_form_1 = require("react-hook-form");
|
|
8
10
|
var meta = {
|
|
9
11
|
component: _1.Select,
|
|
10
12
|
title: "Design System/Select",
|
|
@@ -152,7 +154,25 @@ exports.Example = {
|
|
|
152
154
|
},
|
|
153
155
|
},
|
|
154
156
|
render: function (args) {
|
|
155
|
-
return ((0, jsx_runtime_1.jsx)(_1.Select, tslib_1.__assign({ name: "segmentation.client", label: "Clientes *", options: CLIENT_OPTIONS, isSearchable: true, menuPortalTarget: document.body }, args)));
|
|
157
|
+
return ((0, jsx_runtime_1.jsx)(_1.Select, tslib_1.__assign({ name: "segmentation.client", label: "Clientes *", options: CLIENT_OPTIONS, isSearchable: true, menuPortalTarget: document.body, menuIsOpen: true }, args)));
|
|
158
|
+
},
|
|
159
|
+
};
|
|
160
|
+
exports.FormExample = {
|
|
161
|
+
render: function (args) {
|
|
162
|
+
var _a = (0, react_hook_form_1.useForm)({
|
|
163
|
+
defaultValues: {
|
|
164
|
+
teste: "registered",
|
|
165
|
+
},
|
|
166
|
+
}), register = _a.register, handleSubmit = _a.handleSubmit, control = _a.control;
|
|
167
|
+
var onSubmit = function (data) {
|
|
168
|
+
console.log(data);
|
|
169
|
+
};
|
|
170
|
+
return ((0, jsx_runtime_1.jsxs)("form", { style: {
|
|
171
|
+
display: "flex",
|
|
172
|
+
flexDirection: "column",
|
|
173
|
+
gap: 20,
|
|
174
|
+
width: 300,
|
|
175
|
+
}, onSubmit: handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsx)(_1.Select, tslib_1.__assign({ name: "teste", control: control, register: register("teste") }, args, { options: CLIENT_OPTIONS })), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", children: "Enviar" })] }));
|
|
156
176
|
},
|
|
157
177
|
};
|
|
158
178
|
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA2B;AAC3B,sDAAuD;
|
|
1
|
+
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ export interface CustomSelectProps extends Omit<ReactSelectProps<Option, false>,
|
|
|
15
15
|
isLoading?: boolean;
|
|
16
16
|
containerStyles?: React.CSSProperties;
|
|
17
17
|
isMulti?: boolean;
|
|
18
|
+
options?: Option[];
|
|
18
19
|
}
|
|
19
20
|
export declare const Select: ({ name, label, register, control, error, info, isLoading, ...props }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
export {};
|
|
@@ -15,33 +15,48 @@ var RawSelect = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
15
15
|
var label = _a.label, error = _a.error, control = _a.control, info = _a.info, isDisabled = _a.isDisabled, isLoading = _a.isLoading, containerStyles = _a.containerStyles, isMulti = _a.isMulti, props = tslib_1.__rest(_a, ["label", "error", "control", "info", "isDisabled", "isLoading", "containerStyles", "isMulti"]);
|
|
16
16
|
var theme = (0, styled_components_1.useTheme)();
|
|
17
17
|
var customStyles = {
|
|
18
|
-
menu: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), {
|
|
19
|
-
menuList: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { padding: 0 })); },
|
|
20
|
-
option: function (provided, state) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { cursor: state.isDisabled ? "default" : "pointer", borderRadius:
|
|
21
|
-
? theme.colors.primary.lightest
|
|
18
|
+
menu: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { padding: theme.spacing.xs, borderColor: "transparent", boxShadow: theme.shadows.default, backgroundColor: theme.colors.neutral.white, borderRadius: theme.components.input.input.borderRadius[theme.device] })); },
|
|
19
|
+
menuList: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { display: "flex", flexDirection: "column", gap: 4, padding: 0 })); },
|
|
20
|
+
option: function (provided, state) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { cursor: state.isDisabled ? "default" : "pointer", borderRadius: 8, backgroundColor: (state.isSelected
|
|
21
|
+
? theme.colors.primary.lightest + "80"
|
|
22
22
|
: state.isFocused
|
|
23
23
|
? theme.colors.neutral.lightest
|
|
24
24
|
: "transparent") + " !important", color: state.isSelected
|
|
25
25
|
? theme.colors.neutral.darker
|
|
26
26
|
: state.isDisabled
|
|
27
27
|
? theme.colors.neutral.light
|
|
28
|
-
: theme.colors.neutral.dark,
|
|
28
|
+
: theme.colors.neutral.dark, fontSize: theme.components.input.input.fontSize[theme.device] })); },
|
|
29
29
|
singleValue: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { color: theme.colors.neutral.dark })); },
|
|
30
|
+
input: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { padding: 0 })); },
|
|
31
|
+
dropdownIndicator: function (provided) { return (tslib_1.__assign(tslib_1.__assign({}, provided), { padding: 0 })); },
|
|
30
32
|
};
|
|
31
33
|
return ((0, jsx_runtime_1.jsxs)(styles_1.SelectWrapper, { style: containerStyles, disabled: isDisabled || isLoading, "$hasError": !!error, children: [label, (0, jsx_runtime_1.jsx)(react_select_1.default, tslib_1.__assign({ ref: ref, styles: customStyles, closeMenuOnSelect: !isMulti, components: {
|
|
32
34
|
DropdownIndicator: function () {
|
|
33
35
|
if (isLoading) {
|
|
34
|
-
return (
|
|
36
|
+
return (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light, size: 16 });
|
|
35
37
|
}
|
|
36
|
-
return (
|
|
38
|
+
return (0, jsx_runtime_1.jsx)(icons_1.IconChevronDown, { className: "custom-dropdown-icon" });
|
|
37
39
|
},
|
|
38
|
-
}, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; }, isMulti: isMulti }, props, { placeholder: props.placeholder || "Selecione" })), (
|
|
40
|
+
}, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; }, isMulti: isMulti }, props, { placeholder: props.placeholder || "Selecione" })), (0, jsx_runtime_1.jsx)(FieldInfo_1.FieldInfo, { isDisabled: isDisabled || isLoading, isError: !!error, children: error || info })] }));
|
|
39
41
|
});
|
|
40
42
|
var Select = function (_a) {
|
|
41
43
|
var name = _a.name, label = _a.label, register = _a.register, control = _a.control, error = _a.error, info = _a.info, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["name", "label", "register", "control", "error", "info", "isLoading"]);
|
|
44
|
+
var options = props.options, isMulti = props.isMulti;
|
|
42
45
|
return control ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name || "", control: control, render: function (_a) {
|
|
43
46
|
var field = _a.field;
|
|
44
|
-
|
|
47
|
+
var value = isMulti
|
|
48
|
+
? options === null || options === void 0 ? void 0 : options.filter(function (option) { var _a; return (_a = field.value) === null || _a === void 0 ? void 0 : _a.includes(option.value); })
|
|
49
|
+
: options === null || options === void 0 ? void 0 : options.find(function (option) { return option.value === field.value; });
|
|
50
|
+
var onChange = function (selectedOptions) {
|
|
51
|
+
var isArray = Array.isArray(selectedOptions);
|
|
52
|
+
if (isArray) {
|
|
53
|
+
field.onChange(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map(function (option) { return option.value; }));
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
field.onChange(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.value);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(RawSelect, tslib_1.__assign({ label: label, error: error, info: info, isLoading: isLoading, isDisabled: props.isDisabled }, props, field, { value: value, onChange: onChange })));
|
|
45
60
|
} })) : ((0, jsx_runtime_1.jsx)(RawSelect, tslib_1.__assign({ label: label, error: error, info: info, isLoading: isLoading, isDisabled: props.isDisabled }, props)));
|
|
46
61
|
};
|
|
47
62
|
exports.Select = Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;AAAA,sEAAsE;AACtE,mCAAyC;AACzC,mDAAoE;AACpE,+BAA0C;AAC1C,sCAAqC;AACrC,uDAA6C;AAC7C,kCAA2C;AAC3C,0CAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectWrapper = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right:
|
|
6
|
+
exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n font-size: 20px;\n }\n\n .react-select__indicators {\n padding-right: ", ";\n }\n\n .react-select__control {\n background-color: ", ";\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n .react-select__value-container {\n padding: ", ";\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n\n .react-select__option {\n font-size: ", ";\n border-radius: 8px;\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n font-size: 20px;\n }\n\n .react-select__indicators {\n padding-right: ", ";\n }\n\n .react-select__control {\n background-color: ", ";\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n .react-select__value-container {\n padding: ", ";\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n\n .react-select__option {\n font-size: ", ";\n border-radius: 8px;\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"])), function (_a) {
|
|
7
7
|
var theme = _a.theme;
|
|
8
8
|
return theme.components.input.label.fontSize[theme.device];
|
|
9
9
|
}, function (_a) {
|
|
@@ -12,6 +12,9 @@ exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (t
|
|
|
12
12
|
}, function (_a) {
|
|
13
13
|
var theme = _a.theme, disabled = _a.disabled;
|
|
14
14
|
return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.components.input.input.padding[theme.device].split(" ")[1];
|
|
15
18
|
}, function (_a) {
|
|
16
19
|
var theme = _a.theme;
|
|
17
20
|
return theme.colors.neutral.white;
|
|
@@ -30,6 +33,9 @@ exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (t
|
|
|
30
33
|
}, function (_a) {
|
|
31
34
|
var theme = _a.theme;
|
|
32
35
|
return theme.components.input.input.fontSize[theme.device];
|
|
36
|
+
}, function (_a) {
|
|
37
|
+
var theme = _a.theme;
|
|
38
|
+
return theme.components.input.input.padding[theme.device];
|
|
33
39
|
}, function (_a) {
|
|
34
40
|
var theme = _a.theme;
|
|
35
41
|
return theme.colors.neutral.dark;
|
|
@@ -66,6 +72,12 @@ exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (t
|
|
|
66
72
|
}, function (_a) {
|
|
67
73
|
var theme = _a.theme;
|
|
68
74
|
return theme.typography.family.default;
|
|
75
|
+
}, function (_a) {
|
|
76
|
+
var theme = _a.theme;
|
|
77
|
+
return theme.components.input.input.fontSize[theme.device];
|
|
78
|
+
}, function (_a) {
|
|
79
|
+
var theme = _a.theme;
|
|
80
|
+
return theme.typography.family.default;
|
|
69
81
|
});
|
|
70
82
|
var templateObject_1;
|
|
71
83
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,+4DAAoB,kGAK9C,EACwC,2GAK5C,EAC0D,4DAIzD,EAC2D,oFAKlD,EACiD,8DAI9C,EAAyC,qBAC/C,EACqC,wBAClC,EACwC,uBACzC,EACkD,gBACzD,EAAwC,oBACpC,EACwC,uLAS1C,EACyC,+DAIpC,EAAwC,0FAKxC,EAAqC,kIAMrC,EAAyC,gBAChD,EAAyC,sDAGvC,EAAyC,yIASnC,EAA6B,2BAC1B,EAA2C,gEAIpD,EAAgC,gFAIvB,EAAwC,8BAGlD,EAAuC,8DAKxC,EAA2C,sBACrC,EAA8C,kLAShD,EACwC,+CAEtC,EAA8C,gHAMhE,KAzGc,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAnD,CAAmD,EAK5C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACzB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAjE,CAAiE,EAIzD,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACxB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAjE,CAAiE,EAKlD,UAAC,EAAS;QAAP,KAAK,WAAA;IACvB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAAhE,CAAgE,EAI9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAC/C,UAAC,EAAS;QAAP,KAAK,WAAA;IACpB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IACvB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;AAAvD,CAAuD,EACzC,UAAC,EAAoB;QAAlB,KAAK,WAAA,EAAE,SAAS,eAAA;IACjC,OAAA,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAhE,CAAgE,EACzD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAnD,CAAmD,EAS1C,UAAC,EAAS;QAAP,KAAK,WAAA;IACjB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;AAAlD,CAAkD,EAIpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;AAAtB,CAAsB,EAMrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAChD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EASnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIpD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAIvB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ;AAAzB,CAAyB,EAGlD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;AAAxB,CAAwB,EAKxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAShD,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAnD,CAAmD,EAEtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAM/D"}
|
|
@@ -72,7 +72,10 @@ var meta = {
|
|
|
72
72
|
};
|
|
73
73
|
exports.default = meta;
|
|
74
74
|
exports.Example = {
|
|
75
|
-
args: {
|
|
75
|
+
args: {
|
|
76
|
+
label: "Data de nascimento",
|
|
77
|
+
error: "Data inválida",
|
|
78
|
+
},
|
|
76
79
|
render: function (args) { return (0, jsx_runtime_1.jsx)(_1.SingleCalendar, tslib_1.__assign({}, args)); },
|
|
77
80
|
};
|
|
78
81
|
//# sourceMappingURL=SingleCalendar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleCalendar.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/SingleCalendar.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAAmC;AACnC,sDAAuD;AAEvD,IAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,iBAAc;IACzB,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,uIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EACT,qEAAqE;YACvE,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mDAAmD;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;SACrC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;SACrC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1B,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,KAAK,EAAE;YACL,WAAW,EACT,oFAAoF;YACtF,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,qBAAqB;iBAC/B;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"SingleCalendar.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/SingleCalendar.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAAmC;AACnC,sDAAuD;AAEvD,IAAM,IAAI,GAAgC;IACxC,SAAS,EAAE,iBAAc;IACzB,KAAK,EAAE,8BAA8B;IACrC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,uIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EACT,qEAAqE;YACvE,MAAM,EAAE,UAAU;YAClB,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mDAAmD;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;SACrC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;SACrC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1B,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,KAAK,EAAE;YACL,WAAW,EACT,oFAAoF;YACtF,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAC1B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,qBAAqB;iBAC/B;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,eAAe;KACvB;IACD,MAAM,EAAE,UAAC,IAAI,IAAK,OAAA,uBAAC,iBAAc,uBAAK,IAAI,EAAI,EAA5B,CAA4B;CAC/C,CAAC"}
|
|
@@ -13,6 +13,8 @@ interface SingleCalendarProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
13
13
|
maxDate?: Date;
|
|
14
14
|
value?: Date;
|
|
15
15
|
containerStyles?: React.CSSProperties;
|
|
16
|
+
label?: React.ReactNode;
|
|
17
|
+
error?: string;
|
|
16
18
|
}
|
|
17
19
|
export declare const SingleCalendar: React.ForwardRefExoticComponent<SingleCalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
20
|
export {};
|
|
@@ -14,13 +14,14 @@ var Spinner_1 = require("../Spinner");
|
|
|
14
14
|
var styled_components_1 = require("styled-components");
|
|
15
15
|
var icons_1 = require("../icons");
|
|
16
16
|
var react_dom_1 = require("react-dom");
|
|
17
|
+
var FieldInfo_1 = require("../FieldInfo");
|
|
17
18
|
var DayButtonMemo = react_1.default.memo(styles_1.DayButton, function (prevProps, nextProps) {
|
|
18
19
|
return (prevProps.$isSelected === nextProps.$isSelected &&
|
|
19
20
|
prevProps.disabled === nextProps.disabled &&
|
|
20
21
|
prevProps.children === nextProps.children);
|
|
21
22
|
});
|
|
22
23
|
exports.SingleCalendar = (0, react_1.forwardRef)(function SingleCalendar(_a, ref) {
|
|
23
|
-
var onlyDate = _a.onlyDate, onSelectDate = _a.onSelectDate, defaultDate = _a.defaultDate, isLoading = _a.isLoading, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, containerStyles = _a.containerStyles, props = tslib_1.__rest(_a, ["onlyDate", "onSelectDate", "defaultDate", "isLoading", "disabled", "minDate", "maxDate", "value", "containerStyles"]);
|
|
24
|
+
var onlyDate = _a.onlyDate, onSelectDate = _a.onSelectDate, defaultDate = _a.defaultDate, isLoading = _a.isLoading, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, containerStyles = _a.containerStyles, label = _a.label, error = _a.error, props = tslib_1.__rest(_a, ["onlyDate", "onSelectDate", "defaultDate", "isLoading", "disabled", "minDate", "maxDate", "value", "containerStyles", "label", "error"]);
|
|
24
25
|
var theme = (0, styled_components_1.useTheme)();
|
|
25
26
|
var triggerRef = (0, react_1.useRef)(null);
|
|
26
27
|
var modalRef = (0, react_1.useRef)(null);
|
|
@@ -128,7 +129,7 @@ exports.SingleCalendar = (0, react_1.forwardRef)(function SingleCalendar(_a, ref
|
|
|
128
129
|
end: (0, date_fns_1.endOfMonth)(selectedDate),
|
|
129
130
|
});
|
|
130
131
|
}, [selectedDate]);
|
|
131
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.DatePickerWrapper, { style: containerStyles, ref: ref, children: [(0, jsx_runtime_1.jsxs)(styles_1.DatePickerTrigger, tslib_1.__assign({ type: "button", ref: triggerRef, onClick: toggleShow, disabled: disabled || isLoading }, props, { children: [(0, date_fns_1.format)(dateOnButton, "dd/MM/yyyy".concat(onlyDate ? "" : "- HH:mm")), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(icons_1.IconCalendarCheck, {}))] })), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { ref: modalRef, "$show": show, "$top": position.top, "$left": position.left, children: [(0, jsx_runtime_1.jsx)(styles_1.ContentBody, { children: (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(90deg)" }, onClick: handlePreviousMonth }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(-90deg)" }, onClick: handleNextMonth })] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "D" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "T" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "S" })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledCalendar, { children: daysToShowMemo.map(function (day) { return ((0, jsx_runtime_1.jsx)(DayButtonMemo, { onClick: function () { return onClickDay(day.value); }, "$isSelected": (0, date_fns_1.isSameDay)((0, date_fns_1.endOfDay)(day.value), selectedDate), disabled: (minDate && (0, date_fns_1.isBefore)(day.value, minDate)) ||
|
|
132
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.DatePickerWrapper, { style: containerStyles, ref: ref, children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.DatePickerTrigger, tslib_1.__assign({ type: "button", ref: triggerRef, onClick: toggleShow, disabled: disabled || isLoading }, props, { children: [(0, date_fns_1.format)(dateOnButton, "dd/MM/yyyy".concat(onlyDate ? "" : "- HH:mm")), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 20, color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsx)(icons_1.IconCalendarCheck, {}))] })), (0, jsx_runtime_1.jsx)(FieldInfo_1.FieldInfo, { isDisabled: disabled || isLoading, isError: !!error, children: error }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(styles_1.DatePickerContent, { ref: modalRef, "$show": show, "$top": position.top, "$left": position.left, children: [(0, jsx_runtime_1.jsx)(styles_1.ContentBody, { children: (0, jsx_runtime_1.jsxs)(styles_1.CalendarContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MonthYearHeader, { children: [(0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(90deg)" }, onClick: handlePreviousMonth }), (0, jsx_runtime_1.jsxs)("span", { children: [(0, date_fns_1.format)(monthToShow.start, "MMMM", { locale: locale_1.ptBR }), ", ", (0, date_fns_1.format)(monthToShow.start, "yyyy")] }), (0, jsx_runtime_1.jsx)(icons_1.IconArrowDropDown, { fontSize: 24, style: { transform: "rotate(-90deg)" }, onClick: handleNextMonth })] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "D" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "T" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "Q" }), (0, jsx_runtime_1.jsx)("li", { children: "S" }), (0, jsx_runtime_1.jsx)("li", { children: "S" })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledCalendar, { children: daysToShowMemo.map(function (day) { return ((0, jsx_runtime_1.jsx)(DayButtonMemo, { onClick: function () { return onClickDay(day.value); }, "$isSelected": (0, date_fns_1.isSameDay)((0, date_fns_1.endOfDay)(day.value), selectedDate), disabled: (minDate && (0, date_fns_1.isBefore)(day.value, minDate)) ||
|
|
132
133
|
(maxDate && (0, date_fns_1.isAfter)(day.value, maxDate)), children: day.day }, day.value.toString())); }) }), !onlyDate && ((0, jsx_runtime_1.jsx)(CalendarComponents_1.CalendarInputs, { selectedDate: selectedDate, setSelectedDate: setSelectedDate }))] }) }), !onlyDate && ((0, jsx_runtime_1.jsx)(styles_1.ContentFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: function () { return handleSelectDate(selectedDate); }, children: "Aplicar" }) }))] }), document.body)] }));
|
|
133
134
|
});
|
|
134
135
|
//# sourceMappingURL=index.js.map
|