@7pmlabs/design-system 0.3.1 → 0.3.3

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

@@ -1,174 +1,180 @@
-import { type ValidationRule } from '@/composables/Validation';
-import type { DisplayItem } from '@/types';
-/**
- * Props
- */
-export interface BMultiSelectProps {
-    inputId?: string;
-    modelValue: Array<string | number>;
-    label?: string;
-    items: DisplayItem[];
-    disabled?: boolean;
-    placeholder?: string;
-    valueCssClass?: string;
-    menuCssClass?: string;
-    /**
-     * Array of custom validation rules.
-     */
-    validationRules?: ValidationRule[];
-    /**
-     * Validate if the field is left empty.
-     */
-    required?: boolean;
-    requiredErrorMessage?: string;
-    /**
-     * Hide the validation error message.
-     */
-    hideDetails?: boolean;
-    /**
-     * Show number of selected items.
-     */
-    showSelectedItemCount?: boolean;
-    /**
-     * Allow to type to search.
-     */
-    allowInput?: boolean;
-}
-declare const _default: import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    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;
-    };
-    modelValue: {
-        type: import("vue").PropType<(string | 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;
-    };
-    items: {
-        type: import("vue").PropType<DisplayItem[]>;
-        required: true;
-    };
-    valueCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    menuCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showSelectedItemCount: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    allowInput: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {
-    validate: () => void;
-    selectMenu: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "change" | "close" | "update:modelValue" | "change:input")[], "open" | "change" | "close" | "update:modelValue" | "change:input", 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;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<(string | 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;
-    };
-    items: {
-        type: import("vue").PropType<DisplayItem[]>;
-        required: true;
-    };
-    valueCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    menuCssClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    showSelectedItemCount: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    allowInput: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onOpen?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-    "onChange:input"?: (...args: any[]) => any;
-}, {
-    required: boolean;
-    label: string;
-    disabled: boolean;
-    placeholder: string;
-    inputId: string;
-    validationRules: ValidationRule[];
-    requiredErrorMessage: string;
-    hideDetails: boolean;
-    valueCssClass: string;
-    menuCssClass: string;
-    showSelectedItemCount: boolean;
-    allowInput: boolean;
-}, {}>;
-export default _default;
+import { type ValidationRule } from '@/composables/Validation';
+import type { DisplayItem } from '@/types';
+/**
+ * Props
+ */
+export interface BMultiSelectProps {
+    inputId?: string;
+    modelValue: Array<string | number>;
+    label?: string;
+    items: DisplayItem[];
+    disabled?: boolean;
+    placeholder?: string;
+    valueCssClass?: string;
+    menuCssClass?: string;
+    /**
+     * Array of custom validation rules.
+     */
+    validationRules?: ValidationRule[];
+    /**
+     * Validate if the field is left empty.
+     */
+    required?: boolean;
+    requiredErrorMessage?: string;
+    /**
+     * Hide the validation error message.
+     */
+    hideDetails?: boolean;
+    /**
+     * Show number of selected items.
+     */
+    showSelectedItemCount?: boolean;
+    /**
+     * Allow to type to search.
+     */
+    allowInput?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    modelValue: {
+        type: import("vue").PropType<(string | 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;
+    };
+    items: {
+        type: import("vue").PropType<DisplayItem[]>;
+        required: true;
+    };
+    valueCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    menuCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showSelectedItemCount: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowInput: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    validate: () => void;
+    selectMenu: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string | number) => void;
+    open: () => void;
+    close: () => void;
+    'change:input': (inputValue: string) => 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;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<(string | 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;
+    };
+    items: {
+        type: import("vue").PropType<DisplayItem[]>;
+        required: true;
+    };
+    valueCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    menuCssClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showSelectedItemCount: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    allowInput: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onChange?: (value: string | number) => any;
+    "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+    onOpen?: () => any;
+    onClose?: () => any;
+    "onChange:input"?: (inputValue: string) => any;
+}, {
+    required: boolean;
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    inputId: string;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    valueCssClass: string;
+    menuCssClass: string;
+    showSelectedItemCount: boolean;
+    allowInput: boolean;
+}, {}>;
+export default _default;

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

@@ -1,134 +1,139 @@
-import { type ValidationRule } from '@/composables/Validation';
-/**
- * Props
- */
-export interface BOtpFieldProps {
-    inputId?: string;
-    modelValue?: string;
-    /**
-     * Number of input boxes.
-     */
-    numInputs?: number;
-    /**
-     * Index of input box to be focused.
-     */
-    focusIndex?: number;
-    disabled?: boolean;
-    inputCssClass?: string | {};
-    /**
-     * Array of custom validation rules.
-     */
-    validationRules?: ValidationRule[];
-    /**
-     * Validate if the field is left empty.
-     */
-    required?: boolean;
-    requiredErrorMessage?: string;
-    /**
-     * Hide the validation error message.
-     */
-    hideDetails?: boolean;
-}
-declare const _default: import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string | {}>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    numInputs: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    focusIndex: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
-}, {
-    validate: () => void;
-    focus: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("complete" | "change" | "update:modelValue" | "update:focusIndex")[], "complete" | "change" | "update:modelValue" | "update:focusIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    inputId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    inputCssClass: {
-        type: import("vue").PropType<string | {}>;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    validationRules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: any;
-    };
-    requiredErrorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    numInputs: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    focusIndex: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
-}>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onComplete?: (...args: any[]) => any;
-    "onUpdate:focusIndex"?: (...args: any[]) => any;
-}, {
-    required: boolean;
-    disabled: boolean;
-    inputId: string;
-    inputCssClass: string;
-    modelValue: string;
-    validationRules: ValidationRule[];
-    requiredErrorMessage: string;
-    hideDetails: boolean;
-    numInputs: number;
-    focusIndex: number;
-}, {}>;
-export default _default;
+import { type ValidationRule } from '@/composables/Validation';
+/**
+ * Props
+ */
+export interface BOtpFieldProps {
+    inputId?: string;
+    modelValue?: string;
+    /**
+     * Number of input boxes.
+     */
+    numInputs?: number;
+    /**
+     * Index of input box to be focused.
+     */
+    focusIndex?: number;
+    disabled?: boolean;
+    inputCssClass?: string | {};
+    /**
+     * Array of custom validation rules.
+     */
+    validationRules?: ValidationRule[];
+    /**
+     * Validate if the field is left empty.
+     */
+    required?: boolean;
+    requiredErrorMessage?: string;
+    /**
+     * Hide the validation error message.
+     */
+    hideDetails?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string | {}>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    numInputs: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    focusIndex: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+}, {
+    validate: () => void;
+    focus: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    complete: (value: string) => void;
+    change: (value: string) => void;
+    'update:modelValue': (value: string) => void;
+    'update:focusIndex': (index: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    inputId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputCssClass: {
+        type: import("vue").PropType<string | {}>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    validationRules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: any;
+    };
+    requiredErrorMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    numInputs: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    focusIndex: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+}>> & {
+    onChange?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+    onComplete?: (value: string) => any;
+    "onUpdate:focusIndex"?: (index: number) => any;
+}, {
+    required: boolean;
+    disabled: boolean;
+    inputId: string;
+    inputCssClass: string;
+    modelValue: string;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    numInputs: number;
+    focusIndex: number;
+}, {}>;
+export default _default;