@topconsultnpm/sdkui-react-beta 6.7.32 → 6.7.34

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.
Files changed (7) hide show
  1. package/lib/components/editors/TMTextArea.d.ts +1 -0
  2. package/lib/components/editors/TMTextArea.js +2 -2
  3. package/lib/components/sidebar/TMHeader.js +1 -2
  4. package/lib/components/sidebar/TMSidebar.js +2 -2
  5. package/lib/components/sidebar/TMSidebarItem.d.ts +0 -5
  6. package/lib/components/sidebar/TMSidebarItem.js +5 -4
  7. package/package.json +1 -1
package/lib/components/editors/TMTextArea.d.ts CHANGED
@@ -10,6 +10,7 @@ interface ITMTextArea extends ITMEditorBase {
10
10
  maxValue?: number;
11
11
  maxHeight?: string;
12
12
  rows?: number;
13
+ maxLength?: number;
13
14
  }
14
15
  declare const TMTextArea: React.FunctionComponent<ITMTextArea>;
15
16
  export default TMTextArea;
package/lib/components/editors/TMTextArea.js CHANGED
@@ -9,7 +9,7 @@ import TMVilViewer from '../base/TMVilViewer';
9
9
  import TMTooltip from '../base/TMTooltip';
10
10
  import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
11
11
  const TMTextArea = (props) => {
12
- 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 } = props;
12
+ 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;
13
13
  const inputRef = useRef(null);
14
14
  const [isFocused, setIsFocused] = useState(false);
15
15
  const [currentValue, setCurrentValue] = useState(value);
@@ -46,7 +46,7 @@ const TMTextArea = (props) => {
46
46
  }
47
47
  };
48
48
  const renderTextArea = () => {
49
- return _jsxs(_Fragment, { children: [_jsx(StyledTextareaEditor, { ref: inputRef, autoFocus: autoFocus, readOnly: readOnly, disabled: disabled, value: currentValue, placeholder: placeHolder, rows: rows, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
49
+ return _jsxs(_Fragment, { children: [_jsx(StyledTextareaEditor, { ref: inputRef, autoFocus: autoFocus, readOnly: readOnly, disabled: disabled, value: currentValue, placeholder: placeHolder, rows: rows, maxLength: maxLength, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
50
50
  onBlur?.(currentValue); }, onChange: (e) => { setCurrentValue(e.target.value); onValueChanged?.(e); }, onContextMenu: (e) => {
51
51
  if (formulaItems.length <= 0)
52
52
  return;
package/lib/components/sidebar/TMHeader.js CHANGED
@@ -7,7 +7,6 @@ import { SDK_Globals, AuthenticationModes } from '@topconsultnpm/sdk-ts-beta';
7
7
  import { FontSize, TMColors } from '../../utils/theme';
8
8
  import { ButtonNames, TMMessageBoxManager } from '../base/TMPopUp';
9
9
  import Logo from '../../assets/Toppy-generico.png';
10
- import { ApplicationThemeColor } from './TMSidebarItem';
11
10
  import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
12
11
  import { moduleTypes } from '../../ts/types';
13
12
  export var TMSearchContext;
@@ -19,7 +18,7 @@ export var TMSearchContext;
19
18
  TMSearchContext["PLATFORM"] = "OrchestrationPlatform";
20
19
  TMSearchContext["QE"] = "QueryEditor";
21
20
  })(TMSearchContext || (TMSearchContext = {}));
22
- const StyledHeaderContainer = styled.div ` width: 100%; height: 50px; /* background: #E85C36 0% 0% no-repeat padding-box; */ background: ${props => props.$appName === 'ORCHESTRATOR' ? `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.ORCHESTRATOR})` : props.$appName === 'SURFER' ? `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.SURFER})` : `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.DESIGNER})`}; opacity: 1; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; `;
21
+ const StyledHeaderContainer = styled.div ` width: 100%; height: 50px; /* background: #E85C36 0% 0% no-repeat padding-box; */ background: linear-gradient(90deg, #f0f4fa, ${() => TMColors.primaryColor}) ; opacity: 1; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; `;
23
22
  const StyledMenu = styled.div ` position: absolute; top: 50px; right: 0px; width: fit-content; height: fit-content; padding: 10px 20px; border: 1px solid #2459A420; background: #E2E9EF 0% 0% no-repeat padding-box; z-index: 20000022; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; border: 1px solid #c9c9c9; border-top: none; `;
24
23
  const StyledMenuItem = styled.p ` font-size: ${props => props.$fontSize}; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 2px; cursor: pointer; color: gray; &:hover{ color: ${TMColors.primary}; transition: color 100ms ease; } `;
25
24
  const StyledHeaderIcon = styled.div ` width: 50px; height: 50px; margin-left: 10px; display: flex; align-items: center; justify-content: center; color: ${props => props.$isSelected ? '#135596' : '#ffffff'}; transition: color ease 100ms; background-color: ${props => props.$isSelected && '#ffffff'}; cursor: pointer; &:hover { color: #ffffff; background-color: #0d3862; transition: color ease 100ms; } `;
package/lib/components/sidebar/TMSidebar.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import styled from 'styled-components';
3
3
  import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
4
- import { ApplicationThemeColor } from './TMSidebarItem';
5
4
  import { ScrollView } from 'devextreme-react';
5
+ import { TMColors } from '../../utils/theme';
6
6
  const StyledTMSidebarContainer = styled.div `
7
7
  top: ${props => props.$top || '53px'};
8
8
  left: ${props => props.$left || '0px'};
9
9
  width: ${props => props.$width || '50px'};
10
10
  height: ${props => props.$height || 'calc(100% - 88px)'};
11
- 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`};
11
+ background: ${() => TMColors.primaryColor} 0% 0% no-repeat padding-box;
12
12
  box-shadow: 0px 3px 6px #00000029;
13
13
  border-radius: 0;
14
14
  opacity: 1;
package/lib/components/sidebar/TMSidebarItem.d.ts CHANGED
@@ -1,10 +1,5 @@
1
1
  import React from 'react';
2
2
  import { AppRouteType } from './TMSidebar';
3
- export declare enum ApplicationThemeColor {
4
- SURFER = "#0e7418",
5
- ORCHESTRATOR = "#135596",
6
- DESIGNER = "#b51678"
7
- }
8
3
  export interface ITMSidebarItem {
9
4
  name: string;
10
5
  path: string;
package/lib/components/sidebar/TMSidebarItem.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import styled from 'styled-components';
3
3
  import TMTooltip from '../base/TMTooltip';
4
- import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
5
- export var ApplicationThemeColor;
4
+ import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
5
+ import { TMColors } from '../../utils/theme';
6
+ var ApplicationThemeColor;
6
7
  (function (ApplicationThemeColor) {
7
8
  ApplicationThemeColor["SURFER"] = "#0e7418";
8
9
  ApplicationThemeColor["ORCHESTRATOR"] = "#135596";
@@ -15,7 +16,7 @@ const StyledTMSidebarItemContainer = styled.div `
15
16
  transition: all 200ms ease;
16
17
  user-select: none;
17
18
  cursor: pointer;
18
- color: ${(props) => props.$isSelected ? props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER : '#fff'};
19
+ color: ${(props) => props.$isSelected ? TMColors.primaryColor : '#fff'};
19
20
  background-color: ${props => props.$isSelected ? 'white' : 'transparent'} ;
20
21
  border-radius: 3px;
21
22
  width: 32px;
@@ -27,7 +28,7 @@ const StyledTMSidebarItemContainer = styled.div `
27
28
 
28
29
  &:hover {
29
30
  background-color: ${props => !props.$isApp && 'white'};
30
- color: ${props => !props.$isApp && props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER};
31
+ color: ${props => !props.$isApp && TMColors.primaryColor};
31
32
  }
32
33
  `;
33
34
  const TMSidebarItem = (props) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.7.32",
3
+ "version": "6.7.34",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",