@dcodegroup-au/dsg-vue 0.1.11 → 0.1.13

package/dist/components/Elements/DsgBarcodeScanner.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     onScan: (result: DsgBarcodeScannerResult) => void;
 };
 export type DsgBarcodeScannerResult = {
-    type: 'scanned';
+    type: "scanned";
     value: string;
 } | {
-    type: 'manual';
+    type: "manual";
     value: string;
 } | {
-    type: 'cancelled';
+    type: "cancelled";
 };
 declare function scan(options: DsgScanOptions): void;
 declare function close(): void;

package/dist/components/Elements/DsgDropdown.vue.d.ts

@@ -632,8 +632,7 @@ declare function __VLS_template(): {
             };
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (
-            /** @type { [typeof DsgAvatar, ] } */ ...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import('./DsgAvatar.vue').DsgAvatarProps> & Readonly<{
             "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
             "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
@@ -708,8 +707,7 @@ declare function __VLS_template(): {
             };
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (
-            /** @type { [typeof DsgAvatar, ] } */ ...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<import('./DsgButton.vue').DsgButtonProps> & Readonly<{
             "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
         }>, "focusButton"> & import('vue').ShallowUnwrapRef<{
@@ -1308,8 +1306,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (
-        /** @type { [typeof DsgAvatar, ] } */ ...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import('./DsgAvatar.vue').DsgAvatarProps> & Readonly<{
         "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
         "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
@@ -1384,8 +1381,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (
-        /** @type { [typeof DsgAvatar, ] } */ ...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<import('./DsgButton.vue').DsgButtonProps> & Readonly<{
         "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
     }>, "focusButton"> & import('vue').ShallowUnwrapRef<{

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

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { DsgTableSearchFacet } from './DsgTableFilter.vue';
 /**
  * ------------------------------------------------
@@ -29,6 +30,13 @@ export interface DsgTableProps {
     css?: {
         [key: string]: string;
     };
+    /**
+     * Row class - can be a string of CSS classes or a function that returns classes based on row data
+     * Function signature: (rowData: any, rowIndex: number) => string | string[] | Record<string, boolean>
+     */
+    rowClass?: string | Function;
+    /** API mode - when false, uses local data instead of fetching from API */
+    apiMode?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -153,8 +161,8 @@ declare function __VLS_template(): {
                 readonly selectable?: boolean | undefined;
                 readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
                 readonly "onDsg-table:loaded"?: (() => any) | undefined;
-                readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-                readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+                readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+                readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                 readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
                 readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
                 readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -177,7 +185,7 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $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);
+            $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);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 filterParams?: any;
@@ -185,8 +193,8 @@ declare function __VLS_template(): {
             } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
                 "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
                 "onDsg-table:loaded"?: (() => any) | undefined;
-                "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-                "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+                "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+                "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
                 "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
                 "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
                 "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -206,8 +214,8 @@ declare function __VLS_template(): {
             } & {
                 "dsg-table:loading": (loading: boolean) => any;
                 "dsg-table:loaded": () => any;
-                "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any;
-                "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any;
+                "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any, {}>) => any;
+                "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any, {}>) => any;
                 "dsg-table:pagination-data": (paginationData: any) => any;
                 "dsg-table:rows-selected": (rows: any) => any;
                 "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
@@ -231,7 +239,7 @@ declare function __VLS_template(): {
                 errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
             filterParams?: any;
@@ -239,8 +247,8 @@ declare function __VLS_template(): {
         } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
             "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
             "onDsg-table:loaded"?: (() => any) | undefined;
-            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
             "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
             "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
             "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -410,8 +418,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
             readonly selectable?: boolean | undefined;
             readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
             readonly "onDsg-table:loaded"?: (() => any) | undefined;
-            readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-            readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+            readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+            readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
             readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
             readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
             readonly "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -434,7 +442,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $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);
+        $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);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             filterParams?: any;
@@ -442,8 +450,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
         } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
             "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
             "onDsg-table:loaded"?: (() => any) | undefined;
-            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+            "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+            "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
             "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
             "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
             "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;
@@ -463,8 +471,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
         } & {
             "dsg-table:loading": (loading: boolean) => any;
             "dsg-table:loaded": () => any;
-            "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any;
-            "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any;
+            "dsg-table:load-success": (response: import('axios').AxiosResponse<any, any, {}>) => any;
+            "dsg-table:load-error": (response: import('axios').AxiosResponse<any, any, {}>) => any;
             "dsg-table:pagination-data": (paginationData: any) => any;
             "dsg-table:rows-selected": (rows: any) => any;
             "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
@@ -488,7 +496,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
             errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
         filterParams?: any;
@@ -496,8 +504,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
     } & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
         "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
         "onDsg-table:loaded"?: (() => any) | undefined;
-        "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
-        "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
+        "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
+        "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any, {}>) => any) | undefined;
         "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
         "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
         "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;

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

@@ -63,6 +63,14 @@ export interface DsgTableComponentProp {
     multiSort?: boolean;
     tableHeight?: string | null;
     multiSortKey?: string;
+    /**
+     * Row class - can be a string of CSS classes or a function that returns classes based on row data
+     * Function signature: (rowData: any, rowIndex: number) => string | string[] | Record<string, boolean>
+     * Examples:
+     * - String: "my-class another-class"
+     * - Function: (rowData, index) => rowData.held ? 'held-row' : 'normal-row'
+     * - Function: (rowData, index) => ({ 'held-row': rowData.held, 'urgent': rowData.priority === 'high' })
+     */
     rowClass?: string | Function;
     detailRowComponent?: string | Object;
     detailRowTransition?: string;
@@ -125,8 +133,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 } & {
     "dsg-table:loading": (loading: boolean) => any;
     "dsg-table:loaded": () => any;
-    "dsg-table:load-success": (response: AxiosResponse<any, any>) => any;
-    "dsg-table:load-error": (response: AxiosResponse<any, any>) => any;
+    "dsg-table:load-success": (response: AxiosResponse<any, any, {}>) => any;
+    "dsg-table:load-error": (response: AxiosResponse<any, any, {}>) => any;
     "dsg-table:pagination-data": (paginationData: any) => any;
     "dsg-table:rows-selected": (rows: any) => any;
     "dsg-table:row-clicked": (ev: Event, rowIndex: number, rowData: Record<string, any>) => any;
@@ -135,8 +143,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
     "onDsg-table:loaded"?: (() => any) | undefined;
-    "onDsg-table:load-success"?: ((response: AxiosResponse<any, any>) => any) | undefined;
-    "onDsg-table:load-error"?: ((response: AxiosResponse<any, any>) => any) | undefined;
+    "onDsg-table:load-success"?: ((response: AxiosResponse<any, any, {}>) => any) | undefined;
+    "onDsg-table:load-error"?: ((response: AxiosResponse<any, any, {}>) => any) | undefined;
     "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
     "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
     "onDsg-table:row-clicked"?: ((ev: Event, rowIndex: number, rowData: Record<string, any>) => any) | undefined;

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

@@ -13,6 +13,7 @@ export interface DsgTableSearchProps {
     hidden?: boolean;
     extraClasses?: Record<string, string> | any;
     eventName?: string;
+    replaceState?: boolean;
 }
 declare const _default: import('vue').DefineComponent<DsgTableSearchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "dsg-table:term-changed": (term: string | null) => any;