period-ui 0.1.0
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/LICENSE +0 -0
- package/README.md +20 -0
- package/dist/components/atoms/billo-icon/billo-icon.d.ts +125 -0
- package/dist/components/atoms/billo-icon/billo-icon.d.ts.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.js +128 -0
- package/dist/components/atoms/billo-icon/billo-icon.js.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts +7 -0
- package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.stories.js +38 -0
- package/dist/components/atoms/billo-icon/billo-icon.stories.js.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.test.d.ts +2 -0
- package/dist/components/atoms/billo-icon/billo-icon.test.d.ts.map +1 -0
- package/dist/components/atoms/billo-icon/billo-icon.test.js +37 -0
- package/dist/components/atoms/billo-icon/billo-icon.test.js.map +1 -0
- package/dist/components/atoms/button/button.d.ts +9 -0
- package/dist/components/atoms/button/button.d.ts.map +1 -0
- package/dist/components/atoms/button/button.js +30 -0
- package/dist/components/atoms/button/button.js.map +1 -0
- package/dist/components/atoms/button/button.stories.d.ts +9 -0
- package/dist/components/atoms/button/button.stories.d.ts.map +1 -0
- package/dist/components/atoms/button/button.stories.js +40 -0
- package/dist/components/atoms/button/button.stories.js.map +1 -0
- package/dist/components/atoms/button/button.test.d.ts +2 -0
- package/dist/components/atoms/button/button.test.d.ts.map +1 -0
- package/dist/components/atoms/button/button.test.js +72 -0
- package/dist/components/atoms/button/button.test.js.map +1 -0
- package/dist/components/atoms/check-box/check-box.d.ts +22 -0
- package/dist/components/atoms/check-box/check-box.d.ts.map +1 -0
- package/dist/components/atoms/check-box/check-box.js +43 -0
- package/dist/components/atoms/check-box/check-box.js.map +1 -0
- package/dist/components/atoms/check-box/check-box.stories.d.ts +13 -0
- package/dist/components/atoms/check-box/check-box.stories.d.ts.map +1 -0
- package/dist/components/atoms/check-box/check-box.stories.js +41 -0
- package/dist/components/atoms/check-box/check-box.stories.js.map +1 -0
- package/dist/components/atoms/check-box/check-box.test.d.ts +2 -0
- package/dist/components/atoms/check-box/check-box.test.d.ts.map +1 -0
- package/dist/components/atoms/check-box/check-box.test.js +40 -0
- package/dist/components/atoms/check-box/check-box.test.js.map +1 -0
- package/dist/components/atoms/chip/chip/chip.d.ts +9 -0
- package/dist/components/atoms/chip/chip/chip.d.ts.map +1 -0
- package/dist/components/atoms/chip/chip/chip.js +13 -0
- package/dist/components/atoms/chip/chip/chip.js.map +1 -0
- package/dist/components/atoms/chip/chip/chip.stories.d.ts +8 -0
- package/dist/components/atoms/chip/chip/chip.stories.d.ts.map +1 -0
- package/dist/components/atoms/chip/chip/chip.stories.js +29 -0
- package/dist/components/atoms/chip/chip/chip.stories.js.map +1 -0
- package/dist/components/atoms/chip/chip/chip.test.d.ts +2 -0
- package/dist/components/atoms/chip/chip/chip.test.d.ts.map +1 -0
- package/dist/components/atoms/chip/chip/chip.test.js +38 -0
- package/dist/components/atoms/chip/chip/chip.test.js.map +1 -0
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts +11 -0
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map +1 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js +11 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts +14 -0
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js +11 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts +8 -0
- package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.stories.js +45 -0
- package/dist/components/atoms/chip/chips-list/chips-list.stories.js.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts +2 -0
- package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts.map +1 -0
- package/dist/components/atoms/chip/chips-list/chips-list.test.js +36 -0
- package/dist/components/atoms/chip/chips-list/chips-list.test.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +21 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +29 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +22 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +25 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts +16 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js +222 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts +2 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js +64 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.d.ts +12 -0
- package/dist/components/atoms/icon-button/icon-button.d.ts.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.js +11 -0
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.stories.d.ts +9 -0
- package/dist/components/atoms/icon-button/icon-button.stories.d.ts.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.stories.js +58 -0
- package/dist/components/atoms/icon-button/icon-button.stories.js.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.test.d.ts +2 -0
- package/dist/components/atoms/icon-button/icon-button.test.d.ts.map +1 -0
- package/dist/components/atoms/icon-button/icon-button.test.js +71 -0
- package/dist/components/atoms/icon-button/icon-button.test.js.map +1 -0
- package/dist/components/atoms/search-bar/components/clear-button.d.ts +10 -0
- package/dist/components/atoms/search-bar/components/clear-button.d.ts.map +1 -0
- package/dist/components/atoms/search-bar/components/clear-button.js +11 -0
- package/dist/components/atoms/search-bar/components/clear-button.js.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.d.ts +12 -0
- package/dist/components/atoms/search-bar/search-bar.d.ts.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.js +15 -0
- package/dist/components/atoms/search-bar/search-bar.js.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.stories.d.ts +9 -0
- package/dist/components/atoms/search-bar/search-bar.stories.d.ts.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.stories.js +39 -0
- package/dist/components/atoms/search-bar/search-bar.stories.js.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.test.d.ts +2 -0
- package/dist/components/atoms/search-bar/search-bar.test.d.ts.map +1 -0
- package/dist/components/atoms/search-bar/search-bar.test.js +34 -0
- package/dist/components/atoms/search-bar/search-bar.test.js.map +1 -0
- package/dist/components/atoms/text/text.d.ts +35 -0
- package/dist/components/atoms/text/text.d.ts.map +1 -0
- package/dist/components/atoms/text/text.js +57 -0
- package/dist/components/atoms/text/text.js.map +1 -0
- package/dist/components/atoms/text/text.stories.d.ts +15 -0
- package/dist/components/atoms/text/text.stories.d.ts.map +1 -0
- package/dist/components/atoms/text/text.stories.js +70 -0
- package/dist/components/atoms/text/text.stories.js.map +1 -0
- package/dist/components/atoms/text/text.test.d.ts +2 -0
- package/dist/components/atoms/text/text.test.d.ts.map +1 -0
- package/dist/components/atoms/text/text.test.js +93 -0
- package/dist/components/atoms/text/text.test.js.map +1 -0
- package/dist/components/atoms/text-button/text-button.d.ts +19 -0
- package/dist/components/atoms/text-button/text-button.d.ts.map +1 -0
- package/dist/components/atoms/text-button/text-button.js +23 -0
- package/dist/components/atoms/text-button/text-button.js.map +1 -0
- package/dist/components/atoms/text-button/text-button.stories.d.ts +13 -0
- package/dist/components/atoms/text-button/text-button.stories.d.ts.map +1 -0
- package/dist/components/atoms/text-button/text-button.stories.js +71 -0
- package/dist/components/atoms/text-button/text-button.stories.js.map +1 -0
- package/dist/components/atoms/text-button/text-button.test.d.ts +2 -0
- package/dist/components/atoms/text-button/text-button.test.d.ts.map +1 -0
- package/dist/components/atoms/text-button/text-button.test.js +53 -0
- package/dist/components/atoms/text-button/text-button.test.js.map +1 -0
- package/dist/components/index.d.ts +14 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +30 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.d.ts +7 -0
- package/dist/components/molecules/form/form-select/form-select.d.ts.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.js +29 -0
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.stories.d.ts +20 -0
- package/dist/components/molecules/form/form-select/form-select.stories.d.ts.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.stories.js +158 -0
- package/dist/components/molecules/form/form-select/form-select.stories.js.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.test.d.ts +2 -0
- package/dist/components/molecules/form/form-select/form-select.test.d.ts.map +1 -0
- package/dist/components/molecules/form/form-select/form-select.test.js +24 -0
- package/dist/components/molecules/form/form-select/form-select.test.js.map +1 -0
- package/dist/components/molecules/form/form.d.ts +33 -0
- package/dist/components/molecules/form/form.d.ts.map +1 -0
- package/dist/components/molecules/form/form.js +44 -0
- package/dist/components/molecules/form/form.js.map +1 -0
- package/dist/components/molecules/form/formStoryStubs.d.ts +11 -0
- package/dist/components/molecules/form/formStoryStubs.d.ts.map +1 -0
- package/dist/components/molecules/form/formStoryStubs.js +81 -0
- package/dist/components/molecules/form/formStoryStubs.js.map +1 -0
- package/dist/components/molecules/form/formTestStubs.d.ts +6 -0
- package/dist/components/molecules/form/formTestStubs.d.ts.map +1 -0
- package/dist/components/molecules/form/formTestStubs.js +41 -0
- package/dist/components/molecules/form/formTestStubs.js.map +1 -0
- package/dist/components/molecules/select/components/select-input.d.ts +8 -0
- package/dist/components/molecules/select/components/select-input.d.ts.map +1 -0
- package/dist/components/molecules/select/components/select-input.js +11 -0
- package/dist/components/molecules/select/components/select-input.js.map +1 -0
- package/dist/components/molecules/select/select.d.ts +16 -0
- package/dist/components/molecules/select/select.d.ts.map +1 -0
- package/dist/components/molecules/select/select.js +30 -0
- package/dist/components/molecules/select/select.js.map +1 -0
- package/dist/components/molecules/select/select.stories.d.ts +10 -0
- package/dist/components/molecules/select/select.stories.d.ts.map +1 -0
- package/dist/components/molecules/select/select.stories.js +53 -0
- package/dist/components/molecules/select/select.stories.js.map +1 -0
- package/dist/components/molecules/select/select.test.d.ts +2 -0
- package/dist/components/molecules/select/select.test.d.ts.map +1 -0
- package/dist/components/molecules/select/select.test.js +57 -0
- package/dist/components/molecules/select/select.test.js.map +1 -0
- package/dist/components/molecules/select/use-select.d.ts +23 -0
- package/dist/components/molecules/select/use-select.d.ts.map +1 -0
- package/dist/components/molecules/select/use-select.js +149 -0
- package/dist/components/molecules/select/use-select.js.map +1 -0
- package/dist/containers/form-control/components/form-error.d.ts +7 -0
- package/dist/containers/form-control/components/form-error.d.ts.map +1 -0
- package/dist/containers/form-control/components/form-error.js +10 -0
- package/dist/containers/form-control/components/form-error.js.map +1 -0
- package/dist/containers/form-control/components/form-helper.d.ts +9 -0
- package/dist/containers/form-control/components/form-helper.d.ts.map +1 -0
- package/dist/containers/form-control/components/form-helper.js +10 -0
- package/dist/containers/form-control/components/form-helper.js.map +1 -0
- package/dist/containers/form-control/components/form-label.d.ts +10 -0
- package/dist/containers/form-control/components/form-label.d.ts.map +1 -0
- package/dist/containers/form-control/components/form-label.js +10 -0
- package/dist/containers/form-control/components/form-label.js.map +1 -0
- package/dist/containers/form-control/form-control.d.ts +33 -0
- package/dist/containers/form-control/form-control.d.ts.map +1 -0
- package/dist/containers/form-control/form-control.js +33 -0
- package/dist/containers/form-control/form-control.js.map +1 -0
- package/dist/containers/index.d.ts +2 -0
- package/dist/containers/index.d.ts.map +1 -0
- package/dist/containers/index.js +18 -0
- package/dist/containers/index.js.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +24 -0
- package/dist/index.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/button-types.d.ts +6 -0
- package/dist/types/button-types.d.ts.map +1 -0
- package/dist/types/button-types.js +10 -0
- package/dist/types/button-types.js.map +1 -0
- package/dist/types/options-type.d.ts +5 -0
- package/dist/types/options-type.d.ts.map +1 -0
- package/dist/types/options-type.js +3 -0
- package/dist/types/options-type.js.map +1 -0
- package/dist/types/select-types.d.ts +6 -0
- package/dist/types/select-types.d.ts.map +1 -0
- package/dist/types/select-types.js +3 -0
- package/dist/types/select-types.js.map +1 -0
- package/dist/types/text-types.d.ts +14 -0
- package/dist/types/text-types.d.ts.map +1 -0
- package/dist/types/text-types.js +3 -0
- package/dist/types/text-types.js.map +1 -0
- package/dist/utils/string-utils/string-utils.d.ts +6 -0
- package/dist/utils/string-utils/string-utils.d.ts.map +1 -0
- package/dist/utils/string-utils/string-utils.js +15 -0
- package/dist/utils/string-utils/string-utils.js.map +1 -0
- package/dist/utils/string-utils/string-utils.test.d.ts +2 -0
- package/dist/utils/string-utils/string-utils.test.d.ts.map +1 -0
- package/dist/utils/string-utils/string-utils.test.js +25 -0
- package/dist/utils/string-utils/string-utils.test.js.map +1 -0
- package/dist/utils/string-utils.d.ts +6 -0
- package/dist/utils/string-utils.d.ts.map +1 -0
- package/dist/utils/string-utils.js +15 -0
- package/dist/utils/string-utils.js.map +1 -0
- package/dist/utils/tailwind-utils.d.ts +3 -0
- package/dist/utils/tailwind-utils.d.ts.map +1 -0
- package/dist/utils/tailwind-utils.js +12 -0
- package/dist/utils/tailwind-utils.js.map +1 -0
- package/dist/utils/window-dimensions-utils.d.ts +9 -0
- package/dist/utils/window-dimensions-utils.d.ts.map +1 -0
- package/dist/utils/window-dimensions-utils.js +37 -0
- package/dist/utils/window-dimensions-utils.js.map +1 -0
- package/dist/vitest.setup.d.ts +2 -0
- package/dist/vitest.setup.d.ts.map +1 -0
- package/dist/vitest.setup.js +3 -0
- package/dist/vitest.setup.js.map +1 -0
- package/package.json +82 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormInputWidthClassNames = exports.FormInputWidth = void 0;
|
|
4
|
+
exports.FormControl = FormControl;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const components_1 = require("../../components");
|
|
7
|
+
const tailwind_utils_1 = require("../../utils/tailwind-utils");
|
|
8
|
+
const form_error_1 = require("./components/form-error");
|
|
9
|
+
const form_helper_1 = require("./components/form-helper");
|
|
10
|
+
const form_label_1 = require("./components/form-label");
|
|
11
|
+
var FormInputWidth;
|
|
12
|
+
(function (FormInputWidth) {
|
|
13
|
+
FormInputWidth["ONE_COLUMN"] = "ONE_COLUMN";
|
|
14
|
+
FormInputWidth["TWO_COLUMN"] = "TWO_COLUMN";
|
|
15
|
+
FormInputWidth["THREE_COLUMN"] = "THREE_COLUMN";
|
|
16
|
+
FormInputWidth["FOUR_COLUMN"] = "FOUR_COLUMN";
|
|
17
|
+
FormInputWidth["FIVE_COLUMN"] = "FIVE_COLUMN";
|
|
18
|
+
})(FormInputWidth || (exports.FormInputWidth = FormInputWidth = {}));
|
|
19
|
+
exports.FormInputWidthClassNames = {
|
|
20
|
+
[FormInputWidth.ONE_COLUMN]: 'w-24 max-w-24 md:max-w-24',
|
|
21
|
+
[FormInputWidth.TWO_COLUMN]: 'w-[204px] max-w-[204px] md:max-w-[204px]',
|
|
22
|
+
[FormInputWidth.THREE_COLUMN]: 'w-[272px] md:w-[320px] max-w-[272px] md:max-w-[320px]',
|
|
23
|
+
[FormInputWidth.FOUR_COLUMN]: 'w-[320px] md:w-[424px] max-w-[320px] md:max-w-[424px]',
|
|
24
|
+
[FormInputWidth.FIVE_COLUMN]: 'w-[320px] md:w-[580px] max-w-[320px] md:max-w-[580px]',
|
|
25
|
+
};
|
|
26
|
+
function FormControl({ isDisabled, isRequired, formName, label, formProps, className, errorText, helperText, optionalLabel, inputWidth = FormInputWidth.FOUR_COLUMN, children, }) {
|
|
27
|
+
const widthClassName = exports.FormInputWidthClassNames[inputWidth];
|
|
28
|
+
const isTouched = formName && formProps && formProps.touched[formName];
|
|
29
|
+
const isErrorVisible = errorText && isTouched;
|
|
30
|
+
const isHelperVisible = !isErrorVisible && helperText;
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', widthClassName, className), children: [label && (0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { isRequired: isRequired, label: label, optionalLabel: optionalLabel }), (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)(widthClassName), children: children ? children({ isErrorVisible: !!isErrorVisible }) : null }), isHelperVisible && ((0, jsx_runtime_1.jsx)(form_helper_1.FormHelper, { helperText: helperText, color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK_02 })), isErrorVisible && (0, jsx_runtime_1.jsx)(form_error_1.FormError, { errorText: errorText, className: "mt-2 w-fit" })] }));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=form-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;AA8CA,kCAwCC;;AArFD,iDAA+D;AAC/D,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AAEpD,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IACzB,+CAA6B,CAAA;IAC7B,6CAA2B,CAAA;IAC3B,6CAA2B,CAAA;AAC7B,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB;AAEY,QAAA,wBAAwB,GAEjC;IACF,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,2BAA2B;IACxD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,0CAA0C;IACvE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,uDAAuD;IACtF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;IACrF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;CACtF,CAAC;AAuBF,SAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,UAAU,GAAG,cAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,MAAM,cAAc,GAAG,gCAAwB,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,QAAQ,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,SAAS,IAAI,SAAS,CAAC;IAE9C,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,UAAU,CAAC;IAEtD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,cAAc,EAAE,SAAS,CAAC,aAE3E,KAAK,IAAI,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,EAE3F,gCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,YACrC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAC7D,EAGL,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,GAC7D,CACH,EAGA,cAAc,IAAI,uBAAC,sBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,YAAY,GAAG,IACzE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/containers/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./form-control/form-control"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/containers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,8DAA4C"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { Button } from './components/atoms/button/button';
|
|
2
|
+
export { SearchBar } from './components/atoms/search-bar/search-bar';
|
|
3
|
+
export { Text } from './components/atoms/text/text';
|
|
4
|
+
export { Chip } from './components/atoms/chip/chip/chip';
|
|
5
|
+
export { ChipList } from './components/atoms/chip/chips-list/chips-list';
|
|
6
|
+
export { DropDownMenu } from './components/atoms/drop-down-menu/drop-down-menu';
|
|
7
|
+
export { TextButton } from './components/atoms/text-button/text-button';
|
|
8
|
+
export { Checkbox } from './components/atoms/check-box/check-box';
|
|
9
|
+
export { Select } from './components/molecules/select/select';
|
|
10
|
+
export { FormSelect } from './components/molecules/form/form-select/form-select';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormSelect = exports.Select = exports.Checkbox = exports.TextButton = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.Text = exports.SearchBar = exports.Button = void 0;
|
|
4
|
+
var button_1 = require("./components/atoms/button/button");
|
|
5
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
|
|
6
|
+
var search_bar_1 = require("./components/atoms/search-bar/search-bar");
|
|
7
|
+
Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return search_bar_1.SearchBar; } });
|
|
8
|
+
var text_1 = require("./components/atoms/text/text");
|
|
9
|
+
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
|
|
10
|
+
var chip_1 = require("./components/atoms/chip/chip/chip");
|
|
11
|
+
Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return chip_1.Chip; } });
|
|
12
|
+
var chips_list_1 = require("./components/atoms/chip/chips-list/chips-list");
|
|
13
|
+
Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return chips_list_1.ChipList; } });
|
|
14
|
+
var drop_down_menu_1 = require("./components/atoms/drop-down-menu/drop-down-menu");
|
|
15
|
+
Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return drop_down_menu_1.DropDownMenu; } });
|
|
16
|
+
var text_button_1 = require("./components/atoms/text-button/text-button");
|
|
17
|
+
Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return text_button_1.TextButton; } });
|
|
18
|
+
var check_box_1 = require("./components/atoms/check-box/check-box");
|
|
19
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return check_box_1.Checkbox; } });
|
|
20
|
+
var select_1 = require("./components/molecules/select/select");
|
|
21
|
+
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
|
|
22
|
+
var form_select_1 = require("./components/molecules/form/form-select/form-select");
|
|
23
|
+
Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function () { return form_select_1.FormSelect; } });
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,gGAAA,MAAM,OAAA;AACf,uEAAqE;AAA5D,uGAAA,SAAS,OAAA;AAClB,qDAAoD;AAA3C,4FAAA,IAAI,OAAA;AACb,0DAAyD;AAAhD,4FAAA,IAAI,OAAA;AACb,4EAAyE;AAAhE,sGAAA,QAAQ,OAAA;AACjB,mFAAgF;AAAvE,8GAAA,YAAY,OAAA;AACrB,0EAAwE;AAA/D,yGAAA,UAAU,OAAA;AACnB,oEAAkE;AAAzD,qGAAA,QAAQ,OAAA;AAEjB,+DAA8D;AAArD,gGAAA,MAAM,OAAA;AACf,mFAAiF;AAAxE,yGAAA,UAAU,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"root":["../src/index.ts","../src/vite-env.d.ts","../src/vitest.setup.js","../src/components/index.ts","../src/components/atoms/billo-icon/billo-icon.stories.tsx","../src/components/atoms/billo-icon/billo-icon.test.tsx","../src/components/atoms/billo-icon/billo-icon.tsx","../src/components/atoms/button/button.stories.tsx","../src/components/atoms/button/button.test.tsx","../src/components/atoms/button/button.tsx","../src/components/atoms/check-box/check-box.stories.tsx","../src/components/atoms/check-box/check-box.test.tsx","../src/components/atoms/check-box/check-box.tsx","../src/components/atoms/chip/chip/chip.stories.tsx","../src/components/atoms/chip/chip/chip.test.tsx","../src/components/atoms/chip/chip/chip.tsx","../src/components/atoms/chip/chip/components/clear-button.tsx","../src/components/atoms/chip/chips-list/chips-list.stories.tsx","../src/components/atoms/chip/chips-list/chips-list.test.tsx","../src/components/atoms/chip/chips-list/chips-list.tsx","../src/components/atoms/drop-down-menu/drop-down-menu.stories.tsx","../src/components/atoms/drop-down-menu/drop-down-menu.test.tsx","../src/components/atoms/drop-down-menu/drop-down-menu.tsx","../src/components/atoms/drop-down-menu/components/menu-item.tsx","../src/components/atoms/icon-button/icon-button.stories.tsx","../src/components/atoms/icon-button/icon-button.test.tsx","../src/components/atoms/icon-button/icon-button.tsx","../src/components/atoms/search-bar/search-bar.stories.tsx","../src/components/atoms/search-bar/search-bar.test.tsx","../src/components/atoms/search-bar/search-bar.tsx","../src/components/atoms/search-bar/components/clear-button.tsx","../src/components/atoms/text/text.stories.tsx","../src/components/atoms/text/text.test.tsx","../src/components/atoms/text/text.tsx","../src/components/atoms/text-button/text-button.stories.tsx","../src/components/atoms/text-button/text-button.test.tsx","../src/components/atoms/text-button/text-button.tsx","../src/components/molecules/form/form.tsx","../src/components/molecules/form/formstorystubs.ts","../src/components/molecules/form/formteststubs.ts","../src/components/molecules/form/form-select/form-select.stories.tsx","../src/components/molecules/form/form-select/form-select.test.tsx","../src/components/molecules/form/form-select/form-select.tsx","../src/components/molecules/select/select.stories.tsx","../src/components/molecules/select/select.test.tsx","../src/components/molecules/select/select.tsx","../src/components/molecules/select/use-select.ts","../src/components/molecules/select/components/select-input.tsx","../src/containers/index.ts","../src/containers/form-control/form-control.tsx","../src/containers/form-control/components/form-error.tsx","../src/containers/form-control/components/form-helper.tsx","../src/containers/form-control/components/form-label.tsx","../src/types/options-type.ts","../src/types/text-types.ts","../src/utils/tailwind-utils.ts","../src/utils/window-dimensions-utils.ts","../src/utils/string-utils/string-utils.test.tsx","../src/utils/string-utils/string-utils.ts"],"version":"5.6.2"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-types.d.ts","sourceRoot":"","sources":["../../src/types/button-types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,QAAQ,YAAY;IACpB,aAAa,gBAAgB;IAC7B,WAAW,cAAc;CAC1B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MouseEvents = void 0;
|
|
4
|
+
var MouseEvents;
|
|
5
|
+
(function (MouseEvents) {
|
|
6
|
+
MouseEvents["ON_CLICK"] = "onClick";
|
|
7
|
+
MouseEvents["ON_MOUSE_DOWN"] = "onMouseDown";
|
|
8
|
+
MouseEvents["ON_MOUSE_UP"] = "onMouseUp";
|
|
9
|
+
})(MouseEvents || (exports.MouseEvents = MouseEvents = {}));
|
|
10
|
+
//# sourceMappingURL=button-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-types.js","sourceRoot":"","sources":["../../src/types/button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,mCAAoB,CAAA;IACpB,4CAA6B,CAAA;IAC7B,wCAAyB,CAAA;AAC3B,CAAC,EAJW,WAAW,2BAAX,WAAW,QAItB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-type.d.ts","sourceRoot":"","sources":["../../src/types/options-type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-type.js","sourceRoot":"","sources":["../../src/types/options-type.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-types.d.ts","sourceRoot":"","sources":["../../src/types/select-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-types.js","sourceRoot":"","sources":["../../src/types/select-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
|
|
3
|
+
type AsProp<C extends React.ElementType> = {
|
|
4
|
+
as?: C;
|
|
5
|
+
};
|
|
6
|
+
export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
7
|
+
export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
|
|
8
|
+
export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
9
|
+
export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
|
|
10
|
+
export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
|
|
11
|
+
ref?: PolymorphicRef<C>;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=text-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-types.d.ts","sourceRoot":"","sources":["../../src/types/text-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC9F,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAErE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAKzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAOF,MAAM,MAAM,eAAe,CAAC,aAAa,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,IAAI,aAAa,GACjF,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAO3C,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,IAAI,eAAe,CAC5F,OAAO,CAAC,CAAC,CAAC,EACV,KAAK,CACN,CAAC;AAMF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../src/types/text-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/string-utils/string-utils.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC,CAAC;AAEF,wBAAgB,cAAc,IAAI,oBAAoB,CAYrD"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStringUtils = useStringUtils;
|
|
4
|
+
function useStringUtils() {
|
|
5
|
+
function normalize(value) {
|
|
6
|
+
if (!value) {
|
|
7
|
+
return '';
|
|
8
|
+
}
|
|
9
|
+
return value.normalize('NFD').replace(/\p{Diacritic}/gu, '');
|
|
10
|
+
}
|
|
11
|
+
return {
|
|
12
|
+
normalize,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=string-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.js","sourceRoot":"","sources":["../../../src/utils/string-utils/string-utils.ts"],"names":[],"mappings":";;AAIA,wCAYC;AAZD,SAAgB,cAAc;IAC5B,SAAS,SAAS,CAAC,KAAc;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,SAAS;KACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.test.d.ts","sourceRoot":"","sources":["../../../src/utils/string-utils/string-utils.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const vitest_1 = require("vitest");
|
|
4
|
+
const string_utils_1 = require("../../utils/string-utils/string-utils");
|
|
5
|
+
const { normalize } = (0, string_utils_1.useStringUtils)();
|
|
6
|
+
(0, vitest_1.describe)('String Utils', () => {
|
|
7
|
+
(0, vitest_1.describe)('normalize', () => {
|
|
8
|
+
(0, vitest_1.it)('returns empty string when value is undefined', () => {
|
|
9
|
+
(0, vitest_1.expect)(normalize(undefined)).toBe('');
|
|
10
|
+
});
|
|
11
|
+
(0, vitest_1.it)('returns empty string when value is empty', () => {
|
|
12
|
+
(0, vitest_1.expect)(normalize('')).toBe('');
|
|
13
|
+
});
|
|
14
|
+
(0, vitest_1.it)('removes diacritics from characters', () => {
|
|
15
|
+
(0, vitest_1.expect)(normalize('áéíóúü')).toBe('aeiouu');
|
|
16
|
+
});
|
|
17
|
+
(0, vitest_1.it)('returns the same string if there are no diacritics', () => {
|
|
18
|
+
(0, vitest_1.expect)(normalize('simple')).toBe('simple');
|
|
19
|
+
});
|
|
20
|
+
(0, vitest_1.it)('handles mixed content correctly', () => {
|
|
21
|
+
(0, vitest_1.expect)(normalize('mañana será un día difícil')).toBe('manana sera un dia dificil');
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=string-utils.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.test.js","sourceRoot":"","sources":["../../../src/utils/string-utils/string-utils.test.tsx"],"names":[],"mappings":";;AAAA,mCAA8C;AAC9C,wEAAuE;AAEvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAc,GAAE,CAAC;AAEvC,IAAA,iBAAQ,EAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,IAAA,iBAAQ,EAAC,WAAW,EAAE,GAAG,EAAE;QACzB,IAAA,WAAE,EAAC,8CAA8C,EAAE,GAAG,EAAE;YACtD,IAAA,eAAM,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,0CAA0C,EAAE,GAAG,EAAE;YAClD,IAAA,eAAM,EAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,oCAAoC,EAAE,GAAG,EAAE;YAC5C,IAAA,eAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,oDAAoD,EAAE,GAAG,EAAE;YAC5D,IAAA,eAAM,EAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,iCAAiC,EAAE,GAAG,EAAE;YACzC,IAAA,eAAM,EAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../src/utils/string-utils.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC,CAAC;AAEF,wBAAgB,cAAc,IAAI,oBAAoB,CAYrD"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStringUtils = useStringUtils;
|
|
4
|
+
function useStringUtils() {
|
|
5
|
+
function normalize(value) {
|
|
6
|
+
if (!value) {
|
|
7
|
+
return '';
|
|
8
|
+
}
|
|
9
|
+
return value.normalize('NFD').replace(/\p{Diacritic}/gu, '');
|
|
10
|
+
}
|
|
11
|
+
return {
|
|
12
|
+
normalize,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=string-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"string-utils.js","sourceRoot":"","sources":["../../src/utils/string-utils.ts"],"names":[],"mappings":";;AAIA,wCAYC;AAZD,SAAgB,cAAc;IAC5B,SAAS,SAAS,CAAC,KAAc;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,SAAS;KACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-utils.d.ts","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGxC,wBAAgB,QAAQ,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,UAEhD"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.tailwind = tailwind;
|
|
7
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
8
|
+
const tailwind_merge_1 = require("tailwind-merge");
|
|
9
|
+
function tailwind(...classes) {
|
|
10
|
+
return (0, tailwind_merge_1.twMerge)((0, clsx_1.default)(classes));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=tailwind-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-utils.js","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":";;;;;AAGA,4BAEC;AALD,gDAAwC;AACxC,mDAAyC;AAEzC,SAAgB,QAAQ,CAAC,GAAG,OAAqB;IAC/C,OAAO,IAAA,wBAAO,EAAC,IAAA,cAAI,EAAC,OAAO,CAAC,CAAC,CAAC;AAChC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-dimensions-utils.d.ts","sourceRoot":"","sources":["../../src/utils/window-dimensions-utils.ts"],"names":[],"mappings":"AAqBA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,IAAI,oBAAoB,CAoB1D"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useWindowDimensions = useWindowDimensions;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const screenBreakpoints = {
|
|
6
|
+
xs: 340,
|
|
7
|
+
sm: 644,
|
|
8
|
+
md: 768,
|
|
9
|
+
lg: 924,
|
|
10
|
+
xl: 1366,
|
|
11
|
+
};
|
|
12
|
+
function getWindowDimensions() {
|
|
13
|
+
if (typeof window !== 'undefined') {
|
|
14
|
+
const { innerWidth: width, innerHeight: height } = window;
|
|
15
|
+
const isMobile = width <= screenBreakpoints.md;
|
|
16
|
+
return { width, height, isMobile };
|
|
17
|
+
}
|
|
18
|
+
return { width: 0, height: 0, isMobile: true };
|
|
19
|
+
}
|
|
20
|
+
function useWindowDimensions() {
|
|
21
|
+
const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions);
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
23
|
+
function handleResize() {
|
|
24
|
+
setWindowDimensions(getWindowDimensions());
|
|
25
|
+
}
|
|
26
|
+
window.addEventListener('resize', handleResize);
|
|
27
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
28
|
+
}, []);
|
|
29
|
+
const isDesktop = (0, react_1.useMemo)(() => !windowDimensions.isMobile, [windowDimensions.isMobile]);
|
|
30
|
+
return {
|
|
31
|
+
width: windowDimensions.width,
|
|
32
|
+
height: windowDimensions.height,
|
|
33
|
+
isMobile: windowDimensions.isMobile,
|
|
34
|
+
isDesktop,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=window-dimensions-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-dimensions-utils.js","sourceRoot":"","sources":["../../src/utils/window-dimensions-utils.ts"],"names":[],"mappings":";;AA4BA,kDAoBC;AAhDD,iCAAqD;AAErD,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,SAAS,mBAAmB;IAC1B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAC1D,MAAM,QAAQ,GAAG,KAAK,IAAI,iBAAiB,CAAC,EAAE,CAAC;QAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;IACrC,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACjD,CAAC;AASD,SAAgB,mBAAmB;IACjC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,mBAAmB,CAAC,CAAC;IAE9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,YAAY;YACnB,mBAAmB,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC7C,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEzF,OAAO;QACL,KAAK,EAAE,gBAAgB,CAAC,KAAK;QAC7B,MAAM,EAAE,gBAAgB,CAAC,MAAM;QAC/B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;QACnC,SAAS;KACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vitest.setup.d.ts","sourceRoot":"","sources":["../src/vitest.setup.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vitest.setup.js","sourceRoot":"","sources":["../src/vitest.setup.js"],"names":[],"mappings":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "period-ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"main": "dist/index.cjs.js",
|
|
5
|
+
"module": "dist/index.esm.js",
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
7
|
+
"style": "dist/styles.css",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist",
|
|
10
|
+
"README.md",
|
|
11
|
+
"LICENSE"
|
|
12
|
+
],
|
|
13
|
+
"scripts": {
|
|
14
|
+
"build": "tsc -b",
|
|
15
|
+
"prepare": "npm run build",
|
|
16
|
+
"test": "vitest",
|
|
17
|
+
"lint": "eslint .",
|
|
18
|
+
"format": "prettier --write src/**/*.{ts,tsx}",
|
|
19
|
+
"format:check": "prettier --check src/**/*.{ts,tsx}",
|
|
20
|
+
"storybook": "storybook dev -p 6006",
|
|
21
|
+
"build:storybook": "storybook build"
|
|
22
|
+
},
|
|
23
|
+
"publishConfig": {
|
|
24
|
+
"access": "public"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"class-variance-authority": "0.7.1",
|
|
28
|
+
"clsx": "2.1.1",
|
|
29
|
+
"formik": "2.4.4",
|
|
30
|
+
"identity-obj-proxy": "3.0.0",
|
|
31
|
+
"react": "18.3.1",
|
|
32
|
+
"react-dom": "18.3.1",
|
|
33
|
+
"sass": "1.87.0",
|
|
34
|
+
"tailwind-merge": "2.6.0",
|
|
35
|
+
"ts-node": "10.9.2",
|
|
36
|
+
"yup": "0.32.11"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@chromatic-com/storybook": "3.2.3",
|
|
40
|
+
"@eslint/js": "9.17.0",
|
|
41
|
+
"@storybook/addon-essentials": "8.4.7",
|
|
42
|
+
"@storybook/addon-interactions": "8.4.7",
|
|
43
|
+
"@storybook/addon-onboarding": "8.4.7",
|
|
44
|
+
"@storybook/blocks": "8.4.7",
|
|
45
|
+
"@storybook/react": "8.4.7",
|
|
46
|
+
"@storybook/react-vite": "8.4.7",
|
|
47
|
+
"@storybook/test": "8.4.7",
|
|
48
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
49
|
+
"@testing-library/react": "16.2.0",
|
|
50
|
+
"@testing-library/user-event": "14.5.2",
|
|
51
|
+
"@types/node": "22.13.13",
|
|
52
|
+
"@types/react": "18.3.18",
|
|
53
|
+
"@types/react-dom": "18.3.5",
|
|
54
|
+
"@vitejs/plugin-react": "4.3.4",
|
|
55
|
+
"autoprefixer": "10.4.20",
|
|
56
|
+
"eslint": "9.17.0",
|
|
57
|
+
"eslint-plugin-react-hooks": "5.0.0",
|
|
58
|
+
"eslint-plugin-react-refresh": "0.4.16",
|
|
59
|
+
"eslint-plugin-storybook": "0.11.2",
|
|
60
|
+
"globals": "15.14.0",
|
|
61
|
+
"jest": "29.7.0",
|
|
62
|
+
"jsdom": "25.0.1",
|
|
63
|
+
"postcss": "8.4.49",
|
|
64
|
+
"prettier": "3.4.2",
|
|
65
|
+
"storybook": "8.4.7",
|
|
66
|
+
"tailwindcss": "3.4.17",
|
|
67
|
+
"typescript": "5.6.2",
|
|
68
|
+
"typescript-eslint": "8.18.2",
|
|
69
|
+
"vite": "6.0.5",
|
|
70
|
+
"vite-tsconfig-paths": "5.1.4",
|
|
71
|
+
"vitest": "3.0.9"
|
|
72
|
+
},
|
|
73
|
+
"eslintConfig": {
|
|
74
|
+
"extends": [
|
|
75
|
+
"plugin:storybook/recommended"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
"engines": {
|
|
79
|
+
"npm": ">=8.3.0",
|
|
80
|
+
"node": "18.20.4"
|
|
81
|
+
}
|
|
82
|
+
}
|