@topconsultnpm/sdkui-react-beta 6.8.19 → 6.8.20

package/lib/components/editors/TMEditorStyled.d.ts

@@ -41,4 +41,5 @@ export declare const StyledTextareaEditor: import("styled-components/dist/types"
     $isMobile?: boolean;
     $maxHeight?: string;
     $borderRadius?: string;
+    $resize?: boolean;
 }>> & string;

package/lib/components/editors/TMEditorStyled.js

@@ -97,6 +97,7 @@ export const StyledTextareaEditor = styled.textarea `
     border-radius: ${props => props.$borderRadius ?? TMEditorsDefaultBorderRadius}; /* Slightly increased radius for smoother corners */
     min-width: ${props => (props.$isMobile ? '70px' : '100%')}; /* Adjust for mobile */
     max-height: ${props => props.$maxHeight || 'auto'}; 
+    resize: ${props => (props.$resize === false ? 'none' : 'both')};
     &:focus {
       outline: none;
       background-image: linear-gradient(white, #E4E9F7);

package/lib/components/editors/TMTextArea.d.ts

@@ -11,6 +11,7 @@ interface ITMTextArea extends ITMEditorBase {
     maxHeight?: string;
     rows?: number;
     maxLength?: number;
+    resize?: boolean;
 }
 declare const TMTextArea: React.FunctionComponent<ITMTextArea>;
 export default TMTextArea;

package/lib/components/editors/TMTextArea.js

@@ -11,7 +11,7 @@ import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
 // Define the TMTextArea component
 const TMTextArea = (props) => {
     // Extract properties from the props object
-    const { label = '', value = '', width = '100%', height = 'auto', autoFocus = false, validationItems = [], disabled = false, isModifiedWhen = false, fontSize = FontSize.defaultFontSize, elementStyle = {}, icon = null, labelPosition = 'left', readOnly = false, onValueChanged, onBlur, placeHolder, formulaItems = [], buttons = [], maxHeight = 'auto', rows, maxLength } = props;
+    const { label = '', value = '', width = '100%', height = 'auto', autoFocus = false, validationItems = [], disabled = false, isModifiedWhen = false, fontSize = FontSize.defaultFontSize, elementStyle = {}, icon = null, labelPosition = 'left', readOnly = false, onValueChanged, onBlur, placeHolder, formulaItems = [], buttons = [], maxHeight = 'auto', rows, maxLength, resize = true } = props;
     // Reference to the textarea DOM element
     const inputRef = useRef(null);
     // Stores the textarea is focused
@@ -108,7 +108,7 @@ const TMTextArea = (props) => {
                         const y = e.clientY - bounds.top;
                         // set the x and y coordinates of our users right click
                         setPoints({ x, y });
-                    }, "$isMobile": deviceType === DeviceType.MOBILE, "$maxHeight": maxHeight, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$width": width }), buttons.map((buttonItem, index) => {
+                    }, "$isMobile": deviceType === DeviceType.MOBILE, "$maxHeight": maxHeight, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$width": width, "$resize": resize }), buttons.map((buttonItem, index) => {
                     return (_jsx(StyledEditorButtonIcon, { onClick: buttonItem.onClick, "$index": index, "$transform": '-26px', children: _jsx(TMTooltip, { content: buttonItem.text, children: buttonItem.icon }) }, index));
                 }), formulaItems.length > 0 && clicked && (_jsx(TMContextMenu, { menuData: formulaMenuItems, top: points.y, left: points.x, onMenuItemClick: (formula) => insertText(formula) })), _jsx(TMVilViewer, { vil: validationItems })] });
     };

package/package.json

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