@sap-ux/ui-components 1.13.5 → 1.14.1

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 (263) hide show
  1. package/dist/components/Icons.d.ts +150 -150
  2. package/dist/components/Icons.js +628 -628
  3. package/dist/components/UIActionCallout/UIActionCallout.d.ts +64 -64
  4. package/dist/components/UIActionCallout/UIActionCallout.js +67 -67
  5. package/dist/components/UIActionCallout/index.d.ts +1 -1
  6. package/dist/components/UIActionCallout/index.js +17 -17
  7. package/dist/components/UIBreadcrumb/UIBreadcrumb.d.ts +23 -23
  8. package/dist/components/UIBreadcrumb/UIBreadcrumb.js +38 -38
  9. package/dist/components/UIBreadcrumb/index.d.ts +1 -1
  10. package/dist/components/UIBreadcrumb/index.js +17 -17
  11. package/dist/components/UIButton/UIActionButton.d.ts +23 -23
  12. package/dist/components/UIButton/UIActionButton.js +89 -89
  13. package/dist/components/UIButton/UIDefaultButton.d.ts +41 -23
  14. package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
  15. package/dist/components/UIButton/UIDefaultButton.js +255 -237
  16. package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
  17. package/dist/components/UIButton/UIIconButton.d.ts +37 -37
  18. package/dist/components/UIButton/UIIconButton.js +106 -106
  19. package/dist/components/UIButton/UISmallButton.d.ts +34 -34
  20. package/dist/components/UIButton/UISmallButton.js +115 -115
  21. package/dist/components/UIButton/UISplitButton.d.ts +44 -44
  22. package/dist/components/UIButton/UISplitButton.js +86 -86
  23. package/dist/components/UIButton/index.d.ts +7 -7
  24. package/dist/components/UIButton/index.js +21 -21
  25. package/dist/components/UICallout/CalloutCollisionTransform.d.ts +54 -54
  26. package/dist/components/UICallout/CalloutCollisionTransform.js +160 -160
  27. package/dist/components/UICallout/UICallout.d.ts +48 -48
  28. package/dist/components/UICallout/UICallout.js +122 -122
  29. package/dist/components/UICallout/index.d.ts +2 -2
  30. package/dist/components/UICallout/index.js +18 -18
  31. package/dist/components/UICheckbox/UICheckbox.d.ts +34 -34
  32. package/dist/components/UICheckbox/UICheckbox.js +135 -135
  33. package/dist/components/UICheckbox/index.d.ts +1 -1
  34. package/dist/components/UICheckbox/index.js +17 -17
  35. package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts +28 -28
  36. package/dist/components/UIChoiceGroup/UIChoiceGroup.js +182 -182
  37. package/dist/components/UIChoiceGroup/index.d.ts +1 -1
  38. package/dist/components/UIChoiceGroup/index.js +17 -17
  39. package/dist/components/UIComboBox/UIComboBox.d.ts +208 -200
  40. package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
  41. package/dist/components/UIComboBox/UIComboBox.js +563 -541
  42. package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
  43. package/dist/components/UIComboBox/index.d.ts +1 -1
  44. package/dist/components/UIComboBox/index.js +17 -17
  45. package/dist/components/UIContextualMenu/UIContextualMenu.d.ts +31 -31
  46. package/dist/components/UIContextualMenu/UIContextualMenu.js +126 -126
  47. package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts +19 -19
  48. package/dist/components/UIContextualMenu/UIHighlightMenuOption.js +50 -50
  49. package/dist/components/UIContextualMenu/index.d.ts +2 -2
  50. package/dist/components/UIContextualMenu/index.js +18 -18
  51. package/dist/components/UICreateSelect/UICreateSelect.d.ts +36 -36
  52. package/dist/components/UICreateSelect/UICreateSelect.js +172 -172
  53. package/dist/components/UICreateSelect/index.d.ts +1 -1
  54. package/dist/components/UICreateSelect/index.js +17 -17
  55. package/dist/components/UIDatePicker/UIDatePicker.d.ts +49 -49
  56. package/dist/components/UIDatePicker/UIDatePicker.js +72 -72
  57. package/dist/components/UIDatePicker/index.d.ts +1 -1
  58. package/dist/components/UIDatePicker/index.js +17 -17
  59. package/dist/components/UIDialog/UIDialog.d.ts +118 -118
  60. package/dist/components/UIDialog/UIDialog.js +281 -281
  61. package/dist/components/UIDialog/index.d.ts +1 -1
  62. package/dist/components/UIDialog/index.js +17 -17
  63. package/dist/components/UIDropdown/UIDropdown.d.ts +94 -94
  64. package/dist/components/UIDropdown/UIDropdown.js +224 -224
  65. package/dist/components/UIDropdown/index.d.ts +2 -2
  66. package/dist/components/UIDropdown/index.js +18 -18
  67. package/dist/components/UIDropdown/utils.d.ts +20 -20
  68. package/dist/components/UIDropdown/utils.js +43 -43
  69. package/dist/components/UIFlexibleTable/RowActions.d.ts +16 -16
  70. package/dist/components/UIFlexibleTable/RowActions.js +73 -73
  71. package/dist/components/UIFlexibleTable/RowData.d.ts +16 -16
  72. package/dist/components/UIFlexibleTable/RowData.js +111 -111
  73. package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts +11 -11
  74. package/dist/components/UIFlexibleTable/UIFlexibleTable.js +280 -280
  75. package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.d.ts +20 -20
  76. package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js +20 -20
  77. package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts +26 -26
  78. package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +219 -219
  79. package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts +20 -20
  80. package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js +19 -19
  81. package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts +15 -15
  82. package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js +28 -28
  83. package/dist/components/UIFlexibleTable/index.d.ts +5 -5
  84. package/dist/components/UIFlexibleTable/index.js +21 -21
  85. package/dist/components/UIFlexibleTable/types.d.ts +143 -143
  86. package/dist/components/UIFlexibleTable/types.js +14 -14
  87. package/dist/components/UIFlexibleTable/utils.d.ts +25 -25
  88. package/dist/components/UIFlexibleTable/utils.js +49 -49
  89. package/dist/components/UIFocusZone/UIFocusTrapZone.d.ts +22 -22
  90. package/dist/components/UIFocusZone/UIFocusTrapZone.js +33 -33
  91. package/dist/components/UIFocusZone/UIFocusZone.d.ts +23 -23
  92. package/dist/components/UIFocusZone/UIFocusZone.js +35 -35
  93. package/dist/components/UIFocusZone/index.d.ts +2 -2
  94. package/dist/components/UIFocusZone/index.js +18 -18
  95. package/dist/components/UIIcon/UIIcon.d.ts +24 -24
  96. package/dist/components/UIIcon/UIIcon.js +37 -37
  97. package/dist/components/UIIcon/index.d.ts +1 -1
  98. package/dist/components/UIIcon/index.js +17 -17
  99. package/dist/components/UIInput/UITextInput.d.ts +51 -51
  100. package/dist/components/UIInput/UITextInput.js +244 -244
  101. package/dist/components/UIInput/index.d.ts +1 -1
  102. package/dist/components/UIInput/index.js +17 -17
  103. package/dist/components/UILabel/UILabel.d.ts +30 -30
  104. package/dist/components/UILabel/UILabel.js +64 -64
  105. package/dist/components/UILabel/index.d.ts +1 -1
  106. package/dist/components/UILabel/index.js +17 -17
  107. package/dist/components/UILink/UILink.d.ts +25 -25
  108. package/dist/components/UILink/UILink.js +71 -71
  109. package/dist/components/UILink/index.d.ts +1 -1
  110. package/dist/components/UILink/index.js +17 -17
  111. package/dist/components/UIList/UIList.d.ts +31 -31
  112. package/dist/components/UIList/UIList.js +120 -120
  113. package/dist/components/UIList/index.d.ts +1 -1
  114. package/dist/components/UIList/index.js +17 -17
  115. package/dist/components/UILoader/UILoader.d.ts +27 -27
  116. package/dist/components/UILoader/UILoader.js +78 -78
  117. package/dist/components/UILoader/index.d.ts +1 -1
  118. package/dist/components/UILoader/index.js +17 -17
  119. package/dist/components/UIMessageBar/UIMessageBar.d.ts +25 -25
  120. package/dist/components/UIMessageBar/UIMessageBar.js +56 -56
  121. package/dist/components/UIMessageBar/index.d.ts +1 -1
  122. package/dist/components/UIMessageBar/index.js +17 -17
  123. package/dist/components/UIModal/UIModal.d.ts +23 -23
  124. package/dist/components/UIModal/UIModal.js +43 -43
  125. package/dist/components/UIModal/index.d.ts +1 -1
  126. package/dist/components/UIModal/index.js +17 -17
  127. package/dist/components/UIOverlay/UIOverlay.d.ts +22 -22
  128. package/dist/components/UIOverlay/UIOverlay.js +38 -38
  129. package/dist/components/UIOverlay/index.d.ts +1 -1
  130. package/dist/components/UIOverlay/index.js +17 -17
  131. package/dist/components/UIPersona/UIPersona.d.ts +27 -27
  132. package/dist/components/UIPersona/UIPersona.js +48 -48
  133. package/dist/components/UIPersona/index.d.ts +1 -1
  134. package/dist/components/UIPersona/index.js +17 -17
  135. package/dist/components/UISearchBox/UISearchBox.d.ts +22 -22
  136. package/dist/components/UISearchBox/UISearchBox.js +155 -155
  137. package/dist/components/UISearchBox/index.d.ts +3 -3
  138. package/dist/components/UISearchBox/index.js +17 -17
  139. package/dist/components/UISection/UISection.d.ts +34 -34
  140. package/dist/components/UISection/UISection.js +44 -44
  141. package/dist/components/UISection/UISections.d.ts +249 -249
  142. package/dist/components/UISection/UISections.js +707 -707
  143. package/dist/components/UISection/UISplitter.d.ts +96 -96
  144. package/dist/components/UISection/UISplitter.js +220 -220
  145. package/dist/components/UISection/index.d.ts +3 -3
  146. package/dist/components/UISection/index.js +19 -19
  147. package/dist/components/UISeparator/UISeparator.d.ts +25 -25
  148. package/dist/components/UISeparator/UISeparator.js +65 -65
  149. package/dist/components/UISeparator/index.d.ts +1 -1
  150. package/dist/components/UISeparator/index.js +17 -17
  151. package/dist/components/UITable/UITable-helper.d.ts +88 -88
  152. package/dist/components/UITable/UITable-helper.js +263 -263
  153. package/dist/components/UITable/UITable.d.ts +213 -213
  154. package/dist/components/UITable/UITable.js +779 -779
  155. package/dist/components/UITable/index.d.ts +2 -2
  156. package/dist/components/UITable/index.js +18 -18
  157. package/dist/components/UITable/types.d.ts +77 -77
  158. package/dist/components/UITable/types.js +28 -28
  159. package/dist/components/UITabs/UITabs.d.ts +28 -28
  160. package/dist/components/UITabs/UITabs.js +70 -70
  161. package/dist/components/UITabs/index.d.ts +1 -1
  162. package/dist/components/UITabs/index.js +17 -17
  163. package/dist/components/UIToggle/UIToggle.d.ts +39 -39
  164. package/dist/components/UIToggle/UIToggle.js +181 -181
  165. package/dist/components/UIToggle/index.d.ts +1 -1
  166. package/dist/components/UIToggle/index.js +17 -17
  167. package/dist/components/UIToggleGroup/UIToggleGroup.d.ts +31 -31
  168. package/dist/components/UIToggleGroup/UIToggleGroup.js +139 -139
  169. package/dist/components/UIToggleGroup/UIToggleGroup.types.d.ts +22 -22
  170. package/dist/components/UIToggleGroup/UIToggleGroup.types.js +2 -2
  171. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts +25 -25
  172. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +77 -77
  173. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts +10 -10
  174. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js +2 -2
  175. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts +2 -2
  176. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js +18 -18
  177. package/dist/components/UIToggleGroup/index.d.ts +2 -2
  178. package/dist/components/UIToggleGroup/index.js +18 -18
  179. package/dist/components/UIToolbar/UIToolbar.d.ts +36 -36
  180. package/dist/components/UIToolbar/UIToolbar.js +104 -104
  181. package/dist/components/UIToolbar/UIToolbarColumn.d.ts +7 -7
  182. package/dist/components/UIToolbar/UIToolbarColumn.js +33 -33
  183. package/dist/components/UIToolbar/UIToolbarDivider.d.ts +27 -27
  184. package/dist/components/UIToolbar/UIToolbarDivider.js +52 -52
  185. package/dist/components/UIToolbar/index.d.ts +3 -3
  186. package/dist/components/UIToolbar/index.js +19 -19
  187. package/dist/components/UITooltip/UITooltip.d.ts +29 -29
  188. package/dist/components/UITooltip/UITooltip.js +77 -77
  189. package/dist/components/UITooltip/UITooltipUtils.d.ts +17 -17
  190. package/dist/components/UITooltip/UITooltipUtils.js +45 -45
  191. package/dist/components/UITooltip/index.d.ts +2 -2
  192. package/dist/components/UITooltip/index.js +18 -18
  193. package/dist/components/UITranslationInput/UIFormattedText.d.ts +46 -46
  194. package/dist/components/UITranslationInput/UIFormattedText.js +121 -121
  195. package/dist/components/UITranslationInput/UILoadButton.d.ts +52 -52
  196. package/dist/components/UITranslationInput/UILoadButton.js +109 -109
  197. package/dist/components/UITranslationInput/UITranslationButton.d.ts +14 -14
  198. package/dist/components/UITranslationInput/UITranslationButton.js +88 -88
  199. package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +67 -67
  200. package/dist/components/UITranslationInput/UITranslationButton.types.js +21 -21
  201. package/dist/components/UITranslationInput/UITranslationInput.d.ts +25 -25
  202. package/dist/components/UITranslationInput/UITranslationInput.js +169 -169
  203. package/dist/components/UITranslationInput/UITranslationUtils.d.ts +64 -64
  204. package/dist/components/UITranslationInput/UITranslationUtils.js +168 -168
  205. package/dist/components/UITranslationInput/defaults.d.ts +2 -2
  206. package/dist/components/UITranslationInput/defaults.js +15 -15
  207. package/dist/components/UITranslationInput/index.d.ts +2 -2
  208. package/dist/components/UITranslationInput/index.js +18 -18
  209. package/dist/components/UITreeDropdown/UITreeDropdown.d.ts +265 -265
  210. package/dist/components/UITreeDropdown/UITreeDropdown.js +660 -660
  211. package/dist/components/UITreeDropdown/index.d.ts +1 -1
  212. package/dist/components/UITreeDropdown/index.js +17 -17
  213. package/dist/components/UIVerticalDivider/UIVerticalDivider.d.ts +23 -23
  214. package/dist/components/UIVerticalDivider/UIVerticalDivider.js +41 -41
  215. package/dist/components/UIVerticalDivider/index.d.ts +1 -1
  216. package/dist/components/UIVerticalDivider/index.js +17 -17
  217. package/dist/components/UIVirtualList/UIAutoSizer.d.ts +22 -22
  218. package/dist/components/UIVirtualList/UIAutoSizer.js +33 -33
  219. package/dist/components/UIVirtualList/UICellMeasurer.d.ts +23 -23
  220. package/dist/components/UIVirtualList/UICellMeasurer.js +33 -33
  221. package/dist/components/UIVirtualList/UIVirtualList.d.ts +43 -43
  222. package/dist/components/UIVirtualList/UIVirtualList.js +70 -70
  223. package/dist/components/UIVirtualList/index.d.ts +3 -3
  224. package/dist/components/UIVirtualList/index.js +19 -19
  225. package/dist/components/index.d.ts +38 -38
  226. package/dist/components/index.js +54 -54
  227. package/dist/helper/ValidationMessage/MessageWrapper.d.ts +17 -17
  228. package/dist/helper/ValidationMessage/MessageWrapper.js +34 -34
  229. package/dist/helper/ValidationMessage/index.d.ts +2 -2
  230. package/dist/helper/ValidationMessage/index.js +18 -18
  231. package/dist/helper/ValidationMessage/utils.d.ts +31 -31
  232. package/dist/helper/ValidationMessage/utils.js +121 -121
  233. package/dist/index.d.ts +2 -2
  234. package/dist/index.js +18 -18
  235. package/dist/utilities/DeepMerge.d.ts +10 -10
  236. package/dist/utilities/DeepMerge.js +48 -48
  237. package/dist/utilities/Dom.d.ts +14 -7
  238. package/dist/utilities/Dom.d.ts.map +1 -1
  239. package/dist/utilities/Dom.js +23 -13
  240. package/dist/utilities/Dom.js.map +1 -1
  241. package/dist/utilities/Focus.d.ts +14 -14
  242. package/dist/utilities/Focus.js +34 -34
  243. package/dist/utilities/Id.d.ts +2 -2
  244. package/dist/utilities/Id.js +5 -5
  245. package/dist/utilities/Keys.d.ts +2 -2
  246. package/dist/utilities/Keys.js +5 -5
  247. package/dist/utilities/index.d.ts +4 -4
  248. package/dist/utilities/index.js +20 -20
  249. package/package.json +1 -1
  250. package/storybook/494.d8aaa4d7.iframe.bundle.js +1 -0
  251. package/storybook/580.057c85e9.iframe.bundle.js +1 -0
  252. package/storybook/{930.1b3c5615.iframe.bundle.js → 930.3177b0dc.iframe.bundle.js} +2 -2
  253. package/storybook/UIActionCallout-story.9ee56c83.iframe.bundle.js +2 -0
  254. package/storybook/UIToggleGroup-story.573848ba.iframe.bundle.js +2 -0
  255. package/storybook/iframe.html +3 -3
  256. package/storybook/main.5f68bcca.iframe.bundle.js +1 -0
  257. package/storybook/project.json +1 -1
  258. package/storybook/{runtime~main.7c93d414.iframe.bundle.js → runtime~main.a213c0ae.iframe.bundle.js} +1 -1
  259. package/storybook/494.1829058d.iframe.bundle.js +0 -1
  260. package/storybook/580.c5ddde6e.iframe.bundle.js +0 -1
  261. package/storybook/UIActionCallout-story.13bdf055.iframe.bundle.js +0 -2
  262. package/storybook/UIToggleGroup-story.6f3e7d06.iframe.bundle.js +0 -2
  263. package/storybook/main.4ed99289.iframe.bundle.js +0 -1
@@ -1,122 +1,122 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
4
- var ErrorMessageType;
5
- (function (ErrorMessageType) {
6
- ErrorMessageType["Error"] = "Error";
7
- ErrorMessageType["Warning"] = "Warning";
8
- ErrorMessageType["Info"] = "Info";
9
- })(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
10
- /**
11
- * Private method to get common styling for coloring by applying incoming colors.
12
- *
13
- * @param {string} bgColor Background color.
14
- * @param {string} borderColor Border color.
15
- * @returns {IRawStyle} Object with styles for message.
16
- */
17
- const getMessageColorStylings = (bgColor, borderColor) => {
18
- const border = `1px solid ${borderColor}`;
19
- return {
20
- backgroundColor: bgColor,
21
- borderLeft: border,
22
- borderRight: border,
23
- borderBottom: border,
24
- borderColor: borderColor
25
- };
26
- };
27
- const messagesStyles = {
28
- error: {
29
- color: 'var(--vscode-input-foreground)',
30
- ...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
31
- paddingTop: 4,
32
- paddingBottom: 5,
33
- paddingLeft: 8,
34
- margin: 0
35
- },
36
- warning: {},
37
- info: {}
38
- };
39
- messagesStyles.warning = {
40
- ...messagesStyles.error,
41
- ...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
42
- };
43
- messagesStyles.info = {
44
- ...messagesStyles.error,
45
- ...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
46
- };
47
- exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
48
- [undefined, 'error'],
49
- ["Error" /* ErrorMessageType.Error */, 'error'],
50
- ["Warning" /* ErrorMessageType.Warning */, 'warning'],
51
- ["Info" /* ErrorMessageType.Info */, 'info']
52
- ]);
53
- /**
54
- * Method returns input message styles for passed message type.
55
- * Default style is for Error message.
56
- *
57
- * @param {ErrorMessageType} [type] Message type.
58
- * @returns {IRawStyle} Object with styles for message.
59
- */
60
- const getMessageStyle = (type) => {
61
- let style;
62
- switch (type) {
63
- case "Warning" /* ErrorMessageType.Warning */: {
64
- style = messagesStyles.warning;
65
- break;
66
- }
67
- case "Info" /* ErrorMessageType.Info */: {
68
- style = messagesStyles.info;
69
- break;
70
- }
71
- default: {
72
- style = messagesStyles.error;
73
- break;
74
- }
75
- }
76
- return style;
77
- };
78
- /**
79
- * Method returns error message type depends on properties of UIComponentMessagesProps.
80
- *
81
- * @param {UIComponentMessagesProps} [props] Component props.
82
- * @returns {ErrorMessageType} Message type.
83
- */
84
- const getMessageType = (props) => {
85
- if (props) {
86
- if (props.errorMessage) {
87
- return "Error" /* ErrorMessageType.Error */;
88
- }
89
- else if (props.warningMessage) {
90
- return "Warning" /* ErrorMessageType.Warning */;
91
- }
92
- else if (props.infoMessage) {
93
- return "Info" /* ErrorMessageType.Info */;
94
- }
95
- }
96
- return "Error" /* ErrorMessageType.Error */;
97
- };
98
- /**
99
- * Method returns error message string by handling property of all messages like Error Warning and Info.
100
- *
101
- * @param {UIComponentMessagesProps} [props] Component props.
102
- * @returns {string | undefined} Message string.
103
- */
104
- const getErrorMessage = (props) => {
105
- return props?.errorMessage || props?.warningMessage || props?.infoMessage;
106
- };
107
- /**
108
- * Method returns object containing data to display message for component.
109
- *
110
- * @param {UIMessagesExtendedProps} [props] Component props.
111
- * @returns {InputValidationMessageInfo} Message info.
112
- */
113
- const getMessageInfo = (props) => {
114
- const errorType = getMessageType(props);
115
- return {
116
- type: errorType,
117
- style: getMessageStyle(errorType),
118
- message: getErrorMessage(props)
119
- };
120
- };
121
- exports.getMessageInfo = getMessageInfo;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
4
+ var ErrorMessageType;
5
+ (function (ErrorMessageType) {
6
+ ErrorMessageType["Error"] = "Error";
7
+ ErrorMessageType["Warning"] = "Warning";
8
+ ErrorMessageType["Info"] = "Info";
9
+ })(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
10
+ /**
11
+ * Private method to get common styling for coloring by applying incoming colors.
12
+ *
13
+ * @param {string} bgColor Background color.
14
+ * @param {string} borderColor Border color.
15
+ * @returns {IRawStyle} Object with styles for message.
16
+ */
17
+ const getMessageColorStylings = (bgColor, borderColor) => {
18
+ const border = `1px solid ${borderColor}`;
19
+ return {
20
+ backgroundColor: bgColor,
21
+ borderLeft: border,
22
+ borderRight: border,
23
+ borderBottom: border,
24
+ borderColor: borderColor
25
+ };
26
+ };
27
+ const messagesStyles = {
28
+ error: {
29
+ color: 'var(--vscode-input-foreground)',
30
+ ...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
31
+ paddingTop: 4,
32
+ paddingBottom: 5,
33
+ paddingLeft: 8,
34
+ margin: 0
35
+ },
36
+ warning: {},
37
+ info: {}
38
+ };
39
+ messagesStyles.warning = {
40
+ ...messagesStyles.error,
41
+ ...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
42
+ };
43
+ messagesStyles.info = {
44
+ ...messagesStyles.error,
45
+ ...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
46
+ };
47
+ exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
48
+ [undefined, 'error'],
49
+ ["Error" /* ErrorMessageType.Error */, 'error'],
50
+ ["Warning" /* ErrorMessageType.Warning */, 'warning'],
51
+ ["Info" /* ErrorMessageType.Info */, 'info']
52
+ ]);
53
+ /**
54
+ * Method returns input message styles for passed message type.
55
+ * Default style is for Error message.
56
+ *
57
+ * @param {ErrorMessageType} [type] Message type.
58
+ * @returns {IRawStyle} Object with styles for message.
59
+ */
60
+ const getMessageStyle = (type) => {
61
+ let style;
62
+ switch (type) {
63
+ case "Warning" /* ErrorMessageType.Warning */: {
64
+ style = messagesStyles.warning;
65
+ break;
66
+ }
67
+ case "Info" /* ErrorMessageType.Info */: {
68
+ style = messagesStyles.info;
69
+ break;
70
+ }
71
+ default: {
72
+ style = messagesStyles.error;
73
+ break;
74
+ }
75
+ }
76
+ return style;
77
+ };
78
+ /**
79
+ * Method returns error message type depends on properties of UIComponentMessagesProps.
80
+ *
81
+ * @param {UIComponentMessagesProps} [props] Component props.
82
+ * @returns {ErrorMessageType} Message type.
83
+ */
84
+ const getMessageType = (props) => {
85
+ if (props) {
86
+ if (props.errorMessage) {
87
+ return "Error" /* ErrorMessageType.Error */;
88
+ }
89
+ else if (props.warningMessage) {
90
+ return "Warning" /* ErrorMessageType.Warning */;
91
+ }
92
+ else if (props.infoMessage) {
93
+ return "Info" /* ErrorMessageType.Info */;
94
+ }
95
+ }
96
+ return "Error" /* ErrorMessageType.Error */;
97
+ };
98
+ /**
99
+ * Method returns error message string by handling property of all messages like Error Warning and Info.
100
+ *
101
+ * @param {UIComponentMessagesProps} [props] Component props.
102
+ * @returns {string | undefined} Message string.
103
+ */
104
+ const getErrorMessage = (props) => {
105
+ return props?.errorMessage || props?.warningMessage || props?.infoMessage;
106
+ };
107
+ /**
108
+ * Method returns object containing data to display message for component.
109
+ *
110
+ * @param {UIMessagesExtendedProps} [props] Component props.
111
+ * @returns {InputValidationMessageInfo} Message info.
112
+ */
113
+ const getMessageInfo = (props) => {
114
+ const errorType = getMessageType(props);
115
+ return {
116
+ type: errorType,
117
+ style: getMessageStyle(errorType),
118
+ message: getErrorMessage(props)
119
+ };
120
+ };
121
+ exports.getMessageInfo = getMessageInfo;
122
122
  //# sourceMappingURL=utils.js.map
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './components';
2
- export * from './utilities';
1
+ export * from './components';
2
+ export * from './utilities';
3
3
  //# sourceMappingURL=index.d.ts.map
package/dist/index.js CHANGED
@@ -1,19 +1,19 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./components"), exports);
18
- __exportStar(require("./utilities"), exports);
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./components"), exports);
18
+ __exportStar(require("./utilities"), exports);
19
19
  //# sourceMappingURL=index.js.map
@@ -1,11 +1,11 @@
1
- /**
2
- * Performs deep merge on two objects.
3
- * Parameters are not mutated.
4
- * Arrays are copied as references and are not merged.
5
- *
6
- * @param a
7
- * @param b
8
- * @returns Record<string, unknown>
9
- */
10
- export declare function deepMerge(a: any, b: any): Record<string, unknown>;
1
+ /**
2
+ * Performs deep merge on two objects.
3
+ * Parameters are not mutated.
4
+ * Arrays are copied as references and are not merged.
5
+ *
6
+ * @param a
7
+ * @param b
8
+ * @returns Record<string, unknown>
9
+ */
10
+ export declare function deepMerge(a: any, b: any): Record<string, unknown>;
11
11
  //# sourceMappingURL=DeepMerge.d.ts.map
@@ -1,49 +1,49 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.deepMerge = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- /**
9
- * Performs deep merge on two objects.
10
- * Parameters are not mutated.
11
- * Arrays are copied as references and are not merged.
12
- *
13
- * @param a
14
- * @param b
15
- * @returns Record<string, unknown>
16
- */
17
- function deepMerge(a, b) {
18
- const result = Object.keys(a).length ? deepMerge({}, a) : {};
19
- const keys = Object.keys(b);
20
- for (const key of keys) {
21
- const value = b[key];
22
- if (isObject(value)) {
23
- if (!result[key] || isObject(result[key])) {
24
- result[key] = deepMerge(result[key] ?? {}, value);
25
- }
26
- else {
27
- throw new Error('Object structures are not compatible!');
28
- }
29
- }
30
- else {
31
- result[key] = value;
32
- }
33
- }
34
- return result;
35
- }
36
- exports.deepMerge = deepMerge;
37
- /**
38
- * Method checks item is object.
39
- *
40
- * @param item
41
- * @returns boolean
42
- */
43
- function isObject(item) {
44
- if (!item) {
45
- return false;
46
- }
47
- return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
48
- }
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.deepMerge = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ /**
9
+ * Performs deep merge on two objects.
10
+ * Parameters are not mutated.
11
+ * Arrays are copied as references and are not merged.
12
+ *
13
+ * @param a
14
+ * @param b
15
+ * @returns Record<string, unknown>
16
+ */
17
+ function deepMerge(a, b) {
18
+ const result = Object.keys(a).length ? deepMerge({}, a) : {};
19
+ const keys = Object.keys(b);
20
+ for (const key of keys) {
21
+ const value = b[key];
22
+ if (isObject(value)) {
23
+ if (!result[key] || isObject(result[key])) {
24
+ result[key] = deepMerge(result[key] ?? {}, value);
25
+ }
26
+ else {
27
+ throw new Error('Object structures are not compatible!');
28
+ }
29
+ }
30
+ else {
31
+ result[key] = value;
32
+ }
33
+ }
34
+ return result;
35
+ }
36
+ exports.deepMerge = deepMerge;
37
+ /**
38
+ * Method checks item is object.
39
+ *
40
+ * @param item
41
+ * @returns boolean
42
+ */
43
+ function isObject(item) {
44
+ if (!item) {
45
+ return false;
46
+ }
47
+ return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
48
+ }
49
49
  //# sourceMappingURL=DeepMerge.js.map
@@ -1,8 +1,15 @@
1
- /**
2
- * Method checks if passed Element is HTML Element.
3
- *
4
- * @param element Element.
5
- * @returns True if passed Element is HTML Element.
6
- */
7
- export declare function isHTMLElement(element: Element): element is HTMLElement;
1
+ /**
2
+ * Method checks if passed Element is HTML Element.
3
+ *
4
+ * @param element Element.
5
+ * @returns True if passed Element is HTML Element.
6
+ */
7
+ export declare function isHTMLElement(element: Element): element is HTMLElement;
8
+ /**
9
+ * Method checks if passed Element is HTML Input Element.
10
+ *
11
+ * @param element Element.
12
+ * @returns True if passed Element is HTML Input Element.
13
+ */
14
+ export declare function isHTMLInputElement(element: Element | EventTarget): element is HTMLInputElement;
8
15
  //# sourceMappingURL=Dom.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dom.d.ts","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE"}
1
+ {"version":3,"file":"Dom.d.ts","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,IAAI,gBAAgB,CAE9F"}
@@ -1,14 +1,24 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.isHTMLElement = void 0;
4
- /**
5
- * Method checks if passed Element is HTML Element.
6
- *
7
- * @param element Element.
8
- * @returns True if passed Element is HTML Element.
9
- */
10
- function isHTMLElement(element) {
11
- return 'title' in element;
12
- }
13
- exports.isHTMLElement = isHTMLElement;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.isHTMLInputElement = exports.isHTMLElement = void 0;
4
+ /**
5
+ * Method checks if passed Element is HTML Element.
6
+ *
7
+ * @param element Element.
8
+ * @returns True if passed Element is HTML Element.
9
+ */
10
+ function isHTMLElement(element) {
11
+ return 'title' in element;
12
+ }
13
+ exports.isHTMLElement = isHTMLElement;
14
+ /**
15
+ * Method checks if passed Element is HTML Input Element.
16
+ *
17
+ * @param element Element.
18
+ * @returns True if passed Element is HTML Input Element.
19
+ */
20
+ function isHTMLInputElement(element) {
21
+ return 'value' in element && 'tagName' in element && element.tagName === 'INPUT';
22
+ }
23
+ exports.isHTMLInputElement = isHTMLInputElement;
14
24
  //# sourceMappingURL=Dom.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dom.js","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,OAAgB;IAC1C,OAAO,OAAO,IAAI,OAAO,CAAC;AAC9B,CAAC;AAFD,sCAEC"}
1
+ {"version":3,"file":"Dom.js","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,OAAgB;IAC1C,OAAO,OAAO,IAAI,OAAO,CAAC;AAC9B,CAAC;AAFD,sCAEC;AAED;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,OAA8B;IAC7D,OAAO,OAAO,IAAI,OAAO,IAAI,SAAS,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC;AACrF,CAAC;AAFD,gDAEC"}
@@ -1,15 +1,15 @@
1
- import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
2
- export { getFirstFocusable as getUIFirstFocusable };
3
- export { getLastFocusable as getUILastFocusable };
4
- export { setFocusVisibility as setUIFocusVisibility };
5
- export { getNextElement };
6
- export { getPreviousElement };
7
- /**
8
- * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
9
- *
10
- * @param source Source/current element.
11
- * @param next `true` if should focus next or `false` if should focus previous.
12
- * @returns Redirected element.
13
- */
14
- export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
1
+ import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
2
+ export { getFirstFocusable as getUIFirstFocusable };
3
+ export { getLastFocusable as getUILastFocusable };
4
+ export { setFocusVisibility as setUIFocusVisibility };
5
+ export { getNextElement };
6
+ export { getPreviousElement };
7
+ /**
8
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
9
+ *
10
+ * @param source Source/current element.
11
+ * @param next `true` if should focus next or `false` if should focus previous.
12
+ * @returns Redirected element.
13
+ */
14
+ export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
15
15
  //# sourceMappingURL=Focus.d.ts.map
@@ -1,35 +1,35 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
4
- const react_1 = require("@fluentui/react");
5
- Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
6
- Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
7
- Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
8
- Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
9
- Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
10
- /**
11
- * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
12
- *
13
- * @param source Source/current element.
14
- * @param next `true` if should focus next or `false` if should focus previous.
15
- * @returns Redirected element.
16
- */
17
- function focusToSibling(source, next) {
18
- const document = (0, react_1.getDocument)();
19
- if (document) {
20
- let element = null;
21
- if (next) {
22
- element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
23
- }
24
- else {
25
- element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
26
- }
27
- if (element) {
28
- element.focus();
29
- return element;
30
- }
31
- }
32
- return null;
33
- }
34
- exports.focusToSibling = focusToSibling;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
4
+ const react_1 = require("@fluentui/react");
5
+ Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
6
+ Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
7
+ Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
8
+ Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
9
+ Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
10
+ /**
11
+ * Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
12
+ *
13
+ * @param source Source/current element.
14
+ * @param next `true` if should focus next or `false` if should focus previous.
15
+ * @returns Redirected element.
16
+ */
17
+ function focusToSibling(source, next) {
18
+ const document = (0, react_1.getDocument)();
19
+ if (document) {
20
+ let element = null;
21
+ if (next) {
22
+ element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
23
+ }
24
+ else {
25
+ element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
26
+ }
27
+ if (element) {
28
+ element.focus();
29
+ return element;
30
+ }
31
+ }
32
+ return null;
33
+ }
34
+ exports.focusToSibling = focusToSibling;
35
35
  //# sourceMappingURL=Focus.js.map
@@ -1,3 +1,3 @@
1
- import { getId } from '@fluentui/react';
2
- export { getId as getUIId };
1
+ import { getId } from '@fluentui/react';
2
+ export { getId as getUIId };
3
3
  //# sourceMappingURL=Id.d.ts.map
@@ -1,6 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getUIId = void 0;
4
- const react_1 = require("@fluentui/react");
5
- Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getUIId = void 0;
4
+ const react_1 = require("@fluentui/react");
5
+ Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
6
6
  //# sourceMappingURL=Id.js.map
@@ -1,3 +1,3 @@
1
- import { KeyCodes } from '@fluentui/react';
2
- export { KeyCodes as UIKeyCodes };
1
+ import { KeyCodes } from '@fluentui/react';
2
+ export { KeyCodes as UIKeyCodes };
3
3
  //# sourceMappingURL=Keys.d.ts.map
@@ -1,6 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.UIKeyCodes = void 0;
4
- const react_1 = require("@fluentui/react");
5
- Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.UIKeyCodes = void 0;
4
+ const react_1 = require("@fluentui/react");
5
+ Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
6
6
  //# sourceMappingURL=Keys.js.map
@@ -1,5 +1,5 @@
1
- export * from './Dom';
2
- export * from './Focus';
3
- export * from './Id';
4
- export * from './Keys';
1
+ export * from './Dom';
2
+ export * from './Focus';
3
+ export * from './Id';
4
+ export * from './Keys';
5
5
  //# sourceMappingURL=index.d.ts.map