@davincihealthcare/elty-design-system-vue 1.50.1 → 1.52.0

package/dist/table/ElMobileTable.vue.d.ts

@@ -8,60 +8,69 @@ export type MobileTableFiltersStatus = {
     freeSearch?: string;
     fromDate?: number;
     multiSelect: {
-        mainText?: string[];
-        secondaryRow?: string[];
-        tertiaryRow?: string[];
-        tags?: string[];
-        time?: string[];
-        amount?: string[];
-        avatar?: string[];
+        mainText?: string;
+        secondaryRow?: string;
+        tertiaryRow?: string;
+        tags?: string;
+        time?: string;
+        amount?: string;
+        avatar?: string;
     };
 };
 export type MobileTableFilter = {
     freeSearch?: {
         placeholder?: string;
         filterOn: ('mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar')[];
+        initialValue?: string;
     };
     multiValue?: {
         mainText?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         secondaryRow?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         tertiaryRow?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         amount?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         tags?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         time?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
         avatar?: {
             enabled: boolean;
             label: string;
             selectOptions?: SelectOptions;
+            initialValue?: string;
         };
     };
     dateRange?: {
         enabled: boolean;
         label: string;
+        initialValue?: number;
     };
     resetButton?: boolean;
     managed?: boolean;
@@ -96,6 +105,7 @@ export interface ElMobileTableProps {
     color: 'primary' | 'secondary';
     filters: MobileTableFilter;
     loading?: boolean;
+    preventDefaultItemClick?: boolean;
     selection?: {
         enabled: boolean;
         selectionMode?: 'single' | 'multiple';
@@ -130,6 +140,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "destructive:click": (selectedItems: MobileTableRow[]) => void;
     "bulk:click": (selectedItems: MobileTableRow[]) => void;
+    "item:click": (item: MobileTableRow) => void;
     "selection:exit": () => void;
     "rows-selected": (selectedItems: MobileTableRow[]) => void;
     "filters-updated": (filters: MobileTableFiltersStatus) => void;
@@ -137,6 +148,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     "onRows-selected"?: ((selectedItems: MobileTableRow[]) => any) | undefined;
     "onDestructive:click"?: ((selectedItems: MobileTableRow[]) => any) | undefined;
     "onBulk:click"?: ((selectedItems: MobileTableRow[]) => any) | undefined;
+    "onItem:click"?: ((item: MobileTableRow) => any) | undefined;
     "onSelection:exit"?: (() => any) | undefined;
     "onFilters-updated"?: ((filters: MobileTableFiltersStatus) => any) | undefined;
 }, {}, {}>;

package/dist/table/ElResponsiveTable.vue.d.ts

@@ -1,3 +1,4 @@
+import { ElInputSelect } from '..';
 import { DefaultCell } from './ElTableCell.vue';
 import { default as ElDropdown } from '../ElDropdown.vue';
 import { default as ElIconButton } from '../ElIconButton.vue';
@@ -42,8 +43,8 @@ export type ResponsiveActionDataCell = {
     iconButtons?: InstanceType<typeof ElIconButton>['$props'][];
     dropdown?: InstanceType<typeof ElDropdown>['$props'];
     mobileBehaviour?: {
-        primary: number;
-        secondary?: number;
+        primary: InstanceType<typeof ElButton>['$props'];
+        secondary?: InstanceType<typeof ElButton>['$props'];
     };
 };
 export type ResponsiveDataRow<T = any> = {
@@ -58,8 +59,15 @@ export type ResponsiveDataRow<T = any> = {
 export type ResponsiveTableColumn = {
     title: string;
     filter?: {
-        type: FilterType;
-        placeholder?: string;
+        type: Extract<FilterType, 'FREE_SEARCH'>;
+        initialValue?: string;
+    } | {
+        type: Extract<FilterType, 'DATE_RANGE'>;
+        initialValue?: number;
+    } | {
+        type: Extract<FilterType, 'MULTI_VALUE'>;
+        selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];
+        initialValue?: string;
         mobileBehaviour?: {
             /**
              * Used only if filter type === 'MULTI_VALUE' and column.mobileBehaviour.position is an array
@@ -101,7 +109,7 @@ export interface ElResponsiveTableProps {
         noFooter?: boolean;
         initialRows?: number;
     };
-    mobileBehaviour?: {
+    mobileBehaviour?: Pick<ElMobileTableProps, 'preventDefaultItemClick'> & {
         selection?: Pick<NonNullable<ElMobileTableProps['selection']>, 'destructiveAction' | 'bulkActionButton' | 'selectedLabel' | 'cancelText'>;
     };
 }
@@ -116,11 +124,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "mobile:bulk:click": (rows: ResponsiveDataRow<any>[]) => void;
     "mobile:destructive:click": (rows: ResponsiveDataRow<any>[]) => void;
     "mobile:selection:exit": () => void;
+    "mobile:item:click": (row: ResponsiveDataRow<any>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ElResponsiveTableProps>>> & {
     "onRows-selected"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
     "onMobile:bulk:click"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
     "onMobile:destructive:click"?: ((rows: ResponsiveDataRow<any>[]) => any) | undefined;
     "onMobile:selection:exit"?: (() => any) | undefined;
+    "onMobile:item:click"?: ((row: ResponsiveDataRow<any>) => any) | undefined;
 }, {}, {}>, {
     mobile?(_: {}): any;
 }>;

package/dist/table/ElServerSideMobileTable.vue.d.ts

@@ -5,7 +5,7 @@ export type MobileDataControls = Pick<DataControls, 'paginationStatus'> & {
     triggeredEvent: 'paginate' | 'filter' | 'firstLoad';
     filterStatus: MobileTableFiltersStatus;
 };
-export type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color'> & {
+export type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color' | 'preventDefaultItemClick'> & {
     filters?: {
         freeSearch?: Omit<NonNullable<MobileTableFilter['freeSearch']>, 'filterOn'>;
     } & Pick<MobileTableFilter, 'dateRange' | 'multiValue' | 'resetButton'>;
@@ -23,10 +23,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "destructive:click": (rows: MobileTableRow[]) => void;
     "selection:exit": () => void;
     "rows-selected": (rows: MobileTableRow[]) => void;
+    "item:click": (row: MobileTableRow) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ElServerSideMobileTableProps>>> & {
     "onRows-selected"?: ((rows: MobileTableRow[]) => any) | undefined;
     "onDestructive:click"?: ((rows: MobileTableRow[]) => any) | undefined;
     "onBulk:click"?: ((rows: MobileTableRow[]) => any) | undefined;
+    "onItem:click"?: ((row: MobileTableRow) => any) | undefined;
     "onSelection:exit"?: (() => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/table/ElServerSideResponsiveTable.vue.d.ts

@@ -1,23 +1,10 @@
 import { MobileTableFiltersStatus } from './ElMobileTable.vue';
-import { FilterType } from './commonTypes';
-import { default as ElInputSelect } from '../forms/ElInputSelect.vue';
 import { DataControls, TableColumn } from './ElServerSideTable.vue';
 import { ElResponsiveTableProps, ResponsiveTableColumn, ResponsiveDataRow } from './ElResponsiveTable.vue';
 
 export type ResponsiveServerSideTableColumn = Pick<TableColumn, 'title'> & {
     desktopBehaviour?: Pick<TableColumn, 'alignRight' | 'noSort'>;
-    filter?: {
-        type: Exclude<FilterType, 'MULTI_VALUE'>;
-        placeholder?: string;
-    } | {
-        type: Extract<FilterType, 'MULTI_VALUE'>;
-        selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];
-        mobileBehaviour?: {
-            position?: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time' | 'tags' | 'avatar';
-        };
-    } | {
-        type: 'RESET_FILTERS_BUTTON';
-    };
+    filter?: ResponsiveTableColumn['filter'];
 } & Pick<ResponsiveTableColumn, 'mobileBehaviour'>;
 export type ResponsiveDataControls = Pick<DataControls, 'paginationStatus' | 'filterStatus' | 'triggeredEvent'> & ({
     tableType: 'desktop';
@@ -43,11 +30,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     "mobile:bulk:click": (rows: ResponsiveDataRow[]) => void;
     "mobile:destructive:click": (rows: ResponsiveDataRow[]) => void;
     "mobile:selection:exit": () => void;
+    "mobile:item:click": (row: ResponsiveDataRow) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ElServerSideResponsiveTableProps>>> & {
     "onRows-selected"?: ((rows: ResponsiveDataRow[]) => any) | undefined;
     "onMobile:bulk:click"?: ((rows: ResponsiveDataRow[]) => any) | undefined;
     "onMobile:destructive:click"?: ((rows: ResponsiveDataRow[]) => any) | undefined;
     "onMobile:selection:exit"?: (() => any) | undefined;
+    "onMobile:item:click"?: ((row: ResponsiveDataRow) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davincihealthcare/elty-design-system-vue",
-  "version": "1.50.1",
+  "version": "1.52.0",
   "license": "UNLICENSED",
   "main": "dist/index.umd.cjs",
   "types": "dist/index.d.ts",