@7pmlabs/design-system 0.2.8 → 0.3.1

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

@@ -0,0 +1,186 @@
+import type { ValidationRule } from '@/composables/Validation';
+/**
+ * Props
+ */
+export interface BCurrencyFieldProps {
+    inputId?: string;
+    inputCssClass?: string;
+    modelValue: number;
+    label?: string;
+    /**
+     * FontAwesome v6.1.0 - Solid.
+     */
+    prependIcon?: string;
+    /**
+     * Hide prepended icon.
+     */
+    hidePrependIcon?: boolean;
+    /**
+     * FontAwesome v6.1.0 - Solid.
+     */
+    appendIcon?: string;
+    /**
+     * Hide appended icon.
+     */
+    hideAppendIcon?: boolean;
+    /**
+     * Array of custom validation rules.
+     */
+    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: 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;
+    };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    appendIcon: {
+        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;
+    };
+    hidePrependIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideAppendIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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, ("update:modelValue" | "click:prepend" | "click:append" | "press:enter")[], "update:modelValue" | "click:prepend" | "click:append" | "press:enter", 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;
+    };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    appendIcon: {
+        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;
+    };
+    hidePrependIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hideAppendIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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"?: (...args: any[]) => any;
+    "onClick:prepend"?: (...args: any[]) => any;
+    "onClick:append"?: (...args: any[]) => any;
+    "onPress:enter"?: (...args: any[]) => any;
+}, {
+    required: boolean;
+    label: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    placeholder: string;
+    prependIcon: string;
+    appendIcon: string;
+    inputId: string;
+    inputCssClass: string;
+    hidePrependIcon: boolean;
+    hideAppendIcon: boolean;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+}, {}>;
+export default _default;

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

@@ -1,143 +1,187 @@
-import { type ValidationRule } from '@/composables/Validation';
-import { BDatePickerView } from '@/constants/Enums';
-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;
-    };
-    minDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    maxDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    showHintToday: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", 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;
-    };
-    minDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    maxDate: {
-        type: import("vue").PropType<any>;
-        default: string;
-    };
-    showHintToday: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideDetails: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
-    required: boolean;
-    view: BDatePickerView;
-    position: string;
-    label: string;
-    disabled: boolean;
-    placeholder: string;
-    inputId: string;
-    inputCssClass: string;
-    validationRules: ValidationRule[];
-    requiredErrorMessage: string;
-    minDate: any;
-    maxDate: any;
-    showHintToday: boolean;
-    hideDetails: boolean;
-}, {}>;
-export default _default;
+import { type ValidationRule } from '@/composables/Validation';
+import { BDatePickerView } from '@/constants/Enums';
+/**
+ * Props
+ */
+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"[], "update:modelValue", 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"?: (...args: 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;