@topconsultnpm/sdkui-react-beta 6.15.129 → 6.15.131

package/lib/components/base/TMDataGrid.d.ts

@@ -31,6 +31,8 @@ export interface TMDataGridProps<T> extends IDataGridOptions {
     pageSize?: TMDataGridPageSize;
     /** Configures the search panel position in the toolbar */
     searchPanelToolbarPosition?: 'before' | 'default';
+    /** if visible, set focus on SearchPanel */
+    searchPanelFocusStarting?: boolean;
     /** Show the header filter */
     showHeaderFilter?: boolean;
     /** Show the filter panel */

package/lib/components/base/TMDataGrid.js

@@ -16,7 +16,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
     // main properties
     keyExpr = 'id', dataSource, focusedRowEnabled = true, hoverStateEnabled = true, focusedRowKey, selectedRowKeys = [], 
     // custom options
-    dataColumns = [], pageSize = TMDataGridPageSize.Large, showHeaderFilter = true, showFilterPanel = false, showLoadPanel = true, showSearchPanel = true, searchPanelToolbarPosition = 'before', counterConfig = { show: false, items: new Map() }, 
+    dataColumns = [], pageSize = TMDataGridPageSize.Large, showHeaderFilter = true, showFilterPanel = false, showLoadPanel = true, showSearchPanel = true, searchPanelToolbarPosition = 'before', searchPanelFocusStarting = false, counterConfig = { show: false, items: new Map() }, 
     // events and callbacks
     onSelectionChanged, onFocusedRowChanged, onRowDblClick, onRowClick, onCellClick, onCellDblClick, onOptionChanged, onContentReady, onContextMenuPreparing, onInitialized, onEditorPreparing, onCellPrepared, onRowPrepared, onRowUpdating, onRowExpanded, onRowCollapsed, onRowUpdated, onSaved, onEditCanceled, onEditingStart, onEditingChange, customizeColumns, onKeyDown, scrolling = { mode: 'standard', useNative: SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar === 1 }, paging = { enabled: true, pageSize: pageSize }, pager = { visible: true, showInfo: true, showNavigationButtons: true }, selection = { mode: 'multiple', showCheckBoxesMode: "always", selectAllMode: "allPages" }, sorting, summary, stateStoring, columnChooser, grouping, groupPanel, filterRow, headerFilter, editing, rowDragging, masterDetail, 
     // other properties
@@ -170,6 +170,17 @@ const TMDataGrid = React.forwardRef((props, ref) => {
             return;
         // Update state with the current number of visible rows in the DataGrid
         setVisibleItemsCount(internalRef.current.instance().getVisibleRows().length);
+        // Focusing SearchPanel
+        if (showSearchPanel && searchPanelFocusStarting) {
+            // Use a small delay to ensure the DOM is fully rendered before trying to focus
+            // This can prevent issues with the focus not being set correctly
+            setTimeout(() => {
+                const searchInput = internalRef.current?.instance().element().querySelector('.dx-datagrid-search-panel input');
+                if (searchInput) {
+                    searchInput.focus();
+                }
+            }, 100);
+        }
     }, [onContentReady]);
     return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx("div", { style: { width: "100%", height: counterConfig.show ? "calc(100% - 25px)" : "100%" }, children: _jsxs(DataGrid, { ref: internalRef, id: id, className: 'tm-datagrid', 
                     // main properties

package/lib/components/editors/TMSummary.js

@@ -69,7 +69,7 @@ const TMSummary = forwardRef(({ placeHolder, readOnly, labelColor, hasValue, bor
                         justifyContent: 'space-between',
                         userSelect: 'text',
                         alignItems: 'center',
-                        width: '5px',
+                        width: showBorder ? '5px' : '100%',
                         minHeight: '16px',
                         cursor: (openEditorOnSummaryClick && !readOnly) ? 'pointer' : 'default',
                         overflow: 'hidden',

package/lib/components/forms/TMChooserForm.js

@@ -86,9 +86,9 @@ const TMChooserForm = ({ children, title, allowMultipleSelection = false, allowA
             ...summaryItems ?? {}
         });
     }, [manageUseLocalizedName, summaryItems]);
-    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: (children ??
-            filteredItems.length > 0)
-            ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, headerFilter: { visible: true }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single', showCheckBoxesMode: 'always', selectAllMode: 'allPages' }, grouping: allowGrouping ? { autoExpandAll: false, expandMode: 'rowClick' } : undefined, summary: customSummary, onFocusedRowChanged: handleFocusedRowChange, onSelectionChanged: handleSelectionChanged, onRowDblClick: handleRowDoubleClick })
+    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: children ??
+            filteredItems.length > 0
+            ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, searchPanelFocusStarting: true, headerFilter: { visible: true }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single', showCheckBoxesMode: 'always', selectAllMode: 'allPages' }, grouping: allowGrouping ? { autoExpandAll: false, expandMode: 'rowClick' } : undefined, summary: customSummary, onFocusedRowChanged: handleFocusedRowChange, onSelectionChanged: handleSelectionChanged, onRowDblClick: handleRowDoubleClick })
             : _jsx(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: _jsx(TMLayoutItem, { children: _jsx("p", { style: { height: "100%", color: TMColors.primaryColor, fontSize: "1.5rem", display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: SDKUI_Localizator.NoDataToDisplay }) }) }) }));
 };
 export default TMChooserForm;

package/lib/components/grids/TMRecentsManager.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import styled from 'styled-components';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import ReactDOMServer from 'react-dom/server';
 import { DcmtTypeListCacheService } from '@topconsultnpm/sdk-ts-beta';
 import ContextMenu from 'devextreme-react/cjs/context-menu';
@@ -67,14 +67,40 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
     const [showDcmtTypeChooser, setShowDcmtTypeChooser] = useState(false);
     const [recentDcmtTypes, setRecentDcmtTypes] = useState([]);
     const [infoDTD, setInfoDTD] = useState();
-    useEffect(() => {
-        DcmtTypeListCacheService.GetAllWithoutMetadataAsync().then((allTypes) => {
-            const filtered = allTypes
-                .filter(dt => mruTIDs.includes(dt.id))
-                .sort((a, b) => mruTIDs.indexOf(b.id) - mruTIDs.indexOf(a.id));
-            setRecentDcmtTypes(filtered);
+    // Handler for the cache refresh event
+    const handleCacheRefresh = useCallback(async () => {
+        // Retrieve all document types without metadata from the refreshed cache
+        const allDcmtTypes = await DcmtTypeListCacheService.GetAllWithoutMetadataAsync();
+        const allDcmtTypeIds = new Set(allDcmtTypes.map(type => type.id));
+        // Filter the mruTIDs to only keep those that still exist in the cache
+        const stillPresentTIDs = mruTIDs.filter(tid => allDcmtTypeIds.has(tid));
+        // Identifica i TIDs che non sono più presenti e notifica il componente padre.
+        const deletedTIDs = mruTIDs.filter(tid => !allDcmtTypeIds.has(tid));
+        deletedTIDs.forEach(deletedTid => {
+            onDeletedTID?.(deletedTid);
+        });
+        // Get the descriptors for the filtered TIDs and sort them
+        const filteredDescriptors = stillPresentTIDs
+            .map(tid => allDcmtTypes.find(dt => dt.id === tid))
+            .filter(Boolean);
+        filteredDescriptors.sort((a, b) => {
+            const idA = a.id ?? 0;
+            const idB = b.id ?? 0;
+            return mruTIDs.indexOf(idB) - mruTIDs.indexOf(idA);
         });
-    }, [mruTIDs]);
+        // Update the state
+        setRecentDcmtTypes(filteredDescriptors);
+    }, [mruTIDs, onDeletedTID]);
+    useEffect(() => {
+        // Initial data fetch
+        handleCacheRefresh();
+        // Subscribe to the cache refresh event
+        DcmtTypeListCacheService.onCacheRefreshed = handleCacheRefresh;
+        // Cleanup function to unsubscribe from the event
+        return () => {
+            DcmtTypeListCacheService.onCacheRefreshed = undefined;
+        };
+    }, [handleCacheRefresh]); // Dependency array for useEffect
     const panelRef = useOutsideClick(() => {
         setInfoDTD(undefined);
     });

package/lib/css/tm-sdkui.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}.tm-dropdown-container{text-align:left;position:relative;border-radius:5px}.tm-dropdown-selected-value{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.tm-dropdown-input{padding:0;display:flex;align-items:center;justify-content:space-between;user-select:none}.tm-dropdown-menu{position:absolute;transform:translateY(3px);width:100%;border:1px solid #ccc;border-radius:5px;max-height:300px;background-color:#fff;resize:both;z-index:99;margin-top:5px;z-index:200000;overflow:auto}.tm-dropdown-item{cursor:pointer;z-index:200000}.tm-dropdown-item:hover{background-color:#e6ebed}.tm-dropdown-item.selected{background-color:#2559a5;color:#fff}.tm-dropdown-tags{display:flex;flex-wrap:wrap;gap:5px}.tm-dropdown-tag-item{background-color:#ddd;border-radius:2px;display:flex;align-items:center}.tm-dropdown-tag-close{display:flex;align-items:center}.search-box{background-color:#eee}.search-box input{width:100%;box-sizing:border-box;border-radius:5px}.tm-dropdown-table{border-collapse:collapse;font-family:sans-serif;width:100%;box-shadow:0 0 20px rgba(0,0,0,.15);user-select:none}.tm-dropdown-table thead tr{background-color:#2559a5;color:#fff;text-align:left}.tm-dropdown-table th{padding:5px 5px}.tm-dropdown-table td{padding:5px 5px;cursor:pointer}.tm-dropdown-table tbody tr{border-bottom:1px solid #ddd}.tm-dropdown-table tbody tr:hover{background-color:#e6ebed}.tm-dropdown-table tbody tr.selected{background-color:#e29000;color:#fff}@font-face{font-family:"icomoon";src:url("../assets/icomoon.eot?4ij2gm");src:url("../assets/icomoon.eot?4ij2gm#iefix") format("embedded-opentype"),url("../assets/icomoon.ttf?4ij2gm") format("truetype"),url("../assets/icomoon.woff?4ij2gm") format("woff");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-abbina-molti-a-molti:before{content:""}.icon-add-user:before{content:""}.icon-aggiorna:before{content:""}.icon-aggiungi-file:before{content:""}.icon-Aiuto:before{content:""}.icon-alert:before{content:""}.icon-allega:before{content:""}.icon-altro:before{content:""}.icon-Approvazione_workflow:before{content:""}.icon-archivia:before{content:""}.icon-archiviazione-condivisa:before{content:""}.icon-Aree_di_appoggio:before{content:""}.icon-arrow:before{content:""}.icon-azioni:before{content:""}.icon-back:before{content:""}.icon-check:before{content:""}.icon-checkin:before{content:""}.icon-checkout:before{content:""}.icon-chiudi:before{content:""}.icon-commenta:before{content:""}.icon-condividi:before{content:""}.icon-configura-filtri:before{content:""}.icon-Contattaci:before{content:""}.icon-controllo-file:before{content:""}.icon-converti-pdf:before{content:""}.icon-correlazioni:before{content:""}.icon-crea-gruppo:before{content:""}.icon-data_orologio:before{content:""}.icon-data-calendario:before{content:""}.icon-Doc_recenti:before{content:""}.icon-doc-dwg:before{content:""}.icon-doc-excel:before{content:""}.icon-doc-pdf:before{content:""}.icon-doc-png:before{content:""}.icon-doc-pptx:before{content:""}.icon-doc-testo:before{content:""}.icon-doc-word:before{content:""}.icon-duplica:before{content:""}.icon-elimina:before{content:""}.icon-espandi:before{content:""}.icon-espandi-card:before{content:""}.icon-esporta:before{content:""}.icon-file-manager:before{content:""}.icon-filtri:before{content:""}.icon-firma-digitale:before{content:""}.icon-Gestione_pratiche:before{content:""}.icon-Gruppi_di_lavoro:before{content:""}.icon-invia-per-posta:before{content:""}.icon-modifica:before{content:""}.icon-modifica-metadati:before{content:""}.icon-modifica-multipla:before{content:""}.icon-mostra-file:before{content:""}.icon-my-notes:before{content:""}.icon-notifiche:before{content:""}.icon-nuova-attivit:before{content:""}.icon-nuova-pratica:before{content:""}.icon-nuovo-modello-di-pratica:before{content:""}.icon-opzioni:before{content:""}.icon-passa-ad-archiviazione:before{content:""}.icon-preferiti:before{content:""}.icon-pulisci-ricerca:before{content:""}.icon-reminder:before{content:""}.icon-ricerca:before{content:""}.icon-ricerca-lente:before{content:""}.icon-ricerca-rapida-cartella:before{content:""}.icon-ricerca-rapida-ddt:before{content:""}.icon-ricerca-rapida-folgore:before{content:""}.icon-ricerca-rapida-mountain:before{content:""}.icon-ricerca-rapida-pallini:before{content:""}.icon-ricerca-rapida-star:before{content:""}.icon-ricerca-rapida-valigetta:before{content:""}.icon-ricerche-rapide-salvate:before{content:""}.icon-riduci:before{content:""}.icon-rimuovi-tutti-i-filtri:before{content:""}.icon-rispondi:before{content:""}.icon-scrivi:before{content:""}.icon-segui:before{content:""}.icon-Serbatoi:before{content:""}.icon-stampa:before{content:""}.icon-storicizza:before{content:""}.icon-torna-alla-ricerca:before{content:""}.icon-trova-riferimenti:before{content:""}.icon-unisci-in-un-file-pdf:before{content:""}.icon-up-arrow:before{content:""}.icon-user-profile:before{content:""}.icon-vai-a-risultato:before{content:""}.icon-vista-file-manager-1:before{content:""}.icon-vista-file-manager-2:before{content:""}.tm-popup-root{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.4);overflow:hidden;z-index:20000991}.tm-popup-container{position:absolute;height:100vh;width:100vw;overflow:hidden;z-index:20000992}.tm-popup{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);background:#f0f4fa 0% 0% no-repeat padding-box;border-radius:10px;height:max-content;width:450px;max-height:450px;overflow:hidden;box-shadow:4px 4px 10px rgba(0,0,0,.2);z-index:100000}.close-btn{cursor:pointer;transform:translateY(3px)}.tm-popup-title{color:#2459a4;font-weight:bold;text-align:center}.tm-popup-context{color:#2459a4;margin:15px;text-align:center;font-size:1rem;width:100%;height:70px;border:none;cursor:text;background:rgba(0,0,0,0);resize:none}.tm-popup-context:focus{outline:none}.tm-popup-context-container{padding:30px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.tm-popup-btn{padding:10px;position:absolute;bottom:20px;left:0;width:100%;height:45px;display:flex;flex-direction:row;justify-content:center;align-items:center}.tm-popup-btn>button{border:1px solid #d1d1d1;padding:0px 5px;background-color:#fff;border-radius:5px;width:fit-content;min-width:100px;height:fit-content;min-height:30px;cursor:pointer;font-size:1rem;font-family:"Open Sans",sans-serif;transition:all ease 100ms;margin:3px}.tm-popup-btn>button:hover{box-shadow:2px 2px 10px rgba(0,0,0,.2);transition:all ease 200ms}.tm-spinner-container{width:100%;height:calc(100% - 50px);position:fixed;top:0;left:0;z-index:2000000001}.toppy-spinner img{animation-name:rotate;animation-duration:2500ms;animation-delay:0s;border-radius:50%;animation-iteration-count:infinite;animation-timing-function:ease}@keyframes rotate{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(-90deg)}100%{transform:rotate(0deg)}}.tm-spinner-wrapper{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;max-width:250px;max-height:200px;padding:10px;border-radius:5px;background-color:#fcfcfc;box-shadow:2px 2px 2px rgba(0,0,0,.3)}.tm-spinner{display:inline-block;width:80px;height:80px;z-index:2000000}.tm-spinner div{animation:tm-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.tm-spinner div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#0c448e;margin:-4px 0 0 -4px}.tm-spinner div:nth-child(1){animation-delay:-0.036s}.tm-spinner div:nth-child(1):after{top:63px;left:63px;background:#f7a51f}.tm-spinner div:nth-child(2){animation-delay:-0.072s}.tm-spinner div:nth-child(2):after{top:68px;left:56px;background:#f7a51f}.tm-spinner div:nth-child(3){animation-delay:-0.108s}.tm-spinner div:nth-child(3):after{top:71px;left:48px;background:#d3237b}.tm-spinner div:nth-child(4){animation-delay:-0.144s}.tm-spinner div:nth-child(4):after{top:72px;left:40px;background:#d3237b}.tm-spinner div:nth-child(5){animation-delay:-0.18s}.tm-spinner div:nth-child(5):after{top:71px;left:32px;background:#d12a1c}.tm-spinner div:nth-child(6){animation-delay:-0.216s}.tm-spinner div:nth-child(6):after{top:68px;left:24px;background:#d12a1c}.tm-spinner div:nth-child(7){animation-delay:-0.252s}.tm-spinner div:nth-child(7):after{top:63px;left:17px;background:#782b7d}.tm-spinner div:nth-child(8){animation-delay:-0.288s}.tm-spinner div:nth-child(8):after{top:56px;left:12px;background:#782b7d}@keyframes tm-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}
+@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}.tm-spinner-container{width:100%;height:calc(100% - 50px);position:fixed;top:0;left:0;z-index:2000000001}.toppy-spinner img{animation-name:rotate;animation-duration:2500ms;animation-delay:0s;border-radius:50%;animation-iteration-count:infinite;animation-timing-function:ease}@keyframes rotate{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(-90deg)}100%{transform:rotate(0deg)}}.tm-spinner-wrapper{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;max-width:250px;max-height:200px;padding:10px;border-radius:5px;background-color:#fcfcfc;box-shadow:2px 2px 2px rgba(0,0,0,.3)}.tm-spinner{display:inline-block;width:80px;height:80px;z-index:2000000}.tm-spinner div{animation:tm-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.tm-spinner div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#0c448e;margin:-4px 0 0 -4px}.tm-spinner div:nth-child(1){animation-delay:-0.036s}.tm-spinner div:nth-child(1):after{top:63px;left:63px;background:#f7a51f}.tm-spinner div:nth-child(2){animation-delay:-0.072s}.tm-spinner div:nth-child(2):after{top:68px;left:56px;background:#f7a51f}.tm-spinner div:nth-child(3){animation-delay:-0.108s}.tm-spinner div:nth-child(3):after{top:71px;left:48px;background:#d3237b}.tm-spinner div:nth-child(4){animation-delay:-0.144s}.tm-spinner div:nth-child(4):after{top:72px;left:40px;background:#d3237b}.tm-spinner div:nth-child(5){animation-delay:-0.18s}.tm-spinner div:nth-child(5):after{top:71px;left:32px;background:#d12a1c}.tm-spinner div:nth-child(6){animation-delay:-0.216s}.tm-spinner div:nth-child(6):after{top:68px;left:24px;background:#d12a1c}.tm-spinner div:nth-child(7){animation-delay:-0.252s}.tm-spinner div:nth-child(7):after{top:63px;left:17px;background:#782b7d}.tm-spinner div:nth-child(8){animation-delay:-0.288s}.tm-spinner div:nth-child(8):after{top:56px;left:12px;background:#782b7d}@keyframes tm-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.15.129",
+  "version": "6.15.131",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -38,7 +38,7 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts-beta": "6.15.11",
+    "@topconsultnpm/sdk-ts-beta": "6.15.12",
     "buffer": "^6.0.3",
     "devextreme": "25.1.4",
     "devextreme-react": "25.1.4",