@progress/kendo-react-buttons 7.2.4-develop.3 → 7.3.0-develop.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 (95) hide show
  1. package/Button.js +8 -0
  2. package/Button.mjs +124 -0
  3. package/ButtonGroup.js +8 -0
  4. package/ButtonGroup.mjs +76 -0
  5. package/Chip/Chip.js +8 -0
  6. package/Chip/Chip.mjs +220 -0
  7. package/Chip/ChipList.js +8 -0
  8. package/Chip/ChipList.mjs +190 -0
  9. package/Chip/chip-list-contexts.js +8 -0
  10. package/Chip/chip-list-contexts.mjs +18 -0
  11. package/Chip/data-reducer.js +8 -0
  12. package/Chip/data-reducer.mjs +25 -0
  13. package/Chip/focus-reducer.js +8 -0
  14. package/Chip/focus-reducer.mjs +28 -0
  15. package/Chip/selection-reducer.js +8 -0
  16. package/Chip/selection-reducer.mjs +47 -0
  17. package/FloatingActionButton/FloatingActionButton.js +8 -0
  18. package/FloatingActionButton/FloatingActionButton.mjs +343 -0
  19. package/FloatingActionButton/FloatingActionButtonItem.js +8 -0
  20. package/FloatingActionButton/FloatingActionButtonItem.mjs +93 -0
  21. package/FloatingActionButton/utils.js +8 -0
  22. package/FloatingActionButton/utils.mjs +46 -0
  23. package/ListButton/ButtonItem.js +8 -0
  24. package/ListButton/ButtonItem.mjs +63 -0
  25. package/ListButton/DropDownButton.js +8 -0
  26. package/ListButton/DropDownButton.mjs +267 -0
  27. package/ListButton/DropDownButtonItem.js +8 -0
  28. package/ListButton/DropDownButtonItem.mjs +31 -0
  29. package/ListButton/SplitButton.js +8 -0
  30. package/ListButton/SplitButton.mjs +298 -0
  31. package/ListButton/SplitButtonItem.js +8 -0
  32. package/ListButton/SplitButtonItem.mjs +30 -0
  33. package/ListButton/utils/navigation.js +8 -0
  34. package/ListButton/utils/navigation.mjs +35 -0
  35. package/ListButton/utils/popup.js +8 -0
  36. package/ListButton/utils/popup.mjs +20 -0
  37. package/dist/cdn/js/kendo-react-buttons.js +8 -5
  38. package/index.d.mts +2227 -5
  39. package/index.d.ts +2227 -40
  40. package/index.js +8 -5
  41. package/index.mjs +44 -1906
  42. package/package-metadata.js +8 -0
  43. package/package-metadata.mjs +19 -0
  44. package/package.json +3 -3
  45. package/toolbar/Toolbar.js +8 -0
  46. package/toolbar/Toolbar.mjs +124 -0
  47. package/toolbar/tools/ToolbarItem.js +8 -0
  48. package/toolbar/tools/ToolbarItem.mjs +44 -0
  49. package/toolbar/tools/ToolbarSeparator.js +8 -0
  50. package/toolbar/tools/ToolbarSeparator.mjs +21 -0
  51. package/toolbar/tools/ToolbarSpacer.js +8 -0
  52. package/toolbar/tools/ToolbarSpacer.mjs +36 -0
  53. package/util.js +8 -0
  54. package/util.mjs +36 -0
  55. package/Button.d.ts +0 -146
  56. package/ButtonGroup.d.ts +0 -36
  57. package/ButtonGroupInterface.d.ts +0 -36
  58. package/ButtonInterface.d.ts +0 -39
  59. package/Chip/Chip.d.ts +0 -238
  60. package/Chip/ChipList.d.ts +0 -119
  61. package/Chip/chip-list-contexts.d.ts +0 -17
  62. package/Chip/data-reducer.d.ts +0 -26
  63. package/Chip/focus-reducer.d.ts +0 -28
  64. package/Chip/selection-reducer.d.ts +0 -34
  65. package/FloatingActionButton/FloatingActionButton.d.ts +0 -21
  66. package/FloatingActionButton/FloatingActionButtonItem.d.ts +0 -109
  67. package/FloatingActionButton/interfaces/FloatingActionButtonHandle.d.ts +0 -17
  68. package/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts +0 -28
  69. package/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts +0 -219
  70. package/FloatingActionButton/models/align-offset.d.ts +0 -24
  71. package/FloatingActionButton/models/align.d.ts +0 -31
  72. package/FloatingActionButton/models/events.d.ts +0 -25
  73. package/FloatingActionButton/models/position-mode.d.ts +0 -13
  74. package/FloatingActionButton/models/rounded.d.ts +0 -16
  75. package/FloatingActionButton/models/size.d.ts +0 -15
  76. package/FloatingActionButton/models/theme-color.d.ts +0 -22
  77. package/FloatingActionButton/utils.d.ts +0 -31
  78. package/ListButton/ButtonItem.d.ts +0 -34
  79. package/ListButton/DropDownButton.d.ts +0 -127
  80. package/ListButton/DropDownButtonItem.d.ts +0 -34
  81. package/ListButton/SplitButton.d.ts +0 -129
  82. package/ListButton/SplitButtonItem.d.ts +0 -29
  83. package/ListButton/models/ButtonItem.d.ts +0 -38
  84. package/ListButton/models/ListButtonProps.d.ts +0 -339
  85. package/ListButton/models/PopupSettings.d.ts +0 -32
  86. package/ListButton/models/events.d.ts +0 -51
  87. package/ListButton/utils/navigation.d.ts +0 -9
  88. package/ListButton/utils/popup.d.ts +0 -13
  89. package/models/index.d.ts +0 -92
  90. package/package-metadata.d.ts +0 -9
  91. package/toolbar/Toolbar.d.ts +0 -175
  92. package/toolbar/tools/ToolbarItem.d.ts +0 -42
  93. package/toolbar/tools/ToolbarSeparator.d.ts +0 -20
  94. package/toolbar/tools/ToolbarSpacer.d.ts +0 -27
  95. package/util.d.ts +0 -31
package/models/index.d.ts DELETED
@@ -1,92 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ChipHandle } from './../Chip/Chip';
6
- import { ChipListHandle } from './../Chip/ChipList';
7
- /**
8
- * Represents the return type of the ChipRemoveEvent.
9
- */
10
- export interface ChipRemoveEvent {
11
- /**
12
- * The target of the ChipRemoveEvent from ChipHandle.
13
- */
14
- target: ChipHandle;
15
- /**
16
- * The event of the ChipRemoveEvent.
17
- */
18
- syntheticEvent: React.SyntheticEvent<any>;
19
- }
20
- /**
21
- * Represents the return type of the ChipMouseEvent.
22
- */
23
- export interface ChipMouseEvent {
24
- /**
25
- * The target of the ChipMouseEvent from ChipHandle.
26
- */
27
- target: ChipHandle;
28
- /**
29
- * The event of the ChipMouseEvent.
30
- */
31
- syntheticEvent: React.MouseEvent<any>;
32
- }
33
- /**
34
- * Represents the return type of the ChipKeyboardEvent.
35
- */
36
- export interface ChipKeyboardEvent {
37
- /**
38
- * The target of the ChipKeyboardEvent from ChipHandle.
39
- */
40
- target: ChipHandle;
41
- /**
42
- * The event of the ChipKeyboardEvent.
43
- */
44
- syntheticEvent: React.KeyboardEvent<any>;
45
- }
46
- /**
47
- * Represents the return type of the ChipFocusEvent.
48
- */
49
- export interface ChipFocusEvent {
50
- /**
51
- * The target of the ChipFocusEvent from ChipHandle.
52
- */
53
- target: ChipHandle;
54
- /**
55
- * The event of the ChipFocusEvent.
56
- */
57
- syntheticEvent: React.FocusEvent<any>;
58
- }
59
- /**
60
- * Represents the return type of the ChipListDataChangeEvent.
61
- */
62
- export interface ChipListDataChangeEvent {
63
- /**
64
- * Represents the new data state value.
65
- */
66
- value: any | any[];
67
- /**
68
- * The target of the ChipListChangeEvent from ChipListHandle.
69
- */
70
- target: ChipListHandle;
71
- /**
72
- * The event of the ChipListChangeEvent.
73
- */
74
- syntheticEvent: React.SyntheticEvent<any>;
75
- }
76
- /**
77
- * Represents the return type of the ChipListChangeEvent.
78
- */
79
- export interface ChipListChangeEvent {
80
- /**
81
- * Represents the new state value.
82
- */
83
- value: any | any[];
84
- /**
85
- * The target of the ChipListChangeEvent from ChipListHandle.
86
- */
87
- target: ChipListHandle;
88
- /**
89
- * The event of the ChipListChangeEvent.
90
- */
91
- syntheticEvent: React.SyntheticEvent<any>;
92
- }
@@ -1,9 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { PackageMetadata } from '@progress/kendo-licensing';
6
- /**
7
- * @hidden
8
- */
9
- export declare const packageMetadata: PackageMetadata;
@@ -1,175 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- import PropTypes from 'prop-types';
7
- import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
8
- /**
9
- * Represents the `resize` event of the Toolbar.
10
- */
11
- export interface ToolbarResizeEvent {
12
- /**
13
- * An event target.
14
- */
15
- target: Toolbar;
16
- /**
17
- * The `offsetWidth` event of the Toolbar.
18
- */
19
- offsetWidth: number;
20
- /**
21
- * The `offsetHeight` event of the Toolbar.
22
- */
23
- offsetHeight: number;
24
- /**
25
- * A native DOM event.
26
- */
27
- nativeEvent: any;
28
- }
29
- /**
30
- * Represents the props of the [KendoReact Toolbar component]({% slug overview_toolbar %}).
31
- */
32
- export interface ToolbarProps extends KendoReactComponentBaseProps {
33
- /**
34
- * Sets additional classes to the Toolbar.
35
- */
36
- className?: string;
37
- /**
38
- * Represents the `dir` HTML attribute.
39
- */
40
- dir?: string;
41
- /**
42
- * The styles that are applied to the Toolbar.
43
- */
44
- style?: React.CSSProperties;
45
- /**
46
- * Represents the label of the Toolbar component.
47
- */
48
- ariaLabel?: string;
49
- /**
50
- * Specifies the `tabIndex` of the Toolbar.
51
- */
52
- tabIndex?: number;
53
- /**
54
- * The `resize` event of the Toolbar.
55
- */
56
- onResize?: (event: ToolbarResizeEvent) => void;
57
- /**
58
- * If set to `false`, it will turn off the built-in keyboard navigation.
59
- */
60
- keyboardNavigation?: boolean;
61
- /**
62
- * @hidden
63
- *
64
- * The CSS selectors of the toolbar HTML elements used by built-in keyboard navigation.
65
- * Each selector needs to point to a focusable element.
66
- * Defaults to [
67
- * 'button',
68
- * '.k-button-group > button',
69
- * '.k-dropdown > .k-dropdown-wrap',
70
- * '.k-colorpicker > .k-picker-wrap'
71
- * ].
72
- */
73
- buttons?: string[];
74
- /**
75
- * Configures the `size` of the Toolbar.
76
- *
77
- * The available options are:
78
- * - small
79
- * - medium
80
- * - large
81
- * - null&mdash;Does not set a size `className`.
82
- *
83
- * @default `medium`
84
- */
85
- size?: null | 'small' | 'medium' | 'large';
86
- /**
87
- * @hidden
88
- */
89
- role?: string;
90
- }
91
- /**
92
- * Represents the [KendoReact Toolbar component]({% slug overview_toolbar %}).
93
- *
94
- * @example
95
- * ```jsx
96
- * class App extends React.Component {
97
- * render() {
98
- * return (
99
- * <Toolbar>
100
- * <ToolbarItem>
101
- * <ButtonGroup>
102
- * <Button togglable={true} icon="bold" />
103
- * <Button togglable={true} icon="italic" />
104
- * <Button togglable={true} icon="underline" />
105
- * </ButtonGroup>
106
- * </ToolbarItem>
107
- * <ToolbarItem>
108
- * <ButtonGroup>
109
- * <Button icon="hyperlink">Insert Link</Button>
110
- * <Button icon="image">Insert Image</Button>
111
- * <Button icon="table">Insert Table</Button>
112
- * </ButtonGroup>
113
- * </ToolbarItem>
114
- * </Toolbar>
115
- * );
116
- * }
117
- * }
118
- * ReactDOM.render(<App />, document.querySelector('my-app'));
119
- * ```
120
- */
121
- export declare class Toolbar extends React.Component<ToolbarProps> {
122
- /**
123
- * @hidden
124
- */
125
- static propTypes: {
126
- tabIndex: PropTypes.Requireable<number>;
127
- dir: PropTypes.Requireable<string>;
128
- keyboardNavigation: PropTypes.Requireable<boolean>;
129
- style: PropTypes.Requireable<object>;
130
- className: PropTypes.Requireable<string>;
131
- role: PropTypes.Requireable<string>;
132
- onResize: PropTypes.Requireable<(...args: any[]) => any>;
133
- buttons: PropTypes.Requireable<(string | null | undefined)[]>;
134
- size: PropTypes.Requireable<string | null>;
135
- };
136
- /**
137
- * @hidden
138
- */
139
- static defaultProps: {
140
- tabIndex: number;
141
- size: string;
142
- };
143
- private _element;
144
- private offsetHeight;
145
- private offsetWidth;
146
- private buttons;
147
- private focusedSelector;
148
- constructor(props: ToolbarProps);
149
- private get selectors();
150
- private get focusedIndex();
151
- /**
152
- * Returns the HTML element of the Toolbar component.
153
- */
154
- get element(): HTMLDivElement | null;
155
- /**
156
- * @hidden
157
- */
158
- componentDidMount(): void;
159
- /**
160
- * @hidden
161
- */
162
- componentDidUpdate(): void;
163
- /**
164
- * @hidden
165
- */
166
- componentWillUnmount(): void;
167
- /**
168
- * @hidden
169
- */
170
- render(): import("react/jsx-runtime").JSX.Element;
171
- private setTabIndex;
172
- private onKeyDown;
173
- private focusButton;
174
- private onWindowResize;
175
- }
@@ -1,42 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- import PropTypes from 'prop-types';
7
- import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
8
- /**
9
- * Represents the props of KendoReact ToolbarItem component.
10
- */
11
- export interface ToolbarItemProps extends KendoReactComponentBaseProps {
12
- /**
13
- * Sets additional classes to the ToolbarItem component.
14
- */
15
- className?: string;
16
- /**
17
- * Sets additional styles to the ToolbarItem component.
18
- */
19
- style?: React.CSSProperties;
20
- }
21
- /**
22
- * Represents the KendoReact ToolbarItem component.
23
- * To add a tool to the Toolbar, wrap it inside a ToolbarItem component
24
- * ([see example]({% slug content_toolbar %})).
25
- */
26
- export declare class ToolbarItem extends React.PureComponent<ToolbarItemProps> {
27
- /**
28
- * @hidden
29
- */
30
- static propTypes: {
31
- className: PropTypes.Requireable<string>;
32
- };
33
- private _element;
34
- /**
35
- * Returns the HTML element of the ToolbarItem component.
36
- */
37
- get element(): HTMLSpanElement | null;
38
- /**
39
- * @hidden
40
- */
41
- render(): import("react/jsx-runtime").JSX.Element;
42
- }
@@ -1,20 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- /**
7
- * Represents the KendoReact Toolbar Separator component.
8
- */
9
- export interface ToolbarSeparatorProps {
10
- /**
11
- * Sets additional classes to the ToolbarSeparator component.
12
- */
13
- className?: string;
14
- }
15
- export declare class ToolbarSeparator extends React.PureComponent<ToolbarSeparatorProps> {
16
- /**
17
- * @hidden
18
- */
19
- render(): import("react/jsx-runtime").JSX.Element;
20
- }
@@ -1,27 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- /**
7
- * Represents the props of KendoReact ToolbarSpacer component.
8
- */
9
- export interface ToolbarSpacerProps {
10
- /**
11
- * Sets additional classes to the ToolbarSpacer component.
12
- */
13
- className?: string;
14
- }
15
- /** @hidden */
16
- export interface ToolbarSpacerHandle {
17
- /**
18
- * Returns the HTML element of the ToolbarSpacer component.
19
- */
20
- element: HTMLDivElement | null;
21
- }
22
- /**
23
- * Represents the KendoReact ToolbarSpacer component.
24
- * To specify an empty space, provide a ToolbarSpacer component
25
- * ([see example]({% slug content_toolbar %})).
26
- */
27
- export declare const ToolbarSpacer: React.ForwardRefExoticComponent<ToolbarSpacerProps & React.RefAttributes<ToolbarSpacerHandle>>;
package/util.d.ts DELETED
@@ -1,31 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export declare const toolbarButtons: string[];
9
- /**
10
- * @hidden
11
- */
12
- declare const _default: {
13
- styles: {
14
- button: string;
15
- flat: string;
16
- outline: string;
17
- clear: string;
18
- primary: string;
19
- 'state-selected': string;
20
- 'button-icon': string;
21
- 'button-icontext': string;
22
- 'state-disabled': string;
23
- 'group-start': string;
24
- 'group-end': string;
25
- 'button-group': string;
26
- 'button-group-stretched': string;
27
- ltr: string;
28
- rtl: string;
29
- };
30
- };
31
- export default _default;