@sap-ux/ui-components 1.14.1 → 1.15.0

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 (272) hide show
  1. package/dist/components/Icons.d.ts +151 -150
  2. package/dist/components/Icons.d.ts.map +1 -1
  3. package/dist/components/Icons.js +631 -628
  4. package/dist/components/Icons.js.map +1 -1
  5. package/dist/components/UIActionCallout/UIActionCallout.d.ts +64 -64
  6. package/dist/components/UIActionCallout/UIActionCallout.js +67 -67
  7. package/dist/components/UIActionCallout/index.d.ts +1 -1
  8. package/dist/components/UIActionCallout/index.js +17 -17
  9. package/dist/components/UIBreadcrumb/UIBreadcrumb.d.ts +23 -23
  10. package/dist/components/UIBreadcrumb/UIBreadcrumb.js +38 -38
  11. package/dist/components/UIBreadcrumb/index.d.ts +1 -1
  12. package/dist/components/UIBreadcrumb/index.js +17 -17
  13. package/dist/components/UIButton/UIActionButton.d.ts +23 -23
  14. package/dist/components/UIButton/UIActionButton.js +89 -89
  15. package/dist/components/UIButton/UIDefaultButton.d.ts +41 -41
  16. package/dist/components/UIButton/UIDefaultButton.js +255 -255
  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 -208
  40. package/dist/components/UIComboBox/UIComboBox.js +563 -563
  41. package/dist/components/UIComboBox/index.d.ts +1 -1
  42. package/dist/components/UIComboBox/index.js +17 -17
  43. package/dist/components/UIContextualMenu/UIContextualMenu.d.ts +31 -31
  44. package/dist/components/UIContextualMenu/UIContextualMenu.js +126 -126
  45. package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts +19 -19
  46. package/dist/components/UIContextualMenu/UIHighlightMenuOption.js +50 -50
  47. package/dist/components/UIContextualMenu/index.d.ts +2 -2
  48. package/dist/components/UIContextualMenu/index.js +18 -18
  49. package/dist/components/UICreateSelect/UICreateSelect.d.ts +36 -36
  50. package/dist/components/UICreateSelect/UICreateSelect.js +172 -172
  51. package/dist/components/UICreateSelect/index.d.ts +1 -1
  52. package/dist/components/UICreateSelect/index.js +17 -17
  53. package/dist/components/UIDatePicker/UIDatePicker.d.ts +49 -49
  54. package/dist/components/UIDatePicker/UIDatePicker.js +72 -72
  55. package/dist/components/UIDatePicker/index.d.ts +1 -1
  56. package/dist/components/UIDatePicker/index.js +17 -17
  57. package/dist/components/UIDialog/UIDialog.d.ts +118 -118
  58. package/dist/components/UIDialog/UIDialog.js +281 -281
  59. package/dist/components/UIDialog/index.d.ts +1 -1
  60. package/dist/components/UIDialog/index.js +17 -17
  61. package/dist/components/UIDropdown/UIDropdown.d.ts +94 -94
  62. package/dist/components/UIDropdown/UIDropdown.js +224 -224
  63. package/dist/components/UIDropdown/index.d.ts +2 -2
  64. package/dist/components/UIDropdown/index.js +18 -18
  65. package/dist/components/UIDropdown/utils.d.ts +20 -20
  66. package/dist/components/UIDropdown/utils.js +43 -43
  67. package/dist/components/UIFlexibleTable/RowActions.d.ts +16 -16
  68. package/dist/components/UIFlexibleTable/RowActions.js +73 -73
  69. package/dist/components/UIFlexibleTable/RowData.d.ts +16 -16
  70. package/dist/components/UIFlexibleTable/RowData.js +111 -111
  71. package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts +11 -11
  72. package/dist/components/UIFlexibleTable/UIFlexibleTable.js +280 -280
  73. package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.d.ts +20 -20
  74. package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js +20 -20
  75. package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts +26 -26
  76. package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +219 -219
  77. package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts +20 -20
  78. package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js +19 -19
  79. package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts +15 -15
  80. package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js +28 -28
  81. package/dist/components/UIFlexibleTable/index.d.ts +5 -5
  82. package/dist/components/UIFlexibleTable/index.js +21 -21
  83. package/dist/components/UIFlexibleTable/types.d.ts +143 -143
  84. package/dist/components/UIFlexibleTable/types.js +14 -14
  85. package/dist/components/UIFlexibleTable/utils.d.ts +25 -25
  86. package/dist/components/UIFlexibleTable/utils.js +49 -49
  87. package/dist/components/UIFocusZone/UIFocusTrapZone.d.ts +22 -22
  88. package/dist/components/UIFocusZone/UIFocusTrapZone.js +33 -33
  89. package/dist/components/UIFocusZone/UIFocusZone.d.ts +23 -23
  90. package/dist/components/UIFocusZone/UIFocusZone.js +35 -35
  91. package/dist/components/UIFocusZone/index.d.ts +2 -2
  92. package/dist/components/UIFocusZone/index.js +18 -18
  93. package/dist/components/UIIcon/UIIcon.d.ts +24 -24
  94. package/dist/components/UIIcon/UIIcon.js +37 -37
  95. package/dist/components/UIIcon/index.d.ts +1 -1
  96. package/dist/components/UIIcon/index.js +17 -17
  97. package/dist/components/UIInput/UITextInput.d.ts +51 -51
  98. package/dist/components/UIInput/UITextInput.js +244 -244
  99. package/dist/components/UIInput/index.d.ts +1 -1
  100. package/dist/components/UIInput/index.js +17 -17
  101. package/dist/components/UILabel/UILabel.d.ts +30 -30
  102. package/dist/components/UILabel/UILabel.js +64 -64
  103. package/dist/components/UILabel/index.d.ts +1 -1
  104. package/dist/components/UILabel/index.js +17 -17
  105. package/dist/components/UILink/UILink.d.ts +25 -25
  106. package/dist/components/UILink/UILink.js +71 -71
  107. package/dist/components/UILink/index.d.ts +1 -1
  108. package/dist/components/UILink/index.js +17 -17
  109. package/dist/components/UIList/UIList.d.ts +31 -31
  110. package/dist/components/UIList/UIList.js +120 -120
  111. package/dist/components/UIList/index.d.ts +1 -1
  112. package/dist/components/UIList/index.js +17 -17
  113. package/dist/components/UILoader/UILoader.d.ts +27 -27
  114. package/dist/components/UILoader/UILoader.js +78 -78
  115. package/dist/components/UILoader/index.d.ts +1 -1
  116. package/dist/components/UILoader/index.js +17 -17
  117. package/dist/components/UIMessageBar/UIMessageBar.d.ts +25 -25
  118. package/dist/components/UIMessageBar/UIMessageBar.js +56 -56
  119. package/dist/components/UIMessageBar/index.d.ts +1 -1
  120. package/dist/components/UIMessageBar/index.js +17 -17
  121. package/dist/components/UIModal/UIModal.d.ts +23 -23
  122. package/dist/components/UIModal/UIModal.js +43 -43
  123. package/dist/components/UIModal/index.d.ts +1 -1
  124. package/dist/components/UIModal/index.js +17 -17
  125. package/dist/components/UIOverlay/UIOverlay.d.ts +22 -22
  126. package/dist/components/UIOverlay/UIOverlay.js +38 -38
  127. package/dist/components/UIOverlay/index.d.ts +1 -1
  128. package/dist/components/UIOverlay/index.js +17 -17
  129. package/dist/components/UIPersona/UIPersona.d.ts +27 -27
  130. package/dist/components/UIPersona/UIPersona.js +48 -48
  131. package/dist/components/UIPersona/index.d.ts +1 -1
  132. package/dist/components/UIPersona/index.js +17 -17
  133. package/dist/components/UIQuickNavigation/UIQuickNavigation.d.ts +31 -0
  134. package/dist/components/UIQuickNavigation/UIQuickNavigation.d.ts.map +1 -0
  135. package/dist/components/UIQuickNavigation/UIQuickNavigation.js +251 -0
  136. package/dist/components/UIQuickNavigation/UIQuickNavigation.js.map +1 -0
  137. package/dist/components/UIQuickNavigation/UIQuickNavigation.scss +33 -0
  138. package/dist/components/UIQuickNavigation/index.d.ts +2 -0
  139. package/dist/components/UIQuickNavigation/index.d.ts.map +1 -0
  140. package/dist/components/UIQuickNavigation/index.js +18 -0
  141. package/dist/components/UIQuickNavigation/index.js.map +1 -0
  142. package/dist/components/UISearchBox/UISearchBox.d.ts +22 -22
  143. package/dist/components/UISearchBox/UISearchBox.js +155 -155
  144. package/dist/components/UISearchBox/index.d.ts +3 -3
  145. package/dist/components/UISearchBox/index.js +17 -17
  146. package/dist/components/UISection/UISection.d.ts +34 -34
  147. package/dist/components/UISection/UISection.js +44 -44
  148. package/dist/components/UISection/UISections.d.ts +249 -249
  149. package/dist/components/UISection/UISections.js +707 -707
  150. package/dist/components/UISection/UISplitter.d.ts +96 -96
  151. package/dist/components/UISection/UISplitter.js +220 -220
  152. package/dist/components/UISection/index.d.ts +3 -3
  153. package/dist/components/UISection/index.js +19 -19
  154. package/dist/components/UISeparator/UISeparator.d.ts +25 -25
  155. package/dist/components/UISeparator/UISeparator.js +65 -65
  156. package/dist/components/UISeparator/index.d.ts +1 -1
  157. package/dist/components/UISeparator/index.js +17 -17
  158. package/dist/components/UITable/UITable-helper.d.ts +88 -88
  159. package/dist/components/UITable/UITable-helper.js +263 -263
  160. package/dist/components/UITable/UITable.d.ts +213 -213
  161. package/dist/components/UITable/UITable.js +779 -779
  162. package/dist/components/UITable/index.d.ts +2 -2
  163. package/dist/components/UITable/index.js +18 -18
  164. package/dist/components/UITable/types.d.ts +77 -77
  165. package/dist/components/UITable/types.js +28 -28
  166. package/dist/components/UITabs/UITabs.d.ts +28 -28
  167. package/dist/components/UITabs/UITabs.js +70 -70
  168. package/dist/components/UITabs/index.d.ts +1 -1
  169. package/dist/components/UITabs/index.js +17 -17
  170. package/dist/components/UIToggle/UIToggle.d.ts +39 -39
  171. package/dist/components/UIToggle/UIToggle.js +181 -181
  172. package/dist/components/UIToggle/index.d.ts +1 -1
  173. package/dist/components/UIToggle/index.js +17 -17
  174. package/dist/components/UIToggleGroup/UIToggleGroup.d.ts +31 -31
  175. package/dist/components/UIToggleGroup/UIToggleGroup.js +139 -139
  176. package/dist/components/UIToggleGroup/UIToggleGroup.types.d.ts +22 -22
  177. package/dist/components/UIToggleGroup/UIToggleGroup.types.js +2 -2
  178. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts +25 -25
  179. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +77 -77
  180. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts +10 -10
  181. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js +2 -2
  182. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts +2 -2
  183. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js +18 -18
  184. package/dist/components/UIToggleGroup/index.d.ts +2 -2
  185. package/dist/components/UIToggleGroup/index.js +18 -18
  186. package/dist/components/UIToolbar/UIToolbar.d.ts +36 -36
  187. package/dist/components/UIToolbar/UIToolbar.js +104 -104
  188. package/dist/components/UIToolbar/UIToolbarColumn.d.ts +7 -7
  189. package/dist/components/UIToolbar/UIToolbarColumn.js +33 -33
  190. package/dist/components/UIToolbar/UIToolbarDivider.d.ts +27 -27
  191. package/dist/components/UIToolbar/UIToolbarDivider.js +52 -52
  192. package/dist/components/UIToolbar/index.d.ts +3 -3
  193. package/dist/components/UIToolbar/index.js +19 -19
  194. package/dist/components/UITooltip/UITooltip.d.ts +29 -29
  195. package/dist/components/UITooltip/UITooltip.js +77 -77
  196. package/dist/components/UITooltip/UITooltipUtils.d.ts +17 -17
  197. package/dist/components/UITooltip/UITooltipUtils.js +45 -45
  198. package/dist/components/UITooltip/index.d.ts +2 -2
  199. package/dist/components/UITooltip/index.js +18 -18
  200. package/dist/components/UITranslationInput/UIFormattedText.d.ts +46 -46
  201. package/dist/components/UITranslationInput/UIFormattedText.js +121 -121
  202. package/dist/components/UITranslationInput/UILoadButton.d.ts +52 -52
  203. package/dist/components/UITranslationInput/UILoadButton.js +109 -109
  204. package/dist/components/UITranslationInput/UITranslationButton.d.ts +14 -14
  205. package/dist/components/UITranslationInput/UITranslationButton.js +88 -88
  206. package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +67 -67
  207. package/dist/components/UITranslationInput/UITranslationButton.types.js +21 -21
  208. package/dist/components/UITranslationInput/UITranslationInput.d.ts +25 -25
  209. package/dist/components/UITranslationInput/UITranslationInput.js +169 -169
  210. package/dist/components/UITranslationInput/UITranslationUtils.d.ts +64 -64
  211. package/dist/components/UITranslationInput/UITranslationUtils.js +168 -168
  212. package/dist/components/UITranslationInput/defaults.d.ts +2 -2
  213. package/dist/components/UITranslationInput/defaults.js +15 -15
  214. package/dist/components/UITranslationInput/index.d.ts +2 -2
  215. package/dist/components/UITranslationInput/index.js +18 -18
  216. package/dist/components/UITreeDropdown/UITreeDropdown.d.ts +265 -265
  217. package/dist/components/UITreeDropdown/UITreeDropdown.js +660 -660
  218. package/dist/components/UITreeDropdown/index.d.ts +1 -1
  219. package/dist/components/UITreeDropdown/index.js +17 -17
  220. package/dist/components/UIVerticalDivider/UIVerticalDivider.d.ts +23 -23
  221. package/dist/components/UIVerticalDivider/UIVerticalDivider.js +41 -41
  222. package/dist/components/UIVerticalDivider/index.d.ts +1 -1
  223. package/dist/components/UIVerticalDivider/index.js +17 -17
  224. package/dist/components/UIVirtualList/UIAutoSizer.d.ts +22 -22
  225. package/dist/components/UIVirtualList/UIAutoSizer.js +33 -33
  226. package/dist/components/UIVirtualList/UICellMeasurer.d.ts +23 -23
  227. package/dist/components/UIVirtualList/UICellMeasurer.js +33 -33
  228. package/dist/components/UIVirtualList/UIVirtualList.d.ts +43 -43
  229. package/dist/components/UIVirtualList/UIVirtualList.js +70 -70
  230. package/dist/components/UIVirtualList/index.d.ts +3 -3
  231. package/dist/components/UIVirtualList/index.js +19 -19
  232. package/dist/components/index.d.ts +39 -38
  233. package/dist/components/index.d.ts.map +1 -1
  234. package/dist/components/index.js +55 -54
  235. package/dist/components/index.js.map +1 -1
  236. package/dist/helper/ValidationMessage/MessageWrapper.d.ts +17 -17
  237. package/dist/helper/ValidationMessage/MessageWrapper.js +34 -34
  238. package/dist/helper/ValidationMessage/index.d.ts +2 -2
  239. package/dist/helper/ValidationMessage/index.js +18 -18
  240. package/dist/helper/ValidationMessage/utils.d.ts +31 -31
  241. package/dist/helper/ValidationMessage/utils.js +121 -121
  242. package/dist/index.d.ts +2 -2
  243. package/dist/index.js +18 -18
  244. package/dist/utilities/DeepMerge.d.ts +10 -10
  245. package/dist/utilities/DeepMerge.js +48 -48
  246. package/dist/utilities/Dom.d.ts +14 -14
  247. package/dist/utilities/Dom.d.ts.map +1 -1
  248. package/dist/utilities/Dom.js +23 -23
  249. package/dist/utilities/Dom.js.map +1 -1
  250. package/dist/utilities/Focus.d.ts +14 -14
  251. package/dist/utilities/Focus.js +34 -34
  252. package/dist/utilities/Id.d.ts +2 -2
  253. package/dist/utilities/Id.js +5 -5
  254. package/dist/utilities/Keys.d.ts +2 -2
  255. package/dist/utilities/Keys.js +5 -5
  256. package/dist/utilities/index.d.ts +4 -4
  257. package/dist/utilities/index.js +20 -20
  258. package/package.json +2 -2
  259. package/storybook/666.9eb67cb9.iframe.bundle.js +7 -0
  260. package/storybook/909.5e5ef92e.iframe.bundle.js +1 -0
  261. package/storybook/{930.3177b0dc.iframe.bundle.js → 930.1b3c5615.iframe.bundle.js} +2 -2
  262. package/storybook/UIQuickNavigation-story.14c63c2c.iframe.bundle.js +1 -0
  263. package/storybook/iframe.html +3 -3
  264. package/storybook/index.json +1 -1
  265. package/storybook/main.3da10e91.iframe.bundle.js +1 -0
  266. package/storybook/project.json +1 -1
  267. package/storybook/runtime~main.6f623654.iframe.bundle.js +2 -0
  268. package/storybook/stories.json +1 -1
  269. package/storybook/666.7332043d.iframe.bundle.js +0 -7
  270. package/storybook/909.dde4cce0.iframe.bundle.js +0 -1
  271. package/storybook/main.5f68bcca.iframe.bundle.js +0 -1
  272. package/storybook/runtime~main.a213c0ae.iframe.bundle.js +0 -2
@@ -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("./UIToggleGroup"), exports);
18
- __exportStar(require("./UIToggleGroup.types"), 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("./UIToggleGroup"), exports);
18
+ __exportStar(require("./UIToggleGroup.types"), exports);
19
19
  //# sourceMappingURL=index.js.map
@@ -1,37 +1,37 @@
1
- import * as React from 'react';
2
- import './UIToolbar.scss';
3
- export interface UIToolbarProps {
4
- className?: string;
5
- children: React.ReactNode;
6
- breakPointLarge?: number;
7
- breakPointMedium?: number;
8
- breakPointSmall?: number;
9
- onResize?(width: number, widthName: string): void;
10
- }
11
- export interface UIToolbarState {
12
- toolbarWidthClassName: string;
13
- }
14
- /**
15
- * UIToolbar component.
16
- *
17
- * @exports
18
- * @class {UIToolbar}
19
- * @extends {React.Component<UIToolbarProps, UIToolbarState>}
20
- */
21
- export declare class UIToolbar extends React.Component<UIToolbarProps, UIToolbarState> {
22
- private toolbarRef;
23
- resizeObserver: any;
24
- /**
25
- * Initializes component properties.
26
- *
27
- * @param props
28
- */
29
- constructor(props: UIToolbarProps);
30
- componentDidMount(): void;
31
- onResize: () => void;
32
- /**
33
- * @returns {React.ReactNode}
34
- */
35
- render(): React.ReactNode;
36
- }
1
+ import * as React from 'react';
2
+ import './UIToolbar.scss';
3
+ export interface UIToolbarProps {
4
+ className?: string;
5
+ children: React.ReactNode;
6
+ breakPointLarge?: number;
7
+ breakPointMedium?: number;
8
+ breakPointSmall?: number;
9
+ onResize?(width: number, widthName: string): void;
10
+ }
11
+ export interface UIToolbarState {
12
+ toolbarWidthClassName: string;
13
+ }
14
+ /**
15
+ * UIToolbar component.
16
+ *
17
+ * @exports
18
+ * @class {UIToolbar}
19
+ * @extends {React.Component<UIToolbarProps, UIToolbarState>}
20
+ */
21
+ export declare class UIToolbar extends React.Component<UIToolbarProps, UIToolbarState> {
22
+ private toolbarRef;
23
+ resizeObserver: any;
24
+ /**
25
+ * Initializes component properties.
26
+ *
27
+ * @param props
28
+ */
29
+ constructor(props: UIToolbarProps);
30
+ componentDidMount(): void;
31
+ onResize: () => void;
32
+ /**
33
+ * @returns {React.ReactNode}
34
+ */
35
+ render(): React.ReactNode;
36
+ }
37
37
  //# sourceMappingURL=UIToolbar.d.ts.map
@@ -1,105 +1,105 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.UIToolbar = void 0;
27
- const React = __importStar(require("react"));
28
- require("./UIToolbar.scss");
29
- /**
30
- * UIToolbar component.
31
- *
32
- * @exports
33
- * @class {UIToolbar}
34
- * @extends {React.Component<UIToolbarProps, UIToolbarState>}
35
- */
36
- class UIToolbar extends React.Component {
37
- /**
38
- * Initializes component properties.
39
- *
40
- * @param props
41
- */
42
- constructor(props) {
43
- super(props);
44
- this.onResize = () => {
45
- const toolbarWidth = this.toolbarRef.current?.clientWidth;
46
- let breakPointLarge = 800;
47
- let breakPointMedium = 660;
48
- let breakPointSmall = 420;
49
- if (this.props.breakPointLarge) {
50
- breakPointLarge = this.props.breakPointLarge;
51
- }
52
- if (this.props.breakPointMedium) {
53
- breakPointMedium = this.props.breakPointMedium;
54
- }
55
- if (this.props.breakPointSmall) {
56
- breakPointSmall = this.props.breakPointSmall;
57
- }
58
- let toolbarWidthClassName = this.state.toolbarWidthClassName;
59
- let widthName = '';
60
- if (toolbarWidth) {
61
- if (toolbarWidth > breakPointLarge) {
62
- toolbarWidthClassName = 'column-wide';
63
- widthName = 'wide';
64
- }
65
- if (toolbarWidth > breakPointMedium && toolbarWidth <= breakPointLarge) {
66
- toolbarWidthClassName = 'column-large';
67
- widthName = 'large';
68
- }
69
- if (toolbarWidth >= breakPointSmall && toolbarWidth <= breakPointMedium) {
70
- toolbarWidthClassName = 'column-medium';
71
- widthName = 'medium';
72
- }
73
- if (toolbarWidth < breakPointSmall) {
74
- toolbarWidthClassName = 'column-small';
75
- widthName = 'small';
76
- }
77
- this.setState({
78
- toolbarWidthClassName: toolbarWidthClassName
79
- });
80
- if (this.props.onResize) {
81
- this.props.onResize(toolbarWidth, widthName);
82
- }
83
- }
84
- };
85
- this.state = {
86
- toolbarWidthClassName: 'column-large'
87
- };
88
- this.toolbarRef = React.createRef();
89
- this.resizeObserver = new ResizeObserver(this.onResize);
90
- }
91
- componentDidMount() {
92
- this.resizeObserver.observe(this.toolbarRef.current);
93
- this.onResize();
94
- }
95
- /**
96
- * @returns {React.ReactNode}
97
- */
98
- render() {
99
- return (React.createElement("div", { tabIndex: -1, ref: this.toolbarRef, className: `ui-toolbar ${this.state.toolbarWidthClassName} ${this.props.className ? this.props.className : ''}`, role: "toolbar" },
100
- React.createElement("div", { className: "ui-toolbar__container" },
101
- React.createElement("div", { className: "ui-toolbar__content" }, this.props.children))));
102
- }
103
- }
104
- exports.UIToolbar = UIToolbar;
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.UIToolbar = void 0;
27
+ const React = __importStar(require("react"));
28
+ require("./UIToolbar.scss");
29
+ /**
30
+ * UIToolbar component.
31
+ *
32
+ * @exports
33
+ * @class {UIToolbar}
34
+ * @extends {React.Component<UIToolbarProps, UIToolbarState>}
35
+ */
36
+ class UIToolbar extends React.Component {
37
+ /**
38
+ * Initializes component properties.
39
+ *
40
+ * @param props
41
+ */
42
+ constructor(props) {
43
+ super(props);
44
+ this.onResize = () => {
45
+ const toolbarWidth = this.toolbarRef.current?.clientWidth;
46
+ let breakPointLarge = 800;
47
+ let breakPointMedium = 660;
48
+ let breakPointSmall = 420;
49
+ if (this.props.breakPointLarge) {
50
+ breakPointLarge = this.props.breakPointLarge;
51
+ }
52
+ if (this.props.breakPointMedium) {
53
+ breakPointMedium = this.props.breakPointMedium;
54
+ }
55
+ if (this.props.breakPointSmall) {
56
+ breakPointSmall = this.props.breakPointSmall;
57
+ }
58
+ let toolbarWidthClassName = this.state.toolbarWidthClassName;
59
+ let widthName = '';
60
+ if (toolbarWidth) {
61
+ if (toolbarWidth > breakPointLarge) {
62
+ toolbarWidthClassName = 'column-wide';
63
+ widthName = 'wide';
64
+ }
65
+ if (toolbarWidth > breakPointMedium && toolbarWidth <= breakPointLarge) {
66
+ toolbarWidthClassName = 'column-large';
67
+ widthName = 'large';
68
+ }
69
+ if (toolbarWidth >= breakPointSmall && toolbarWidth <= breakPointMedium) {
70
+ toolbarWidthClassName = 'column-medium';
71
+ widthName = 'medium';
72
+ }
73
+ if (toolbarWidth < breakPointSmall) {
74
+ toolbarWidthClassName = 'column-small';
75
+ widthName = 'small';
76
+ }
77
+ this.setState({
78
+ toolbarWidthClassName: toolbarWidthClassName
79
+ });
80
+ if (this.props.onResize) {
81
+ this.props.onResize(toolbarWidth, widthName);
82
+ }
83
+ }
84
+ };
85
+ this.state = {
86
+ toolbarWidthClassName: 'column-large'
87
+ };
88
+ this.toolbarRef = React.createRef();
89
+ this.resizeObserver = new ResizeObserver(this.onResize);
90
+ }
91
+ componentDidMount() {
92
+ this.resizeObserver.observe(this.toolbarRef.current);
93
+ this.onResize();
94
+ }
95
+ /**
96
+ * @returns {React.ReactNode}
97
+ */
98
+ render() {
99
+ return (React.createElement("div", { tabIndex: -1, ref: this.toolbarRef, className: `ui-toolbar ${this.state.toolbarWidthClassName} ${this.props.className ? this.props.className : ''}`, role: "toolbar" },
100
+ React.createElement("div", { className: "ui-toolbar__container" },
101
+ React.createElement("div", { className: "ui-toolbar__content" }, this.props.children))));
102
+ }
103
+ }
104
+ exports.UIToolbar = UIToolbar;
105
105
  //# sourceMappingURL=UIToolbar.js.map
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
2
- import './UIToolbar.scss';
3
- export interface UIColumnProps {
4
- children: React.ReactNode;
5
- className?: string;
6
- }
7
- export declare const UIToolbarColumn: React.FC<UIColumnProps>;
1
+ import * as React from 'react';
2
+ import './UIToolbar.scss';
3
+ export interface UIColumnProps {
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ }
7
+ export declare const UIToolbarColumn: React.FC<UIColumnProps>;
8
8
  //# sourceMappingURL=UIToolbarColumn.d.ts.map
@@ -1,34 +1,34 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.UIToolbarColumn = void 0;
27
- const React = __importStar(require("react"));
28
- require("./UIToolbar.scss");
29
- const UIToolbarColumn = (props) => {
30
- return (React.createElement("div", { className: 'ui-toolbar__column ' + props.className },
31
- React.createElement("div", { className: "ui-toolbar__column__content" }, props.children)));
32
- };
33
- exports.UIToolbarColumn = UIToolbarColumn;
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.UIToolbarColumn = void 0;
27
+ const React = __importStar(require("react"));
28
+ require("./UIToolbar.scss");
29
+ const UIToolbarColumn = (props) => {
30
+ return (React.createElement("div", { className: 'ui-toolbar__column ' + props.className },
31
+ React.createElement("div", { className: "ui-toolbar__column__content" }, props.children)));
32
+ };
33
+ exports.UIToolbarColumn = UIToolbarColumn;
34
34
  //# sourceMappingURL=UIToolbarColumn.js.map
@@ -1,28 +1,28 @@
1
- import * as React from 'react';
2
- import './UIToolbar.scss';
3
- export interface UIToolbarDividerProps {
4
- hiddenSmallScreen?: boolean;
5
- showSmallScreen?: boolean;
6
- hiddenMediumScreen?: boolean;
7
- showMediumScreen?: boolean;
8
- }
9
- /**
10
- * UIToolbarDivider component.
11
- *
12
- * @exports
13
- * @class UIToolbarDivider
14
- + @extends {React.Component<UIToolbarDividerProps, {}>}
15
- */
16
- export declare class UIToolbarDivider extends React.Component<UIToolbarDividerProps, {}> {
17
- /**
18
- * Initializes component properties.
19
- *
20
- * @param props
21
- */
22
- constructor(props: UIToolbarDividerProps);
23
- /**
24
- * @returns {React.ReactNode}
25
- */
26
- render(): React.ReactNode;
27
- }
1
+ import * as React from 'react';
2
+ import './UIToolbar.scss';
3
+ export interface UIToolbarDividerProps {
4
+ hiddenSmallScreen?: boolean;
5
+ showSmallScreen?: boolean;
6
+ hiddenMediumScreen?: boolean;
7
+ showMediumScreen?: boolean;
8
+ }
9
+ /**
10
+ * UIToolbarDivider component.
11
+ *
12
+ * @exports
13
+ * @class UIToolbarDivider
14
+ + @extends {React.Component<UIToolbarDividerProps, {}>}
15
+ */
16
+ export declare class UIToolbarDivider extends React.Component<UIToolbarDividerProps, {}> {
17
+ /**
18
+ * Initializes component properties.
19
+ *
20
+ * @param props
21
+ */
22
+ constructor(props: UIToolbarDividerProps);
23
+ /**
24
+ * @returns {React.ReactNode}
25
+ */
26
+ render(): React.ReactNode;
27
+ }
28
28
  //# sourceMappingURL=UIToolbarDivider.d.ts.map
@@ -1,57 +1,57 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.UIToolbarDivider = void 0;
27
- const React = __importStar(require("react"));
28
- require("./UIToolbar.scss");
29
- /**
30
- * UIToolbarDivider component.
31
- *
32
- * @exports
33
- * @class UIToolbarDivider
34
- + @extends {React.Component<UIToolbarDividerProps, {}>}
35
- */
36
- class UIToolbarDivider extends React.Component {
37
- /**
38
- * Initializes component properties.
39
- *
40
- * @param props
41
- */
42
- constructor(props) {
43
- super(props);
44
- }
45
- /**
46
- * @returns {React.ReactNode}
47
- */
48
- render() {
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.UIToolbarDivider = void 0;
27
+ const React = __importStar(require("react"));
28
+ require("./UIToolbar.scss");
29
+ /**
30
+ * UIToolbarDivider component.
31
+ *
32
+ * @exports
33
+ * @class UIToolbarDivider
34
+ + @extends {React.Component<UIToolbarDividerProps, {}>}
35
+ */
36
+ class UIToolbarDivider extends React.Component {
37
+ /**
38
+ * Initializes component properties.
39
+ *
40
+ * @param props
41
+ */
42
+ constructor(props) {
43
+ super(props);
44
+ }
45
+ /**
46
+ * @returns {React.ReactNode}
47
+ */
48
+ render() {
49
49
  return (React.createElement("div", { className: `ui-divider
50
50
  ${this.props.hiddenSmallScreen ? 'hidden-xs' : ''}
51
51
  ${this.props.showSmallScreen ? 'show-xs' : ''}
52
52
  ${this.props.hiddenMediumScreen ? 'hidden-md' : ''}
53
- ${this.props.showMediumScreen ? 'show-md' : ''}` }));
54
- }
55
- }
56
- exports.UIToolbarDivider = UIToolbarDivider;
53
+ ${this.props.showMediumScreen ? 'show-md' : ''}` }));
54
+ }
55
+ }
56
+ exports.UIToolbarDivider = UIToolbarDivider;
57
57
  //# sourceMappingURL=UIToolbarDivider.js.map
@@ -1,4 +1,4 @@
1
- export * from './UIToolbar';
2
- export * from './UIToolbarColumn';
3
- export * from './UIToolbarDivider';
1
+ export * from './UIToolbar';
2
+ export * from './UIToolbarColumn';
3
+ export * from './UIToolbarDivider';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1,20 +1,20 @@
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("./UIToolbar"), exports);
18
- __exportStar(require("./UIToolbarColumn"), exports);
19
- __exportStar(require("./UIToolbarDivider"), 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("./UIToolbar"), exports);
18
+ __exportStar(require("./UIToolbarColumn"), exports);
19
+ __exportStar(require("./UIToolbarDivider"), exports);
20
20
  //# sourceMappingURL=index.js.map