@davincihealthcare/elty-design-system-vue 1.62.0 → 1.63.0

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

@@ -71,6 +71,7 @@ export type MobileTableFilter = {
         enabled: boolean;
         label: string;
         initialValue?: number;
+        placeholder?: string;
     };
     resetButton?: boolean;
     managed?: boolean;

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

@@ -1,25 +1,12 @@
-import { ElInputSelect } from '..';
-import { DefaultCell } from './ElTableCell.vue';
-import { default as ElDropdown } from '../ElDropdown.vue';
-import { default as ElIconButton } from '../ElIconButton.vue';
+import { ElTagColor, TableColumnFilterDateRange, TableColumnFilterFreeSearch, TableColumnFilterMultiValue, TableColumnFilterResetButton } from '..';
+import { ActionCell, DefaultCell, TagCell } from './ElTableCell.vue';
 import { default as ElButton } from '../ElButton.vue';
-import { default as ElAvatar } from '../ElAvatar.vue';
 import { ElIconProps } from '../ElIcon.vue';
-import { ElTextCellColor, ElTextCellStyle } from '../ElTextCell.vue';
-import { ElTagColor } from '../ElTag.vue';
 import { ElMobileTableProps, MobileTableRow } from './ElMobileTable.vue';
-import { DataRow, FilterType } from './commonTypes';
+import { DataRow } from './commonTypes';
 
 export type ResponsiveDataCell = ResponsiveDefaultDataCell | ResponsiveTagDataCell | ResponsiveActionDataCell;
-export type ResponsiveDefaultDataCell = {
-    type?: 'default';
-    sortableAndFilterableValue?: string;
-    mainText: string;
-    mainTextStyle?: ElTextCellStyle;
-    mainTextColor?: ElTextCellColor;
-    subText?: string;
-    avatar?: Pick<InstanceType<typeof ElAvatar>['$props'], 'picture' | 'label'>;
-    clickAction?: (payload?: PointerEvent) => void;
+export type ResponsiveDefaultDataCell = Omit<DefaultCell, 'mainIcon' | 'subIcon' | 'longText' | 'truncateSubText'> & {
     desktopBehaviour?: Pick<DefaultCell, 'mainIcon' | 'subIcon' | 'longText' | 'truncateSubText'>;
     mobileBehaviour?: {
         tertiaryText?: string;
@@ -27,21 +14,14 @@ export type ResponsiveDefaultDataCell = {
         timeText?: string;
     };
 };
-export type ResponsiveTagDataCell = {
+export type ResponsiveTagDataCell = Omit<TagCell, 'subText' | 'truncateSubText' | 'tag'> & {
     type: 'tag';
-    text: string;
+    text?: string;
     color?: ElTagColor;
-    desktopBehaviour?: {
-        subText?: string;
-        truncateSubText?: boolean;
-    };
-    sortableAndFilterableValue?: string;
+    desktopBehaviour?: Pick<TagCell, 'subText' | 'truncateSubText' | 'tag'>;
 };
-export type ResponsiveActionDataCell = {
+export type ResponsiveActionDataCell = ActionCell & {
     type: 'action';
-    buttons?: InstanceType<typeof ElButton>['$props'][];
-    iconButtons?: InstanceType<typeof ElIconButton>['$props'][];
-    dropdown?: InstanceType<typeof ElDropdown>['$props'];
     mobileBehaviour?: {
         primary: InstanceType<typeof ElButton>['$props'];
         secondary?: InstanceType<typeof ElButton>['$props'];
@@ -58,25 +38,7 @@ export type ResponsiveDataRow<T = any> = {
 };
 export type ResponsiveTableColumn = {
     title: string;
-    filter?: {
-        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
-             */
-            position?: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time' | 'tags' | 'avatar';
-        };
-    } | {
-        type: 'RESET_FILTERS_BUTTON';
-    };
+    filter?: ResponiveTableColumnFilter;
     desktopBehaviour?: {
         alignRight?: boolean;
         noSort?: boolean;
@@ -92,6 +54,14 @@ export type ResponsiveTableColumn = {
         })[];
     };
 };
+export type ResponiveTableColumnFilter = TableColumnFilterFreeSearch | TableColumnFilterDateRange | (TableColumnFilterMultiValue & {
+    mobileBehaviour?: {
+        /**
+         * Used only if filter type === 'MULTI_VALUE' and column.mobileBehaviour.position is an array
+         */
+        position?: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'time' | 'tags' | 'avatar';
+    };
+}) | TableColumnFilterResetButton;
 export interface ElResponsiveTableProps {
     columns: ResponsiveTableColumn[];
     data: ResponsiveDataRow[];

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

@@ -36,16 +36,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
         relatedObject?: any;
         cells: ({
             type?: "default" | undefined;
-            sortableAndFilterableValue?: string | undefined;
-            mainText: string;
-            mainTextStyle?: ElTextCellStyle | undefined;
-            mainTextColor?: ElTextCellColor | undefined;
-            subText?: string | undefined;
             avatar?: {
                 label?: string | undefined;
                 picture?: string | undefined;
             } | undefined;
+            mainTextColor?: ElTextCellColor | undefined;
+            mainTextStyle?: ElTextCellStyle | undefined;
             clickAction?: ((payload?: PointerEvent) => void) | undefined;
+            subText?: string | undefined;
+            sortableAndFilterableValue?: string | undefined;
+            mainText: string;
             desktopBehaviour?: {
                 mainIcon?: {
                     name: import('..').IconNames;
@@ -69,13 +69,43 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
             } | undefined;
         } | {
             type: "tag";
-            text: string;
+            sortableAndFilterableValue?: string | undefined;
+            text?: string | undefined;
             color?: import('..').ElTagColor | undefined;
             desktopBehaviour?: {
+                tag: {
+                    color?: import('..').ElTagColor | undefined;
+                    size?: import('..').ElTagSize | undefined;
+                    leadingIcon?: {
+                        name: import('..').IconNames;
+                        solid?: boolean | undefined;
+                        cursorPointer?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                    } | undefined;
+                    trailingIcon?: {
+                        name: import('..').IconNames;
+                        solid?: boolean | undefined;
+                        cursorPointer?: boolean | undefined;
+                        disabled?: boolean | undefined;
+                    } | undefined;
+                    outlined?: boolean | undefined;
+                    style?: unknown;
+                    readonly text: string;
+                    class?: unknown;
+                    key?: (string | number | symbol) | undefined;
+                    ref?: any;
+                    ref_for?: boolean | undefined;
+                    ref_key?: string | undefined;
+                    onVnodeBeforeMount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+                    onVnodeMounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+                    onVnodeBeforeUpdate?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
+                    onVnodeUpdated?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
+                    onVnodeBeforeUnmount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+                    onVnodeUnmounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+                };
                 subText?: string | undefined;
                 truncateSubText?: boolean | undefined;
             } | undefined;
-            sortableAndFilterableValue?: string | undefined;
         } | {
             type: "action";
             buttons?: {
@@ -108,6 +138,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
                 onVnodeBeforeUnmount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
                 onVnodeUnmounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
                 readonly iconRight?: boolean | undefined;
+                id?: string | undefined;
             }[] | undefined;
             iconButtons?: {
                 disabled?: boolean | undefined;
@@ -136,6 +167,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
                     cursorPointer?: boolean | undefined;
                     disabled?: boolean | undefined;
                 };
+                id?: string | undefined;
             }[] | undefined;
             dropdown?: {
                 title?: string | undefined;
@@ -247,7 +279,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
                 }[];
                 "onClick:action"?: (() => any) | undefined;
                 "onUpdate:is-open"?: ((isOpen: boolean) => any) | undefined;
+                disabled?: boolean | undefined;
             } | undefined;
+            sortableAndFilterableValue?: string | undefined;
             mobileBehaviour?: {
                 primary: {
                     disabled?: boolean | undefined;

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

@@ -3,24 +3,32 @@ import { default as ElInputSelect } from '../forms/ElInputSelect.vue';
 
 export interface TableColumn {
     title: string;
-    filter?: {
-        type: Extract<FilterType, 'FREE_SEARCH'>;
-        placeholder?: string;
-        initialValue?: string;
-    } | {
-        type: Extract<FilterType, 'DATE_RANGE'>;
-        placeholder?: string;
-        initialValue?: number;
-    } | {
-        type: Extract<FilterType, 'MULTI_VALUE'>;
-        selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];
-        initialValue?: string;
-    } | {
-        type: 'RESET_FILTERS_BUTTON';
-    };
+    filter?: TableColumnFilter;
     alignRight?: boolean;
     noSort?: boolean;
 }
+export type TableColumnFilter = TableColumnFilterFreeSearch | TableColumnFilterDateRange | TableColumnFilterMultiValue | TableColumnFilterResetButton;
+export type TableColumnFilterFreeSearch = {
+    id?: string;
+    type: Extract<FilterType, 'FREE_SEARCH'>;
+    placeholder?: string;
+    initialValue?: string;
+};
+export type TableColumnFilterDateRange = {
+    id?: string;
+    type: Extract<FilterType, 'DATE_RANGE'>;
+    placeholder?: string;
+    initialValue?: number;
+};
+export type TableColumnFilterMultiValue = {
+    id?: string;
+    type: Extract<FilterType, 'MULTI_VALUE'>;
+    selectOptions: InstanceType<typeof ElInputSelect>['$props']['options'];
+    initialValue?: string;
+};
+export type TableColumnFilterResetButton = {
+    type: 'RESET_FILTERS_BUTTON';
+};
 export interface DataControls {
     sortStatus: SortStatus;
     paginationStatus: {
@@ -49,11 +57,13 @@ export interface ServerSideTableProps {
 }
 export type FilterStatus = TextFilterStatus | DateFilterStatus;
 export type TextFilterStatus = {
+    id?: string;
     textSearch: string;
     columnTitle: string;
     type: Extract<FilterType, 'FREE_SEARCH' | 'MULTI_VALUE'>;
 };
 export type DateFilterStatus = {
+    id?: string;
     dateFrom: number;
     columnTitle: string;
     type: Extract<FilterType, 'DATE_RANGE'>;

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

@@ -33,11 +33,17 @@ export interface TagCell extends BasicDataCell {
     subText?: string;
     truncateSubText?: boolean;
 }
-export interface ActionCell extends BasicDataCell {
+export interface ActionCell<ID extends string = string> extends BasicDataCell {
     type?: 'action';
-    buttons?: InstanceType<typeof ElButton>['$props'][];
-    iconButtons?: InstanceType<typeof ElIconButton>['$props'][];
-    dropdown?: InstanceType<typeof ElDropdown>['$props'];
+    buttons?: (InstanceType<typeof ElButton>['$props'] & {
+        id?: ID;
+    })[];
+    iconButtons?: (InstanceType<typeof ElIconButton>['$props'] & {
+        id?: ID;
+    })[];
+    dropdown?: InstanceType<typeof ElDropdown>['$props'] & {
+        disabled?: boolean;
+    };
 }
 export interface InputCell extends BasicDataCell {
     type?: 'input';

package/package.json

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