@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.
- package/CHANGELOG.md +532 -0
- package/dist/components/action/Button.stories.d.ts +4 -4
- package/dist/components/action/Button.vue.d.ts +4 -0
- package/dist/components/action/ButtonToggle.stories.d.ts +2 -0
- package/dist/components/base/Box.vue.d.ts +6 -0
- package/dist/components/base/ErrorBoundary.vue.d.ts +7 -2
- package/dist/components/base/Img.vue.d.ts +15 -56
- package/dist/components/base/Input.vue.d.ts +2 -0
- package/dist/components/base/Wrapper.vue.d.ts +3 -2
- package/dist/components/box/Action.vue.d.ts +1 -1
- package/dist/components/box/Message.stories.d.ts +1 -1
- package/dist/components/dropdown/Simple.stories.d.ts +6 -4
- package/dist/components/form/InputCountriesAPI.vue.d.ts +2 -6
- package/dist/components/form/InputNValues.vue.d.ts +2 -0
- package/dist/components/form/Simple.stories.d.ts +5 -3
- package/dist/components/form/Simple.vue.d.ts +5 -4
- package/dist/components/form/Stages.stories.d.ts +6 -9
- package/dist/components/input/Color.stories.d.ts +3 -3
- package/dist/components/input/Color.vue.d.ts +10 -2
- package/dist/components/input/File.vue.d.ts +4 -0
- package/dist/components/input/Toggle.vue.d.ts +2 -2
- package/dist/components/loader/ContentFetch.vue.d.ts +6 -3
- package/dist/components/modal/Simple.stories.d.ts +13 -4
- package/dist/components/pagination/Content.vue.d.ts +16 -4
- package/dist/components/pagination/ContentTable.stories.d.ts +4 -3
- package/dist/components/pagination/ContentTable.vue.d.ts +43 -14
- package/dist/components/pagination/Simple.stories.d.ts +14 -1
- package/dist/components/select/Choice.stories.d.ts +6 -5
- package/dist/components/select/Filter.stories.d.ts +5 -5
- package/dist/components/table/Body.vue.d.ts +17 -12
- package/dist/components/table/HeadActions.vue.d.ts +26 -0
- package/dist/components/table/HeadContent.vue.d.ts +17 -0
- package/dist/components/table/Simple.stories.d.ts +35 -11
- package/dist/components/table/Simple.vue.d.ts +22 -15
- package/dist/composables/theme.d.ts +8 -1
- package/dist/composables/utils.d.ts +2 -1
- package/dist/index-BeKPWN3w.js +4 -0
- package/dist/index-DPLrKbNp.mjs +8400 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/dist/plugin.js +1 -1
- package/dist/plugin.mjs +143 -133
- package/dist/theme-CChhGSbE.js +1 -0
- package/dist/theme-DWMJmaKP.mjs +83 -0
- package/dist/theme.js +1 -1
- package/dist/theme.mjs +1 -1
- package/dist/types/plugin.d.ts +9 -1
- package/dist/types/props.d.ts +59 -16
- package/package.json +7 -6
- package/dist/components/table/Head.vue.d.ts +0 -25
- package/dist/index-DGrB5TJj.js +0 -4
- package/dist/index-DQNf7V6R.mjs +0 -6745
- package/dist/screens/DropdownWithToggle.stories.d.ts +0 -11
- package/dist/screens/DropdownWithToggle.vue.d.ts +0 -2
- package/dist/screens/FormWithFetch.stories.d.ts +0 -11
- package/dist/screens/FormWithFetch.vue.d.ts +0 -2
- package/dist/screens/ModalWithFormStages.stories.d.ts +0 -11
- package/dist/screens/ModalWithFormStages.vue.d.ts +0 -2
- package/dist/screens/ModalWithToggle.stories.d.ts +0 -11
- package/dist/screens/ModalWithToggle.vue.d.ts +0 -2
- package/dist/screens/PaginationContentWithTable.stories.d.ts +0 -11
- package/dist/screens/PaginationContentWithTable.vue.d.ts +0 -8
- package/dist/screens/TableWithNestedTable.stories.d.ts +0 -11
- package/dist/screens/TableWithNestedTable.vue.d.ts +0 -8
- package/dist/theme-DSVG59vT.js +0 -1
- package/dist/theme-DVpUQx-w.mjs +0 -78
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import DropdownWithToggle from "./DropdownWithToggle.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof DropdownWithToggle, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof DropdownWithToggle>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import FormWithFetch from "./FormWithFetch.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof FormWithFetch, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof FormWithFetch>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import ModalWithFormStages from "./ModalWithFormStages.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof ModalWithFormStages, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof ModalWithFormStages>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import ModalWithToggle from "./ModalWithToggle.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof ModalWithToggle, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof ModalWithToggle>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import PaginationContentWithTable from "./PaginationContentWithTable.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof PaginationContentWithTable, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof PaginationContentWithTable>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface iSector {
|
|
2
|
-
id: number;
|
|
3
|
-
categories: Record<string, any>[];
|
|
4
|
-
name: string;
|
|
5
|
-
description: string;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
-
export default _default;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from "@storybook/vue3";
|
|
2
|
-
import TableWithNestedTable from "./TableWithNestedTable.vue";
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: Record<keyof typeof TableWithNestedTable, unknown>;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
type Story = StoryObj<typeof TableWithNestedTable>;
|
|
10
|
-
export declare const Sample: Story;
|
|
11
|
-
export default meta;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface iSector {
|
|
2
|
-
id: number;
|
|
3
|
-
categories: Record<string, any>[];
|
|
4
|
-
name: string;
|
|
5
|
-
description: string;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
-
export default _default;
|
package/dist/theme-DSVG59vT.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("vue"),p=require("@open-xamu-co/ui-common-helpers"),u=require("@open-xamu-co/ui-common-enums");function h(e){const{countriesUrl:r="https://countries.xamu.com.co/api/v1",...s}=n.inject("xamu")||{};return e({...s,countriesUrl:r})}function g(e){function r(i){return i.map(l=>{if(typeof l!="string")return!1;const a=l.split(":",2),o=a[1]?.toLowerCase?.()==="asc"?"asc":"desc";return[a[0],o]}).filter(l=>!!l)}const s=e;return Array.isArray(s)?r(s):typeof s=="string"?r([s]):[]}function m(e){if(Array.isArray(e))return[e[0],e[1]||u.eColors.LIGHT];if(typeof e=="object"&&e!==null){const r=Object.entries(e).filter(([s,i])=>i);return m([r[0][0]])}return m([e])}function A(e,r){return h(s=>{const{getModifierClasses:i,getPropData:l}=p.useUtils(s),a=n.computed(()=>{const[t,c]=m(e.theme??u.eColors.SECONDARY),f=[t,c||u.eColors.LIGHT];return e.invertTheme||f.reverse(),f}),o=n.computed(()=>[a.value[1],a.value[0]]),d=n.computed(()=>[u.eColors.DANGER,o.value[1]===u.eColors.DARK?u.eColors.DARK:u.eColors.LIGHT]),C=n.computed(()=>{let t;if(typeof e.shadow=="boolean")t=e.shadow;else{if(!e.shadow?.length)return[];t=e.shadow.some(c=>o.value[0]===c)}return t?i([{shadow:t}],{prefix:""}):[]}),v=n.computed(()=>{if(!e.theme)return[];const t=r?o.value:[o.value[0]];return i([t.join("-")],{modifier:"tm",divider:"-"})}),y=n.computed(()=>{if(!e.theme)return[];const t=r?d.value:[d.value[0]];return i([t.join("-")],{modifier:"tm",divider:"-"})}),T=n.computed(()=>{const t=e.tooltip&&l(e.tooltip),c=o.value[1]!==u.eColors.LIGHT;return t?{"aria-label":t,"data-tooltip":t,"data-tooltip-position":e.tooltipPosition,"data-tooltip-text":e.tooltipAsText??!0,"data-tooltip-bg":o.value[0],"data-tooltip-color":c?o.value[1]:void 0}:null});return{invertedThemeValues:a,themeValues:o,dangerThemeValues:d,themeClasses:v,dangerThemeClasses:y,shadowClasses:C,tooltipAttributes:T}})}exports.useHelpers=h;exports.useOrderBy=g;exports.useTheme=A;
|
package/dist/theme-DVpUQx-w.mjs
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { inject as g, computed as a } from "vue";
|
|
2
|
-
import { useUtils as A } from "@open-xamu-co/ui-common-helpers";
|
|
3
|
-
import { eColors as i } from "@open-xamu-co/ui-common-enums";
|
|
4
|
-
function w(e) {
|
|
5
|
-
const { countriesUrl: o = "https://countries.xamu.com.co/api/v1", ...n } = g("xamu") || {};
|
|
6
|
-
return e({ ...n, countriesUrl: o });
|
|
7
|
-
}
|
|
8
|
-
function b(e) {
|
|
9
|
-
function o(s) {
|
|
10
|
-
return s.map((u) => {
|
|
11
|
-
if (typeof u != "string") return !1;
|
|
12
|
-
const l = u.split(":", 2), r = l[1]?.toLowerCase?.() === "asc" ? "asc" : "desc";
|
|
13
|
-
return [l[0], r];
|
|
14
|
-
}).filter((u) => !!u);
|
|
15
|
-
}
|
|
16
|
-
const n = e;
|
|
17
|
-
return Array.isArray(n) ? o(n) : typeof n == "string" ? o([n]) : [];
|
|
18
|
-
}
|
|
19
|
-
function d(e) {
|
|
20
|
-
if (Array.isArray(e))
|
|
21
|
-
return [e[0], e[1] || i.LIGHT];
|
|
22
|
-
if (typeof e == "object" && e !== null) {
|
|
23
|
-
const o = Object.entries(e).filter(([n, s]) => s);
|
|
24
|
-
return d([o[0][0]]);
|
|
25
|
-
}
|
|
26
|
-
return d([e]);
|
|
27
|
-
}
|
|
28
|
-
function G(e, o) {
|
|
29
|
-
return w((n) => {
|
|
30
|
-
const { getModifierClasses: s, getPropData: u } = A(n), l = a(() => {
|
|
31
|
-
const [t, c] = d(e.theme ?? i.SECONDARY), m = [t, c || i.LIGHT];
|
|
32
|
-
return e.invertTheme || m.reverse(), m;
|
|
33
|
-
}), r = a(() => [l.value[1], l.value[0]]), f = a(() => [
|
|
34
|
-
i.DANGER,
|
|
35
|
-
r.value[1] === i.DARK ? i.DARK : i.LIGHT
|
|
36
|
-
]), h = a(() => {
|
|
37
|
-
let t;
|
|
38
|
-
if (typeof e.shadow == "boolean") t = e.shadow;
|
|
39
|
-
else {
|
|
40
|
-
if (!e.shadow?.length) return [];
|
|
41
|
-
t = e.shadow.some((c) => r.value[0] === c);
|
|
42
|
-
}
|
|
43
|
-
return t ? s([{ shadow: t }], { prefix: "" }) : [];
|
|
44
|
-
}), v = a(() => {
|
|
45
|
-
if (!e.theme) return [];
|
|
46
|
-
const t = o ? r.value : [r.value[0]];
|
|
47
|
-
return s([t.join("-")], { modifier: "tm", divider: "-" });
|
|
48
|
-
}), y = a(() => {
|
|
49
|
-
if (!e.theme) return [];
|
|
50
|
-
const t = o ? f.value : [f.value[0]];
|
|
51
|
-
return s([t.join("-")], { modifier: "tm", divider: "-" });
|
|
52
|
-
}), T = a(() => {
|
|
53
|
-
const t = e.tooltip && u(e.tooltip), c = r.value[1] !== i.LIGHT;
|
|
54
|
-
return t ? {
|
|
55
|
-
"aria-label": t,
|
|
56
|
-
"data-tooltip": t,
|
|
57
|
-
"data-tooltip-position": e.tooltipPosition,
|
|
58
|
-
"data-tooltip-text": e.tooltipAsText ?? !0,
|
|
59
|
-
"data-tooltip-bg": r.value[0],
|
|
60
|
-
"data-tooltip-color": c ? r.value[1] : void 0
|
|
61
|
-
} : null;
|
|
62
|
-
});
|
|
63
|
-
return {
|
|
64
|
-
invertedThemeValues: l,
|
|
65
|
-
themeValues: r,
|
|
66
|
-
dangerThemeValues: f,
|
|
67
|
-
themeClasses: v,
|
|
68
|
-
dangerThemeClasses: y,
|
|
69
|
-
shadowClasses: h,
|
|
70
|
-
tooltipAttributes: T
|
|
71
|
-
};
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
export {
|
|
75
|
-
G as a,
|
|
76
|
-
b,
|
|
77
|
-
w as u
|
|
78
|
-
};
|