@progress/kendo-react-buttons 6.1.1 → 7.0.0-develop.2

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 (189) hide show
  1. package/{dist/es/Button.d.ts → Button.d.ts} +5 -1
  2. package/{dist/npm/ButtonGroup.d.ts → ButtonGroup.d.ts} +5 -1
  3. package/{dist/es/ButtonGroupInterface.d.ts → ButtonGroupInterface.d.ts} +4 -1
  4. package/{dist/npm/ButtonInterface.d.ts → ButtonInterface.d.ts} +4 -0
  5. package/{dist/npm/Chip → Chip}/Chip.d.ts +4 -0
  6. package/{dist/npm/Chip → Chip}/ChipList.d.ts +4 -12
  7. package/Chip/chip-list-contexts.d.ts +17 -0
  8. package/{dist/npm/Chip → Chip}/data-reducer.d.ts +5 -1
  9. package/{dist/es/Chip → Chip}/focus-reducer.d.ts +5 -2
  10. package/{dist/npm/Chip → Chip}/selection-reducer.d.ts +5 -1
  11. package/{dist/npm/FloatingActionButton → FloatingActionButton}/FloatingActionButton.d.ts +4 -0
  12. package/{dist/es/FloatingActionButton → FloatingActionButton}/FloatingActionButtonItem.d.ts +4 -0
  13. package/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts +17 -0
  14. package/{dist/es/FloatingActionButton → FloatingActionButton}/interfaces/FloatingActionButtonPopupSettings.d.ts +4 -0
  15. package/{dist/npm/FloatingActionButton → FloatingActionButton}/interfaces/FloatingActionButtonProps.d.ts +5 -2
  16. package/{dist/es/FloatingActionButton → FloatingActionButton}/models/align-offset.d.ts +4 -0
  17. package/{dist/npm/FloatingActionButton → FloatingActionButton}/models/align.d.ts +4 -0
  18. package/{dist/es/FloatingActionButton → FloatingActionButton}/models/events.d.ts +5 -1
  19. package/FloatingActionButton/models/position-mode.d.ts +13 -0
  20. package/FloatingActionButton/models/rounded.d.ts +16 -0
  21. package/FloatingActionButton/models/size.d.ts +15 -0
  22. package/{dist/npm/FloatingActionButton → FloatingActionButton}/models/theme-color.d.ts +5 -1
  23. package/{dist/npm/FloatingActionButton → FloatingActionButton}/utils.d.ts +4 -0
  24. package/LICENSE.md +1 -1
  25. package/{dist/es/ListButton → ListButton}/ButtonItem.d.ts +4 -0
  26. package/{dist/es/ListButton → ListButton}/DropDownButton.d.ts +5 -1
  27. package/{dist/npm/ListButton → ListButton}/DropDownButtonItem.d.ts +4 -0
  28. package/{dist/npm/ListButton → ListButton}/SplitButton.d.ts +5 -1
  29. package/{dist/es/ListButton → ListButton}/SplitButtonItem.d.ts +4 -0
  30. package/{dist/npm/ListButton → ListButton}/models/ButtonItem.d.ts +4 -0
  31. package/{dist/npm/ListButton → ListButton}/models/ListButtonProps.d.ts +4 -1
  32. package/{dist/npm/ListButton → ListButton}/models/PopupSettings.d.ts +4 -0
  33. package/{dist/npm/ListButton → ListButton}/models/events.d.ts +4 -0
  34. package/ListButton/utils/navigation.d.ts +9 -0
  35. package/ListButton/utils/popup.d.ts +13 -0
  36. package/dist/cdn/js/kendo-react-buttons.js +5 -1
  37. package/index.d.ts +36 -0
  38. package/index.js +5 -0
  39. package/index.mjs +1877 -0
  40. package/{dist/npm/models → models}/index.d.ts +4 -1
  41. package/package-metadata.d.ts +9 -0
  42. package/package.json +28 -42
  43. package/{dist/es/toolbar → toolbar}/Toolbar.d.ts +5 -1
  44. package/{dist/es/toolbar → toolbar}/tools/ToolbarItem.d.ts +5 -1
  45. package/toolbar/tools/ToolbarSeparator.d.ts +20 -0
  46. package/{dist/es/toolbar → toolbar}/tools/ToolbarSpacer.d.ts +4 -0
  47. package/{dist/npm/util.d.ts → util.d.ts} +4 -0
  48. package/about.md +0 -3
  49. package/dist/es/Button.js +0 -171
  50. package/dist/es/ButtonGroup.d.ts +0 -32
  51. package/dist/es/ButtonGroup.js +0 -101
  52. package/dist/es/ButtonGroupInterface.js +0 -2
  53. package/dist/es/ButtonInterface.d.ts +0 -35
  54. package/dist/es/ButtonInterface.js +0 -3
  55. package/dist/es/Chip/Chip.d.ts +0 -234
  56. package/dist/es/Chip/Chip.js +0 -173
  57. package/dist/es/Chip/ChipList.d.ts +0 -123
  58. package/dist/es/Chip/ChipList.js +0 -177
  59. package/dist/es/Chip/data-reducer.d.ts +0 -22
  60. package/dist/es/Chip/data-reducer.js +0 -26
  61. package/dist/es/Chip/focus-reducer.js +0 -32
  62. package/dist/es/Chip/selection-reducer.d.ts +0 -30
  63. package/dist/es/Chip/selection-reducer.js +0 -75
  64. package/dist/es/FloatingActionButton/FloatingActionButton.d.ts +0 -17
  65. package/dist/es/FloatingActionButton/FloatingActionButton.js +0 -281
  66. package/dist/es/FloatingActionButton/FloatingActionButtonItem.js +0 -82
  67. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts +0 -13
  68. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.js +0 -1
  69. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js +0 -1
  70. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts +0 -216
  71. package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.js +0 -1
  72. package/dist/es/FloatingActionButton/models/align-offset.js +0 -1
  73. package/dist/es/FloatingActionButton/models/align.d.ts +0 -27
  74. package/dist/es/FloatingActionButton/models/align.js +0 -1
  75. package/dist/es/FloatingActionButton/models/events.js +0 -1
  76. package/dist/es/FloatingActionButton/models/position-mode.d.ts +0 -9
  77. package/dist/es/FloatingActionButton/models/position-mode.js +0 -1
  78. package/dist/es/FloatingActionButton/models/rounded.d.ts +0 -12
  79. package/dist/es/FloatingActionButton/models/rounded.js +0 -1
  80. package/dist/es/FloatingActionButton/models/size.d.ts +0 -11
  81. package/dist/es/FloatingActionButton/models/size.js +0 -1
  82. package/dist/es/FloatingActionButton/models/theme-color.d.ts +0 -18
  83. package/dist/es/FloatingActionButton/models/theme-color.js +0 -1
  84. package/dist/es/FloatingActionButton/utils.d.ts +0 -27
  85. package/dist/es/FloatingActionButton/utils.js +0 -93
  86. package/dist/es/ListButton/ButtonItem.js +0 -24
  87. package/dist/es/ListButton/DropDownButton.js +0 -325
  88. package/dist/es/ListButton/DropDownButtonItem.d.ts +0 -30
  89. package/dist/es/ListButton/DropDownButtonItem.js +0 -43
  90. package/dist/es/ListButton/SplitButton.d.ts +0 -120
  91. package/dist/es/ListButton/SplitButton.js +0 -334
  92. package/dist/es/ListButton/SplitButtonItem.js +0 -42
  93. package/dist/es/ListButton/models/ButtonItem.d.ts +0 -34
  94. package/dist/es/ListButton/models/ButtonItem.js +0 -3
  95. package/dist/es/ListButton/models/ListButtonProps.d.ts +0 -336
  96. package/dist/es/ListButton/models/ListButtonProps.js +0 -2
  97. package/dist/es/ListButton/models/PopupSettings.d.ts +0 -24
  98. package/dist/es/ListButton/models/PopupSettings.js +0 -1
  99. package/dist/es/ListButton/models/events.d.ts +0 -47
  100. package/dist/es/ListButton/models/events.js +0 -1
  101. package/dist/es/ListButton/utils/navigation.d.ts +0 -5
  102. package/dist/es/ListButton/utils/navigation.js +0 -29
  103. package/dist/es/ListButton/utils/popup.d.ts +0 -9
  104. package/dist/es/ListButton/utils/popup.js +0 -20
  105. package/dist/es/main.d.ts +0 -32
  106. package/dist/es/main.js +0 -17
  107. package/dist/es/models/index.d.ts +0 -89
  108. package/dist/es/models/index.js +0 -1
  109. package/dist/es/package-metadata.d.ts +0 -5
  110. package/dist/es/package-metadata.js +0 -11
  111. package/dist/es/toolbar/Toolbar.js +0 -214
  112. package/dist/es/toolbar/tools/ToolbarItem.js +0 -56
  113. package/dist/es/toolbar/tools/ToolbarSeparator.d.ts +0 -16
  114. package/dist/es/toolbar/tools/ToolbarSeparator.js +0 -31
  115. package/dist/es/toolbar/tools/ToolbarSpacer.js +0 -20
  116. package/dist/es/util.d.ts +0 -27
  117. package/dist/es/util.js +0 -37
  118. package/dist/npm/Button.d.ts +0 -138
  119. package/dist/npm/Button.js +0 -174
  120. package/dist/npm/ButtonGroup.js +0 -104
  121. package/dist/npm/ButtonGroupInterface.d.ts +0 -33
  122. package/dist/npm/ButtonGroupInterface.js +0 -3
  123. package/dist/npm/ButtonInterface.js +0 -4
  124. package/dist/npm/Chip/Chip.js +0 -176
  125. package/dist/npm/Chip/ChipList.js +0 -180
  126. package/dist/npm/Chip/data-reducer.js +0 -30
  127. package/dist/npm/Chip/focus-reducer.d.ts +0 -25
  128. package/dist/npm/Chip/focus-reducer.js +0 -36
  129. package/dist/npm/Chip/selection-reducer.js +0 -79
  130. package/dist/npm/FloatingActionButton/FloatingActionButton.js +0 -284
  131. package/dist/npm/FloatingActionButton/FloatingActionButtonItem.d.ts +0 -105
  132. package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js +0 -85
  133. package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts +0 -13
  134. package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonHandle.js +0 -2
  135. package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts +0 -24
  136. package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js +0 -2
  137. package/dist/npm/FloatingActionButton/interfaces/FloatingActionButtonProps.js +0 -2
  138. package/dist/npm/FloatingActionButton/models/align-offset.d.ts +0 -20
  139. package/dist/npm/FloatingActionButton/models/align-offset.js +0 -2
  140. package/dist/npm/FloatingActionButton/models/align.js +0 -2
  141. package/dist/npm/FloatingActionButton/models/events.d.ts +0 -21
  142. package/dist/npm/FloatingActionButton/models/events.js +0 -2
  143. package/dist/npm/FloatingActionButton/models/position-mode.d.ts +0 -9
  144. package/dist/npm/FloatingActionButton/models/position-mode.js +0 -2
  145. package/dist/npm/FloatingActionButton/models/rounded.d.ts +0 -12
  146. package/dist/npm/FloatingActionButton/models/rounded.js +0 -2
  147. package/dist/npm/FloatingActionButton/models/size.d.ts +0 -11
  148. package/dist/npm/FloatingActionButton/models/size.js +0 -2
  149. package/dist/npm/FloatingActionButton/models/theme-color.js +0 -2
  150. package/dist/npm/FloatingActionButton/utils.js +0 -101
  151. package/dist/npm/ListButton/ButtonItem.d.ts +0 -30
  152. package/dist/npm/ListButton/ButtonItem.js +0 -28
  153. package/dist/npm/ListButton/DropDownButton.d.ts +0 -118
  154. package/dist/npm/ListButton/DropDownButton.js +0 -328
  155. package/dist/npm/ListButton/DropDownButtonItem.js +0 -46
  156. package/dist/npm/ListButton/SplitButton.js +0 -337
  157. package/dist/npm/ListButton/SplitButtonItem.d.ts +0 -25
  158. package/dist/npm/ListButton/SplitButtonItem.js +0 -45
  159. package/dist/npm/ListButton/models/ButtonItem.js +0 -4
  160. package/dist/npm/ListButton/models/ListButtonProps.js +0 -3
  161. package/dist/npm/ListButton/models/PopupSettings.js +0 -2
  162. package/dist/npm/ListButton/models/events.js +0 -2
  163. package/dist/npm/ListButton/utils/navigation.d.ts +0 -5
  164. package/dist/npm/ListButton/utils/navigation.js +0 -32
  165. package/dist/npm/ListButton/utils/popup.d.ts +0 -9
  166. package/dist/npm/ListButton/utils/popup.js +0 -25
  167. package/dist/npm/main.d.ts +0 -32
  168. package/dist/npm/main.js +0 -48
  169. package/dist/npm/models/index.js +0 -2
  170. package/dist/npm/package-metadata.d.ts +0 -5
  171. package/dist/npm/package-metadata.js +0 -14
  172. package/dist/npm/toolbar/Toolbar.d.ts +0 -171
  173. package/dist/npm/toolbar/Toolbar.js +0 -217
  174. package/dist/npm/toolbar/tools/ToolbarItem.d.ts +0 -38
  175. package/dist/npm/toolbar/tools/ToolbarItem.js +0 -59
  176. package/dist/npm/toolbar/tools/ToolbarSeparator.d.ts +0 -16
  177. package/dist/npm/toolbar/tools/ToolbarSeparator.js +0 -34
  178. package/dist/npm/toolbar/tools/ToolbarSpacer.d.ts +0 -23
  179. package/dist/npm/toolbar/tools/ToolbarSpacer.js +0 -23
  180. package/dist/npm/util.js +0 -40
  181. package/dist/systemjs/kendo-react-buttons.js +0 -1
  182. package/e2e-next/button.basic.tests.ts +0 -24
  183. package/e2e-next/buttongroup.basic.tests.ts +0 -24
  184. package/e2e-next/chip.basic.tests.ts +0 -24
  185. package/e2e-next/chiplist.basic.tests.ts +0 -24
  186. package/e2e-next/dropdownbutton.basic.tests.ts +0 -24
  187. package/e2e-next/floatingactionbutton.basic.tests.ts +0 -24
  188. package/e2e-next/splitbutton.basic.tests.ts +0 -24
  189. package/e2e-next/toolbar.basic.tests.ts +0 -24
@@ -1,337 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.SplitButton = void 0;
19
- var React = require("react");
20
- var PropTypes = require("prop-types");
21
- var main_1 = require("./../main");
22
- var kendo_react_common_1 = require("@progress/kendo-react-common");
23
- var kendo_react_common_2 = require("@progress/kendo-react-common");
24
- var ButtonItem_1 = require("./ButtonItem");
25
- var SplitButtonItem_1 = require("./SplitButtonItem");
26
- var navigation_1 = require("./utils/navigation");
27
- var kendo_react_popup_1 = require("@progress/kendo-react-popup");
28
- var popup_1 = require("./utils/popup");
29
- var kendo_react_common_3 = require("@progress/kendo-react-common");
30
- var package_metadata_1 = require("../package-metadata");
31
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
32
- /**
33
- * Represents the [KendoReact SplitButton component]({% slug overview_splitbutton %}).
34
- *
35
- * @example
36
- * ```jsx
37
- * class App extends React.Component {
38
- * render() {
39
- * return (
40
- * <SplitButton text="Act">
41
- * <SplitButtonItem text="Item1" />
42
- * <SplitButtonItem text="Item2" />
43
- * <SplitButtonItem text="Item3" />
44
- * </SplitButton>
45
- * );
46
- * }
47
- * }
48
- * ReactDOM.render(<App />, document.querySelector('my-app'));
49
- * ```
50
- */
51
- var SplitButton = /** @class */ (function (_super) {
52
- __extends(SplitButton, _super);
53
- function SplitButton(props) {
54
- var _this = _super.call(this, props) || this;
55
- /**
56
- * @hidden
57
- */
58
- _this.state = {
59
- focused: false,
60
- focusedIndex: -1,
61
- opened: false
62
- };
63
- _this.wrapper = null;
64
- _this.mainButton = null;
65
- _this.list = null;
66
- _this.guid = (0, kendo_react_common_1.guid)();
67
- _this.skipFocus = false;
68
- _this.buttonsData = [];
69
- _this.onKeyDown = function (event) {
70
- var focusedIndex = _this.state.focusedIndex;
71
- if (event.altKey) {
72
- if (!_this.opened && event.keyCode === kendo_react_common_1.Keys.down) {
73
- _this.dispatchPopupEvent(event, true);
74
- _this.setState({ focusedIndex: 0 });
75
- _this.setOpen(true);
76
- }
77
- else if (_this.opened && event.keyCode === kendo_react_common_1.Keys.up) {
78
- _this.setState({ focusedIndex: -1 });
79
- _this.setOpen(false);
80
- }
81
- return;
82
- }
83
- var newState = undefined;
84
- if (event.keyCode === kendo_react_common_1.Keys.enter || event.keyCode === kendo_react_common_1.Keys.space) {
85
- // Prevent default because otherwise when an item is selected
86
- // click on the default button gets emitted which opens the popup again.
87
- event.preventDefault();
88
- _this.dispatchClickEvent(event, focusedIndex);
89
- if (focusedIndex >= 0) {
90
- newState = {
91
- focusedIndex: _this.opened ? -1 : 0
92
- };
93
- var notOpened = !_this.opened;
94
- _this.setOpen(notOpened);
95
- if (notOpened) {
96
- _this.dispatchPopupEvent(event, notOpened);
97
- }
98
- }
99
- }
100
- else if (_this.opened && event.keyCode === kendo_react_common_1.Keys.esc) {
101
- _this.setState({ focusedIndex: -1 });
102
- _this.setOpen(false);
103
- return;
104
- }
105
- if (_this.opened) {
106
- var newFocused = (0, navigation_1.navigate)(focusedIndex, event.keyCode, event.altKey, _this.buttonsData.length);
107
- if (newFocused !== focusedIndex) {
108
- newState = newState || {};
109
- newState.focusedIndex = newFocused;
110
- }
111
- var arrowKey = event.keyCode === kendo_react_common_1.Keys.up || event.keyCode === kendo_react_common_1.Keys.down ||
112
- event.keyCode === kendo_react_common_1.Keys.left || event.keyCode === kendo_react_common_1.Keys.right;
113
- if (!event.altKey && (arrowKey || event.keyCode === kendo_react_common_1.Keys.home || event.keyCode === kendo_react_common_1.Keys.end)) {
114
- // Needed to notify the parent listeners that event is handled.
115
- event.preventDefault();
116
- }
117
- }
118
- if (newState) {
119
- _this.setState(newState);
120
- }
121
- };
122
- _this.switchFocus = function (focusFn) {
123
- _this.skipFocus = true;
124
- focusFn();
125
- window.setTimeout(function () { return _this.skipFocus = false; }, 0);
126
- };
127
- _this.onFocus = function (event) {
128
- if (_this.skipFocus) {
129
- return;
130
- }
131
- (0, kendo_react_common_2.dispatchEvent)(_this.props.onFocus, event, _this, undefined);
132
- _this.setState({ focused: true });
133
- };
134
- _this.setOpen = function (value) {
135
- _this.openedDuringOnChange = value;
136
- _this.setState({ opened: value });
137
- };
138
- _this.onItemClick = function (event, clickedItemIndex) {
139
- var opened = _this.opened;
140
- if (opened) {
141
- _this.setState({ focusedIndex: 0 });
142
- _this.setOpen(false);
143
- }
144
- _this.dispatchClickEvent(event, clickedItemIndex);
145
- };
146
- _this.onBlur = function (event) {
147
- if (_this.skipFocus) {
148
- return;
149
- }
150
- _this.setState({
151
- focused: false,
152
- focusedIndex: -1
153
- });
154
- _this.setOpen(false);
155
- (0, kendo_react_common_2.dispatchEvent)(_this.props.onBlur, event, _this, undefined);
156
- };
157
- _this.onPopupClose = function () {
158
- if (_this.state.focused) {
159
- _this.switchFocus(function () {
160
- if (_this.element) {
161
- _this.element.removeAttribute('tabindex');
162
- _this.element.focus({ preventScroll: true });
163
- }
164
- });
165
- }
166
- _this.dispatchPopupEvent({}, false);
167
- };
168
- _this.listRef = function (list) {
169
- _this.list = list;
170
- if (list && _this.state.focused) {
171
- _this.switchFocus(function () {
172
- list.focus({ preventScroll: true });
173
- if (_this.element) {
174
- _this.element.tabIndex = -1;
175
- }
176
- });
177
- }
178
- };
179
- _this.onSplitPartClick = function (event) {
180
- if (_this.buttonsData.length) {
181
- var toOpen = !_this.opened;
182
- if (toOpen) {
183
- _this.dispatchPopupEvent(event, toOpen);
184
- }
185
- _this.setState({
186
- focusedIndex: toOpen ? 0 : -1,
187
- focused: true
188
- });
189
- _this.setOpen(toOpen);
190
- }
191
- };
192
- _this.onDownSplitPart = function (event) {
193
- event.preventDefault();
194
- var activeElement = (0, kendo_react_common_1.getActiveElement)(document);
195
- if (_this.element && activeElement !== _this.element && activeElement !== _this.list) {
196
- _this.element.focus();
197
- }
198
- };
199
- _this.onItemDown = function (event) {
200
- var activeElement = (0, kendo_react_common_1.getActiveElement)(document);
201
- if (activeElement === _this.list) {
202
- event.preventDefault();
203
- }
204
- };
205
- _this.dispatchPopupEvent = function (dispatchedEvent, open) {
206
- (0, kendo_react_common_2.dispatchEvent)(open ? _this.props.onOpen : _this.props.onClose, dispatchedEvent, _this, undefined);
207
- _this.openedDuringOnChange = undefined;
208
- };
209
- (0, kendo_react_common_3.validatePackage)(package_metadata_1.packageMetadata);
210
- return _this;
211
- }
212
- Object.defineProperty(SplitButton.prototype, "opened", {
213
- get: function () {
214
- return this.openedDuringOnChange !== undefined
215
- ? this.openedDuringOnChange
216
- : this.props.opened === undefined
217
- ? this.state.opened
218
- : this.props.opened;
219
- },
220
- enumerable: false,
221
- configurable: true
222
- });
223
- /**
224
- * @hidden
225
- */
226
- SplitButton.prototype.render = function () {
227
- var _this = this;
228
- this.buttonsData = this.props.items ||
229
- React.Children.toArray(this.props.children)
230
- .filter(function (child) { return child && child.type === SplitButtonItem_1.SplitButtonItem; })
231
- .map(function (child) { return child.props; });
232
- var rtl = this.isRtl();
233
- var dir = rtl ? 'rtl' : undefined;
234
- var _a = this.props, id = _a.id, style = _a.style, tabIndex = _a.tabIndex, disabled = _a.disabled;
235
- return (React.createElement("div", { id: id, style: style, className: (0, kendo_react_common_1.classNames)('k-split-button', 'k-button-group', {
236
- 'k-focus': this.state.focused
237
- }, "k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[this.props.rounded || 'medium']), this.props.className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, dir: dir, ref: function (el) { return _this.wrapper = el; } },
238
- React.createElement(main_1.Button, { ref: function (el) { return _this.mainButton = el && el.element; }, type: "button", size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, onClick: function (event) { return _this.onItemClick(event, -1); }, disabled: disabled || undefined, tabIndex: tabIndex, accessKey: this.props.accessKey, className: this.props.buttonClass, icon: this.props.icon, svgIcon: this.props.svgIcon, iconClass: this.props.iconClass, imageUrl: this.props.imageUrl, dir: dir, "aria-disabled": disabled, "aria-haspopup": true, "aria-expanded": this.opened || undefined, "aria-label": this.props.ariaLabel, "aria-controls": this.opened ? this.guid : undefined, id: 'button-' + this.guid, title: this.props.title }, this.props.text),
239
- React.createElement(main_1.Button, { type: "button", size: this.props.size, rounded: this.props.rounded, fillMode: this.props.fillMode, themeColor: this.props.themeColor, icon: "caret-alt-down", svgIcon: kendo_svg_icons_1.caretAltDownIcon, className: "k-split-button-arrow", disabled: disabled || undefined, tabIndex: -1, onClick: this.onSplitPartClick, onMouseDown: this.onDownSplitPart, onPointerDown: this.onDownSplitPart, dir: dir, "aria-label": "menu toggling button" }),
240
- this.renderPopup(rtl)));
241
- };
242
- /**
243
- * @hidden
244
- */
245
- SplitButton.prototype.componentDidMount = function () {
246
- // If this.props.opened is true during the initial render, the popup is not aligned.
247
- if ((this.props.dir === undefined && this.isRtl()) || this.opened) {
248
- this.forceUpdate();
249
- }
250
- };
251
- Object.defineProperty(SplitButton.prototype, "element", {
252
- /**
253
- * The DOM element of main button.
254
- */
255
- get: function () {
256
- return this.mainButton;
257
- },
258
- enumerable: false,
259
- configurable: true
260
- });
261
- SplitButton.prototype.dispatchClickEvent = function (dispatchedEvent, clickedItemIndex) {
262
- if (!this.isItemDisabled(clickedItemIndex)) {
263
- if (clickedItemIndex === -1) {
264
- (0, kendo_react_common_2.dispatchEvent)(this.props.onButtonClick, dispatchedEvent, this, undefined);
265
- }
266
- else {
267
- (0, kendo_react_common_2.dispatchEvent)(this.props.onItemClick, dispatchedEvent, this, {
268
- item: this.buttonsData[clickedItemIndex],
269
- itemIndex: clickedItemIndex
270
- });
271
- }
272
- }
273
- };
274
- SplitButton.prototype.renderPopup = function (rtl) {
275
- var _a;
276
- var _b = this.props.popupSettings, popupSettings = _b === void 0 ? {} : _b;
277
- var focusedIndex = this.state.focusedIndex;
278
- return (React.createElement(kendo_react_popup_1.Popup, { anchor: this.wrapper, show: this.opened, animate: popupSettings.animate, popupClass: (0, kendo_react_common_1.classNames)('k-menu-popup', popupSettings.popupClass), anchorAlign: popupSettings.anchorAlign || (0, popup_1.getAnchorAlign)(rtl), popupAlign: popupSettings.popupAlign || (0, popup_1.getPopupAlign)(rtl), style: rtl ? { direction: 'rtl' } : undefined, onClose: this.onPopupClose },
279
- React.createElement("ul", { role: "menu", id: this.guid, "aria-labelledby": 'button-' + this.guid, tabIndex: -1, ref: this.listRef, "aria-activedescendant": focusedIndex >= 0 ? "".concat(this.guid, "-").concat(focusedIndex) : undefined, className: (0, kendo_react_common_1.classNames)('k-group k-menu-group k-reset', (_a = {},
280
- _a["k-menu-group-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
281
- _a)) }, this.renderChildItems())));
282
- };
283
- SplitButton.prototype.renderChildItems = function () {
284
- var _this = this;
285
- var _a = this.props, item = _a.item, itemRender = _a.itemRender, textField = _a.textField;
286
- return this.buttonsData.length > 0 ? (this.buttonsData.map(function (dataItem, index) {
287
- return (React.createElement(ButtonItem_1.ButtonItem, { className: "k-menu-item", dataItem: dataItem, textField: textField, focused: _this.state.focusedIndex === index, onClick: _this.onItemClick, onDown: _this.onItemDown, render: itemRender, item: item, key: index, index: index, id: "".concat(_this.guid, "-").concat(index) }));
288
- })) : null;
289
- };
290
- SplitButton.prototype.isItemDisabled = function (index) {
291
- return this.buttonsData[index] ? this.buttonsData[index].disabled : this.props.disabled;
292
- };
293
- SplitButton.prototype.isRtl = function () {
294
- return this.props.dir !== undefined ? this.props.dir === 'rtl' :
295
- !!this.wrapper && getComputedStyle(this.wrapper).direction === 'rtl';
296
- };
297
- /**
298
- * @hidden
299
- */
300
- SplitButton.propTypes = {
301
- accessKey: PropTypes.string,
302
- ariaLabel: PropTypes.string,
303
- title: PropTypes.string,
304
- onButtonClick: PropTypes.func,
305
- onFocus: PropTypes.func,
306
- onBlur: PropTypes.func,
307
- onItemClick: PropTypes.func,
308
- onOpen: PropTypes.func,
309
- onClose: PropTypes.func,
310
- text: PropTypes.string,
311
- items: PropTypes.arrayOf(PropTypes.any),
312
- textField: PropTypes.string,
313
- tabIndex: PropTypes.number,
314
- disabled: PropTypes.bool,
315
- icon: PropTypes.string,
316
- svgIcon: kendo_react_common_1.svgIconPropType,
317
- iconClass: PropTypes.string,
318
- imageUrl: PropTypes.string,
319
- popupSettings: PropTypes.object,
320
- itemRender: PropTypes.any,
321
- item: PropTypes.func,
322
- className: PropTypes.string,
323
- buttonClass: PropTypes.string,
324
- dir: PropTypes.string
325
- };
326
- /**
327
- * @hidden
328
- */
329
- SplitButton.defaultProps = {
330
- size: 'medium',
331
- rounded: 'medium',
332
- fillMode: 'solid',
333
- themeColor: 'base'
334
- };
335
- return SplitButton;
336
- }(React.Component));
337
- exports.SplitButton = SplitButton;
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { ButtonItem } from './models/ButtonItem';
4
- /**
5
- * The properties of the KendoReact SplitButtonItem component.
6
- */
7
- export interface SplitButtonItemProps extends ButtonItem {
8
- }
9
- export declare class SplitButtonItem extends React.Component<SplitButtonItemProps, {}> {
10
- /**
11
- * @hidden
12
- */
13
- static propTypes: {
14
- text: PropTypes.Requireable<string>;
15
- icon: PropTypes.Requireable<string>;
16
- iconClass: PropTypes.Requireable<string>;
17
- imageUrl: PropTypes.Requireable<string>;
18
- disabled: PropTypes.Requireable<boolean>;
19
- render: PropTypes.Requireable<any>;
20
- };
21
- /**
22
- * @hidden
23
- */
24
- render(): null;
25
- }
@@ -1,45 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- exports.SplitButtonItem = void 0;
19
- var React = require("react");
20
- var PropTypes = require("prop-types");
21
- var SplitButtonItem = /** @class */ (function (_super) {
22
- __extends(SplitButtonItem, _super);
23
- function SplitButtonItem() {
24
- return _super !== null && _super.apply(this, arguments) || this;
25
- }
26
- /**
27
- * @hidden
28
- */
29
- SplitButtonItem.prototype.render = function () {
30
- return null;
31
- };
32
- /**
33
- * @hidden
34
- */
35
- SplitButtonItem.propTypes = {
36
- text: PropTypes.string,
37
- icon: PropTypes.string,
38
- iconClass: PropTypes.string,
39
- imageUrl: PropTypes.string,
40
- disabled: PropTypes.bool,
41
- render: PropTypes.any
42
- };
43
- return SplitButtonItem;
44
- }(React.Component));
45
- exports.SplitButtonItem = SplitButtonItem;
@@ -1,4 +0,0 @@
1
- "use strict";
2
- /* eslint-disable max-len */
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- // tslint:enable:max-line-length
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // tslint:enable:max-line-length
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,5 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- declare const navigate: (focusedIndex: number, keyCode: number, altKey: boolean, total: number) => number;
5
- export { navigate };
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.navigate = void 0;
4
- var kendo_react_common_1 = require("@progress/kendo-react-common");
5
- /**
6
- * @hidden
7
- */
8
- var navigate = function (focusedIndex, keyCode, altKey, total) {
9
- if (altKey) {
10
- return focusedIndex;
11
- }
12
- var index = Math.min(total - 1, Math.max(0, focusedIndex));
13
- switch (keyCode) {
14
- case kendo_react_common_1.Keys.enter:
15
- case kendo_react_common_1.Keys.space:
16
- case kendo_react_common_1.Keys.esc:
17
- return -1;
18
- case kendo_react_common_1.Keys.up:
19
- case kendo_react_common_1.Keys.left:
20
- return index - 1 < 0 ? total - 1 : index - 1;
21
- case kendo_react_common_1.Keys.down:
22
- case kendo_react_common_1.Keys.right:
23
- return index + 1 >= total ? 0 : index + 1;
24
- case kendo_react_common_1.Keys.home:
25
- return 0;
26
- case kendo_react_common_1.Keys.end:
27
- return total - 1;
28
- default:
29
- return focusedIndex;
30
- }
31
- };
32
- exports.navigate = navigate;
@@ -1,9 +0,0 @@
1
- import { Align } from '@progress/kendo-react-popup';
2
- /**
3
- * @hidden
4
- */
5
- export declare function getAnchorAlign(isDirectionRightToLeft?: boolean): Align;
6
- /**
7
- * @hidden
8
- */
9
- export declare function getPopupAlign(isDirectionRightToLeft?: boolean): Align;
@@ -1,25 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getPopupAlign = exports.getAnchorAlign = void 0;
4
- /**
5
- * @hidden
6
- */
7
- function getAnchorAlign(isDirectionRightToLeft) {
8
- var align = { horizontal: 'left', vertical: 'bottom' };
9
- if (isDirectionRightToLeft) {
10
- align.horizontal = 'right';
11
- }
12
- return align;
13
- }
14
- exports.getAnchorAlign = getAnchorAlign;
15
- /**
16
- * @hidden
17
- */
18
- function getPopupAlign(isDirectionRightToLeft) {
19
- var align = { horizontal: 'left', vertical: 'top' };
20
- if (isDirectionRightToLeft) {
21
- align.horizontal = 'right';
22
- }
23
- return align;
24
- }
25
- exports.getPopupAlign = getPopupAlign;
@@ -1,32 +0,0 @@
1
- import { Button, ButtonProps } from './Button';
2
- import { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
3
- import { SplitButton } from './ListButton/SplitButton';
4
- import { SplitButtonItem, SplitButtonItemProps } from './ListButton/SplitButtonItem';
5
- import { DropDownButton } from './ListButton/DropDownButton';
6
- import { DropDownButtonItem, DropDownButtonItemProps } from './ListButton/DropDownButtonItem';
7
- import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
8
- import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
9
- import { ButtonItem } from './ListButton/models/ButtonItem';
10
- import { ButtonItemProps } from './ListButton/ButtonItem';
11
- import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
12
- import { Toolbar, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
13
- import { ToolbarItem, ToolbarItemProps } from './toolbar/tools/ToolbarItem';
14
- import { ToolbarSeparator } from './toolbar/tools/ToolbarSeparator';
15
- import { ToolbarSpacer, ToolbarSpacerProps } from './toolbar/tools/ToolbarSpacer';
16
- import { toolbarButtons } from './util';
17
- import { Chip, ChipProps, ChipHandle, ChipAvatarProps } from './Chip/Chip';
18
- import { ChipList, ChipListProps, ChipListHandle } from './Chip/ChipList';
19
- import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent } from './models/index';
20
- import { FloatingActionButton } from './FloatingActionButton/FloatingActionButton';
21
- import { FloatingActionButtonHandle } from './FloatingActionButton/interfaces/FloatingActionButtonHandle';
22
- import { FloatingActionButtonProps } from './FloatingActionButton/interfaces/FloatingActionButtonProps';
23
- import { FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps } from './FloatingActionButton/FloatingActionButtonItem';
24
- import { FloatingActionButtonPopupSettings } from './FloatingActionButton/interfaces/FloatingActionButtonPopupSettings';
25
- export * from './FloatingActionButton/models/events';
26
- import { FloatingActionButtonAlign } from './FloatingActionButton/models/align';
27
- import { FloatingActionButtonAlignOffset } from './FloatingActionButton/models/align-offset';
28
- import { FloatingActionButtonPositionMode } from './FloatingActionButton/models/position-mode';
29
- import { FloatingActionButtonSize } from './FloatingActionButton/models/size';
30
- import { FloatingActionButtonRounded } from './FloatingActionButton/models/rounded';
31
- import { FloatingActionButtonThemeColor } from './FloatingActionButton/models/theme-color';
32
- export { Toolbar, ToolbarProps, ToolbarItem, ToolbarItemProps, ToolbarSeparator, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerProps, toolbarButtons, Button, ButtonProps, ButtonGroup, ButtonGroupProps, SplitButton, SplitButtonItem, SplitButtonItemProps, DropDownButton, DropDownButtonProps, DropDownButtonItem, DropDownButtonItemProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipProps, ChipHandle, ChipAvatarProps, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonRounded, FloatingActionButtonThemeColor };
package/dist/npm/main.js DELETED
@@ -1,48 +0,0 @@
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
- exports.FloatingActionButtonItem = exports.FloatingActionButton = exports.ChipList = exports.Chip = exports.DropDownButtonItem = exports.DropDownButton = exports.SplitButtonItem = exports.SplitButton = exports.ButtonGroup = exports.Button = exports.toolbarButtons = exports.ToolbarSpacer = exports.ToolbarSeparator = exports.ToolbarItem = exports.Toolbar = void 0;
18
- var Button_1 = require("./Button");
19
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
20
- var ButtonGroup_1 = require("./ButtonGroup");
21
- Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
22
- var SplitButton_1 = require("./ListButton/SplitButton");
23
- Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return SplitButton_1.SplitButton; } });
24
- var SplitButtonItem_1 = require("./ListButton/SplitButtonItem");
25
- Object.defineProperty(exports, "SplitButtonItem", { enumerable: true, get: function () { return SplitButtonItem_1.SplitButtonItem; } });
26
- var DropDownButton_1 = require("./ListButton/DropDownButton");
27
- Object.defineProperty(exports, "DropDownButton", { enumerable: true, get: function () { return DropDownButton_1.DropDownButton; } });
28
- var DropDownButtonItem_1 = require("./ListButton/DropDownButtonItem");
29
- Object.defineProperty(exports, "DropDownButtonItem", { enumerable: true, get: function () { return DropDownButtonItem_1.DropDownButtonItem; } });
30
- var Toolbar_1 = require("./toolbar/Toolbar");
31
- Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
32
- var ToolbarItem_1 = require("./toolbar/tools/ToolbarItem");
33
- Object.defineProperty(exports, "ToolbarItem", { enumerable: true, get: function () { return ToolbarItem_1.ToolbarItem; } });
34
- var ToolbarSeparator_1 = require("./toolbar/tools/ToolbarSeparator");
35
- Object.defineProperty(exports, "ToolbarSeparator", { enumerable: true, get: function () { return ToolbarSeparator_1.ToolbarSeparator; } });
36
- var ToolbarSpacer_1 = require("./toolbar/tools/ToolbarSpacer");
37
- Object.defineProperty(exports, "ToolbarSpacer", { enumerable: true, get: function () { return ToolbarSpacer_1.ToolbarSpacer; } });
38
- var util_1 = require("./util");
39
- Object.defineProperty(exports, "toolbarButtons", { enumerable: true, get: function () { return util_1.toolbarButtons; } });
40
- var Chip_1 = require("./Chip/Chip");
41
- Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
42
- var ChipList_1 = require("./Chip/ChipList");
43
- Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return ChipList_1.ChipList; } });
44
- var FloatingActionButton_1 = require("./FloatingActionButton/FloatingActionButton");
45
- Object.defineProperty(exports, "FloatingActionButton", { enumerable: true, get: function () { return FloatingActionButton_1.FloatingActionButton; } });
46
- var FloatingActionButtonItem_1 = require("./FloatingActionButton/FloatingActionButtonItem");
47
- Object.defineProperty(exports, "FloatingActionButtonItem", { enumerable: true, get: function () { return FloatingActionButtonItem_1.FloatingActionButtonItem; } });
48
- __exportStar(require("./FloatingActionButton/models/events"), exports);
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.packageMetadata = void 0;
4
- /**
5
- * @hidden
6
- */
7
- exports.packageMetadata = {
8
- name: '@progress/kendo-react-buttons',
9
- productName: 'KendoReact',
10
- productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1700063497,
12
- version: '',
13
- licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
14
- };