@topconsultnpm/sdkui-react-beta 6.6.78 → 6.6.79

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

@@ -33,5 +33,6 @@ export interface ITMEditorBase {
     value?: any;
     validationItems?: ValidationItem[];
     width?: string;
+    borderRadius?: string;
 }
 export {};

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

@@ -12,6 +12,7 @@ export declare const StyledEditor: import("styled-components/dist/types").IStyle
     $fontSize: string;
     $disabled: boolean;
     $isMobile?: boolean;
+    $borderRadius?: string;
 }>> & string;
 export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $vil: ValidationItem[];

package/lib/components/editors/TMEditorStyled.js

@@ -22,7 +22,7 @@ export const StyledEditor = styled.input `
     border-bottom: ${props => (props.$vil.length > 0) ? '3px' : '1px'} solid ;
     border-bottom-color: ${props => (props.$vil.length === 0) ? !props.$isModified ? TMColors.border_normal : TMColors.isModified : editorColorManager(props.$vil)};
     color: ${props => !props.$disabled ? (props.$vil.length === 0) ? !props.$isModified ? 'black' : TMColors.isModified : editorColorManager(props.$vil) : TMColors.disabled};
-    border-radius: 2px;
+    border-radius: ${props => props.$borderRadius || '2px'};
     min-width: ${props => props.$isMobile && '70px'};
     &:focus{
         outline: none;

package/lib/components/editors/TMTextBox.js

@@ -31,7 +31,7 @@ const StyledTextBoxEditorButton = styled.div `
         border-bottom-color: ${TMColors.primary};
      }
 `;
-const TMTextBox = ({ autoFocus, maxLength, precision, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onValueChanged, onBlur }) => {
+const TMTextBox = ({ autoFocus, maxLength, precision, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onValueChanged, onBlur, borderRadius }) => {
     const [initialType, setInitialType] = useState(type);
     const [currentType, setCurrentType] = useState(type);
     const [currentValue, setCurrentValue] = useState(value);
@@ -140,7 +140,7 @@ const TMTextBox = ({ autoFocus, maxLength, precision, scale, showClearButton, va
                             if (!scale && (e.key == "." || e.key == ","))
                                 e.preventDefault();
                         }
-                    }, "$isMobile": screenWidth < 640, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType }), initialType === 'password' && currentValue && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' &&
+                    }, "$isMobile": screenWidth < 640, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType, "$borderRadius": borderRadius }), initialType === 'password' && currentValue && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' &&
                     _jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'absolute', right: '6px', top: label.length > 0 ? '20px' : '7px', pointerEvents: disabled ? 'none' : 'auto', opacity: disabled ? 0.4 : 1 }, children: [showClearButton && currentValue &&
                                 _jsx(StyledTextBoxEditorButton, { onClick: () => {
                                         onValueChanged?.({ target: { value: undefined } });

package/package.json

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