@topconsultnpm/sdkui-react-beta 6.6.15 → 6.6.16

package/lib/components/query/TMQueryEditor.js

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { SDK_Localizator, AccessLevels, OnJoinItem, JoinTypes, PlatformObjectValidator, MetadataDataDomains, DcmtTypeListCacheService, JoinItem, SystemMIDsAsNumber, MetadataDataTypes, OrderByItem, QueryDescriptor, QueryFunctions, QueryOperators, ResultTypes, SelectItem, SDK_Globals, UserListCacheService, WhereItem, SearchEngine, SelectItemVisibilities, DataListCacheService, QueryValidatorOptions, TMPropertyNames, AppModules, LayoutModes } from '@topconsultnpm/sdk-ts-beta';
 import styled from 'styled-components';
 import Accordion, { Item } from 'devextreme-react/accordion';
-import { SDKUI_Localizator, IconSearch, IconCount, getQueryCountAsync, calcIsModified, IconClear, IconAddCircleOutline, IconDotsVerticalCircleOutline, IconHide, IconShow, IconDraggabledots, genUniqueId, LocalizeQueryOperators, LocalizeQueryFunctions, LocalizeQueryJoinTypes, IconArchiveDoc, IconArrowRight } from '../../helper';
+import { SDKUI_Localizator, IconSearch, IconCount, getQueryCountAsync, calcIsModified, IconClear, IconAddCircleOutline, IconDotsVerticalCircleOutline, IconHide, IconShow, IconDraggabledots, genUniqueId, LocalizeQueryOperators, LocalizeQueryFunctions, LocalizeQueryJoinTypes, IconArchiveDoc, IconArrowRight, IconLayerGroup } from '../../helper';
 import { displayMetadataValue, getDcmtTypesByQdAsync, getTIDsByQd } from '../../helper/queryHelper';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { FormModes } from '../../ts';
@@ -1018,24 +1018,25 @@ const TMQdWhereItemValue = ({ whereItem, index, queryParamsDynDataList, onlyEdit
                                 : _jsxs(_Fragment, { children: [displayMetadataValue(md, whereItem.value1, mdValueEmptyDescr), numberOfOperands == 2 && (whereItem.value2 && whereItem.value2 != '' ? ` - ${displayMetadataValue(md, whereItem.value2, mdValueEmptyDescr)}` : ' - ?')] }) })] })] }));
 };
 export const TMQdWhereItemValueEditor = ({ tid, value, queryParamsDynDataList, containerElement, allowMultipleSelection, autoFocus, numberOfOperands, md, onValueChanged, onValueChange, onCascadeRefreshDynDataLists }) => {
+    let btnDistincValues = { text: 'Valori distinti', icon: _jsx(IconLayerGroup, { fontSize: 16 }), onClick: () => { ShowAlert({ message: "TODO Valori distinti", mode: 'info', title: `${"TODO"}`, duration: 3000 }); } };
     if (value?.startsWith("{@QueryParam") || value == "{@UserName}" || value == "{@UserID}")
         return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'text', maxLength: md?.length, autoFocus: autoFocus, value: value || '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
     if (md?.dataDomain == MetadataDataDomains.DynamicDataList)
-        return _jsx(TMDynDataListItemChooser, { md: md, tid: tid, queryParamsDynDataList: queryParamsDynDataList, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, allowMultipleSelection: allowMultipleSelection, values: value ? [value] : [], hasClear: false, onValueChanged: (IDs) => {
+        return _jsx(TMDynDataListItemChooser, { md: md, tid: tid, buttons: [btnDistincValues], queryParamsDynDataList: queryParamsDynDataList, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, allowMultipleSelection: allowMultipleSelection, values: value ? [value] : [], showClearButton: true, onValueChanged: (IDs) => {
                 if (!IDs || IDs.length <= 0)
                     onValueChanged?.(undefined);
                 else
                     onValueChanged?.(IDs[0]);
             } });
     if (md?.dataDomain == MetadataDataDomains.DataList)
-        return _jsx(TMDataListItemChooser, { elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, dataListId: md.dataListID, allowMultipleSelection: allowMultipleSelection, values: value?.split(',').map((item) => !item.startsWith("'") ? item : item.slice(1, -1)) ?? [], hasClear: false, onValueChanged: (IDs) => {
+        return _jsx(TMDataListItemChooser, { elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, dataListId: md.dataListID, allowMultipleSelection: allowMultipleSelection, values: value?.split(',').map((item) => !item.startsWith("'") ? item : item.slice(1, -1)) ?? [], showClearButton: true, buttons: [btnDistincValues], onValueChanged: (IDs) => {
                 if (!IDs || IDs.length <= 0)
                     onValueChanged?.(undefined);
                 else
                     onValueChanged?.(IDs.join(","));
             } });
     if (md?.dataDomain == MetadataDataDomains.UserID)
-        return _jsx(TMUserChooser, { elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, placeHolder: " ", hasClear: true, allowMultipleSelection: allowMultipleSelection, values: value?.split(',').map((item) => !item.startsWith("'") ? Number(item) : Number(item.slice(1, -1))) ?? [], onValueChanged: (IDs) => {
+        return _jsx(TMUserChooser, { elementStyle: { width: '100%' }, backgroundColor: TMColors.default_background, placeHolder: " ", showClearButton: true, allowMultipleSelection: allowMultipleSelection, values: value?.split(',').map((item) => !item.startsWith("'") ? Number(item) : Number(item.slice(1, -1))) ?? [], buttons: [btnDistincValues], onValueChanged: (IDs) => {
                 if (!IDs || IDs.length <= 0)
                     onValueChanged?.(undefined);
                 else
@@ -1043,13 +1044,13 @@ export const TMQdWhereItemValueEditor = ({ tid, value, queryParamsDynDataList, c
             } });
     switch (numberOfOperands) {
         case 11:
-        case 99: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'text', maxLength: md?.length, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
-        case 12: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'number', precision: md?.length, scale: md?.scale, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
+        case 99: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'text', buttons: [btnDistincValues], showClearButton: true, maxLength: md?.length, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
+        case 12: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'number', showClearButton: true, precision: md?.length, scale: md?.scale, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
         default:
             switch (md?.dataType) {
-                case MetadataDataTypes.DateTime: return _jsx(TMDateBox, { width: '100%', value: value, useDateSerializationFormat: true, containerElement: containerElement, onValueChange: (newValue) => { onValueChange?.(newValue ? newValue.toString() : undefined); onValueChanged?.(newValue ? newValue.toString() : undefined); } });
-                case MetadataDataTypes.Number: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'number', precision: md?.length, scale: md?.scale, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
-                default: return _jsx(TMTextBox, { type: 'text', elementStyle: { width: '100%' }, autoFocus: autoFocus, maxLength: md?.length, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => { onValueChanged?.(newValue); } });
+                case MetadataDataTypes.DateTime: return _jsx(TMDateBox, { width: '100%', value: value, buttons: [btnDistincValues], showClearButton: true, useDateSerializationFormat: true, containerElement: containerElement, onValueChange: (newValue) => { onValueChange?.(newValue ? newValue.toString() : undefined); onValueChanged?.(newValue ? newValue.toString() : undefined); } });
+                case MetadataDataTypes.Number: return _jsx(TMTextBox, { elementStyle: { width: '100%' }, type: 'number', buttons: [btnDistincValues], showClearButton: true, precision: md?.length, scale: md?.scale, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
+                default: return _jsx(TMTextBox, { type: 'text', elementStyle: { width: '100%' }, showClearButton: true, buttons: [btnDistincValues], autoFocus: autoFocus, maxLength: md?.length, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => { onValueChanged?.(newValue); } });
             }
     }
 };

package/lib/components/query/TMQueryResult.d.ts

@@ -1,10 +1,10 @@
 import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
 declare const TMQueryResult: ({ result, elapsedTime, showHiddenSelectItems, searchText, onSelectionChanged, onDblClick }: {
-    onDblClick?: (() => void) | undefined;
-    onSelectionChanged?: ((e: any[]) => void) | undefined;
+    onDblClick?: () => void;
+    onSelectionChanged?: (e: any[]) => void;
     result: SearchResultDescriptor | undefined;
-    elapsedTime?: number | undefined;
-    showHiddenSelectItems?: boolean | undefined;
-    searchText?: string | undefined;
+    elapsedTime?: number;
+    showHiddenSelectItems?: boolean;
+    searchText?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMQueryResult;

package/lib/components/query/TMQueryResultForm.d.ts

@@ -6,17 +6,17 @@ export declare enum SearchResultContext {
     RECENT = "recent"
 }
 declare const TMQueryResultForm: ({ onUpdate, isModal, onClose, context, result1, result2, elapsedTime, searchText, tabIcon1, tabIcon2, tabTitle1, tabTitle2 }: {
-    tabTitle1?: string | undefined;
-    tabTitle2?: string | undefined;
+    tabTitle1?: string;
+    tabTitle2?: string;
     tabIcon1?: any;
     tabIcon2?: any;
-    isModal?: boolean | undefined;
-    onClose?: (() => void) | undefined;
-    context?: SearchResultContext | undefined;
-    result1?: SearchResultDescriptor | SearchResultDescriptor[] | undefined;
-    result2?: SearchResultDescriptor | SearchResultDescriptor[] | undefined;
-    elapsedTime?: number | undefined;
-    searchText?: string | undefined;
-    onUpdate?: (() => Promise<void>) | undefined;
+    isModal?: boolean;
+    onClose?: () => void;
+    context?: SearchResultContext;
+    result1?: SearchResultDescriptor | SearchResultDescriptor[];
+    result2?: SearchResultDescriptor | SearchResultDescriptor[];
+    elapsedTime?: number;
+    searchText?: string;
+    onUpdate?: () => Promise<void>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMQueryResultForm;

package/lib/components/sidebar/TMHeader.d.ts

@@ -24,8 +24,8 @@ interface ITMHeader {
     onSettingsClick?: () => void;
 }
 export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth, marginLeft }: {
-    maxWidth?: string | undefined;
-    marginLeft?: string | undefined;
+    maxWidth?: string;
+    marginLeft?: string;
     searchValue: string;
     onSearchValueChanged: (value: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/components/sidebar/TMSidebar.d.ts

@@ -12,10 +12,6 @@ interface ITMSidebar {
     /** Lista di TMSidebarItem che compongono il menù */
     items: JSX.Element[];
     height?: string;
-    width?: string;
-    top?: string;
-    left?: string;
-    borderRightRadius?: string;
 }
 declare const TMSidebar: React.FC<ITMSidebar>;
 export default TMSidebar;

package/lib/components/sidebar/TMSidebar.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-import { ApplicationThemeColor } from './TMSidebarItem';
 const StyledTMSidebarContainer = styled.div `
-    top: ${props => props.$top ? props.$top : '53px'};
-    left: ${props => props.$left ? props.$left : '0px'};
-    width: ${props => props.$width ? props.$width : '50px'};
-    height: ${props => props.$height ? props.$height : 'calc(100% - 88px)'};
-    background: ${props => props.$appName === 'ORCHESTRATOR' ? `${ApplicationThemeColor.ORCHESTRATOR} 0% 0% no-repeat padding-box` : props.$appName === 'SURFER' ? `${ApplicationThemeColor.SURFER} 0% 0% no-repeat padding-box` : `${ApplicationThemeColor.DESIGNER} 0% 0% no-repeat padding-box`};
+    top: 50px;
+    left: 0px;
+    width: 50px;
+    height: ${props => props.$height ?? ''} ;
+    background: ${props => props.$appName === 'ORCHESTRATOR' ? '#135596 0% 0% no-repeat padding-box' : props.$appName === 'SURFER' ? '#0e7418 0% 0% no-repeat padding-box' : '#b51678 0% 0% no-repeat padding-box'};
     box-shadow: 0px 3px 6px #00000029;
-    border-radius: 0;
+    border-radius: 0px 0px;
     opacity: 1;
     display: flex;
     flex-direction: column;
@@ -17,11 +16,9 @@ const StyledTMSidebarContainer = styled.div `
     align-items: center;
     padding: 10px 0px 0px 0px;
     position: absolute;
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
     /* z-index: 20000001; */
 `;
-const TMSidebar = ({ items, height, borderRightRadius, left, top, width }) => {
-    return (_jsxs(StyledTMSidebarContainer, { "$borderRightRadius": borderRightRadius, "$left": left, "$top": top, "$width": width, "$appName": SDK_Globals.appModule, "$height": height, children: [items.filter(item => item.props.type !== 'app'), _jsx("div", { style: { position: 'absolute', bottom: '10px', display: 'flex', flexDirection: 'column' }, children: items.filter(item => item.props.type === 'app') })] }));
+const TMSidebar = ({ items, height }) => {
+    return (_jsx(_Fragment, { children: _jsxs(StyledTMSidebarContainer, { "$appName": SDK_Globals.appModule, "$height": height, children: [items.filter(item => item.props.type !== 'app'), _jsx("div", { style: { position: 'absolute', bottom: '10px', display: 'flex', flexDirection: 'column' }, children: items.filter(item => item.props.type === 'app') })] }) }));
 };
 export default TMSidebar;

package/lib/components/sidebar/TMSidebarItem.d.ts

@@ -1,19 +1,12 @@
 import React from 'react';
 import { AppRouteType } from './TMSidebar';
-export declare enum ApplicationThemeColor {
-    SURFER = "#0e7418",
-    ORCHESTRATOR = "#135596",
-    DESIGNER = "#b51678"
-}
 export interface ITMSidebarItem {
     name: string;
     path: string;
     type?: AppRouteType;
     isSelected: boolean;
     icon: any;
-    badgeNumber?: number;
     onClick?: (e: ITMSidebarItem) => void;
-    isAppIcon?: boolean;
 }
 declare const TMSidebarItem: React.FunctionComponent<ITMSidebarItem>;
 export default TMSidebarItem;

package/lib/components/sidebar/TMSidebarItem.js

@@ -1,13 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
+import { TMColors } from '../../utils/theme';
 import TMTooltip from '../base/TMTooltip';
-import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-export var ApplicationThemeColor;
-(function (ApplicationThemeColor) {
-    ApplicationThemeColor["SURFER"] = "#0e7418";
-    ApplicationThemeColor["ORCHESTRATOR"] = "#135596";
-    ApplicationThemeColor["DESIGNER"] = "#b51678";
-})(ApplicationThemeColor || (ApplicationThemeColor = {}));
 const StyledTMSidebarItemContainer = styled.div `
     margin-bottom: 10px;
     background-color: transparent;
@@ -15,9 +9,7 @@ const StyledTMSidebarItemContainer = styled.div `
     transition: all 200ms ease;
     user-select: none;
     cursor: pointer;
-    color:  ${(props) => props.$isSelected ? props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER : '#fff'};
-    background-color: ${props => props.$isSelected ? 'white' : 'transparent'} ;
-    border-radius: 3px;
+    color:  ${(props) => props.$isSelected ? TMColors.secondary : '#fff'};
     width: 32px;
     height: 32px;
 
@@ -26,12 +18,10 @@ const StyledTMSidebarItemContainer = styled.div `
     }
 
     &:hover {
-        background-color: ${props => !props.$isApp && 'white'};
-        color: ${props => !props.$isApp && props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER};
+        color: ${TMColors.secondary};
     }
 `;
 const TMSidebarItem = (props) => {
-    let app = SDK_Globals.appModule;
-    return (_jsx(TMTooltip, { hideAfterDelay: true, content: props.name, children: _jsxs(StyledTMSidebarItemContainer, { "$app": app, "$isApp": props.isAppIcon, onClick: () => props.onClick?.(props), style: { position: 'relative' }, "$isSelected": props.isSelected, children: [_jsxs("div", { children: [_jsx("i", { children: props.icon }), _jsx("p", { children: props.name })] }), props.badgeNumber > 0 && _jsx("div", { style: { width: '22px', height: '22px', backgroundColor: '#f09c0a', position: 'absolute', borderRadius: '22px', top: -6, right: -6, color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '1rem', fontWeight: 'bold' }, children: props.badgeNumber })] }) }));
+    return (_jsx(TMTooltip, { hideAfterDelay: true, content: props.name, children: _jsx(StyledTMSidebarItemContainer, { "$isSelected": props.isSelected, children: _jsxs("div", { onClick: () => props.onClick?.(props), children: [_jsx("i", { children: props.icon }), _jsx("p", { children: props.name })] }) }) }));
 };
 export default TMSidebarItem;

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -1,9 +1,9 @@
 import { DataListViewModes } from '@topconsultnpm/sdk-ts-beta';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 declare const TMDataListItemViewer: ({ dataListId, value, viewMode }: {
-    dataListId?: number | undefined;
-    value?: string | undefined;
-    viewMode?: DataListViewModes | undefined;
+    dataListId?: number;
+    value?: string;
+    viewMode?: DataListViewModes;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMDataListItemViewer;
 export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMMidViewer.d.ts

@@ -3,12 +3,12 @@ import { ITopMediaSession, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta
 import { TID_MID } from '../../ts';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 export declare const TMMidViewer: ({ tmSession, tid_mid, showCompleteName, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession | undefined;
+    tmSession?: ITopMediaSession;
     tid_mid: TID_MID | undefined;
-    showCompleteName?: boolean | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    showCompleteName?: boolean;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 interface ITMMetadataIcon {
     tid: number | undefined;

package/lib/components/viewers/TMTidViewer.d.ts

@@ -11,11 +11,11 @@ interface ITMDcmtTypeTooltip {
 }
 export declare const TMDcmtTypeTooltip: React.FC<ITMDcmtTypeTooltip>;
 declare const TMTidViewer: ({ tmSession, tid, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession | undefined;
-    tid?: number | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    tmSession?: ITopMediaSession;
+    tid?: number;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMTidViewer;
 export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;

package/lib/helper/TMIcons.d.ts

@@ -116,6 +116,7 @@ declare function IconHistory(props: React.SVGProps<SVGSVGElement>): import("reac
 declare function IconForceStop(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconDraggabledots(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconClear(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconClearButton(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
 declare function IconAddCircleOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconDotsVerticalCircleOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconMapping(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/lib/helper/TMIcons.js

@@ -351,6 +351,9 @@ function IconDraggabledots(props) {
 function IconClear(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsxs("defs", { children: [" ", _jsx("style", {}), " "] }), " ", _jsx("path", { d: "M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6c-.3 1.5-.4 3-.4 4.4 0 14.4 11.6 26 26 26h723c1.5 0 3-.1 4.4-.4 14.2-2.4 23.7-15.9 21.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z" }), " "] }));
 }
+export function IconClearButton(props) {
+    return (_jsx("svg", { fontSize: 16, fill: "currentColor", width: "1em", height: "1em", viewBox: "0 0 20 20", ...props, children: _jsx("path", { d: "M4.089 4.216l0.058-0.069c0.174-0.174 0.443-0.193 0.638-0.058l0.069 0.058 5.146 5.147 5.146-5.147c0.174-0.174 0.443-0.193 0.638-0.058l0.069 0.058c0.173 0.174 0.193 0.443 0.058 0.638l-0.058 0.069-5.147 5.146 5.147 5.146c0.173 0.174 0.193 0.443 0.058 0.638l-0.058 0.069c-0.174 0.173-0.443 0.193-0.638 0.058l-0.069-0.058-5.146-5.147-5.146 5.147c-0.174 0.173-0.443 0.193-0.638 0.058l-0.069-0.058c-0.174-0.174-0.193-0.443-0.058-0.638l0.058-0.069 5.147-5.146-5.147-5.146c-0.174-0.174-0.193-0.443-0.058-0.638v0z" }) }));
+}
 function IconAddCircleOutline(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { fill: "none", stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 32, d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z" }), " ", _jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 32, d: "M256 176v160M336 256H176" }), " "] }));
 }

package/lib/helper/helpers.d.ts

@@ -3,7 +3,7 @@ import { AppModules, DataColumnDescriptor, ITopMediaSession, QueryDescriptor, Se
 import { FormModes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
-declare const calcResponsiveDirection: (currentWidth: number, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
+declare const calcResponsiveDirection: (currentWidth: number, desktopDir: "horizontal" | "vertical", tabletDir: "horizontal" | "vertical", mobileDir: "horizontal" | "vertical") => "horizontal" | "vertical";
 declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
 export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
 declare const calcResponsiveSizes: (currentWidth: number, desktopSize: string, tabletSize: string, mobileSize: string) => string;

package/lib/hooks/useForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormModes } from "../ts";
 import { JobTypes, ObjectClasses, ValidationItem } from "@topconsultnpm/sdk-ts-beta";
 export declare function useSaveForm<T>(objClass: ObjectClasses, formMode: FormModes, id: number | undefined, objType?: JobTypes, validator?: (d: T) => Promise<ValidationItem[] | undefined>, onSaved?: (newDescriptor: T) => void, onStatusChanged?: (isModified: boolean, isValid: boolean) => void, customizeData?: (d: T) => T): {

package/lib/hooks/useOutsideClick.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const useOutsideClick: (callback: (escPressed?: boolean) => void) => import("react").RefObject<HTMLDivElement>;
 export declare const useEscapeKeyPress: (callback: () => void) => import("react").RefObject<HTMLDivElement>;

package/package.json

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