@topconsultnpm/sdkui-react-beta 6.11.8 → 6.11.10

package/lib/components/base/TMToolbarCard.js

@@ -45,7 +45,7 @@ const StyledSearchCardContent = styled.div `
 `;
 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 }), (displayedItemsCount && displayedItemsCount > 0) && (_jsxs(_Fragment, { children: [_jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: displayedItemsCount }), (totalItems && totalItems > 0) && _jsx("span", { children: "\u00A0\u00A0/\u00A0" })] })), (totalItems && totalItems > 0) && _jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: totalItems })] })] }), _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 }), Boolean(displayedItemsCount && displayedItemsCount > 0) && (_jsxs(_Fragment, { children: [_jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: displayedItemsCount }), Boolean(totalItems && totalItems > 0) && _jsx("span", { children: "\u00A0\u00A0/\u00A0" })] })), Boolean(totalItems && totalItems > 0) && _jsx(StyledBadge, { "$backgroundColor": '#679CE8', children: totalItems })] })] }), _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/lib/components/choosers/TMDiskChooser.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DiskDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { ITMChooserProps, ITMChooserFormProps } from '../../ts';
+interface ITMDiskChooserProps extends ITMChooserProps {
+    /** Contiene i values selezionati -> attualmente sempre e solo 1 elemento */
+    values?: number[];
+}
+declare const TMDiskChooser: React.FunctionComponent<ITMDiskChooserProps>;
+export default TMDiskChooser;
+export declare const TMDiskChooserForm: React.FunctionComponent<ITMChooserFormProps<DiskDescriptor>>;

package/lib/components/choosers/TMDiskChooser.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Column } from 'devextreme-react/cjs/data-grid';
+import { SDK_Localizator, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { StyledDivHorizontal } from '../base/Styled';
+import TMSummary from '../editors/TMSummary';
+import { IconDisk, IconSearch, SDKUI_Localizator } from '../../helper';
+import TMSpinner from '../base/TMSpinner';
+import TMChooserForm from '../forms/TMChooserForm';
+const TMDiskChooser = ({ backgroundColor, elementStyle, values, dataSource, isModifiedWhen, label, placeHolder, validationItems = [], onValueChanged }) => {
+    const [showChooser, setShowChooser] = useState(false);
+    const [disk, setDisk] = useState();
+    useEffect(() => {
+        if (dataSource && values && values.length > 0) {
+            let d = dataSource.find(d => d.id == values[0]);
+            if (d)
+                setDisk(d);
+        }
+    }, [values]);
+    const renderTemplate = () => {
+        return (_jsx(StyledDivHorizontal, { style: { minWidth: '125px' }, children: placeHolder && (!values || values.length <= 0)
+                ? _jsx("p", { children: placeHolder })
+                : _jsx("p", { style: { marginLeft: '10px' }, children: disk ? disk.name : placeHolder }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { backgroundColor: backgroundColor, iconEditButton: _jsx(IconSearch, {}), onEditorClick: () => setShowChooser(true), onClearClick: () => { onValueChanged?.([]); }, elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, label: label, template: renderTemplate(), showClearButton: true, hasValue: values && values.length > 0, validationItems: validationItems }), showChooser &&
+                _jsx(TMDiskChooserForm, { selectedIDs: values, dataSource: dataSource, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
+};
+export default TMDiskChooser;
+export const TMDiskChooserForm = (props) => {
+    const getItems = async (refreshCache) => {
+        TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.Disks} ...` });
+        let items = await SDK_Globals.tmSession?.NewDiskEngine().RetrieveAllAdminAsync();
+        TMSpinner.hide();
+        return items ?? [];
+    };
+    const renderDataGridColumns = [
+        _jsx(Column, { dataField: "uncPath", caption: 'Percorso UNC' }, 3),
+    ];
+    return (_jsx(TMChooserForm, { title: SDK_Localizator.Disks, allowMultipleSelection: false, hasShowId: true, showDefaultColumns: true, cellRenderIcon: () => _jsx(IconDisk, { color: '#767676' }), columns: renderDataGridColumns, manageUseLocalizedName: false, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => { props.onChoose?.(IDs); } }));
+};

package/lib/components/choosers/TMUserChooser.js

@@ -106,7 +106,7 @@ function User_IsExpired(d) {
         return false;
     let ud = d;
     const today = new Date();
-    return (ud.validFrom && today < ud.validFrom) || (ud.validTo && today > ud.validTo);
+    return (ud.validFrom && today < ud.validFrom) || (ud.validTo && today > ud.validTo) || ud.disabled;
 }
 const getUserIcon = (userLevel, level, isExpired) => {
     let ownershipColor = "";

package/lib/stories/TMDataGrid.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import 'devextreme/dist/css/dx.fluent.blue.light.compact.css';
-import '/lib/css/tm-sdkui.css';
 declare const _default: Meta;
 export default _default;
 export declare const DefaultTMDatagrid: any;

package/lib/stories/TMDataGrid.stories.js

@@ -5,7 +5,7 @@ import { TMDataGridPageSize } from '../components/base/TMDataGrid';
 // Importing the DevExtreme library's Material Design theme in light blue color scheme
 import 'devextreme/dist/css/dx.fluent.blue.light.compact.css';
 // Importing custom styles for the tm-sdkui library
-import '/lib/css/tm-sdkui.css';
+// import '/lib/css/tm-sdkui.css';
 import { sortArgTypes } from './TMStoriesUtils';
 const generateData = (count) => {
     const data = [];

package/package.json

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