@open-xamu-co/ui-components-vue 1.0.2 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 Xamu UI
 
+# [@open-xamu-co/ui-components-vue-v2.0.0](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v1.0.2...@open-xamu-co/ui-components-vue-v2.0.0) (2023-12-18)
+
+
+### Bug Fixes
+
+* broken vue lib ([b87f4b6](https://github.com/xamu-co/ui/commit/b87f4b658a627e22f504e069804ff89b0cbdb573))
+
+
+### BREAKING CHANGES
+
+* renamed vue exports
+
 # [@open-xamu-co/ui-components-vue-v1.0.2](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v1.0.1...@open-xamu-co/ui-components-vue-v1.0.2) (2023-11-19)
 
 

package/dist/components/Dropdown.vue.d.ts

@@ -1,49 +1,27 @@
-import { Component as VueComponent, DefineComponent, FunctionalComponent } from "vue";
+import { type Component as VueComponent, type DefineComponent, type FunctionalComponent } from "vue";
+import type { iUseModifiersProps, iUseThemeProps } from "../types/props";
 type tAlignFirstX = "right" | "left";
 type tAlignFirstY = "top" | "bottom";
 type tAlignX = [tAlignFirstX, "top" | "center" | "bottom"];
 type tAlignY = [tAlignFirstY, "right" | "center" | "left"];
 type tAlign = tAlignFirstX | tAlignFirstY | tAlignX | tAlignY;
+interface iDropdownProps extends iUseModifiersProps, iUseThemeProps {
+    position?: tAlign;
+    /**
+     * Component or tag to render
+     */
+    el?: VueComponent | FunctionalComponent | DefineComponent | string;
+    /**
+     * Shows/hides the dropdown
+     * @private
+     */
+    modelValue?: boolean;
+}
 declare function setModel(value?: boolean): boolean;
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
-    position: {
-        type: import("vue").PropType<tAlign>;
-    };
-    el: {
-        type: import("vue").PropType<string | VueComponent | FunctionalComponent<{}, {}, any> | DefineComponent>;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-    };
-    hidden: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:model-value")[], "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    position: {
-        type: import("vue").PropType<tAlign>;
-    };
-    el: {
-        type: import("vue").PropType<string | VueComponent | FunctionalComponent<{}, {}, any> | DefineComponent>;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-    };
-    hidden: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-}>> & {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<iDropdownProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:model-value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iDropdownProps>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
@@ -57,6 +35,15 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/Modal.vue.d.ts

@@ -1,91 +1,59 @@
-import { RendererElement } from "vue";
+import { type RendererElement } from "vue";
+import type { iUseThemeProps } from "../types/props";
 interface iButtonConfig {
     title?: string;
     visible?: boolean;
     btnClass?: string;
 }
+interface iModalProps extends iUseThemeProps {
+    /**
+     * Modal is loading
+     * Some of the modal contents could be still loading
+     */
+    loading?: boolean;
+    /**
+     * The title of the modal shown in .x-modal-header div. If empty title is not rendered
+     */
+    title?: string;
+    subtitle?: string;
+    /**
+     * :class object which is attached to the modal modal element
+     */
+    modalClass?: string | string[] | Record<string, boolean>;
+    /**
+     * Save button config
+     */
+    saveButton?: iButtonConfig;
+    /**
+     * Cancel button config
+     */
+    cancelButton?: iButtonConfig;
+    /**
+     * Are modal requirement meet?
+     * This is intended to prevent the usage of certain modals
+     *
+     * Ex: user does not have enough permissions
+     */
+    hide?: boolean;
+    hideMessage?: string;
+    hideFooter?: boolean;
+    /**
+     * disables modal
+     */
+    disabled?: boolean;
+    /**
+     * Shows/hides the modal
+     * @private
+     */
+    modelValue?: boolean;
+    target?: string | RendererElement;
+}
 declare function setModel(newValue?: boolean): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    subtitle: {
-        type: import("vue").PropType<string>;
-    };
-    modalClass: {
-        type: import("vue").PropType<string | string[] | Record<string, boolean>>;
-    };
-    saveButton: {
-        type: import("vue").PropType<iButtonConfig>;
-    };
-    cancelButton: {
-        type: import("vue").PropType<iButtonConfig>;
-    };
-    hide: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideMessage: {
-        type: import("vue").PropType<string>;
-    };
-    hideFooter: {
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-    };
-    target: {
-        type: import("vue").PropType<string | RendererElement>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "close" | "update:model-value")[], "save" | "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    subtitle: {
-        type: import("vue").PropType<string>;
-    };
-    modalClass: {
-        type: import("vue").PropType<string | string[] | Record<string, boolean>>;
-    };
-    saveButton: {
-        type: import("vue").PropType<iButtonConfig>;
-    };
-    cancelButton: {
-        type: import("vue").PropType<iButtonConfig>;
-    };
-    hide: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideMessage: {
-        type: import("vue").PropType<string>;
-    };
-    hideFooter: {
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-    };
-    target: {
-        type: import("vue").PropType<string | RendererElement>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-}>> & {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<iModalProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    "update:model-value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iModalProps>>> & {
     onSave?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
@@ -105,6 +73,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/Slider.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import type { PropType } from "vue";
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Show controls

package/dist/components/Table.vue.d.ts

@@ -57,9 +57,24 @@ export interface iTableProps<Ti> extends iUseThemeProps {
      */
     omitRefresh?: boolean;
 }
-declare const _default: <T extends Record<string, any>>(__VLS_props: iTableProps<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
-    props: iTableProps<T>;
-    expose(exposed: {}): void;
+declare const _default: <T extends Record<string, any>>(__VLS_props: {
+    refresh?: (() => unknown) | undefined;
+    classes?: tProps<string> | undefined;
+    theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    readOnly?: boolean | undefined;
+    modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    nodes: T[];
+    properties?: iSelectOption[] | undefined;
+    canSort?: boolean | undefined;
+    updateNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+    deleteNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+    cloneNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+    createNodeChildren?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+    extraCols?: boolean | undefined;
+    childrenName?: string | undefined;
+    childrenCountKey?: keyof T | undefined;
+    omitRefresh?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {
         default?(_: {
@@ -68,9 +83,26 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: iTableProps
         }): any;
     };
     emit: any;
-}, "attrs" | "slots" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
-    props: iTableProps<T>;
-    expose(exposed: {}): void;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        refresh?: (() => unknown) | undefined;
+        classes?: tProps<string> | undefined;
+        theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        readOnly?: boolean | undefined;
+        modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        nodes: T[];
+        properties?: iSelectOption[] | undefined;
+        canSort?: boolean | undefined;
+        updateNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+        deleteNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+        cloneNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+        createNodeChildren?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+        extraCols?: boolean | undefined;
+        childrenName?: string | undefined;
+        childrenCountKey?: keyof T | undefined;
+        omitRefresh?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {
@@ -83,8 +115,25 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: iTableProps
     [key: string]: any;
 }> & {
     __ctx?: {
-        props: iTableProps<T>;
-        expose(exposed: {}): void;
+        props: {
+            refresh?: (() => unknown) | undefined;
+            classes?: tProps<string> | undefined;
+            theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            readOnly?: boolean | undefined;
+            modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            nodes: T[];
+            properties?: iSelectOption[] | undefined;
+            canSort?: boolean | undefined;
+            updateNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+            deleteNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+            cloneNode?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+            createNodeChildren?: ((n: T) => boolean | Promise<boolean | undefined> | undefined) | undefined;
+            extraCols?: boolean | undefined;
+            childrenName?: string | undefined;
+            childrenCountKey?: keyof T | undefined;
+            omitRefresh?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {
             default?(_: {

package/dist/components/action/Button.vue.d.ts

@@ -1,147 +1,19 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    to: {
-        type: import("vue").PropType<string | Record<string, unknown>>;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-    target: {
-        type: import("vue").PropType<string>;
-    };
-    tel: {
-        type: import("vue").PropType<string>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    mailto: {
-        type: import("vue").PropType<string>;
-    };
-    type: {
-        type: import("vue").PropType<"button" | "submit" | "reset">;
-    };
-    tag: {
-        type: import("vue").PropType<string>;
-    };
-    toggle: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProp<"list" | "dropdown">>;
-    };
-    round: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    toggleState: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProps<string>>;
-    };
-    indicative: {
-        type: import("vue").PropType<`${string}+${number}`>;
-    };
-    whatsapp: {
-        type: import("vue").PropType<boolean>;
-    };
-    download: {
-        type: import("vue").PropType<string>;
-    };
-    hidden: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    active: {
-        type: import("vue").PropType<boolean>;
-    };
-    invalid: {
-        type: import("vue").PropType<boolean>;
-    };
-    state: {
-        type: import("vue").PropType<Record<string, boolean>>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-    tooltip: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProp>;
-    };
-    tooltipPosition: {
-        type: import("vue").PropType<"right" | "left" | "bottom" | "top">;
-    };
-    tooltipAsText: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    to: {
-        type: import("vue").PropType<string | Record<string, unknown>>;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-    target: {
-        type: import("vue").PropType<string>;
-    };
-    tel: {
-        type: import("vue").PropType<string>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    mailto: {
-        type: import("vue").PropType<string>;
-    };
-    type: {
-        type: import("vue").PropType<"button" | "submit" | "reset">;
-    };
-    tag: {
-        type: import("vue").PropType<string>;
-    };
-    toggle: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProp<"list" | "dropdown">>;
-    };
-    round: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    toggleState: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProps<string>>;
-    };
-    indicative: {
-        type: import("vue").PropType<`${string}+${number}`>;
-    };
-    whatsapp: {
-        type: import("vue").PropType<boolean>;
-    };
-    download: {
-        type: import("vue").PropType<string>;
-    };
-    hidden: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    active: {
-        type: import("vue").PropType<boolean>;
-    };
-    invalid: {
-        type: import("vue").PropType<boolean>;
-    };
-    state: {
-        type: import("vue").PropType<Record<string, boolean>>;
-    };
-    theme: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
-    };
-    tooltip: {
-        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tProp>;
-    };
-    tooltipPosition: {
-        type: import("vue").PropType<"right" | "left" | "bottom" | "top">;
-    };
-    tooltipAsText: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {}, {}>, {
+import type { iUseModifiersProps, iUseStateProps, iUseThemeProps, iActionProps, iUseThemeTooltipProps } from "../../types/props";
+interface iActionButtonProps extends iActionProps, iUseModifiersProps, iUseStateProps, iUseThemeProps, iUseThemeTooltipProps {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<iActionButtonProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iActionButtonProps>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+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;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;