@open-xamu-co/ui-components-vue 2.0.0 → 3.0.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 Xamu UI
 
+# [@open-xamu-co/ui-components-vue-v3.0.0-next.1](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v2.0.1...@open-xamu-co/ui-components-vue-v3.0.0-next.1) (2023-12-26)
+
+
+### Bug Fixes
+
+* make prop breaking form ([acc4fa0](https://github.com/xamu-co/ui/commit/acc4fa0704e3354408762b2f127d5c7b056e048e))
+* required types as dependencies ([f360fc1](https://github.com/xamu-co/ui/commit/f360fc17446208a9a5e045dc56ff43bc207d5580))
+
+
+### Features
+
+* form option type ([0fdfb53](https://github.com/xamu-co/ui/commit/0fdfb53640f02138f9a48e36ce10552dc1d7ade5))
+* useSwal composable ([fd4616a](https://github.com/xamu-co/ui/commit/fd4616a62e61b1bf23d1f566b2269331d8bfac68))
+* vue theme composable ([463ebc1](https://github.com/xamu-co/ui/commit/463ebc19da06dfff9060421b228bcb1aca584afc))
+
+
+### BREAKING CHANGES
+
+* select option type is now simpler and form require the new form type instead
+
+# [@open-xamu-co/ui-components-vue-v2.0.1](https://github.com/xamu-co/ui/compare/@open-xamu-co/ui-components-vue-v2.0.0...@open-xamu-co/ui-components-vue-v2.0.1) (2023-12-18)
+
+
+### Bug Fixes
+
+* transpile components on nuxt module ([9b28776](https://github.com/xamu-co/ui/commit/9b2877681d17cbe7f9fe6cbd16d85a883ea0c957))
+
 # [@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)
 
 

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

@@ -1,6 +1,6 @@
-import type { iSelectOption, tProp, tProps, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
+import type { iNodeFn, iProperty, tProp, tProps, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
 import type { iUseThemeProps } from "../types/props";
-export interface iTableProps<Ti> extends iUseThemeProps {
+export interface iTableProps<Ti extends Record<string, any>> extends iUseThemeProps {
     /**
      * Table nodes
      * an array of nodes
@@ -14,7 +14,7 @@ export interface iTableProps<Ti> extends iUseThemeProps {
      *
      * @old columns
      */
-    properties?: iSelectOption[];
+    properties?: iProperty<Ti>[];
     /**
      * read only table
      * @old editable(inverse)
@@ -27,19 +27,21 @@ export interface iTableProps<Ti> extends iUseThemeProps {
     /**
      * Function used to update a node
      */
-    updateNode?: (n: Ti) => boolean | undefined | Promise<boolean | undefined>;
+    updateNode?: iNodeFn<Ti>;
     /**
      * Function used to delete a node
      */
-    deleteNode?: (n: Ti) => boolean | undefined | Promise<boolean | undefined>;
+    deleteNode?: iNodeFn<Ti>;
     /**
      * Function used to duplicate a node
      */
-    cloneNode?: (n: Ti) => boolean | undefined | Promise<boolean | undefined>;
+    cloneNode?: iNodeFn<Ti>;
     /**
      * Function used to create a node children
+     *
+     * Useful to display the add button for the slot contents
      */
-    createNodeChildren?: (n: Ti) => boolean | undefined | Promise<boolean | undefined>;
+    createNodeChildren?: iNodeFn<Ti>;
     /**
      * Content clasess
      */
@@ -63,17 +65,17 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: {
     theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
     readOnly?: boolean | undefined;
     modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    omitRefresh?: boolean | undefined;
     nodes: T[];
-    properties?: iSelectOption[] | undefined;
+    properties?: iProperty<T>[] | 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;
+    updateNode?: iNodeFn<T> | undefined;
+    deleteNode?: iNodeFn<T> | undefined;
+    cloneNode?: iNodeFn<T> | undefined;
+    createNodeChildren?: iNodeFn<T> | 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: {
@@ -90,17 +92,17 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: {
         theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
         readOnly?: boolean | undefined;
         modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        omitRefresh?: boolean | undefined;
         nodes: T[];
-        properties?: iSelectOption[] | undefined;
+        properties?: iProperty<T>[] | 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;
+        updateNode?: iNodeFn<T> | undefined;
+        deleteNode?: iNodeFn<T> | undefined;
+        cloneNode?: iNodeFn<T> | undefined;
+        createNodeChildren?: iNodeFn<T> | 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;
@@ -121,17 +123,17 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: {
             theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
             readOnly?: boolean | undefined;
             modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            omitRefresh?: boolean | undefined;
             nodes: T[];
-            properties?: iSelectOption[] | undefined;
+            properties?: iProperty<T>[] | 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;
+            updateNode?: iNodeFn<T> | undefined;
+            deleteNode?: iNodeFn<T> | undefined;
+            cloneNode?: iNodeFn<T> | undefined;
+            createNodeChildren?: iNodeFn<T> | 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;

package/dist/components/form/InputOptions.vue.d.ts

@@ -4,7 +4,7 @@ interface iFormInputOptions {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<iFormInputOptions>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iFormInputOptions>>>, {}, {}>, {
     default?(_: {
-        options: import("@open-xamu-co/ui-common-types").iSelectOption[];
+        options: import("@open-xamu-co/ui-common-types").iFormOption[];
     }): any;
 }>;
 export default _default;

package/dist/components/pagination/Content.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: <T, C extends string | number = string>(__VLS_props: {
     slots: {
         default?(_: {
             content: T[];
-            pagination: iPagination | undefined;
+            pagination: iPagination<tOrderBy> | undefined;
             currentPage: import("@open-xamu-co/ui-common-types").iPage<T, C>;
             refresh: (fallback?: import("@open-xamu-co/ui-common-types").iPage<T, C> | null | undefined) => Promise<void>;
         }): any;
@@ -57,7 +57,7 @@ declare const _default: <T, C extends string | number = string>(__VLS_props: {
     slots: {
         default?(_: {
             content: T[];
-            pagination: iPagination | undefined;
+            pagination: iPagination<tOrderBy> | undefined;
             currentPage: import("@open-xamu-co/ui-common-types").iPage<T, C>;
             refresh: (fallback?: import("@open-xamu-co/ui-common-types").iPage<T, C> | null | undefined) => Promise<void>;
         }): any;
@@ -83,7 +83,7 @@ declare const _default: <T, C extends string | number = string>(__VLS_props: {
         slots: {
             default?(_: {
                 content: T[];
-                pagination: iPagination | undefined;
+                pagination: iPagination<tOrderBy> | undefined;
                 currentPage: import("@open-xamu-co/ui-common-types").iPage<T, C>;
                 refresh: (fallback?: import("@open-xamu-co/ui-common-types").iPage<T, C> | null | undefined) => Promise<void>;
             }): any;

package/dist/components/pagination/Simple.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: <T, C extends string | number>(__VLS_props: {
     theme?: import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier> | undefined;
     withRoute?: boolean | undefined;
     hidePageLength?: boolean | undefined;
-    pagination?: iPagination | undefined;
+    pagination?: iPagination<import("@open-xamu-co/ui-common-types").tOrderBy> | undefined;
     currentPage: iPage<T, C> | null;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
@@ -30,7 +30,7 @@ declare const _default: <T, C extends string | number>(__VLS_props: {
         theme?: import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier> | undefined;
         withRoute?: boolean | undefined;
         hidePageLength?: boolean | undefined;
-        pagination?: iPagination | undefined;
+        pagination?: iPagination<import("@open-xamu-co/ui-common-types").tOrderBy> | undefined;
         currentPage: iPage<T, C> | null;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
@@ -45,7 +45,7 @@ declare const _default: <T, C extends string | number>(__VLS_props: {
             theme?: import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier> | undefined;
             withRoute?: boolean | undefined;
             hidePageLength?: boolean | undefined;
-            pagination?: iPagination | undefined;
+            pagination?: iPagination<import("@open-xamu-co/ui-common-types").tOrderBy> | undefined;
             currentPage: iPage<T, C> | null;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/components/value/Complex.vue.d.ts

@@ -1,39 +1,57 @@
 import type { RendererElement } from "vue";
-import type { iSelectOption, tProp, tProps, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
-import type { iUseThemeProps } from "../../types/props";
-interface iValueComplexProps extends iUseThemeProps {
-    /**
-     * Cell value
-     */
-    value: unknown;
-    /**
-     * Cell column property
-     */
-    property?: iSelectOption;
-    /**
-     * Cell node
-     */
-    node?: Record<string, unknown>;
-    readOnly?: boolean;
-    readFn?: () => Promise<boolean>;
-    createFn?: () => Promise<boolean>;
-    deleteFn?: () => Promise<boolean>;
-    classes?: tProps<string>;
-    /**
-     * Refresh the content
-     */
-    refresh?: () => unknown;
-    modalTarget?: string | RendererElement;
-    modalTheme?: tThemeTuple | tProp<tThemeModifier>;
-}
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<iValueComplexProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iValueComplexProps>>>, {}, {}>;
-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;
-    };
+import type { iProperty, tProp, tProps, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
+declare const _default: <P extends Record<string, any>, T>(__VLS_props: {
+    node?: P | undefined;
+    refresh?: (() => unknown) | undefined;
+    classes?: tProps<string> | undefined;
+    theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    value: T;
+    property?: iProperty<P> | undefined;
+    readOnly?: boolean | undefined;
+    modalTarget?: string | RendererElement | undefined;
+    modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    omitRefresh?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {};
+    emit: any;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        node?: P | undefined;
+        refresh?: (() => unknown) | undefined;
+        classes?: tProps<string> | undefined;
+        theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        value: T;
+        property?: iProperty<P> | undefined;
+        readOnly?: boolean | undefined;
+        modalTarget?: string | RendererElement | undefined;
+        modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        omitRefresh?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            node?: P | undefined;
+            refresh?: (() => unknown) | undefined;
+            classes?: tProps<string> | undefined;
+            theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            value: T;
+            property?: iProperty<P> | undefined;
+            readOnly?: boolean | undefined;
+            modalTarget?: string | RendererElement | undefined;
+            modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            omitRefresh?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: any;
+    } | undefined;
 };
+export default _default;

package/dist/components/value/Simple.vue.d.ts

@@ -1,28 +1,48 @@
 import { type RendererElement } from "vue";
-import type { iSelectOption, tProps, tThemeTuple, tProp, tThemeModifier } from "@open-xamu-co/ui-common-types";
-import type { iUseThemeProps } from "../../types/props";
-interface iValueSimpleProps extends iUseThemeProps {
-    /**
-     * Cell value
-     */
-    value: unknown;
-    /**
-     * Cell column property
-     */
-    property?: iSelectOption;
-    readOnly?: boolean;
-    classes?: tProps<string>;
-    modalTarget?: string | RendererElement;
-    modalTheme?: tThemeTuple | tProp<tThemeModifier>;
-}
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<iValueSimpleProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<iValueSimpleProps>>>, {}, {}>;
-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;
-    };
+import type { tProps, tThemeTuple, tProp, tThemeModifier, iProperty } from "@open-xamu-co/ui-common-types";
+declare const _default: <P extends Record<string, any>, T>(__VLS_props: {
+    classes?: tProps<string> | undefined;
+    theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    value: T;
+    property?: iProperty<P> | undefined;
+    readOnly?: boolean | undefined;
+    modalTarget?: string | RendererElement | undefined;
+    modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {};
+    emit: any;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        classes?: tProps<string> | undefined;
+        theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        value: T;
+        property?: iProperty<P> | undefined;
+        readOnly?: boolean | undefined;
+        modalTarget?: string | RendererElement | undefined;
+        modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            classes?: tProps<string> | undefined;
+            theme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+            value: T;
+            property?: iProperty<P> | undefined;
+            readOnly?: boolean | undefined;
+            modalTarget?: string | RendererElement | undefined;
+            modalTheme?: tThemeTuple | tProp<tThemeModifier> | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {};
+        emit: any;
+    } | undefined;
 };
+export default _default;

package/dist/composables/theme.d.ts

@@ -1,6 +1,5 @@
-import type { tThemeModifier } from "@open-xamu-co/ui-common-types";
+import type { tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
 import type { iUseThemeProps, iUseThemeTooltipProps } from "../types/props";
-type tThemes = [tThemeModifier, tThemeModifier];
 interface iAllUseThemeProps extends iUseThemeProps, iUseThemeTooltipProps {
     /**
      * Theme as union
@@ -14,7 +13,7 @@ interface iAllUseThemeProps extends iUseThemeProps, iUseThemeTooltipProps {
  * @composable
  */
 export default function useTheme(props: iAllUseThemeProps): {
-    themeValues: import("vue").ComputedRef<tThemes>;
+    themeValues: import("vue").ComputedRef<tThemeTuple>;
     themeClasses: import("vue").ComputedRef<string[]>;
     tooltipAttributes: import("vue").ComputedRef<{
         "arial-label": string;