@topconsultnpm/sdkui-react-beta 6.6.4 → 6.6.6

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

@@ -15,3 +15,14 @@ interface ITMButton extends ITMEditorBase {
 }
 declare const TMButton: React.FunctionComponent<ITMButton>;
 export default TMButton;
+export type NewButtonType = 'success' | 'error' | 'tertiary' | 'primary';
+export declare const TMButtonNew: ({ color, caption, disable, onClick, type, icon, width, height }: {
+    color?: string;
+    width?: string;
+    height?: string;
+    disable?: boolean;
+    caption?: string;
+    onClick?: () => void;
+    type?: NewButtonType;
+    icon?: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/base/TMButton.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import styled from 'styled-components';
-import { getColor } from '../../helper';
-import { FontSize } from '../../utils/theme';
+import { getColor, IconApply } from '../../helper';
+import { FontSize, TMColors } from '../../utils/theme';
 import TMTooltip from './TMTooltip';
 const StyledNormalButton = styled.button.withConfig({ shouldForwardProp: prop => !['text'].includes(prop) }) `
   font-size: ${props => props.fontSize};
@@ -161,3 +162,41 @@ const TMButton = ({ width, height, keyGesture, btnStyle = 'normal', color = 'pri
     return (_jsx("div", { style: elementStyle, children: showTooltip ? _jsx(TMTooltip, { hideAfterDelay: true, content: renderTooltip(), children: renderedButton() }) : renderedButton() }));
 };
 export default TMButton;
+const StyledWorkFlowOperationButton = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    width: ${props => props.$width};
+    height: ${props => props.$height};
+    font-weight: bold;
+    cursor: ${props => !props.$isDisabled ? 'pointer' : 'default'};
+    border-radius: 10px;
+    overflow: hidden;
+    color: white;
+    user-select: none;
+`;
+const StyledWorkFlowOperationButtonIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: ${props => props.$isHoverred ? '25px' : '0px'};
+    transition: width ease-in-out 100ms;
+    height: 100%;
+    background-color: ${props => props.$isDisabled ? '#b4b4b4' : props.$color ? `${props.$color}90` : props.$type === 'success' ? `${TMColors.success}90` : props.$type === 'error' ? `${TMColors.error}90` : props.$type === 'tertiary' ? `${TMColors.tertiary}90` : `${TMColors.primary}90`};
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
+`;
+const StyledWorkFlowOperationButtonText = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background-color: ${props => props.$isDisabled ? '#d1d1d1' : props.$color ? props.$color : props.$type === 'success' ? `${TMColors.success}` : props.$type === 'error' ? `${TMColors.error}` : props.$type === 'tertiary' ? `${TMColors.tertiary}` : `${TMColors.primary}`};
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
+`;
+export const TMButtonNew = ({ color, caption = '', disable = false, onClick, type = 'primary', icon = _jsx(IconApply, {}), width = '90px', height = '30px' }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    return (_jsxs(StyledWorkFlowOperationButton, { "$width": width, "$height": height, onMouseOver: () => !disable && setIsHovered(true), onMouseOut: () => setIsHovered(false), "$isDisabled": disable, onClick: () => !disable && onClick && onClick(), children: [_jsx(StyledWorkFlowOperationButtonIcon, { "$color": color, "$isHoverred": isHovered, "$isDisabled": disable, "$type": type, children: icon }), _jsxs(StyledWorkFlowOperationButtonText, { "$color": color, "$isDisabled": disable, "$type": type, children: [" ", caption, " "] })] }));
+};

package/lib/components/index.d.ts

@@ -1,5 +1,5 @@
 export { default as ShowAlert } from './base/TMAlert';
-export { default as TMButton } from './base/TMButton';
+export { default as TMButton, TMButtonNew } from './base/TMButton';
 export { default as TMClosableList } from './base/TMClosableList';
 export * from './base/TMContextMenu';
 export { default as TMDropDownMenu } from './base/TMDropDownMenu';

package/lib/components/index.js

@@ -1,7 +1,7 @@
 // base
 // export { default as TMAbortBox } from './base/TMAbortBox'
 export { default as ShowAlert } from './base/TMAlert';
-export { default as TMButton } from './base/TMButton';
+export { default as TMButton, TMButtonNew } from './base/TMButton';
 export { default as TMClosableList } from './base/TMClosableList';
 export * from './base/TMContextMenu';
 export { default as TMDropDownMenu } from './base/TMDropDownMenu';

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

@@ -5,17 +5,6 @@ export declare enum SearchResultContext {
     FAVORITES = "favorites",
     RECENT = "recent"
 }
-export type NewButtonType = 'success' | 'error' | 'tertiary' | 'primary';
-export declare const TMButtonNew: ({ color, caption, disable, onClick, type, icon, width, height }: {
-    color?: string;
-    width?: string;
-    height?: string;
-    disable?: boolean;
-    caption?: string;
-    onClick?: () => void;
-    type?: NewButtonType;
-    icon?: any;
-}) => import("react/jsx-runtime").JSX.Element;
 declare const TMQueryResultForm: ({ onUpdate, isModal, onClose, context, result1, result2, elapsedTime, searchText, tabIcon1, tabIcon2, tabTitle1, tabTitle2 }: {
     tabTitle1?: string;
     tabTitle2?: string;

package/lib/components/query/TMQueryResultForm.js

@@ -8,7 +8,7 @@ import { FormModes } from '../../ts';
 import { TMColors } from '../../utils/theme';
 import { StyledBadge } from '../base/Styled';
 import ShowAlert from '../base/TMAlert';
-import TMButton from '../base/TMButton';
+import TMButton, { TMButtonNew } from '../base/TMButton';
 import TMDropDownMenu from '../base/TMDropDownMenu';
 import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
 import TMModal from '../base/TMModal';
@@ -32,40 +32,6 @@ const StyledWorkFlowOperationButtonsContainer = styled.div `
     gap: 15px;
     margin-left: 50px;
 `;
-const StyledWorkFlowOpereationButton = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    width: ${props => props.$width};
-    height: ${props => props.$height};
-    font-weight: bold;
-    cursor: ${props => !props.$isDisabled ? 'pointer' : 'default'};
-    border-radius: 10px;
-    overflow: hidden;
-    color: white;
-    user-select: none;
-`;
-const StyledWorkFlowOpereationButtonIcon = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: ${props => props.$isHoverred ? '25px' : '0px'};
-    transition: width ease-in-out 100ms;
-    height: 100%;
-    background-color: ${props => props.$isDisabled ? '#b4b4b4' : props.$color ? `${props.$color}90` : props.$type === 'success' ? `${TMColors.success}90` : props.$type === 'error' ? `${TMColors.error}90` : props.$type === 'tertiary' ? `${TMColors.tertiary}90` : `${TMColors.primary}90`};
-    border-top-left-radius: 10px;
-    border-bottom-left-radius: 10px;
-`;
-const StyledWorkFlowOpereationButtonText = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    background-color: ${props => props.$isDisabled ? '#d1d1d1' : props.$color ? props.$color : props.$type === 'success' ? `${TMColors.success}` : props.$type === 'error' ? `${TMColors.error}` : props.$type === 'tertiary' ? `${TMColors.tertiary}` : `${TMColors.primary}`};
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
-`;
 const StyledTextArea = styled.textarea `
     width: 100%; 
     height: 100%; 
@@ -81,10 +47,6 @@ const StyledTitleContainer = styled.div ` width: max-content; height: max-conten
 const WorfflowListItem = ({ data }) => {
     return (_jsxs("div", { style: { width: '100%', padding: '2px 5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', userSelect: 'none' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, showIcon: true }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] }));
 };
-export const TMButtonNew = ({ color, caption = '', disable = false, onClick, type = 'primary', icon = _jsx(IconApply, {}), width = '90px', height = '30px' }) => {
-    const [isHovered, setIsHovered] = useState(false);
-    return (_jsxs(StyledWorkFlowOpereationButton, { "$width": width, "$height": height, onMouseOver: () => !disable && setIsHovered(true), onMouseOut: () => setIsHovered(false), "$isDisabled": disable, onClick: () => !disable && onClick && onClick(), children: [_jsx(StyledWorkFlowOpereationButtonIcon, { "$color": color, "$isHoverred": isHovered, "$isDisabled": disable, "$type": type, children: icon }), _jsxs(StyledWorkFlowOpereationButtonText, { "$color": color, "$isDisabled": disable, "$type": type, children: [" ", caption, " "] })] }));
-};
 const WorkFlowOperationButtons = ({ onApprove, onReAssign, onReject, approveDisable = false, reassignDisable = false, rejectDisable = false }) => {
     return (_jsxs(StyledWorkFlowOperationButtonsContainer, { children: [_jsx(TMButtonNew, { icon: _jsx(IconApply, {}), caption: 'Approva', disable: approveDisable, onClick: () => !approveDisable && onApprove && onApprove(), type: 'success' }), _jsx(TMButtonNew, { icon: _jsx(IconCloseOutline, {}), caption: 'Rifiuta', disable: rejectDisable, onClick: () => !rejectDisable && onReject && onReject(), type: 'error' }), _jsx(TMButtonNew, { icon: _jsx(IconUser, { fontSize: 16 }), caption: 'Riassegna', disable: reassignDisable, onClick: () => !reassignDisable && onReAssign && onReAssign(), type: 'tertiary' }), _jsx(TMButtonNew, { icon: _jsx(IconInfo, { fontSize: 16 }), caption: 'Maggiori informazioni', width: '180px', disable: approveDisable, onClick: () => alert('TODO!!!'), type: 'primary' })] }));
 };

package/package.json

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