@webitel/ui-sdk 26.8.86 → 26.8.88

package/src/modules/TableVariableColumnSelect/composable/useTableVariableHeaders.ts

@@ -0,0 +1,59 @@
+import type { WtTableHeader } from '../../../components/wt-table/types/WtTable';
+
+export const VARIABLE_FIELD_PREFIX = 'variables.';
+
+export type TableVariableHeader = WtTableHeader;
+
+type HeadersRef = {
+	readonly value: TableVariableHeader[];
+};
+
+export const isVariableHeader = (
+	header: Pick<TableVariableHeader, 'field' | 'value'>,
+) =>
+	(header.field ?? '').startsWith(VARIABLE_FIELD_PREFIX) ||
+	(header.value ?? '').startsWith(VARIABLE_FIELD_PREFIX);
+
+export function useTableVariableHeaders({
+	headers,
+	updateShownHeaders,
+}: {
+	headers: HeadersRef;
+	updateShownHeaders: (headers: TableVariableHeader[]) => void;
+}) {
+	const updateVariableHeaders = (incoming: TableVariableHeader[]) => {
+		const incomingByField = new Map(
+			incoming.map((header) => [
+				header.field,
+				header,
+			]),
+		);
+
+		const updatedHeaders = headers.value.flatMap((header) => {
+			if (!isVariableHeader(header))
+				return [
+					header,
+				];
+
+			const next = incomingByField.get(header.field);
+			if (!next) return [];
+
+			incomingByField.delete(header.field);
+			return [
+				{
+					...next,
+					show: header.show,
+				},
+			];
+		});
+
+		updateShownHeaders([
+			...updatedHeaders,
+			...incomingByField.values(),
+		]);
+	};
+
+	return {
+		updateVariableHeaders,
+	};
+}

package/src/modules/TableVariableColumnSelect/index.ts

@@ -0,0 +1,7 @@
+export { default as WtTableVariableColumnSelect } from './components/wt-table-variable-column-select.vue';
+export {
+	isVariableHeader,
+	type TableVariableHeader,
+	useTableVariableHeaders,
+	VARIABLE_FIELD_PREFIX,
+} from './composable/useTableVariableHeaders';

package/src/modules/Userinfo/mappings/mappings.ts

@@ -1,4 +1,4 @@
-import invert from 'lodash/invert';
+import { invert } from 'lodash-es';
 
 import {
 	AdminSections,

package/src/modules/Userinfo/stores/userinfoStore.ts

@@ -1,4 +1,4 @@
-import pick from 'lodash/pick';
+import { pick } from 'lodash-es';
 import { defineStore, storeToRefs } from 'pinia';
 import { ref } from 'vue';
 import { createUserNotificationsStore } from '../../UserNotifications/stores/userNotificationsStore';

package/src/scripts/debounce.js

@@ -1,4 +1,4 @@
-import lodashDebounce from 'lodash/debounce.js';
+import { debounce as lodashDebounce } from 'lodash-es';
 
 const debounce = (fn, options, wait = 1000) =>
 	lodashDebounce(fn, wait, options);

package/src/scripts/logger.js

@@ -1,4 +1,4 @@
-import isObject from 'lodash/isObject.js';
+import { isObject } from 'lodash-es';
 
 const validateConfig = (config) => {
 	return isObject(config) && (config.entity || config.module);

package/src/scripts/updateObject.js

@@ -1,5 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep.js';
-import set from 'lodash/set.js';
+import { cloneDeep, set } from 'lodash-es';
 
 const updateObject = ({ obj, path, value }) => set(cloneDeep(obj), path, value);
 

package/src/store/BaseStoreModules/BaseStoreModule.js

@@ -1,4 +1,4 @@
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 export default class BaseStoreModule {
 	state = {};

package/src/store/new/helpers/createStoreModule.js

@@ -1,5 +1,5 @@
 import deepmerge from 'deepmerge';
-import isPlainObject from 'lodash/isPlainObject.js';
+import { isPlainObject } from 'lodash-es';
 
 export const createStoreModule = (modules) => {
 	const modulesArr = Array.isArray(modules)

package/src/store/new/modules/baseStoreModule/baseStoreModule.js

@@ -1,4 +1,4 @@
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 const state = () => ({});
 

package/src/store/new/modules/cardStoreModule/cardStoreModule.js

@@ -1,5 +1,5 @@
 import deepCopy from 'deep-copy';
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 const state = () => ({
 	itemId: 0,