@progress/kendo-react-buttons 5.4.0-dev.202205180853 → 5.4.0-dev.202205271059
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.
- package/dist/cdn/js/kendo-react-buttons.js +1 -1
- package/dist/es/Button.d.ts +3 -3
- package/dist/es/Button.js +11 -7
- package/dist/es/ButtonGroup.d.ts +1 -1
- package/dist/es/ButtonGroup.js +7 -5
- package/dist/es/ButtonGroupInterface.js +1 -0
- package/dist/es/ButtonInterface.js +1 -0
- package/dist/es/Chip/ChipList.js +3 -3
- package/dist/es/Chip/selection-reducer.js +7 -2
- package/dist/es/FloatingActionButton/FloatingActionButton.js +4 -2
- package/dist/es/FloatingActionButton/FloatingActionButtonItem.js +4 -2
- package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonHandle.js +1 -0
- package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js +1 -0
- package/dist/es/FloatingActionButton/interfaces/FloatingActionButtonProps.js +1 -0
- package/dist/es/FloatingActionButton/models/align-offset.js +1 -0
- package/dist/es/FloatingActionButton/models/align.js +1 -0
- package/dist/es/FloatingActionButton/models/events.js +1 -0
- package/dist/es/FloatingActionButton/models/position-mode.js +1 -0
- package/dist/es/FloatingActionButton/models/rounded.js +1 -0
- package/dist/es/FloatingActionButton/models/shape.js +1 -0
- package/dist/es/FloatingActionButton/models/size.js +1 -0
- package/dist/es/FloatingActionButton/models/theme-color.js +1 -0
- package/dist/es/FloatingActionButton/utils.d.ts +2 -2
- package/dist/es/ListButton/ButtonItem.d.ts +1 -2
- package/dist/es/ListButton/ButtonItem.js +1 -2
- package/dist/es/ListButton/DropDownButton.d.ts +3 -3
- package/dist/es/ListButton/DropDownButton.js +9 -7
- package/dist/es/ListButton/DropDownButtonItem.d.ts +1 -1
- package/dist/es/ListButton/DropDownButtonItem.js +4 -2
- package/dist/es/ListButton/SplitButton.d.ts +3 -3
- package/dist/es/ListButton/SplitButton.js +9 -7
- package/dist/es/ListButton/SplitButtonItem.d.ts +1 -1
- package/dist/es/ListButton/SplitButtonItem.js +4 -2
- package/dist/es/ListButton/models/ButtonItem.js +1 -0
- package/dist/es/ListButton/models/ListButtonProps.js +1 -0
- package/dist/es/ListButton/models/PopupSettings.js +1 -0
- package/dist/es/ListButton/models/events.d.ts +2 -2
- package/dist/es/ListButton/models/events.js +1 -0
- package/dist/es/ListButton/utils/navigation.d.ts +1 -1
- package/dist/es/ListButton/utils/navigation.js +1 -1
- package/dist/es/main.d.ts +9 -9
- package/dist/es/main.js +10 -9
- package/dist/es/models/index.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/toolbar/Toolbar.d.ts +4 -4
- package/dist/es/toolbar/Toolbar.js +8 -6
- package/dist/es/toolbar/tools/ToolbarItem.d.ts +2 -2
- package/dist/es/toolbar/tools/ToolbarItem.js +5 -3
- package/dist/es/toolbar/tools/ToolbarSeparator.d.ts +1 -1
- package/dist/es/toolbar/tools/ToolbarSeparator.js +5 -3
- package/dist/es/util.d.ts +6 -6
- package/dist/npm/Button.d.ts +3 -3
- package/dist/npm/Button.js +12 -7
- package/dist/npm/ButtonGroup.d.ts +1 -1
- package/dist/npm/ButtonGroup.js +8 -5
- package/dist/npm/Chip/Chip.js +1 -0
- package/dist/npm/Chip/ChipList.js +4 -3
- package/dist/npm/Chip/data-reducer.js +3 -1
- package/dist/npm/Chip/focus-reducer.js +3 -1
- package/dist/npm/Chip/selection-reducer.js +10 -3
- package/dist/npm/FloatingActionButton/FloatingActionButton.js +5 -2
- package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js +5 -2
- package/dist/npm/FloatingActionButton/utils.d.ts +2 -2
- package/dist/npm/FloatingActionButton/utils.js +11 -5
- package/dist/npm/ListButton/ButtonItem.d.ts +1 -2
- package/dist/npm/ListButton/ButtonItem.js +3 -2
- package/dist/npm/ListButton/DropDownButton.d.ts +3 -3
- package/dist/npm/ListButton/DropDownButton.js +10 -7
- package/dist/npm/ListButton/DropDownButtonItem.d.ts +1 -1
- package/dist/npm/ListButton/DropDownButtonItem.js +5 -2
- package/dist/npm/ListButton/SplitButton.d.ts +3 -3
- package/dist/npm/ListButton/SplitButton.js +10 -7
- package/dist/npm/ListButton/SplitButtonItem.d.ts +1 -1
- package/dist/npm/ListButton/SplitButtonItem.js +5 -2
- package/dist/npm/ListButton/models/events.d.ts +2 -2
- package/dist/npm/ListButton/utils/navigation.d.ts +1 -1
- package/dist/npm/ListButton/utils/navigation.js +2 -1
- package/dist/npm/ListButton/utils/popup.js +1 -0
- package/dist/npm/main.d.ts +9 -9
- package/dist/npm/main.js +26 -14
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/toolbar/Toolbar.d.ts +4 -4
- package/dist/npm/toolbar/Toolbar.js +9 -6
- package/dist/npm/toolbar/tools/ToolbarItem.d.ts +2 -2
- package/dist/npm/toolbar/tools/ToolbarItem.js +6 -3
- package/dist/npm/toolbar/tools/ToolbarSeparator.d.ts +1 -1
- package/dist/npm/toolbar/tools/ToolbarSeparator.js +6 -3
- package/dist/npm/toolbar/tools/ToolbarSpacer.js +1 -0
- package/dist/npm/util.d.ts +6 -6
- package/dist/npm/util.js +1 -0
- package/dist/systemjs/kendo-react-buttons.js +1 -1
- package/package.json +12 -12
package/dist/es/Button.js
CHANGED
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
27
29
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
30
|
t[p] = s[p];
|
|
29
31
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
31
|
-
|
|
32
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
+
t[p[i]] = s[p[i]];
|
|
35
|
+
}
|
|
32
36
|
return t;
|
|
33
37
|
};
|
|
34
38
|
import * as React from 'react';
|
|
@@ -75,7 +79,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
75
79
|
get: function () {
|
|
76
80
|
return this._element;
|
|
77
81
|
},
|
|
78
|
-
enumerable:
|
|
82
|
+
enumerable: false,
|
|
79
83
|
configurable: true
|
|
80
84
|
});
|
|
81
85
|
Object.defineProperty(Button.prototype, "selected", {
|
|
@@ -86,7 +90,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
86
90
|
get: function () {
|
|
87
91
|
return this._selectedTemp !== undefined ? this._selectedTemp : this.state.selected;
|
|
88
92
|
},
|
|
89
|
-
enumerable:
|
|
93
|
+
enumerable: false,
|
|
90
94
|
configurable: true
|
|
91
95
|
});
|
|
92
96
|
/**
|
|
@@ -102,8 +106,8 @@ var Button = /** @class */ (function (_super) {
|
|
|
102
106
|
* @hidden
|
|
103
107
|
*/
|
|
104
108
|
Button.prototype.render = function () {
|
|
105
|
-
var _this = this;
|
|
106
109
|
var _a;
|
|
110
|
+
var _this = this;
|
|
107
111
|
var _b = this.props, children = _b.children, togglable = _b.togglable, icon = _b.icon, iconClass = _b.iconClass, imageUrl = _b.imageUrl, imageAlt = _b.imageAlt, className = _b.className, onClick = _b.onClick, _c = _b.size, size = _c === void 0 ? Button.defaultProps.size : _c, _d = _b.shape, shape = _d === void 0 ? Button.defaultProps.shape : _d, _e = _b.rounded, rounded = _e === void 0 ? Button.defaultProps.rounded : _e, _f = _b.fillMode, fillMode = _f === void 0 ? Button.defaultProps.fillMode : _f, _g = _b.themeColor, themeColor = _g === void 0 ? Button.defaultProps.themeColor : _g, htmlAttributes = __rest(_b, ["children", "togglable", "icon", "iconClass", "imageUrl", "imageAlt", "className", "onClick", "size", "shape", "rounded", "fillMode", "themeColor"]);
|
|
108
112
|
var hasIcon = (icon !== undefined || iconClass !== undefined || imageUrl !== undefined);
|
|
109
113
|
var hasChildren = children !== undefined;
|
|
@@ -166,4 +170,4 @@ var Button = /** @class */ (function (_super) {
|
|
|
166
170
|
};
|
|
167
171
|
return Button;
|
|
168
172
|
}(React.Component));
|
|
169
|
-
export
|
|
173
|
+
export { Button };
|
package/dist/es/ButtonGroup.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export interface ButtonGroupProps extends ButtonGroupInterface {
|
|
|
10
10
|
*/
|
|
11
11
|
className?: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export declare class ButtonGroup extends React.Component<ButtonGroupProps, {}> {
|
|
14
14
|
/**
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
package/dist/es/ButtonGroup.js
CHANGED
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -41,8 +43,8 @@ var ButtonGroup = /** @class */ (function (_super) {
|
|
|
41
43
|
* @hidden
|
|
42
44
|
*/
|
|
43
45
|
ButtonGroup.prototype.render = function () {
|
|
44
|
-
var _this = this;
|
|
45
46
|
var _a;
|
|
47
|
+
var _this = this;
|
|
46
48
|
var buttons = this.mapButtons(this.props.children);
|
|
47
49
|
var groupClasses = classNames([styles['button-group']], (_a = {},
|
|
48
50
|
_a['k-disabled'] = this.props.disabled,
|
|
@@ -77,9 +79,9 @@ var ButtonGroup = /** @class */ (function (_super) {
|
|
|
77
79
|
_a[styles['group-start']] = isRtl ? isLast : index === 0,
|
|
78
80
|
_a[styles['group-end']] = isRtl ? index === 0 : isLast,
|
|
79
81
|
_a));
|
|
80
|
-
var style = __assign({}, (this.props.width ? { width: this.props.width } : {}), (child.props.style || {}));
|
|
82
|
+
var style = __assign(__assign({}, (this.props.width ? { width: this.props.width } : {})), (child.props.style || {}));
|
|
81
83
|
var disabled = this.props.disabled || child.props.disabled;
|
|
82
|
-
var buttonProps = __assign({}, child.props, (className ? { className: className } : {}), (Object.keys(style).length ? { style: style } : {}), (disabled !== undefined ? { disabled: disabled } : {}));
|
|
84
|
+
var buttonProps = __assign(__assign(__assign(__assign({}, child.props), (className ? { className: className } : {})), (Object.keys(style).length ? { style: style } : {})), (disabled !== undefined ? { disabled: disabled } : {}));
|
|
83
85
|
return React.Children.count(child.props.children) > 0 ?
|
|
84
86
|
React.cloneElement(child, buttonProps, child.props.children) :
|
|
85
87
|
React.cloneElement(child, buttonProps);
|
|
@@ -96,4 +98,4 @@ var ButtonGroup = /** @class */ (function (_super) {
|
|
|
96
98
|
};
|
|
97
99
|
return ButtonGroup;
|
|
98
100
|
}(React.Component));
|
|
99
|
-
export
|
|
101
|
+
export { ButtonGroup };
|
package/dist/es/Chip/ChipList.js
CHANGED
|
@@ -42,7 +42,7 @@ export var ChipListDataContext = React.createContext([null, function (_args) {
|
|
|
42
42
|
var useSelection = function (defaultValue, args, callback) {
|
|
43
43
|
var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
|
|
44
44
|
var handleDispatchSelection = function (action) {
|
|
45
|
-
var newState = selectionReducer(args.state || state, __assign({}, action, args));
|
|
45
|
+
var newState = selectionReducer(args.state || state, __assign(__assign({}, action), args));
|
|
46
46
|
if (callback) {
|
|
47
47
|
callback(newState, action.event);
|
|
48
48
|
}
|
|
@@ -56,7 +56,7 @@ var useSelection = function (defaultValue, args, callback) {
|
|
|
56
56
|
var useFocus = function (args) {
|
|
57
57
|
var _a = React.useState(null), state = _a[0], setState = _a[1];
|
|
58
58
|
var handleDispatchFocus = function (action) {
|
|
59
|
-
var newState = focusReducer(action.payload, __assign({}, action, args));
|
|
59
|
+
var newState = focusReducer(action.payload, __assign(__assign({}, action), args));
|
|
60
60
|
setState(newState);
|
|
61
61
|
};
|
|
62
62
|
return [state, handleDispatchFocus];
|
|
@@ -67,7 +67,7 @@ var useFocus = function (args) {
|
|
|
67
67
|
var useData = function (defaultData, args, callback) {
|
|
68
68
|
var _a = React.useState(defaultData), state = _a[0], setState = _a[1];
|
|
69
69
|
var handleDispatchData = function (action) {
|
|
70
|
-
var newState = dataReducer(args.state || state, __assign({}, action, args));
|
|
70
|
+
var newState = dataReducer(args.state || state, __assign(__assign({}, action), args));
|
|
71
71
|
if (callback) {
|
|
72
72
|
callback(newState, action.event);
|
|
73
73
|
}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
2
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
3
|
+
to[j] = from[i];
|
|
4
|
+
return to;
|
|
5
|
+
};
|
|
1
6
|
/**
|
|
2
7
|
* @hidden
|
|
3
8
|
*/
|
|
@@ -40,7 +45,7 @@ export var selectionReducer = function (state, action) {
|
|
|
40
45
|
if (Array.isArray(state)) {
|
|
41
46
|
return state.some(function (i) { return i === action.payload; })
|
|
42
47
|
? state.filter(function (i) { return i !== action.payload; })
|
|
43
|
-
:
|
|
48
|
+
: __spreadArray(__spreadArray([], state), [action.payload]);
|
|
44
49
|
}
|
|
45
50
|
if (state === null) {
|
|
46
51
|
return [action.payload];
|
|
@@ -51,7 +56,7 @@ export var selectionReducer = function (state, action) {
|
|
|
51
56
|
if (Array.isArray(state)) {
|
|
52
57
|
return state.some(function (i) { return i === action.payload; })
|
|
53
58
|
? state.filter(function (i) { return i !== action.payload; })
|
|
54
|
-
:
|
|
59
|
+
: __spreadArray(__spreadArray([], state), [action.payload]);
|
|
55
60
|
}
|
|
56
61
|
return state;
|
|
57
62
|
}
|
|
@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
14
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
15
|
t[p] = s[p];
|
|
16
16
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
18
|
-
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
19
21
|
return t;
|
|
20
22
|
};
|
|
21
23
|
import * as React from 'react';
|
|
@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
14
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
15
|
t[p] = s[p];
|
|
16
16
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
18
|
-
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
19
21
|
return t;
|
|
20
22
|
};
|
|
21
23
|
import * as React from 'react';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -8,7 +8,7 @@ export declare const DEFAULT_OFFSET = "16px";
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
export declare const toStringValues: (val:
|
|
11
|
+
export declare const toStringValues: (val: number | string) => string;
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
@@ -24,4 +24,4 @@ export declare const getTextDirectionClass: (rtl: string, hAlign: any) => any;
|
|
|
24
24
|
/**
|
|
25
25
|
* @hidden
|
|
26
26
|
*/
|
|
27
|
-
export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset, isRtl: boolean) => void;
|
|
27
|
+
export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset | undefined, isRtl: boolean) => void;
|
|
@@ -3,7 +3,7 @@ import { classNames } from '@progress/kendo-react-common';
|
|
|
3
3
|
/**
|
|
4
4
|
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
var ButtonItem = function (props) {
|
|
6
|
+
export var ButtonItem = function (props) {
|
|
7
7
|
var _a;
|
|
8
8
|
var handleClick = React.useCallback(function (event) {
|
|
9
9
|
props.onClick(event, props.index);
|
|
@@ -26,4 +26,3 @@ var ButtonItem = function (props) {
|
|
|
26
26
|
props.render !== undefined) ? props.render.call(undefined, item, props) : item);
|
|
27
27
|
};
|
|
28
28
|
ButtonItem.displayName = 'KendoReactButtonItem';
|
|
29
|
-
export default ButtonItem;
|
|
@@ -28,7 +28,7 @@ export interface DropDownButtonState {
|
|
|
28
28
|
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
|
-
export
|
|
31
|
+
export declare class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
|
|
32
32
|
/**
|
|
33
33
|
* @hidden
|
|
34
34
|
*/
|
|
@@ -76,7 +76,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
|
|
|
76
76
|
private guid;
|
|
77
77
|
private buttonsData;
|
|
78
78
|
constructor(props: DropDownButtonProps);
|
|
79
|
-
private
|
|
79
|
+
private get opened();
|
|
80
80
|
/**
|
|
81
81
|
* @hidden
|
|
82
82
|
*/
|
|
@@ -92,7 +92,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
|
|
|
92
92
|
/**
|
|
93
93
|
* The DOM element of main button.
|
|
94
94
|
*/
|
|
95
|
-
|
|
95
|
+
get element(): HTMLButtonElement | null;
|
|
96
96
|
private onKeyDown;
|
|
97
97
|
private handleFocus;
|
|
98
98
|
private handleBlur;
|
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -27,9 +29,9 @@ import * as PropTypes from 'prop-types';
|
|
|
27
29
|
import { Button } from './../main';
|
|
28
30
|
import { classNames, guid, Keys, kendoThemeMaps } from '@progress/kendo-react-common';
|
|
29
31
|
import { dispatchEvent } from '@progress/kendo-react-common';
|
|
30
|
-
import navigation from './utils/navigation';
|
|
31
|
-
import DropDownButtonItem from './DropDownButtonItem';
|
|
32
|
-
import ButtonItem from './ButtonItem';
|
|
32
|
+
import { navigate as navigation } from './utils/navigation';
|
|
33
|
+
import { DropDownButtonItem } from './DropDownButtonItem';
|
|
34
|
+
import { ButtonItem } from './ButtonItem';
|
|
33
35
|
import { Popup } from '@progress/kendo-react-popup';
|
|
34
36
|
import { getAnchorAlign, getPopupAlign } from './utils/popup';
|
|
35
37
|
import { validatePackage } from '@progress/kendo-react-common';
|
|
@@ -158,7 +160,7 @@ var DropDownButton = /** @class */ (function (_super) {
|
|
|
158
160
|
get: function () {
|
|
159
161
|
return this.props.opened === undefined ? this.state.opened : this.props.opened;
|
|
160
162
|
},
|
|
161
|
-
enumerable:
|
|
163
|
+
enumerable: false,
|
|
162
164
|
configurable: true
|
|
163
165
|
});
|
|
164
166
|
/**
|
|
@@ -205,7 +207,7 @@ var DropDownButton = /** @class */ (function (_super) {
|
|
|
205
207
|
get: function () {
|
|
206
208
|
return this.mainButton;
|
|
207
209
|
},
|
|
208
|
-
enumerable:
|
|
210
|
+
enumerable: false,
|
|
209
211
|
configurable: true
|
|
210
212
|
});
|
|
211
213
|
DropDownButton.prototype.dispatchClickEvent = function (dispatchedEvent, index) {
|
|
@@ -274,4 +276,4 @@ var DropDownButton = /** @class */ (function (_super) {
|
|
|
274
276
|
};
|
|
275
277
|
return DropDownButton;
|
|
276
278
|
}(React.Component));
|
|
277
|
-
export
|
|
279
|
+
export { DropDownButton };
|
|
@@ -10,7 +10,7 @@ export interface DropDownButtonItemProps extends ButtonItem {
|
|
|
10
10
|
*/
|
|
11
11
|
selected?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export declare class DropDownButtonItem extends React.Component<DropDownButtonItemProps, {}> {
|
|
14
14
|
/**
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -38,4 +40,4 @@ var DropDownButtonItem = /** @class */ (function (_super) {
|
|
|
38
40
|
};
|
|
39
41
|
return DropDownButtonItem;
|
|
40
42
|
}(React.Component));
|
|
41
|
-
export
|
|
43
|
+
export { DropDownButtonItem };
|
|
@@ -28,7 +28,7 @@ export interface SplitButtonState {
|
|
|
28
28
|
* ReactDOM.render(<App />, document.querySelector('my-app'));
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
|
-
export
|
|
31
|
+
export declare class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> {
|
|
32
32
|
/**
|
|
33
33
|
* @hidden
|
|
34
34
|
*/
|
|
@@ -78,7 +78,7 @@ export default class SplitButton extends React.Component<SplitButtonProps, Split
|
|
|
78
78
|
private guid;
|
|
79
79
|
private buttonsData;
|
|
80
80
|
constructor(props: SplitButtonProps);
|
|
81
|
-
private
|
|
81
|
+
private get opened();
|
|
82
82
|
/**
|
|
83
83
|
* @hidden
|
|
84
84
|
*/
|
|
@@ -90,7 +90,7 @@ export default class SplitButton extends React.Component<SplitButtonProps, Split
|
|
|
90
90
|
/**
|
|
91
91
|
* The DOM element of main button.
|
|
92
92
|
*/
|
|
93
|
-
|
|
93
|
+
get element(): HTMLButtonElement | null;
|
|
94
94
|
private onKeyDown;
|
|
95
95
|
private onFocus;
|
|
96
96
|
private onItemClick;
|
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -16,9 +18,9 @@ import * as PropTypes from 'prop-types';
|
|
|
16
18
|
import { Button } from './../main';
|
|
17
19
|
import { classNames, guid, kendoThemeMaps, Keys } from '@progress/kendo-react-common';
|
|
18
20
|
import { dispatchEvent } from '@progress/kendo-react-common';
|
|
19
|
-
import ButtonItem from './ButtonItem';
|
|
20
|
-
import SplitButtonItem from './SplitButtonItem';
|
|
21
|
-
import navigation from './utils/navigation';
|
|
21
|
+
import { ButtonItem } from './ButtonItem';
|
|
22
|
+
import { SplitButtonItem } from './SplitButtonItem';
|
|
23
|
+
import { navigate as navigation } from './utils/navigation';
|
|
22
24
|
import { Popup } from '@progress/kendo-react-popup';
|
|
23
25
|
import { getAnchorAlign, getPopupAlign } from './utils/popup';
|
|
24
26
|
import { validatePackage } from '@progress/kendo-react-common';
|
|
@@ -166,7 +168,7 @@ var SplitButton = /** @class */ (function (_super) {
|
|
|
166
168
|
get: function () {
|
|
167
169
|
return this.props.opened === undefined ? this.state.opened : this.props.opened;
|
|
168
170
|
},
|
|
169
|
-
enumerable:
|
|
171
|
+
enumerable: false,
|
|
170
172
|
configurable: true
|
|
171
173
|
});
|
|
172
174
|
/**
|
|
@@ -205,7 +207,7 @@ var SplitButton = /** @class */ (function (_super) {
|
|
|
205
207
|
get: function () {
|
|
206
208
|
return this.mainButton;
|
|
207
209
|
},
|
|
208
|
-
enumerable:
|
|
210
|
+
enumerable: false,
|
|
209
211
|
configurable: true
|
|
210
212
|
});
|
|
211
213
|
SplitButton.prototype.dispatchClickEvent = function (dispatchedEvent, clickedItemIndex) {
|
|
@@ -281,4 +283,4 @@ var SplitButton = /** @class */ (function (_super) {
|
|
|
281
283
|
};
|
|
282
284
|
return SplitButton;
|
|
283
285
|
}(React.Component));
|
|
284
|
-
export
|
|
286
|
+
export { SplitButton };
|
|
@@ -6,7 +6,7 @@ import { ButtonItem } from './models/ButtonItem';
|
|
|
6
6
|
*/
|
|
7
7
|
export interface SplitButtonItemProps extends ButtonItem {
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export declare class SplitButtonItem extends React.Component<SplitButtonItemProps, {}> {
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
2
2
|
var extendStatics = function (d, b) {
|
|
3
3
|
extendStatics = Object.setPrototypeOf ||
|
|
4
4
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
6
|
return extendStatics(d, b);
|
|
7
7
|
};
|
|
8
8
|
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
9
11
|
extendStatics(d, b);
|
|
10
12
|
function __() { this.constructor = d; }
|
|
11
13
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -37,4 +39,4 @@ var SplitButtonItem = /** @class */ (function (_super) {
|
|
|
37
39
|
};
|
|
38
40
|
return SplitButtonItem;
|
|
39
41
|
}(React.Component));
|
|
40
|
-
export
|
|
42
|
+
export { SplitButtonItem };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import SplitButton from './../SplitButton';
|
|
2
|
-
import DropDownButton from './../DropDownButton';
|
|
1
|
+
import { SplitButton } from './../SplitButton';
|
|
2
|
+
import { DropDownButton } from './../DropDownButton';
|
|
3
3
|
import { BaseEvent } from '@progress/kendo-react-common';
|
|
4
4
|
export interface SplitButtonFocusEvent extends BaseEvent<SplitButton> {
|
|
5
5
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/es/main.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import Button,
|
|
2
|
-
import ButtonGroup,
|
|
3
|
-
import SplitButton from './ListButton/SplitButton';
|
|
4
|
-
import SplitButtonItem,
|
|
5
|
-
import DropDownButton from './ListButton/DropDownButton';
|
|
6
|
-
import DropDownButtonItem,
|
|
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
7
|
import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
|
|
8
8
|
import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
|
|
9
9
|
import { ButtonItem } from './ListButton/models/ButtonItem';
|
|
10
10
|
import { ButtonItemProps } from './ListButton/ButtonItem';
|
|
11
11
|
import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
|
|
12
|
-
import Toolbar,
|
|
13
|
-
import ToolbarItem,
|
|
14
|
-
import ToolbarSeparator from './toolbar/tools/ToolbarSeparator';
|
|
12
|
+
import { Toolbar, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
|
|
13
|
+
import { ToolbarItem, ToolbarItemProps } from './toolbar/tools/ToolbarItem';
|
|
14
|
+
import { ToolbarSeparator } from './toolbar/tools/ToolbarSeparator';
|
|
15
15
|
import { ToolbarSpacer, ToolbarSpacerProps } from './toolbar/tools/ToolbarSpacer';
|
|
16
16
|
import { Chip, ChipProps, ChipHandle } from './Chip/Chip';
|
|
17
17
|
import { ChipList, ChipListProps, ChipListHandle } from './Chip/ChipList';
|
package/dist/es/main.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import Button from './Button';
|
|
2
|
-
import ButtonGroup from './ButtonGroup';
|
|
3
|
-
import SplitButton from './ListButton/SplitButton';
|
|
4
|
-
import SplitButtonItem from './ListButton/SplitButtonItem';
|
|
5
|
-
import DropDownButton from './ListButton/DropDownButton';
|
|
6
|
-
import DropDownButtonItem from './ListButton/DropDownButtonItem';
|
|
7
|
-
import Toolbar from './toolbar/Toolbar';
|
|
8
|
-
import ToolbarItem from './toolbar/tools/ToolbarItem';
|
|
9
|
-
import ToolbarSeparator from './toolbar/tools/ToolbarSeparator';
|
|
1
|
+
import { Button } from './Button';
|
|
2
|
+
import { ButtonGroup } from './ButtonGroup';
|
|
3
|
+
import { SplitButton } from './ListButton/SplitButton';
|
|
4
|
+
import { SplitButtonItem } from './ListButton/SplitButtonItem';
|
|
5
|
+
import { DropDownButton } from './ListButton/DropDownButton';
|
|
6
|
+
import { DropDownButtonItem } from './ListButton/DropDownButtonItem';
|
|
7
|
+
import { Toolbar } from './toolbar/Toolbar';
|
|
8
|
+
import { ToolbarItem } from './toolbar/tools/ToolbarItem';
|
|
9
|
+
import { ToolbarSeparator } from './toolbar/tools/ToolbarSeparator';
|
|
10
10
|
import { ToolbarSpacer } from './toolbar/tools/ToolbarSpacer';
|
|
11
11
|
import { Chip } from './Chip/Chip';
|
|
12
12
|
import { ChipList } from './Chip/ChipList';
|
|
13
13
|
import { FloatingActionButton } from './FloatingActionButton/FloatingActionButton';
|
|
14
14
|
import { FloatingActionButtonItem } from './FloatingActionButton/FloatingActionButtonItem';
|
|
15
|
+
export * from './FloatingActionButton/models/events';
|
|
15
16
|
export { Toolbar, ToolbarItem, ToolbarSeparator, ToolbarSpacer, Button, ButtonGroup, SplitButton, SplitButtonItem, DropDownButton, DropDownButtonItem, Chip, ChipList, FloatingActionButton, FloatingActionButtonItem };
|
package/dist/es/models/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-buttons',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1653647977,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|