@webitel/ui-datalist 1.0.37 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "build:types": "vue-tsc -p ./tsconfig.build.json",
@@ -53,7 +53,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@webitel/styleguide": "^24.12.26",
     "@webitel/ui-sdk": "^25.4.76",
-    "zod": "^4.0.0-beta.20250505T195954"
+    "zod": "^3.25.55"
   },
   "devDependencies": {
     "@eslint/js": "^9.22.0",
@@ -81,9 +81,6 @@
     "vite-plugin-checker": "^0.9.0",
     "vue-tsc": "^2.2.8"
   },
-  "overrides": {
-    "zod": "^4.0.0-beta.20250505T195954"
-  },
   "engines": {
     "npm": "10",
     "node": "v22"

package/src/modules/form/composables/useFormComponent.ts

@@ -0,0 +1,26 @@
+import { refDebounced } from '@vueuse/core';
+import { Ref, computed, MaybeRef } from 'vue';
+
+export const useFormComponent = ({
+  checkIfInvalid,
+  isLoading,
+  saveItem,
+  // itemId, // todo: is really needed?
+}: {
+  checkIfInvalid?: () => boolean;
+  isLoading?: Ref<boolean>;
+  // itemId?: MaybeRef<string | number>; // todo: is really needed?
+  saveItem: () => Promise<unknown>;
+}) => {
+  const debouncedIsLoading = refDebounced(isLoading, 300);
+
+  const save = () => {
+    if (checkIfInvalid && !checkIfInvalid()) return;
+    return saveItem();
+  };
+
+  return {
+    debouncedIsLoading,
+    save,
+  };
+};

package/src/modules/form/composables/useItemCardSaveText.ts

@@ -0,0 +1,22 @@
+import { computed, Ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+export const useItemCardSaveText = ({
+  isNew,
+  isEdited,
+                                    }: {
+  isNew: Ref<boolean>;
+  isEdited: Ref<boolean>;
+}) => {
+  const { t } = useI18n();
+
+  const saveText = computed(() => {
+    return isNew.value || isEdited.value
+      ? t('reusable.save')
+      : t('reusable.saved');
+  });
+
+  return {
+    saveText,
+  };
+};

package/src/modules/form/composables/useValidation.ts

@@ -0,0 +1,34 @@
+import {
+  RegleSchema,
+} from '@regle/schemas';
+import { computed, Ref } from 'vue';
+
+export const useValidation = <TState, TSchema>({
+        validationSchema,
+                              }: {
+  validationSchema: Ref<RegleSchema<TState, TSchema>>,
+}) => {
+  const disabledSave = computed(() => {
+    return validationSchema.value.r$.$error;
+  });
+
+  const isEdited = computed(() => {
+    return validationSchema.value.r$.$anyEdited;
+  });
+
+  const touch = () => {
+    validationSchema.value.r$.$touch();
+  };
+
+  const checkIfInvalid = () => {
+    touch();
+    return disabledSave.value;
+  };
+
+  return {
+    disabledSave,
+    isEdited,
+    touch,
+    checkIfInvalid,
+  };
+};

package/src/modules/form/index.ts

@@ -1 +1,4 @@
+export * from './composables/useFormComponent';
+export * from './composables/useItemCardSaveText';
+export * from './composables/useValidation';
 export * from './stores/createFormStore';

package/src/modules/form/stores/createFormStore.ts

@@ -1,8 +1,8 @@
-import { ref } from 'vue';
-import { useRegleSchema, RegleSchemaBehaviourOptions } from '@regle/schemas';
+import { RegleSchemaBehaviourOptions,useRegleSchema } from '@regle/schemas';
 import type { StandardSchemaV1 } from '@standard-schema/spec';
 import { ApiModule } from '@webitel/ui-sdk/api/types/ApiModule.type';
 import { defineStore } from 'pinia';
+import { ref } from 'vue';
 
 export const createFormStore = <Entity = object>({
   namespace,
@@ -73,7 +73,7 @@ export const createFormStore = <Entity = object>({
       itemInstance?: Entity;
       itemId?: string | number;
       parentId?: string | number;
-    }) => {
+    } = {}) => {
       if (initialParentId) {
         parentId.value = initialParentId;
       }
@@ -102,6 +102,7 @@ export const createFormStore = <Entity = object>({
       error,
 
       initialize,
+      saveItem,
     };
   });
 };

package/types/modules/filters/components/config/dynamic-filter-config-form-label.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_PublicProps = {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/modules/filters/components/config/dynamic-filter-config-form-value-input.vue.d.ts

@@ -0,0 +1,16 @@
+import { AnyFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
+type __VLS_Props = {
+    filterConfig: AnyFilterConfig;
+    label?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: unknown;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    "update:invalid": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: unknown) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/modules/filters/components/config/dynamic-filter-config-form.vue.d.ts

@@ -0,0 +1,93 @@
+import { WtButton, WtSelect } from '@webitel/ui-sdk/components';
+import { FilterInitParams, IFilter } from "../../classes/Filter";
+import { BaseFilterConfig } from "../../modules/filterConfig/classes/FilterConfig";
+import DynamicFilterConfigFormLabel from './dynamic-filter-config-form-label.vue';
+import DynamicFilterConfigFormValueInput from "./dynamic-filter-config-form-value-input.vue";
+type __VLS_Props = {
+    /**
+     * @description
+     * "Add" mode
+     */
+    filterConfigs?: BaseFilterConfig[];
+    /**
+     * @description
+     * "Edit" mode
+     */
+    filterConfig?: BaseFilterConfig;
+    /**
+     * @description
+     * Edited filter instance
+     */
+    filter?: IFilter;
+};
+declare const emit: ((evt: "submit", args_0: FilterInitParams) => void) & ((evt: "cancel") => void);
+declare const t: import("vue-i18n").ComposerTranslation<{
+    [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
+}, string, import("@intlify/core-base").RemoveIndexSignature<{
+    [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
+}>, never, never, never>;
+declare const filterName: import("vue").Ref<any, any>;
+declare const filterLabel: import("vue").Ref<string, string>;
+declare const filterValue: import("vue").Ref<any, any>;
+declare const editMode: boolean;
+declare const invalid: import("vue").Ref<boolean, boolean>;
+declare const filterConfigOptions: import("vue").ComputedRef<BaseFilterConfig[]>;
+declare const selectedFilterConfig: import("vue").ComputedRef<BaseFilterConfig>;
+declare const onValueChange: (v: any) => void;
+declare const onValueInvalidChange: (v: any) => void;
+declare const valueInputLabelText: import("vue").ComputedRef<string>;
+declare const onLabelValueUpdate: (val: string) => void;
+declare const onFilterNameUpdate: (val: string) => void;
+declare const submit: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_9: {
+    filterName: any;
+    filterValue: any;
+    inputLabel: string;
+    onValueChange: (v: any) => void;
+    onValueInvalidChange: (v: any) => void;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    'value-input'?: (props: typeof __VLS_9) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    WtButton: typeof WtButton;
+    WtSelect: typeof WtSelect;
+    DynamicFilterConfigFormLabel: typeof DynamicFilterConfigFormLabel;
+    DynamicFilterConfigFormValueInput: typeof DynamicFilterConfigFormValueInput;
+    emit: typeof emit;
+    t: typeof t;
+    filterName: typeof filterName;
+    filterLabel: typeof filterLabel;
+    filterValue: typeof filterValue;
+    editMode: typeof editMode;
+    invalid: typeof invalid;
+    filterConfigOptions: typeof filterConfigOptions;
+    selectedFilterConfig: typeof selectedFilterConfig;
+    onValueChange: typeof onValueChange;
+    onValueInvalidChange: typeof onValueInvalidChange;
+    valueInputLabelText: typeof valueInputLabelText;
+    onLabelValueUpdate: typeof onLabelValueUpdate;
+    onFilterNameUpdate: typeof onFilterNameUpdate;
+    submit: typeof submit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (args_0: FilterInitParams) => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (args_0: FilterInitParams) => any;
+    onCancel?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (args_0: FilterInitParams) => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (args_0: FilterInitParams) => any;
+    onCancel?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/modules/filters/components/config/dynamic-filter-config-view.vue.d.ts

@@ -0,0 +1,27 @@
+import { WtTooltip } from '@webitel/ui-sdk/components';
+interface Props {
+    disabled?: boolean;
+    disableClickAway?: boolean;
+}
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_5: {
+    tooltipSlotScope: any;
+}, __VLS_7: {
+    tooltipSlotScope: any;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    activator?: (props: typeof __VLS_5) => any;
+} & {
+    content?: (props: typeof __VLS_7) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    WtTooltip: typeof WtTooltip;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/modules/form/composables/useFormComponent.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+export declare const useFormComponent: ({ checkIfInvalid, isLoading, saveItem, }: {
+    checkIfInvalid?: () => boolean;
+    isLoading?: Ref<boolean>;
+    saveItem: () => Promise<unknown>;
+}) => {
+    debouncedIsLoading: Readonly<Ref<boolean, boolean>>;
+    save: () => Promise<unknown>;
+};

package/types/modules/form/composables/useItemCardSaveText.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare const useItemCardSaveText: ({ isNew, isEdited, }: {
+    isNew: Ref<boolean>;
+    isEdited: Ref<boolean>;
+}) => {
+    saveText: import("vue").ComputedRef<string>;
+};

package/types/modules/form/composables/useValidation.d.ts

@@ -0,0 +1,10 @@
+import { RegleSchema } from '@regle/schemas';
+import { Ref } from 'vue';
+export declare const useValidation: <TState, TSchema>({ validationSchema, }: {
+    validationSchema: Ref<RegleSchema<TState, TSchema>>;
+}) => {
+    disabledSave: import("vue").ComputedRef<boolean>;
+    isEdited: import("vue").ComputedRef<boolean>;
+    touch: () => void;
+    checkIfInvalid: () => boolean;
+};

package/types/modules/form/index.d.ts

@@ -1 +1,4 @@
+export * from './composables/useFormComponent';
+export * from './composables/useItemCardSaveText';
+export * from './composables/useValidation';
 export * from './stores/createFormStore';

package/types/modules/form/stores/createFormStore.d.ts

@@ -14,11 +14,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }, keyof ({
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -27,11 +28,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 } extends infer T ? { [K in keyof T as {
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -40,11 +42,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }[K] extends import("vue").ComputedRef<any> | import("pinia")._Method ? never : K]: any; } : never)>, Pick<{
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -53,11 +56,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }, keyof ({
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -66,11 +70,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 } extends infer T_1 ? { [K_1 in keyof T_1 as {
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -79,11 +84,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }[K_1] extends import("vue").ComputedRef<any> ? K_1 : never]: any; } : never)>, Pick<{
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -92,11 +98,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }, keyof ({
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -105,11 +112,12 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 } extends infer T_2 ? { [K_2 in keyof T_2 as {
     parentId: import("vue").Ref<string | number, string | number>;
     itemId: import("vue").Ref<string | number, string | number>;
@@ -118,9 +126,10 @@ export declare const createFormStore: <Entity = object>({ namespace, apiModule,
     isLoading: import("vue").Ref<boolean, boolean>;
     isSaving: import("vue").Ref<boolean, boolean>;
     error: import("vue").Ref<any, any>;
-    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }: {
+    initialize: ({ itemInstance: initialItemInstance, itemId: initialItemId, parentId: initialParentId, }?: {
         itemInstance?: Entity;
         itemId?: string | number;
         parentId?: string | number;
     }) => Promise<void>;
+    saveItem: () => Promise<void>;
 }[K_2] extends import("pinia")._Method ? K_2 : never]: any; } : never)>>;