@webitel/ui-sdk 25.10.29 → 25.10.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.29",
+  "version": "25.10.31",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/components/wt-label/_variables.scss

@@ -1,7 +1,7 @@
 :root {
   --wt-label-padding: var(--spacing-2xs) var(--spacing-xs);
 
-  --wt-label-color: var(--text-main-color);
-  --wt-label-error-color: var(--text-error-color);
-  --wt-label-disabled-color: var(--text-disabled-color);
+  --wt-label-color: var(--p-form-field-color);
+  --wt-label-error-color: var(--p-error-color);
+  --wt-label-disabled-color: var(--p-form-field-disabled-color);
 }

package/src/modules/CSVExport/composables/useCSVExport.ts

@@ -0,0 +1,70 @@
+import applyTransform, { notify } from '@webitel/ui-sdk/api/transformers/index';
+import { computed, Ref, ref } from 'vue';
+import { useRoute } from 'vue-router';
+
+import CSVExport from '../CSVExport';
+
+export type CSVRow = Record<string, any>;
+
+export type FetchMethod = (params: Record<string, any>) => Promise<{
+  items: CSVRow[];
+  next: boolean;
+}>;
+
+interface CSVExportOptions {
+  filename?: string;
+  delimiter?: string;
+}
+
+const CSV_EXPORT_BATCH_SIZE = 5000;
+
+export function useCSVExport({ selected }: { selected: Ref<number[]> }) {
+  const CSVExportInstance = ref<null | InstanceType<typeof CSVExport>>(null);
+  const route = useRoute();
+
+  const CSVDownloadProgress = computed(() =>
+    CSVExportInstance.value
+      ? CSVExportInstance.value.downloadProgress.count
+      : 0,
+  );
+
+  const isCSVLoading = computed(() => !!CSVDownloadProgress.value);
+
+  const isAnySelected = computed(() => !!selected.value.length);
+
+  function initCSVExport(
+    fetchMethod: FetchMethod,
+    options: CSVExportOptions = {},
+  ) {
+    CSVExportInstance.value = new CSVExport(fetchMethod, options);
+  }
+
+  async function exportCSV(exportParams?: Record<string, any>) {
+    const routeQuery = route.query;
+    const params = {
+      ...(exportParams || routeQuery),
+      size: CSV_EXPORT_BATCH_SIZE,
+    };
+
+    if (isAnySelected.value) {
+      params.id = selected.value;
+    }
+
+    try {
+      await CSVExportInstance.value?.export(params);
+    } catch (err) {
+      throw applyTransform(err, [notify]);
+    }
+  }
+
+  return {
+    CSVExportInstance,
+
+    CSVDownloadProgress,
+    isCSVLoading,
+    isAnySelected,
+
+    initCSVExport,
+    exportCSV,
+  };
+}

package/types/modules/CSVExport/composables/useCSVExport.d.ts

@@ -0,0 +1,50 @@
+import { Ref } from 'vue';
+import CSVExport from '../CSVExport';
+export type CSVRow = Record<string, any>;
+export type FetchMethod = (params: Record<string, any>) => Promise<{
+    items: CSVRow[];
+    next: boolean;
+}>;
+interface CSVExportOptions {
+    filename?: string;
+    delimiter?: string;
+}
+export declare function useCSVExport({ selected }: {
+    selected: Ref<number[]>;
+}): {
+    CSVExportInstance: Ref<{
+        filename: string;
+        fetchMethod: any;
+        downloadProgress: {
+            count: number;
+        };
+        delimiter: any;
+        resetProgress: () => void;
+        zippingProgress: {
+            percent: number;
+        };
+        save: (csv: any) => void;
+        stringify: (params?: {}) => Promise<string>;
+        export: (params: any) => Promise<void>;
+    }, CSVExport | {
+        filename: string;
+        fetchMethod: any;
+        downloadProgress: {
+            count: number;
+        };
+        delimiter: any;
+        resetProgress: () => void;
+        zippingProgress: {
+            percent: number;
+        };
+        save: (csv: any) => void;
+        stringify: (params?: {}) => Promise<string>;
+        export: (params: any) => Promise<void>;
+    }>;
+    CSVDownloadProgress: import("vue").ComputedRef<number>;
+    isCSVLoading: import("vue").ComputedRef<boolean>;
+    isAnySelected: import("vue").ComputedRef<boolean>;
+    initCSVExport: (fetchMethod: FetchMethod, options?: CSVExportOptions) => void;
+    exportCSV: (exportParams?: Record<string, any>) => Promise<void>;
+};
+export {};