@topconsultnpm/sdkui-react-beta 6.11.98 → 6.11.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,6 +3,7 @@ import { ITMRightSidebarProps } from './TMRightSidebar';
3
3
  export interface ITMToolbarCardProps extends ITMRightSidebarProps {
4
4
  color?: string;
5
5
  backgroundColor?: string;
6
+ backgroundColorContainer?: string;
6
7
  children?: React.ReactNode;
7
8
  showHeader?: boolean;
8
9
  title?: string;
@@ -43,9 +43,9 @@ const StyledSearchCardContent = styled.div `
43
43
  position: relative;
44
44
  user-select: none;
45
45
  `;
46
- const TMToolbarCard = ({ items = [], onItemClick, selectedItem, showPanel, color = TMColors.colorHeader, backgroundColor = TMColors.backgroundColorHeader, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '3px', onBack, onClose, onHeaderDoubleClick }) => {
46
+ const TMToolbarCard = ({ items = [], onItemClick, selectedItem, showPanel, color = TMColors.colorHeader, backgroundColor = TMColors.backgroundColorHeader, backgroundColorContainer, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '3px', onBack, onClose, onHeaderDoubleClick }) => {
47
47
  return (_jsxs(StyledSearchCard, { children: [showHeader && _jsx(StyledSearchCardHeader, { "$backgroundColor": backgroundColor, "$color": color, onDoubleClick: () => { if (onHeaderDoubleClick)
48
- 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 &&
48
+ 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": backgroundColorContainer ?? `${TMColors.backgroundColorHeader}12`, children: [_jsx("div", { style: { width: items.length > 0 ? 'calc(100% - 30px)' : '100%' }, children: children }), items.length > 0 &&
49
49
  _jsx(TMRightSidebar, { items: items, onItemClick: onItemClick, selectedItem: selectedItem, showPanel: showPanel })] })] }));
50
50
  };
51
51
  export default TMToolbarCard;
@@ -127,7 +127,7 @@ const TMFormulaEditor = (props) => {
127
127
  return (_jsx(TMApplyForm, { isModal: props.isModal, formMode: props.formMode, isModified: formData.expression !== formDataOrig.expression, exception: exception, validationItems: validationItems, title: SDKUI_Localizator.Formula, hasNavigation: false, showBack: props.showBack, height: '600px', width: '800px', onApply: () => applyData(), onClose: props.onClose, onUndo: () => {
128
128
  setFormData(formDataOrig);
129
129
  setValidationItems([]);
130
- }, customToolbarElements: _jsx(TMButton, { caption: SDKUI_Localizator.EvaluateResult, onClick: () => { formulaValidator_BackEnd(); }, btnStyle: 'toolbar', icon: _jsx(IconNotification, {}) }), children: _jsxs(TMSplitterLayout, { direction: devicrType === DeviceType.MOBILE ? 'vertical' : 'horizontal', showSeparator: true, separatorSize: 2, start: ['50%', '50%'], min: ['0px', '0px'], children: [_jsx(TMLayoutItem, { children: _jsx(TMCard, { children: _jsx(TreeView, { id: "treeview", items: props.inputData?.items, width: '100%', scrollDirection: 'vertical', itemRender: renderTreeViewItem }) }) }), _jsx(TMLayoutItem, { children: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx(TMLayoutItem, { children: _jsx(TMCard, { scrollX: true, children: _jsx("textarea", { ref: textAreaRef, spellCheck: false, value: formData?.expression ?? '', onChange: (e) => {
130
+ }, customToolbarElements: _jsx(TMButton, { caption: SDKUI_Localizator.EvaluateResult, onClick: () => { formulaValidator_BackEnd(); }, btnStyle: 'toolbar', icon: _jsx(IconNotification, {}) }), children: _jsxs(TMSplitterLayout, { direction: devicrType === DeviceType.MOBILE ? 'vertical' : 'horizontal', showSeparator: true, separatorSize: 2, start: devicrType === DeviceType.MOBILE ? ['50%', '50%'] : ['30%', '70%'], min: ['0px', '0px'], children: [_jsx(TMLayoutItem, { children: _jsx(TMCard, { children: _jsx(TreeView, { id: "treeview", items: props.inputData?.items, width: '100%', scrollDirection: 'vertical', itemRender: renderTreeViewItem }) }) }), _jsx(TMLayoutItem, { children: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx(TMLayoutItem, { children: _jsx(TMCard, { scrollX: true, children: _jsx("textarea", { ref: textAreaRef, spellCheck: false, value: formData?.expression ?? '', onChange: (e) => {
131
131
  setFormData({ ...formData, expression: e.target.value });
132
132
  if (e.target.value != formDataOrig?.expression)
133
133
  insertValidationItem();
@@ -1,8 +1,8 @@
1
1
  var _a;
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { SDK_Globals, SDK_Localizator, JobTypes, ObjectClasses, OwnershipLevels, ProcessStates, DcmtTypeListCacheService } from "@topconsultnpm/sdk-ts-beta";
4
- import { TMDcmtTypeIcon, TMTooltip, TMUserIcon } from "../components";
5
- import { Icon123, IconAccessPoint, IconAddressBook, IconBasket, IconCloud, IconDataList, IconDisk, IconProcess, IconServerService, IconSettings, IconSignCert, IconSuitcase, IconTree, IconUserGroup, SDKUI_Localizator } from "../helper";
4
+ import { TMTooltip, TMUserIcon } from "../components";
5
+ import { Icon123, IconAccessPoint, IconAddressBook, IconBasket, IconCloud, IconDataList, IconDcmtType, IconDisk, IconProcess, IconServerService, IconSettings, IconSignCert, IconSuitcase, IconTree, IconUserGroup, SDKUI_Localizator } from "../helper";
6
6
  import { TMColors } from "../utils/theme";
7
7
  import { LocalizeOwnershipLevels } from "../helper/Enum_Localizator";
8
8
  export class PlatformObjectService {
@@ -412,7 +412,7 @@ PlatformObjectService.getIcon = (objClass, d) => {
412
412
  break;
413
413
  }
414
414
  return (_jsx("div", { style: { flexDirection: "row", display: "flex", alignItems: "center", justifyContent: "center", overflow: 'visible' }, children: objClass == ObjectClasses.User ? _jsx(TMUserIcon, { ud: d }) :
415
- _jsxs(TMTooltip, { content: _a.getTooltip(objClass, d), children: [objClass == ObjectClasses.Area && _jsx(IconCloud, { color: ownershipColor }), objClass == ObjectClasses.BasketType && _jsx(IconBasket, { color: ownershipColor }), objClass == ObjectClasses.DcmtType && _jsx(TMDcmtTypeIcon, { dtd: d }), objClass == ObjectClasses.Disk && _jsx(IconDisk, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id > 26 && _jsx(IconDataList, { color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id <= 26 && _jsx(IconSettings, { color: ownershipColor }), objClass == ObjectClasses.Group && _jsx(IconUserGroup, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Numerator && _jsx(Icon123, { color: ownershipColor }), objClass == ObjectClasses.SignCert && _jsx(IconSignCert, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.SignServer && _jsx(IconServerService, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.LDAP && _jsx(IconAddressBook, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Tree && _jsx(IconTree, { color: ownershipColor }), objClass == ObjectClasses.TSA && _jsx(IconAccessPoint, { color: ownershipColor }), objClass == ObjectClasses.Job && _jsx(IconSuitcase, { color: ownershipColor }), objClass == ObjectClasses.Process && _jsx(IconProcess, { color: d.state === ProcessStates.Running ? TMColors.primary : d.state === ProcessStates.Ready || d.state === ProcessStates.Started ? TMColors.secondary : d.state === ProcessStates.Freezed ? 'rgb(180,180,180)' : d.state === ProcessStates.Completed ? TMColors.success : TMColors.error })] }) }));
415
+ _jsxs(TMTooltip, { content: _a.getTooltip(objClass, d), children: [objClass == ObjectClasses.Area && _jsx(IconCloud, { color: ownershipColor }), objClass == ObjectClasses.BasketType && _jsx(IconBasket, { color: ownershipColor }), objClass == ObjectClasses.DcmtType && _jsx(IconDcmtType, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Disk && _jsx(IconDisk, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id > 26 && _jsx(IconDataList, { color: ownershipColor }), objClass == ObjectClasses.DataList && d.id && d.id <= 26 && _jsx(IconSettings, { color: ownershipColor }), objClass == ObjectClasses.Group && _jsx(IconUserGroup, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Numerator && _jsx(Icon123, { color: ownershipColor }), objClass == ObjectClasses.SignCert && _jsx(IconSignCert, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.SignServer && _jsx(IconServerService, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.LDAP && _jsx(IconAddressBook, { fontSize: 20, color: ownershipColor }), objClass == ObjectClasses.Tree && _jsx(IconTree, { color: ownershipColor }), objClass == ObjectClasses.TSA && _jsx(IconAccessPoint, { color: ownershipColor }), objClass == ObjectClasses.Job && _jsx(IconSuitcase, { color: ownershipColor }), objClass == ObjectClasses.Process && _jsx(IconProcess, { color: d.state === ProcessStates.Running ? TMColors.primary : d.state === ProcessStates.Ready || d.state === ProcessStates.Started ? TMColors.secondary : d.state === ProcessStates.Freezed ? 'rgb(180,180,180)' : d.state === ProcessStates.Completed ? TMColors.success : TMColors.error })] }) }));
416
416
  };
417
417
  PlatformObjectService.getTooltip = (objClass, d) => {
418
418
  let ownLevel = LocalizeOwnershipLevels(d.ownershipLevel);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.11.98",
3
+ "version": "6.11.100",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",