@progress/kendo-react-layout 10.1.0 → 10.2.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 (12) hide show
  1. package/actionsheet/ActionSheet.js +1 -1
  2. package/actionsheet/ActionSheet.mjs +68 -66
  3. package/actionsheet/ActionSheetContent.js +1 -1
  4. package/actionsheet/ActionSheetContent.mjs +7 -17
  5. package/actionsheet/ActionSheetFooter.js +1 -1
  6. package/actionsheet/ActionSheetFooter.mjs +38 -11
  7. package/dist/cdn/js/kendo-react-layout.js +1 -1
  8. package/index.d.mts +52 -15
  9. package/index.d.ts +52 -15
  10. package/package-metadata.js +1 -1
  11. package/package-metadata.mjs +2 -2
  12. package/package.json +8 -8
package/index.d.mts CHANGED
@@ -23,6 +23,31 @@ import { SVGIcon } from '@progress/kendo-react-common';
23
23
  */
24
24
  export declare const ActionSheet: React_2.ForwardRefExoticComponent<ActionSheetProps & React_2.RefAttributes<ActionSheetHandle | null>>;
25
25
 
26
+ /**
27
+ * Lists the possible alignment of the ActionSheet action buttons.
28
+ */
29
+ export declare type ActionSheetActionsAlignment = 'start' | 'center' | 'end' | 'stretched' | 'justify';
30
+
31
+ /**
32
+ * Lists the possible orientations of the ActionSheet action buttons.
33
+ */
34
+ export declare type ActionSheetActionsOrientation = 'horizontal' | 'vertical';
35
+
36
+ /**
37
+ * Specifies the animation duration settings of the ActionSheet.
38
+ *
39
+ */
40
+ export declare interface ActionSheetAnimationDuration {
41
+ /**
42
+ * Specifies the opening duration of the ActionSheet animation.
43
+ */
44
+ openDuration?: number;
45
+ /**
46
+ * Specifies the closing duration of the ActionSheet animation.
47
+ */
48
+ closeDuration?: number;
49
+ }
50
+
26
51
  /**
27
52
  * @hidden
28
53
  */
@@ -40,17 +65,7 @@ declare interface ActionSheetChildrenProps {
40
65
  /**
41
66
  * The KendoReact ActionSheetContent component.
42
67
  */
43
- export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetContentProps>;
44
-
45
- /**
46
- * @hidden
47
- */
48
- export declare interface ActionSheetContentProps extends ActionSheetChildrenProps {
49
- /**
50
- * @hidden
51
- */
52
- overflowHidden?: boolean;
53
- }
68
+ export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetChildrenProps>;
54
69
 
55
70
  /**
56
71
  * The default props of the ActionSheet component.
@@ -85,7 +100,25 @@ export declare type ActionSheetDefaultPropsType = {
85
100
  /**
86
101
  * The KendoReact ActionSheetFooter component.
87
102
  */
88
- export declare const ActionSheetFooter: React_2.FunctionComponent<ActionSheetChildrenProps>;
103
+ export declare const ActionSheetFooter: React_2.FunctionComponent<ActionSheetFooterProps>;
104
+
105
+ /**
106
+ * The props of the ActionSheetFooter component.
107
+ */
108
+ export declare interface ActionSheetFooterProps extends ActionSheetChildrenProps {
109
+ /**
110
+ * Sets the orientation of the action buttons in the footer. Valid values are `"horizontal"` and `"vertical"`.
111
+ *
112
+ * @default "horizontal"
113
+ */
114
+ actionButtonsOrientation?: ActionSheetActionsOrientation;
115
+ /**
116
+ * Sets the alignment of the action buttons in the footer. This configuration works only in `horizontal` orientation.
117
+ *
118
+ * @default "stretched"
119
+ */
120
+ actionButtonsAlignment?: ActionSheetActionsAlignment;
121
+ }
89
122
 
90
123
  /**
91
124
  * Represent the `ref` of the ActionSheet component.
@@ -246,7 +279,7 @@ export declare interface ActionSheetProps {
246
279
  /**
247
280
  * Specifies the duration of the transition for the entering and closing Animation. Defaults to `300ms`.
248
281
  */
249
- animationDuration?: number;
282
+ animationDuration?: number | ActionSheetAnimationDuration;
250
283
  /**
251
284
  * The CSS classes that will be rendered on the inner ActionSheet element.
252
285
  */
@@ -262,9 +295,13 @@ export declare interface ActionSheetProps {
262
295
  */
263
296
  position?: 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
264
297
  /**
265
- * @hidden
298
+ * Specifies the actions rendered at the start of the header.
299
+ */
300
+ prefixActions?: React_2.ReactNode;
301
+ /**
302
+ * Specifies the actions rendered at the end of the header.
266
303
  */
267
- actions?: React_2.ReactNode;
304
+ suffixActions?: React_2.ReactNode;
268
305
  /**
269
306
  * @hidden
270
307
  */
package/index.d.ts CHANGED
@@ -23,6 +23,31 @@ import { SVGIcon } from '@progress/kendo-react-common';
23
23
  */
24
24
  export declare const ActionSheet: React_2.ForwardRefExoticComponent<ActionSheetProps & React_2.RefAttributes<ActionSheetHandle | null>>;
25
25
 
26
+ /**
27
+ * Lists the possible alignment of the ActionSheet action buttons.
28
+ */
29
+ export declare type ActionSheetActionsAlignment = 'start' | 'center' | 'end' | 'stretched' | 'justify';
30
+
31
+ /**
32
+ * Lists the possible orientations of the ActionSheet action buttons.
33
+ */
34
+ export declare type ActionSheetActionsOrientation = 'horizontal' | 'vertical';
35
+
36
+ /**
37
+ * Specifies the animation duration settings of the ActionSheet.
38
+ *
39
+ */
40
+ export declare interface ActionSheetAnimationDuration {
41
+ /**
42
+ * Specifies the opening duration of the ActionSheet animation.
43
+ */
44
+ openDuration?: number;
45
+ /**
46
+ * Specifies the closing duration of the ActionSheet animation.
47
+ */
48
+ closeDuration?: number;
49
+ }
50
+
26
51
  /**
27
52
  * @hidden
28
53
  */
@@ -40,17 +65,7 @@ declare interface ActionSheetChildrenProps {
40
65
  /**
41
66
  * The KendoReact ActionSheetContent component.
42
67
  */
43
- export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetContentProps>;
44
-
45
- /**
46
- * @hidden
47
- */
48
- export declare interface ActionSheetContentProps extends ActionSheetChildrenProps {
49
- /**
50
- * @hidden
51
- */
52
- overflowHidden?: boolean;
53
- }
68
+ export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetChildrenProps>;
54
69
 
55
70
  /**
56
71
  * The default props of the ActionSheet component.
@@ -85,7 +100,25 @@ export declare type ActionSheetDefaultPropsType = {
85
100
  /**
86
101
  * The KendoReact ActionSheetFooter component.
87
102
  */
88
- export declare const ActionSheetFooter: React_2.FunctionComponent<ActionSheetChildrenProps>;
103
+ export declare const ActionSheetFooter: React_2.FunctionComponent<ActionSheetFooterProps>;
104
+
105
+ /**
106
+ * The props of the ActionSheetFooter component.
107
+ */
108
+ export declare interface ActionSheetFooterProps extends ActionSheetChildrenProps {
109
+ /**
110
+ * Sets the orientation of the action buttons in the footer. Valid values are `"horizontal"` and `"vertical"`.
111
+ *
112
+ * @default "horizontal"
113
+ */
114
+ actionButtonsOrientation?: ActionSheetActionsOrientation;
115
+ /**
116
+ * Sets the alignment of the action buttons in the footer. This configuration works only in `horizontal` orientation.
117
+ *
118
+ * @default "stretched"
119
+ */
120
+ actionButtonsAlignment?: ActionSheetActionsAlignment;
121
+ }
89
122
 
90
123
  /**
91
124
  * Represent the `ref` of the ActionSheet component.
@@ -246,7 +279,7 @@ export declare interface ActionSheetProps {
246
279
  /**
247
280
  * Specifies the duration of the transition for the entering and closing Animation. Defaults to `300ms`.
248
281
  */
249
- animationDuration?: number;
282
+ animationDuration?: number | ActionSheetAnimationDuration;
250
283
  /**
251
284
  * The CSS classes that will be rendered on the inner ActionSheet element.
252
285
  */
@@ -262,9 +295,13 @@ export declare interface ActionSheetProps {
262
295
  */
263
296
  position?: 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
264
297
  /**
265
- * @hidden
298
+ * Specifies the actions rendered at the start of the header.
299
+ */
300
+ prefixActions?: React_2.ReactNode;
301
+ /**
302
+ * Specifies the actions rendered at the end of the header.
266
303
  */
267
- actions?: React_2.ReactNode;
304
+ suffixActions?: React_2.ReactNode;
268
305
  /**
269
306
  * @hidden
270
307
  */
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1743085842,version:"10.1.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1743431928,version:"10.2.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "KendoReact",
11
11
  productCode: "KENDOUIREACT",
12
12
  productCodes: ["KENDOUIREACT"],
13
- publishDate: 1743085842,
14
- version: "10.1.0",
13
+ publishDate: 1743431928,
14
+ version: "10.2.0-develop.1",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
16
16
  };
17
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-layout",
3
- "version": "10.1.0",
3
+ "version": "10.2.0-develop.1",
4
4
  "description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -26,12 +26,12 @@
26
26
  "sideEffects": false,
27
27
  "peerDependencies": {
28
28
  "@progress/kendo-licensing": "^1.5.1",
29
- "@progress/kendo-react-animation": "10.1.0",
30
- "@progress/kendo-react-buttons": "10.1.0",
31
- "@progress/kendo-react-common": "10.1.0",
32
- "@progress/kendo-react-intl": "10.1.0",
33
- "@progress/kendo-react-popup": "10.1.0",
34
- "@progress/kendo-react-progressbars": "10.1.0",
29
+ "@progress/kendo-react-animation": "10.2.0-develop.1",
30
+ "@progress/kendo-react-buttons": "10.2.0-develop.1",
31
+ "@progress/kendo-react-common": "10.2.0-develop.1",
32
+ "@progress/kendo-react-intl": "10.2.0-develop.1",
33
+ "@progress/kendo-react-popup": "10.2.0-develop.1",
34
+ "@progress/kendo-react-progressbars": "10.2.0-develop.1",
35
35
  "@progress/kendo-svg-icons": "^4.0.0",
36
36
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
37
37
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -76,7 +76,7 @@
76
76
  "package": {
77
77
  "productName": "KendoReact",
78
78
  "productCode": "KENDOUIREACT",
79
- "publishDate": 1743085842,
79
+ "publishDate": 1743431928,
80
80
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
81
81
  }
82
82
  },