@bit.rhplus/ui.grid-layout 0.0.1

package/dist/useGridLayoutApi.js

@@ -0,0 +1,231 @@
+/* eslint-disable */
+/**
+ * Hook pro komunikaci s Grid Layout API službou
+ * Poskytuje funkcionalitu pro načítání a ukládání personalizovaných nastavení gridů
+ */
+import { useCallback, useMemo } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useApiQuery, useApiQuerySilence } from '@bit.rhplus/data';
+import { userFieldsApi, getSingleGridApi, getUserGridsApi, saveGridLayoutApi } from './gridLayout';
+import useData from '@bit.rhplus/data';
+/**
+ * Hook pro práci s Grid Layout API
+ * @param {Object} config - Konfigurace gridu
+ * @param {string} config.userKey - Klíč uživatele
+ * @param {string} config.applicationName - Název aplikace
+ * @param {string} config.gridName - Název gridu
+ * @param {string} [config.filterName] - Název filtru (volitelné)
+ * @param {string} [config.accessToken] - Přístupový token
+ * @returns {Object} API methods pro grid layout
+ */
+export const useGridLayoutApi = ({ userKey, applicationName, gridName, filterName = null, accessToken = null }) => {
+    const { fetchDataUIAsync } = useData();
+    const queryClient = useQueryClient();
+    // Základní identifikace pro API volání
+    const baseParams = useMemo(() => ({
+        userKey,
+        applicationName,
+        gridName,
+        ...(filterName && { filterName })
+    }), [userKey, applicationName, gridName, filterName]);
+    // Query key pro caching
+    const gridQueryKey = useMemo(() => `grid_layout_${userKey}_${applicationName}_${gridName}_${filterName || 'default'}`, [userKey, applicationName, gridName, filterName]);
+    /**
+     * Načte seznam polí pro konkrétní grid s personalizací uživatele
+     * @param {Array} fields - Definice polí gridu
+     * @param {Object} options - React Query options
+     */
+    const useUserFields = (fields = [], options = {}) => {
+        const params = useMemo(() => ({
+            ...baseParams,
+            fields
+        }), [baseParams, fields]);
+        return useApiQuery(`${gridQueryKey}_fields`, userFieldsApi, params, accessToken, null, options?.enabled ?? true, 5, // 5 minut stale time
+        options);
+    };
+    /**
+     * Načte konkrétní jeden grid pro uživatele
+     * @param {Object} options - React Query options
+     */
+    const useSingleGrid = (options = {}) => {
+        return useApiQuery(gridQueryKey, getSingleGridApi, baseParams, accessToken, null, true, 5 // 5 minut stale time
+        );
+    };
+    /**
+     * Načte seznam všech gridů uživatele v aplikaci
+     * @param {Object} options - React Query options
+     */
+    const useUserGrids = (options = {}) => {
+        const params = useMemo(() => ({
+            userKey,
+            applicationName
+        }), [userKey, applicationName]);
+        return useApiQuery(`user_grids_${userKey}_${applicationName}`, getUserGridsApi, params, accessToken, null, true, 10 // 10 minut stale time
+        );
+    };
+    /**
+     * Uloží personalizované nastavení gridu pomocí SaveUserFields endpoint
+     * @param {Array} userFields - UserFieldModel array pro uložení
+     * @returns {Promise} Promise s výsledkem
+     */
+    const saveGridLayout = useCallback(async (userFields) => {
+        try {
+            const params = {
+                ...baseParams,
+                userFields // Nová struktura pro SaveUserFieldsCommand
+            };
+            const result = await fetchDataUIAsync(saveGridLayoutApi, params, accessToken);
+            if (result.success) {
+                // Invalidujeme cache pro načtení čerstvých dat z API - všechny queries související s tímto gridem
+                await queryClient.invalidateQueries({
+                    predicate: (query) => {
+                        // Invalidujeme všechny queries které začínají našim gridQueryKey
+                        const queryKey = query.queryKey?.[0];
+                        return queryKey && typeof queryKey === 'string' && queryKey.startsWith(gridQueryKey);
+                    }
+                });
+                console.log("✅ Grid layout uložen a cache invalidován pro pattern:", gridQueryKey);
+                return {
+                    success: true,
+                    data: result.data,
+                    message: result.message
+                };
+            }
+            else {
+                throw new Error(result.message || result.error?.message || 'Chyba při ukládání grid layoutu');
+            }
+        }
+        catch (error) {
+            console.error('Chyba při ukládání grid layout:', error);
+            throw error;
+        }
+    }, [baseParams, fetchDataUIAsync, accessToken, queryClient, gridQueryKey]);
+    /**
+     * Transformuje AG-Grid column state na UserFieldModel format
+     * @param {Array} columnState - AG-Grid column state
+     * @param {Array} columnDefs - Původní column definitions
+     * @returns {Array} UserFieldModel array pro SaveUserFields API
+     */
+    const transformColumnStateToFields = useCallback((columnState, columnDefs) => {
+        if (!columnState || !columnDefs)
+            return [];
+        if (!Array.isArray(columnDefs)) {
+            console.error('transformColumnStateToFields: columnDefs musí být array, získán:', typeof columnDefs);
+            return [];
+        }
+        return columnState.map((columnStateItem, index) => {
+            // Najdeme odpovídající column definition podle colId
+            const colDef = columnDefs.find(cd => cd.field === columnStateItem.colId) || {};
+            return {
+                // Mapování na UserFieldModel strukturu
+                Id: 0, // Nové pole má ID = 0, existující budou mít správné ID z API
+                UserKey: baseParams.userKey,
+                ApplicationName: baseParams.applicationName,
+                GridName: baseParams.gridName,
+                FilterName: baseParams.filterName || null,
+                FieldName: columnStateItem.colId,
+                HeaderName: colDef.headerName || columnStateItem.colId || `Column ${index + 1}`,
+                Order: index, // Pořadí podle pozice v column state
+                Show: columnStateItem.hide !== true,
+                Width: columnStateItem.width || colDef.width || null,
+                System: colDef.system || false // Systémové sloupce nejde skrývat/editovat
+            };
+        });
+    }, [baseParams]);
+    /**
+     * Transformuje UserFieldModel array na AG-Grid column state
+     * Používá columnDefs jako primární zdroj a userFields jen pro úpravy
+     * @param {Array} userFields - UserFieldModel array z API (pro úpravy)
+     * @param {Array} columnDefs - Původní column definitions (primární)
+     * @returns {Array} Column state pro AG-Grid
+     */
+    const transformFieldsToColumnState = useCallback((userFields, columnDefs) => {
+        if (!columnDefs || !Array.isArray(columnDefs)) {
+            return [];
+        }
+        // Pokud nemáme userFields, vrátíme default column state z columnDefs
+        if (!userFields || !Array.isArray(userFields)) {
+            return columnDefs.map((colDef, index) => ({
+                colId: colDef.field,
+                width: colDef.width || 100,
+                hide: colDef.hide || false,
+                pinned: colDef.pinned || null,
+                sort: null,
+                sortIndex: null
+            }));
+        }
+        // Vytvoříme mapu userFields pro rychlé vyhledávání
+        const userFieldsMap = new Map();
+        userFields.forEach(userField => {
+            // API používá lowercase názvy (fieldName, order, show) místo uppercase (FieldName, Order, Show)
+            const fieldName = userField.fieldName || userField.FieldName;
+            userFieldsMap.set(fieldName, userField);
+        });
+        console.log("🔍 transformFieldsToColumnState debug:", {
+            userFields: userFields.map(uf => ({
+                fieldName: uf.fieldName || uf.FieldName,
+                order: uf.order ?? uf.Order,
+                show: uf.show ?? uf.Show,
+                width: uf.width ?? uf.Width
+            })),
+            columnDefs: columnDefs.map(cd => ({ field: cd.field, headerName: cd.headerName })),
+            userFieldsMapKeys: Array.from(userFieldsMap.keys())
+        });
+        // Vytvoříme column state POUZE pro sloupce, které mají záznam v userFields
+        const columnStateWithUserFields = columnDefs
+            .map((colDef, defaultIndex) => {
+            const userField = userFieldsMap.get(colDef.field);
+            // Pokud pro tento sloupec není userField, vracíme null (bude odfiltrován)
+            if (!userField) {
+                console.log(`🔍 No userField for ${colDef.field} - skipping`);
+                return null;
+            }
+            const result = {
+                colId: colDef.field,
+                // API používá lowercase názvy polí
+                width: userField.width ?? userField.Width ?? colDef.width ?? 100,
+                hide: !(userField.show ?? userField.Show ?? true),
+                pinned: colDef.pinned || null, // Pinning z columnDefs, userFields to zatím nepodporuje
+                sort: null, // Sorting není součástí layout managementu
+                sortIndex: null,
+                // Pořadí z userFields (lowercase/uppercase)
+                __order: userField.order ?? userField.Order ?? defaultIndex
+            };
+            console.log(`🔍 Column mapping for ${colDef.field}:`, {
+                colDefField: colDef.field,
+                foundUserField: true,
+                userFieldOrder: userField.order ?? userField.Order,
+                defaultIndex,
+                finalOrder: result.__order,
+                userFieldData: userField
+            });
+            return result;
+        })
+            .filter(Boolean); // Odfiltrujeme null hodnoty
+        // Seřadíme podle pořadí z userFields
+        const sortedColumnState = columnStateWithUserFields.sort((a, b) => (a.__order || 0) - (b.__order || 0));
+        console.log("🔍 Sorting result:", {
+            beforeSort: columnStateWithUserFields.map(c => ({ colId: c.colId, order: c.__order })),
+            afterSort: sortedColumnState.map(c => ({ colId: c.colId, order: c.__order }))
+        });
+        const finalResult = sortedColumnState.map(({ __order, ...columnState }) => columnState);
+        console.log("🔍 Final column state:", finalResult.map(c => c.colId));
+        return finalResult;
+    }, []);
+    return {
+        // Query hooks
+        useUserFields,
+        useSingleGrid,
+        useUserGrids,
+        // Mutation methods
+        saveGridLayout,
+        // Transform utilities
+        transformColumnStateToFields,
+        transformFieldsToColumnState,
+        // Config
+        gridQueryKey,
+        baseParams
+    };
+};
+export default useGridLayoutApi;
+//# sourceMappingURL=useGridLayoutApi.js.map

package/dist/useGridLayoutApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridLayoutApi.js","sourceRoot":"","sources":["../useGridLayoutApi.js"],"names":[],"mappings":"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"}

package/gridLayout.js

@@ -0,0 +1,107 @@
+/**
+ * Grid Layout API konfigurace pro komunikaci s Grid API službou
+ * Poskytuje centralizovanou správu personalizovaných nastavení gridů
+ */
+
+/**
+ * Načítá seznam polí pro konkrétní grid s personalizací uživatele
+ * POST /api/UserFields
+ * 
+ * Request body: UserFieldsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string, 
+ *   gridName: string,
+ *   filterName?: string
+ * }
+ * 
+ * Response: UserFieldsResponse
+ * {
+ *   success: boolean,
+ *   data: UserFieldModel[]
+ * }
+ */
+export const userFieldsApi = {
+  url: '/grid_layout_api/Grid/UserFields',
+  methodType: "POST",
+  version: "1.0",
+  compression: true,
+  withCredentials: true
+};
+
+/**
+ * Načítá konkrétní jeden grid pro uživatele
+ * POST /api/GetSingleGrid
+ * 
+ * Request body: GetSingleGridCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string,
+ *   gridName: string,
+ *   filterName?: string
+ * }
+ * 
+ * Response: UserFieldsResponse
+ * {
+ *   success: boolean,
+ *   data: UserFieldModel[]
+ * }
+ */
+export const getSingleGridApi = {
+  url: '/grid_layout_api/Grid/GetSingleGrid',
+  methodType: "POST",
+  version: "1.0",
+  compression: true,
+  withCredentials: true
+};
+
+/**
+ * Načítá seznam všech gridů uživatele v aplikaci
+ * POST /api/GetUserGrids
+ * 
+ * Request body: GetUserGridsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string
+ * }
+ * 
+ * Response: GetUserGridsResponse
+ * {
+ *   success: boolean,
+ *   data: UserGridSummary[]
+ * }
+ */
+export const getUserGridsApi = {
+  url: '/grid_layout_api/Grid/GetUserGrids',
+  methodType: "POST", 
+  version: "1.0",
+  compression: true,
+  withCredentials: true
+};
+
+/**
+ * Ukládá nebo aktualizuje personalizované nastavení gridu s merge logikou
+ * POST /api/SaveUserFields
+ * 
+ * Request body: SaveUserFieldsCommand
+ * {
+ *   userKey: Guid,
+ *   applicationName: string,
+ *   gridName: string,
+ *   filterName?: string,
+ *   userFields: UserFieldModel[]
+ * }
+ * 
+ * Response: SaveUserFieldsResponse
+ * {
+ *   success: boolean,
+ *   message?: string
+ * }
+ */
+export const saveGridLayoutApi = {
+  url: '/grid_layout_api/Grid/SaveUserFields',
+  methodType: "POST",
+  version: "1.0", 
+  compression: true,
+  withCredentials: true
+};

package/index.js

@@ -0,0 +1,3 @@
+export {default as useGridLayout} from './useGridLayout';
+export {useGridLayoutApi} from './useGridLayoutApi';
+export {default as ColumnEditorModal} from './ColumnEditorModal';

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@bit.rhplus/ui.grid-layout",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "name": "ui/grid-layout",
+    "version": "0.0.1",
+    "scope": "remote-scope"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.4.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "antd": "^5.20.6",
+    "lodash": "^4.17.21",
+    "@tanstack/react-query": "^5.66.9",
+    "@bit.rhplus/draggable-modal": "0.0.10",
+    "@bit.rhplus/data": "0.0.35"
+  },
+  "devDependencies": {
+    "@teambit/react.react-env": "1.0.132"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "license": "SEE LICENSE IN UNLICENSED",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "publishConfig": {
+    "scope": "@bit.rhplus",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}