@7pmlabs/design-system 0.4.1 → 0.4.2

package/dist/types/components/BCurrencyField.vue.d.ts

@@ -1,137 +1,164 @@
-import type { ValidationRule } from '@/composables/Validation';
-export interface BCurrencyFieldProps {
-    inputId?: string;
-    inputCssClass?: string;
-    modelValue: number;
-    label?: string;
-    validationRules?: ValidationRule[];
-    placeholder?: string;
-    autocomplete?: boolean;
-    /**
-     * Validate if the field is left empty.
-     */
-    required?: boolean;
-    requiredErrorMessage?: string;
-    disabled?: boolean;
-    /**
-     * Hide the validation error message.
-     */
-    hideDetails?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    autocomplete: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "press:enter": () => void;
-    "update:modelValue": (value: number) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    autocomplete: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (value: number) => any;
-    "onPress:enter"?: () => any;
-}, {
-    required: boolean;
-    label: string;
-    autocomplete: boolean;
-    disabled: boolean;
-    placeholder: string;
-    inputId: string;
-    inputCssClass: string;
-    validationRules: ValidationRule[];
-    requiredErrorMessage: string;
-    hideDetails: boolean;
-}, {}>, {
-    prependIcon?(_: {}): any;
-    appendIcon?(_: {}): any;
-}>;
-export default _default;
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import type { ValidationRule } from '@/composables/Validation';
+import { SupportedLocale } from '@/constants/Enums';
+export interface BCurrencyFieldProps {
+    inputId?: string;
+    inputCssClass?: string;
+    /**
+     * Value can be number or string
+     */
+    modelValue: number | string;
+    label?: string;
+    validationRules?: ValidationRule[];
+    placeholder?: string;
+    autocomplete?: boolean;
+    /**
+     * Validate if the field is left empty.
+     */
+    required?: boolean;
+    requiredErrorMessage?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    /**
+     * Hide the validation error message.
+     */
+    hideDetails?: boolean;
+    /**
+     * Locale of the currency
+     */
+    locale?: `${SupportedLocale}`;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autocomplete: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+    locale: {
+        type: import("vue").PropType<"en-US" | "vi-VN">;
+        default: SupportedLocale;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "press:enter": () => void;
+    "update:modelValue": (value: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autocomplete: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+    locale: {
+        type: import("vue").PropType<"en-US" | "vi-VN">;
+        default: SupportedLocale;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    "onPress:enter"?: () => any;
+}, {
+    required: boolean;
+    label: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputId: string;
+    inputCssClass: string;
+    locale: "en-US" | "vi-VN";
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+}, {}>, {
+    prependIcon?(_: {}): any;
+    appendIcon?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BDatePicker.vue.d.ts

@@ -1,186 +1,186 @@
-import { type ValidationRule } from '@/composables/Validation';
-import { BDatePickerView } from '@/constants/Enums';
-export interface BDatePickerProps {
-    inputId?: string;
-    modelValue: any;
-    label?: string;
-    /**
-     * Array of custom validation rules.
-     */
-    validationRules?: ValidationRule[];
-    placeholder?: string;
-    /**
-     * Validate if the field is left empty.
-     */
-    required?: boolean;
-    requiredErrorMessage?: string;
-    disabled?: boolean;
-    inputCssClass?: string;
-    /**
-     * Minimum selectable date
-     */
-    minDate?: any;
-    /**
-     * Maximum selectable date
-     */
-    maxDate?: any;
-    /**
-     * Show "Today" text if selected date is the current date
-     */
-    showHintToday?: boolean;
-    /**
-     * Default view mode when open picker dropdown
-     */
-    view?: BDatePickerView;
-    /**
-     * Hide the validation error message.
-     */
-    hideDetails?: boolean;
-    /**
-     * Position of picker dropdown when it's showed up
-     */
-    position?: string;
-}
-declare const _default: import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    view: {
-        type: import("vue").PropType<BDatePickerView>;
-        default: BDatePickerView;
-    };
-    position: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    minDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    maxDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    showHintToday: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    view: {
-        type: import("vue").PropType<BDatePickerView>;
-        default: BDatePickerView;
-    };
-    position: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<any>;
-        required: true;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    minDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    maxDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    showHintToday: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (value: any) => any;
-}, {
-    required: boolean;
-    view: BDatePickerView;
-    position: string;
-    label: string;
-    disabled: boolean;
-    placeholder: string;
-    inputId: string;
-    inputCssClass: string;
-    validationRules: ValidationRule[];
-    requiredErrorMessage: string;
-    hideDetails: boolean;
-    minDate: any;
-    maxDate: any;
-    showHintToday: boolean;
-}, {}>;
-export default _default;
+import { type ValidationRule } from '@/composables/Validation';
+import { BDatePickerView } from '@/constants/Enums';
+export interface BDatePickerProps {
+    inputId?: string;
+    modelValue: any;
+    label?: string;
+    /**
+     * Array of custom validation rules.
+     */
+    validationRules?: ValidationRule[];
+    placeholder?: string;
+    /**
+     * Validate if the field is left empty.
+     */
+    required?: boolean;
+    requiredErrorMessage?: string;
+    disabled?: boolean;
+    inputCssClass?: string;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: any;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: any;
+    /**
+     * Show "Today" text if selected date is the current date
+     */
+    showHintToday?: boolean;
+    /**
+     * Default view mode when open picker dropdown
+     */
+    view?: BDatePickerView;
+    /**
+     * Hide the validation error message.
+     */
+    hideDetails?: boolean;
+    /**
+     * Position of picker dropdown when it's showed up
+     */
+    position?: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    view: {
+        type: import("vue").PropType<BDatePickerView>;
+        default: BDatePickerView;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minDate: {
+        type: import("vue").PropType<any>;
+        default: string;
+    };
+    maxDate: {
+        type: import("vue").PropType<any>;
+        default: string;
+    };
+    showHintToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    view: {
+        type: import("vue").PropType<BDatePickerView>;
+        default: BDatePickerView;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minDate: {
+        type: import("vue").PropType<any>;
+        default: string;
+    };
+    maxDate: {
+        type: import("vue").PropType<any>;
+        default: string;
+    };
+    showHintToday: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: any) => any;
+}, {
+    required: boolean;
+    view: BDatePickerView;
+    position: string;
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    inputId: string;
+    inputCssClass: string;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    minDate: any;
+    maxDate: any;
+    showHintToday: boolean;
+}, {}>;
+export default _default;