period-ui 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/billo-icon/billo-icon-types.d.ts +116 -0
- package/dist/components/atoms/billo-icon/billo-icon-types.js +9 -6
- package/dist/components/atoms/billo-icon/billo-icon-types.js.map +1 -1
- package/dist/components/atoms/billo-icon/billo-icon.d.ts +11 -0
- package/dist/components/atoms/billo-icon/billo-icon.js +8 -5
- package/dist/components/atoms/billo-icon/billo-icon.js.map +1 -1
- package/dist/components/atoms/billo-icon/index.d.ts +3 -0
- package/dist/components/atoms/billo-icon/index.js +18 -2
- package/dist/components/atoms/billo-icon/index.js.map +1 -1
- package/dist/components/atoms/button/button-types.d.ts +6 -0
- package/dist/components/atoms/button/button-types.js +5 -2
- package/dist/components/atoms/button/button-types.js.map +1 -1
- package/dist/components/atoms/button/button.d.ts +9 -0
- package/dist/components/atoms/button/button.js +12 -9
- package/dist/components/atoms/button/button.js.map +1 -1
- package/dist/components/atoms/button/index.d.ts +3 -0
- package/dist/components/atoms/button/index.js +18 -2
- package/dist/components/atoms/button/index.js.map +1 -1
- package/dist/components/atoms/check-box/check-box-types.d.ts +10 -0
- package/dist/components/atoms/check-box/check-box-types.js +6 -3
- package/dist/components/atoms/check-box/check-box-types.js.map +1 -1
- package/dist/components/atoms/check-box/check-box.d.ts +14 -0
- package/dist/components/atoms/check-box/check-box.js +16 -13
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/check-box/index.d.ts +3 -0
- package/dist/components/atoms/check-box/index.js +18 -2
- package/dist/components/atoms/check-box/index.js.map +1 -1
- package/dist/components/atoms/chip/chip/chip.d.ts +9 -0
- package/dist/components/atoms/chip/chip/chip.js +11 -8
- package/dist/components/atoms/chip/chip/chip.js.map +1 -1
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts +11 -0
- package/dist/components/atoms/chip/chip/components/clear-button.js +8 -5
- package/dist/components/atoms/chip/chip/components/clear-button.js.map +1 -1
- package/dist/components/atoms/chip/chip/index.d.ts +2 -0
- package/dist/components/atoms/chip/chip/index.js +17 -1
- package/dist/components/atoms/chip/chip/index.js.map +1 -1
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts +15 -0
- package/dist/components/atoms/chip/chips-list/chips-list.js +8 -5
- package/dist/components/atoms/chip/chips-list/chips-list.js.map +1 -1
- package/dist/components/atoms/chip/chips-list/index.d.ts +2 -0
- package/dist/components/atoms/chip/chips-list/index.js +17 -1
- package/dist/components/atoms/chip/chips-list/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/index.d.ts +3 -0
- package/dist/components/atoms/drop-down-menu/components/index.js +18 -2
- package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.d.ts +7 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js +5 -2
- package/dist/components/atoms/drop-down-menu/components/menu-item-types.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +16 -0
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +18 -15
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +23 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +10 -7
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/index.d.ts +2 -0
- package/dist/components/atoms/drop-down-menu/index.js +17 -1
- package/dist/components/atoms/drop-down-menu/index.js.map +1 -1
- package/dist/components/atoms/icon-button/icon-button.d.ts +12 -0
- package/dist/components/atoms/icon-button/icon-button.js +8 -5
- package/dist/components/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/components/atoms/icon-button/index.d.ts +2 -0
- package/dist/components/atoms/icon-button/index.js +17 -1
- package/dist/components/atoms/icon-button/index.js.map +1 -1
- package/dist/components/atoms/search-bar/components/clear-button.d.ts +10 -0
- package/dist/components/atoms/search-bar/components/clear-button.js +8 -5
- package/dist/components/atoms/search-bar/components/clear-button.js.map +1 -1
- package/dist/components/atoms/search-bar/index.d.ts +2 -0
- package/dist/components/atoms/search-bar/index.js +17 -1
- package/dist/components/atoms/search-bar/index.js.map +1 -1
- package/dist/components/atoms/search-bar/search-bar.d.ts +12 -0
- package/dist/components/atoms/search-bar/search-bar.js +12 -9
- package/dist/components/atoms/search-bar/search-bar.js.map +1 -1
- package/dist/components/atoms/text/index.d.ts +3 -0
- package/dist/components/atoms/text/index.js +18 -2
- package/dist/components/atoms/text/index.js.map +1 -1
- package/dist/components/atoms/text/text-types.d.ts +36 -0
- package/dist/components/atoms/text/text-types.js +8 -5
- package/dist/components/atoms/text/text-types.js.map +1 -1
- package/dist/components/atoms/text/text.d.ts +14 -0
- package/dist/components/atoms/text/text.js +15 -12
- package/dist/components/atoms/text/text.js.map +1 -1
- package/dist/components/atoms/text-button/index.d.ts +3 -0
- package/dist/components/atoms/text-button/index.js +18 -2
- package/dist/components/atoms/text-button/index.js.map +1 -1
- package/dist/components/atoms/text-button/text-button-types.d.ts +8 -0
- package/dist/components/atoms/text-button/text-button-types.js +6 -3
- package/dist/components/atoms/text-button/text-button-types.js.map +1 -1
- package/dist/components/atoms/text-button/text-button.d.ts +13 -0
- package/dist/components/atoms/text-button/text-button.js +12 -9
- package/dist/components/atoms/text-button/text-button.js.map +1 -1
- package/dist/components/index.d.ts +16 -0
- package/dist/components/index.js +31 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.d.ts +7 -0
- package/dist/components/molecules/form/form-select/form-select.js +8 -5
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/form/form-select/index.d.ts +2 -0
- package/dist/components/molecules/form/form-select/index.js +17 -1
- package/dist/components/molecules/form/form-select/index.js.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.d.ts +11 -0
- package/dist/components/molecules/form/form-story-stubs.js +4 -1
- package/dist/components/molecules/form/form-story-stubs.js.map +1 -1
- package/dist/components/molecules/form/form-test-stubs.d.ts +6 -0
- package/dist/components/molecules/form/form-test-stubs.js +4 -1
- package/dist/components/molecules/form/form-test-stubs.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts +7 -0
- package/dist/components/molecules/form/form-text-field/form-text-field.js +8 -5
- package/dist/components/molecules/form/form-text-field/form-text-field.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/index.d.ts +2 -0
- package/dist/components/molecules/form/form-text-field/index.js +17 -1
- package/dist/components/molecules/form/form-text-field/index.js.map +1 -1
- package/dist/components/molecules/form/form-types.d.ts +24 -0
- package/dist/components/molecules/form/form-types.js +2 -1
- package/dist/components/molecules/form/form.d.ts +12 -0
- package/dist/components/molecules/form/form.js +34 -8
- package/dist/components/molecules/form/form.js.map +1 -1
- package/dist/components/molecules/form/index.d.ts +3 -0
- package/dist/components/molecules/form/index.js +18 -2
- package/dist/components/molecules/form/index.js.map +1 -1
- package/dist/components/molecules/select/components/select-input.d.ts +8 -0
- package/dist/components/molecules/select/components/select-input.js +9 -6
- package/dist/components/molecules/select/components/select-input.js.map +1 -1
- package/dist/components/molecules/select/index.d.ts +3 -0
- package/dist/components/molecules/select/index.js +18 -2
- package/dist/components/molecules/select/index.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts +16 -0
- package/dist/components/molecules/select/select.js +13 -10
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts +23 -0
- package/dist/components/molecules/select/use-select.js +19 -16
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/components/molecules/text-field/index.d.ts +2 -0
- package/dist/components/molecules/text-field/index.js +17 -1
- package/dist/components/molecules/text-field/index.js.map +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +18 -0
- package/dist/components/molecules/text-field/text-field.js +8 -5
- package/dist/components/molecules/text-field/text-field.js.map +1 -1
- package/dist/containers/form-control/components/form-error.d.ts +7 -0
- package/dist/containers/form-control/components/form-error.js +8 -5
- package/dist/containers/form-control/components/form-error.js.map +1 -1
- package/dist/containers/form-control/components/form-helper.d.ts +9 -0
- package/dist/containers/form-control/components/form-helper.js +8 -5
- package/dist/containers/form-control/components/form-helper.js.map +1 -1
- package/dist/containers/form-control/components/form-label.d.ts +10 -0
- package/dist/containers/form-control/components/form-label.js +8 -5
- package/dist/containers/form-control/components/form-label.js.map +1 -1
- package/dist/containers/form-control/form-control-types.d.ts +11 -0
- package/dist/containers/form-control/form-control-types.js +6 -3
- package/dist/containers/form-control/form-control-types.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts +24 -0
- package/dist/containers/form-control/form-control.js +13 -10
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/containers/form-control/index.d.ts +3 -0
- package/dist/containers/form-control/index.js +18 -2
- package/dist/containers/form-control/index.js.map +1 -1
- package/dist/containers/index.d.ts +2 -0
- package/dist/containers/index.js +17 -1
- package/dist/containers/index.js.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +29 -4
- package/dist/index.js.map +1 -1
- package/dist/utils/string-utils/string-utils.d.ts +6 -0
- package/dist/utils/string-utils/string-utils.js +4 -1
- package/dist/utils/string-utils/string-utils.js.map +1 -1
- package/dist/utils/tailwind-utils.d.ts +3 -0
- package/dist/utils/tailwind-utils.js +10 -4
- package/dist/utils/tailwind-utils.js.map +1 -1
- package/dist/utils/window-dimensions-utils.d.ts +9 -0
- package/dist/utils/window-dimensions-utils.js +8 -5
- package/dist/utils/window-dimensions-utils.js.map +1 -1
- package/dist/vitest.setup.d.ts +2 -0
- package/dist/vitest.setup.js +2 -1
- package/package.json +2 -1
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextColors = exports.TextStyle = exports.TextVariant = void 0;
|
|
4
|
+
var TextVariant;
|
|
2
5
|
(function (TextVariant) {
|
|
3
6
|
TextVariant["HEADLINE"] = "headline";
|
|
4
7
|
TextVariant["SUBTITLE"] = "subtitle";
|
|
@@ -8,8 +11,8 @@ export var TextVariant;
|
|
|
8
11
|
TextVariant["BODY_BOLD"] = "bodyBold";
|
|
9
12
|
TextVariant["LINK"] = "link";
|
|
10
13
|
TextVariant["HELPER"] = "helper";
|
|
11
|
-
})(TextVariant || (TextVariant = {}));
|
|
12
|
-
|
|
14
|
+
})(TextVariant || (exports.TextVariant = TextVariant = {}));
|
|
15
|
+
exports.TextStyle = {
|
|
13
16
|
[TextVariant.HEADLINE]: 'font-semibold text-[20px] leading-[26px] md:text-[28px] md:leading-[42px]',
|
|
14
17
|
[TextVariant.SUBTITLE]: 'font-semibold text-[16px] leading-[21px] md:text-[24px] md:leading-[36px]',
|
|
15
18
|
[TextVariant.ACCENT]: 'font-bold text-[16px] leading-[27px] md:text-[18px] md:leading-[27px]',
|
|
@@ -19,7 +22,7 @@ export const TextStyle = {
|
|
|
19
22
|
[TextVariant.LINK]: 'cursor-pointer underline font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
|
|
20
23
|
[TextVariant.HELPER]: 'font-normal text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
|
|
21
24
|
};
|
|
22
|
-
|
|
25
|
+
var TextColors;
|
|
23
26
|
(function (TextColors) {
|
|
24
27
|
TextColors["WHITE"] = "text-white";
|
|
25
28
|
TextColors["BLACK"] = "text-gray-01";
|
|
@@ -30,5 +33,5 @@ export var TextColors;
|
|
|
30
33
|
TextColors["RED"] = "text-red-01";
|
|
31
34
|
TextColors["RED_03"] = "text-red-03";
|
|
32
35
|
TextColors["PURPLE"] = "text-purple-01";
|
|
33
|
-
})(TextColors || (TextColors = {}));
|
|
36
|
+
})(TextColors || (exports.TextColors = TextColors = {}));
|
|
34
37
|
//# sourceMappingURL=text-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":"AAGA,
|
|
1
|
+
{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,WASX;AATD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;AACnB,CAAC,EATW,WAAW,2BAAX,WAAW,QAStB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;CAChG,CAAC;AAEF,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;AAC3B,CAAC,EAVW,UAAU,0BAAV,UAAU,QAUrB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { PolymorphicComponentPropsWithRef, TextColors, TextVariant } from './text-types';
|
|
3
|
+
declare const textStyles: (props?: ({
|
|
4
|
+
variant?: TextVariant | null | undefined;
|
|
5
|
+
color?: TextColors | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
type TextProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, Omit<VariantProps<typeof textStyles>, 'variant' | 'color'> & {
|
|
8
|
+
variant?: TextVariant;
|
|
9
|
+
color?: TextColors;
|
|
10
|
+
}>;
|
|
11
|
+
type TextComponent = <C extends React.ElementType = 'span'>(props: TextProps<C>) => React.ReactElement | null;
|
|
12
|
+
export declare const Text: TextComponent;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Text = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
7
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
|
+
const text_types_1 = require("./text-types");
|
|
9
|
+
const variant = Object.fromEntries(Object.values(text_types_1.TextVariant).map((variant) => [variant, text_types_1.TextStyle[variant]]));
|
|
10
|
+
const color = Object.fromEntries(Object.values(text_types_1.TextColors).map((c) => [c, c]));
|
|
11
|
+
const textStyles = (0, class_variance_authority_1.cva)(['whitespace-nowrap', 'font-geist font-variant-numeric'], {
|
|
9
12
|
variants: { variant, color },
|
|
10
13
|
defaultVariants: {
|
|
11
|
-
variant: TextVariant.BODY,
|
|
12
|
-
color: TextColors.BLACK,
|
|
14
|
+
variant: text_types_1.TextVariant.BODY,
|
|
15
|
+
color: text_types_1.TextColors.BLACK,
|
|
13
16
|
},
|
|
14
17
|
});
|
|
15
|
-
|
|
18
|
+
exports.Text = (0, react_1.forwardRef)(({ as, variant, color, className, ...props }, ref) => {
|
|
16
19
|
const Component = as || 'span';
|
|
17
|
-
return (
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, tailwind_utils_1.tailwind)(textStyles({
|
|
18
21
|
variant: variant,
|
|
19
22
|
color,
|
|
20
23
|
className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,uEAA6D;AAC7D,kEAAyD;AACzD,6CAMsB;AAEtB,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,MAAM,CAAC,wBAAW,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5C,CAAC;AAEjC,MAAM,KAAK,GAA+B,MAAM,CAAC,WAAW,CAC1D,MAAM,CAAC,MAAM,CAAC,uBAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACf,CAAC;AAEhC,MAAM,UAAU,GAAG,IAAA,8BAAG,EAAC,CAAC,mBAAmB,EAAE,iCAAiC,CAAC,EAAE;IAC/E,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;IAC5B,eAAe,EAAE;QACf,OAAO,EAAE,wBAAW,CAAC,IAAI;QACzB,KAAK,EAAE,uBAAU,CAAC,KAAK;KACxB;CACF,CAAC,CAAC;AAgBU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAE3C,CACE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EACzD,GAAuB,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAC;IAE/B,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,UAAU,CAAC;YACT,OAAO,EAAE,OAAgE;YACzE,KAAK;YACL,SAAS;SACV,CAAC,CACH,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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("./text-button"), exports);
|
|
18
|
+
__exportStar(require("./text-button-types"), exports);
|
|
3
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,sDAAoC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.textButtonStyles = exports.TextButtonVariant = void 0;
|
|
4
|
+
var TextButtonVariant;
|
|
2
5
|
(function (TextButtonVariant) {
|
|
3
6
|
TextButtonVariant["DEFAULT"] = "DEFAULT";
|
|
4
7
|
TextButtonVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
|
|
5
|
-
})(TextButtonVariant || (TextButtonVariant = {}));
|
|
6
|
-
|
|
8
|
+
})(TextButtonVariant || (exports.TextButtonVariant = TextButtonVariant = {}));
|
|
9
|
+
exports.textButtonStyles = {
|
|
7
10
|
[TextButtonVariant.DEFAULT]: 'text-blue-01 disabled:text-blue-03 hover:bg-blue-03 active:text-blue-00 active:bg-blue-03 focus-visible:bg-blue-03',
|
|
8
11
|
[TextButtonVariant.DESTRUCTIVE]: 'text-red-01 disabled:text-red-03 hover:bg-red-03 active:text-red-00 active:bg-red-03 focus-visible:bg-red-03',
|
|
9
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button-types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"text-button-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gDAA2B,CAAA;AAC7B,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAEY,QAAA,gBAAgB,GAEzB;IACF,CAAC,iBAAiB,CAAC,OAAO,CAAC,EACzB,oHAAoH;IACtH,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC7B,8GAA8G;CACjH,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSymbol } from '../../../components';
|
|
2
|
+
import { TextButtonVariant } from './text-button-types';
|
|
3
|
+
type Props = {
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
label: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
icon?: IconSymbol;
|
|
8
|
+
variant?: TextButtonVariant;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function TextButton({ isDisabled, label, className, icon, variant, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=text-button.d.ts.map
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextButton = TextButton;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
|
+
const components_1 = require("../../../components");
|
|
8
|
+
const text_button_types_1 = require("./text-button-types");
|
|
9
|
+
function TextButton({ isDisabled, label, className, icon, variant = text_button_types_1.TextButtonVariant.DEFAULT, onClick, }) {
|
|
10
|
+
const checkBoxVariantStyle = text_button_types_1.textButtonStyles[variant];
|
|
11
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", role: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center p-2 items-center rounded-lg bg-white', 'disabled:cursor-not-allowed disabled:bg-white', 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-offset-2 focus:outline-blue-01', checkBoxVariantStyle, className), onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { className: "mr-2 text-inherit", size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: icon })), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY_SEMIBOLD, className: "text-inherit", children: label })] }) }));
|
|
10
13
|
}
|
|
11
14
|
//# sourceMappingURL=text-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":";;AAcA,gCAwCC;;AAtDD,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAyF;AACzF,2DAA0E;AAW1E,SAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,qCAAiB,CAAC,OAAO,EACnC,OAAO,GACD;IACN,MAAM,oBAAoB,GAAG,oCAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,2DACE,oCACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,+CAA+C,EAC/C,wGAAwG,EACxG,oBAAoB,EACpB,SAAS,CACV,EACD,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,IAAI,GACV,CACH,EAED,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,aAAa,EAAE,SAAS,EAAC,cAAc,YAC/D,KAAK,GACD,IACA,GACR,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './atoms/billo-icon';
|
|
2
|
+
export * from './atoms/button';
|
|
3
|
+
export * from './atoms/check-box';
|
|
4
|
+
export * from './atoms/chip/chip';
|
|
5
|
+
export * from './atoms/chip/chips-list';
|
|
6
|
+
export * from './atoms/drop-down-menu';
|
|
7
|
+
export * from './atoms/icon-button';
|
|
8
|
+
export * from './atoms/search-bar';
|
|
9
|
+
export * from './atoms/text';
|
|
10
|
+
export * from './atoms/text-button';
|
|
11
|
+
export * from './molecules/form';
|
|
12
|
+
export * from './molecules/form/form-select';
|
|
13
|
+
export * from './molecules/form/form-text-field';
|
|
14
|
+
export * from './molecules/select';
|
|
15
|
+
export * from './molecules/text-field';
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
package/dist/components/index.js
CHANGED
|
@@ -1,16 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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("./atoms/billo-icon"), exports);
|
|
18
|
+
__exportStar(require("./atoms/button"), exports);
|
|
19
|
+
__exportStar(require("./atoms/check-box"), exports);
|
|
20
|
+
__exportStar(require("./atoms/chip/chip"), exports);
|
|
21
|
+
__exportStar(require("./atoms/chip/chips-list"), exports);
|
|
22
|
+
__exportStar(require("./atoms/drop-down-menu"), exports);
|
|
23
|
+
__exportStar(require("./atoms/icon-button"), exports);
|
|
24
|
+
__exportStar(require("./atoms/search-bar"), exports);
|
|
25
|
+
__exportStar(require("./atoms/text"), exports);
|
|
26
|
+
__exportStar(require("./atoms/text-button"), exports);
|
|
27
|
+
__exportStar(require("./molecules/form"), exports);
|
|
28
|
+
__exportStar(require("./molecules/form/form-select"), exports);
|
|
29
|
+
__exportStar(require("./molecules/form/form-text-field"), exports);
|
|
30
|
+
__exportStar(require("./molecules/select"), exports);
|
|
31
|
+
__exportStar(require("./molecules/text-field"), exports);
|
|
16
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AAGpC,mDAAiC;AACjC,+DAA6C;AAC7C,mEAAiD;AACjD,qDAAmC;AACnC,yDAAuC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FormControlProps } from '../../../../containers';
|
|
2
|
+
import { SelectProps } from '../../../../components';
|
|
3
|
+
export type FormSelectProps = FormControlProps & SelectProps & {
|
|
4
|
+
formControlClassName?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function FormSelect({ formControlClassName, ...props }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=form-select.d.ts.map
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormSelect = FormSelect;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const containers_1 = require("../../../../containers");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function FormSelect({ formControlClassName, ...props }) {
|
|
5
8
|
async function handleValueChange(value) {
|
|
6
9
|
const { formProps, formName, onChangeText } = props;
|
|
7
10
|
await formProps.setFieldValue(formName, value || '');
|
|
@@ -21,6 +24,6 @@ export function FormSelect({ formControlClassName, ...props }) {
|
|
|
21
24
|
onOptionChange(selectedValues);
|
|
22
25
|
}
|
|
23
26
|
}
|
|
24
|
-
return (
|
|
27
|
+
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)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange })) }));
|
|
25
28
|
}
|
|
26
29
|
//# sourceMappingURL=form-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAQA,gCA4CC;;AApDD,uDAAuF;AACvF,uDAA6D;AAO7D,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,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,GAC/B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
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-select"), exports);
|
|
2
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FormikValues } from 'formik';
|
|
2
|
+
import { FormHelpers, FormRenderProps } from './form-types';
|
|
3
|
+
export type TestFormValues = {
|
|
4
|
+
test: string;
|
|
5
|
+
};
|
|
6
|
+
export type FormConfig<FormValuesType> = {
|
|
7
|
+
initialValues: FormValuesType;
|
|
8
|
+
onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
|
|
9
|
+
};
|
|
10
|
+
export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
|
|
11
|
+
//# sourceMappingURL=form-story-stubs.d.ts.map
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createMockFormikProps = createMockFormikProps;
|
|
4
|
+
function createMockFormikProps(config) {
|
|
2
5
|
const { initialValues, onSubmit } = config;
|
|
3
6
|
return {
|
|
4
7
|
isValid: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAsBA,
|
|
1
|
+
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":";;AAsBA,sDAyFC;AAzFD,SAAgB,qBAAqB,CACnC,MAAqB;IAErB,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE3C,OAAO;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,aAAa;QACrB,aAAa;QACb,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;QACnB,oBAAoB,EAAE,KAAK;QAC3B,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,EAAE;QAClB,aAAa,EAAE,EAAE;QAEjB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;QACvB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;QACzB,SAAS,EAAE,CAAC,OAAwB,EAAE,EAAE,GAAE,CAAC;QAC3C,aAAa,EAAE,CAAC,MAAc,EAAE,QAA4B,EAAE,EAAE,GAAE,CAAC;QACnE,eAAe,EAAE,KAAK,EAAE,MAAc,EAAE,UAAoB,EAAE,eAAyB,EAAE,EAAE,GAAE,CAAC;QAC9F,aAAa,EAAE,KAAK,EAAE,MAAc,EAAE,MAAW,EAAE,eAAyB,EAAE,EAAE,GAAE,CAAC;QACnF,SAAS,EAAE,CAAC,OAAY,EAAE,EAAE,GAAE,CAAC;QAC/B,aAAa,EAAE,CAAC,aAAsB,EAAE,EAAE,GAAE,CAAC;QAC7C,UAAU,EAAE,KAAK,EACf,QAA0B,EAC1B,eAAyB,EACQ,EAAE;YACnC,OAAO;QACT,CAAC;QACD,SAAS,EAAE,KAAK,EACd,MAAkC,EAClC,eAAyB,EACQ,EAAE;YACnC,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;gBACjC,MAAM,OAAO,GAAG,MAA8B,CAAC;gBAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;gBAEzC,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,OAAO;QACT,CAAC;QAED,SAAS,EAAE,CAAC,UAAoC,EAAE,EAAE,GAAE,CAAC;QACvD,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;QAC9B,aAAa,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,GAAE,CAAC;QAC3C,UAAU,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;QAC1B,cAAc,EAAE,CAAC,UAAe,EAAE,EAAE,GAAE,CAAC;QACvC,aAAa,EAAE,CAAc,KAAkC,EAA0B,EAAE;YACzF,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;YAC5D,OAAO;gBACL,IAAI;gBACJ,KAAK,EAAE,aAAa,CAAC,IAAe,CAAU;gBAC9C,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;gBAClB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;aACjB,CAAC;QACJ,CAAC;QACD,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC;YAC/B,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,aAAa,CAAC,IAAe,CAAC;YAC5C,cAAc,EAAE,KAAK;YACrB,YAAY,EAAE,SAAS;YACvB,KAAK,EAAE,aAAa,CAAC,IAAe,CAAC;SACtC,CAAC;QACF,eAAe,EAAE,GAAyC,EAAE,CAAC,CAAC;YAC5D,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,OAAO;YACT,CAAC;YACD,UAAU,EAAE,KAAK,IAAI,EAAE;gBACrB,OAAO;YACT,CAAC;YACD,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,OAAO;YACT,CAAC;SACF,CAAC;QAEF,UAAU,EAAE,CAAC,EAAO,EAAE,EAAE,GAAE,CAAC;QAC3B,YAAY,EAAE,CAAC,EAAO,EAAE,EAAE,GAAE,CAAC;QAC7B,WAAW,EAAE,CAAC,EAAO,EAAE,EAAE,GAAE,CAAC;QAC5B,YAAY,EAAE,CAAC,CAAoC,EAAE,EAAE;YACrD,CAAC,EAAE,cAAc,EAAE,EAAE,CAAC;YACtB,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-test-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-test-stubs.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-test-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-test-stubs.ts"],"names":[],"mappings":";;;AAMa,QAAA,aAAa,GAAoC;IAE5D,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,IAAI;IACb,YAAY,EAAE,KAAK;IACnB,oBAAoB,EAAE,KAAK;IAC3B,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,CAAC;IACd,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3B,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE;IAGxB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE;IACxB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;IAClB,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE;IACnB,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE;IACvB,aAAa,EAAE,EAAE,CAAC,EAAE,EAAE;IACtB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE;IAGxB,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE;IACnB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;IACrB,WAAW,EAAE,EAAE,CAAC,EAAE,EAAE;IACpB,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE;CACtB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FormControlProps } from '../../../../containers';
|
|
2
|
+
import { TextFieldProps } from '../../../../components';
|
|
3
|
+
export type FormTextFieldProps = FormControlProps & TextFieldProps & {
|
|
4
|
+
formControlClassName?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function FormTextField({ formControlClassName, ...props }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=form-text-field.d.ts.map
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormTextField = FormTextField;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const containers_1 = require("../../../../containers");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function FormTextField({ formControlClassName, ...props }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props.formProps.errors[props.formName], className: formControlClassName, children: () => (0, jsx_runtime_1.jsx)(components_1.TextField, { ...props }) }));
|
|
6
9
|
}
|
|
7
10
|
//# sourceMappingURL=form-text-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AAQA,sCAUC;;AAlBD,uDAAuE;AACvE,uDAAmE;AAOnE,SAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAsB;IAClF,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,IAAK,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAC7F,SAAS,EAAE,oBAAoB,YAE9B,GAAG,EAAE,CAAC,uBAAC,sBAAS,OAAK,KAAK,GAAI,GACnB,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
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-text-field"), exports);
|
|
2
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import BaseSchema from 'yup/lib/schema';
|
|
2
|
+
import { FormikHelpers, FormikProps } from 'formik';
|
|
3
|
+
export type FormNames<FormValuesType> = {
|
|
4
|
+
[key in keyof FormValuesType]: string;
|
|
5
|
+
};
|
|
6
|
+
export type FormErrors<FormValuesType> = {
|
|
7
|
+
[key in keyof FormValuesType]: string;
|
|
8
|
+
};
|
|
9
|
+
export type FormSchema<FormValuesType> = {
|
|
10
|
+
[key in keyof FormValuesType]: BaseSchema;
|
|
11
|
+
};
|
|
12
|
+
export type FormHelpers<FormValuesType> = FormikHelpers<FormValuesType>;
|
|
13
|
+
export type FormRenderProps<FormValuesType> = FormikProps<FormValuesType> & {
|
|
14
|
+
submitButtonDisabled: boolean;
|
|
15
|
+
};
|
|
16
|
+
export type FormConfig<FormValuesType> = {
|
|
17
|
+
enableReinitialize?: boolean;
|
|
18
|
+
names: FormNames<FormValuesType>;
|
|
19
|
+
initialValues: FormValuesType;
|
|
20
|
+
validationSchema?: FormSchema<FormValuesType>;
|
|
21
|
+
innerRef?: React.Ref<FormikProps<FormValuesType>>;
|
|
22
|
+
onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=form-types.d.ts.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormikValues } from 'formik';
|
|
3
|
+
import { FormConfig, FormNames, FormRenderProps } from './form-types';
|
|
4
|
+
type FormProps<FormValuesType> = {
|
|
5
|
+
id?: string;
|
|
6
|
+
config: FormConfig<FormValuesType>;
|
|
7
|
+
className?: string;
|
|
8
|
+
children: (props: FormRenderProps<FormValuesType>, names: FormNames<FormValuesType>) => React.ReactElement;
|
|
9
|
+
};
|
|
10
|
+
export declare function Form<FormValuesType extends FormikValues>({ id, config, className, children, }: FormProps<FormValuesType>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1,15 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Form = Form;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const yup = __importStar(require("yup"));
|
|
29
|
+
const formik_1 = require("formik");
|
|
30
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
31
|
+
function Form({ id, config, className, children, }) {
|
|
6
32
|
const { names, initialValues, validationSchema, onSubmit } = config;
|
|
7
|
-
return (
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: initialValues, validationSchema: validationSchema && yup.object(validationSchema), onSubmit: onSubmit, children: (formikProps) => {
|
|
8
34
|
const submitButtonDisabled = !formikProps.dirty || !formikProps.isValid || formikProps.isSubmitting;
|
|
9
|
-
return (
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)("form", { id: id, role: "form", onSubmit: (event) => {
|
|
10
36
|
event.preventDefault();
|
|
11
37
|
formikProps.handleSubmit();
|
|
12
|
-
}, className: tailwind(className), children: children({
|
|
38
|
+
}, className: (0, tailwind_utils_1.tailwind)(className), children: children({
|
|
13
39
|
...formikProps,
|
|
14
40
|
submitButtonDisabled,
|
|
15
41
|
}, names) }));
|