@topconsultnpm/sdkui-react 6.20.0-dev1.112 → 6.20.0-dev1.113

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 (22) hide show
  1. package/lib/components/NewComponents/ContextMenu/styles.js +2 -0
  2. package/lib/components/NewComponents/FloatingMenuBar/styles.js +2 -0
  3. package/lib/components/base/TMButton.js +6 -0
  4. package/lib/components/base/TMClosableList.js +4 -0
  5. package/lib/components/base/TMDropDownMenu.js +2 -0
  6. package/lib/components/base/TMPanel.js +2 -0
  7. package/lib/components/base/TMPopUp.js +6 -0
  8. package/lib/components/base/TMToolbarCard.js +2 -0
  9. package/lib/components/editors/TMCheckBox.js +2 -0
  10. package/lib/components/editors/TMEditorStyled.js +4 -0
  11. package/lib/components/editors/TMRadioButton.js +2 -0
  12. package/lib/components/features/assistant/TMToppyDraggableHelpCenter.js +2 -0
  13. package/lib/components/features/documents/TMDcmtBlog.js +1 -1
  14. package/lib/components/features/documents/TMDcmtPreview.js +1 -1
  15. package/lib/components/features/search/TMSearchQueryPanel.js +2 -0
  16. package/lib/components/features/workflow/diagram/DiagramItemComponent.js +2 -0
  17. package/lib/components/grids/TMValidationItemsList.js +6 -0
  18. package/lib/components/query/TMQueryEditor.js +2 -0
  19. package/lib/components/sidebar/TMHeader.js +4 -0
  20. package/lib/components/sidebar/TMSidebarItem.js +2 -0
  21. package/lib/helper/TMToppyMessage.js +4 -0
  22. package/package.json +1 -1
package/lib/components/NewComponents/ContextMenu/styles.js CHANGED
@@ -103,6 +103,8 @@ export const MenuItem = styled.div `
103
103
  transition: all 0.15s ease;
104
104
  position: relative;
105
105
  user-select: none;
106
+ -webkit-touch-callout: none;
107
+ -webkit-user-select: none;
106
108
  font-size: var(--base-font-size, 13px);
107
109
  color: ${props => props.$disabled ? '#999' : '#1a1a1a'};
108
110
  font-weight: 500;
package/lib/components/NewComponents/FloatingMenuBar/styles.js CHANGED
@@ -51,6 +51,8 @@ export const FloatingContainer = styled.div.attrs(props => ({
51
51
  0 6px 16px rgba(0, 0, 0, 0.2);
52
52
  cursor: ${props => props.$isDragging ? 'grabbing' : 'default'};
53
53
  user-select: none;
54
+ -webkit-touch-callout: none;
55
+ -webkit-user-select: none;
54
56
  animation: ${props => props.$isConfigMode && css `${shake} 0.3s ease-in-out`};
55
57
  transition: none;
56
58
 
package/lib/components/base/TMButton.js CHANGED
@@ -61,6 +61,8 @@ const StyledIconButton = styled.button.withConfig({ shouldForwardProp: prop => !
61
61
  background-color: transparent;
62
62
  color: ${props => !props.disabled ? getColor(props.color) : 'rgb(180, 180, 180)'};
63
63
  user-select: none;
64
+ -webkit-touch-callout: none;
65
+ -webkit-user-select: none;
64
66
  `;
65
67
  const StyledTextButton = styled.button.withConfig({ shouldForwardProp: prop => !['text'].includes(prop) }) `
66
68
  font-size: ${props => props.fontSize};
@@ -79,6 +81,8 @@ const StyledTextButton = styled.button.withConfig({ shouldForwardProp: prop => !
79
81
  background-color: transparent;
80
82
  color: ${props => !props.disabled ? getColor(props.color) : 'rgb(231, 231, 231)'};
81
83
  user-select: none;
84
+ -webkit-touch-callout: none;
85
+ -webkit-user-select: none;
82
86
  transition: ease 200ms;
83
87
  &:hover {
84
88
  background-color: rgb(241, 241, 241);
@@ -118,6 +122,8 @@ const StyledAdvancedButton = styled.button `
118
122
  overflow: hidden;
119
123
  color: ${({ $isPrimaryOutline }) => $isPrimaryOutline ? TMColors.primaryColor : 'white'};
120
124
  user-select: none;
125
+ -webkit-touch-callout: none;
126
+ -webkit-user-select: none;
121
127
  border: ${({ $isPrimaryOutline }) => $isPrimaryOutline ? `1px solid ${TMColors.primaryColor}` : 'none'};
122
128
  background: ${({ $isPrimaryOutline }) => $isPrimaryOutline ? 'white' : 'unset'};
123
129
  `;
package/lib/components/base/TMClosableList.js CHANGED
@@ -49,6 +49,8 @@ const StyledClosabelIcon = styled.div `
49
49
  justify-content: flex-start;
50
50
  padding: 2px;
51
51
  user-select: none;
52
+ -webkit-touch-callout: none;
53
+ -webkit-user-select: none;
52
54
  `;
53
55
  const StyledClosableItemsCount = styled.div `
54
56
  /* color: ${Colors.primary}; */
@@ -56,6 +58,8 @@ const StyledClosableItemsCount = styled.div `
56
58
  cursor: pointer;
57
59
  margin-right: 5px;
58
60
  user-select: none;
61
+ -webkit-touch-callout: none;
62
+ -webkit-user-select: none;
59
63
  `;
60
64
  const TMClosableList = ({ dataSource, visibility = false, label, inline = false, hasPadding = true }) => {
61
65
  const [status, setStatus] = useState(visibility);
package/lib/components/base/TMDropDownMenu.js CHANGED
@@ -12,6 +12,8 @@ const StyledContent = styled.div `
12
12
  opacity: ${props => props.$disabled ? 0.4 : 1};
13
13
  pointer-events: ${props => props.$disabled ? 'none' : ''};
14
14
  user-select: none;
15
+ -webkit-touch-callout: none;
16
+ -webkit-user-select: none;
15
17
  display: flex;
16
18
  align-items: center;
17
19
 
package/lib/components/base/TMPanel.js CHANGED
@@ -65,6 +65,8 @@ const StyledPanelContent = styled.div `
65
65
  justify-content: space-between;
66
66
  position: relative;
67
67
  user-select: none;
68
+ -webkit-touch-callout: none;
69
+ -webkit-user-select: none;
68
70
  outline: none;
69
71
  &:focus {
70
72
  outline: none;
package/lib/components/base/TMPopUp.js CHANGED
@@ -31,6 +31,8 @@ const StyledExeptionToolbar = styled.div `
31
31
  gap: 5px;
32
32
  padding: 5px;
33
33
  user-select: none;
34
+ -webkit-touch-callout: none;
35
+ -webkit-user-select: none;
34
36
  border-top: 1px solid #f3f3f3;
35
37
  /* background-color: ${TMColors.primary_container}; */
36
38
  background-color: white;
@@ -45,6 +47,8 @@ const StyledMessageToolbar = styled.div `
45
47
  gap: clamp(2px, 1vw, 5px);
46
48
  padding: clamp(3px, 1vw, 5px);
47
49
  user-select: none;
50
+ -webkit-touch-callout: none;
51
+ -webkit-user-select: none;
48
52
  border-top: 1px solid #f3f3f3;
49
53
  background-color: #ffffff;
50
54
  z-index: 1;
@@ -69,6 +73,8 @@ const TabContextContainer = styled.div `
69
73
  border-radius: 5px;
70
74
  overflow: auto;
71
75
  user-select: none;
76
+ -webkit-touch-callout: none;
77
+ -webkit-user-select: none;
72
78
  position: relative;
73
79
  `;
74
80
  const StyledAppVersionText = styled.p `
package/lib/components/base/TMToolbarCard.js CHANGED
@@ -42,6 +42,8 @@ const StyledSearchCardContent = styled.div `
42
42
 
43
43
  position: relative;
44
44
  user-select: none;
45
+ -webkit-touch-callout: none;
46
+ -webkit-user-select: none;
45
47
  `;
46
48
  const TMToolbarCard = ({ items = [], onItemClick, selectedItem, showPanel, color = TMColors.colorHeader, backgroundColor = TMColors.backgroundColorHeader, backgroundColorContainer, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '3px', onBack, onClose, onHeaderDoubleClick }) => {
47
49
  return (_jsxs(StyledSearchCard, { children: [showHeader && _jsx(StyledSearchCardHeader, { "$backgroundColor": backgroundColor, "$color": color, onDoubleClick: () => { if (onHeaderDoubleClick)
package/lib/components/editors/TMCheckBox.js CHANGED
@@ -16,6 +16,8 @@ const StyledCheckBoxLabel = styled.div `
16
16
  color: ${props => !props.$disabled ? props.$isModifiedWhen ? TMColors.isModified : props.$labelColor ? props.$labelColor : TMColors.text_normal : TMColors.disabled};
17
17
  font-size: ${props => props.$fontSize};
18
18
  user-select: none;
19
+ -webkit-touch-callout: none;
20
+ -webkit-user-select: none;
19
21
  &:focus{
20
22
  outline: none;
21
23
  background-image: linear-gradient(white, #E4E9F7);
package/lib/components/editors/TMEditorStyled.js CHANGED
@@ -48,6 +48,8 @@ export const StyledEditorIcon = styled.div `
48
48
  margin-right: 2px;
49
49
  font-size: 18px;
50
50
  user-select: none;
51
+ -webkit-touch-callout: none;
52
+ -webkit-user-select: none;
51
53
  transform: translateY(18px);
52
54
  `;
53
55
  export const StyledEditorLabel = styled.div `
@@ -55,6 +57,8 @@ export const StyledEditorLabel = styled.div `
55
57
  color:${props => !props.$disabled ? props.$isFocused ? TMColors.primary : props.$color ? props.$color : TMColors.label_normal : TMColors.disabled};
56
58
  padding: 0 3px;
57
59
  user-select: none;
60
+ -webkit-touch-callout: none;
61
+ -webkit-user-select: none;
58
62
  transform: ${props => props.$labelPosition === 'left' && 'translateY(5px)'};
59
63
  width: max-content;
60
64
  transform: translate(10px, 6px);
package/lib/components/editors/TMRadioButton.js CHANGED
@@ -39,6 +39,8 @@ const StyledradioButtonLabel = styled.label `
39
39
  font-size: ${props => props.$fontSize};
40
40
  color: ${props => !props.$disabled ? props.$isModifiedWhen ? TMColors.isModified : TMColors.text_normal : TMColors.disabled};
41
41
  user-select: none;
42
+ -webkit-touch-callout: none;
43
+ -webkit-user-select: none;
42
44
  width: 100%;
43
45
  cursor: ${props => !props.$disabled && 'pointer'};
44
46
  &:focus{
package/lib/components/features/assistant/TMToppyDraggableHelpCenter.js CHANGED
@@ -67,6 +67,8 @@ const TMToppyButton = styled.div.attrs((props) => ({
67
67
  padding: 0;
68
68
  outline: none;
69
69
  user-select: none;
70
+ -webkit-touch-callout: none;
71
+ -webkit-user-select: none;
70
72
  transition: background-color 0.3s ease, border 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease, width 0.3s ease, height 0.3s ease;
71
73
 
72
74
  img {
package/lib/components/features/documents/TMDcmtBlog.js CHANGED
@@ -87,6 +87,6 @@ const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, allTasks = [],
87
87
  }, externalBlogPost: externalBlogPost, resetExternalBlogPost: resetExternalBlogPost, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, afterTaskSaved: refreshCallback }) }) }) }), (showCommentForm && tid && did) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid, did } }, onClose: () => setShowCommentForm(false), refreshCallback: refreshCallback, participants: [], showAttachmentsSection: false, allArchivedDocumentsFileItems: [], onFilterCreated: handleFilterCreated })] }));
88
88
  };
89
89
  export default TMDcmtBlog;
90
- const StyledContainer = styled.div ` user-select: none; overflow: hidden; background-color: #ffffff; width: calc(100%); height: calc(100%); display: flex; gap: 10px; `;
90
+ const StyledContainer = styled.div ` user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; overflow: hidden; background-color: #ffffff; width: calc(100%); height: calc(100%); display: flex; gap: 10px; `;
91
91
  const StyledSectionContainer = styled.div ` width: 100%; height: 100%; display:flex; flex-direction: column; `;
92
92
  const StyledBoardContainer = styled.div `width: 100%; height: 100%;`;
package/lib/components/features/documents/TMDcmtPreview.js CHANGED
@@ -405,7 +405,7 @@ const StyledPreviewContainer = styled.div `display: flex; justify-content: cente
405
405
  export const StyledHeaderIcon = styled.div ` color: ${props => props.$color}; cursor: pointer; display: flex; align-items: center; justify-content: center; &:hover{ color: white ; transition: 200ms ease; } `;
406
406
  export const StyledPanelStatusContainer = styled.div ` width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; `;
407
407
  const StyledPreviewNotAvailable = styled.div ` display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; `;
408
- const ImageContainer = styled.div ` width: calc(100% - 20px); height: 100%; left:10px; position: absolute; top:50px; overflow: hidden; background: #f5f5f5; touch-action: none; user-select: none; cursor: ${({ $cursor }) => $cursor ?? 'default'}; `;
408
+ const ImageContainer = styled.div ` width: calc(100% - 20px); height: 100%; left:10px; position: absolute; top:50px; overflow: hidden; background: #f5f5f5; touch-action: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; cursor: ${({ $cursor }) => $cursor ?? 'default'}; `;
409
409
  const TopToolbar = styled.div ` position: absolute; top: 0; width: 100%; height: 40px; background-color: #e4e4e4; display: flex; justify-content: center; align-items: center; z-index: 10; `;
410
410
  const ToolbarCenter = styled.div ` display: flex; align-items: center; gap: 12px;`;
411
411
  const ToolbarIconButton = styled.button ` background: #f0f0f0; border: none; color: #313131; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 32px; width: 32px; padding: 0; border-radius: 50px; &:hover{ background-color: #c4c4c4; } &:disabled { color: #c2c2c2; cursor: not-allowed; } `;
package/lib/components/features/search/TMSearchQueryPanel.js CHANGED
@@ -427,6 +427,8 @@ export const StyledToppyText = styled.p `
427
427
  color: #2559A5;
428
428
  font-size: 1rem;
429
429
  user-select: none;
430
+ -webkit-touch-callout: none;
431
+ -webkit-user-select: none;
430
432
  margin: 0;
431
433
  display: -webkit-box;
432
434
  -webkit-box-orient: vertical;
package/lib/components/features/workflow/diagram/DiagramItemComponent.js CHANGED
@@ -70,6 +70,8 @@ const StyledDiagramItem = styled.g `
70
70
  fill: #333;
71
71
  text-anchor: middle;
72
72
  user-select: none;
73
+ -webkit-touch-callout: none;
74
+ -webkit-user-select: none;
73
75
  pointer-events: none;
74
76
  }
75
77
  `;
package/lib/components/grids/TMValidationItemsList.js CHANGED
@@ -14,6 +14,8 @@ const StyledValidationItemsTabs = styled.div `
14
14
  border-bottom: 1px solid $primary;
15
15
  width: 100%;
16
16
  user-select: none;
17
+ -webkit-touch-callout: none;
18
+ -webkit-user-select: none;
17
19
  background-color: ${TMColors.primary};
18
20
  z-index: 20;
19
21
  border-top: 1px solid #122C4C;
@@ -44,12 +46,16 @@ const StyledMessageIcon = styled.div `
44
46
  const StyledMessageResultType = styled.div `
45
47
  width: 50px;
46
48
  user-select: none;
49
+ -webkit-touch-callout: none;
50
+ -webkit-user-select: none;
47
51
  margin-right: 20px;
48
52
  `;
49
53
  const StyledMessageElement = styled.div `
50
54
  width: 150px;
51
55
  text-align: left;
52
56
  user-select: none;
57
+ -webkit-touch-callout: none;
58
+ -webkit-user-select: none;
53
59
  margin-right: 20px;
54
60
  `;
55
61
  const StyledMessageText = styled.div `
package/lib/components/query/TMQueryEditor.js CHANGED
@@ -985,6 +985,8 @@ const StyledContent = styled.div `
985
985
  opacity: ${props => props.$disabled ? 0.4 : 1};
986
986
  pointer-events: ${props => props.$disabled ? 'none' : ''};
987
987
  user-select: none;
988
+ -webkit-touch-callout: none;
989
+ -webkit-user-select: none;
988
990
  display: flex;
989
991
  align-items: center;
990
992
 
package/lib/components/sidebar/TMHeader.js CHANGED
@@ -400,6 +400,8 @@ const AppMenuButton = styled.div `
400
400
  cursor: pointer;
401
401
  box-shadow: 0 2px 8px #2459a41a;
402
402
  user-select: none;
403
+ -webkit-touch-callout: none;
404
+ -webkit-user-select: none;
403
405
  gap: 5px;
404
406
  transition:
405
407
  transform 0.18s cubic-bezier(.4,0,.2,1),
@@ -445,6 +447,8 @@ const UserAvatar = styled.div `
445
447
  font-weight: 600;
446
448
  letter-spacing: 0.5px;
447
449
  user-select: none;
450
+ -webkit-touch-callout: none;
451
+ -webkit-user-select: none;
448
452
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
449
453
  `;
450
454
  const UserAvatarLarge = styled(UserAvatar) `
package/lib/components/sidebar/TMSidebarItem.js CHANGED
@@ -21,6 +21,8 @@ const StyledTMSidebarItemContainer = styled.div `
21
21
  position: relative;
22
22
  transition: background-color 200ms ease;
23
23
  user-select: none;
24
+ -webkit-touch-callout: none;
25
+ -webkit-user-select: none;
24
26
  background-color: ${props => props.$isSelected ? 'rgba(255,255,255,0.35)' : 'transparent'};
25
27
 
26
28
  p {
package/lib/helper/TMToppyMessage.js CHANGED
@@ -19,6 +19,8 @@ const StyledToppyText = styled.div `
19
19
  color: #2559A5;
20
20
  font-size: 1rem;
21
21
  user-select: none;
22
+ -webkit-touch-callout: none;
23
+ -webkit-user-select: none;
22
24
  margin: 0;
23
25
  display: -webkit-box;
24
26
  -webkit-box-orient: vertical;
@@ -35,6 +37,8 @@ const StyledToppyImage = styled.img `
35
37
  height: auto;
36
38
  display: block;
37
39
  user-select: none;
40
+ -webkit-touch-callout: none;
41
+ -webkit-user-select: none;
38
42
  `;
39
43
  const TMToppyMessage = (props) => {
40
44
  const { message, titleTooltip, maxWidth } = props;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react",
3
- "version": "6.20.0-dev1.112",
3
+ "version": "6.20.0-dev1.113",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",