@dcodegroup-au/dsg-vue 0.1.28 → 0.1.31

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 (12) hide show
  1. package/dist/components/Elements/DsgBarcodeScanner.vue.d.ts +2 -6
  2. package/dist/components/Elements/DsgDropdown.vue.d.ts +6 -12
  3. package/dist/components/Table/DsgTable.vue.d.ts +87 -10
  4. package/dist/components/Table/DsgTableComponent.vue.d.ts +24 -0
  5. package/dist/dsg-vue.cjs +12 -12
  6. package/dist/dsg-vue.css +1 -1
  7. package/dist/dsg-vue.esm.js +1904 -1839
  8. package/dist/dsg-vue.table.cjs +2 -2
  9. package/dist/dsg-vue.table.esm.js +654 -578
  10. package/dist/main.d.ts +5 -15
  11. package/dist/table.d.ts +118 -10
  12. package/package.json +12 -12
package/dist/main.d.ts CHANGED
@@ -865,9 +865,7 @@ export declare const DsgDropdown: {
865
865
  readonly "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
866
866
  readonly "onAfter-change-status"?: ((status: boolean) => any) | undefined;
867
867
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
868
- $attrs: {
869
- [x: string]: unknown;
870
- };
868
+ $attrs: import('vue').Attrs;
871
869
  $refs: {
872
870
  [x: string]: unknown;
873
871
  } & {
@@ -946,9 +944,7 @@ export declare const DsgDropdown: {
946
944
  readonly preventDefault?: boolean | undefined;
947
945
  readonly "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
948
946
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
949
- $attrs: {
950
- [x: string]: unknown;
951
- };
947
+ $attrs: import('vue').Attrs;
952
948
  $refs: {
953
949
  [x: string]: unknown;
954
950
  } & {
@@ -2231,9 +2227,7 @@ export declare const DsgBarcodeScanner: {
2231
2227
  readonly "onSecondary-button-clicked"?: (() => any) | undefined;
2232
2228
  readonly "onPrimary-button-clicked"?: (() => any) | undefined;
2233
2229
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
2234
- $attrs: {
2235
- [x: string]: unknown;
2236
- };
2230
+ $attrs: import('vue').Attrs;
2237
2231
  $refs: {
2238
2232
  [x: string]: unknown;
2239
2233
  };
@@ -3239,9 +3233,7 @@ declare const _default: {
3239
3233
  readonly "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
3240
3234
  readonly "onAfter-change-status"?: ((status: boolean) => any) | undefined;
3241
3235
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
3242
- $attrs: {
3243
- [x: string]: unknown;
3244
- };
3236
+ $attrs: import('vue').Attrs;
3245
3237
  $refs: {
3246
3238
  [x: string]: unknown;
3247
3239
  } & {
@@ -3320,9 +3312,7 @@ declare const _default: {
3320
3312
  readonly preventDefault?: boolean | undefined;
3321
3313
  readonly "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
3322
3314
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
3323
- $attrs: {
3324
- [x: string]: unknown;
3325
- };
3315
+ $attrs: import('vue').Attrs;
3326
3316
  $refs: {
3327
3317
  [x: string]: unknown;
3328
3318
  } & {
package/dist/table.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare const DsgTable: {
21
21
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
22
22
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
23
23
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
24
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
25
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
24
26
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
25
27
  }>, {
26
28
  reloadTable: () => void;
@@ -36,6 +38,13 @@ export declare const DsgTable: {
36
38
  [key: string]: any;
37
39
  };
38
40
  setLoading: (loadingState: boolean) => void;
41
+ expandRow: (item: any) => void;
42
+ collapseRow: (item: any) => void;
43
+ toggleRowExpand: (item: any, itemIndex: number) => void;
44
+ expandAllRows: () => void;
45
+ collapseAllRows: () => void;
46
+ getExpandedRows: () => Set<any>;
47
+ onChangePage: (page: any) => void;
39
48
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
40
49
  "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
41
50
  "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -48,6 +57,8 @@ export declare const DsgTable: {
48
57
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
49
58
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
50
59
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
60
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
61
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
51
62
  "dsg-table:data-loaded": (data: any) => any;
52
63
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
53
64
  dsgTableSearchHeaderEl: HTMLDivElement;
@@ -76,6 +87,8 @@ export declare const DsgTable: {
76
87
  } | undefined | undefined;
77
88
  readonly hasDetailRow?: boolean | undefined;
78
89
  readonly showExpandDetail?: boolean | undefined;
90
+ readonly expandableRows?: boolean | undefined;
91
+ readonly expandMultiple?: boolean | undefined;
79
92
  readonly initialPage?: number | undefined;
80
93
  readonly firstPage?: number | undefined;
81
94
  readonly sortOrder?: Array<any> | undefined;
@@ -109,12 +122,12 @@ export declare const DsgTable: {
109
122
  readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
110
123
  readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
111
124
  readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
125
+ readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
126
+ readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
112
127
  readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
113
128
  readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
114
129
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
115
- $attrs: {
116
- [x: string]: unknown;
117
- };
130
+ $attrs: import('vue').Attrs;
118
131
  $refs: {
119
132
  [x: string]: unknown;
120
133
  } & {
@@ -126,7 +139,7 @@ export declare const DsgTable: {
126
139
  $root: import('vue').ComponentPublicInstance | null;
127
140
  $parent: import('vue').ComponentPublicInstance | null;
128
141
  $host: Element | null;
129
- $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
142
+ $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
130
143
  $el: HTMLDivElement;
131
144
  $options: import('vue').ComponentOptionsBase<Readonly<{
132
145
  filterParams?: any;
@@ -141,6 +154,8 @@ export declare const DsgTable: {
141
154
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
142
155
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
143
156
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
157
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
158
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
144
159
  "onUpdate:filterParams"?: ((value: any) => any) | undefined;
145
160
  "onUpdate:perPage"?: ((value: any) => any) | undefined;
146
161
  }>, {
@@ -149,6 +164,13 @@ export declare const DsgTable: {
149
164
  getData: () => any[] | null;
150
165
  setData: (rows: any[] | null) => void;
151
166
  setLoading: (loadingState: boolean) => void;
167
+ expandRow: (item: any) => void;
168
+ collapseRow: (item: any) => void;
169
+ toggleRowExpand: (item: any, itemIndex: number) => void;
170
+ expandAllRows: () => void;
171
+ collapseAllRows: () => void;
172
+ getExpandedRows: () => Set<any>;
173
+ isRowExpanded: (item: any) => boolean;
152
174
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
153
175
  "update:filterParams": (value: any) => any;
154
176
  "update:perPage": (value: any) => any;
@@ -162,6 +184,8 @@ export declare const DsgTable: {
162
184
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
163
185
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
164
186
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
187
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
188
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
165
189
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
166
190
  beforeCreate?: (() => void) | (() => void)[];
167
191
  created?: (() => void) | (() => void)[];
@@ -195,14 +219,23 @@ export declare const DsgTable: {
195
219
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
196
220
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
197
221
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
222
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
223
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
198
224
  "onUpdate:filterParams"?: ((value: any) => any) | undefined;
199
225
  "onUpdate:perPage"?: ((value: any) => any) | undefined;
200
- }>, "changePage" | "reload" | "getData" | "setData" | "setLoading"> & import('vue').ShallowUnwrapRef<{
226
+ }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & import('vue').ShallowUnwrapRef<{
201
227
  changePage: (page: "next" | "prev" | number) => void;
202
228
  reload: () => void;
203
229
  getData: () => any[] | null;
204
230
  setData: (rows: any[] | null) => void;
205
231
  setLoading: (loadingState: boolean) => void;
232
+ expandRow: (item: any) => void;
233
+ collapseRow: (item: any) => void;
234
+ toggleRowExpand: (item: any, itemIndex: number) => void;
235
+ expandAllRows: () => void;
236
+ collapseAllRows: () => void;
237
+ getExpandedRows: () => Set<any>;
238
+ isRowExpanded: (item: any) => boolean;
206
239
  }> & {} & import('vue').ComponentCustomProperties & {} & {
207
240
  $slots: Partial<Record<string, (_: {
208
241
  rowData: any;
@@ -217,6 +250,7 @@ export declare const DsgTable: {
217
250
  rowData: any;
218
251
  rowIndex: number;
219
252
  options: Object;
253
+ isExpanded: boolean;
220
254
  }): any;
221
255
  'dsg-table-empty-result'?(_: {}): any;
222
256
  'dsg-table-footer'?(_: {
@@ -289,6 +323,8 @@ export declare const DsgTable: {
289
323
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
290
324
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
291
325
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
326
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
327
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
292
328
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
293
329
  }>, {
294
330
  reloadTable: () => void;
@@ -304,6 +340,13 @@ export declare const DsgTable: {
304
340
  [key: string]: any;
305
341
  };
306
342
  setLoading: (loadingState: boolean) => void;
343
+ expandRow: (item: any) => void;
344
+ collapseRow: (item: any) => void;
345
+ toggleRowExpand: (item: any, itemIndex: number) => void;
346
+ expandAllRows: () => void;
347
+ collapseAllRows: () => void;
348
+ getExpandedRows: () => Set<any>;
349
+ onChangePage: (page: any) => void;
307
350
  }, {}, {}, {}, {}>;
308
351
  __isFragment?: never;
309
352
  __isTeleport?: never;
@@ -320,6 +363,8 @@ export declare const DsgTable: {
320
363
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
321
364
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
322
365
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
366
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
367
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
323
368
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
324
369
  }>, {
325
370
  reloadTable: () => void;
@@ -335,6 +380,13 @@ export declare const DsgTable: {
335
380
  [key: string]: any;
336
381
  };
337
382
  setLoading: (loadingState: boolean) => void;
383
+ expandRow: (item: any) => void;
384
+ collapseRow: (item: any) => void;
385
+ toggleRowExpand: (item: any, itemIndex: number) => void;
386
+ expandAllRows: () => void;
387
+ collapseAllRows: () => void;
388
+ getExpandedRows: () => Set<any>;
389
+ onChangePage: (page: any) => void;
338
390
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
339
391
  "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
340
392
  "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -347,6 +399,8 @@ export declare const DsgTable: {
347
399
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
348
400
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
349
401
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
402
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
403
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
350
404
  "dsg-table:data-loaded": (data: any) => any;
351
405
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
352
406
  $slots: Partial<Record<string, (_: {
@@ -1557,6 +1611,8 @@ declare const _default: {
1557
1611
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1558
1612
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1559
1613
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1614
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1615
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1560
1616
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
1561
1617
  }>, {
1562
1618
  reloadTable: () => void;
@@ -1572,6 +1628,13 @@ declare const _default: {
1572
1628
  [key: string]: any;
1573
1629
  };
1574
1630
  setLoading: (loadingState: boolean) => void;
1631
+ expandRow: (item: any) => void;
1632
+ collapseRow: (item: any) => void;
1633
+ toggleRowExpand: (item: any, itemIndex: number) => void;
1634
+ expandAllRows: () => void;
1635
+ collapseAllRows: () => void;
1636
+ getExpandedRows: () => Set<any>;
1637
+ onChangePage: (page: any) => void;
1575
1638
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1576
1639
  "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
1577
1640
  "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -1584,6 +1647,8 @@ declare const _default: {
1584
1647
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1585
1648
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1586
1649
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1650
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
1651
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
1587
1652
  "dsg-table:data-loaded": (data: any) => any;
1588
1653
  }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
1589
1654
  dsgTableSearchHeaderEl: HTMLDivElement;
@@ -1612,6 +1677,8 @@ declare const _default: {
1612
1677
  } | undefined | undefined;
1613
1678
  readonly hasDetailRow?: boolean | undefined;
1614
1679
  readonly showExpandDetail?: boolean | undefined;
1680
+ readonly expandableRows?: boolean | undefined;
1681
+ readonly expandMultiple?: boolean | undefined;
1615
1682
  readonly initialPage?: number | undefined;
1616
1683
  readonly firstPage?: number | undefined;
1617
1684
  readonly sortOrder?: Array<any> | undefined;
@@ -1645,12 +1712,12 @@ declare const _default: {
1645
1712
  readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1646
1713
  readonly "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1647
1714
  readonly "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1715
+ readonly "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1716
+ readonly "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1648
1717
  readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
1649
1718
  readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
1650
1719
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
1651
- $attrs: {
1652
- [x: string]: unknown;
1653
- };
1720
+ $attrs: import('vue').Attrs;
1654
1721
  $refs: {
1655
1722
  [x: string]: unknown;
1656
1723
  } & {
@@ -1662,7 +1729,7 @@ declare const _default: {
1662
1729
  $root: import('vue').ComponentPublicInstance | null;
1663
1730
  $parent: import('vue').ComponentPublicInstance | null;
1664
1731
  $host: Element | null;
1665
- $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
1732
+ $emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any, {}>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "dsg-table:row-clicked", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-hover", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-dblclick", ev: Event, rowIndex: number, rowData: Record<string, any>) => void) & ((event: "dsg-table:row-expanded", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "dsg-table:row-collapsed", rowData: Record<string, any>, rowIndex: number) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
1666
1733
  $el: HTMLDivElement;
1667
1734
  $options: import('vue').ComponentOptionsBase<Readonly<{
1668
1735
  filterParams?: any;
@@ -1677,6 +1744,8 @@ declare const _default: {
1677
1744
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1678
1745
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1679
1746
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1747
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1748
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1680
1749
  "onUpdate:filterParams"?: ((value: any) => any) | undefined;
1681
1750
  "onUpdate:perPage"?: ((value: any) => any) | undefined;
1682
1751
  }>, {
@@ -1685,6 +1754,13 @@ declare const _default: {
1685
1754
  getData: () => any[] | null;
1686
1755
  setData: (rows: any[] | null) => void;
1687
1756
  setLoading: (loadingState: boolean) => void;
1757
+ expandRow: (item: any) => void;
1758
+ collapseRow: (item: any) => void;
1759
+ toggleRowExpand: (item: any, itemIndex: number) => void;
1760
+ expandAllRows: () => void;
1761
+ collapseAllRows: () => void;
1762
+ getExpandedRows: () => Set<any>;
1763
+ isRowExpanded: (item: any) => boolean;
1688
1764
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1689
1765
  "update:filterParams": (value: any) => any;
1690
1766
  "update:perPage": (value: any) => any;
@@ -1698,6 +1774,8 @@ declare const _default: {
1698
1774
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1699
1775
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1700
1776
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1777
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
1778
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
1701
1779
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
1702
1780
  beforeCreate?: (() => void) | (() => void)[];
1703
1781
  created?: (() => void) | (() => void)[];
@@ -1731,14 +1809,23 @@ declare const _default: {
1731
1809
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1732
1810
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1733
1811
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1812
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1813
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1734
1814
  "onUpdate:filterParams"?: ((value: any) => any) | undefined;
1735
1815
  "onUpdate:perPage"?: ((value: any) => any) | undefined;
1736
- }>, "changePage" | "reload" | "getData" | "setData" | "setLoading"> & import('vue').ShallowUnwrapRef<{
1816
+ }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & import('vue').ShallowUnwrapRef<{
1737
1817
  changePage: (page: "next" | "prev" | number) => void;
1738
1818
  reload: () => void;
1739
1819
  getData: () => any[] | null;
1740
1820
  setData: (rows: any[] | null) => void;
1741
1821
  setLoading: (loadingState: boolean) => void;
1822
+ expandRow: (item: any) => void;
1823
+ collapseRow: (item: any) => void;
1824
+ toggleRowExpand: (item: any, itemIndex: number) => void;
1825
+ expandAllRows: () => void;
1826
+ collapseAllRows: () => void;
1827
+ getExpandedRows: () => Set<any>;
1828
+ isRowExpanded: (item: any) => boolean;
1742
1829
  }> & {} & import('vue').ComponentCustomProperties & {} & {
1743
1830
  $slots: Partial<Record<string, (_: {
1744
1831
  rowData: any;
@@ -1753,6 +1840,7 @@ declare const _default: {
1753
1840
  rowData: any;
1754
1841
  rowIndex: number;
1755
1842
  options: Object;
1843
+ isExpanded: boolean;
1756
1844
  }): any;
1757
1845
  'dsg-table-empty-result'?(_: {}): any;
1758
1846
  'dsg-table-footer'?(_: {
@@ -1825,6 +1913,8 @@ declare const _default: {
1825
1913
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1826
1914
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1827
1915
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1916
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1917
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1828
1918
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
1829
1919
  }>, {
1830
1920
  reloadTable: () => void;
@@ -1840,6 +1930,13 @@ declare const _default: {
1840
1930
  [key: string]: any;
1841
1931
  };
1842
1932
  setLoading: (loadingState: boolean) => void;
1933
+ expandRow: (item: any) => void;
1934
+ collapseRow: (item: any) => void;
1935
+ toggleRowExpand: (item: any, itemIndex: number) => void;
1936
+ expandAllRows: () => void;
1937
+ collapseAllRows: () => void;
1938
+ getExpandedRows: () => Set<any>;
1939
+ onChangePage: (page: any) => void;
1843
1940
  }, {}, {}, {}, {}>;
1844
1941
  __isFragment?: never;
1845
1942
  __isTeleport?: never;
@@ -1856,6 +1953,8 @@ declare const _default: {
1856
1953
  "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1857
1954
  "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1858
1955
  "onDsg-table:row-dblclick"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
1956
+ "onDsg-table:row-expanded"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1957
+ "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
1859
1958
  "onDsg-table:data-loaded"?: ((data: any) => any) | undefined;
1860
1959
  }>, {
1861
1960
  reloadTable: () => void;
@@ -1871,6 +1970,13 @@ declare const _default: {
1871
1970
  [key: string]: any;
1872
1971
  };
1873
1972
  setLoading: (loadingState: boolean) => void;
1973
+ expandRow: (item: any) => void;
1974
+ collapseRow: (item: any) => void;
1975
+ toggleRowExpand: (item: any, itemIndex: number) => void;
1976
+ expandAllRows: () => void;
1977
+ collapseAllRows: () => void;
1978
+ getExpandedRows: () => Set<any>;
1979
+ onChangePage: (page: any) => void;
1874
1980
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
1875
1981
  "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
1876
1982
  "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -1883,6 +1989,8 @@ declare const _default: {
1883
1989
  "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1884
1990
  "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1885
1991
  "dsg-table:row-dblclick": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
1992
+ "dsg-table:row-expanded": (rowData: Record<string, any>, rowIndex: number) => any;
1993
+ "dsg-table:row-collapsed": (rowData: Record<string, any>, rowIndex: number) => any;
1886
1994
  "dsg-table:data-loaded": (data: any) => any;
1887
1995
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1888
1996
  $slots: Partial<Record<string, (_: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dcodegroup-au/dsg-vue",
3
3
  "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
4
- "version": "0.1.28",
4
+ "version": "0.1.31",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "preinstall": "npx only-allow pnpm",
@@ -102,11 +102,11 @@
102
102
  "vue": "^3.1.0"
103
103
  },
104
104
  "devDependencies": {
105
- "@eslint/eslintrc": "^3.3.4",
106
- "@eslint/js": "^9.39.3",
105
+ "@eslint/eslintrc": "^3.3.5",
106
+ "@eslint/js": "^9.39.4",
107
107
  "@testing-library/vue": "^8.1.0",
108
108
  "@types/eslint": "^9.6.1",
109
- "@types/node": "^22.19.13",
109
+ "@types/node": "^22.19.15",
110
110
  "@types/uuid": "^10.0.0",
111
111
  "@vitejs/plugin-vue": "^5.2.4",
112
112
  "@vue/eslint-config-typescript": "^14.7.0",
@@ -118,7 +118,7 @@
118
118
  "axios": "^1.13.6",
119
119
  "card-validator": "^10.0.4",
120
120
  "date-fns": "^4.1.0",
121
- "eslint": "^9.39.3",
121
+ "eslint": "^9.39.4",
122
122
  "eslint-config-prettier": "^10.1.8",
123
123
  "eslint-plugin-prettier": "^5.5.5",
124
124
  "eslint-plugin-storybook": "^0.12.0",
@@ -132,23 +132,23 @@
132
132
  "only-allow": "^1.2.2",
133
133
  "phone": "^3.1.71",
134
134
  "prettier": "^3.8.1",
135
- "sass": "^1.97.3",
135
+ "sass": "^1.98.0",
136
136
  "semantic-release": "^24.2.9",
137
- "storybook": "^8.6.17",
137
+ "storybook": "^8.6.18",
138
138
  "tailwindcss": "^3.4.19",
139
139
  "typescript": "^5.9.3",
140
- "typescript-eslint": "^8.56.1",
140
+ "typescript-eslint": "^8.57.2",
141
141
  "ua-parser-js": "^2.0.9",
142
142
  "uuid": "^11.1.0",
143
143
  "vditor": "^3.11.2",
144
144
  "vite": "^6.4.1",
145
145
  "vite-plugin-dts": "^4.5.4",
146
- "vite-svg-loader": "^5.1.0",
146
+ "vite-svg-loader": "^5.1.1",
147
147
  "vitest": "^3.2.4",
148
148
  "vue-barcode-reader": "^1.0.3",
149
- "vue-multiselect": "^3.4.0",
149
+ "vue-multiselect": "^3.5.0",
150
150
  "vue-tsc": "^2.2.12",
151
- "vue3-toastify": "^0.2.8"
151
+ "vue3-toastify": "^0.2.9"
152
152
  },
153
153
  "overrides": {
154
154
  "glob": "11.0.1"
@@ -158,4 +158,4 @@
158
158
  "plugin:storybook/recommended"
159
159
  ]
160
160
  }
161
- }
161
+ }