@dcodegroup-au/dsg-vue 0.0.19 → 0.0.21
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/dist/{DsgDatepicker.vue_vue_type_style_index_0_lang-DDMs4q6M.cjs → DsgTablePerPage.vue_vue_type_style_index_0_lang-CnRogxoI.cjs} +1197 -1192
- package/dist/{DsgDatepicker.vue_vue_type_style_index_0_lang-CMJ0kV_S.js → DsgTablePerPage.vue_vue_type_style_index_0_lang-DvL9jhXe.js} +11920 -9574
- package/dist/components/Editor/DsgEditor.vue.d.ts +1 -0
- package/dist/components/Elements/DsgAlert.vue.d.ts +1 -0
- package/dist/components/Elements/DsgDatepicker.vue.d.ts +2 -2
- package/dist/components/Elements/DsgInputSelect.vue.d.ts +58 -0
- package/dist/components/Elements/DsgModal.vue.d.ts +3 -0
- package/dist/components/Elements/ElementComponents.d.ts +2 -1
- package/dist/components/Table/DsgTable.vue.d.ts +7 -4
- package/dist/components/Table/DsgTableComponent.vue.d.ts +3 -3
- package/dist/components/Table/DsgTableFilter.vue.d.ts +1 -0
- package/dist/dsg-vue.cjs +2 -2
- package/dist/dsg-vue.css +4 -4
- package/dist/dsg-vue.editor.cjs +75 -75
- package/dist/dsg-vue.editor.esm.js +1088 -1076
- package/dist/dsg-vue.esm.js +2907 -1592
- package/dist/dsg-vue.table.cjs +2 -7
- package/dist/dsg-vue.table.esm.js +550 -2857
- package/dist/dsg-vue.tailwind.cjs +1 -1
- package/dist/dsg-vue.tailwind.esm.js +138 -120
- package/dist/main.d.ts +1444 -344
- package/dist/table.d.ts +53 -44
- package/dist/tailwind/plugins/DsgFocusRingPlugin.d.ts +14 -1
- package/dist/tailwind.d.ts +1 -0
- package/package.json +17 -17
- package/tsconfig.json +1 -0
- package/vite.config.ts +1 -0
|
@@ -8,6 +8,7 @@ export type { DsgAlertType, DsgAlertProps, DsgAlertComponentProps } from './DsgA
|
|
|
8
8
|
export interface DsgAlertOptions {
|
|
9
9
|
hasCloseButton?: boolean;
|
|
10
10
|
timeout?: number | false;
|
|
11
|
+
maxWidthClass?: string;
|
|
11
12
|
position?: ToastPosition;
|
|
12
13
|
}
|
|
13
14
|
export type DsgAlertToastType = "info" | "error" | "warning" | "success";
|
|
@@ -32,17 +32,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
32
32
|
} & {
|
|
33
33
|
focus: (data: DsgDatepickerValue) => any;
|
|
34
34
|
open: (data: DsgDatepickerValue) => any;
|
|
35
|
+
blur: (data: DsgDatepickerValue) => any;
|
|
35
36
|
closed: (data: DsgDatepickerValue) => any;
|
|
36
37
|
cleared: (data: DsgDatepickerValue) => any;
|
|
37
|
-
blur: (data: DsgDatepickerValue) => any;
|
|
38
38
|
"recalculate-position": (data: DsgDatepickerValue) => any;
|
|
39
39
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
40
40
|
onFocus?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
41
41
|
"onUpdate:modelValue"?: ((value: DsgDatepickerValue) => any) | undefined;
|
|
42
42
|
onOpen?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
43
|
+
onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
43
44
|
onClosed?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
44
45
|
onCleared?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
45
|
-
onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
46
46
|
"onRecalculate-position"?: ((data: DsgDatepickerValue) => any) | undefined;
|
|
47
47
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
48
48
|
export default _default;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { default as VueMultiselect } from 'vue-multiselect';
|
|
2
|
+
/**
|
|
3
|
+
* ------------------------------------------------
|
|
4
|
+
* # Setup: Props/Variables/Models
|
|
5
|
+
* ------------------------------------------------
|
|
6
|
+
*/
|
|
7
|
+
export interface DsgInputSelectOption {
|
|
8
|
+
id: string;
|
|
9
|
+
label: string;
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
}
|
|
12
|
+
export interface DsgInputSelectProps {
|
|
13
|
+
options?: DsgInputSelectOption[];
|
|
14
|
+
multiple?: boolean;
|
|
15
|
+
getUrl?: string;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
showLabels?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
closeOnSelect?: boolean;
|
|
21
|
+
trackBy?: string;
|
|
22
|
+
itemLabel?: string;
|
|
23
|
+
allowEmpty?: boolean;
|
|
24
|
+
selectLabel?: string;
|
|
25
|
+
selectedLabel?: string;
|
|
26
|
+
size?: "md";
|
|
27
|
+
}
|
|
28
|
+
type __VLS_Props = DsgInputSelectProps;
|
|
29
|
+
type __VLS_PublicProps = {
|
|
30
|
+
"modelValue"?: any;
|
|
31
|
+
"single"?: any;
|
|
32
|
+
} & __VLS_Props;
|
|
33
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
|
+
"update:modelValue": (value: any) => any;
|
|
35
|
+
"update:single": (value: any) => any;
|
|
36
|
+
} & {
|
|
37
|
+
select: (value: any, id: string | number) => any;
|
|
38
|
+
"update:model-value": (value: any) => any;
|
|
39
|
+
"update:modelValue": (value: any) => any;
|
|
40
|
+
tag: (label: any, id: string | number) => any;
|
|
41
|
+
"search-change": (queryTerm: string) => any;
|
|
42
|
+
open: (id: string | number) => any;
|
|
43
|
+
close: (value: any, id: string | number) => any;
|
|
44
|
+
remove: (value: any, id: string | number) => any;
|
|
45
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
46
|
+
onSelect?: ((value: any, id: string | number) => any) | undefined;
|
|
47
|
+
"onUpdate:model-value"?: ((value: any) => any) | undefined;
|
|
48
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
49
|
+
onTag?: ((label: any, id: string | number) => any) | undefined;
|
|
50
|
+
"onUpdate:single"?: ((value: any) => any) | undefined;
|
|
51
|
+
"onSearch-change"?: ((queryTerm: string) => any) | undefined;
|
|
52
|
+
onOpen?: ((id: string | number) => any) | undefined;
|
|
53
|
+
onClose?: ((value: any, id: string | number) => any) | undefined;
|
|
54
|
+
onRemove?: ((value: any, id: string | number) => any) | undefined;
|
|
55
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
56
|
+
multiselectEl: VueMultiselect | null;
|
|
57
|
+
}, HTMLDivElement>;
|
|
58
|
+
export default _default;
|
|
@@ -12,6 +12,9 @@ export interface DsgModalProps {
|
|
|
12
12
|
description?: string;
|
|
13
13
|
miscIcon?: DsgMiscIconProps | null;
|
|
14
14
|
hasClosedButton?: boolean;
|
|
15
|
+
initialOpen?: boolean;
|
|
16
|
+
closeClickBackground?: boolean;
|
|
17
|
+
wrapperClasses?: string;
|
|
15
18
|
width?: number;
|
|
16
19
|
type?: DsgModalType;
|
|
17
20
|
footerType?: DsgModalFooterType;
|
|
@@ -6,6 +6,7 @@ import { default as PrivateCheckbox } from './DsgCheckbox.vue';
|
|
|
6
6
|
import { default as PrivateCheckboxGroup } from './DsgCheckboxGroup.vue';
|
|
7
7
|
import { default as PrivateDropdown } from './DsgDropdown.vue';
|
|
8
8
|
import { default as PrivateInput } from './DsgInput.vue';
|
|
9
|
+
import { default as PrivateInputSelect } from './DsgInputSelect.vue';
|
|
9
10
|
import { default as PrivateInputDropdown } from './DsgInputDropdown.vue';
|
|
10
11
|
import { default as PrivateDatepicker } from './DsgDatepicker.vue';
|
|
11
12
|
import { default as PrivateLabel } from './DsgLabel.vue';
|
|
@@ -14,4 +15,4 @@ import { default as PrivateModal } from './DsgModal.vue';
|
|
|
14
15
|
import { default as PrivateTag } from './DsgTag.vue';
|
|
15
16
|
import { default as PrivateToggle } from './DsgToggle.vue';
|
|
16
17
|
import { default as PrivateTooltip } from './DsgTooltip.vue';
|
|
17
|
-
export { PrivateAvatar, PrivateAlert, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputDropdown, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, };
|
|
18
|
+
export { PrivateAvatar, PrivateAlert, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, };
|
|
@@ -16,6 +16,7 @@ export interface DsgTableProps {
|
|
|
16
16
|
filters?: DsgTableSearchFacet[];
|
|
17
17
|
filterEntity?: string;
|
|
18
18
|
filterEndpoint?: string;
|
|
19
|
+
filterSearchEndpoint?: string;
|
|
19
20
|
tableLayout?: "fixed" | "auto";
|
|
20
21
|
}
|
|
21
22
|
declare function __VLS_template(): {
|
|
@@ -39,6 +40,7 @@ declare function __VLS_template(): {
|
|
|
39
40
|
'dsg-table--search-actions'?(_: {
|
|
40
41
|
data: null;
|
|
41
42
|
}): any;
|
|
43
|
+
'dsg-table--search-navigation'?(_: {}): any;
|
|
42
44
|
'dsg-table-actions'?(_: {
|
|
43
45
|
data: {
|
|
44
46
|
rowData: any;
|
|
@@ -104,12 +106,12 @@ declare function __VLS_template(): {
|
|
|
104
106
|
readonly httpMethod?: "get" | "post" | undefined;
|
|
105
107
|
readonly reactiveApiUrl?: boolean | undefined;
|
|
106
108
|
readonly apiMode?: boolean | undefined;
|
|
107
|
-
readonly data?: (Array<any> |
|
|
109
|
+
readonly data?: (Array<any> | null) | undefined;
|
|
108
110
|
readonly dataManager?: (Function | null) | undefined;
|
|
109
111
|
readonly dataPath?: string | undefined;
|
|
110
112
|
readonly tableLayout?: "fixed" | "auto" | undefined;
|
|
111
113
|
readonly paginationPath?: string | undefined;
|
|
112
|
-
readonly queryParams?: import('./DsgTableComponent.vue').
|
|
114
|
+
readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
|
|
113
115
|
readonly httpOptions?: {
|
|
114
116
|
[key: string]: any;
|
|
115
117
|
} | undefined | undefined;
|
|
@@ -296,6 +298,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
296
298
|
reloadTable: () => void;
|
|
297
299
|
updateRowTable: (rowData: any) => void;
|
|
298
300
|
termChanged: (term: string | null) => void;
|
|
301
|
+
setFilters: (filters: any) => void;
|
|
299
302
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
300
303
|
"dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
|
|
301
304
|
"dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
|
|
@@ -323,12 +326,12 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
|
|
|
323
326
|
readonly httpMethod?: "get" | "post" | undefined;
|
|
324
327
|
readonly reactiveApiUrl?: boolean | undefined;
|
|
325
328
|
readonly apiMode?: boolean | undefined;
|
|
326
|
-
readonly data?: (Array<any> |
|
|
329
|
+
readonly data?: (Array<any> | null) | undefined;
|
|
327
330
|
readonly dataManager?: (Function | null) | undefined;
|
|
328
331
|
readonly dataPath?: string | undefined;
|
|
329
332
|
readonly tableLayout?: "fixed" | "auto" | undefined;
|
|
330
333
|
readonly paginationPath?: string | undefined;
|
|
331
|
-
readonly queryParams?: import('./DsgTableComponent.vue').
|
|
334
|
+
readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
|
|
332
335
|
readonly httpOptions?: {
|
|
333
336
|
[key: string]: any;
|
|
334
337
|
} | undefined | undefined;
|
|
@@ -4,7 +4,7 @@ import { AxiosResponse } from 'axios';
|
|
|
4
4
|
* # Setup: Props/Variables
|
|
5
5
|
* ------------------------------------------------
|
|
6
6
|
*/
|
|
7
|
-
export interface
|
|
7
|
+
export interface DsgTableComponentQueryParams {
|
|
8
8
|
sort: string;
|
|
9
9
|
order: string;
|
|
10
10
|
page: string;
|
|
@@ -46,12 +46,12 @@ export interface DsgTableComponentProp {
|
|
|
46
46
|
httpMethod?: "get" | "post";
|
|
47
47
|
reactiveApiUrl?: boolean;
|
|
48
48
|
apiMode?: boolean;
|
|
49
|
-
data?: Array<any> |
|
|
49
|
+
data?: Array<any> | null;
|
|
50
50
|
dataManager?: Function | null;
|
|
51
51
|
dataPath?: string;
|
|
52
52
|
tableLayout?: "fixed" | "auto";
|
|
53
53
|
paginationPath?: string;
|
|
54
|
-
queryParams?:
|
|
54
|
+
queryParams?: DsgTableComponentQueryParams;
|
|
55
55
|
httpOptions?: {
|
|
56
56
|
[key: string]: any;
|
|
57
57
|
} | undefined;
|