@cnamts/synapse 1.0.23 → 1.0.24

package/dist/components/SyTextArea/SyTextArea.d.ts

@@ -1,5 +1,7 @@
 import { VTextarea } from 'vuetify/components';
-type Rule = (value: string) => boolean | string;
+import { TextareaRule as Rule } from './useDefaultValidationRules';
+import { FieldValidationProps } from '../../composables/unifyValidation/useValidation';
+import { ValidationRule as SyValidationRule } from '../../composables/validation/useValidation';
 type __VLS_Props = {
     modelValue?: string;
     trim?: boolean;
@@ -14,21 +16,39 @@ type __VLS_Props = {
     color?: string;
     label: string;
     bgColor?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+} & FieldValidationProps;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     color: string;
+    disabled: boolean;
     variant: VTextarea["variant"];
+    readonly: boolean;
     trim: boolean;
     normalize: boolean;
     modelValue: string;
     bgColor: string;
     required: boolean;
-    rules: Array<Rule>;
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
+    errorMessages: string[] | null;
+    maxErrors: number;
+    rules: Rule[] & import('vuetify').ValidationRule[];
     validateOn: "input" | "eager" | "lazy" | "blur" | "submit" | "invalid-input" | "blur lazy" | "input lazy" | "submit lazy" | "invalid-input lazy" | "blur eager" | "input eager" | "submit eager" | "invalid-input eager" | "lazy blur" | "lazy input" | "lazy submit" | "lazy invalid-input" | "eager blur" | "eager input" | "eager submit" | "eager invalid-input";
+    isValidateOnBlur: boolean;
+    useVuetifyValidation: boolean;
+    customRules: SyValidationRule[];
+    customWarningRules: SyValidationRule[];
+    customSuccessRules: SyValidationRule[];
+    warningMessages: string[] | null;
+    successMessages: string[] | null;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
     replaceTabs: number;
     maxLines: number;
     autoWrap: number;
@@ -396,16 +416,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         hint?: string | undefined;
         "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
         "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-    }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+    }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
-        isValid: import('vue').ComputedRef<boolean | null>;
-        errorMessages: import('vue').ComputedRef<string[]>;
-    }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        isValid: boolean | null;
+        errorMessages: string[];
+    } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: unknown;
         "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -857,16 +877,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         hint?: string | undefined;
         "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
         "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-    }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+    }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
         validate: (silent?: boolean) => Promise<string[]>;
-        isValid: import('vue').ComputedRef<boolean | null>;
-        errorMessages: import('vue').ComputedRef<string[]>;
-    }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        isValid: boolean | null;
+        errorMessages: string[];
+    } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: unknown;
         "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
+    }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & {
         _allExposed: {
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;

package/dist/components/SyTextArea/useDefaultValidationRules.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { ValidationRule as SyValidationRule } from '../../composables/validation/useValidation';
+export type TextareaRule = (value: string) => boolean | string;
+export declare function useDefaultValidationRules(params: {
+    required: Ref<boolean>;
+    maxLines: Ref<number | undefined>;
+    hasInteracted: Ref<boolean>;
+}): {
+    vuetifyRules: import('vue').ComputedRef<TextareaRule[]>;
+    customRules: import('vue').ComputedRef<SyValidationRule[]>;
+};

package/dist/components/Tables/SyServerTable/SyServerTable.d.ts

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { DataOptions, Items, SyServerTableProps } from '../common/types';
 type __VLS_Props = SyServerTableProps;
 type __VLS_PublicProps = {
@@ -497,7 +496,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 nextTick;
+            $nextTick: typeof import('vue').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<{
             style: import('vue').StyleValue;
@@ -624,7 +623,7 @@ declare function __VLS_template(): {
             "onUpdate:options"?: ((options: any) => any) | undefined;
             "onUpdate:page"?: ((page: number) => any) | undefined;
             "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
-        }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             items?: Items | undefined;
             itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<object | Record<string, unknown>>;
             rowProps?: import('vuetify/lib/components/VDataTable/types.mjs').RowProps<object | Record<string, unknown>> | undefined;
@@ -665,9 +664,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: unknown[]) => any;
     "update:options": (value: Partial<DataOptions>) => any;
+    "row-click": (item: Record<string, unknown>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
     "onUpdate:options"?: ((value: Partial<DataOptions>) => any) | undefined;
+    "onRow-click"?: ((item: Record<string, unknown>) => any) | undefined;
 }>, {
     caption: string;
     headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
@@ -682,8 +683,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     resizableColumns: boolean;
     filterInputConfig: Record<string, unknown>;
     saveState: boolean;
-    showFilters: boolean;
+    stickySelect: boolean;
     showSelectSingle: boolean;
+    clickableRow: boolean;
+    showFilters: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     table: ({
         $: import('vue').ComponentInternalInstance;
@@ -1173,7 +1176,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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 nextTick;
+        $nextTick: typeof import('vue').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<{
         style: import('vue').StyleValue;
@@ -1300,7 +1303,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         "onUpdate:options"?: ((options: any) => any) | undefined;
         "onUpdate:page"?: ((page: number) => any) | undefined;
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
-    }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+    }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         items?: Items | undefined;
         itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<object | Record<string, unknown>>;
         rowProps?: import('vuetify/lib/components/VDataTable/types.mjs').RowProps<object | Record<string, unknown>> | undefined;

package/dist/components/Tables/SyTable/SyTable.d.ts

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { DataOptions, SyTableProps } from '../common/types';
 type __VLS_Props = SyTableProps;
 type __VLS_PublicProps = {
@@ -512,7 +511,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 nextTick;
+            $nextTick: typeof import('vue').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<{
             style: import('vue').StyleValue;
@@ -646,7 +645,7 @@ declare function __VLS_template(): {
             "onUpdate:options"?: ((value: any) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
-        }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "filterMode" | "noFilter" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+        }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "filterMode" | "noFilter" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             items?: (object | Record<string, unknown>)[] | undefined;
             itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<object | Record<string, unknown>>;
             rowProps?: import('vuetify/lib/components/VDataTable/types.mjs').RowProps<object | Record<string, unknown>> | undefined;
@@ -685,9 +684,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: unknown[]) => any;
     "update:options": (value: Partial<DataOptions>) => any;
+    "row-click": (item: Record<string, unknown>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
     "onUpdate:options"?: ((value: Partial<DataOptions>) => any) | undefined;
+    "onRow-click"?: ((item: Record<string, unknown>) => any) | undefined;
 }>, {
     caption: string;
     headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
@@ -701,8 +702,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     resizableColumns: boolean;
     filterInputConfig: Record<string, unknown>;
     saveState: boolean;
-    showFilters: boolean;
+    stickySelect: boolean;
     showSelectSingle: boolean;
+    clickableRow: boolean;
+    showFilters: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     table: ({
         $: import('vue').ComponentInternalInstance;
@@ -1207,7 +1210,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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 nextTick;
+        $nextTick: typeof import('vue').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<{
         style: import('vue').StyleValue;
@@ -1341,7 +1344,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         "onUpdate:options"?: ((value: any) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
-    }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "filterMode" | "noFilter" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+    }, "style" | "tag" | "density" | "sticky" | "loadingText" | "returnObject" | "selectStrategy" | "expandIcon" | "collapseIcon" | "page" | "hover" | "striped" | "nextIcon" | "prevIcon" | "mobile" | "hideNoData" | "noDataText" | "expanded" | "itemsPerPage" | "firstIcon" | "lastIcon" | "itemsPerPageOptions" | "multiSort" | "mustSort" | "sortBy" | "groupBy" | "filterMode" | "noFilter" | "expandOnClick" | "showExpand" | "initialSortOrder" | "showSelect" | "pageBy" | "itemsPerPageText" | "pageText" | "firstPageLabel" | "prevPageLabel" | "nextPageLabel" | "lastPageLabel" | "showCurrentPage" | "disableSort" | "sortAscIcon" | "sortDescIcon" | "groupCollapseIcon" | "groupExpandIcon" | "fixedHeader" | "fixedFooter" | "hideDefaultBody" | "hideDefaultFooter" | "hideDefaultHeader"> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         items?: (object | Record<string, unknown>)[] | undefined;
         itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<object | Record<string, unknown>>;
         rowProps?: import('vuetify/lib/components/VDataTable/types.mjs').RowProps<object | Record<string, unknown>> | undefined;

package/dist/components/Tables/common/SyTableFilter.d.ts

@@ -1,15 +1,14 @@
 import { FilterOption, TableColumnHeader } from './types';
 import { filterItems } from './tableFilterUtils';
-import { DateValue } from '../../../composables/date/useDateInitializationDayjs';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'custom-filter'?(_: {
             header: TableColumnHeader;
-            value: number | Record<string, unknown> | DateValue | {
+            value: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[] | {
                 from: string | null;
                 to: string | null;
-            } | undefined;
+            } | null | undefined;
             updateFilter: (value: any) => void;
         }): any;
     };

package/dist/components/Tables/common/SyTablePagination.d.ts

@@ -39,14 +39,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             menuId: string;
             textKey: string;
             valueKey: string;
+            disableErrorHandling: boolean;
+            errorMessages: string | readonly string[];
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "start" | "end" | "top" | "bottom";
             variantStyle: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-            errorMessages: string | readonly string[];
             displayAsterisk: boolean;
             noIcon: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string | undefined;
             helpText: string;
@@ -72,11 +72,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly menuId: string;
             readonly textKey: string;
             readonly valueKey: string;
-            readonly tooltipLocation: "start" | "end" | "top" | "bottom";
+            readonly disableErrorHandling: boolean;
             readonly errorMessages: string | readonly string[];
+            readonly tooltipLocation: "start" | "end" | "top" | "bottom";
             readonly displayAsterisk: boolean;
             readonly noIcon: boolean;
-            readonly disableErrorHandling: boolean;
             readonly disableClickButton: boolean;
             readonly autocomplete: string;
             readonly helpText: string;
@@ -93,7 +93,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
             readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "label" | "width" | "color" | "disabled" | "density" | "prependIcon" | "appendIcon" | "readonly" | "outlined" | "items" | "modelValue" | "returnObject" | "bgColor" | "multiple" | "required" | "menuId" | "textKey" | "valueKey" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "errorMessages" | "displayAsterisk" | "noIcon" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "clearable" | "plainTextKey" | "hideMessages" | "chips" | "allowHtml">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "label" | "width" | "color" | "disabled" | "density" | "prependIcon" | "appendIcon" | "readonly" | "outlined" | "items" | "modelValue" | "returnObject" | "bgColor" | "multiple" | "required" | "menuId" | "textKey" | "valueKey" | "disableErrorHandling" | "errorMessages" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "clearable" | "plainTextKey" | "hideMessages" | "chips" | "allowHtml">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -505,17 +505,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     path: unknown[];
                 }) => any) | undefined;
                 "onUpdate:navigationIndex"?: ((value: number) => any) | undefined;
-            }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "density" | "rounded" | "tile" | "variant" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy" | "navigationIndex" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
+            }, "nav" | "select" | "style" | "tag" | "disabled" | "children" | "density" | "rounded" | "tile" | "variant" | "slim" | "focus" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "itemsRegistration" | "filterable" | "lines" | "navigationStrategy" | "navigationIndex" | "open" | "parents" | "getPath"> & {
                 open: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 select: (id: unknown, value: boolean, event?: Event | undefined) => void;
                 focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
-                children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
-                parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
+                children: Map<unknown, unknown[]>;
+                parents: Map<unknown, unknown>;
                 getPath: (id: unknown) => unknown[];
-                navigationIndex: import('vue').Ref<number, number> & {
-                    readonly externalValue: number | undefined;
-                };
-            }> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                navigationIndex: number;
+            } & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 items?: readonly any[] | undefined;
                 itemTitle?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
                 itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
@@ -716,14 +714,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             menuId: string;
             textKey: string;
             valueKey: string;
+            disableErrorHandling: boolean;
+            errorMessages: string | readonly string[];
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "start" | "end" | "top" | "bottom";
             variantStyle: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-            errorMessages: string | readonly string[];
             displayAsterisk: boolean;
             noIcon: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string | undefined;
             helpText: string;
@@ -771,14 +769,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         menuId: string;
         textKey: string;
         valueKey: string;
+        disableErrorHandling: boolean;
+        errorMessages: string | readonly string[];
         prependTooltip: string;
         appendTooltip: string;
         tooltipLocation: "start" | "end" | "top" | "bottom";
         variantStyle: import('../../../types/vuetifyTypes').VariantStyle | undefined;
-        errorMessages: string | readonly string[];
         displayAsterisk: boolean;
         noIcon: boolean;
-        disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string | undefined;
         helpText: string;
@@ -928,11 +926,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
         "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-    }>, "isOpen" | "validateOnSubmit" | "closeList" | ("label" | "width" | "color" | "disabled" | "density" | "prependIcon" | "appendIcon" | "readonly" | "outlined" | "items" | "modelValue" | "returnObject" | "bgColor" | "multiple" | "required" | "menuId" | "textKey" | "valueKey" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "errorMessages" | "displayAsterisk" | "noIcon" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "clearable" | "plainTextKey" | "hideMessages" | "chips" | "allowHtml")> & import('vue').ShallowUnwrapRef<{
-        isOpen: import('vue').Ref<boolean, boolean>;
+    }>, "isOpen" | "validateOnSubmit" | "closeList" | ("label" | "width" | "color" | "disabled" | "density" | "prependIcon" | "appendIcon" | "readonly" | "outlined" | "items" | "modelValue" | "returnObject" | "bgColor" | "multiple" | "required" | "menuId" | "textKey" | "valueKey" | "disableErrorHandling" | "errorMessages" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "clearable" | "plainTextKey" | "hideMessages" | "chips" | "allowHtml")> & {
+        isOpen: boolean;
         closeList: (event?: Event) => void;
         validateOnSubmit: () => boolean;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;
             append?(_: {}): any;

package/dist/components/Tables/common/filters/AutocompleteFilter.d.ts

@@ -0,0 +1,120 @@
+import { FilterOption, TableColumnHeader } from '../types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    header: {
+        type: () => TableColumnHeader;
+        required: true;
+    };
+    filters: {
+        type: () => FilterOption[];
+        default: () => never[];
+    };
+    filterValue: {
+        type: () => string | number | Record<string, unknown> | Array<string | number | Record<string, unknown>> | undefined | null;
+        default: null;
+    };
+    inputConfig: {
+        type: () => {
+            disableErrorHandling?: boolean;
+            variant?: string;
+            hideDetails?: boolean;
+            density?: "default" | "comfortable" | "compact";
+            backgroundColor?: string;
+            clearable?: boolean;
+        };
+        default: () => {};
+    };
+    disableErrorHandling: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideDetails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    density: {
+        type: () => "default" | "comfortable" | "compact";
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:filters": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    header: {
+        type: () => TableColumnHeader;
+        required: true;
+    };
+    filters: {
+        type: () => FilterOption[];
+        default: () => never[];
+    };
+    filterValue: {
+        type: () => string | number | Record<string, unknown> | Array<string | number | Record<string, unknown>> | undefined | null;
+        default: null;
+    };
+    inputConfig: {
+        type: () => {
+            disableErrorHandling?: boolean;
+            variant?: string;
+            hideDetails?: boolean;
+            density?: "default" | "comfortable" | "compact";
+            backgroundColor?: string;
+            clearable?: boolean;
+        };
+        default: () => {};
+    };
+    disableErrorHandling: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideDetails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    density: {
+        type: () => "default" | "comfortable" | "compact";
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:filters"?: ((...args: any[]) => any) | undefined;
+}>, {
+    density: "default" | "comfortable" | "compact";
+    variant: string;
+    backgroundColor: string;
+    disableErrorHandling: boolean;
+    hideDetails: boolean;
+    clearable: boolean;
+    filters: FilterOption[];
+    filterValue: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[] | null | undefined;
+    inputConfig: {
+        disableErrorHandling?: boolean;
+        variant?: string;
+        hideDetails?: boolean;
+        density?: "default" | "comfortable" | "compact";
+        backgroundColor?: string;
+        clearable?: boolean;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Tables/common/filters/locales.d.ts

@@ -1,4 +1,3 @@
 export declare const locales: {
-    defaultOption: string;
     emptyValue: string;
 };

package/dist/components/Tables/common/types.d.ts

@@ -2,8 +2,8 @@ export type SortOptions = {
     key: string;
     order: 'desc' | 'asc';
 };
-export type FilterType = 'text' | 'number' | 'date' | 'period' | 'select' | 'custom';
-type FilterValue = string | number | Date | Array<string | number | Date> | {
+export type FilterType = 'text' | 'number' | 'date' | 'period' | 'select' | 'autocomplete' | 'custom';
+type FilterValue = string | number | Date | Array<string | number | Date | Record<string, unknown>> | {
     from: string | null;
     to: string | null;
 } | Record<string, unknown> | null | undefined;
@@ -46,6 +46,7 @@ export type DataTableHeaders = {
     maxWidth?: string | number;
     minWidth?: string | number;
     headerProps?: Record<string, unknown>;
+    cellProps?: Record<string, unknown>;
 };
 export type TableColumnHeader = {
     title?: string;
@@ -68,7 +69,8 @@ export type TableColumnHeader = {
     children?: unknown[];
     maxWidth?: string | number;
     minWidth?: string | number;
-    headerProps?: Record<string, unknown>;
+    headerProps?: unknown;
+    cellProps?: unknown;
     [key: string]: unknown;
 };
 export type SyTableProps = {
@@ -85,12 +87,19 @@ export type SyTableProps = {
     headers?: DataTableHeaders[];
     showSelect?: boolean;
     showSelectSingle?: boolean;
+    stickySelect?: boolean;
     showExpand?: boolean;
     selectionKey?: string;
     multiSort?: boolean;
     mustSort?: boolean;
     itemsPerPageOptions?: number[];
     headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    pinnedColumns?: Array<string | {
+        key: string;
+        side?: 'left' | 'right';
+    }>;
+    pinnedColumnKey?: string;
+    clickableRow?: boolean;
 };
 export type SyServerTableProps = {
     serverItemsLength: number;
@@ -107,11 +116,18 @@ export type SyServerTableProps = {
     headers?: DataTableHeaders[];
     showSelect?: boolean;
     showSelectSingle?: boolean;
+    stickySelect?: boolean;
     showExpand?: boolean;
     selectionKey?: string;
     multiSort?: boolean;
     mustSort?: boolean;
     itemsPerPageOptions?: number[];
     headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    pinnedColumns?: Array<string | {
+        key: string;
+        side?: 'left' | 'right';
+    }>;
+    pinnedColumnKey?: string;
+    clickableRow?: boolean;
 };
 export {};

package/dist/components/Tables/common/useClickableTableRow.d.ts

@@ -0,0 +1,17 @@
+import { ComputedRef, Ref } from 'vue';
+type ClickableTableItem = Record<string, unknown>;
+type TableRowData = {
+    index: number;
+    item: ClickableTableItem;
+    internalItem: unknown;
+};
+type TableRowProps = Record<string, unknown>;
+export type ClickableTableRowPropsInput = TableRowProps | ((data: TableRowData) => TableRowProps) | undefined;
+export declare function useClickableTableRow({ clickableRow, rowProps, onRowClick, }: {
+    clickableRow: Ref<boolean>;
+    rowProps: ComputedRef<ClickableTableRowPropsInput>;
+    onRowClick: (item: ClickableTableItem) => void;
+}): {
+    clickableRowProps: ComputedRef<ClickableTableRowPropsInput>;
+};
+export {};

package/dist/components/Tables/common/usePagination.d.ts

@@ -7,13 +7,15 @@ import { DataOptions } from './types';
  * @param itemsLength - Total number of items (for client-side) or serverItemsLength (for server-side)
  * @returns Pagination utilities and computed properties
  */
-export declare function usePagination({ options, itemsLength, }: {
+export declare function usePagination({ options, itemsLength, updateOptions, }: {
     options: Ref<Partial<DataOptions>>;
     itemsLength: Ref<number>;
+    updateOptions: (opts: Partial<DataOptions>) => void;
 }): {
     page: import('vue').WritableComputedRef<number, number>;
     pageCount: import('vue').ComputedRef<number>;
     itemsPerPageValue: import('vue').ComputedRef<number>;
     updateItemsPerPage: (newItemsPerPage: number) => Promise<void>;
     isUpdatingItemsPerPage: Ref<boolean, boolean>;
+    onUpdateOptions: (newOptions: Partial<DataOptions>) => void;
 };