period-ui 0.3.7 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/badge/badge-styles.d.ts +5 -0
- package/dist/components/atoms/badge/badge-styles.d.ts.map +1 -0
- package/dist/components/atoms/badge/badge-styles.js +25 -0
- package/dist/components/atoms/badge/badge-styles.js.map +1 -0
- package/dist/components/atoms/badge/badge-types.d.ts +9 -0
- package/dist/components/atoms/badge/badge-types.d.ts.map +1 -0
- package/dist/components/atoms/badge/badge-types.js +13 -0
- package/dist/components/atoms/badge/badge-types.js.map +1 -0
- package/dist/components/atoms/badge/badge.d.ts +11 -0
- package/dist/components/atoms/badge/badge.d.ts.map +1 -0
- package/dist/components/atoms/badge/badge.js +14 -0
- package/dist/components/atoms/badge/badge.js.map +1 -0
- package/dist/components/atoms/badge/index.d.ts +3 -0
- package/dist/components/atoms/badge/index.d.ts.map +1 -0
- package/dist/components/atoms/badge/index.js +19 -0
- package/dist/components/atoms/badge/index.js.map +1 -0
- package/dist/components/atoms/check-box/checkbox-group/checkbox-group.d.ts +5 -1
- package/dist/components/atoms/check-box/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/dist/components/atoms/check-box/checkbox-group/checkbox-group.js +2 -2
- package/dist/components/atoms/check-box/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/components/atoms/date-picker/date-picker.d.ts +4 -1
- package/dist/components/atoms/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/date-picker.js +2 -2
- package/dist/components/atoms/date-picker/date-picker.js.map +1 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts +5 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js +2 -2
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/form/form-checkbox/form-checkbox.d.ts +1 -1
- package/dist/components/molecules/form/form-checkbox/form-checkbox.d.ts.map +1 -1
- package/dist/components/molecules/form/form-checkbox/form-checkbox.js +2 -3
- package/dist/components/molecules/form/form-checkbox/form-checkbox.js.map +1 -1
- package/dist/components/molecules/form/form-date-picker/form-date-picker.d.ts +1 -1
- package/dist/components/molecules/form/form-date-picker/form-date-picker.d.ts.map +1 -1
- package/dist/components/molecules/form/form-date-picker/form-date-picker.js +24 -20
- package/dist/components/molecules/form/form-date-picker/form-date-picker.js.map +1 -1
- package/dist/components/molecules/form/form-radio-button/form-radio-button.d.ts +1 -1
- package/dist/components/molecules/form/form-radio-button/form-radio-button.d.ts.map +1 -1
- package/dist/components/molecules/form/form-radio-button/form-radio-button.js +2 -3
- package/dist/components/molecules/form/form-radio-button/form-radio-button.js.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.d.ts +1 -1
- package/dist/components/molecules/form/form-select/form-select.d.ts.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.js +6 -10
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts +7 -3
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.js +16 -12
- package/dist/components/molecules/form/form-text-field/form-text-field.js.map +1 -1
- package/dist/components/molecules/select/select.d.ts +4 -1
- package/dist/components/molecules/select/select.d.ts.map +1 -1
- package/dist/components/molecules/select/select.js +2 -2
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.d.ts +3 -5
- package/dist/components/molecules/text-field/components/text-field-input.d.ts.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.js +2 -2
- package/dist/components/molecules/text-field/components/text-field-input.js.map +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +3 -5
- package/dist/components/molecules/text-field/text-field.d.ts.map +1 -1
- package/dist/components/molecules/text-field/text-field.js +1 -1
- package/dist/components/molecules/text-field/text-field.js.map +1 -1
- package/dist/containers/form-control/components/form-error.d.ts +2 -1
- package/dist/containers/form-control/components/form-error.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-error.js +2 -2
- package/dist/containers/form-control/components/form-error.js.map +1 -1
- package/dist/containers/form-control/components/form-helper.d.ts +2 -1
- package/dist/containers/form-control/components/form-helper.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-helper.js +2 -2
- package/dist/containers/form-control/components/form-helper.js.map +1 -1
- package/dist/containers/form-control/components/form-label.d.ts +3 -1
- package/dist/containers/form-control/components/form-label.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-label.js +2 -2
- package/dist/containers/form-control/components/form-label.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts +7 -1
- package/dist/containers/form-control/form-control.d.ts.map +1 -1
- package/dist/containers/form-control/form-control.js +15 -4
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8461 -8208
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const badgeStyles: (props?: ({
|
|
2
|
+
variant?: "alert" | "error" | "info" | "success" | "neutral" | "advertisement" | null | undefined;
|
|
3
|
+
hasShadow?: boolean | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
|
+
//# sourceMappingURL=badge-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;mFAsBvB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.badgeStyles = void 0;
|
|
4
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
5
|
+
exports.badgeStyles = (0, class_variance_authority_1.cva)(['inline-flex flex-row items-center justify-center gap-2', 'w-fit rounded-full', 'py-2 px-4'], {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
info: 'bg-blue-04 text-blue-01',
|
|
9
|
+
success: 'bg-green-04 text-green-01',
|
|
10
|
+
error: 'bg-red-04 text-red-01',
|
|
11
|
+
alert: 'bg-yellow-04 text-yellow-01',
|
|
12
|
+
neutral: 'bg-gray-05 text-gray-02',
|
|
13
|
+
advertisement: 'bg-purple-04 text-purple-01',
|
|
14
|
+
},
|
|
15
|
+
hasShadow: {
|
|
16
|
+
true: 'shadow-white-two',
|
|
17
|
+
false: '',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: 'neutral',
|
|
22
|
+
hasShadow: false,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=badge-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-styles.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,WAAW,GAAG,IAAA,8BAAG,EAC5B,CAAC,wDAAwD,EAAE,oBAAoB,EAAE,WAAW,CAAC,EAC7F;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,2BAA2B;YACpC,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,6BAA6B;YACpC,OAAO,EAAE,yBAAyB;YAClC,aAAa,EAAE,6BAA6B;SAC7C;QACD,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,KAAK;KACjB;CACF,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge-types.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,aAAa,kBAAkB;CAChC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BadgeVariant = void 0;
|
|
4
|
+
var BadgeVariant;
|
|
5
|
+
(function (BadgeVariant) {
|
|
6
|
+
BadgeVariant["INFO"] = "info";
|
|
7
|
+
BadgeVariant["SUCCESS"] = "success";
|
|
8
|
+
BadgeVariant["ERROR"] = "error";
|
|
9
|
+
BadgeVariant["ALERT"] = "alert";
|
|
10
|
+
BadgeVariant["NEUTRAL"] = "neutral";
|
|
11
|
+
BadgeVariant["ADVERTISEMENT"] = "advertisement";
|
|
12
|
+
})(BadgeVariant || (exports.BadgeVariant = BadgeVariant = {}));
|
|
13
|
+
//# sourceMappingURL=badge-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,+CAA+B,CAAA;AACjC,CAAC,EAPW,YAAY,4BAAZ,YAAY,QAOvB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { IconSymbol } from '../billo-icon';
|
|
4
|
+
import { badgeStyles } from './badge-styles';
|
|
5
|
+
type Props = ComponentProps<'span'> & VariantProps<typeof badgeStyles> & {
|
|
6
|
+
label: string;
|
|
7
|
+
icon?: IconSymbol;
|
|
8
|
+
};
|
|
9
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
export type { Props as BadgeProps };
|
|
11
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAkC,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,GACjC,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,KAAK,gHAiBhB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Badge = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const billo_icon_1 = require("../billo-icon");
|
|
8
|
+
const text_1 = require("../text");
|
|
9
|
+
const badge_types_1 = require("./badge-types");
|
|
10
|
+
const badge_styles_1 = require("./badge-styles");
|
|
11
|
+
exports.Badge = (0, react_1.forwardRef)(function Badge({ label, icon, variant = badge_types_1.BadgeVariant.NEUTRAL, hasShadow, className, ...props }, forwardedRef) {
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("span", { ref: forwardedRef, className: (0, tailwind_utils_1.tailwind)((0, badge_styles_1.badgeStyles)({ variant, hasShadow }), className), ...props, children: [icon && (0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: icon, size: billo_icon_1.IconSize.SM, color: billo_icon_1.IconColor.NONE }), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", variant: text_1.TextVariant.BODY, color: text_1.TextColors.NONE, children: label })] }));
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AAEnD,kEAAyD;AACzD,8CAA2E;AAC3E,kCAAwD;AACxD,+CAA6C;AAC7C,iDAA6C;AAQhC,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAyB,SAAS,KAAK,CACpE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,0BAAY,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC/E,YAAY;IAEZ,OAAO,CACL,kCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0BAAW,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAER,IAAI,IAAI,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,qBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,sBAAS,CAAC,IAAI,GAAI,EAE5E,uBAAC,WAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,iBAAU,CAAC,IAAI,YAC9D,KAAK,GACD,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
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("./badge"), exports);
|
|
18
|
+
__exportStar(require("./badge-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,gDAA8B"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { CheckboxMultiOptions } from './checkbox-group-types';
|
|
2
2
|
export type CheckboxGroupProps = {
|
|
3
|
+
id?: string;
|
|
3
4
|
data: CheckboxMultiOptions[];
|
|
4
5
|
checkedData?: string[];
|
|
5
6
|
intermediateCheckBoxLabel?: string;
|
|
7
|
+
ariaLabelledBy?: string;
|
|
8
|
+
ariaDescribedBy?: string;
|
|
9
|
+
ariaInvalid?: boolean;
|
|
6
10
|
onCheckData: (value?: string[]) => void;
|
|
7
11
|
};
|
|
8
|
-
export declare function CheckboxGroup({ data, checkedData, intermediateCheckBoxLabel, onCheckData, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function CheckboxGroup({ id, data, checkedData, intermediateCheckBoxLabel, ariaLabelledBy, ariaDescribedBy, ariaInvalid, onCheckData, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
9
13
|
//# sourceMappingURL=checkbox-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/check-box/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,yBAAyB,EACzB,WAAW,GACZ,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/check-box/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,IAAI,EACJ,WAAW,EACX,yBAAyB,EACzB,cAAc,EACd,eAAe,EACf,WAAW,EACX,WAAW,GACZ,EAAE,kBAAkB,2CAwEpB"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const check_box_1 = require("../check-box");
|
|
6
6
|
const check_box_types_1 = require("../check-box-types");
|
|
7
7
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
|
-
function CheckboxGroup({ data, checkedData, intermediateCheckBoxLabel, onCheckData, }) {
|
|
8
|
+
function CheckboxGroup({ id, data, checkedData, intermediateCheckBoxLabel, ariaLabelledBy, ariaDescribedBy, ariaInvalid, onCheckData, }) {
|
|
9
9
|
const checkDataExist = !!checkedData && checkedData.length > 0;
|
|
10
10
|
const isIntermediate = checkDataExist && data.length !== checkedData?.length;
|
|
11
11
|
function onChange(checked, value) {
|
|
@@ -25,7 +25,7 @@ function CheckboxGroup({ data, checkedData, intermediateCheckBoxLabel, onCheckDa
|
|
|
25
25
|
}
|
|
26
26
|
onCheckData(data.map((value) => value.value));
|
|
27
27
|
}
|
|
28
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [intermediateCheckBoxLabel && ((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { onCheckToggle: handleCheckAllData, value: Array.isArray(checkedData) && checkedData?.length > 0, variant: isIntermediate ? check_box_types_1.CheckboxVariant.INTERMEDIATE : check_box_types_1.CheckboxVariant.DEFAULT, containerClassName: "mr-2 mb-6", label: intermediateCheckBoxLabel })), data.map((object, key) => {
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid || undefined, className: "flex flex-col", children: [intermediateCheckBoxLabel && ((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { onCheckToggle: handleCheckAllData, value: Array.isArray(checkedData) && checkedData?.length > 0, variant: isIntermediate ? check_box_types_1.CheckboxVariant.INTERMEDIATE : check_box_types_1.CheckboxVariant.DEFAULT, containerClassName: "mr-2 mb-6", label: intermediateCheckBoxLabel })), data.map((object, key) => {
|
|
29
29
|
const isCurrentCheck = checkedData
|
|
30
30
|
? checkedData.some((currentCheck) => currentCheck === object.value)
|
|
31
31
|
: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/check-box/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/check-box/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Locale } from 'react-day-picker';
|
|
2
2
|
import { DatePickerVariants } from './date-picker-types';
|
|
3
3
|
type Props = {
|
|
4
|
+
id?: string;
|
|
4
5
|
maxDate?: Date;
|
|
5
6
|
minDate?: Date;
|
|
6
7
|
endDate?: Date;
|
|
@@ -9,12 +10,14 @@ type Props = {
|
|
|
9
10
|
disabledDates?: Date[];
|
|
10
11
|
isDisabled?: boolean;
|
|
11
12
|
isErrorVisible?: boolean;
|
|
13
|
+
ariaLabelledBy?: string;
|
|
14
|
+
ariaDescribedBy?: string;
|
|
12
15
|
variant?: DatePickerVariants;
|
|
13
16
|
numberOfMonths?: number;
|
|
14
17
|
onBlur?: () => void;
|
|
15
18
|
onClear?: () => void;
|
|
16
19
|
onChange?: (startDate?: Date, endDate?: Date) => void;
|
|
17
20
|
};
|
|
18
|
-
export declare function DatePicker({ maxDate, minDate, endDate, startDate, disabledDates, numberOfMonths, locale, isDisabled, isErrorVisible, variant, onBlur, onClear, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function DatePicker({ id, maxDate, minDate, endDate, startDate, disabledDates, numberOfMonths, locale, isDisabled, isErrorVisible, ariaLabelledBy, ariaDescribedBy, variant, onBlur, onClear, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
19
22
|
export type { Props as DatePickerProps };
|
|
20
23
|
//# sourceMappingURL=date-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAW,EACX,UAAkB,EAClB,cAAsB,EACtB,OAAoC,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAW,EACX,UAAkB,EAClB,cAAsB,EACtB,cAAc,EACd,eAAe,EACf,OAAoC,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CAoEP;AAED,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC"}
|
|
@@ -6,7 +6,7 @@ const components_1 = require("./components");
|
|
|
6
6
|
const date_picker_types_1 = require("./date-picker-types");
|
|
7
7
|
const use_date_picker_1 = require("./use-date-picker");
|
|
8
8
|
const locale_1 = require("date-fns/locale");
|
|
9
|
-
function DatePicker({ maxDate, minDate, endDate, startDate, disabledDates, numberOfMonths, locale = locale_1.es, isDisabled = false, isErrorVisible = false, variant = date_picker_types_1.DatePickerVariants.DEFAULT, onBlur, onClear, onChange, }) {
|
|
9
|
+
function DatePicker({ id, maxDate, minDate, endDate, startDate, disabledDates, numberOfMonths, locale = locale_1.es, isDisabled = false, isErrorVisible = false, ariaLabelledBy, ariaDescribedBy, variant = date_picker_types_1.DatePickerVariants.DEFAULT, onBlur, onClear, onChange, }) {
|
|
10
10
|
const { range, triggerRef, calendarRef, endDateInput, startDateInput, isCalendarOpen, endDateInputRef, startDateInputRef, handleClear, handleOpenCalendar, handleActiveEndDate, handleRageDataChange, handleActiveStartDate, handleEndDateInputChange, handleStartDateInputChange, } = (0, use_date_picker_1.useDatePicker)({
|
|
11
11
|
locale,
|
|
12
12
|
endDate,
|
|
@@ -15,6 +15,6 @@ function DatePicker({ maxDate, minDate, endDate, startDate, disabledDates, numbe
|
|
|
15
15
|
onClear,
|
|
16
16
|
onChange,
|
|
17
17
|
});
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full max-w-md", ref: calendarRef, children: [(0, jsx_runtime_1.jsx)(components_1.CalendarInput, { triggerRef: triggerRef, variant: variant, endDate: endDateInput, isDisabled: isDisabled, isOpen: isCalendarOpen, startDate: startDateInput, isErrorVisible: isErrorVisible, endDateInputRef: endDateInputRef, startDateInputRef: startDateInputRef, onClear: handleClear, onClickEndDate: handleActiveEndDate, onClick: handleOpenCalendar, onClickStartDate: handleActiveStartDate, onChangeEndDate: handleEndDateInputChange, onChangeStartDate: handleStartDateInputChange }), isCalendarOpen && ((0, jsx_runtime_1.jsx)(components_1.Calendar, { range: range, locale: locale, maxDate: maxDate, minDate: minDate, variant: variant, numberOfMonths: numberOfMonths, disabledDates: disabledDates, setRange: handleRageDataChange }))] }));
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": isErrorVisible || undefined, className: "relative w-full max-w-md", ref: calendarRef, children: [(0, jsx_runtime_1.jsx)(components_1.CalendarInput, { triggerRef: triggerRef, variant: variant, endDate: endDateInput, isDisabled: isDisabled, isOpen: isCalendarOpen, startDate: startDateInput, isErrorVisible: isErrorVisible, endDateInputRef: endDateInputRef, startDateInputRef: startDateInputRef, onClear: handleClear, onClickEndDate: handleActiveEndDate, onClick: handleOpenCalendar, onClickStartDate: handleActiveStartDate, onChangeEndDate: handleEndDateInputChange, onChangeStartDate: handleStartDateInputChange }), isCalendarOpen && ((0, jsx_runtime_1.jsx)(components_1.Calendar, { range: range, locale: locale, maxDate: maxDate, minDate: minDate, variant: variant, numberOfMonths: numberOfMonths, disabledDates: disabledDates, setRange: handleRageDataChange }))] }));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":";;AAyBA,gCAqFC;;AA7GD,6CAAuD;AACvD,2DAAyD;AACzD,uDAAkD;AAClD,4CAAqC;AAqBrC,SAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAM,GAAG,WAAE,EACX,UAAU,GAAG,KAAK,EAClB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,eAAe,EACf,OAAO,GAAG,sCAAkB,CAAC,OAAO,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACF;IACN,MAAM,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,GAC3B,GAAG,IAAA,+BAAa,EAAC;QAChB,MAAM;QACN,OAAO;QACP,SAAS;QACT,MAAM;QACN,OAAO;QACP,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,qBACK,cAAc,sBACb,eAAe,kBACnB,cAAc,IAAI,SAAS,EACzC,SAAS,EAAC,0BAA0B,EACpC,GAAG,EAAE,WAAW,aAEhB,uBAAC,0BAAa,IACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,cAAc,EACzB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,mBAAmB,EACnC,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,qBAAqB,EACvC,eAAe,EAAE,wBAAwB,EACzC,iBAAiB,EAAE,0BAA0B,GAC7C,EAED,cAAc,IAAI,CACjB,uBAAC,qBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,oBAAoB,GAC9B,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { RadioButtonMultiOptions } from './radio-button-group-types';
|
|
2
2
|
export type RadioButtonGroupProps = {
|
|
3
|
+
id?: string;
|
|
3
4
|
className?: string;
|
|
4
5
|
isUnselectable?: boolean;
|
|
5
6
|
selectedData?: string;
|
|
6
7
|
data: RadioButtonMultiOptions[];
|
|
8
|
+
ariaLabelledBy?: string;
|
|
9
|
+
ariaDescribedBy?: string;
|
|
10
|
+
ariaInvalid?: boolean;
|
|
7
11
|
onSelect: (value?: string) => void;
|
|
8
12
|
};
|
|
9
|
-
export declare function RadioButtonGroup({ data, className, selectedData, isUnselectable, onSelect, }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function RadioButtonGroup({ id, data, className, selectedData, isUnselectable, ariaLabelledBy, ariaDescribedBy, ariaInvalid, onSelect, }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
10
14
|
//# sourceMappingURL=radio-button-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,2CAkDvB"}
|
|
@@ -4,7 +4,7 @@ exports.RadioButtonGroup = RadioButtonGroup;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const __1 = require("../");
|
|
6
6
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
-
function RadioButtonGroup({ data, className, selectedData, isUnselectable, onSelect, }) {
|
|
7
|
+
function RadioButtonGroup({ id, data, className, selectedData, isUnselectable, ariaLabelledBy, ariaDescribedBy, ariaInvalid, onSelect, }) {
|
|
8
8
|
function onChange(selected, object) {
|
|
9
9
|
if (!data)
|
|
10
10
|
return;
|
|
@@ -18,7 +18,7 @@ function RadioButtonGroup({ data, className, selectedData, isUnselectable, onSel
|
|
|
18
18
|
}
|
|
19
19
|
onSelect(currentData?.value);
|
|
20
20
|
}
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: className, children: data.map((object, key) => {
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid || undefined, className: className, children: data.map((object, key) => {
|
|
22
22
|
const isSelected = object.value === selectedData;
|
|
23
23
|
const { isDisabled, label, labelClassName, containerClassName, onSelect } = object;
|
|
24
24
|
return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { onSelect: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAiBA,4CA4DC;;AA5ED,2BAAkC;AAElC,qEAA4D;AAc5D,SAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,QAAQ,GACc;IACtB,SAAS,QAAQ,CAAC,QAAiB,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,cAAc,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,qBACK,cAAc,sBACb,eAAe,kBACnB,WAAW,IAAI,SAAS,EACtC,SAAS,EAAE,SAAS,YAEnB,IAAI,CAAC,GAAG,CAAC,CAAC,MAA+B,EAAE,GAAW,EAAE,EAAE;YACzD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAEnF,OAAO,CACL,uBAAC,eAAW,IAEV,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAV9D,GAAG,CAWR,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./atoms/signature"), exports);
|
|
18
18
|
__exportStar(require("./atoms/base-input"), exports);
|
|
19
|
+
__exportStar(require("./atoms/badge"), exports);
|
|
19
20
|
__exportStar(require("./atoms/billo-icon"), exports);
|
|
20
21
|
__exportStar(require("./atoms/button"), exports);
|
|
21
22
|
__exportStar(require("./atoms/check-box"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C"}
|
|
@@ -5,5 +5,5 @@ export type FormCheckBoxProps = FormControlProps & Omit<CheckboxGroupProps, 'onC
|
|
|
5
5
|
checkedData?: string[];
|
|
6
6
|
onCheckData?: (value?: string[]) => void;
|
|
7
7
|
};
|
|
8
|
-
export declare function FormCheckBox({ formControlClassName, ...
|
|
8
|
+
export declare function FormCheckBox({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, checkedData, onCheckData, ...checkboxProps }: FormCheckBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=form-checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,kBAAkB,EAAE,aAAa,GAAG,aAAa,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,wBAAgB,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,kBAAkB,EAAE,aAAa,GAAG,aAAa,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,wBAAgB,YAAY,CAAC,EAC3B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACjB,EAAE,iBAAiB,2CAsCnB"}
|
|
@@ -5,13 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const check_box_1 = require("../../../../components/atoms/check-box");
|
|
6
6
|
const containers_1 = require("../../../../containers");
|
|
7
7
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
|
-
function FormCheckBox({ formControlClassName, ...
|
|
8
|
+
function FormCheckBox({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, checkedData, onCheckData, ...checkboxProps }) {
|
|
9
9
|
async function handleChanceValue(value) {
|
|
10
|
-
const { formName, formProps, onCheckData } = props;
|
|
11
10
|
onCheckData?.(value);
|
|
12
11
|
await formProps?.setFieldValue(formName ?? '', value);
|
|
13
12
|
await formProps?.setFieldTouched(formName ?? '', true, true);
|
|
14
13
|
}
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText, className: (0, tailwind_utils_1.tailwind)('space-y-4', formControlClassName), containerClassName: "space-y-4", associateLabelWithInput: false, children: ({ isErrorVisible, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(check_box_1.CheckboxGroup, { ...checkboxProps, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, ariaInvalid: isErrorVisible, checkedData: checkedData ?? formProps?.values[formName], onCheckData: handleChanceValue })) }));
|
|
16
15
|
}
|
|
17
16
|
//# sourceMappingURL=form-checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-checkbox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":";;AAWA,
|
|
1
|
+
{"version":3,"file":"form-checkbox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":";;AAWA,oCAuDC;;AAlED,sEAA2F;AAC3F,uDAAuE;AACvE,qEAA4D;AAS5D,SAAgB,YAAY,CAAC,EAC3B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACE;IAClB,KAAK,UAAU,iBAAiB,CAAC,KAAgB;QAC/C,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;QACtD,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,oBAAoB,CAAC,EACtD,kBAAkB,EAAC,WAAW,EAC9B,uBAAuB,EAAE,KAAK,YAE7B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAa,OACR,aAAa,EACjB,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,cAAc,EAC3B,WAAW,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,CAAC,QAAS,CAAC,EACxD,WAAW,EAAE,iBAAiB,GAC9B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -6,5 +6,5 @@ export type FormDatePickerProps = FormControlProps & DatePickerProps & {
|
|
|
6
6
|
onBlur?: () => void;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
-
export declare function FormDatePicker({ formControlClassName, mobileEndDateProps, ...
|
|
9
|
+
export declare function FormDatePicker({ formControlClassName, mobileEndDateProps, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, id, formName, formProps, isRequired, ...datePickerProps }: FormDatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
//# sourceMappingURL=form-date-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAsB,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAChD,eAAe,GAAG;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,gBAAgB,GAAG;QACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEJ,wBAAgB,cAAc,CAAC,EAC7B,oBAAoB,EACpB,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"form-date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAsB,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAChD,eAAe,GAAG;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,gBAAgB,GAAG;QACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEJ,wBAAgB,cAAc,CAAC,EAC7B,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,mBAAmB,2CAkIrB"}
|
|
@@ -5,43 +5,47 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
|
|
6
6
|
const __1 = require("../../..");
|
|
7
7
|
const containers_1 = require("../../../../containers");
|
|
8
|
-
function FormDatePicker({ formControlClassName, mobileEndDateProps, ...
|
|
8
|
+
function FormDatePicker({ formControlClassName, mobileEndDateProps, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, id, formName, formProps, isRequired, ...datePickerProps }) {
|
|
9
9
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
10
|
-
const isRangeDatePicker =
|
|
10
|
+
const isRangeDatePicker = datePickerProps.variant === __1.DatePickerVariants.DATE_RANGE;
|
|
11
11
|
async function handleChange(startDate, endDate) {
|
|
12
|
-
const { formProps, formName, onChange } = props;
|
|
13
12
|
await formProps?.setFieldValue(formName, { startDate, endDate });
|
|
14
|
-
onChange?.(startDate, endDate);
|
|
13
|
+
datePickerProps.onChange?.(startDate, endDate);
|
|
15
14
|
}
|
|
16
15
|
async function handleChangeMobileStartDate(date) {
|
|
17
|
-
|
|
18
|
-
await handleChange(date, endDate);
|
|
16
|
+
await handleChange(date, datePickerProps.endDate);
|
|
19
17
|
}
|
|
20
18
|
async function handleChangeMobileEndDate(date) {
|
|
21
|
-
|
|
22
|
-
await handleChange(startDate, date);
|
|
19
|
+
await handleChange(datePickerProps.startDate, date);
|
|
23
20
|
}
|
|
24
21
|
async function handleOnBlur() {
|
|
25
|
-
const { onBlur, formProps, formName } = props;
|
|
26
22
|
await formProps?.setFieldTouched(formName ?? '', true, true);
|
|
27
|
-
|
|
28
|
-
onBlur();
|
|
29
|
-
}
|
|
23
|
+
datePickerProps.onBlur?.();
|
|
30
24
|
}
|
|
31
25
|
async function handleClear() {
|
|
32
|
-
const { onClear, formProps, formName } = props;
|
|
33
26
|
await formProps?.setFieldValue(formName, { startDate: undefined, endDate: undefined });
|
|
34
|
-
|
|
35
|
-
onClear();
|
|
36
|
-
}
|
|
27
|
+
datePickerProps.onClear?.();
|
|
37
28
|
}
|
|
38
|
-
const getErrorText = (
|
|
39
|
-
const formError =
|
|
29
|
+
const getErrorText = () => {
|
|
30
|
+
const formError = formProps?.errors[formName];
|
|
40
31
|
const errorMessage = typeof formError === 'object' && formError !== null
|
|
41
32
|
? Object.values(formError)[0]
|
|
42
33
|
: formError;
|
|
43
|
-
return
|
|
34
|
+
return errorText || errorMessage;
|
|
44
35
|
};
|
|
45
|
-
|
|
36
|
+
const baseFormControlProps = {
|
|
37
|
+
id,
|
|
38
|
+
label,
|
|
39
|
+
helperText,
|
|
40
|
+
optionalLabel,
|
|
41
|
+
hideRequiredMark,
|
|
42
|
+
containerClassName,
|
|
43
|
+
toolTipProps,
|
|
44
|
+
formName,
|
|
45
|
+
formProps,
|
|
46
|
+
isRequired,
|
|
47
|
+
isDisabled: datePickerProps.isDisabled,
|
|
48
|
+
};
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile && datePickerProps.variant === __1.DatePickerVariants.DATE_RANGE ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-4", children: [(0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...baseFormControlProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, maxDate: datePickerProps.endDate, endDate: datePickerProps.startDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileStartDate, onBlur: handleOnBlur })) }), (0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...mobileEndDateProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, minDate: datePickerProps.startDate, startDate: datePickerProps.endDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileEndDate, onBlur: mobileEndDateProps?.onBlur })) })] })) : ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...baseFormControlProps, inputWidth: isRangeDatePicker ? containers_1.FormInputWidth.FOUR_COLUMN : containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isErrorVisible: isErrorVisible, onChange: handleChange, onBlur: handleOnBlur, onClear: handleClear })) })) }));
|
|
46
50
|
}
|
|
47
51
|
//# sourceMappingURL=form-date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-picker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":";;AAYA,
|
|
1
|
+
{"version":3,"file":"form-date-picker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,5 +6,5 @@ export type FormRadioButtonProps = FormControlProps & Omit<RadioButtonGroupProps
|
|
|
6
6
|
} & {
|
|
7
7
|
formControlClassName?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare function FormRadioButton({ formControlClassName, ...
|
|
9
|
+
export declare function FormRadioButton({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, selectedData, onSelect, ...radioButtonProps }: FormRadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
//# sourceMappingURL=form-radio-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-radio-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-radio-button/form-radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAe,MAAM,wBAAwB,CAAC;AAGvE,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,GAAG;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"form-radio-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-radio-button/form-radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAe,MAAM,wBAAwB,CAAC;AAGvE,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,GAAG;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,eAAe,CAAC,EAC9B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,GAAG,gBAAgB,EACpB,EAAE,oBAAoB,2CAsCtB"}
|
|
@@ -5,13 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const radio_button_1 = require("../../../../components/atoms/radio-button");
|
|
6
6
|
const containers_1 = require("../../../../containers");
|
|
7
7
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
|
-
function FormRadioButton({ formControlClassName, ...
|
|
8
|
+
function FormRadioButton({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, selectedData, onSelect, ...radioButtonProps }) {
|
|
9
9
|
async function handleChanceValue(value) {
|
|
10
|
-
const { formName, formProps, onSelect } = props;
|
|
11
10
|
onSelect?.(value);
|
|
12
11
|
await formProps?.setFieldValue(formName ?? '', value);
|
|
13
12
|
await formProps?.setFieldTouched(formName ?? '', true, true);
|
|
14
13
|
}
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName], className: (0, tailwind_utils_1.tailwind)('space-y-4', formControlClassName), containerClassName: "space-y-4", associateLabelWithInput: false, children: ({ isErrorVisible, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(radio_button_1.RadioButtonGroup, { ...radioButtonProps, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, ariaInvalid: isErrorVisible, selectedData: selectedData ?? formProps?.values[formName], onSelect: handleChanceValue })) }));
|
|
16
15
|
}
|
|
17
16
|
//# sourceMappingURL=form-radio-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-radio-button.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-radio-button/form-radio-button.tsx"],"names":[],"mappings":";;AAYA,
|
|
1
|
+
{"version":3,"file":"form-radio-button.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-radio-button/form-radio-button.tsx"],"names":[],"mappings":";;AAYA,0CAuDC;;AAnED,4EAAoG;AACpG,uDAAuE;AACvE,qEAA4D;AAU5D,SAAgB,eAAe,CAAC,EAC9B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,GAAG,gBAAgB,EACE;IACrB,KAAK,UAAU,iBAAiB,CAAC,KAAc;QAC7C,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAElB,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;QACtD,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAS,CAAwB,EAC5E,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,oBAAoB,CAAC,EACtD,kBAAkB,EAAC,WAAW,EAC9B,uBAAuB,EAAE,KAAK,YAE7B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,+BAAgB,OACX,gBAAgB,EACpB,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,cAAc,EAC3B,YAAY,EAAE,YAAY,IAAI,SAAS,EAAE,MAAM,CAAC,QAAS,CAAC,EAC1D,QAAQ,EAAE,iBAAiB,GAC3B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -4,5 +4,5 @@ export type FormSelectProps = FormControlProps & SelectProps & {
|
|
|
4
4
|
formControlClassName?: string;
|
|
5
5
|
syncTypingToField?: boolean;
|
|
6
6
|
};
|
|
7
|
-
export declare function FormSelect({ formControlClassName, syncTypingToField, ...
|
|
7
|
+
export declare function FormSelect({ formControlClassName, syncTypingToField, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, id, formName, formProps, isRequired, ...selectProps }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
//# sourceMappingURL=form-select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,
|
|
1
|
+
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,WAAW,EACf,EAAE,eAAe,2CA0EjB"}
|