@sap-ux/ui-components 1.14.0 → 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 (253) 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 -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/UISearchBox/UISearchBox.d.ts +22 -22
  134. package/dist/components/UISearchBox/UISearchBox.js +155 -155
  135. package/dist/components/UISearchBox/index.d.ts +3 -3
  136. package/dist/components/UISearchBox/index.js +17 -17
  137. package/dist/components/UISection/UISection.d.ts +34 -34
  138. package/dist/components/UISection/UISection.js +44 -44
  139. package/dist/components/UISection/UISections.d.ts +249 -249
  140. package/dist/components/UISection/UISections.js +707 -707
  141. package/dist/components/UISection/UISplitter.d.ts +96 -96
  142. package/dist/components/UISection/UISplitter.js +220 -220
  143. package/dist/components/UISection/index.d.ts +3 -3
  144. package/dist/components/UISection/index.js +19 -19
  145. package/dist/components/UISeparator/UISeparator.d.ts +25 -25
  146. package/dist/components/UISeparator/UISeparator.js +65 -65
  147. package/dist/components/UISeparator/index.d.ts +1 -1
  148. package/dist/components/UISeparator/index.js +17 -17
  149. package/dist/components/UITable/UITable-helper.d.ts +88 -88
  150. package/dist/components/UITable/UITable-helper.js +263 -263
  151. package/dist/components/UITable/UITable.d.ts +213 -213
  152. package/dist/components/UITable/UITable.js +779 -779
  153. package/dist/components/UITable/index.d.ts +2 -2
  154. package/dist/components/UITable/index.js +18 -18
  155. package/dist/components/UITable/types.d.ts +77 -77
  156. package/dist/components/UITable/types.js +28 -28
  157. package/dist/components/UITabs/UITabs.d.ts +28 -28
  158. package/dist/components/UITabs/UITabs.js +70 -70
  159. package/dist/components/UITabs/index.d.ts +1 -1
  160. package/dist/components/UITabs/index.js +17 -17
  161. package/dist/components/UIToggle/UIToggle.d.ts +39 -39
  162. package/dist/components/UIToggle/UIToggle.js +181 -181
  163. package/dist/components/UIToggle/index.d.ts +1 -1
  164. package/dist/components/UIToggle/index.js +17 -17
  165. package/dist/components/UIToggleGroup/UIToggleGroup.d.ts +31 -31
  166. package/dist/components/UIToggleGroup/UIToggleGroup.js +139 -139
  167. package/dist/components/UIToggleGroup/UIToggleGroup.types.d.ts +22 -22
  168. package/dist/components/UIToggleGroup/UIToggleGroup.types.js +2 -2
  169. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts +25 -25
  170. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +77 -77
  171. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts +10 -10
  172. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js +2 -2
  173. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts +2 -2
  174. package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js +18 -18
  175. package/dist/components/UIToggleGroup/index.d.ts +2 -2
  176. package/dist/components/UIToggleGroup/index.js +18 -18
  177. package/dist/components/UIToolbar/UIToolbar.d.ts +36 -36
  178. package/dist/components/UIToolbar/UIToolbar.js +104 -104
  179. package/dist/components/UIToolbar/UIToolbarColumn.d.ts +7 -7
  180. package/dist/components/UIToolbar/UIToolbarColumn.js +33 -33
  181. package/dist/components/UIToolbar/UIToolbarDivider.d.ts +27 -27
  182. package/dist/components/UIToolbar/UIToolbarDivider.js +52 -52
  183. package/dist/components/UIToolbar/index.d.ts +3 -3
  184. package/dist/components/UIToolbar/index.js +19 -19
  185. package/dist/components/UITooltip/UITooltip.d.ts +29 -29
  186. package/dist/components/UITooltip/UITooltip.js +77 -77
  187. package/dist/components/UITooltip/UITooltipUtils.d.ts +17 -17
  188. package/dist/components/UITooltip/UITooltipUtils.js +45 -45
  189. package/dist/components/UITooltip/index.d.ts +2 -2
  190. package/dist/components/UITooltip/index.js +18 -18
  191. package/dist/components/UITranslationInput/UIFormattedText.d.ts +46 -46
  192. package/dist/components/UITranslationInput/UIFormattedText.js +121 -121
  193. package/dist/components/UITranslationInput/UILoadButton.d.ts +52 -52
  194. package/dist/components/UITranslationInput/UILoadButton.js +109 -109
  195. package/dist/components/UITranslationInput/UITranslationButton.d.ts +14 -14
  196. package/dist/components/UITranslationInput/UITranslationButton.js +88 -88
  197. package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +67 -67
  198. package/dist/components/UITranslationInput/UITranslationButton.types.js +21 -21
  199. package/dist/components/UITranslationInput/UITranslationInput.d.ts +25 -25
  200. package/dist/components/UITranslationInput/UITranslationInput.js +169 -169
  201. package/dist/components/UITranslationInput/UITranslationUtils.d.ts +64 -64
  202. package/dist/components/UITranslationInput/UITranslationUtils.js +168 -168
  203. package/dist/components/UITranslationInput/defaults.d.ts +2 -2
  204. package/dist/components/UITranslationInput/defaults.js +15 -15
  205. package/dist/components/UITranslationInput/index.d.ts +2 -2
  206. package/dist/components/UITranslationInput/index.js +18 -18
  207. package/dist/components/UITreeDropdown/UITreeDropdown.d.ts +265 -265
  208. package/dist/components/UITreeDropdown/UITreeDropdown.js +660 -660
  209. package/dist/components/UITreeDropdown/index.d.ts +1 -1
  210. package/dist/components/UITreeDropdown/index.js +17 -17
  211. package/dist/components/UIVerticalDivider/UIVerticalDivider.d.ts +23 -23
  212. package/dist/components/UIVerticalDivider/UIVerticalDivider.js +41 -41
  213. package/dist/components/UIVerticalDivider/index.d.ts +1 -1
  214. package/dist/components/UIVerticalDivider/index.js +17 -17
  215. package/dist/components/UIVirtualList/UIAutoSizer.d.ts +22 -22
  216. package/dist/components/UIVirtualList/UIAutoSizer.js +33 -33
  217. package/dist/components/UIVirtualList/UICellMeasurer.d.ts +23 -23
  218. package/dist/components/UIVirtualList/UICellMeasurer.js +33 -33
  219. package/dist/components/UIVirtualList/UIVirtualList.d.ts +43 -43
  220. package/dist/components/UIVirtualList/UIVirtualList.js +70 -70
  221. package/dist/components/UIVirtualList/index.d.ts +3 -3
  222. package/dist/components/UIVirtualList/index.js +19 -19
  223. package/dist/components/index.d.ts +38 -38
  224. package/dist/components/index.js +54 -54
  225. package/dist/helper/ValidationMessage/MessageWrapper.d.ts +17 -17
  226. package/dist/helper/ValidationMessage/MessageWrapper.js +34 -34
  227. package/dist/helper/ValidationMessage/index.d.ts +2 -2
  228. package/dist/helper/ValidationMessage/index.js +18 -18
  229. package/dist/helper/ValidationMessage/utils.d.ts +31 -31
  230. package/dist/helper/ValidationMessage/utils.js +121 -121
  231. package/dist/index.d.ts +2 -2
  232. package/dist/index.js +18 -18
  233. package/dist/utilities/DeepMerge.d.ts +10 -10
  234. package/dist/utilities/DeepMerge.js +48 -48
  235. package/dist/utilities/Dom.d.ts +14 -14
  236. package/dist/utilities/Dom.js +23 -23
  237. package/dist/utilities/Focus.d.ts +14 -14
  238. package/dist/utilities/Focus.js +34 -34
  239. package/dist/utilities/Id.d.ts +2 -2
  240. package/dist/utilities/Id.js +5 -5
  241. package/dist/utilities/Keys.d.ts +2 -2
  242. package/dist/utilities/Keys.js +5 -5
  243. package/dist/utilities/index.d.ts +4 -4
  244. package/dist/utilities/index.js +20 -20
  245. package/package.json +1 -1
  246. package/storybook/494.d8aaa4d7.iframe.bundle.js +1 -0
  247. package/storybook/{930.1b3c5615.iframe.bundle.js → 930.3177b0dc.iframe.bundle.js} +2 -2
  248. package/storybook/iframe.html +3 -3
  249. package/storybook/main.5f68bcca.iframe.bundle.js +1 -0
  250. package/storybook/project.json +1 -1
  251. package/storybook/{runtime~main.f52a1710.iframe.bundle.js → runtime~main.a213c0ae.iframe.bundle.js} +1 -1
  252. package/storybook/494.b98920dd.iframe.bundle.js +0 -1
  253. package/storybook/main.4ed99289.iframe.bundle.js +0 -1
@@ -1,140 +1,140 @@
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.UIToggleGroup = void 0;
27
- const React = __importStar(require("react"));
28
- const UIToggleGroupOption_1 = require("./UIToggleGroupOption");
29
- const UILabel_1 = require("../UILabel");
30
- const UIFocusZone_1 = require("../UIFocusZone");
31
- const utilities_1 = require("../../utilities");
32
- require("./UIToggleGroup.scss");
33
- /**
34
- * UIToggleGroup component.
35
- *
36
- * @exports
37
- * @class UIToggleGroup
38
- * @extends {React.Component<UIToggleGroupProps, UIToggleGroupState>}
39
- */
40
- class UIToggleGroup extends React.Component {
41
- /**
42
- * Initializes component properties.
43
- *
44
- * @param {UIToggleGroupProps} props
45
- */
46
- constructor(props) {
47
- super(props);
48
- this.labelId = this.props.labelId ? this.props.labelId : (0, utilities_1.getUIId)('ui-toggle-group-option-');
49
- this.onClick = (_evt, option) => {
50
- let isSelected = false;
51
- if (option && option.itemKey) {
52
- this.setState((prevState) => {
53
- const newState = {
54
- options: prevState.options.map((entry, index, options) => {
55
- if (entry.key === option.itemKey) {
56
- isSelected = !options[index].selected;
57
- return {
58
- ...entry,
59
- selected: isSelected,
60
- focused: options[index].focused
61
- };
62
- }
63
- else {
64
- return {
65
- ...entry,
66
- selected: false,
67
- focused: false
68
- };
69
- }
70
- })
71
- };
72
- if (this.props.onChange) {
73
- this.props.onChange?.(option.itemKey, isSelected);
74
- }
75
- return newState;
76
- });
77
- }
78
- };
79
- this.onFocus = (_evt, option) => {
80
- if (option && option.itemKey) {
81
- this.setState((prevState) => ({
82
- options: prevState.options.map((entry) => {
83
- if (entry.key === option.itemKey) {
84
- return {
85
- ...entry,
86
- focused: true
87
- };
88
- }
89
- else {
90
- return {
91
- ...entry,
92
- focused: false
93
- };
94
- }
95
- })
96
- }));
97
- }
98
- };
99
- this.onBlur = (_evt, _option) => {
100
- this.setState((prevState) => ({
101
- options: prevState.options.map((entry) => {
102
- return {
103
- ...entry,
104
- focused: false
105
- };
106
- })
107
- }));
108
- };
109
- this.state = {
110
- options: this.props.options.map((entry) => {
111
- if (entry.key === this.props.selectedKey) {
112
- return {
113
- ...entry,
114
- selected: true
115
- };
116
- }
117
- else {
118
- return {
119
- ...entry
120
- };
121
- }
122
- })
123
- };
124
- this.onClick = this.onClick.bind(this);
125
- this.onFocus = this.onFocus.bind(this);
126
- this.onBlur = this.onBlur.bind(this);
127
- }
128
- /**
129
- * @returns {JSX.Element}
130
- */
131
- render() {
132
- return (React.createElement("div", { className: "ui-toggle-group", role: "group", ...(this.props.ariaLabel && { 'aria-labelledby': this.labelId }) },
133
- this.props.label && (React.createElement(UILabel_1.UILabel, { id: this.labelId, ...(this.props.ariaLabel && { 'aria-label': this.props.ariaLabel }), className: "ui-toggle-group-label", required: this.props.required, disabled: this.props.disabled }, this.props.label)),
134
- React.createElement(UIFocusZone_1.UIFocusZone, { as: "div", direction: UIFocusZone_1.UIFocusZoneDirection.horizontal, isCircularNavigation: true, shouldRaiseClicks: true, className: "ui-toggle-group-container", role: "list" }, this.state.options.map((option) => {
135
- return (React.createElement(UIToggleGroupOption_1.UIToggleGroupOption, { itemKey: option.key, ...option, key: option.key, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, selected: option.selected, disabled: option.disabled || this.props.disabled }));
136
- }))));
137
- }
138
- }
139
- exports.UIToggleGroup = UIToggleGroup;
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.UIToggleGroup = void 0;
27
+ const React = __importStar(require("react"));
28
+ const UIToggleGroupOption_1 = require("./UIToggleGroupOption");
29
+ const UILabel_1 = require("../UILabel");
30
+ const UIFocusZone_1 = require("../UIFocusZone");
31
+ const utilities_1 = require("../../utilities");
32
+ require("./UIToggleGroup.scss");
33
+ /**
34
+ * UIToggleGroup component.
35
+ *
36
+ * @exports
37
+ * @class UIToggleGroup
38
+ * @extends {React.Component<UIToggleGroupProps, UIToggleGroupState>}
39
+ */
40
+ class UIToggleGroup extends React.Component {
41
+ /**
42
+ * Initializes component properties.
43
+ *
44
+ * @param {UIToggleGroupProps} props
45
+ */
46
+ constructor(props) {
47
+ super(props);
48
+ this.labelId = this.props.labelId ? this.props.labelId : (0, utilities_1.getUIId)('ui-toggle-group-option-');
49
+ this.onClick = (_evt, option) => {
50
+ let isSelected = false;
51
+ if (option && option.itemKey) {
52
+ this.setState((prevState) => {
53
+ const newState = {
54
+ options: prevState.options.map((entry, index, options) => {
55
+ if (entry.key === option.itemKey) {
56
+ isSelected = !options[index].selected;
57
+ return {
58
+ ...entry,
59
+ selected: isSelected,
60
+ focused: options[index].focused
61
+ };
62
+ }
63
+ else {
64
+ return {
65
+ ...entry,
66
+ selected: false,
67
+ focused: false
68
+ };
69
+ }
70
+ })
71
+ };
72
+ if (this.props.onChange) {
73
+ this.props.onChange?.(option.itemKey, isSelected);
74
+ }
75
+ return newState;
76
+ });
77
+ }
78
+ };
79
+ this.onFocus = (_evt, option) => {
80
+ if (option && option.itemKey) {
81
+ this.setState((prevState) => ({
82
+ options: prevState.options.map((entry) => {
83
+ if (entry.key === option.itemKey) {
84
+ return {
85
+ ...entry,
86
+ focused: true
87
+ };
88
+ }
89
+ else {
90
+ return {
91
+ ...entry,
92
+ focused: false
93
+ };
94
+ }
95
+ })
96
+ }));
97
+ }
98
+ };
99
+ this.onBlur = (_evt, _option) => {
100
+ this.setState((prevState) => ({
101
+ options: prevState.options.map((entry) => {
102
+ return {
103
+ ...entry,
104
+ focused: false
105
+ };
106
+ })
107
+ }));
108
+ };
109
+ this.state = {
110
+ options: this.props.options.map((entry) => {
111
+ if (entry.key === this.props.selectedKey) {
112
+ return {
113
+ ...entry,
114
+ selected: true
115
+ };
116
+ }
117
+ else {
118
+ return {
119
+ ...entry
120
+ };
121
+ }
122
+ })
123
+ };
124
+ this.onClick = this.onClick.bind(this);
125
+ this.onFocus = this.onFocus.bind(this);
126
+ this.onBlur = this.onBlur.bind(this);
127
+ }
128
+ /**
129
+ * @returns {JSX.Element}
130
+ */
131
+ render() {
132
+ return (React.createElement("div", { className: "ui-toggle-group", role: "group", ...(this.props.ariaLabel && { 'aria-labelledby': this.labelId }) },
133
+ this.props.label && (React.createElement(UILabel_1.UILabel, { id: this.labelId, ...(this.props.ariaLabel && { 'aria-label': this.props.ariaLabel }), className: "ui-toggle-group-label", required: this.props.required, disabled: this.props.disabled }, this.props.label)),
134
+ React.createElement(UIFocusZone_1.UIFocusZone, { as: "div", direction: UIFocusZone_1.UIFocusZoneDirection.horizontal, isCircularNavigation: true, shouldRaiseClicks: true, className: "ui-toggle-group-container", role: "list" }, this.state.options.map((option) => {
135
+ return (React.createElement(UIToggleGroupOption_1.UIToggleGroupOption, { itemKey: option.key, ...option, key: option.key, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, selected: option.selected, disabled: option.disabled || this.props.disabled }));
136
+ }))));
137
+ }
138
+ }
139
+ exports.UIToggleGroup = UIToggleGroup;
140
140
  //# sourceMappingURL=UIToggleGroup.js.map
@@ -1,23 +1,23 @@
1
- export interface UIToggleGroupProps {
2
- options: ToggleGroupOption[];
3
- labelId?: string;
4
- label?: string;
5
- ariaLabel?: string;
6
- selectedKey?: string;
7
- required?: boolean;
8
- disabled?: boolean;
9
- onChange?: (itemKey: string, isSelected: boolean) => void;
10
- }
11
- export interface ToggleGroupOption {
12
- key: string;
13
- disabled?: boolean;
14
- selected?: boolean;
15
- focused?: boolean;
16
- id?: string;
17
- labelId?: string;
18
- ariaLabel?: string;
19
- title?: string;
20
- text?: string;
21
- icon?: string;
22
- }
1
+ export interface UIToggleGroupProps {
2
+ options: ToggleGroupOption[];
3
+ labelId?: string;
4
+ label?: string;
5
+ ariaLabel?: string;
6
+ selectedKey?: string;
7
+ required?: boolean;
8
+ disabled?: boolean;
9
+ onChange?: (itemKey: string, isSelected: boolean) => void;
10
+ }
11
+ export interface ToggleGroupOption {
12
+ key: string;
13
+ disabled?: boolean;
14
+ selected?: boolean;
15
+ focused?: boolean;
16
+ id?: string;
17
+ labelId?: string;
18
+ ariaLabel?: string;
19
+ title?: string;
20
+ text?: string;
21
+ icon?: string;
22
+ }
23
23
  //# sourceMappingURL=UIToggleGroup.types.d.ts.map
@@ -1,3 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  //# sourceMappingURL=UIToggleGroup.types.js.map
@@ -1,26 +1,26 @@
1
- import * as React from 'react';
2
- import type { UIToggleGroupOptionProps } from './UIToggleGroupOption.types';
3
- import './UIToggleGroupOption.scss';
4
- /**
5
- * UIToggleGroupOption component
6
- *
7
- * @exports
8
- * @class UIToggleGroupOption
9
- * @extends {React.Component<UIToggleGroupOptionProps, {}>}
10
- */
11
- export declare class UIToggleGroupOption extends React.Component<UIToggleGroupOptionProps> {
12
- /**
13
- * Initializes component properties.
14
- *
15
- * @param {UIToggleGroupOptionProps} props
16
- */
17
- constructor(props: UIToggleGroupOptionProps);
18
- onClick: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
19
- onBlur: (evt: React.FocusEvent<HTMLButtonElement>) => void;
20
- onFocus: (evt: React.FocusEvent<HTMLButtonElement>) => void;
21
- /**
22
- * @returns {JSX.Element}
23
- */
24
- render(): JSX.Element;
25
- }
1
+ import * as React from 'react';
2
+ import type { UIToggleGroupOptionProps } from './UIToggleGroupOption.types';
3
+ import './UIToggleGroupOption.scss';
4
+ /**
5
+ * UIToggleGroupOption component
6
+ *
7
+ * @exports
8
+ * @class UIToggleGroupOption
9
+ * @extends {React.Component<UIToggleGroupOptionProps, {}>}
10
+ */
11
+ export declare class UIToggleGroupOption extends React.Component<UIToggleGroupOptionProps> {
12
+ /**
13
+ * Initializes component properties.
14
+ *
15
+ * @param {UIToggleGroupOptionProps} props
16
+ */
17
+ constructor(props: UIToggleGroupOptionProps);
18
+ onClick: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
19
+ onBlur: (evt: React.FocusEvent<HTMLButtonElement>) => void;
20
+ onFocus: (evt: React.FocusEvent<HTMLButtonElement>) => void;
21
+ /**
22
+ * @returns {JSX.Element}
23
+ */
24
+ render(): JSX.Element;
25
+ }
26
26
  //# sourceMappingURL=UIToggleGroupOption.d.ts.map
@@ -1,78 +1,78 @@
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.UIToggleGroupOption = void 0;
27
- const React = __importStar(require("react"));
28
- const UIIcon_1 = require("../../UIIcon");
29
- const utilities_1 = require("../../../utilities");
30
- require("./UIToggleGroupOption.scss");
31
- /**
32
- * UIToggleGroupOption component
33
- *
34
- * @exports
35
- * @class UIToggleGroupOption
36
- * @extends {React.Component<UIToggleGroupOptionProps, {}>}
37
- */
38
- class UIToggleGroupOption extends React.Component {
39
- /**
40
- * Initializes component properties.
41
- *
42
- * @param {UIToggleGroupOptionProps} props
43
- */
44
- constructor(props) {
45
- super(props);
46
- this.onClick = (evt) => {
47
- this.props.onClick?.(evt, this.props);
48
- };
49
- this.onBlur = (evt) => {
50
- this.props.onBlur?.(evt, this.props);
51
- };
52
- this.onFocus = (evt) => {
53
- this.props.onFocus?.(evt, this.props);
54
- };
55
- this.onClick = this.onClick.bind(this);
56
- this.onFocus = this.onFocus.bind(this);
57
- this.onBlur = this.onBlur.bind(this);
58
- }
59
- /**
60
- * @returns {JSX.Element}
61
- */
62
- render() {
63
- const labelId = this.props.labelId ? this.props.labelId : (0, utilities_1.getUIId)('ui-toggle-group-option-');
64
- return (React.createElement("button", { role: "button", ...(this.props.title && { title: this.props.title }), "data-is-focusable": "true", className: [
65
- 'ui-toggle-group-option',
66
- this.props.focused ? 'ui-toggle-group-option--focused' : '',
67
- this.props.selected ? 'ui-toggle-group-option--selected' : '',
68
- this.props.disabled ? 'ui-toggle-group-option--disabled' : ''
69
- ]
70
- .filter((x) => !!x)
71
- .join(' '), ...(this.props.ariaLabel && { 'aria-labelledby': labelId }), disabled: this.props.disabled || false, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur },
72
- React.createElement("span", { className: "ui-toggle-group-option-content", tabIndex: -1 },
73
- this.props.text && (React.createElement("span", { id: labelId, className: "ui-toggle-group-option-content-text", ...(this.props.ariaLabel && { 'aria-label': this.props.ariaLabel }) }, this.props.text)),
74
- this.props.icon && (React.createElement(UIIcon_1.UIIcon, { className: "ui-toggle-group-option-content-icon", iconName: this.props.icon })))));
75
- }
76
- }
77
- exports.UIToggleGroupOption = UIToggleGroupOption;
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.UIToggleGroupOption = void 0;
27
+ const React = __importStar(require("react"));
28
+ const UIIcon_1 = require("../../UIIcon");
29
+ const utilities_1 = require("../../../utilities");
30
+ require("./UIToggleGroupOption.scss");
31
+ /**
32
+ * UIToggleGroupOption component
33
+ *
34
+ * @exports
35
+ * @class UIToggleGroupOption
36
+ * @extends {React.Component<UIToggleGroupOptionProps, {}>}
37
+ */
38
+ class UIToggleGroupOption extends React.Component {
39
+ /**
40
+ * Initializes component properties.
41
+ *
42
+ * @param {UIToggleGroupOptionProps} props
43
+ */
44
+ constructor(props) {
45
+ super(props);
46
+ this.onClick = (evt) => {
47
+ this.props.onClick?.(evt, this.props);
48
+ };
49
+ this.onBlur = (evt) => {
50
+ this.props.onBlur?.(evt, this.props);
51
+ };
52
+ this.onFocus = (evt) => {
53
+ this.props.onFocus?.(evt, this.props);
54
+ };
55
+ this.onClick = this.onClick.bind(this);
56
+ this.onFocus = this.onFocus.bind(this);
57
+ this.onBlur = this.onBlur.bind(this);
58
+ }
59
+ /**
60
+ * @returns {JSX.Element}
61
+ */
62
+ render() {
63
+ const labelId = this.props.labelId ? this.props.labelId : (0, utilities_1.getUIId)('ui-toggle-group-option-');
64
+ return (React.createElement("button", { role: "button", ...(this.props.title && { title: this.props.title }), "data-is-focusable": "true", className: [
65
+ 'ui-toggle-group-option',
66
+ this.props.focused ? 'ui-toggle-group-option--focused' : '',
67
+ this.props.selected ? 'ui-toggle-group-option--selected' : '',
68
+ this.props.disabled ? 'ui-toggle-group-option--disabled' : ''
69
+ ]
70
+ .filter((x) => !!x)
71
+ .join(' '), ...(this.props.ariaLabel && { 'aria-labelledby': labelId }), disabled: this.props.disabled || false, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur },
72
+ React.createElement("span", { className: "ui-toggle-group-option-content", tabIndex: -1 },
73
+ this.props.text && (React.createElement("span", { id: labelId, className: "ui-toggle-group-option-content-text", ...(this.props.ariaLabel && { 'aria-label': this.props.ariaLabel }) }, this.props.text)),
74
+ this.props.icon && (React.createElement(UIIcon_1.UIIcon, { className: "ui-toggle-group-option-content-icon", iconName: this.props.icon })))));
75
+ }
76
+ }
77
+ exports.UIToggleGroupOption = UIToggleGroupOption;
78
78
  //# sourceMappingURL=UIToggleGroupOption.js.map
@@ -1,11 +1,11 @@
1
- import type * as React from 'react';
2
- import type { ToggleGroupOption } from '../UIToggleGroup.types';
3
- export interface UIToggleGroupOptionProps extends Omit<ToggleGroupOption, 'key'> {
4
- itemKey: string;
5
- key?: string;
6
- onClick?: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>, props?: UIToggleGroupOptionProps) => void;
7
- onKeyDown?: (evt: React.KeyboardEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
8
- onFocus?: (evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
9
- onBlur?: (evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
10
- }
1
+ import type * as React from 'react';
2
+ import type { ToggleGroupOption } from '../UIToggleGroup.types';
3
+ export interface UIToggleGroupOptionProps extends Omit<ToggleGroupOption, 'key'> {
4
+ itemKey: string;
5
+ key?: string;
6
+ onClick?: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>, props?: UIToggleGroupOptionProps) => void;
7
+ onKeyDown?: (evt: React.KeyboardEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
8
+ onFocus?: (evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
9
+ onBlur?: (evt: React.FocusEvent<HTMLButtonElement>, props?: UIToggleGroupOptionProps) => void;
10
+ }
11
11
  //# sourceMappingURL=UIToggleGroupOption.types.d.ts.map
@@ -1,3 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  //# sourceMappingURL=UIToggleGroupOption.types.js.map
@@ -1,3 +1,3 @@
1
- export * from './UIToggleGroupOption';
2
- export * from './UIToggleGroupOption.types';
1
+ export * from './UIToggleGroupOption';
2
+ export * from './UIToggleGroupOption.types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -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("./UIToggleGroupOption"), exports);
18
- __exportStar(require("./UIToggleGroupOption.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("./UIToggleGroupOption"), exports);
18
+ __exportStar(require("./UIToggleGroupOption.types"), exports);
19
19
  //# sourceMappingURL=index.js.map
@@ -1,3 +1,3 @@
1
- export * from './UIToggleGroup';
2
- export * from './UIToggleGroup.types';
1
+ export * from './UIToggleGroup';
2
+ export * from './UIToggleGroup.types';
3
3
  //# sourceMappingURL=index.d.ts.map