@dcodegroup-au/dsg-vue 1.0.7-next → 1.0.9-next

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

@@ -14,6 +14,10 @@ export interface DsgTableProps {
     displayPaginationInfo?: boolean;
     reloadOnChangeTimer?: boolean;
     selectable?: boolean;
+    /** Width of the selection checkbox column (e.g. "4rem", "64px"). */
+    selectableColumnWidth?: string;
+    /** Width of the expandable toggle column when expandable rows are enabled (e.g. "3rem", "48px"). */
+    expandableColumnWidth?: string;
     /** Custom CSS colour for the Shift+Hover range highlight. Defaults to primary-50. */
     shiftSelectHighlight?: string;
     /** Custom CSS colour for the selected row background. Defaults to gray-50. */
@@ -29,6 +33,14 @@ export interface DsgTableProps {
     filterSearchEndpoint?: string;
     tableLayout?: "fixed" | "auto";
     autoSortFilters?: boolean;
+    /** Show the "Save as default" action on the built-in filter panel. Defaults to `false`. */
+    showSaveAsDefault?: boolean;
+    /** Label for the "Save as default" filter header action. */
+    saveAsDefaultLabel?: string;
+    /** Show the "Clear all" action on the built-in filter panel when filters are selected. Defaults to `true`. */
+    showClearAll?: boolean;
+    /** Label for the "Clear all" filter header action. */
+    clearAllLabel?: string;
     data?: {
         [key: string]: any;
     }[] | null;
@@ -195,6 +207,8 @@ declare function __VLS_template(): {
                 readonly fieldPrefix?: string | undefined;
                 readonly eventPrefix?: string | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly selectableColumnWidth?: string | undefined;
+                readonly expandableColumnWidth?: string | undefined;
                 readonly shiftSelectHighlight?: string | undefined;
                 readonly selectedRowHighlight?: string | undefined;
                 readonly replaceState?: boolean | undefined;
@@ -257,6 +271,8 @@ declare function __VLS_template(): {
                 collapseAllRows: () => void;
                 getExpandedRows: () => Set<any>;
                 isRowExpanded: (item: any) => boolean;
+                getSelection: () => any[];
+                clearSelection: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:filterParams": (value: any) => any;
                 "update:perPage": (value: any) => any;
@@ -309,7 +325,7 @@ declare function __VLS_template(): {
             "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
             "onUpdate:filterParams"?: ((value: any) => any) | undefined;
             "onUpdate:perPage"?: ((value: any) => any) | undefined;
-        }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & {
+        }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded" | "getSelection" | "clearSelection"> & {
             changePage: (page: "next" | "prev" | number) => void;
             reload: () => void;
             getData: () => any[] | null;
@@ -322,6 +338,8 @@ declare function __VLS_template(): {
             collapseAllRows: () => void;
             getExpandedRows: () => Set<any>;
             isRowExpanded: (item: any) => boolean;
+            getSelection: () => any[];
+            clearSelection: () => void;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {
                 rowData: any;
@@ -414,6 +432,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
     expandAllRows: () => void;
     collapseAllRows: () => void;
     getExpandedRows: () => Set<any>;
+    getSelection: () => any[];
+    clearSelection: () => void;
     changePage: (page: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
@@ -423,6 +443,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
     "dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
     "dsg-table:term-changed": (term: string | null) => any;
     "dsg-table:filter-updated": (params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any;
+    "dsg-table:save-as-default": (params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any;
     "dsg-table:rows-selected": (rows: any) => any;
     "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
     "dsg-table:row-hover": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
@@ -438,6 +459,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
     "onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
     "onDsg-table:term-changed"?: ((term: string | null) => any) | undefined;
     "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any) | undefined;
+    "onDsg-table:save-as-default"?: ((params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any) | undefined;
     "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
     "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
     "onDsg-table:row-hover"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -496,6 +518,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
             readonly fieldPrefix?: string | undefined;
             readonly eventPrefix?: string | undefined;
             readonly selectable?: boolean | undefined;
+            readonly selectableColumnWidth?: string | undefined;
+            readonly expandableColumnWidth?: string | undefined;
             readonly shiftSelectHighlight?: string | undefined;
             readonly selectedRowHighlight?: string | undefined;
             readonly replaceState?: boolean | undefined;
@@ -558,6 +582,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
             collapseAllRows: () => void;
             getExpandedRows: () => Set<any>;
             isRowExpanded: (item: any) => boolean;
+            getSelection: () => any[];
+            clearSelection: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "update:filterParams": (value: any) => any;
             "update:perPage": (value: any) => any;
@@ -610,7 +636,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
         "onDsg-table:row-collapsed"?: ((rowData: Record<string, any>, rowIndex: number) => any) | undefined;
         "onUpdate:filterParams"?: ((value: any) => any) | undefined;
         "onUpdate:perPage"?: ((value: any) => any) | undefined;
-    }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded"> & {
+    }>, "changePage" | "reload" | "getData" | "setData" | "setLoading" | "expandRow" | "collapseRow" | "toggleRowExpand" | "expandAllRows" | "collapseAllRows" | "getExpandedRows" | "isRowExpanded" | "getSelection" | "clearSelection"> & {
         changePage: (page: "next" | "prev" | number) => void;
         reload: () => void;
         getData: () => any[] | null;
@@ -623,6 +649,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
         collapseAllRows: () => void;
         getExpandedRows: () => Set<any>;
         isRowExpanded: (item: any) => boolean;
+        getSelection: () => any[];
+        clearSelection: () => void;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Partial<Record<string, (_: {
             rowData: any;

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

@@ -102,6 +102,10 @@ export interface DsgTableComponentProp {
     fieldPrefix?: string;
     eventPrefix?: string;
     selectable?: boolean;
+    /** Width of the selection checkbox column (e.g. "4rem", "64px"). */
+    selectableColumnWidth?: string;
+    /** Width of the expandable toggle column (e.g. "3rem", "48px"). */
+    expandableColumnWidth?: string;
     /** Custom CSS colour for the Shift+Hover range highlight background. Defaults to `var(--color-primary-50)`. */
     shiftSelectHighlight?: string;
     /** Custom CSS colour for the selected row background. Defaults to `var(--color-gray-50)`. */
@@ -156,6 +160,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     collapseAllRows: () => void;
     getExpandedRows: () => Set<any>;
     isRowExpanded: (item: any) => boolean;
+    getSelection: () => any[];
+    clearSelection: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:filterParams": (value: any) => any;
     "update:perPage": (value: any) => any;

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

@@ -19,6 +19,22 @@ export interface DsgTableFilterProps {
     replaceState?: boolean;
     replaceStrategy?: "window" | "inertia";
     autoSort?: boolean;
+    /**
+     * Show the "Save as default" header action. Defaults to `false`.
+     */
+    showSaveAsDefault?: boolean;
+    /**
+     * Label for the "Save as default" header action.
+     */
+    saveAsDefaultLabel?: string;
+    /**
+     * Show the "Clear all" header action when filters are selected. Defaults to `true`.
+     */
+    showClearAll?: boolean;
+    /**
+     * Label for the "Clear all" header action.
+     */
+    clearAllLabel?: string;
 }
 export interface DsgTableSearchRefine {
     count?: number;
@@ -582,8 +598,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DsgTableFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "dsg-table:filter-updated": (params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any;
+    "dsg-table:save-as-default": (params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<DsgTableFilterProps> & Readonly<{
     "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any) | undefined;
+    "onDsg-table:save-as-default"?: ((params: any, payload: any, activeFacet: DsgTableSearchFacet | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dsgTableFilter: HTMLDivElement;
     floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

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

@@ -15,6 +15,8 @@ export interface DsgTableRowHeaderProps {
     hasSelectAll?: boolean;
     showExpandDetail?: boolean;
     tableDataLength?: number;
+    selectableColumnWidth?: string;
+    expandableColumnWidth?: string;
 }
 type __VLS_Props = DsgTableRowHeaderProps;
 type __VLS_PublicProps = {

package/dist/dsg-vue.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./DsgTablePerPage.vue_vue_type_style_index_0_lang-DncMp8KQ.cjs"),f=require("vue"),Ha=require("./DsgLabel.vue_vue_type_style_index_0_lang-BTfTmByq.cjs"),It=f.defineComponent({__name:"DsgMiscIcon",props:{theme:{default:"brand"},type:{default:"light-outline"},size:{default:"lg"},icon:{}},setup(t){return(e,r)=>(f.openBlock(),f.createElementBlock("div",{class:f.normalizeClass(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./DsgTablePerPage.vue_vue_type_style_index_0_lang-DQk8doWV.cjs"),f=require("vue"),Ha=require("./DsgLabel.vue_vue_type_style_index_0_lang-BTfTmByq.cjs"),It=f.defineComponent({__name:"DsgMiscIcon",props:{theme:{default:"brand"},type:{default:"light-outline"},size:{default:"lg"},icon:{}},setup(t){return(e,r)=>(f.openBlock(),f.createElementBlock("div",{class:f.normalizeClass(`
     dsg-misc-icon
     dsg-misc-icon--${t.theme}
     dsg-misc-icon--${t.type}