@topconsultnpm/sdkui-react-beta 6.11.0 → 6.11.2

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

@@ -1,4 +1,4 @@
-export interface TMThumbnailsViewItemProps {
+export interface TMWGsDraftThumbViewItemProps {
     item: FileItem;
     isSelected: boolean;
     showId: boolean;
@@ -72,7 +72,7 @@ export interface TMFileManagerProps {
     /** Callback for handling drop file */
     handleDropFileCallback?: (files: Array<File>) => void;
     /** JSX element representing the thumbnail view item for a file or folder */
-    thumbnailsViewItemComponent?: (props: TMThumbnailsViewItemProps) => JSX.Element;
+    thumbnailsViewItemComponent?: (props: TMWGsDraftThumbViewItemProps) => JSX.Element;
 }
 declare const TMFileManager: (props: TMFileManagerProps) => import("react/jsx-runtime").JSX.Element;
 export default TMFileManager;

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

@@ -6,7 +6,8 @@ export interface ITMToolbarCardProps extends ITMRightSidebarProps {
     children?: React.ReactNode;
     showHeader?: boolean;
     title?: string;
-    titleCount?: number;
+    displayedItemsCount?: number;
+    totalItems?: number;
     toolbar?: any;
     padding?: string;
     onBack?: () => void;

package/lib/components/base/TMToolbarCard.js

@@ -43,9 +43,9 @@ const StyledSearchCardContent = styled.div `
     position: relative;
     user-select: none;
 `;
-const TMToolbarCard = ({ items = [], onItemClick, selectedItem, showPanel, color = TMColors.colorHeader, backgroundColor = TMColors.backgroundColorHeader, children, showHeader = true, title, titleCount, toolbar, padding = '3px', onBack, onClose, onHeaderDoubleClick }) => {
+const TMToolbarCard = ({ items = [], onItemClick, selectedItem, showPanel, color = TMColors.colorHeader, backgroundColor = TMColors.backgroundColorHeader, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '3px', onBack, onClose, onHeaderDoubleClick }) => {
     return (_jsxs(StyledSearchCard, { children: [showHeader && _jsx(StyledSearchCardHeader, { "$backgroundColor": backgroundColor, "$color": color, onDoubleClick: () => { if (onHeaderDoubleClick)
-                    onHeaderDoubleClick(); }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', width: '100%' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '8px' }, children: [onBack && _jsx(TMButton, { btnStyle: 'icon', icon: _jsx("div", { style: { backgroundColor: 'white', minWidth: '24px', minHeight: '24px', borderRadius: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(IconArrowLeft, { color: TMColors.primaryColor }) }), caption: 'Torna indietro', onClick: onBack }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [_jsx("p", { children: title }), titleCount ? _jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: titleCount }) : _jsx(_Fragment, {})] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '5px' }, children: [toolbar, onClose && _jsx(TMButton, { color: 'primaryOutline', caption: SDKUI_Localizator.Close, icon: _jsx("i", { className: 'dx-icon-remove', style: { color: "white" } }), btnStyle: 'icon', onClick: () => onClose?.() })] })] }) }), _jsxs(StyledSearchCardContent, { "$height": showHeader ? "calc(100% - 35px)" : "100%", "$padding": padding, "$backgroundColor": `${TMColors.backgroundColorHeader}12`, children: [_jsx("div", { style: { width: items.length > 0 ? 'calc(100% - 30px)' : '100%' }, children: children }), items.length > 0 &&
+                    onHeaderDoubleClick(); }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', width: '100%' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '8px' }, children: [onBack && _jsx(TMButton, { btnStyle: 'icon', icon: _jsx("div", { style: { backgroundColor: 'white', minWidth: '24px', minHeight: '24px', borderRadius: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(IconArrowLeft, { color: TMColors.primaryColor }) }), caption: 'Torna indietro', onClick: onBack }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [_jsx("p", { children: title }), displayedItemsCount && displayedItemsCount > 0 ? _jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: displayedItemsCount }) : _jsx(_Fragment, {}), displayedItemsCount && displayedItemsCount > 0 && totalItems && totalItems > 0 && _jsx("div", { children: "/" }), totalItems ? _jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: totalItems }) : _jsx(_Fragment, {})] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '5px' }, children: [toolbar, onClose && _jsx(TMButton, { color: 'primaryOutline', caption: SDKUI_Localizator.Close, icon: _jsx("i", { className: 'dx-icon-remove', style: { color: "white" } }), btnStyle: 'icon', onClick: () => onClose?.() })] })] }) }), _jsxs(StyledSearchCardContent, { "$height": showHeader ? "calc(100% - 35px)" : "100%", "$padding": padding, "$backgroundColor": `${TMColors.backgroundColorHeader}12`, children: [_jsx("div", { style: { width: items.length > 0 ? 'calc(100% - 30px)' : '100%' }, children: children }), items.length > 0 &&
                         _jsx(TMRightSidebar, { items: items, onItemClick: onItemClick, selectedItem: selectedItem, showPanel: showPanel })] })] }));
 };
 export default TMToolbarCard;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.11.0",
+    "version": "6.11.2",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",