@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,18 +1,18 @@
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("./UIDatePicker"), 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("./UIDatePicker"), exports);
18
18
  //# sourceMappingURL=index.js.map
@@ -1,119 +1,119 @@
1
- import React from 'react';
2
- import type { IDialogProps } from '@fluentui/react';
3
- import '../../styles/_shadows.scss';
4
- interface ComponentProps {
5
- acceptButtonText?: string;
6
- cancelButtonText?: string;
7
- acceptButtonId?: string;
8
- cancelButtonId?: string;
9
- onAccept?: () => void;
10
- onCancel?: () => void;
11
- scrollArea?: UIDialogScrollArea;
12
- closeButtonVisible?: boolean;
13
- footer?: React.ReactElement;
14
- multiLineTitle?: boolean;
15
- isOpenAnimated?: boolean;
16
- }
17
- export declare const DIALOG_MAX_HEIGHT_OFFSET = 32;
18
- export declare const DIALOG_STYLES: {
19
- background: string;
20
- boxShadow: string;
21
- borderColor: string;
22
- borderRadius: number;
23
- vPadding: number;
24
- vPaddingHalf: number;
25
- hPadding: number;
26
- title: {
27
- color: string;
28
- };
29
- contentText: {
30
- fontSize: number;
31
- color: string;
32
- fontFamily: string;
33
- };
34
- };
35
- export type DialogProps = IDialogProps & ComponentProps;
36
- export interface DialogState {
37
- resizeMaxHeight?: number;
38
- isMounted?: boolean;
39
- }
40
- export declare enum UIDialogScrollArea {
41
- Content = "Content",
42
- Dialog = "Dialog"
43
- }
44
- /**
45
- * UIDialog component.
46
- * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
47
- * and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
48
- *
49
- * @exports
50
- * @class UIDialog
51
- * @extends {React.Component<IDialogProps, {}>}
52
- */
53
- export declare class UIDialog extends React.Component<DialogProps, DialogState> {
54
- static defaultProps: {
55
- isOpenAnimated: boolean;
56
- };
57
- /**
58
- * Initializes component properties.
59
- *
60
- * @param {DialogProps} props
61
- */
62
- constructor(props: DialogProps);
63
- /**
64
- * Called when component is rerendered.
65
- *
66
- * @param {Readonly<DialogProps>} prevProps
67
- */
68
- componentDidUpdate(prevProps: Readonly<DialogProps>): void;
69
- /**
70
- * Method handles modal dialog mount event.
71
- */
72
- private onModalLayerMount;
73
- /**
74
- * Method handles modal dialog unmount event.
75
- */
76
- private onModalLayerUnmount;
77
- /**
78
- * Method attaches to window resize event.
79
- */
80
- private attachResize;
81
- /**
82
- * Method detaches from window resize event.
83
- */
84
- private detachResize;
85
- /**
86
- * Method handles window resizer event to update calculation for content scrollarea size.
87
- */
88
- private onResize;
89
- /**
90
- * Method returns maximal height for dialog content "scrollArea=Content" mode.
91
- *
92
- * @returns {number} Max size of dialog.
93
- */
94
- private getResizeMaxHeight;
95
- /**
96
- * Method returns footer element depending in component props.
97
- * Three states.
98
- * 1. Accept/Decline buttons.
99
- * 2. Custom content of footer.
100
- * 3. No footer.
101
- *
102
- * @returns {JSX.Element | null} Footer element to render.
103
- */
104
- getFooter(): JSX.Element | undefined;
105
- /**
106
- * Method handles mousedown event for dialog header area.
107
- * Method added to handle scenario when we open dropdown menu and move dialog.
108
- * Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
109
- *
110
- * @param {React.MouseEvent} event Mousedown event
111
- */
112
- onHeaderMouseDown(event: React.MouseEvent): void;
113
- /**
114
- * @returns {JSX.Element}
115
- */
116
- render(): JSX.Element;
117
- }
118
- export {};
1
+ import React from 'react';
2
+ import type { IDialogProps } from '@fluentui/react';
3
+ import '../../styles/_shadows.scss';
4
+ interface ComponentProps {
5
+ acceptButtonText?: string;
6
+ cancelButtonText?: string;
7
+ acceptButtonId?: string;
8
+ cancelButtonId?: string;
9
+ onAccept?: () => void;
10
+ onCancel?: () => void;
11
+ scrollArea?: UIDialogScrollArea;
12
+ closeButtonVisible?: boolean;
13
+ footer?: React.ReactElement;
14
+ multiLineTitle?: boolean;
15
+ isOpenAnimated?: boolean;
16
+ }
17
+ export declare const DIALOG_MAX_HEIGHT_OFFSET = 32;
18
+ export declare const DIALOG_STYLES: {
19
+ background: string;
20
+ boxShadow: string;
21
+ borderColor: string;
22
+ borderRadius: number;
23
+ vPadding: number;
24
+ vPaddingHalf: number;
25
+ hPadding: number;
26
+ title: {
27
+ color: string;
28
+ };
29
+ contentText: {
30
+ fontSize: number;
31
+ color: string;
32
+ fontFamily: string;
33
+ };
34
+ };
35
+ export type DialogProps = IDialogProps & ComponentProps;
36
+ export interface DialogState {
37
+ resizeMaxHeight?: number;
38
+ isMounted?: boolean;
39
+ }
40
+ export declare enum UIDialogScrollArea {
41
+ Content = "Content",
42
+ Dialog = "Dialog"
43
+ }
44
+ /**
45
+ * UIDialog component.
46
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
47
+ * and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
48
+ *
49
+ * @exports
50
+ * @class UIDialog
51
+ * @extends {React.Component<IDialogProps, {}>}
52
+ */
53
+ export declare class UIDialog extends React.Component<DialogProps, DialogState> {
54
+ static defaultProps: {
55
+ isOpenAnimated: boolean;
56
+ };
57
+ /**
58
+ * Initializes component properties.
59
+ *
60
+ * @param {DialogProps} props
61
+ */
62
+ constructor(props: DialogProps);
63
+ /**
64
+ * Called when component is rerendered.
65
+ *
66
+ * @param {Readonly<DialogProps>} prevProps
67
+ */
68
+ componentDidUpdate(prevProps: Readonly<DialogProps>): void;
69
+ /**
70
+ * Method handles modal dialog mount event.
71
+ */
72
+ private onModalLayerMount;
73
+ /**
74
+ * Method handles modal dialog unmount event.
75
+ */
76
+ private onModalLayerUnmount;
77
+ /**
78
+ * Method attaches to window resize event.
79
+ */
80
+ private attachResize;
81
+ /**
82
+ * Method detaches from window resize event.
83
+ */
84
+ private detachResize;
85
+ /**
86
+ * Method handles window resizer event to update calculation for content scrollarea size.
87
+ */
88
+ private onResize;
89
+ /**
90
+ * Method returns maximal height for dialog content "scrollArea=Content" mode.
91
+ *
92
+ * @returns {number} Max size of dialog.
93
+ */
94
+ private getResizeMaxHeight;
95
+ /**
96
+ * Method returns footer element depending in component props.
97
+ * Three states.
98
+ * 1. Accept/Decline buttons.
99
+ * 2. Custom content of footer.
100
+ * 3. No footer.
101
+ *
102
+ * @returns {JSX.Element | null} Footer element to render.
103
+ */
104
+ getFooter(): JSX.Element | undefined;
105
+ /**
106
+ * Method handles mousedown event for dialog header area.
107
+ * Method added to handle scenario when we open dropdown menu and move dialog.
108
+ * Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
109
+ *
110
+ * @param {React.MouseEvent} event Mousedown event
111
+ */
112
+ onHeaderMouseDown(event: React.MouseEvent): void;
113
+ /**
114
+ * @returns {JSX.Element}
115
+ */
116
+ render(): JSX.Element;
117
+ }
118
+ export {};
119
119
  //# sourceMappingURL=UIDialog.d.ts.map