@progress/kendo-react-common 6.1.1 → 7.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{dist/npm/Draggable.d.ts → Draggable.d.ts} +5 -1
- package/{dist/npm/Droppable.d.ts → Droppable.d.ts} +5 -1
- package/{dist/es/FormComponent.d.ts → FormComponent.d.ts} +4 -0
- package/LICENSE.md +1 -1
- package/browser-support.service.d.ts +11 -0
- package/canUseDOM.d.ts +8 -0
- package/canUseRef.d.ts +9 -0
- package/classNames.d.ts +8 -0
- package/{dist/npm/clone.d.ts → clone.d.ts} +4 -0
- package/constants/index.d.ts +8 -0
- package/contexts/ZIndexContext.d.ts +11 -0
- package/dist/cdn/js/kendo-react-common.js +8 -1
- package/{dist/npm/drag-n-drop → drag-n-drop}/context/index.d.ts +6 -2
- package/{dist/es/drag-n-drop → drag-n-drop}/index.d.ts +6 -2
- package/events/BaseEvent.d.ts +22 -0
- package/{dist/npm/events → events}/dispatchEvent.d.ts +4 -1
- package/fieldList.d.ts +8 -0
- package/focus.d.ts +8 -0
- package/getActiveElement.d.ts +12 -0
- package/getTabIndex.d.ts +8 -0
- package/{dist/es/getter.d.ts → getter.d.ts} +4 -0
- package/guid.d.ts +8 -0
- package/hasRelativeStackingContext.d.ts +6 -0
- package/{dist/npm/hocs → hocs}/AsyncFocusBlur.d.ts +5 -1
- package/{dist/npm/hocs → hocs}/withPropsContext.d.ts +4 -0
- package/{dist/npm/hooks → hooks}/index.d.ts +4 -0
- package/{dist/npm/hooks → hooks}/useAsyncFocusBlur.d.ts +5 -1
- package/hooks/useCollection.d.ts +18 -0
- package/hooks/useControlledState.d.ts +11 -0
- package/hooks/useCustomComponent.d.ts +17 -0
- package/hooks/useDir.d.ts +9 -0
- package/hooks/useDocument.d.ts +11 -0
- package/{dist/es/hooks → hooks}/useDraggable.d.ts +4 -0
- package/{dist/es/hooks → hooks}/useDroppable.d.ts +4 -0
- package/hooks/useInheritedState.d.ts +17 -0
- package/{dist/es/hooks → hooks}/useMouse.d.ts +5 -1
- package/hooks/usePropsContext.d.ts +7 -0
- package/hooks/useRtl.d.ts +9 -0
- package/hooks/useWindow.d.ts +11 -0
- package/{dist/npm/icons → icons}/BaseIconProps.d.ts +4 -1
- package/{dist/es/icons → icons}/Icon.d.ts +4 -0
- package/icons/IconWrap.d.ts +11 -0
- package/{dist/es/icons → icons}/IconsContext.d.ts +4 -0
- package/{dist/es/icons → icons}/SvgIcon.d.ts +4 -0
- package/icons/constants.d.ts +17 -0
- package/icons/models/flip.d.ts +15 -0
- package/{dist/npm/icons → icons}/models/size.d.ts +5 -1
- package/{dist/es/icons → icons}/models/theme-color.d.ts +5 -1
- package/{dist/es/icons → icons}/utils.d.ts +4 -0
- package/{dist/es/main.d.ts → index.d.ts} +4 -0
- package/index.js +8 -0
- package/index.mjs +1787 -0
- package/keys.d.ts +24 -0
- package/memoize.d.ts +14 -0
- package/{dist/es/models → models}/auto-scroll-options.d.ts +4 -1
- package/models/index.d.ts +9 -0
- package/{dist/npm/models → models}/kendoReactComponentBaseProps.d.ts +4 -1
- package/{dist/npm/models → models}/mouse.d.ts +4 -0
- package/{dist/npm/models → models}/pointer.d.ts +4 -0
- package/{dist/es/models → models}/touch.d.ts +4 -0
- package/{dist/npm/navigation.d.ts → navigation.d.ts} +4 -1
- package/noop.d.ts +8 -0
- package/package.json +26 -45
- package/scrollbarWidth.d.ts +12 -0
- package/{dist/npm/setter.d.ts → setter.d.ts} +4 -0
- package/theme.d.ts +12 -0
- package/{dist/es/tree-utils → tree-utils}/FieldsService.d.ts +4 -0
- package/tree-utils/SortedPublicItemIds.d.ts +12 -0
- package/{dist/es/tree-utils → tree-utils}/itemIdUtils.d.ts +4 -0
- package/{dist/es/tree-utils → tree-utils}/itemUtils.d.ts +4 -0
- package/tree-utils/misc.d.ts +12 -0
- package/{dist/es/treeDataOperations.d.ts → treeDataOperations.d.ts} +4 -0
- package/{dist/npm/typography → typography}/Typography.d.ts +4 -0
- package/{dist/es/typography → typography}/TypographyProps.d.ts +4 -1
- package/{dist/npm/typography → typography}/constants.d.ts +4 -0
- package/{dist/es/typography → typography}/models/margin.d.ts +5 -1
- package/validate-package.d.ts +12 -0
- package/watermark/WatermarkOverlay.d.ts +9 -0
- package/about.md +0 -3
- package/dist/es/Draggable.d.ts +0 -86
- package/dist/es/Draggable.js +0 -84
- package/dist/es/Droppable.d.ts +0 -77
- package/dist/es/Droppable.js +0 -68
- package/dist/es/FormComponent.js +0 -9
- package/dist/es/browser-support.service.d.ts +0 -7
- package/dist/es/browser-support.service.js +0 -30
- package/dist/es/canUseDOM.d.ts +0 -4
- package/dist/es/canUseDOM.js +0 -8
- package/dist/es/canUseRef.d.ts +0 -5
- package/dist/es/canUseRef.js +0 -12
- package/dist/es/classNames.d.ts +0 -4
- package/dist/es/classNames.js +0 -30
- package/dist/es/clone.d.ts +0 -20
- package/dist/es/clone.js +0 -52
- package/dist/es/constants/index.d.ts +0 -4
- package/dist/es/constants/index.js +0 -4
- package/dist/es/contexts/ZIndexContext.d.ts +0 -7
- package/dist/es/contexts/ZIndexContext.js +0 -6
- package/dist/es/drag-n-drop/context/index.d.ts +0 -19
- package/dist/es/drag-n-drop/context/index.js +0 -24
- package/dist/es/drag-n-drop/index.js +0 -44
- package/dist/es/events/BaseEvent.d.ts +0 -18
- package/dist/es/events/BaseEvent.js +0 -1
- package/dist/es/events/dispatchEvent.d.ts +0 -15
- package/dist/es/events/dispatchEvent.js +0 -22
- package/dist/es/fieldList.d.ts +0 -4
- package/dist/es/fieldList.js +0 -11
- package/dist/es/focus.d.ts +0 -4
- package/dist/es/focus.js +0 -15
- package/dist/es/getActiveElement.d.ts +0 -8
- package/dist/es/getActiveElement.js +0 -23
- package/dist/es/getTabIndex.d.ts +0 -4
- package/dist/es/getTabIndex.js +0 -23
- package/dist/es/getter.js +0 -30
- package/dist/es/guid.d.ts +0 -4
- package/dist/es/guid.js +0 -17
- package/dist/es/hasRelativeStackingContext.d.ts +0 -2
- package/dist/es/hasRelativeStackingContext.js +0 -25
- package/dist/es/hocs/AsyncFocusBlur.d.ts +0 -13
- package/dist/es/hocs/AsyncFocusBlur.js +0 -26
- package/dist/es/hocs/withPropsContext.d.ts +0 -5
- package/dist/es/hocs/withPropsContext.js +0 -22
- package/dist/es/hooks/index.d.ts +0 -12
- package/dist/es/hooks/index.js +0 -12
- package/dist/es/hooks/useAsyncFocusBlur.d.ts +0 -25
- package/dist/es/hooks/useAsyncFocusBlur.js +0 -72
- package/dist/es/hooks/useCollection.d.ts +0 -14
- package/dist/es/hooks/useCollection.js +0 -26
- package/dist/es/hooks/useControlledState.d.ts +0 -7
- package/dist/es/hooks/useControlledState.js +0 -23
- package/dist/es/hooks/useCustomComponent.d.ts +0 -13
- package/dist/es/hooks/useCustomComponent.js +0 -9
- package/dist/es/hooks/useDir.d.ts +0 -5
- package/dist/es/hooks/useDir.js +0 -19
- package/dist/es/hooks/useDocument.d.ts +0 -7
- package/dist/es/hooks/useDocument.js +0 -14
- package/dist/es/hooks/useDraggable.js +0 -336
- package/dist/es/hooks/useDroppable.js +0 -59
- package/dist/es/hooks/useInheritedState.d.ts +0 -13
- package/dist/es/hooks/useInheritedState.js +0 -21
- package/dist/es/hooks/useMouse.js +0 -117
- package/dist/es/hooks/usePointer.d.ts +0 -21
- package/dist/es/hooks/usePointer.js +0 -29
- package/dist/es/hooks/usePropsContext.d.ts +0 -3
- package/dist/es/hooks/usePropsContext.js +0 -7
- package/dist/es/hooks/useRtl.d.ts +0 -5
- package/dist/es/hooks/useRtl.js +0 -22
- package/dist/es/hooks/useTouch.d.ts +0 -15
- package/dist/es/hooks/useTouch.js +0 -29
- package/dist/es/hooks/useWindow.d.ts +0 -7
- package/dist/es/hooks/useWindow.js +0 -15
- package/dist/es/icons/BaseIconProps.d.ts +0 -73
- package/dist/es/icons/BaseIconProps.js +0 -1
- package/dist/es/icons/Icon.js +0 -78
- package/dist/es/icons/IconWrap.d.ts +0 -7
- package/dist/es/icons/IconWrap.js +0 -41
- package/dist/es/icons/IconsContext.js +0 -7
- package/dist/es/icons/SvgIcon.js +0 -96
- package/dist/es/icons/constants.d.ts +0 -13
- package/dist/es/icons/constants.js +0 -13
- package/dist/es/icons/models/flip.d.ts +0 -11
- package/dist/es/icons/models/flip.js +0 -1
- package/dist/es/icons/models/size.d.ts +0 -15
- package/dist/es/icons/models/size.js +0 -1
- package/dist/es/icons/models/theme-color.js +0 -1
- package/dist/es/icons/utils.js +0 -17
- package/dist/es/keys.d.ts +0 -20
- package/dist/es/keys.js +0 -20
- package/dist/es/main.js +0 -59
- package/dist/es/memoize.d.ts +0 -10
- package/dist/es/memoize.js +0 -41
- package/dist/es/models/auto-scroll-options.js +0 -1
- package/dist/es/models/index.d.ts +0 -5
- package/dist/es/models/index.js +0 -5
- package/dist/es/models/kendoReactComponentBaseProps.d.ts +0 -24
- package/dist/es/models/kendoReactComponentBaseProps.js +0 -1
- package/dist/es/models/mouse.d.ts +0 -16
- package/dist/es/models/mouse.js +0 -1
- package/dist/es/models/pointer.d.ts +0 -23
- package/dist/es/models/pointer.js +0 -1
- package/dist/es/models/touch.js +0 -1
- package/dist/es/navigation.d.ts +0 -128
- package/dist/es/navigation.js +0 -144
- package/dist/es/noop.d.ts +0 -4
- package/dist/es/noop.js +0 -4
- package/dist/es/scrollbarWidth.d.ts +0 -8
- package/dist/es/scrollbarWidth.js +0 -22
- package/dist/es/setter.d.ts +0 -16
- package/dist/es/setter.js +0 -36
- package/dist/es/theme.d.ts +0 -8
- package/dist/es/theme.js +0 -17
- package/dist/es/tree-utils/FieldsService.js +0 -50
- package/dist/es/tree-utils/SortedPublicItemIds.d.ts +0 -8
- package/dist/es/tree-utils/SortedPublicItemIds.js +0 -26
- package/dist/es/tree-utils/itemIdUtils.js +0 -117
- package/dist/es/tree-utils/itemUtils.js +0 -191
- package/dist/es/tree-utils/misc.d.ts +0 -8
- package/dist/es/tree-utils/misc.js +0 -17
- package/dist/es/treeDataOperations.js +0 -105
- package/dist/es/typography/Typography.d.ts +0 -35
- package/dist/es/typography/Typography.js +0 -266
- package/dist/es/typography/TypographyProps.js +0 -1
- package/dist/es/typography/constants.d.ts +0 -84
- package/dist/es/typography/constants.js +0 -84
- package/dist/es/typography/models/margin.js +0 -1
- package/dist/es/validate-package.d.ts +0 -8
- package/dist/es/validate-package.js +0 -23
- package/dist/es/watermark/WatermarkOverlay.d.ts +0 -6
- package/dist/es/watermark/WatermarkOverlay.js +0 -86
- package/dist/npm/Draggable.js +0 -87
- package/dist/npm/Droppable.js +0 -71
- package/dist/npm/FormComponent.d.ts +0 -98
- package/dist/npm/FormComponent.js +0 -12
- package/dist/npm/browser-support.service.d.ts +0 -7
- package/dist/npm/browser-support.service.js +0 -33
- package/dist/npm/canUseDOM.d.ts +0 -4
- package/dist/npm/canUseDOM.js +0 -11
- package/dist/npm/canUseRef.d.ts +0 -5
- package/dist/npm/canUseRef.js +0 -16
- package/dist/npm/classNames.d.ts +0 -4
- package/dist/npm/classNames.js +0 -34
- package/dist/npm/clone.js +0 -60
- package/dist/npm/constants/index.d.ts +0 -4
- package/dist/npm/constants/index.js +0 -7
- package/dist/npm/contexts/ZIndexContext.d.ts +0 -7
- package/dist/npm/contexts/ZIndexContext.js +0 -10
- package/dist/npm/drag-n-drop/context/index.js +0 -27
- package/dist/npm/drag-n-drop/index.d.ts +0 -21
- package/dist/npm/drag-n-drop/index.js +0 -48
- package/dist/npm/events/BaseEvent.d.ts +0 -18
- package/dist/npm/events/BaseEvent.js +0 -2
- package/dist/npm/events/dispatchEvent.js +0 -26
- package/dist/npm/fieldList.d.ts +0 -4
- package/dist/npm/fieldList.js +0 -15
- package/dist/npm/focus.d.ts +0 -4
- package/dist/npm/focus.js +0 -19
- package/dist/npm/getActiveElement.d.ts +0 -8
- package/dist/npm/getActiveElement.js +0 -28
- package/dist/npm/getTabIndex.d.ts +0 -4
- package/dist/npm/getTabIndex.js +0 -27
- package/dist/npm/getter.d.ts +0 -14
- package/dist/npm/getter.js +0 -34
- package/dist/npm/guid.d.ts +0 -4
- package/dist/npm/guid.js +0 -21
- package/dist/npm/hasRelativeStackingContext.d.ts +0 -2
- package/dist/npm/hasRelativeStackingContext.js +0 -29
- package/dist/npm/hocs/AsyncFocusBlur.js +0 -30
- package/dist/npm/hocs/withPropsContext.js +0 -27
- package/dist/npm/hooks/index.js +0 -28
- package/dist/npm/hooks/useAsyncFocusBlur.js +0 -76
- package/dist/npm/hooks/useCollection.d.ts +0 -14
- package/dist/npm/hooks/useCollection.js +0 -30
- package/dist/npm/hooks/useControlledState.d.ts +0 -7
- package/dist/npm/hooks/useControlledState.js +0 -27
- package/dist/npm/hooks/useCustomComponent.d.ts +0 -13
- package/dist/npm/hooks/useCustomComponent.js +0 -13
- package/dist/npm/hooks/useDir.d.ts +0 -5
- package/dist/npm/hooks/useDir.js +0 -23
- package/dist/npm/hooks/useDocument.d.ts +0 -7
- package/dist/npm/hooks/useDocument.js +0 -18
- package/dist/npm/hooks/useDraggable.d.ts +0 -63
- package/dist/npm/hooks/useDraggable.js +0 -340
- package/dist/npm/hooks/useDroppable.d.ts +0 -28
- package/dist/npm/hooks/useDroppable.js +0 -63
- package/dist/npm/hooks/useInheritedState.d.ts +0 -13
- package/dist/npm/hooks/useInheritedState.js +0 -25
- package/dist/npm/hooks/useMouse.d.ts +0 -20
- package/dist/npm/hooks/useMouse.js +0 -121
- package/dist/npm/hooks/usePointer.d.ts +0 -21
- package/dist/npm/hooks/usePointer.js +0 -33
- package/dist/npm/hooks/usePropsContext.d.ts +0 -3
- package/dist/npm/hooks/usePropsContext.js +0 -11
- package/dist/npm/hooks/useRtl.d.ts +0 -5
- package/dist/npm/hooks/useRtl.js +0 -26
- package/dist/npm/hooks/useTouch.d.ts +0 -15
- package/dist/npm/hooks/useTouch.js +0 -33
- package/dist/npm/hooks/useWindow.d.ts +0 -7
- package/dist/npm/hooks/useWindow.js +0 -19
- package/dist/npm/icons/BaseIconProps.js +0 -2
- package/dist/npm/icons/Icon.d.ts +0 -35
- package/dist/npm/icons/Icon.js +0 -81
- package/dist/npm/icons/IconWrap.d.ts +0 -7
- package/dist/npm/icons/IconWrap.js +0 -44
- package/dist/npm/icons/IconsContext.d.ts +0 -21
- package/dist/npm/icons/IconsContext.js +0 -10
- package/dist/npm/icons/SvgIcon.d.ts +0 -71
- package/dist/npm/icons/SvgIcon.js +0 -99
- package/dist/npm/icons/constants.d.ts +0 -13
- package/dist/npm/icons/constants.js +0 -16
- package/dist/npm/icons/models/flip.d.ts +0 -11
- package/dist/npm/icons/models/flip.js +0 -2
- package/dist/npm/icons/models/size.js +0 -2
- package/dist/npm/icons/models/theme-color.d.ts +0 -21
- package/dist/npm/icons/models/theme-color.js +0 -2
- package/dist/npm/icons/utils.d.ts +0 -17
- package/dist/npm/icons/utils.js +0 -22
- package/dist/npm/keys.d.ts +0 -20
- package/dist/npm/keys.js +0 -23
- package/dist/npm/main.d.ts +0 -58
- package/dist/npm/main.js +0 -75
- package/dist/npm/memoize.d.ts +0 -10
- package/dist/npm/memoize.js +0 -45
- package/dist/npm/models/auto-scroll-options.d.ts +0 -23
- package/dist/npm/models/auto-scroll-options.js +0 -2
- package/dist/npm/models/index.d.ts +0 -5
- package/dist/npm/models/index.js +0 -21
- package/dist/npm/models/kendoReactComponentBaseProps.js +0 -2
- package/dist/npm/models/mouse.js +0 -2
- package/dist/npm/models/pointer.js +0 -2
- package/dist/npm/models/touch.d.ts +0 -17
- package/dist/npm/models/touch.js +0 -2
- package/dist/npm/navigation.js +0 -147
- package/dist/npm/noop.d.ts +0 -4
- package/dist/npm/noop.js +0 -8
- package/dist/npm/scrollbarWidth.d.ts +0 -8
- package/dist/npm/scrollbarWidth.js +0 -27
- package/dist/npm/setter.js +0 -40
- package/dist/npm/theme.d.ts +0 -8
- package/dist/npm/theme.js +0 -20
- package/dist/npm/tree-utils/FieldsService.d.ts +0 -25
- package/dist/npm/tree-utils/FieldsService.js +0 -53
- package/dist/npm/tree-utils/SortedPublicItemIds.d.ts +0 -8
- package/dist/npm/tree-utils/SortedPublicItemIds.js +0 -29
- package/dist/npm/tree-utils/itemIdUtils.d.ts +0 -60
- package/dist/npm/tree-utils/itemIdUtils.js +0 -132
- package/dist/npm/tree-utils/itemUtils.d.ts +0 -45
- package/dist/npm/tree-utils/itemUtils.js +0 -205
- package/dist/npm/tree-utils/misc.d.ts +0 -8
- package/dist/npm/tree-utils/misc.js +0 -22
- package/dist/npm/treeDataOperations.d.ts +0 -39
- package/dist/npm/treeDataOperations.js +0 -112
- package/dist/npm/typography/Typography.js +0 -269
- package/dist/npm/typography/TypographyProps.d.ts +0 -121
- package/dist/npm/typography/TypographyProps.js +0 -2
- package/dist/npm/typography/constants.js +0 -87
- package/dist/npm/typography/models/margin.d.ts +0 -23
- package/dist/npm/typography/models/margin.js +0 -2
- package/dist/npm/validate-package.d.ts +0 -8
- package/dist/npm/validate-package.js +0 -28
- package/dist/npm/watermark/WatermarkOverlay.d.ts +0 -6
- package/dist/npm/watermark/WatermarkOverlay.js +0 -90
- package/dist/systemjs/kendo-react-common.js +0 -1
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/* eslint-disable max-len */
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import * as ReactDOM from 'react-dom';
|
|
4
|
-
var licenseKeyUrl = 'https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner';
|
|
5
|
-
var didRender = false;
|
|
6
|
-
/**
|
|
7
|
-
*
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export var WatermarkOverlay = function () {
|
|
11
|
-
var _a = React.useState(true), isOpen = _a[0], setIsOpen = _a[1];
|
|
12
|
-
var _b = React.useState(false), bannerMounted = _b[0], setBannerMounted = _b[1];
|
|
13
|
-
React.useEffect(function () {
|
|
14
|
-
if (!didRender) {
|
|
15
|
-
setBannerMounted(true);
|
|
16
|
-
didRender = true;
|
|
17
|
-
}
|
|
18
|
-
}, []);
|
|
19
|
-
var onCloseBannerClick = function () {
|
|
20
|
-
setIsOpen(false);
|
|
21
|
-
};
|
|
22
|
-
var bannerElement = (React.createElement(React.Fragment, null, isOpen && (React.createElement("div", { style: {
|
|
23
|
-
display: 'flex',
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
alignItems: 'center',
|
|
26
|
-
position: 'fixed',
|
|
27
|
-
top: '16px',
|
|
28
|
-
right: '16px',
|
|
29
|
-
padding: '12px',
|
|
30
|
-
borderRadius: '4px',
|
|
31
|
-
boxShadow: '0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.03)',
|
|
32
|
-
fontSize: '14px',
|
|
33
|
-
fontWeight: 400,
|
|
34
|
-
lineHeight: '20px',
|
|
35
|
-
backgroundColor: '#FFC000',
|
|
36
|
-
color: '#1E1E1E',
|
|
37
|
-
zIndex: 999
|
|
38
|
-
} },
|
|
39
|
-
React.createElement("span", { style: { display: 'flex', alignSelf: 'center', marginRight: '8px' } },
|
|
40
|
-
React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
|
|
41
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z", fill: "#1E1E1E" }))),
|
|
42
|
-
React.createElement("span", null, "No valid license found for KendoReact. Learn how to activate your license."),
|
|
43
|
-
React.createElement("div", { style: { display: 'flex', alignItems: 'center', marginLeft: '24px' } },
|
|
44
|
-
React.createElement("a", { href: licenseKeyUrl, style: { marginRight: '8px', display: 'flex' } },
|
|
45
|
-
React.createElement("button", { title: 'Learn More', style: {
|
|
46
|
-
display: 'inline-flex',
|
|
47
|
-
position: 'relative',
|
|
48
|
-
border: 'none',
|
|
49
|
-
borderRadius: '4px',
|
|
50
|
-
padding: '5px',
|
|
51
|
-
backgroundColor: 'transparent',
|
|
52
|
-
transition: 'color 0.2s ease-in-out',
|
|
53
|
-
outline: 'none',
|
|
54
|
-
cursor: 'pointer'
|
|
55
|
-
} },
|
|
56
|
-
React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
|
|
57
|
-
React.createElement("path", { d: "M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z", fill: "#1E1E1E" })))),
|
|
58
|
-
React.createElement("button", { title: 'Close', style: {
|
|
59
|
-
display: 'inline-flex',
|
|
60
|
-
position: 'relative',
|
|
61
|
-
border: 'none',
|
|
62
|
-
borderRadius: '4px',
|
|
63
|
-
padding: '5px',
|
|
64
|
-
backgroundColor: 'transparent',
|
|
65
|
-
transition: 'color 0.2s ease-in-out',
|
|
66
|
-
outline: 'none',
|
|
67
|
-
cursor: 'pointer'
|
|
68
|
-
}, onClick: onCloseBannerClick },
|
|
69
|
-
React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
|
|
70
|
-
React.createElement("path", { d: "M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z", fill: "#1E1E1E" }))))))));
|
|
71
|
-
return (React.createElement(React.Fragment, null,
|
|
72
|
-
React.createElement("div", { style: {
|
|
73
|
-
position: 'absolute',
|
|
74
|
-
width: '100%',
|
|
75
|
-
height: '100%',
|
|
76
|
-
top: 0,
|
|
77
|
-
left: 0,
|
|
78
|
-
right: 0,
|
|
79
|
-
bottom: 0,
|
|
80
|
-
opacity: 0.2,
|
|
81
|
-
zIndex: 101,
|
|
82
|
-
pointerEvents: 'none',
|
|
83
|
-
backgroundImage: 'url(\'data:image/png;base64,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\')'
|
|
84
|
-
} }),
|
|
85
|
-
bannerMounted && ReactDOM.createPortal(bannerElement, document.body)));
|
|
86
|
-
};
|
package/dist/npm/Draggable.js
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Draggable = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
var hooks_1 = require("./hooks");
|
|
6
|
-
/**
|
|
7
|
-
* Represents the KendoReact Draggable component.
|
|
8
|
-
*
|
|
9
|
-
* Accepts properties of type [DraggableProps]({% slug api_common_draggableprops %}),
|
|
10
|
-
* and returns an object of type [DraggableHandle]({% slug api_common_draggablehandle %}) when the `ref` is obtained.
|
|
11
|
-
*/
|
|
12
|
-
exports.Draggable = React.forwardRef(function (props, ref) {
|
|
13
|
-
var childRef = React.useRef(null);
|
|
14
|
-
var target = React.useRef(null);
|
|
15
|
-
var getElement = React.useCallback(function () { return childRef.current && childRef.current.element
|
|
16
|
-
? childRef.current.element
|
|
17
|
-
: childRef.current; }, [childRef]);
|
|
18
|
-
React.useImperativeHandle(target, function () { return ({ element: getElement() || null }); });
|
|
19
|
-
React.useImperativeHandle(ref, function () { return target.current; });
|
|
20
|
-
React.useImperativeHandle(props.childRef, function () { return childRef.current; });
|
|
21
|
-
var handlePress = React.useCallback(function (event) {
|
|
22
|
-
if (!props.onPress) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
props.onPress({
|
|
26
|
-
element: getElement(),
|
|
27
|
-
target: target.current,
|
|
28
|
-
event: event
|
|
29
|
-
});
|
|
30
|
-
}, [getElement, props.onPress]);
|
|
31
|
-
var handleRelease = React.useCallback(function (event) {
|
|
32
|
-
if (!props.onRelease) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
props.onRelease({
|
|
36
|
-
element: getElement(),
|
|
37
|
-
target: target.current,
|
|
38
|
-
event: event
|
|
39
|
-
});
|
|
40
|
-
}, [getElement, props.onRelease]);
|
|
41
|
-
var handleDragStart = React.useCallback(function (event) {
|
|
42
|
-
if (!props.onDragStart) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
props.onDragStart({
|
|
46
|
-
element: getElement(),
|
|
47
|
-
target: target.current,
|
|
48
|
-
event: event
|
|
49
|
-
});
|
|
50
|
-
}, [props, getElement]);
|
|
51
|
-
var handleDrag = React.useCallback(function (event) {
|
|
52
|
-
if (!props.onDrag) {
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
props.onDrag({
|
|
56
|
-
element: getElement(),
|
|
57
|
-
target: target.current,
|
|
58
|
-
event: event
|
|
59
|
-
});
|
|
60
|
-
}, [getElement, props.onDrag]);
|
|
61
|
-
var handleDragEnd = React.useCallback(function (event) {
|
|
62
|
-
if (!props.onDragEnd) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
props.onDragEnd({
|
|
66
|
-
element: getElement(),
|
|
67
|
-
target: target.current,
|
|
68
|
-
event: event
|
|
69
|
-
});
|
|
70
|
-
}, [getElement, props.onDragEnd]);
|
|
71
|
-
(0, hooks_1.useDraggable)(childRef, {
|
|
72
|
-
onPress: handlePress,
|
|
73
|
-
onRelease: handleRelease,
|
|
74
|
-
onDragStart: handleDragStart,
|
|
75
|
-
onDrag: handleDrag,
|
|
76
|
-
onDragEnd: handleDragEnd
|
|
77
|
-
}, {
|
|
78
|
-
mouseOnly: props.mouseOnly,
|
|
79
|
-
autoScroll: props.autoScroll,
|
|
80
|
-
hint: props.hint,
|
|
81
|
-
scrollContainer: props.scrollContainer
|
|
82
|
-
});
|
|
83
|
-
return props.children
|
|
84
|
-
? (React.cloneElement(React.Children.only(props.children), { ref: childRef }))
|
|
85
|
-
: null;
|
|
86
|
-
});
|
|
87
|
-
exports.Draggable.displayName = 'KendoReactDraggable';
|
package/dist/npm/Droppable.js
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Droppable = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
var hooks_1 = require("./hooks");
|
|
6
|
-
/**
|
|
7
|
-
* Represents the KendoReact Droppable component.
|
|
8
|
-
*
|
|
9
|
-
* Accepts properties of type [DroppableProps]({% slug api_common_droppableprops %}),
|
|
10
|
-
* and returns an object of type [DroppableHandle]({% slug api_common_droppablehandle %}) when the `ref` is obtained.
|
|
11
|
-
*/
|
|
12
|
-
exports.Droppable = React.forwardRef(function (props, ref) {
|
|
13
|
-
var childRef = React.useRef(null);
|
|
14
|
-
var target = React.useRef(null);
|
|
15
|
-
var getElement = React.useCallback(function () { return childRef.current && childRef.current.element
|
|
16
|
-
? childRef.current.element
|
|
17
|
-
: childRef.current; }, [childRef]);
|
|
18
|
-
React.useImperativeHandle(target, function () { return ({ element: getElement() || undefined }); });
|
|
19
|
-
React.useImperativeHandle(ref, function () { return target.current; });
|
|
20
|
-
React.useImperativeHandle(props.childRef, function () { return childRef.current; });
|
|
21
|
-
var handleDragEnter = React.useCallback(function (event) {
|
|
22
|
-
if (!props.onDragEnter) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
props.onDragEnter({
|
|
26
|
-
element: getElement(),
|
|
27
|
-
target: target.current,
|
|
28
|
-
event: event
|
|
29
|
-
});
|
|
30
|
-
}, [props.onDragEnter, getElement]);
|
|
31
|
-
var handleDragOver = React.useCallback(function (event) {
|
|
32
|
-
if (!props.onDragOver) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
props.onDragOver({
|
|
36
|
-
element: getElement(),
|
|
37
|
-
target: target.current,
|
|
38
|
-
event: event
|
|
39
|
-
});
|
|
40
|
-
}, [getElement, props.onDragOver]);
|
|
41
|
-
var handleDragLeave = React.useCallback(function (event) {
|
|
42
|
-
if (!props.onDragLeave) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
props.onDragLeave({
|
|
46
|
-
element: getElement(),
|
|
47
|
-
target: target.current,
|
|
48
|
-
event: event
|
|
49
|
-
});
|
|
50
|
-
}, [props.onDragLeave, getElement]);
|
|
51
|
-
var handleDrop = React.useCallback(function (event) {
|
|
52
|
-
if (!props.onDrop) {
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
props.onDrop({
|
|
56
|
-
element: getElement(),
|
|
57
|
-
target: target.current,
|
|
58
|
-
event: event
|
|
59
|
-
});
|
|
60
|
-
}, [props.onDrop, getElement]);
|
|
61
|
-
(0, hooks_1.useDroppable)(childRef, {
|
|
62
|
-
onDragEnter: handleDragEnter,
|
|
63
|
-
onDragOver: handleDragOver,
|
|
64
|
-
onDragLeave: handleDragLeave,
|
|
65
|
-
onDrop: handleDrop
|
|
66
|
-
});
|
|
67
|
-
return props.children
|
|
68
|
-
? (React.cloneElement(React.Children.only(props.children), { ref: childRef }))
|
|
69
|
-
: null;
|
|
70
|
-
});
|
|
71
|
-
exports.Droppable.displayName = 'KendoReactDroppable';
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Represents the basic props of the KendoReact form components.
|
|
3
|
-
*
|
|
4
|
-
* For runnable examples on forms support, refer to the documentation of the respective form component:
|
|
5
|
-
* * [DateInput]({% slug forms_dateinput %})
|
|
6
|
-
* * [DatePicker]({% slug forms_datepicker %})
|
|
7
|
-
* * [TimePicker]({% slug forms_timepicker %})
|
|
8
|
-
* * [DateTimePicker]({% slug forms_datetimepicker %})
|
|
9
|
-
* * [AutoComplete]({% slug forms_autocomplete %})
|
|
10
|
-
* * [ComboBox]({% slug forms_combobox %})
|
|
11
|
-
* * [DropDownList]({% slug forms_dropdownlist %})
|
|
12
|
-
* * [MultiSelect]({% slug forms_multiselect %})
|
|
13
|
-
* * [Input]({% slug forms_input %})
|
|
14
|
-
* * [MaskedTextBox]({% slug forms_maskedtextbox %})
|
|
15
|
-
* * [NumericTextBox]({% slug forms_numerictextbox %})
|
|
16
|
-
* * [Checkbox]({% slug forms_support_checkbox %})
|
|
17
|
-
* * [Switch]({% slug forms_support_switch %})
|
|
18
|
-
*/
|
|
19
|
-
export interface FormComponentProps {
|
|
20
|
-
/**
|
|
21
|
-
* Controls the form error message of the component. If set to an empty string, no error will be thrown.
|
|
22
|
-
*
|
|
23
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
24
|
-
*/
|
|
25
|
-
validationMessage?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Specifies if `null` is a valid value for the component.
|
|
28
|
-
*
|
|
29
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
30
|
-
*/
|
|
31
|
-
required?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Specifies the `name` property of the `input` DOM element.
|
|
34
|
-
*
|
|
35
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
36
|
-
*/
|
|
37
|
-
name?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Overrides the validity state of the component.
|
|
40
|
-
* If `valid` is set, the `required` property will be ignored.
|
|
41
|
-
*
|
|
42
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
43
|
-
*/
|
|
44
|
-
valid?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* If set to `false`, no visual representation of the invalid state of the component will be applied.
|
|
47
|
-
*
|
|
48
|
-
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
49
|
-
*/
|
|
50
|
-
validityStyles?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
value?: any;
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
defaultValue?: any;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Represents the `validity` state of the KendoReact form components.
|
|
62
|
-
*
|
|
63
|
-
* For runnable examples on forms support, refer to the documentation of the respective form component:
|
|
64
|
-
* * [DateInput]({% slug forms_dateinput %})
|
|
65
|
-
* * [DatePicker]({% slug forms_datepicker %})
|
|
66
|
-
* * [TimePicker]({% slug forms_timepicker %})
|
|
67
|
-
* * [DateTimePicker]({% slug forms_timepicker %})
|
|
68
|
-
* * [AutoComplete]({% slug forms_autocomplete %})
|
|
69
|
-
* * [ComboBox]({% slug forms_combobox %})
|
|
70
|
-
* * [DropDownList]({% slug forms_dropdownlist %})
|
|
71
|
-
* * [MultiSelect]({% slug forms_multiselect %})
|
|
72
|
-
* * [Input]({% slug forms_input %})
|
|
73
|
-
* * [MaskedTextBox]({% slug forms_maskedtextbox %})
|
|
74
|
-
* * [NumericTextBox]({% slug forms_numerictextbox %})
|
|
75
|
-
* * [Checkbox]({% slug forms_support_checkbox %})
|
|
76
|
-
* * [Switch]({% slug forms_support_switch %})
|
|
77
|
-
*/
|
|
78
|
-
export interface FormComponentValidity {
|
|
79
|
-
readonly badInput?: boolean;
|
|
80
|
-
readonly customError: boolean;
|
|
81
|
-
readonly patternMismatch?: boolean;
|
|
82
|
-
readonly rangeOverflow?: boolean;
|
|
83
|
-
readonly rangeUnderflow?: boolean;
|
|
84
|
-
readonly stepMismatch?: boolean;
|
|
85
|
-
readonly tooLong?: boolean;
|
|
86
|
-
readonly tooShort?: boolean;
|
|
87
|
-
readonly typeMismatch?: boolean;
|
|
88
|
-
readonly valid: boolean;
|
|
89
|
-
readonly valueMissing: boolean;
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
export declare abstract class FormComponent {
|
|
95
|
-
abstract get value(): any;
|
|
96
|
-
abstract get validity(): FormComponentValidity;
|
|
97
|
-
abstract get name(): string | undefined;
|
|
98
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FormComponent = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var FormComponent = /** @class */ (function () {
|
|
8
|
-
function FormComponent() {
|
|
9
|
-
}
|
|
10
|
-
return FormComponent;
|
|
11
|
-
}());
|
|
12
|
-
exports.FormComponent = FormComponent;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BrowserSupportService = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var getDocument = function () { return typeof document !== 'undefined' ? document : {}; };
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
var BrowserSupportService = /** @class */ (function () {
|
|
12
|
-
function BrowserSupportService() {
|
|
13
|
-
this.scrollbar = 0;
|
|
14
|
-
}
|
|
15
|
-
Object.defineProperty(BrowserSupportService.prototype, "scrollbarWidth", {
|
|
16
|
-
get: function () {
|
|
17
|
-
var document = getDocument();
|
|
18
|
-
if (!this.scrollbar && document && document.createElement) {
|
|
19
|
-
var div = document.createElement('div');
|
|
20
|
-
div.style.cssText = 'overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block';
|
|
21
|
-
div.innerHTML = ' ';
|
|
22
|
-
document.body.appendChild(div);
|
|
23
|
-
this.scrollbar = div.offsetWidth - div.scrollWidth;
|
|
24
|
-
document.body.removeChild(div);
|
|
25
|
-
}
|
|
26
|
-
return this.scrollbar;
|
|
27
|
-
},
|
|
28
|
-
enumerable: false,
|
|
29
|
-
configurable: true
|
|
30
|
-
});
|
|
31
|
-
return BrowserSupportService;
|
|
32
|
-
}());
|
|
33
|
-
exports.BrowserSupportService = BrowserSupportService;
|
package/dist/npm/canUseDOM.d.ts
DELETED
package/dist/npm/canUseDOM.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.canUseDOM = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
exports.canUseDOM = Boolean(
|
|
8
|
-
// from fbjs
|
|
9
|
-
typeof window !== 'undefined' &&
|
|
10
|
-
window.document &&
|
|
11
|
-
window.document.createElement);
|
package/dist/npm/canUseRef.d.ts
DELETED
package/dist/npm/canUseRef.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.canUseRef = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var isClassComponent = function (Component) { return Boolean(typeof Component === 'function' && !!Component.prototype.isReactComponent); };
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
var isForwardRef = function (Component) { return Boolean(Component.$$typeof && typeof Component.render === 'function'); };
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
var canUseRef = function (Component) { return typeof Comment !== 'string' && (isClassComponent(Component) || isForwardRef(Component)); };
|
|
16
|
-
exports.canUseRef = canUseRef;
|
package/dist/npm/classNames.d.ts
DELETED
package/dist/npm/classNames.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.classNames = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var classNames = function () {
|
|
8
|
-
var args = [];
|
|
9
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
10
|
-
args[_i] = arguments[_i];
|
|
11
|
-
}
|
|
12
|
-
var result = {};
|
|
13
|
-
var addLeafKeys = function (arg) { return typeof arg === 'object' ? Object
|
|
14
|
-
.keys(arg)
|
|
15
|
-
.forEach(function (key) {
|
|
16
|
-
result[key] = arg[key];
|
|
17
|
-
}) : result[arg] = true; };
|
|
18
|
-
;
|
|
19
|
-
var addKeys = function (list) { return list
|
|
20
|
-
.filter(function (arg) { return arg !== true && !!arg; })
|
|
21
|
-
.map(function (arg) {
|
|
22
|
-
return Array.isArray(arg) ?
|
|
23
|
-
addKeys(arg) :
|
|
24
|
-
addLeafKeys(arg);
|
|
25
|
-
}); };
|
|
26
|
-
;
|
|
27
|
-
addKeys(args);
|
|
28
|
-
return Object
|
|
29
|
-
.keys(result)
|
|
30
|
-
.map(function (key) { return (result[key] && key) || null; })
|
|
31
|
-
.filter(function (el) { return el !== null; })
|
|
32
|
-
.join(' ');
|
|
33
|
-
};
|
|
34
|
-
exports.classNames = classNames;
|
package/dist/npm/clone.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.cloneArray = exports.cloneValue = exports.cloneObject = exports.clone = exports.cloneDate = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
var cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };
|
|
9
|
-
exports.cloneDate = cloneDate;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
function clone(obj) {
|
|
14
|
-
var result = {};
|
|
15
|
-
cloneObject(obj, result);
|
|
16
|
-
return result;
|
|
17
|
-
}
|
|
18
|
-
exports.clone = clone;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
function cloneObject(obj, result) {
|
|
23
|
-
for (var field in obj) {
|
|
24
|
-
if (obj.hasOwnProperty(field)) {
|
|
25
|
-
var value = obj[field];
|
|
26
|
-
result[field] = cloneValue(value, result[field]);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
exports.cloneObject = cloneObject;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
function cloneValue(value, nextValue) {
|
|
35
|
-
if (Array.isArray(value)) {
|
|
36
|
-
return cloneArray(value);
|
|
37
|
-
}
|
|
38
|
-
else if (value instanceof Date) {
|
|
39
|
-
return (0, exports.cloneDate)(value);
|
|
40
|
-
}
|
|
41
|
-
else if (React.isValidElement(value)) {
|
|
42
|
-
return React.cloneElement(value, value.props);
|
|
43
|
-
}
|
|
44
|
-
else if (value && typeof value === 'object') {
|
|
45
|
-
var newNextValue = nextValue || {};
|
|
46
|
-
cloneObject(value, newNextValue);
|
|
47
|
-
return newNextValue;
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
return value;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
exports.cloneValue = cloneValue;
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
function cloneArray(array) {
|
|
58
|
-
return array.map(function (value) { return cloneValue(value, undefined); });
|
|
59
|
-
}
|
|
60
|
-
exports.cloneArray = cloneArray;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/** @hidden */
|
|
3
|
-
export declare type ZIndexContextType = number | undefined;
|
|
4
|
-
/** @hidden */
|
|
5
|
-
export declare const ZIndexContext: React.Context<ZIndexContextType>;
|
|
6
|
-
/** @hidden */
|
|
7
|
-
export declare const useZIndexContext: () => ZIndexContextType;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useZIndexContext = exports.ZIndexContext = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
/** @hidden */
|
|
6
|
-
exports.ZIndexContext = React.createContext(0);
|
|
7
|
-
/** @hidden */
|
|
8
|
-
var useZIndexContext = function () { return React.useContext(exports.ZIndexContext); };
|
|
9
|
-
exports.useZIndexContext = useZIndexContext;
|
|
10
|
-
exports.ZIndexContext.displayName = 'KendoReactZIndexContext';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DropsContext = exports.DragsContext = exports.DropContext = exports.DragContext = void 0;
|
|
4
|
-
var React = require("react");
|
|
5
|
-
var noop_1 = require("../../noop");
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
exports.DragContext = React.createContext([
|
|
10
|
-
undefined,
|
|
11
|
-
noop_1.noop
|
|
12
|
-
]);
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
exports.DropContext = React.createContext([
|
|
17
|
-
undefined,
|
|
18
|
-
noop_1.noop
|
|
19
|
-
]);
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
exports.DragsContext = React.createContext([[], noop_1.noop, noop_1.noop]);
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
exports.DropsContext = React.createContext([[], noop_1.noop, noop_1.noop]);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export { NormalizedDragEvent } from '@progress/kendo-draggable-common';
|
|
3
|
-
/**
|
|
4
|
-
* Represents the properties of the `DragAndDrop` component.
|
|
5
|
-
*/
|
|
6
|
-
export interface DragAndDropProps {
|
|
7
|
-
/**
|
|
8
|
-
* Represents the `children` of the `DragAndDrop` component. The `children` prop can be any valid React Element.
|
|
9
|
-
*/
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* The `DragAndDrop` component is required for the `droppable` functionality to work properly.
|
|
14
|
-
*
|
|
15
|
-
* It is used internally to synchronize the `drag` and `drop` functionalities.
|
|
16
|
-
* Accepts properties of type [DragAndDropProps]({% slug api_common_draganddropprops %}).
|
|
17
|
-
*/
|
|
18
|
-
export declare const DragAndDrop: {
|
|
19
|
-
(props: DragAndDropProps): JSX.Element;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|