period-ui 0.1.0

package/dist/components/atoms/text-button/text-button.test.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const text_button_1 = require("./text-button");
+const billo_icon_1 = require("../billo-icon/billo-icon");
+vitest_1.vi.mock('../..', async () => {
+    const actual = await vitest_1.vi.importActual('../..');
+    return {
+        ...actual,
+        BilloIcon: ({ icon }) => (0, jsx_runtime_1.jsx)("svg", { "data-testid": "billo-icon", children: icon }),
+    };
+});
+(0, vitest_1.describe)('TextButton', () => {
+    (0, vitest_1.beforeEach)(() => {
+        vitest_1.vi.clearAllMocks();
+    });
+    (0, vitest_1.it)('renders the label text', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Click me", onClick: () => { } }));
+        (0, vitest_1.expect)(react_1.screen.getByText('Click me')).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('calls onClick when clicked', () => {
+        const onClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Click", onClick: onClick }));
+        react_1.fireEvent.click(react_1.screen.getByRole('button'));
+        (0, vitest_1.expect)(onClick).toHaveBeenCalledTimes(1);
+    });
+    (0, vitest_1.it)('does not call onClick when disabled', () => {
+        const onClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Disabled", onClick: onClick, isDisabled: true }));
+        react_1.fireEvent.click(react_1.screen.getByRole('button'));
+        (0, vitest_1.expect)(onClick).not.toHaveBeenCalled();
+    });
+    (0, vitest_1.it)('renders icon if provided', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "With Icon", onClick: () => { }, icon: billo_icon_1.IconSymbol.PENCIL }));
+        (0, vitest_1.expect)(react_1.screen.getByTestId('billo-icon').textContent).toBe(billo_icon_1.IconSymbol.PENCIL);
+    });
+    (0, vitest_1.it)('applies correct class for destructive variant', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Delete", onClick: () => { }, variant: text_button_1.TextButtonVariant.DESTRUCTIVE }));
+        const button = container.querySelector('button');
+        (0, vitest_1.expect)(button?.className).toContain('text-red-01');
+    });
+    (0, vitest_1.it)('applies custom className if provided', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Styled", onClick: () => { }, className: "my-custom-class" }));
+        (0, vitest_1.expect)(container.querySelector('button')).toHaveClass('my-custom-class');
+    });
+    (0, vitest_1.it)('uses smaller icon size on mobile', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { label: "Mobile Icon", icon: billo_icon_1.IconSymbol.PENCIL, onClick: () => { } }));
+        (0, vitest_1.expect)(react_1.screen.getByTestId('billo-icon')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=text-button.test.js.map

package/dist/components/atoms/text-button/text-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.test.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './atoms/billo-icon/billo-icon';
+export * from './atoms/button/button';
+export * from './atoms/check-box/check-box';
+export * from './atoms/chip/chip/chip';
+export * from './atoms/chip/chips-list/chips-list';
+export * from './atoms/drop-down-menu/drop-down-menu';
+export * from './atoms/icon-button/icon-button';
+export * from './atoms/search-bar/search-bar';
+export * from './atoms/text-button/text-button';
+export * from './atoms/text/text';
+export * from './molecules/form/form';
+export * from './molecules/form/form-select/form-select';
+export * from './molecules/select/select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAGlC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0CAA0C,CAAC;AACzD,cAAc,2BAA2B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/billo-icon/billo-icon"), exports);
+__exportStar(require("./atoms/button/button"), exports);
+__exportStar(require("./atoms/check-box/check-box"), exports);
+__exportStar(require("./atoms/chip/chip/chip"), exports);
+__exportStar(require("./atoms/chip/chips-list/chips-list"), exports);
+__exportStar(require("./atoms/drop-down-menu/drop-down-menu"), exports);
+__exportStar(require("./atoms/icon-button/icon-button"), exports);
+__exportStar(require("./atoms/search-bar/search-bar"), exports);
+__exportStar(require("./atoms/text-button/text-button"), exports);
+__exportStar(require("./atoms/text/text"), exports);
+__exportStar(require("./molecules/form/form"), exports);
+__exportStar(require("./molecules/form/form-select/form-select"), exports);
+__exportStar(require("./molecules/select/select"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,gEAA8C;AAC9C,wDAAsC;AACtC,8DAA4C;AAC5C,yDAAuC;AACvC,qEAAmD;AACnD,wEAAsD;AACtD,kEAAgD;AAChD,gEAA8C;AAC9C,kEAAgD;AAChD,oDAAkC;AAGlC,wDAAsC;AACtC,2EAAyD;AACzD,4DAA0C"}

package/dist/components/molecules/form/form-select/form-select.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from '../../..';
+import { FormControlProps } from '../../../../containers';
+export type FormSelectProps = FormControlProps & SelectProps & {
+    formControlClassName?: string;
+};
+export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-select.d.ts.map

package/dist/components/molecules/form/form-select/form-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA4C7E"}

package/dist/components/molecules/form/form-select/form-select.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSelect = FormSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../../..");
+const containers_1 = require("../../../../containers");
+function FormSelect({ formControlClassName, ...props }) {
+    async function handleValueChange(value) {
+        const { formProps, formName, onChangeText } = props;
+        await formProps.setFieldValue(formName, value || '');
+        if (onChangeText) {
+            onChangeText(value);
+        }
+    }
+    async function handleChange(selectedValues) {
+        const { formProps, formName, onOptionChange, options } = props;
+        const [selectedValue] = selectedValues;
+        const newOption = options.find((option) => option.value === selectedValue);
+        if (!newOption) {
+            return;
+        }
+        await formProps.setFieldValue(formName, newOption.label || '');
+        if (onOptionChange) {
+            onOptionChange(selectedValues);
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(__1.Select, { ...props, onChangeText: handleValueChange, onOptionChange: handleChange, isErrorVisible: isErrorVisible })) }));
+}
+//# sourceMappingURL=form-select.js.map

package/dist/components/molecules/form/form-select/form-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCA4CC;;AApDD,gCAA+C;AAC/C,uDAAuF;AAOvF,SAAgB,UAAU,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAmB;IAC5E,KAAK,UAAU,iBAAiB,CAAC,KAAa;QAC5C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QAEtD,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAC/D,MAAM,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC;QACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC;QAE3E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,CAAC,aAAa,CAAC,QAAS,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAEhE,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,cAAc,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAC7F,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,UAAM,OACD,KAAK,EACT,YAAY,EAAE,iBAAiB,EAC/B,cAAc,EAAE,YAAY,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-select/form-select.stories.d.ts

@@ -0,0 +1,20 @@
+import { FormSelect } from '@/components';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof FormSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DefaultXS: Story;
+export declare const DefaultS: Story;
+export declare const DefaultM: Story;
+export declare const DefaultL: Story;
+export declare const DefaultXL: Story;
+export declare const SelectOptional: Story;
+export declare const SelectError: Story;
+export declare const SelectInitialValue: Story;
+export declare const SelectDisabled: Story;
+export declare const SelectDisabledValue: Story;
+export declare const SelectEmptyElement: Story;
+export declare const MultiSelectStory: Story;
+export declare const ManyOptions: Story;
+//# sourceMappingURL=form-select.stories.d.ts.map

package/dist/components/molecules/form/form-select/form-select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE5E,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgCnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}

package/dist/components/molecules/form/form-select/form-select.stories.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ManyOptions = exports.MultiSelectStory = exports.SelectEmptyElement = exports.SelectDisabledValue = exports.SelectDisabled = exports.SelectInitialValue = exports.SelectError = exports.SelectOptional = exports.DefaultXL = exports.DefaultL = exports.DefaultM = exports.DefaultS = exports.DefaultXS = exports.Default = void 0;
+const components_1 = require("@/components");
+const containers_1 = require("@/containers");
+const formStoryStubs_1 = require("../formStoryStubs");
+const meta = {
+    title: 'Components/Atoms/FormSelect',
+    component: components_1.FormSelect,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+const formProps = (0, formStoryStubs_1.createMockFormikProps)({
+    initialValues: { select: '' },
+    onSubmit: () => { },
+});
+const storyOptions = [
+    { label: 'test 1 mas lago', value: 'test value' },
+    { label: 'test 2', value: 'test 2' },
+    { label: 'test 3', value: 'test 3' },
+    { label: 'test 4', value: 'test 4' },
+];
+const baseArgs = {
+    label: 'Select',
+    helperText: 'select helper',
+    formName: 'formSelect',
+    optionalLabel: '(Optional)',
+    formProps: formProps,
+    className: '',
+    options: storyOptions,
+    isMultiSelect: false,
+    isDisabled: false,
+    onOptionChange: () => { },
+    inputWidth: containers_1.FormInputWidth.FOUR_COLUMN,
+};
+exports.Default = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+    },
+};
+exports.DefaultXS = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+        inputWidth: containers_1.FormInputWidth.ONE_COLUMN,
+    },
+};
+exports.DefaultS = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+        inputWidth: containers_1.FormInputWidth.TWO_COLUMN,
+    },
+};
+exports.DefaultM = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+        inputWidth: containers_1.FormInputWidth.THREE_COLUMN,
+    },
+};
+exports.DefaultL = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+        inputWidth: containers_1.FormInputWidth.FOUR_COLUMN,
+    },
+};
+exports.DefaultXL = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: undefined,
+        inputWidth: containers_1.FormInputWidth.FIVE_COLUMN,
+    },
+};
+exports.SelectOptional = {
+    args: {
+        ...baseArgs,
+        isRequired: false,
+        optionalLabel: '(Opcional)',
+        initialValues: ['test 1'],
+    },
+};
+exports.SelectError = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        errorText: 'Select error',
+        initialValues: ['test 1'],
+    },
+};
+exports.SelectInitialValue = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        initialValues: ['test 1'],
+    },
+};
+exports.SelectDisabled = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        isDisabled: true,
+        initialValues: undefined,
+    },
+};
+exports.SelectDisabledValue = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        isDisabled: true,
+        initialValues: ['test 1'],
+    },
+};
+exports.SelectEmptyElement = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        emptyLabel: 'Empty Element',
+        initialValues: ['test 1'],
+    },
+};
+exports.MultiSelectStory = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        removeOnSelect: true,
+        isMultiSelect: true,
+        inputWidth: containers_1.FormInputWidth.THREE_COLUMN,
+    },
+};
+exports.ManyOptions = {
+    args: {
+        ...baseArgs,
+        isRequired: true,
+        removeOnSelect: true,
+        isMultiSelect: true,
+        inputWidth: containers_1.FormInputWidth.THREE_COLUMN,
+        options: [
+            ...storyOptions,
+            { label: 'test 5', value: 'test 5' },
+            { label: 'test 6', value: 'test 6' },
+            { label: 'test 7', value: 'test 7' },
+            { label: 'test 8', value: 'test 8' },
+        ],
+    },
+};
+//# sourceMappingURL=form-select.stories.js.map

package/dist/components/molecules/form/form-select/form-select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.stories.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/form/form-select/form-select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-select.test.d.ts.map

package/dist/components/molecules/form/form-select/form-select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.test.tsx"],"names":[],"mappings":""}

package/dist/components/molecules/form/form-select/form-select.test.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const formTestStubs_1 = require("../formTestStubs");
+const form_select_1 = require("./form-select");
+vitest_1.vi.mock('../../../../containers', () => ({
+    FormControl: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("div", { "data-testid": "form-control", children: children({ isErrorVisible: props.isErrorVisible }) })),
+}));
+vitest_1.vi.mock('../../..', () => ({
+    Select: ({ options, isErrorVisible }) => ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "select", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Options: ", options?.length] }), (0, jsx_runtime_1.jsxs)("div", { children: ["ErrorVisible: ", String(isErrorVisible)] })] })),
+}));
+(0, vitest_1.describe)('FormSelect', () => {
+    (0, vitest_1.it)('renders FormControl and Select components', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(form_select_1.FormSelect, { options: [{ value: 'a', label: 'A' }], optionalLabel: "Opcional", label: "Label", formName: "test", formProps: formTestStubs_1.mockFormProps }));
+        (0, vitest_1.expect)(react_1.screen.getByText(/Options: 1/)).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('passes isErrorVisible to Select', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(form_select_1.FormSelect, { options: [], isErrorVisible: true, optionalLabel: "Opcional", label: "Label", formName: "test", formProps: formTestStubs_1.mockFormProps }));
+        (0, vitest_1.expect)(react_1.screen.getByText(/ErrorVisible: true/)).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=form-select.test.js.map

package/dist/components/molecules/form/form-select/form-select.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.test.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,mCAAkD;AAClD,oDAAiD;AACjD,+CAA2C;AAE3C,WAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,CAAC;IACvC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAO,EAAE,EAAE,CAAC,CAC5C,+CAAiB,cAAc,YAAE,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,GAAO,CAC3F;CACF,CAAC,CAAC,CAAC;AAEJ,WAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAO,EAAE,EAAE,CAAC,CAC5C,gDAAiB,QAAQ,aACvB,yDAAe,OAAO,EAAE,MAAM,IAAO,EACrC,8DAAoB,MAAM,CAAC,cAAc,CAAC,IAAO,IAC7C,CACP;CACF,CAAC,CAAC,CAAC;AAEJ,IAAA,iBAAQ,EAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAA,WAAE,EAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,IAAA,cAAM,EACJ,uBAAC,wBAAU,IACT,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EACrC,aAAa,EAAC,UAAU,EACxB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,MAAM,EACf,SAAS,EAAE,6BAAa,GACxB,CACH,CAAC;QAEF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,IAAA,cAAM,EACJ,uBAAC,wBAAU,IACT,OAAO,EAAE,EAAE,EACX,cAAc,QACd,aAAa,EAAC,UAAU,EACxB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,MAAM,EACf,SAAS,EAAE,6BAAa,GACxB,CACH,CAAC;QACF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/molecules/form/form.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { FormikHelpers, FormikProps, FormikValues } from 'formik';
+import BaseSchema from 'yup/lib/schema';
+export type FormNames<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FromErrors<FormValuesType> = {
+    [key in keyof FormValuesType]: string;
+};
+export type FormSchema<FormValuesType> = {
+    [key in keyof FormValuesType]: BaseSchema;
+};
+export type FormHelpers<FormValuesType> = FormikHelpers<FormValuesType>;
+export type FormRenderProps<FormValuesType> = FormikProps<FormValuesType> & {
+    submitButtonDisabled: boolean;
+};
+export type FormConfig<FormValuesType> = {
+    enableReinitialize?: boolean;
+    names: FormNames<FormValuesType>;
+    initialValues: FormValuesType;
+    validationSchema?: FormSchema<FormValuesType>;
+    innerRef?: React.Ref<FormikProps<FormValuesType>>;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+type FormProps<FormValuesType> = {
+    id?: string;
+    config: FormConfig<FormValuesType>;
+    className?: string;
+    children: (props: FormRenderProps<FormValuesType>, names: FormNames<FormValuesType>) => React.ReactElement;
+};
+export declare function Form<FormValuesType extends FormikValues>({ id, config, className, children, }: FormProps<FormValuesType>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form.d.ts.map

package/dist/components/molecules/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE1E,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAGxC,MAAM,MAAM,SAAS,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,MAAM;CAAE,CAAC;AAElF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,MAAM;CAAE,CAAC;AAEnF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;KAAG,GAAG,IAAI,MAAM,cAAc,GAAG,UAAU;CAAE,CAAC;AAEvF,MAAM,MAAM,WAAW,CAAC,cAAc,IAAI,aAAa,CAAC,cAAc,CAAC,CAAC;AAExE,MAAM,MAAM,eAAe,CAAC,cAAc,IAAI,WAAW,CAAC,cAAc,CAAC,GAAG;IAC1E,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjC,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAClD,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,KAAK,SAAS,CAAC,cAAc,IAAI;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CACR,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,EACtC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB,CAAC;AAgBF,wBAAgB,IAAI,CAAC,cAAc,SAAS,YAAY,EAAE,EACxD,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,CAAC,cAAc,CAAC,2CAmC3B"}

package/dist/components/molecules/form/form.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = Form;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const yup = __importStar(require("yup"));
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+function Form({ id, config, className, children, }) {
+    const { names, initialValues, validationSchema, onSubmit } = config;
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: initialValues, validationSchema: validationSchema && yup.object(validationSchema), onSubmit: onSubmit, children: (formikProps) => {
+            const submitButtonDisabled = !formikProps.dirty || !formikProps.isValid || formikProps.isSubmitting;
+            return ((0, jsx_runtime_1.jsx)("form", { id: id, role: "form", onSubmit: (event) => {
+                    event.preventDefault();
+                    formikProps.handleSubmit();
+                }, className: (0, tailwind_utils_1.tailwind)(className), children: children({
+                    ...formikProps,
+                    submitButtonDisabled,
+                }, names) }));
+        } }));
+}
+//# sourceMappingURL=form.js.map

package/dist/components/molecules/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,oBAwCC;;AA1FD,mCAA0E;AAC1E,yCAA2B;AAE3B,kEAAyD;AA+CzD,SAAgB,IAAI,CAAsC,EACxD,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACkB;IAC1B,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEpE,OAAO,CACL,uBAAC,eAAM,IACL,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,IAAI,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAClE,QAAQ,EAAE,QAAQ,YAEjB,CAAC,WAAwC,EAAsB,EAAE;YAChE,MAAM,oBAAoB,GACxB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,YAAY,CAAC;YAEzE,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,WAAW,CAAC,YAAY,EAAE,CAAC;gBAC7B,CAAC,EACD,SAAS,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAE7B,QAAQ,CACP;oBACE,GAAG,WAAW;oBACd,oBAAoB;iBACrB,EACD,KAAK,CACN,GACI,CACR,CAAC;QACJ,CAAC,GACM,CACV,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/formStoryStubs.d.ts

@@ -0,0 +1,11 @@
+import { FormikValues } from 'formik';
+import { FormHelpers, FormRenderProps } from './form';
+export type TestFormValues = {
+    test: string;
+};
+export type FormConfig<FormValuesType> = {
+    initialValues: FormValuesType;
+    onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
+};
+export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
+//# sourceMappingURL=formStoryStubs.d.ts.map

package/dist/components/molecules/form/formStoryStubs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStoryStubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/formStoryStubs.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EACxD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}

package/dist/components/molecules/form/formStoryStubs.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMockFormikProps = createMockFormikProps;
+function createMockFormikProps(config) {
+    const { initialValues, onSubmit } = config;
+    return {
+        isValid: true,
+        values: initialValues,
+        initialValues,
+        errors: {},
+        touched: {},
+        isSubmitting: false,
+        isValidating: false,
+        submitButtonDisabled: false,
+        status: null,
+        dirty: false,
+        submitCount: 0,
+        initialTouched: {},
+        initialErrors: {},
+        registerField: () => { },
+        unregisterField: () => { },
+        setErrors: (_errors) => { },
+        setFieldError: (_field, _message) => { },
+        setFieldTouched: async (_field, _isTouched, _shouldValidate) => { },
+        setFieldValue: async (_field, _value, _shouldValidate) => { },
+        setStatus: (_status) => { },
+        setSubmitting: (_isSubmitting) => { },
+        setTouched: async (_touched, _shouldValidate) => {
+            return;
+        },
+        setValues: async (values, _shouldValidate) => {
+            if (typeof values === 'function') {
+                const updater = values;
+                const newValues = updater(initialValues);
+                return newValues;
+            }
+            return;
+        },
+        resetForm: (_nextState) => { },
+        validateForm: async () => ({}),
+        validateField: async (_field) => { },
+        submitForm: async () => { },
+        setFormikState: (_stateOrCb) => { },
+        getFieldProps: (props) => {
+            const name = typeof props === 'string' ? props : props.name;
+            return {
+                name,
+                value: initialValues[name],
+                onChange: () => { },
+                onBlur: () => { },
+            };
+        },
+        getFieldMeta: (name) => ({
+            touched: false,
+            error: undefined,
+            initialValue: initialValues[name],
+            initialTouched: false,
+            initialError: undefined,
+            value: initialValues[name],
+        }),
+        getFieldHelpers: () => ({
+            setValue: async () => {
+                return;
+            },
+            setTouched: async () => {
+                return;
+            },
+            setError: async () => {
+                return;
+            },
+        }),
+        handleBlur: (_e) => { },
+        handleChange: (_e) => { },
+        handleReset: (_e) => { },
+        handleSubmit: (e) => {
+            e?.preventDefault?.();
+            onSubmit(initialValues);
+        },
+    };
+}
+//# sourceMappingURL=formStoryStubs.js.map

package/dist/components/molecules/form/formStoryStubs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStoryStubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/formStoryStubs.ts"],"names":[],"mappings":"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"}

package/dist/components/molecules/form/formTestStubs.d.ts

@@ -0,0 +1,6 @@
+import { FormRenderProps } from './form';
+export type TestFormValues = {
+    test: string;
+};
+export declare const mockFormProps: FormRenderProps<TestFormValues>;
+//# sourceMappingURL=formTestStubs.d.ts.map

package/dist/components/molecules/form/formTestStubs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formTestStubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/formTestStubs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,cAAc,CAyCzD,CAAC"}