@progress/kendo-react-tooltip 6.1.1 → 7.0.0-develop.10

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 (101) hide show
  1. package/LICENSE.md +1 -1
  2. package/dist/cdn/js/kendo-react-tooltip.js +5 -1
  3. package/index.d.ts +23 -0
  4. package/index.js +5 -0
  5. package/index.mjs +468 -0
  6. package/package-metadata.d.ts +9 -0
  7. package/package.json +28 -44
  8. package/{dist/es/popover → popover}/Popover.d.ts +4 -0
  9. package/{dist/es/popover → popover}/PopoverActionsBar.d.ts +4 -0
  10. package/{dist/npm/popover → popover}/interfaces/Align.d.ts +4 -0
  11. package/{dist/npm/popover → popover}/interfaces/PopoverActionsBarProps.d.ts +4 -1
  12. package/popover/interfaces/PopoverAnimation.d.ts +10 -0
  13. package/popover/interfaces/PopoverCloseEvent.d.ts +14 -0
  14. package/{dist/npm/popover → popover}/interfaces/PopoverCollision.d.ts +4 -0
  15. package/{dist/npm/popover → popover}/interfaces/PopoverCollisionType.d.ts +5 -1
  16. package/{dist/npm/popover → popover}/interfaces/PopoverMargin.d.ts +4 -0
  17. package/popover/interfaces/PopoverOffset.d.ts +18 -0
  18. package/popover/interfaces/PopoverOpenEvent.d.ts +14 -0
  19. package/popover/interfaces/PopoverPosition.d.ts +13 -0
  20. package/{dist/es/popover → popover}/interfaces/PopoverPositionEvent.d.ts +4 -0
  21. package/popover/interfaces/PopoverPositionMode.d.ts +9 -0
  22. package/{dist/es/popover → popover}/interfaces/PopoverProps.d.ts +4 -1
  23. package/{dist/npm/tooltip → tooltip}/Tooltip.d.ts +5 -1
  24. package/{dist/npm/tooltip → tooltip}/TooltipProps.d.ts +4 -1
  25. package/{dist/es/tooltip → tooltip}/events.d.ts +4 -0
  26. package/{dist/npm/tooltip → tooltip}/utils.d.ts +5 -1
  27. package/about.md +0 -3
  28. package/dist/es/main.d.ts +0 -19
  29. package/dist/es/main.js +0 -4
  30. package/dist/es/package-metadata.d.ts +0 -5
  31. package/dist/es/package-metadata.js +0 -11
  32. package/dist/es/popover/Popover.js +0 -174
  33. package/dist/es/popover/PopoverActionsBar.js +0 -33
  34. package/dist/es/popover/interfaces/Align.d.ts +0 -24
  35. package/dist/es/popover/interfaces/Align.js +0 -1
  36. package/dist/es/popover/interfaces/PopoverActionsBarProps.d.ts +0 -28
  37. package/dist/es/popover/interfaces/PopoverActionsBarProps.js +0 -1
  38. package/dist/es/popover/interfaces/PopoverAnimation.d.ts +0 -6
  39. package/dist/es/popover/interfaces/PopoverAnimation.js +0 -1
  40. package/dist/es/popover/interfaces/PopoverCloseEvent.d.ts +0 -10
  41. package/dist/es/popover/interfaces/PopoverCloseEvent.js +0 -1
  42. package/dist/es/popover/interfaces/PopoverCollision.d.ts +0 -14
  43. package/dist/es/popover/interfaces/PopoverCollision.js +0 -1
  44. package/dist/es/popover/interfaces/PopoverCollisionType.d.ts +0 -10
  45. package/dist/es/popover/interfaces/PopoverCollisionType.js +0 -1
  46. package/dist/es/popover/interfaces/PopoverMargin.d.ts +0 -14
  47. package/dist/es/popover/interfaces/PopoverMargin.js +0 -1
  48. package/dist/es/popover/interfaces/PopoverOffset.d.ts +0 -14
  49. package/dist/es/popover/interfaces/PopoverOffset.js +0 -1
  50. package/dist/es/popover/interfaces/PopoverOpenEvent.d.ts +0 -10
  51. package/dist/es/popover/interfaces/PopoverOpenEvent.js +0 -1
  52. package/dist/es/popover/interfaces/PopoverPosition.d.ts +0 -9
  53. package/dist/es/popover/interfaces/PopoverPosition.js +0 -1
  54. package/dist/es/popover/interfaces/PopoverPositionEvent.js +0 -1
  55. package/dist/es/popover/interfaces/PopoverPositionMode.d.ts +0 -5
  56. package/dist/es/popover/interfaces/PopoverPositionMode.js +0 -1
  57. package/dist/es/popover/interfaces/PopoverProps.js +0 -1
  58. package/dist/es/tooltip/Tooltip.d.ts +0 -85
  59. package/dist/es/tooltip/Tooltip.js +0 -313
  60. package/dist/es/tooltip/TooltipProps.d.ts +0 -109
  61. package/dist/es/tooltip/TooltipProps.js +0 -2
  62. package/dist/es/tooltip/events.js +0 -1
  63. package/dist/es/tooltip/utils.d.ts +0 -24
  64. package/dist/es/tooltip/utils.js +0 -106
  65. package/dist/npm/main.d.ts +0 -19
  66. package/dist/npm/main.js +0 -9
  67. package/dist/npm/package-metadata.d.ts +0 -5
  68. package/dist/npm/package-metadata.js +0 -14
  69. package/dist/npm/popover/Popover.d.ts +0 -15
  70. package/dist/npm/popover/Popover.js +0 -177
  71. package/dist/npm/popover/PopoverActionsBar.d.ts +0 -19
  72. package/dist/npm/popover/PopoverActionsBar.js +0 -36
  73. package/dist/npm/popover/interfaces/Align.js +0 -2
  74. package/dist/npm/popover/interfaces/PopoverActionsBarProps.js +0 -2
  75. package/dist/npm/popover/interfaces/PopoverAnimation.d.ts +0 -6
  76. package/dist/npm/popover/interfaces/PopoverAnimation.js +0 -2
  77. package/dist/npm/popover/interfaces/PopoverCloseEvent.d.ts +0 -10
  78. package/dist/npm/popover/interfaces/PopoverCloseEvent.js +0 -2
  79. package/dist/npm/popover/interfaces/PopoverCollision.js +0 -2
  80. package/dist/npm/popover/interfaces/PopoverCollisionType.js +0 -2
  81. package/dist/npm/popover/interfaces/PopoverMargin.js +0 -2
  82. package/dist/npm/popover/interfaces/PopoverOffset.d.ts +0 -14
  83. package/dist/npm/popover/interfaces/PopoverOffset.js +0 -2
  84. package/dist/npm/popover/interfaces/PopoverOpenEvent.d.ts +0 -10
  85. package/dist/npm/popover/interfaces/PopoverOpenEvent.js +0 -2
  86. package/dist/npm/popover/interfaces/PopoverPosition.d.ts +0 -9
  87. package/dist/npm/popover/interfaces/PopoverPosition.js +0 -2
  88. package/dist/npm/popover/interfaces/PopoverPositionEvent.d.ts +0 -18
  89. package/dist/npm/popover/interfaces/PopoverPositionEvent.js +0 -2
  90. package/dist/npm/popover/interfaces/PopoverPositionMode.d.ts +0 -5
  91. package/dist/npm/popover/interfaces/PopoverPositionMode.js +0 -2
  92. package/dist/npm/popover/interfaces/PopoverProps.d.ts +0 -112
  93. package/dist/npm/popover/interfaces/PopoverProps.js +0 -2
  94. package/dist/npm/tooltip/Tooltip.js +0 -316
  95. package/dist/npm/tooltip/TooltipProps.js +0 -3
  96. package/dist/npm/tooltip/events.d.ts +0 -31
  97. package/dist/npm/tooltip/events.js +0 -2
  98. package/dist/npm/tooltip/utils.js +0 -113
  99. package/dist/systemjs/kendo-react-tooltip.js +0 -1
  100. package/e2e-next/popover.basic.tests.ts +0 -25
  101. package/e2e-next/tooltip.basic.tests.ts +0 -25
@@ -0,0 +1,18 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { Offset as OffsetBase } from '@progress/kendo-react-popup';
6
+ /**
7
+ * The offset position of the Popover.
8
+ */
9
+ export interface PopoverOffset extends OffsetBase {
10
+ /**
11
+ * Defines the top position of the Popover.
12
+ */
13
+ top: number;
14
+ /**
15
+ * Defines the left position of the Popover.
16
+ */
17
+ left: number;
18
+ }
@@ -0,0 +1,14 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { PopoverHandle } from '../Popover';
6
+ /**
7
+ * Represents the object of the `Open` Popover event.
8
+ */
9
+ export interface PopoverOpenEvent {
10
+ /**
11
+ * An event target.
12
+ */
13
+ target: PopoverHandle;
14
+ }
@@ -0,0 +1,13 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * The position of the Popover.
7
+ * The available options are:
8
+ * - `top`
9
+ * - `left`
10
+ * - `bottom`
11
+ * - `right`
12
+ */
13
+ export type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';
@@ -1,3 +1,7 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
1
5
  import { PopoverHandle } from '../Popover';
2
6
  /**
3
7
  * Represents the object of the `Position` Popover event.
@@ -0,0 +1,9 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { PositionMode as PositionModeBase } from '@progress/kendo-react-popup';
6
+ /**
7
+ * The type which defines all possible position modes of the Popover.
8
+ */
9
+ export type PopoverPositionMode = PositionModeBase;
@@ -1,4 +1,7 @@
1
- /// <reference types="react" />
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
2
5
  import { PopoverCollision } from './PopoverCollision';
3
6
  import { PopoverMargin } from './PopoverMargin';
4
7
  import { PopoverOffset } from './PopoverOffset';
@@ -1,3 +1,7 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
1
5
  import * as React from 'react';
2
6
  import * as PropTypes from 'prop-types';
3
7
  import { ZIndexContext } from '@progress/kendo-react-common';
@@ -70,7 +74,7 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
70
74
  /**
71
75
  * @hidden
72
76
  */
73
- render(): "" | JSX.Element | null;
77
+ render(): "" | import("react/jsx-runtime").JSX.Element | null;
74
78
  private handleBodyMousemove;
75
79
  private onClose;
76
80
  private showToolTip;
@@ -1,4 +1,7 @@
1
- /// <reference types="react" />
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
2
5
  import { TooltipEvent, TooltipPositionEvent } from './events';
3
6
  import { TooltipPosition } from './utils';
4
7
  /**
@@ -1,3 +1,7 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
1
5
  import { BaseEvent } from '@progress/kendo-react-common';
2
6
  import { Tooltip } from './Tooltip';
3
7
  import { TooltipPosition } from './utils';
@@ -1,7 +1,11 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
4
+ *-------------------------------------------------------------------------------------------*/
1
5
  /**
2
6
  * @hidden
3
7
  */
4
- export declare type TooltipPosition = 'right' | 'left' | 'bottom' | 'top' | 'auto';
8
+ export type TooltipPosition = 'right' | 'left' | 'bottom' | 'top' | 'auto';
5
9
  /**
6
10
  * @hidden
7
11
  */
package/about.md DELETED
@@ -1,3 +0,0 @@
1
- <a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-tooltip&utm_content=banner" target="_blank">
2
- <img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
3
- </a>
package/dist/es/main.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import { Tooltip } from './tooltip/Tooltip';
2
- import { TooltipProps } from './tooltip/TooltipProps';
3
- import { TooltipEvent, TooltipPositionEvent } from './tooltip/events';
4
- import { TooltipPosition } from './tooltip/utils';
5
- import { PopoverCollision } from './popover/interfaces/PopoverCollision';
6
- import { PopoverMargin } from './popover/interfaces/PopoverMargin';
7
- import { PopoverOffset } from './popover/interfaces/PopoverOffset';
8
- import { PopoverOpenEvent } from './popover/interfaces/PopoverOpenEvent';
9
- import { PopoverCloseEvent } from './popover/interfaces/PopoverCloseEvent';
10
- import { PopoverPositionEvent } from './popover/interfaces/PopoverPositionEvent';
11
- import { PopoverAnimation } from './popover/interfaces/PopoverAnimation';
12
- import { PopoverPosition } from './popover/interfaces/PopoverPosition';
13
- import { PopoverPositionMode } from './popover/interfaces/PopoverPositionMode';
14
- import { PopoverProps } from './popover/interfaces/PopoverProps';
15
- import { Popover, PopoverHandle } from './popover/Popover';
16
- import { PopoverActionsBar, PopoverActionsBarHandle } from './popover/PopoverActionsBar';
17
- import { PopoverActionsBarProps } from './popover/interfaces/PopoverActionsBarProps';
18
- import { PopoverCollisionType } from './popover/interfaces/PopoverCollisionType';
19
- export { Tooltip, TooltipEvent, TooltipPositionEvent, TooltipProps, TooltipPosition, PopoverCollision, PopoverCollisionType, PopoverMargin, PopoverOffset, PopoverPosition, PopoverPositionMode, PopoverAnimation, PopoverOpenEvent, PopoverCloseEvent, PopoverPositionEvent, PopoverProps, PopoverHandle, Popover, PopoverActionsBarProps, PopoverActionsBarHandle, PopoverActionsBar };
package/dist/es/main.js DELETED
@@ -1,4 +0,0 @@
1
- import { Tooltip } from './tooltip/Tooltip';
2
- import { Popover } from './popover/Popover';
3
- import { PopoverActionsBar } from './popover/PopoverActionsBar';
4
- export { Tooltip, Popover, PopoverActionsBar };
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,11 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export var packageMetadata = {
5
- name: '@progress/kendo-react-tooltip',
6
- productName: 'KendoReact',
7
- productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1700065296,
9
- version: '',
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
- };
@@ -1,174 +0,0 @@
1
- import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { classNames, ZIndexContext } from '@progress/kendo-react-common';
4
- import { validatePackage } from '@progress/kendo-react-common';
5
- import { packageMetadata } from './../package-metadata';
6
- import { Popup } from '@progress/kendo-react-popup';
7
- import { PopoverActionsBar } from './PopoverActionsBar';
8
- var DEFAULT_POPOVER_ZINDEX = 12000;
9
- var ZINDEX_POPOVER_STEP = 2000;
10
- var CALLOUT_SIZE = 15;
11
- var calloutPositions = {
12
- top: 'k-callout-s',
13
- left: 'k-callout-e',
14
- bottom: 'k-callout-n',
15
- right: 'k-callout-w'
16
- };
17
- var calloutFlippedPositions = {
18
- top: 'k-callout-n',
19
- left: 'k-callout-w',
20
- bottom: 'k-callout-s',
21
- right: 'k-callout-e'
22
- };
23
- var popupAlignByPosition = {
24
- top: { vertical: 'bottom', horizontal: 'center' },
25
- left: { vertical: 'center', horizontal: 'right' },
26
- bottom: { vertical: 'top', horizontal: 'center' },
27
- right: { vertical: 'center', horizontal: 'left' }
28
- };
29
- var anchorAlignByPosition = {
30
- top: { vertical: 'top', horizontal: 'center' },
31
- left: { vertical: 'center', horizontal: 'left' },
32
- bottom: { vertical: 'bottom', horizontal: 'center' },
33
- right: { vertical: 'center', horizontal: 'right' }
34
- };
35
- var getActionBar = function (children) {
36
- return React.Children.toArray(children).filter(function (child) { return child && child.type === PopoverActionsBar; });
37
- };
38
- var getContent = function (children) {
39
- return React.Children.toArray(children).filter(function (child) {
40
- return child && child.type !== PopoverActionsBar;
41
- });
42
- };
43
- /**
44
- * Represents the Popover component.
45
- */
46
- export var Popover = React.forwardRef(function (props, ref) {
47
- validatePackage(packageMetadata);
48
- var callout = props.callout, position = props.position, title = props.title, children = props.children, show = props.show, anchor = props.anchor, appendTo = props.appendTo, offset = props.offset, animate = props.animate, positionMode = props.positionMode, scale = props.scale, popoverClass = props.popoverClass, className = props.className, id = props.id, style = props.style, collision = props.collision, contentStyle = props.contentStyle, onPosition = props.onPosition, onClose = props.onClose, onOpen = props.onOpen;
49
- var _a = React.useState(false), flipped = _a[0], setFlipped = _a[1];
50
- var isVertical = position === 'top' || position === 'bottom';
51
- var margin = props.margin || {
52
- vertical: callout && isVertical ? CALLOUT_SIZE : 0,
53
- horizontal: callout && !isVertical ? CALLOUT_SIZE : 0
54
- };
55
- var popupAlign = popupAlignByPosition[position];
56
- var anchorAlign = anchorAlignByPosition[position];
57
- var zindexContext = React.useContext(ZIndexContext);
58
- var currentZindex = zindexContext ? zindexContext + ZINDEX_POPOVER_STEP : DEFAULT_POPOVER_ZINDEX;
59
- var popoverRef = React.useRef(null);
60
- React.useImperativeHandle(popoverRef, function () {
61
- return { props: props };
62
- });
63
- React.useImperativeHandle(ref, function () { return popoverRef.current; });
64
- var handlePosition = React.useCallback(function (e) {
65
- setTimeout(function () { return setFlipped(e.flipped); });
66
- if (onPosition) {
67
- var event_1 = { target: popoverRef.current, flipped: e.flipped, fitted: e.fitted };
68
- onPosition.call(undefined, event_1);
69
- }
70
- }, [onPosition, setFlipped]);
71
- var handleOpen = React.useCallback(function () {
72
- if (onOpen) {
73
- var event_2 = { target: popoverRef.current };
74
- onOpen.call(undefined, event_2);
75
- }
76
- }, [onOpen]);
77
- var handleClose = React.useCallback(function () {
78
- if (onClose) {
79
- var event_3 = { target: popoverRef.current };
80
- onClose.call(undefined, event_3);
81
- }
82
- }, [onClose]);
83
- var basePopupClass = { 'k-popover': true };
84
- if (Array.isArray(popoverClass)) {
85
- popoverClass.forEach(function (currentClass) { return basePopupClass[currentClass] = true; });
86
- }
87
- else if (typeof popoverClass === 'object') {
88
- Object.keys(popoverClass)
89
- .forEach(function (key) {
90
- basePopupClass[key] = popoverClass[key];
91
- });
92
- }
93
- else if (popoverClass) {
94
- basePopupClass[popoverClass] = true;
95
- }
96
- var calloutClass = flipped ? calloutFlippedPositions[position] : calloutPositions[position];
97
- var popoverContent = React.useMemo(function () {
98
- return (React.createElement(React.Fragment, null,
99
- title && (React.createElement("div", { className: 'k-popover-header' }, title)),
100
- React.createElement("div", { className: "k-popover-body", style: contentStyle }, getContent(children)),
101
- getActionBar(children)));
102
- }, [children, contentStyle, title]);
103
- return (React.createElement(ZIndexContext.Provider, { value: currentZindex },
104
- React.createElement(Popup, { id: id, role: 'tooltip', animate: animate, collision: collision, anchor: anchor, offset: offset, margin: margin, popupAlign: popupAlign, anchorAlign: anchorAlign, appendTo: appendTo, show: show, scale: scale, positionMode: positionMode, style: style, className: className, popupClass: basePopupClass, onOpen: handleOpen, onClose: handleClose, onPosition: handlePosition }, callout && position
105
- ? React.createElement(React.Fragment, null,
106
- React.createElement("div", { className: classNames('k-popover-callout', calloutClass) }),
107
- React.createElement("div", { className: 'k-popover-inner' }, popoverContent))
108
- : popoverContent)));
109
- });
110
- var defaultProps = {
111
- callout: true,
112
- position: 'top',
113
- collision: {
114
- horizontal: 'none',
115
- vertical: 'none'
116
- }
117
- };
118
- Popover.propTypes = {
119
- callout: PropTypes.bool,
120
- title: PropTypes.node,
121
- position: PropTypes.oneOf(['top', 'left', 'bottom', 'right']),
122
- show: PropTypes.bool,
123
- animate: PropTypes.oneOfType([
124
- PropTypes.bool,
125
- PropTypes.shape({
126
- openDuration: PropTypes.number,
127
- closeDuration: PropTypes.number
128
- })
129
- ]),
130
- anchor: function (props) {
131
- var anchor = props.anchor;
132
- if (anchor && typeof anchor.nodeType !== 'number') {
133
- return new Error('Invalid prop `anchor` supplied to `Kendo React Popover`. Validation failed.');
134
- }
135
- return null;
136
- },
137
- appendTo: function (props) {
138
- var element = props.appendTo;
139
- if (element && typeof element.nodeType !== 'number') {
140
- return new Error('Invalid prop `appendTo` supplied to `Kendo React Popover`. Validation failed.');
141
- }
142
- return null;
143
- },
144
- positionMode: PropTypes.oneOf([
145
- 'fixed',
146
- 'absolute'
147
- ]),
148
- scale: PropTypes.number,
149
- offset: PropTypes.shape({
150
- left: PropTypes.number,
151
- top: PropTypes.number
152
- }),
153
- children: PropTypes.oneOfType([
154
- PropTypes.element,
155
- PropTypes.node
156
- ]),
157
- className: PropTypes.oneOfType([
158
- PropTypes.string,
159
- PropTypes.arrayOf(PropTypes.string),
160
- PropTypes.object
161
- ]),
162
- id: PropTypes.string,
163
- popoverClass: PropTypes.oneOfType([
164
- PropTypes.string,
165
- PropTypes.arrayOf(PropTypes.string),
166
- PropTypes.object
167
- ]),
168
- style: PropTypes.object,
169
- onClose: PropTypes.func,
170
- onPosition: PropTypes.func,
171
- onOpen: PropTypes.func
172
- };
173
- Popover.defaultProps = defaultProps;
174
- Popover.displayName = 'KendoReactPopover';
@@ -1,33 +0,0 @@
1
- import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { classNames } from '@progress/kendo-react-common';
4
- /**
5
- * Represents the PopoverActionsBar component.
6
- */
7
- export var PopoverActionsBar = React.forwardRef(function (props, ref) {
8
- var _a;
9
- var elementRef = React.useRef(null);
10
- var popoverRef = React.useRef(null);
11
- React.useImperativeHandle(popoverRef, function () {
12
- return { props: props, element: elementRef.current };
13
- });
14
- React.useImperativeHandle(ref, function () { return popoverRef.current; });
15
- return (React.createElement("div", { ref: elementRef, className: classNames('k-popover-actions', 'k-actions', (_a = {},
16
- _a["k-actions-".concat(props.alignment)] = props.alignment,
17
- _a["k-actions-".concat(props.orientation)] = props.orientation,
18
- _a)) }, props.children));
19
- });
20
- var defaultProps = {
21
- alignment: 'stretched',
22
- orientation: 'horizontal'
23
- };
24
- PopoverActionsBar.propTypes = {
25
- alignment: PropTypes.oneOf(['start', 'center', 'end', 'stretched']),
26
- orientation: PropTypes.oneOf(['horizontal', 'vertical']),
27
- children: PropTypes.oneOfType([
28
- PropTypes.element,
29
- PropTypes.node
30
- ])
31
- };
32
- PopoverActionsBar.defaultProps = defaultProps;
33
- PopoverActionsBar.displayName = 'KendoReactPopoverActionsBar';
@@ -1,24 +0,0 @@
1
- import { Align as AlignBase } from '@progress/kendo-react-popup';
2
- /**
3
- * Defines the horizontal and vertical aligning point of the Popup.
4
- */
5
- export interface Align extends AlignBase {
6
- /**
7
- * Defines the possible horizontal point values that are relative to the anchor or the Popup.
8
- *
9
- * The available options are:
10
- * - `left`&mdash;Uses the leftmost point of the anchor element.
11
- * - `center`&mdash;Uses the center point of the anchor element.
12
- * - `right`&mdash;Uses the rightmost point of the anchor element.
13
- */
14
- horizontal: 'left' | 'center' | 'right';
15
- /**
16
- * Defines the possible vertical point values that are relative to the anchor or the Popup.
17
- *
18
- * The available options are:
19
- * - `top`&mdash;Uses the top point of the anchor element.
20
- * - `center`&mdash;Uses the center point of the anchor element.
21
- * - `bottom`&mdash;Uses the bottom point of the anchor element.
22
- */
23
- vertical: 'top' | 'center' | 'bottom';
24
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Represents the props of the [KendoReact PopoverActionsBar]({% slug api_tooltip_popoveractionsbar %}) component.
4
- */
5
- export interface PopoverActionsBarProps {
6
- /**
7
- * Sets the horizontal alignment of the PopoverActionsBar buttons.
8
- *
9
- * The possible values are:
10
- * * `start`
11
- * * `center`
12
- * * `end`
13
- * * `stretched` (default)
14
- */
15
- alignment?: string;
16
- /**
17
- * Sets the orientation of the PopoverActionsBar buttons.
18
- *
19
- * The possible values are:
20
- * * `horizontal` (default)
21
- * * `vertical`
22
- */
23
- orientation?: string;
24
- /**
25
- * @hidden
26
- */
27
- children?: React.ReactNode;
28
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { PopupAnimation } from '@progress/kendo-react-popup';
2
- /**
3
- * The animation settings of the Popover.
4
- */
5
- export interface PopoverAnimation extends PopupAnimation {
6
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { PopoverHandle } from '../Popover';
2
- /**
3
- * Represents the object of the `Close` Popover event.
4
- */
5
- export interface PopoverCloseEvent {
6
- /**
7
- * An event target.
8
- */
9
- target: PopoverHandle;
10
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- import { PopoverCollisionType } from './PopoverCollisionType';
2
- /**
3
- * Defines the horizontal and vertical collision behavior of the Popover.
4
- */
5
- export interface PopoverCollision {
6
- /**
7
- * Defines the horizontal collision behavior of the Popover.
8
- */
9
- horizontal: PopoverCollisionType;
10
- /**
11
- * Defines the vertical collision behavior of the Popover.
12
- */
13
- vertical: PopoverCollisionType;
14
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { CollisionType as CollisionTypeBase } from '@progress/kendo-react-popup';
2
- /**
3
- * Defines the possible collision behavior when the Popover is not fully visible.
4
- *
5
- * The available options are:
6
- * - `fit`&mdash;Moves the Popover horizontally until it is fully displayed in the viewport.
7
- * - `flip`&mdash;Flips the Popover position based on the origin and the position properties.
8
- * - `none`&mdash;The Popover is rendered at its original position. Usable when the Popover is focused on open and the page is scrolled to it.
9
- */
10
- export declare type PopoverCollisionType = CollisionTypeBase;
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- import { Margin as MarginBase } from '@progress/kendo-react-popup';
2
- /**
3
- * Defines the horizontal and the vertical margin offset of the component.
4
- */
5
- export interface PopoverMargin extends MarginBase {
6
- /**
7
- * Defines the possible horizontal margin value.
8
- */
9
- horizontal: number;
10
- /**
11
- * Defines the possible vertical margin value.
12
- */
13
- vertical: number;
14
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- import { Offset as OffsetBase } from '@progress/kendo-react-popup';
2
- /**
3
- * The offset position of the Popover.
4
- */
5
- export interface PopoverOffset extends OffsetBase {
6
- /**
7
- * Defines the top position of the Popover.
8
- */
9
- top: number;
10
- /**
11
- * Defines the left position of the Popover.
12
- */
13
- left: number;
14
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { PopoverHandle } from '../Popover';
2
- /**
3
- * Represents the object of the `Open` Popover event.
4
- */
5
- export interface PopoverOpenEvent {
6
- /**
7
- * An event target.
8
- */
9
- target: PopoverHandle;
10
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- /**
2
- * The position of the Popover.
3
- * The available options are:
4
- * - `top`
5
- * - `left`
6
- * - `bottom`
7
- * - `right`
8
- */
9
- export declare type PopoverPosition = 'top' | 'left' | 'bottom' | 'right';
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,5 +0,0 @@
1
- import { PositionMode as PositionModeBase } from '@progress/kendo-react-popup';
2
- /**
3
- * The type which defines all possible position modes of the Popover.
4
- */
5
- export declare type PopoverPositionMode = PositionModeBase;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};