@open-xamu-co/ui-components-vue 3.1.0-next.8 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +532 -0
  2. package/dist/components/action/Button.stories.d.ts +4 -4
  3. package/dist/components/action/Button.vue.d.ts +4 -0
  4. package/dist/components/action/ButtonToggle.stories.d.ts +2 -0
  5. package/dist/components/base/Box.vue.d.ts +6 -0
  6. package/dist/components/base/ErrorBoundary.vue.d.ts +7 -2
  7. package/dist/components/base/Img.vue.d.ts +15 -56
  8. package/dist/components/base/Input.vue.d.ts +2 -0
  9. package/dist/components/base/Wrapper.vue.d.ts +3 -2
  10. package/dist/components/box/Action.vue.d.ts +1 -1
  11. package/dist/components/box/Message.stories.d.ts +1 -1
  12. package/dist/components/dropdown/Simple.stories.d.ts +6 -4
  13. package/dist/components/form/InputCountriesAPI.vue.d.ts +2 -6
  14. package/dist/components/form/InputNValues.vue.d.ts +2 -0
  15. package/dist/components/form/Simple.stories.d.ts +5 -3
  16. package/dist/components/form/Simple.vue.d.ts +5 -4
  17. package/dist/components/form/Stages.stories.d.ts +6 -9
  18. package/dist/components/input/Color.stories.d.ts +3 -3
  19. package/dist/components/input/Color.vue.d.ts +10 -2
  20. package/dist/components/input/File.vue.d.ts +4 -0
  21. package/dist/components/input/Toggle.vue.d.ts +2 -2
  22. package/dist/components/loader/ContentFetch.vue.d.ts +6 -3
  23. package/dist/components/modal/Simple.stories.d.ts +13 -4
  24. package/dist/components/pagination/Content.vue.d.ts +16 -4
  25. package/dist/components/pagination/ContentTable.stories.d.ts +4 -3
  26. package/dist/components/pagination/ContentTable.vue.d.ts +43 -14
  27. package/dist/components/pagination/Simple.stories.d.ts +14 -1
  28. package/dist/components/select/Choice.stories.d.ts +6 -5
  29. package/dist/components/select/Filter.stories.d.ts +5 -5
  30. package/dist/components/table/Body.vue.d.ts +17 -12
  31. package/dist/components/table/HeadActions.vue.d.ts +26 -0
  32. package/dist/components/table/HeadContent.vue.d.ts +17 -0
  33. package/dist/components/table/Simple.stories.d.ts +35 -11
  34. package/dist/components/table/Simple.vue.d.ts +22 -15
  35. package/dist/composables/theme.d.ts +8 -1
  36. package/dist/composables/utils.d.ts +2 -1
  37. package/dist/index-BeKPWN3w.js +4 -0
  38. package/dist/index-DPLrKbNp.mjs +8400 -0
  39. package/dist/index.js +1 -1
  40. package/dist/index.mjs +2 -2
  41. package/dist/plugin.js +1 -1
  42. package/dist/plugin.mjs +143 -133
  43. package/dist/theme-CChhGSbE.js +1 -0
  44. package/dist/theme-DWMJmaKP.mjs +83 -0
  45. package/dist/theme.js +1 -1
  46. package/dist/theme.mjs +1 -1
  47. package/dist/types/plugin.d.ts +9 -1
  48. package/dist/types/props.d.ts +59 -16
  49. package/package.json +7 -6
  50. package/dist/components/table/Head.vue.d.ts +0 -25
  51. package/dist/index-DGrB5TJj.js +0 -4
  52. package/dist/index-DQNf7V6R.mjs +0 -6745
  53. package/dist/screens/DropdownWithToggle.stories.d.ts +0 -11
  54. package/dist/screens/DropdownWithToggle.vue.d.ts +0 -2
  55. package/dist/screens/FormWithFetch.stories.d.ts +0 -11
  56. package/dist/screens/FormWithFetch.vue.d.ts +0 -2
  57. package/dist/screens/ModalWithFormStages.stories.d.ts +0 -11
  58. package/dist/screens/ModalWithFormStages.vue.d.ts +0 -2
  59. package/dist/screens/ModalWithToggle.stories.d.ts +0 -11
  60. package/dist/screens/ModalWithToggle.vue.d.ts +0 -2
  61. package/dist/screens/PaginationContentWithTable.stories.d.ts +0 -11
  62. package/dist/screens/PaginationContentWithTable.vue.d.ts +0 -8
  63. package/dist/screens/TableWithNestedTable.stories.d.ts +0 -11
  64. package/dist/screens/TableWithNestedTable.vue.d.ts +0 -8
  65. package/dist/theme-DSVG59vT.js +0 -1
  66. package/dist/theme-DVpUQx-w.mjs +0 -78
@@ -1,34 +1,39 @@
1
1
  import type { iTableChildProps } from "../../types/props";
2
- export interface iTableBodyProps<Ti extends Record<string, any>> extends iTableChildProps<Ti> {
2
+ export interface iTableBodyProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
3
3
  }
4
- declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
5
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableBodyProps<T>> & import("vue").PublicProps;
4
+ declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
5
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableBodyProps<T, TM>> & import("vue").PublicProps;
6
6
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
7
7
  attrs: any;
8
8
  slots: {
9
9
  modifyActions?(_: {
10
10
  node: T;
11
- updateNodeAndRefresh: (node: T) => Promise<void>;
12
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
13
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
11
+ mappedNode: TM;
12
+ updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
13
+ cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
14
+ deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
14
15
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
15
16
  show: boolean;
16
17
  }): any;
17
18
  modifyDropdownActions?(_: {
18
19
  node: T;
19
- updateNodeAndRefresh: (node: T) => Promise<void>;
20
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
21
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
20
+ mappedNode: TM;
21
+ updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
22
+ cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
23
+ deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
22
24
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
23
25
  show: boolean;
24
26
  }): any;
25
27
  default?(_: {
26
28
  node: T;
27
- updateNodeAndRefresh: (node: T) => Promise<void>;
28
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
29
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
29
+ mappedNode: TM;
30
+ updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
31
+ cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
32
+ deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
30
33
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
34
+ createNodeChildrenAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
31
35
  show: boolean;
36
+ hydrateParentNode: (newNode: T | null, _newErrors?: unknown) => void;
32
37
  }): any;
33
38
  };
34
39
  emit: {};
@@ -0,0 +1,26 @@
1
+ import type { iTableChildProps } from "../../types/props";
2
+ export interface iTableHeadProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
3
+ withDefaultSlot: boolean;
4
+ }
5
+ declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
6
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableHeadProps<T, TM>> & import("vue").PublicProps;
7
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
8
+ attrs: any;
9
+ slots: {
10
+ headActions?(_: {
11
+ nodes: T[];
12
+ mappedNodes: import("../../index.js").iMappedNodes<T, TM>;
13
+ updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
14
+ cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
15
+ deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
16
+ deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
17
+ }): any;
18
+ };
19
+ emit: {};
20
+ }>) => import("vue").VNode & {
21
+ __ctx?: Awaited<typeof __VLS_setup>;
22
+ };
23
+ export default _default;
24
+ type __VLS_PrettifyLocal<T> = {
25
+ [K in keyof T]: T[K];
26
+ } & {};
@@ -0,0 +1,17 @@
1
+ import type { iTableChildProps } from "../../types/props";
2
+ export interface iTableHeadProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
3
+ withDefaultSlot: boolean;
4
+ }
5
+ declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
6
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableHeadProps<T, TM>> & import("vue").PublicProps;
7
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
8
+ attrs: any;
9
+ slots: {};
10
+ emit: {};
11
+ }>) => import("vue").VNode & {
12
+ __ctx?: Awaited<typeof __VLS_setup>;
13
+ };
14
+ export default _default;
15
+ type __VLS_PrettifyLocal<T> = {
16
+ [K in keyof T]: T[K];
17
+ } & {};
@@ -1,8 +1,8 @@
1
1
  import type { StoryObj } from "@storybook/vue3";
2
- import Simple from "./Simple.vue";
2
+ import TableSimple from "./Simple.vue";
3
3
  declare const meta: {
4
4
  title: string;
5
- component: Record<keyof typeof Simple, unknown>;
5
+ component: Record<keyof typeof TableSimple, unknown>;
6
6
  args: {
7
7
  nodes: {
8
8
  id: number;
@@ -10,26 +10,50 @@ declare const meta: {
10
10
  firstName: string;
11
11
  lastName: string;
12
12
  email: string;
13
- cellphoneNumber: string;
14
- cellphoneIndicative: string;
15
- locationCountry: string;
16
- locationState: string;
17
- locationCity: string;
18
- address: string;
19
13
  zipCode: string;
20
14
  pathPhoto: string;
21
15
  createdAt: string;
22
16
  updatedAt: string;
23
- emailVerifiedAt: string;
17
+ price: number;
18
+ iva: boolean;
19
+ reference: string;
20
+ variants: number;
21
+ visible: boolean;
24
22
  permissions: {
25
23
  endpoint: string;
26
24
  description: string;
27
25
  }[];
26
+ category: {
27
+ name: string;
28
+ description: string;
29
+ keywords: string[];
30
+ createdAt: string;
31
+ updatedAt: string;
32
+ possibleVariants: {
33
+ name: string;
34
+ type: string;
35
+ values: {
36
+ name: string;
37
+ value: string;
38
+ }[];
39
+ createdAt: string;
40
+ updatedAt: string;
41
+ id: string;
42
+ }[];
43
+ id: string;
44
+ };
28
45
  businesses: never[];
29
46
  }[];
47
+ modalProps: {
48
+ class: string;
49
+ invertTheme: true;
50
+ };
30
51
  };
31
52
  };
32
- type Story = StoryObj<typeof Simple>;
53
+ type Story = StoryObj<typeof TableSimple>;
33
54
  export declare const Sample: Story;
34
- export declare const NoContent: Story;
55
+ export declare const Empty: Story;
56
+ export declare const Opaque: Story;
57
+ export declare const Nested: Story;
58
+ export declare const NestedOpaque: Story;
35
59
  export default meta;
@@ -1,39 +1,46 @@
1
- import type { iTableProps } from "../../types/props";
2
- declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
1
+ import type { iNodeFn } from "@open-xamu-co/ui-common-types";
2
+ import type { iTableProps, iMappedNodes } from "../../types/props";
3
+ declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
4
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
4
5
  readonly "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
5
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:sort"> & Partial<{}> & iTableProps<T>> & import("vue").PublicProps;
6
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:sort"> & Partial<{}> & iTableProps<T, TM>> & import("vue").PublicProps;
6
7
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
7
8
  attrs: any;
8
9
  slots: {
9
10
  headActions?(_: {
10
11
  nodes: T[];
11
- updateNodeAndRefresh: (node: T) => Promise<void>;
12
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
13
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
12
+ mappedNodes: iMappedNodes<T, TM>;
13
+ updateNodeAndRefresh: iNodeFn<T>;
14
+ cloneNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
15
+ deleteNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
14
16
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
15
17
  }): any;
16
18
  default?(_: {
17
19
  node: T;
18
- updateNodeAndRefresh: (node: T) => Promise<void>;
19
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
20
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
20
+ mappedNode: TM;
21
+ updateNodeAndRefresh: iNodeFn<T>;
22
+ cloneNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
23
+ deleteNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
21
24
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
25
+ createNodeChildrenAndRefresh: iNodeFn<T>;
22
26
  show: boolean;
27
+ hydrateParentNode: (newNode: T | null, _newErrors?: unknown) => void;
23
28
  }): any;
24
29
  modifyActions?(_: {
25
30
  node: T;
26
- updateNodeAndRefresh: (node: T) => Promise<void>;
27
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
28
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
31
+ mappedNode: TM;
32
+ updateNodeAndRefresh: iNodeFn<T>;
33
+ cloneNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
34
+ deleteNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
29
35
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
30
36
  show: boolean;
31
37
  }): any;
32
38
  modifyDropdownActions?(_: {
33
39
  node: T;
34
- updateNodeAndRefresh: (node: T) => Promise<void>;
35
- cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
36
- deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
40
+ mappedNode: TM;
41
+ updateNodeAndRefresh: iNodeFn<T>;
42
+ cloneNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
43
+ deleteNodeAndRefresh: iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
37
44
  deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
38
45
  show: boolean;
39
46
  }): any;
@@ -15,12 +15,19 @@ export default function useTheme(props: iAllUseThemeProps, themeAsUnion?: boolea
15
15
  dangerThemeClasses: import("vue").ComputedRef<string[]>;
16
16
  shadowClasses: import("vue").ComputedRef<string[]>;
17
17
  tooltipAttributes: import("vue").ComputedRef<{
18
+ "aria-label": string | undefined;
19
+ "data-tooltip"?: undefined;
20
+ "data-tooltip-position"?: undefined;
21
+ "data-tooltip-text"?: undefined;
22
+ "data-tooltip-bg"?: undefined;
23
+ "data-tooltip-color"?: undefined;
24
+ } | {
18
25
  "aria-label": string;
19
26
  "data-tooltip": string;
20
27
  "data-tooltip-position": "left" | "right" | "bottom" | "top" | undefined;
21
28
  "data-tooltip-text": boolean;
22
29
  "data-tooltip-bg": tThemeModifier;
23
30
  "data-tooltip-color": tThemeModifier | undefined;
24
- } | null>;
31
+ }>;
25
32
  };
26
33
  export {};
@@ -1,6 +1,7 @@
1
- import type { tOrderBy } from "@open-xamu-co/ui-common-types";
1
+ import type { iNodeFnResponse, tOrderBy } from "@open-xamu-co/ui-common-types";
2
2
  import type { iVuePluginOptions } from "../plugin";
3
3
  export declare function useHelpers<T = any>(helper: (o: iVuePluginOptions & {
4
4
  countriesUrl: string;
5
5
  }) => T): T;
6
6
  export declare function useOrderBy(orderByParam: any): tOrderBy[];
7
+ export declare function useResolveNodeFn<T extends Record<string, any>>(promise: boolean | undefined | iNodeFnResponse<T> | Promise<boolean | undefined | iNodeFnResponse<T>>): Promise<iNodeFnResponse<T>>;