@webitel/ui-datalist 1.1.26 → 1.1.28

package/Readme.md

@@ -2,6 +2,15 @@
 
 High level package. Contains neccessary tools for building datalists in Webitel frontend projects.
 
+## Build steps
+
+1. `npm ci` - install dependencies
+2. `npm version patch --git-tag-version false` - bump version
+3. `npm run lint:fix || true` - fix lint errors
+4. `(npm run build:types || true)` - build types
+5. `npm run lint:package` - lint package
+6. `npm run utils:publish` - publish library
+
 ## Deps:
 
 * `@webitel/ui-sdk`

package/package.json

@@ -1,9 +1,8 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "1.1.26",
+	"version": "1.1.28",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
-		"make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run lint:package && npm run utils:publish",
 		"build:types": "vue-tsc -p ./tsconfig.build.json",
 		"lint:fix": "npx biome check --write ./src",
 		"biome:ci:gh": "biome ci ./src --reporter=github",

package/src/modules/headers/createTableHeadersStore.ts

@@ -101,36 +101,48 @@ export const tableHeadersStoreBody = ({
 	};
 
 	const updateFields = (fields: string[]) => {
-		const newHeaders = headers.value.map((header: WtTableHeader) => ({
+		const fieldsSet = new Set(fields);
+		const mainFieldNames = new Set(headers.value.map((header) => header.field));
+
+		const mainHeaders = headers.value.map((header: WtTableHeader) => ({
 			...header,
-			show: fields.includes(header.field),
+			show: fieldsSet.has(header.field),
 		}));
 
-		const customFields = fields.filter(
-			(field) => !headers.value.some((header) => header.field === field),
+		const customHeaders = fields
+			.filter((field) => !mainFieldNames.has(field))
+			.map((field) => ({
+				show: true,
+				field,
+				shouldBeInitialized: true,
+			}));
+
+		const headersByField = new Map(
+			[
+				...mainHeaders,
+				...customHeaders,
+			].map((header) => [
+				header.field,
+				header,
+			]),
 		);
-		const customFieldHeaders = customFields.map((field) => ({
-			show: true,
-			field,
-			shouldBeInitialized: true,
-		}));
 
-		const mergedHeaders = [
-			...newHeaders,
-			...customFieldHeaders,
-		];
-		const orderedFields = fields.filter((field) =>
-			mergedHeaders.some((header) => header.field === field),
-		);
-		const reordered = setHeaderOrder(orderedFields);
+		const headersInPersistedOrder = fields.flatMap((field) => {
+			const header = headersByField.get(field);
+			if (!header) return [];
+			headersByField.delete(field);
+			return [
+				header,
+			];
+		});
 
-		const uniqueMerged = mergedHeaders.filter(
-			(merged) => !reordered.some((r) => r.field === merged.field),
-		);
+		const hiddenHeaders = [
+			...headersByField.values(),
+		];
 
 		updateShownHeaders([
-			...reordered,
-			...uniqueMerged,
+			...headersInPersistedOrder,
+			...hiddenHeaders,
 		]);
 	};