@progress/kendo-react-common 7.2.4-develop.2 → 7.2.4-develop.4

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 (203) hide show
  1. package/Draggable.js +8 -0
  2. package/Draggable.mjs +79 -0
  3. package/Droppable.js +8 -0
  4. package/Droppable.mjs +64 -0
  5. package/FormComponent.js +8 -0
  6. package/FormComponent.mjs +13 -0
  7. package/browser-support.service.js +8 -0
  8. package/browser-support.service.mjs +25 -0
  9. package/canUseDOM.js +8 -0
  10. package/canUseDOM.mjs +13 -0
  11. package/canUseRef.js +8 -0
  12. package/canUseRef.mjs +15 -0
  13. package/classNames.js +8 -0
  14. package/classNames.mjs +17 -0
  15. package/clone.js +8 -0
  16. package/clone.mjs +44 -0
  17. package/constants/index.js +8 -0
  18. package/constants/index.mjs +12 -0
  19. package/contexts/ZIndexContext.js +8 -0
  20. package/contexts/ZIndexContext.mjs +15 -0
  21. package/dist/cdn/js/kendo-react-common.js +8 -5
  22. package/drag-n-drop/context/index.js +8 -0
  23. package/drag-n-drop/context/index.mjs +23 -0
  24. package/drag-n-drop/index.js +8 -0
  25. package/drag-n-drop/index.mjs +46 -0
  26. package/events/dispatchEvent.js +8 -0
  27. package/events/dispatchEvent.mjs +21 -0
  28. package/fieldList.js +8 -0
  29. package/fieldList.mjs +18 -0
  30. package/getActiveElement.js +8 -0
  31. package/getActiveElement.mjs +19 -0
  32. package/getTabIndex.js +8 -0
  33. package/getTabIndex.mjs +16 -0
  34. package/getter.js +8 -0
  35. package/getter.mjs +26 -0
  36. package/guid.js +8 -0
  37. package/guid.mjs +17 -0
  38. package/hasRelativeStackingContext.js +8 -0
  39. package/hasRelativeStackingContext.mjs +25 -0
  40. package/hocs/AsyncFocusBlur.js +8 -0
  41. package/hocs/AsyncFocusBlur.mjs +23 -0
  42. package/hocs/use-id-hoc.js +8 -0
  43. package/hocs/use-id-hoc.mjs +17 -0
  44. package/hocs/withPropsContext.js +8 -0
  45. package/hocs/withPropsContext.mjs +18 -0
  46. package/hooks/use-id.js +8 -0
  47. package/hooks/use-id.mjs +35 -0
  48. package/hooks/use-isomorphic-layout-effect.js +8 -0
  49. package/hooks/use-isomorphic-layout-effect.mjs +13 -0
  50. package/hooks/useAsyncFocusBlur.js +8 -0
  51. package/hooks/useAsyncFocusBlur.mjs +38 -0
  52. package/hooks/useCollection.js +8 -0
  53. package/hooks/useCollection.mjs +32 -0
  54. package/hooks/useControlledState.js +8 -0
  55. package/hooks/useControlledState.mjs +21 -0
  56. package/hooks/useCustomComponent.js +8 -0
  57. package/hooks/useCustomComponent.mjs +22 -0
  58. package/hooks/useDir.js +8 -0
  59. package/hooks/useDir.mjs +24 -0
  60. package/hooks/useDocument.js +8 -0
  61. package/hooks/useDocument.mjs +22 -0
  62. package/hooks/useDraggable.js +8 -0
  63. package/hooks/useDraggable.mjs +308 -0
  64. package/hooks/useDroppable.js +8 -0
  65. package/hooks/useDroppable.mjs +67 -0
  66. package/hooks/useInheritedState.js +8 -0
  67. package/hooks/useInheritedState.mjs +21 -0
  68. package/hooks/useMouse.js +8 -0
  69. package/hooks/useMouse.mjs +98 -0
  70. package/hooks/usePropsContext.js +8 -0
  71. package/hooks/usePropsContext.mjs +13 -0
  72. package/hooks/useRtl.js +8 -0
  73. package/hooks/useRtl.mjs +24 -0
  74. package/hooks/useWindow.js +8 -0
  75. package/hooks/useWindow.mjs +20 -0
  76. package/icons/Icon.js +8 -0
  77. package/icons/Icon.mjs +92 -0
  78. package/icons/IconWrap.js +8 -0
  79. package/icons/IconWrap.mjs +24 -0
  80. package/icons/IconsContext.js +8 -0
  81. package/icons/IconsContext.mjs +14 -0
  82. package/icons/SvgIcon.js +8 -0
  83. package/icons/SvgIcon.mjs +124 -0
  84. package/icons/constants.js +8 -0
  85. package/icons/constants.mjs +21 -0
  86. package/icons/utils.js +8 -0
  87. package/icons/utils.mjs +19 -0
  88. package/index.d.mts +1771 -5
  89. package/index.d.ts +1771 -65
  90. package/index.js +8 -5
  91. package/index.mjs +147 -1812
  92. package/keys.js +8 -0
  93. package/keys.mjs +28 -0
  94. package/memoize.js +8 -0
  95. package/memoize.mjs +38 -0
  96. package/navigation.js +8 -0
  97. package/navigation.mjs +97 -0
  98. package/noop.js +8 -0
  99. package/noop.mjs +13 -0
  100. package/package.json +1 -1
  101. package/scrollbarWidth.js +8 -0
  102. package/scrollbarWidth.mjs +20 -0
  103. package/setter.js +8 -0
  104. package/setter.mjs +27 -0
  105. package/theme.js +8 -0
  106. package/theme.mjs +27 -0
  107. package/trappedFocus.js +8 -0
  108. package/trappedFocus.mjs +58 -0
  109. package/tree-utils/FieldsService.js +8 -0
  110. package/tree-utils/FieldsService.mjs +48 -0
  111. package/tree-utils/SortedPublicItemIds.js +8 -0
  112. package/tree-utils/SortedPublicItemIds.mjs +24 -0
  113. package/tree-utils/itemIdUtils.js +8 -0
  114. package/tree-utils/itemIdUtils.mjs +87 -0
  115. package/tree-utils/itemUtils.js +8 -0
  116. package/tree-utils/itemUtils.mjs +118 -0
  117. package/tree-utils/misc.js +8 -0
  118. package/tree-utils/misc.mjs +22 -0
  119. package/treeDataOperations.js +8 -0
  120. package/treeDataOperations.mjs +45 -0
  121. package/typography/Typography.js +8 -0
  122. package/typography/Typography.mjs +110 -0
  123. package/typography/constants.js +8 -0
  124. package/typography/constants.mjs +71 -0
  125. package/validate-package.js +8 -0
  126. package/validate-package.mjs +20 -0
  127. package/watermark/WatermarkOverlay.js +8 -0
  128. package/watermark/WatermarkOverlay.mjs +93 -0
  129. package/Draggable.d.ts +0 -90
  130. package/Droppable.d.ts +0 -81
  131. package/FormComponent.d.ts +0 -167
  132. package/browser-support.service.d.ts +0 -11
  133. package/canUseDOM.d.ts +0 -8
  134. package/canUseRef.d.ts +0 -9
  135. package/classNames.d.ts +0 -8
  136. package/clone.d.ts +0 -24
  137. package/constants/index.d.ts +0 -8
  138. package/contexts/ZIndexContext.d.ts +0 -11
  139. package/drag-n-drop/context/index.d.ts +0 -23
  140. package/drag-n-drop/index.d.ts +0 -25
  141. package/events/BaseEvent.d.ts +0 -22
  142. package/events/dispatchEvent.d.ts +0 -18
  143. package/fieldList.d.ts +0 -8
  144. package/focus.d.ts +0 -8
  145. package/getActiveElement.d.ts +0 -12
  146. package/getTabIndex.d.ts +0 -8
  147. package/getter.d.ts +0 -18
  148. package/guid.d.ts +0 -8
  149. package/hasRelativeStackingContext.d.ts +0 -6
  150. package/hocs/AsyncFocusBlur.d.ts +0 -17
  151. package/hocs/use-id-hoc.d.ts +0 -7
  152. package/hocs/withPropsContext.d.ts +0 -9
  153. package/hooks/index.d.ts +0 -16
  154. package/hooks/use-id.d.ts +0 -6
  155. package/hooks/use-isomorphic-layout-effect.d.ts +0 -7
  156. package/hooks/useAsyncFocusBlur.d.ts +0 -29
  157. package/hooks/useCollection.d.ts +0 -18
  158. package/hooks/useControlledState.d.ts +0 -11
  159. package/hooks/useCustomComponent.d.ts +0 -15
  160. package/hooks/useDir.d.ts +0 -9
  161. package/hooks/useDocument.d.ts +0 -11
  162. package/hooks/useDraggable.d.ts +0 -67
  163. package/hooks/useDroppable.d.ts +0 -32
  164. package/hooks/useInheritedState.d.ts +0 -17
  165. package/hooks/useMouse.d.ts +0 -24
  166. package/hooks/usePropsContext.d.ts +0 -7
  167. package/hooks/useRtl.d.ts +0 -9
  168. package/hooks/useWindow.d.ts +0 -11
  169. package/icons/BaseIconProps.d.ts +0 -76
  170. package/icons/Icon.d.ts +0 -39
  171. package/icons/IconWrap.d.ts +0 -11
  172. package/icons/IconsContext.d.ts +0 -25
  173. package/icons/SvgIcon.d.ts +0 -75
  174. package/icons/constants.d.ts +0 -17
  175. package/icons/models/flip.d.ts +0 -15
  176. package/icons/models/size.d.ts +0 -19
  177. package/icons/models/theme-color.d.ts +0 -25
  178. package/icons/utils.d.ts +0 -21
  179. package/keys.d.ts +0 -24
  180. package/memoize.d.ts +0 -14
  181. package/models/auto-scroll-options.d.ts +0 -26
  182. package/models/index.d.ts +0 -9
  183. package/models/kendoReactComponentBaseProps.d.ts +0 -27
  184. package/models/mouse.d.ts +0 -20
  185. package/models/pointer.d.ts +0 -27
  186. package/models/touch.d.ts +0 -21
  187. package/navigation.d.ts +0 -131
  188. package/noop.d.ts +0 -8
  189. package/scrollbarWidth.d.ts +0 -12
  190. package/setter.d.ts +0 -20
  191. package/theme.d.ts +0 -12
  192. package/tree-utils/FieldsService.d.ts +0 -29
  193. package/tree-utils/SortedPublicItemIds.d.ts +0 -12
  194. package/tree-utils/itemIdUtils.d.ts +0 -64
  195. package/tree-utils/itemUtils.d.ts +0 -49
  196. package/tree-utils/misc.d.ts +0 -12
  197. package/treeDataOperations.d.ts +0 -43
  198. package/typography/Typography.d.ts +0 -39
  199. package/typography/TypographyProps.d.ts +0 -124
  200. package/typography/constants.d.ts +0 -88
  201. package/typography/models/margin.d.ts +0 -27
  202. package/validate-package.d.ts +0 -13
  203. package/watermark/WatermarkOverlay.d.ts +0 -9
package/hooks/use-id.d.ts DELETED
@@ -1,6 +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
- /** @hidden */
6
- export declare function useId(id?: string): any;
@@ -1,7 +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
- /** @hidden */
7
- export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
@@ -1,29 +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
- * @hidden
8
- */
9
- export type AsyncFocusBlurArgs<T extends any[]> = {
10
- onFocus?: (...event: T) => void;
11
- onBlur?: (...event: T) => void;
12
- /**
13
- * @hidden
14
- */
15
- onSyncFocus?: (event: React.FocusEvent<any>) => void;
16
- /**
17
- * @hidden
18
- */
19
- onSyncBlur?: (event: React.FocusEvent<any>) => void;
20
- };
21
- /**
22
- * An utility function for asynchronous focus/blur handling.
23
- *
24
- * By default, the `onFocus` and `onBlur` callbacks are called every time a child components receives/loses focus.
25
- * Use this utility hook for scenarios where you need to know if the parent has received focus for the first time, or completely lost focus.
26
- *
27
- * @returns
28
- */
29
- export declare function useAsyncFocusBlur<T extends any[]>({ onFocus, onBlur, onSyncFocus, onSyncBlur }: AsyncFocusBlurArgs<T>): AsyncFocusBlurArgs<T>;
@@ -1,18 +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
- /** @hidden */
6
- export declare enum COLLECTION_ACTION {
7
- add = 0,
8
- remove = 1
9
- }
10
- /** @hidden */
11
- export type Collection<T> = T[];
12
- /** @hidden */
13
- export interface CollectionAction<T> {
14
- type: COLLECTION_ACTION;
15
- item: T;
16
- }
17
- /** @hidden */
18
- export declare const useCollection: <T extends unknown>(initial?: T[]) => [T[], (event: CollectionAction<T>) => void];
@@ -1,11 +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
- /** @hidden */
6
- export type ControlledStateHook<T, A = any> = [
7
- T,
8
- (value: T, args?: A) => void
9
- ];
10
- /** @hidden */
11
- export declare const useControlledState: <T = any, A = any>(defaultProp: T, prop?: T | undefined, callback?: any) => ControlledStateHook<T, any>;
@@ -1,15 +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
- * @hidden
8
- */
9
- export type CustomComponent<P = unknown> = React.ComponentType<P> | React.ReactElement<Partial<P>> | string;
10
- /**
11
- * @hidden
12
- */
13
- export declare const useCustomComponent: <P = unknown>(comp: React.ExoticComponent<{
14
- children?: React.ReactNode;
15
- }> | CustomComponent<P> | null) => [string | React.ComponentType<P & React.RefAttributes<unknown>>, Partial<P>];
package/hooks/useDir.d.ts DELETED
@@ -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 * as React from 'react';
6
- /**
7
- * @hidden
8
- */
9
- export declare function useDir(elementRef: React.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;
@@ -1,11 +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
- * Returns a function, which gets the `ownerDocument` of the element.
8
- */
9
- export declare const useDocument: (ref: React.RefObject<HTMLElement | null | {
10
- element: HTMLElement | null;
11
- }>) => () => Document;
@@ -1,67 +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 { NormalizedDragEvent } from '@progress/kendo-draggable-common';
7
- import { AutoScrollOptions } from '../models';
8
- /**
9
- * Represents the `ref` object of the `Draggable` component.
10
- */
11
- export interface DraggableHandle {
12
- /**
13
- * The element which is being dragged.
14
- */
15
- element: HTMLElement | null;
16
- }
17
- /**
18
- * Represents the configuration object type of the `Draggable` component and `useDraggable` hook.
19
- */
20
- export interface DraggableOptions {
21
- /**
22
- * Set the `hint` to override the element used for collision detection.
23
- *
24
- * For more information, refer to the [Drag Hint]({% slug drag-hint_drag-and-drop %}) article.
25
- */
26
- hint?: React.RefObject<HTMLElement | null | {
27
- element: HTMLElement | null;
28
- }> | null;
29
- /**
30
- * Set the `mouseOnly` property to `true` to stop the draggable from attaching `touch` event handlers.
31
- *
32
- * Defaults to `false`.
33
- */
34
- mouseOnly?: boolean;
35
- /**
36
- * Set the `autoScroll` property to `false` to disable automatic container scroll when close to the edge.
37
- * For more information, refer to the [Auto Scroll]({% slug auto-scroll_drag-and-drop %}) article.
38
- *
39
- * Defaults to `true`.
40
- */
41
- autoScroll?: boolean | AutoScrollOptions;
42
- /**
43
- * @hidden
44
- */
45
- scrollContainer?: React.RefObject<HTMLElement | null | {
46
- element: HTMLElement | null;
47
- }>;
48
- }
49
- /**
50
- * Represents the KendoReact `useDraggable` hook.
51
- * Use it to attach `drag` events to a native HTML DOM elements, or custom React Components.
52
- *
53
- * For more information, refer to the [KendoReact Draggable]({% slug draggable_drag-and-drop %}) article.
54
- *
55
- * @param ref - The `ref` of the HTML Element or React Component which will enable the `draggable` functionality.
56
- * @param callbacks - A collection of callbacks, called by the `useDraggable` hook when a specific action occurs.
57
- * @param options - Additional configuration of the `useDraggable` hook.
58
- */
59
- export declare function useDraggable(ref: React.RefObject<HTMLElement | null | {
60
- element: HTMLElement | null;
61
- }>, callbacks: {
62
- onPress?: (event: NormalizedDragEvent) => void;
63
- onRelease?: (event: NormalizedDragEvent) => void;
64
- onDragStart?: (event: NormalizedDragEvent) => void;
65
- onDrag?: (event: NormalizedDragEvent) => void;
66
- onDragEnd?: (event: NormalizedDragEvent) => void;
67
- }, options?: DraggableOptions): void;
@@ -1,32 +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 { NormalizedDragEvent } from '@progress/kendo-draggable-common';
7
- /**
8
- * Represents the `ref` object of the `Droppable` component.
9
- */
10
- export interface DroppableHandle {
11
- /**
12
- * The element which is registered as droppable.
13
- */
14
- element?: HTMLElement;
15
- }
16
- /**
17
- * Represents the KendoReact `useDroppable` hook.
18
- * Use it to attach `drop` events to a native HTML DOM elements, or custom React Components.
19
- *
20
- * For more information, refer to the [KendoReact Droppable]({% slug droppable_drag-and-drop %}) article.
21
- *
22
- * @param ref - The `ref` of the HTML Element or React Component which will enable the `droppable` functionality.
23
- * @param callbacks - A collection of callbacks, called by the `useDroppable` hook when a specific action occurs.
24
- */
25
- export declare function useDroppable(ref: React.RefObject<HTMLElement | null | {
26
- element: HTMLElement | null;
27
- }>, callbacks?: {
28
- onDragEnter?: (event: NormalizedDragEvent) => void;
29
- onDragOver?: (event: NormalizedDragEvent) => void;
30
- onDragLeave?: (event: NormalizedDragEvent) => void;
31
- onDrop?: (event: NormalizedDragEvent) => void;
32
- }): void;
@@ -1,17 +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
- * @hidden
8
- */
9
- interface Setter<T> extends Array<any> {
10
- 0?: T;
11
- [index: number]: any;
12
- }
13
- /**
14
- * @hidden
15
- */
16
- export declare const useInheritedState: <T>(context: React.Context<[T | undefined, (...event: Setter<T>) => void]>, defaultValue?: any) => [T, (...event: Setter<T>) => void];
17
- export {};
@@ -1,24 +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 { KendoMouse } from '../models';
7
- type ElementMouse = {
8
- [P in keyof Required<KendoMouse<any, any>>]: (event: React.MouseEvent<any>) => void;
9
- };
10
- /**
11
- * @hidden
12
- */
13
- export declare const useMouse: <E extends HTMLElement | null, P extends KendoMouse<any, any>, R extends {}>(props: P, target: React.RefObject<R>, extend?: {
14
- onMouseDown?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
15
- onMouseUp?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
16
- onClick?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
17
- onDoubleClick?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
18
- onMouseEnter?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
19
- onMouseLeave?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
20
- onMouseMove?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
21
- onMouseOut?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
22
- onMouseOver?: ((event: React.MouseEvent<E, MouseEvent>) => void) | undefined;
23
- }) => ElementMouse;
24
- export {};
@@ -1,7 +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
- /** @hidden */
7
- export declare const usePropsContext: <T extends unknown>(context: React.Context<(p: T) => T>, props: T) => T;
package/hooks/useRtl.d.ts DELETED
@@ -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 * as React from 'react';
6
- /**
7
- * @hidden
8
- */
9
- export declare function useRtl(elementRef: React.RefObject<HTMLElement | null>, initialDir?: string, args?: any): string | undefined;
@@ -1,11 +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
- * Returns a function, which gets the `defaultView` based on the `ownerDocument` of the element.
8
- */
9
- export declare const useWindow: (ref: React.RefObject<HTMLElement | null | {
10
- element: HTMLElement | null;
11
- }>) => () => Window;
@@ -1,76 +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 { IconThemeColor } from './models/theme-color';
6
- import { IconSize } from './models/size';
7
- import { IconFlip } from './models/flip';
8
- /**
9
- * @hidden
10
- */
11
- export interface BaseIconProps {
12
- /**
13
- * Sets the `tabIndex` of the icon element.
14
- */
15
- tabIndex?: number;
16
- /**
17
- * Sets the `id` of the icon element.
18
- */
19
- id?: string;
20
- /**
21
- * Sets additional CSS styles to the icon.
22
- */
23
- style?: React.CSSProperties;
24
- /**
25
- * Specifies a list of CSS classes that will be added to the root DOM element.
26
- */
27
- className?: string;
28
- /**
29
- * Specifies the theme color of the Icon.
30
- *
31
- * The possible values are:
32
- * * `inherit` (Default)&mdash;Applies coloring based on the current color.
33
- * * `primary` &mdash;Applies coloring based on primary theme color.
34
- * * `secondary`&mdash;Applies coloring based on secondary theme color.
35
- * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
36
- * * `info`&mdash;Applies coloring based on info theme color.
37
- * * `success`&mdash; Applies coloring based on success theme color.
38
- * * `warning`&mdash; Applies coloring based on warning theme color.
39
- * * `error`&mdash; Applies coloring based on error theme color.
40
- * * `dark`&mdash; Applies coloring based on dark theme color.
41
- * * `light`&mdash; Applies coloring based on light theme color.
42
- * * `inverse`&mdash; Applies coloring based on inverse theme color.
43
- *
44
- * If the property is not set, the icon inherits the color from its parent.
45
- *
46
- * You can use the `style` prop to apply custom color related properties to the icon.
47
- */
48
- themeColor?: IconThemeColor;
49
- /**
50
- * Specifies the size of the icon.
51
- *
52
- * The possible values are:
53
- * * `default` (Default)&mdash;Font-size: 16px; Width: 16px; Height: 16px.
54
- * * `xsmall`&mdash;Font-size: 12px; Width: 12px; Height: 12px.
55
- * * `small`&mdash;Font-size: 14px; Width: 14px; Height: 14px.
56
- * * `medium`&mdash;Font-size: 16px; Width: 16px; Height: 16px.
57
- * * `large`&mdash;Font-size: 20px; Width: 20px; Height: 20px.
58
- * * `xlarge`&mdash;Font-size: 24px; Width: 24px; Height: 24px.
59
- * * `xxlarge`&mdash;Font-size: 32px; Width: 32px; Height: 32px.
60
- * * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
61
- *
62
- * You can use the `style` prop to apply custom font size to the icon.
63
- */
64
- size?: IconSize;
65
- /**
66
- * Specifies the icon flip direction.
67
- *
68
- * The possible values are:
69
- * * `default` (Default)&mdash;No flipping applied.
70
- * * `horizontal`&mdash;Flips the icon in horizontal direction.
71
- * * `vertical`&mdash;Flips the icon in vertical direction.
72
- * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
73
- *
74
- */
75
- flip?: IconFlip;
76
- }
package/icons/Icon.d.ts DELETED
@@ -1,39 +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 { BaseIconProps } from './BaseIconProps';
7
- import { KendoMouse } from '../models/mouse';
8
- /**
9
- * @hidden
10
- */
11
- export interface IconHandle {
12
- /**
13
- * The IconHandle element.
14
- */
15
- element: HTMLSpanElement | null;
16
- }
17
- /**
18
- * Represents the props of the [KendoReact Icon component]({% slug overview_icon %}).
19
- */
20
- export interface IconProps extends BaseIconProps, KendoMouse<IconHandle, HTMLSpanElement> {
21
- /**
22
- * Represents the name of the icon.
23
- */
24
- name?: string;
25
- }
26
- /**
27
- * Represents the [KendoReact Icon component]({% slug overview_icon %}).
28
- *
29
- * @example
30
- * ```jsx
31
- * const App = () => {
32
- * return (
33
- * <Icon name="home"/>
34
- * );
35
- * };
36
- * ReactDOM.render(<App />, document.querySelector('my-app'));
37
- * ```
38
- */
39
- export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle | null>>;
@@ -1,11 +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 { IconProps, IconHandle } from './Icon';
7
- import { SvgIconProps, SvgIconHandle } from './SvgIcon';
8
- /**
9
- * @hidden
10
- */
11
- export declare const IconWrap: React.ForwardRefExoticComponent<IconProps & SvgIconProps & React.RefAttributes<(IconHandle & SvgIconHandle) | null>>;
@@ -1,25 +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 { SVGIcon } from './SvgIcon';
7
- /**
8
- * IconsContext type.
9
- */
10
- export interface IconsContextType {
11
- /**
12
- * Sets the type of the icons used in the KendoReact components inside IconsContext.
13
- */
14
- type?: 'font' | 'svg';
15
- /**
16
- * Overrides the built-in icons.
17
- */
18
- icons?: {
19
- [name: string]: SVGIcon | string;
20
- };
21
- }
22
- /**
23
- * Represents a React Context which provides you with the option to configure the KendoReact components icons.
24
- */
25
- export declare const IconsContext: React.Context<IconsContextType>;
@@ -1,75 +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 { BaseIconProps } from './BaseIconProps';
7
- /**
8
- * @hidden
9
- */
10
- export interface SVGIcon {
11
- /**
12
- * The unique name of the icon.
13
- */
14
- name: string;
15
- /**
16
- * The entire SVG content of the icon.
17
- */
18
- content: string;
19
- /**
20
- * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
21
- * definition that should be used for the icon.
22
- */
23
- viewBox: string;
24
- }
25
- /**
26
- * @hidden
27
- */
28
- export interface SvgIconHandle {
29
- /**
30
- * The SvgIconHandle element.
31
- */
32
- element: HTMLSpanElement | null;
33
- }
34
- /**
35
- * Represents the props of the [KendoReact SvgIcon component]({% slug overview_svgicon %}).
36
- */
37
- export interface SvgIconProps extends BaseIconProps, React.SVGAttributes<HTMLOrSVGElement> {
38
- /**
39
- * Specifies the SVG icon.
40
- *
41
- * * The possible keys are:
42
- * * `name`&mdash;The unique name of the icon.
43
- * * `content`&mdash;The entire SVG content of the icon.
44
- * * `viewBox`&mdash;The viewBox definition that should be used for the icon.
45
- */
46
- icon?: SVGIcon;
47
- /**
48
- * Specifies the viewBox of the custom SVG icon.
49
- */
50
- viewBox?: string;
51
- /**
52
- * Specifies a list of CSS classes that will be added to the svg element.
53
- */
54
- svgClassName?: string;
55
- /**
56
- * Sets additional CSS styles to the svg element.
57
- */
58
- svgStyle?: React.CSSProperties;
59
- }
60
- /**
61
- * Represents the [KendoReact SvgIcon component]({% slug overview_svgicon %}).
62
- *
63
- * @example
64
- * ```jsx
65
- * import { accessibility } from '@progress/kendo-svg-icons';
66
- *
67
- * const App = () => {
68
- * return (
69
- * <SvgIcon icon={accessibility} />
70
- * );
71
- * };
72
- * ReactDOM.render(<App />, document.querySelector('my-app'));
73
- * ```
74
- */
75
- export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle | null>>;
@@ -1,17 +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 SIZE_CLASSES: {
9
- default: string;
10
- xsmall: string;
11
- small: string;
12
- medium: string;
13
- large: string;
14
- xlarge: string;
15
- xxlarge: string;
16
- xxxlarge: string;
17
- };
@@ -1,15 +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
- * Specifies the icon flip direction.
7
- *
8
- * The possible values are:
9
- * * `default` (Default)&mdash;No flipping applied.
10
- * * `horizontal`&mdash;Flips the icon in horizontal direction.
11
- * * `vertical`&mdash;Flips the icon in vertical direction.
12
- * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
13
- *
14
- */
15
- export type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';
@@ -1,19 +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
- * Specifies the size of the icon.
7
- *
8
- * The possible values are:
9
- * * `default` (Default)&mdash;Font-size: 16px; Width: 16px; Height: 16px.
10
- * * `xsmall`&mdash;Font-size: 12px; Width: 12px; Height: 12px.
11
- * * `small`&mdash;Font-size: 14px; Width: 14px; Height: 14px.
12
- * * `medium`&mdash;Font-size: 16px; Width: 16px; Height: 16px.
13
- * * `large`&mdash;Font-size: 20px; Width: 20px; Height: 20px.
14
- * * `xlarge`&mdash;Font-size: 24px; Width: 24px; Height: 24px.
15
- * * `xxlarge`&mdash;Font-size: 32px; Width: 32px; Height: 32px.
16
- * * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
17
- *
18
- */
19
- export type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
@@ -1,25 +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
- * Specifies the theme color of the Icon.
7
- *
8
- * The possible values are:
9
- * * `inherit` (Default)&mdash;Applies coloring based on the current color.
10
- * * `primary` &mdash;Applies coloring based on primary theme color.
11
- * * `secondary`&mdash;Applies coloring based on secondary theme color.
12
- * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
13
- * * `info`&mdash;Applies coloring based on info theme color.
14
- * * `success`&mdash; Applies coloring based on success theme color.
15
- * * `warning`&mdash; Applies coloring based on warning theme color.
16
- * * `error`&mdash; Applies coloring based on error theme color.
17
- * * `dark`&mdash; Applies coloring based on dark theme color.
18
- * * `light`&mdash; Applies coloring based on light theme color.
19
- * * `inverse`&mdash; Applies coloring based on inverse theme color.
20
- *
21
- * If the property is not set, the icon inherits the color from its parent.
22
- *
23
- * You can use the `style` prop to apply custom color related properties to the icon.
24
- */
25
- export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
package/icons/utils.d.ts DELETED
@@ -1,21 +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 PropTypes from 'prop-types';
6
- /**
7
- * @hidden
8
- */
9
- export declare const toIconName: (iconClass: string) => string;
10
- /**
11
- * @hidden
12
- */
13
- export declare const toIconClass: (name: string) => string;
14
- /**
15
- * @hidden
16
- */
17
- export declare const svgIconPropType: PropTypes.Requireable<PropTypes.InferProps<{
18
- name: PropTypes.Validator<string>;
19
- content: PropTypes.Validator<string>;
20
- viewBox: PropTypes.Validator<string>;
21
- }>>;
package/keys.d.ts DELETED
@@ -1,24 +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 Keys: {
9
- backspace: number;
10
- tab: number;
11
- enter: number;
12
- shift: number;
13
- esc: number;
14
- space: number;
15
- pageUp: number;
16
- pageDown: number;
17
- end: number;
18
- home: number;
19
- left: number;
20
- up: number;
21
- right: number;
22
- down: number;
23
- delete: number;
24
- };