@7pmlabs/design-system 0.4.15 → 0.4.16

package/dist/types/components/BToast/BToastItem.vue.d.ts

@@ -1,49 +1,48 @@
-import { BToastItemType } from '@/constants/Enums';
-export interface Props {
-    text?: string;
-    type?: `${BToastItemType}`;
-    hideClose?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"error" | "default" | "success">;
-        default: BToastItemType;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"error" | "default" | "success">;
-        default: BToastItemType;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    hideClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
-    onClose?: () => any;
-}, {
-    type: "error" | "default" | "success";
-    text: string;
-    hideClose: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import { BToastItemType } from '@/constants/Enums';
+export interface Props {
+    text?: string;
+    type?: `${BToastItemType}`;
+    hideClose?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    text: string;
+    type: BToastItemType;
+    hideClose: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    text: string;
+    type: BToastItemType;
+    hideClose: boolean;
+}>>> & {
+    onClose?: () => any;
+}, {
+    type: "error" | "default" | "success";
+    text: string;
+    hideClose: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,56 +1,55 @@
-import { BTooltipOpenEvent, BTooltipPosition } from '@/constants/Enums';
-export interface BTooltipProps {
-    modelValue?: boolean;
-    /**
-     * Position of opened tooltip compare to its toggle.
-     */
-    position?: `${BTooltipPosition}`;
-    /**
-     * Event to open tooltip.
-     */
-    openEvent?: `${BTooltipOpenEvent}`;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    position: {
-        type: import("vue").PropType<"top" | "bottom">;
-        default: BTooltipPosition;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    openEvent: {
-        type: import("vue").PropType<"click" | "focus" | "hover">;
-        default: BTooltipOpenEvent;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    position: {
-        type: import("vue").PropType<"top" | "bottom">;
-        default: BTooltipPosition;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    openEvent: {
-        type: import("vue").PropType<"click" | "focus" | "hover">;
-        default: BTooltipOpenEvent;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (value: boolean) => any;
-}, {
-    position: "top" | "bottom";
-    modelValue: boolean;
-    openEvent: "click" | "focus" | "hover";
-}, {}>, {
-    toggle?(_: {}): any;
-    default?(_: {}): any;
-}>;
-export default _default;
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import { BTooltipOpenEvent, BTooltipPosition } from '@/constants/Enums';
+export interface BTooltipProps {
+    modelValue?: boolean;
+    /**
+     * Position of opened tooltip compare to its toggle.
+     */
+    position?: `${BTooltipPosition}`;
+    /**
+     * Event to open tooltip.
+     */
+    openEvent?: `${BTooltipOpenEvent}`;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
+    modelValue: boolean;
+    position: BTooltipPosition;
+    openEvent: BTooltipOpenEvent;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
+    modelValue: boolean;
+    position: BTooltipPosition;
+    openEvent: BTooltipOpenEvent;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    position: "top" | "bottom";
+    modelValue: boolean;
+    openEvent: "click" | "focus" | "hover";
+}, {}>, {
+    toggle?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/index.d.ts

@@ -1,38 +1,38 @@
-export { default as BButton } from './BButton.vue';
-export { default as BCarousel } from './BCarousel/BCarousel.vue';
-export { default as BCarouselItem } from './BCarousel/BCarouselItem.vue';
-export { default as BCheckbox } from './BCheckbox.vue';
-export { default as BCollapse } from './BCollapse.vue';
-export { default as BDatePicker } from './BDatePicker.vue';
-export { default as BDateRangePicker } from './BDateRangePicker.vue';
-export { default as BDropdown } from './BDropdown/BDropdown.vue';
-export { default as BDropdownContent } from './BDropdown/BDropdownContent.vue';
-export { default as BDropdownItem } from './BDropdown/BDropdownItem.vue';
-export { default as BErrorMessage } from './BErrorMessage.vue';
-export { default as BLabel } from './BLabel.vue';
-export { default as BLoadingBar } from './BLoadingBar.vue';
-export { default as BLoadingOverlay } from './BLoadingOverlay.vue';
-export { default as BModal } from './BModal/BModal.vue';
-export { default as BModalBody } from './BModal/BModalBody.vue';
-export { default as BModalFooter } from './BModal/BModalFooter.vue';
-export { default as BModalHeader } from './BModal/BModalHeader.vue';
-export { default as BMultiSelect } from './BMultiSelect.vue';
-export { default as BOtpField } from './BOtpField/BOtpField.vue';
-export { default as BOverlay } from './BOverlay.vue';
-export { default as BPagination } from './BPagination.vue';
-export { default as BRadio } from './BRadio.vue';
-export { default as BSelect } from './BSelect.vue';
-export { default as BTab } from './BTabs/BTab.vue';
-export { default as BTabs } from './BTabs/BTabs.vue';
-export { default as BTextarea } from './BTextarea.vue';
-export { default as BTextField } from './BTextField.vue';
-export { default as BToast } from './BToast/BToast.vue';
-export { default as BToastItem } from './BToast/BToastItem.vue';
-export { default as BTooltip } from './BTooltip.vue';
-export { default as BTimeline } from './BTimeline/BTimeline.vue';
-export { default as BTimelineItem } from './BTimeline/BTimelineItem.vue';
-export { default as BImagePicker } from './BImagePicker/BImagePicker.vue';
-export { default as BImagePreview } from './BImagePicker/BImagePreview.vue';
-export { default as BCurrencyField } from './BCurrencyField.vue';
-export { default as BSwitch } from './BSwitch.vue';
-export { default as BStepper } from './BStepper.vue';
+export { default as BButton } from './BButton.vue';
+export { default as BCarousel } from './BCarousel/BCarousel.vue';
+export { default as BCarouselItem } from './BCarousel/BCarouselItem.vue';
+export { default as BCheckbox } from './BCheckbox.vue';
+export { default as BCollapse } from './BCollapse.vue';
+export { default as BDatePicker } from './BDatePicker.vue';
+export { default as BDateRangePicker } from './BDateRangePicker.vue';
+export { default as BDropdown } from './BDropdown/BDropdown.vue';
+export { default as BDropdownContent } from './BDropdown/BDropdownContent.vue';
+export { default as BDropdownItem } from './BDropdown/BDropdownItem.vue';
+export { default as BErrorMessage } from './BErrorMessage.vue';
+export { default as BLabel } from './BLabel.vue';
+export { default as BLoadingBar } from './BLoadingBar.vue';
+export { default as BLoadingOverlay } from './BLoadingOverlay.vue';
+export { default as BModal } from './BModal/BModal.vue';
+export { default as BModalBody } from './BModal/BModalBody.vue';
+export { default as BModalFooter } from './BModal/BModalFooter.vue';
+export { default as BModalHeader } from './BModal/BModalHeader.vue';
+export { default as BMultiSelect } from './BMultiSelect.vue';
+export { default as BOtpField } from './BOtpField/BOtpField.vue';
+export { default as BOverlay } from './BOverlay.vue';
+export { default as BPagination } from './BPagination.vue';
+export { default as BRadio } from './BRadio.vue';
+export { default as BSelect } from './BSelect.vue';
+export { default as BTab } from './BTabs/BTab.vue';
+export { default as BTabs } from './BTabs/BTabs.vue';
+export { default as BTextarea } from './BTextarea.vue';
+export { default as BTextField } from './BTextField.vue';
+export { default as BToast } from './BToast/BToast.vue';
+export { default as BToastItem } from './BToast/BToastItem.vue';
+export { default as BTooltip } from './BTooltip.vue';
+export { default as BTimeline } from './BTimeline/BTimeline.vue';
+export { default as BTimelineItem } from './BTimeline/BTimelineItem.vue';
+export { default as BImagePicker } from './BImagePicker/BImagePicker.vue';
+export { default as BImagePreview } from './BImagePicker/BImagePreview.vue';
+export { default as BCurrencyField } from './BCurrencyField.vue';
+export { default as BSwitch } from './BSwitch.vue';
+export { default as BStepper } from './BStepper.vue';

package/dist/types/composables/Date.d.ts

@@ -1,7 +1,7 @@
-export declare function useDate(): {
-    formatTime: (date: Date) => string | Date;
-    formatDate: (date: Date) => string | Date;
-    formatDateHuge: (date: Date) => string | Date;
-    formatMonthYear: (date: Date, type?: 'full' | 'short' | 'number') => string | Date;
-    dayShortNames: import("vue").ComputedRef<Record<number, string>>;
-};
+export declare function useDate(): {
+    formatTime: (date: Date) => string | Date;
+    formatDate: (date: Date) => string | Date;
+    formatDateHuge: (date: Date) => string | Date;
+    formatMonthYear: (date: Date, type?: 'full' | 'short' | 'number') => string | Date;
+    dayShortNames: import("vue").ComputedRef<Record<number, string>>;
+};

package/dist/types/composables/Validation.d.ts

@@ -1,41 +1,41 @@
-import { type Ref } from 'vue';
-/**
- * Types
- */
-export declare type ValidationRuleFunction = (val: any) => boolean;
-export declare type ValidationErrorMessageFunction = () => string;
-export interface ValidationRule {
-    validateRule: ValidationRuleFunction;
-    errorMessage: ValidationErrorMessageFunction;
-}
-export interface ValidationResult {
-    validate: () => void;
-    fieldValue: Ref<any>;
-    valid: boolean;
-    errorMessage: ValidationErrorMessageFunction;
-}
-/**
- * ValidationForm
- * @returns
- */
-export declare function useValidationForm(): {
-    validationForm: Record<string, Ref<ValidationResult>>;
-    validateAll: () => boolean;
-    resetAll: () => void;
-};
-/**
- * Validation Field
- * @param key
- * @param fieldValue
- * @param validationRules
- * @returns
- */
-export declare function useValidationField(key: string, fieldValue: Ref<any>, validationRules: ValidationRule[] | undefined): {
-    validate: () => void;
-    validationResult: Ref<{
-        validate: () => void;
-        fieldValue: any;
-        valid: boolean;
-        errorMessage: ValidationErrorMessageFunction;
-    }>;
-};
+import { type Ref } from 'vue';
+/**
+ * Types
+ */
+export declare type ValidationRuleFunction = (val: any) => boolean;
+export declare type ValidationErrorMessageFunction = () => string;
+export interface ValidationRule {
+    validateRule: ValidationRuleFunction;
+    errorMessage: ValidationErrorMessageFunction;
+}
+export interface ValidationResult {
+    validate: () => void;
+    fieldValue: Ref<any>;
+    valid: boolean;
+    errorMessage: ValidationErrorMessageFunction;
+}
+/**
+ * ValidationForm
+ * @returns
+ */
+export declare function useValidationForm(): {
+    validationForm: Record<string, Ref<ValidationResult>>;
+    validateAll: () => boolean;
+    resetAll: () => void;
+};
+/**
+ * Validation Field
+ * @param key
+ * @param fieldValue
+ * @param validationRules
+ * @returns
+ */
+export declare function useValidationField(key: string, fieldValue: Ref<any>, validationRules: ValidationRule[] | undefined): {
+    validate: () => void;
+    validationResult: Ref<{
+        validate: () => void;
+        fieldValue: any;
+        valid: boolean;
+        errorMessage: ValidationErrorMessageFunction;
+    }>;
+};

package/dist/types/constants/Common.d.ts

@@ -1,9 +1,9 @@
-import type { InjectionKey, Ref } from 'vue';
-import type { ValidationResult } from '@/composables/Validation';
-export declare const DateDelimiter = "/";
-export declare const RequiredSymbol = "*";
-export declare const PIKey: {
-    FormValidation: InjectionKey<Record<string, Ref<ValidationResult>>>;
-    CloseDropdown: InjectionKey<() => void>;
-};
-export declare const FileImageTypes: string[];
+import type { InjectionKey, Ref } from 'vue';
+import type { ValidationResult } from '@/composables/Validation';
+export declare const DateDelimiter = "/";
+export declare const RequiredSymbol = "*";
+export declare const PIKey: {
+    FormValidation: InjectionKey<Record<string, Ref<ValidationResult>>>;
+    CloseDropdown: InjectionKey<() => void>;
+};
+export declare const FileImageTypes: string[];

package/dist/types/constants/Enums.d.ts

@@ -1,110 +1,110 @@
-/**
- * BButton
- */
-export declare enum BButtonType {
-    Primary = "primary",
-    Secondary = "secondary",
-    Additional = "additional",
-    Clear = "clear",
-    Icon = "icon"
-}
-export declare enum BButtonSize {
-    Small = "sm",
-    Medium = "md"
-}
-/**
- * BToast
- */
-export declare enum BToastItemType {
-    Success = "success",
-    Error = "error",
-    Default = "default"
-}
-/**
- * BSelect
- */
-export declare enum BSelectSize {
-    ExtraSmall = "xs",
-    Small = "sm",
-    Medium = "md",
-    Large = "lg"
-}
-/**
- * BModal
- */
-export declare enum BModalSize {
-    Small = "sm",
-    Medium = "md",
-    Large = "lg"
-}
-/**
- * BCheckbox
- */
-export declare enum BCheckboxSize {
-    Small = "sm",
-    Medium = "md"
-}
-/**
- * BRadio
- */
-export declare enum BRadioSize {
-    Small = "sm",
-    Medium = "md"
-}
-/**
- * BTooltip
- */
-export declare enum BTooltipPosition {
-    Top = "top",
-    Bottom = "bottom"
-}
-export declare enum BTooltipOpenEvent {
-    Click = "click",
-    Focus = "focus",
-    Hover = "hover"
-}
-/**
- * BTextEditor
- */
-export declare enum BTextEditorExtension {
-    Bold = "bold",
-    Italic = "italic",
-    Strike = "strike",
-    Highlight = "highlight",
-    Youtube = "youtube",
-    Image = "image",
-    Audio = "audio",
-    FileDownload = "fileDownload",
-    QuestionBlank = "questionBlank",
-    Blockquote = "blockquote",
-    Color = "color",
-    BulletList = "bulletList",
-    CharacterCount = "characterCount"
-}
-/**
- * BLoadingOverlay
- */
-export declare enum BLoadingOverlaySpinnerSize {
-    Small = "sm",
-    Medium = "md",
-    Large = "lg"
-}
-/**
- * BPagination
- */
-export declare enum BPaginationSize {
-    Small = "sm",
-    Medium = "md"
-}
-/**
- * BDatePicker
- */
-export declare enum BDatePickerView {
-    Days = "days",
-    Months = "months",
-    Years = "years"
-}
-export declare enum SupportedLocale {
-    'vi-VN' = "vi-VN",
-    'en-US' = "en-US"
-}
+/**
+ * BButton
+ */
+export declare enum BButtonType {
+    Primary = "primary",
+    Secondary = "secondary",
+    Additional = "additional",
+    Clear = "clear",
+    Icon = "icon"
+}
+export declare enum BButtonSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BToast
+ */
+export declare enum BToastItemType {
+    Success = "success",
+    Error = "error",
+    Default = "default"
+}
+/**
+ * BSelect
+ */
+export declare enum BSelectSize {
+    ExtraSmall = "xs",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BModal
+ */
+export declare enum BModalSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BCheckbox
+ */
+export declare enum BCheckboxSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BRadio
+ */
+export declare enum BRadioSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BTooltip
+ */
+export declare enum BTooltipPosition {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum BTooltipOpenEvent {
+    Click = "click",
+    Focus = "focus",
+    Hover = "hover"
+}
+/**
+ * BTextEditor
+ */
+export declare enum BTextEditorExtension {
+    Bold = "bold",
+    Italic = "italic",
+    Strike = "strike",
+    Highlight = "highlight",
+    Youtube = "youtube",
+    Image = "image",
+    Audio = "audio",
+    FileDownload = "fileDownload",
+    QuestionBlank = "questionBlank",
+    Blockquote = "blockquote",
+    Color = "color",
+    BulletList = "bulletList",
+    CharacterCount = "characterCount"
+}
+/**
+ * BLoadingOverlay
+ */
+export declare enum BLoadingOverlaySpinnerSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BPagination
+ */
+export declare enum BPaginationSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BDatePicker
+ */
+export declare enum BDatePickerView {
+    Days = "days",
+    Months = "months",
+    Years = "years"
+}
+export declare enum SupportedLocale {
+    'vi-VN' = "vi-VN",
+    'en-US' = "en-US"
+}

package/dist/types/helpers/ComponentHelper.d.ts

@@ -1,7 +1,7 @@
-export declare const ensureVisiblePosition: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
-export declare const ensureVisibleX: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
-export declare const ensureVisibleY: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
-export declare const resetPosition: (parentEl: HTMLElement, menuEl: HTMLElement) => void;
-export declare const scrollToTop: () => void;
-export declare const lockScrollBody: () => void;
-export declare const unlockScrollBody: () => void;
+export declare const ensureVisiblePosition: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const ensureVisibleX: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const ensureVisibleY: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const resetPosition: (parentEl: HTMLElement, menuEl: HTMLElement) => void;
+export declare const scrollToTop: () => void;
+export declare const lockScrollBody: () => void;
+export declare const unlockScrollBody: () => void;

package/dist/types/helpers/DateHelper.d.ts

@@ -1,2 +1,2 @@
-export declare const checkIfISOFormat: (str?: string | Date) => boolean;
-export declare const padStartZero: (val: number, maxLength: number) => string;
+export declare const checkIfISOFormat: (str?: string | Date) => boolean;
+export declare const padStartZero: (val: number, maxLength: number) => string;