@progress/kendo-react-common 9.2.0-develop.4 → 9.2.0-develop.6
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/clone.js +1 -1
- package/clone.mjs +3 -3
- package/contexts/AdaptiveModeContext.js +8 -0
- package/contexts/AdaptiveModeContext.mjs +17 -0
- package/dist/cdn/js/kendo-react-common.js +1 -1
- package/hocs/use-adaptive-mode-hoc.js +8 -0
- package/hocs/use-adaptive-mode-hoc.mjs +17 -0
- package/index.d.mts +49 -0
- package/index.d.ts +49 -0
- package/index.js +1 -1
- package/index.mjs +234 -228
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import * as e from "react";
|
|
10
|
+
import { useAdaptiveModeContext as d } from "../contexts/AdaptiveModeContext.mjs";
|
|
11
|
+
const n = (t) => e.forwardRef((o, a) => {
|
|
12
|
+
const r = d();
|
|
13
|
+
return /* @__PURE__ */ e.createElement(t, { ...o, ref: a, _adaptiveMode: r });
|
|
14
|
+
});
|
|
15
|
+
export {
|
|
16
|
+
n as withAdaptiveModeContext
|
|
17
|
+
};
|
package/index.d.mts
CHANGED
|
@@ -29,6 +29,43 @@ export declare const ADAPTIVE_MEDIUM_BREAKPOINT: number;
|
|
|
29
29
|
/** @hidden */
|
|
30
30
|
export declare const ADAPTIVE_SMALL_BREAKPOINT: number;
|
|
31
31
|
|
|
32
|
+
/**
|
|
33
|
+
* Represents a React Context that enables further configuration of the adaptive mode breakpoints.
|
|
34
|
+
* Used for global configuration across components that implement adaptive rendering.
|
|
35
|
+
* For more information and demos, refer to:
|
|
36
|
+
* * [DatePicker Adaptive Rendering article]({% adaptive_rendering_datepicker %})
|
|
37
|
+
* * [DateRangePicker Adaptive Rendering article]({% adaptive_rendering_datetimepicker %})
|
|
38
|
+
* * [DateTimePicker Adaptive Rendering article]({% adaptive_rendering_daterangepicker %})
|
|
39
|
+
* * [TimePicker Adaptive Rendering article]({% adaptive_rendering_timepicker %})
|
|
40
|
+
* * [AutoComplete Adaptive Rendering article]({% adaptive_rendering_autocomplete %})
|
|
41
|
+
* * [ComboBox Adaptive Rendering article]({% adaptive_rendering_combobox %})
|
|
42
|
+
* * [DropDownList Adaptive Rendering article]({% adaptive_rendering_dropdownlist %})
|
|
43
|
+
* * [DropDownTree Adaptive Rendering article]({% adaptive_rendering_dropdowntree %})
|
|
44
|
+
* * [MultiColumnComboBox Adaptive Rendering article]({% adaptive_rendering_multicolumncombobox %})
|
|
45
|
+
* * [MultiSelect Adaptive Rendering article]({% adaptive_rendering_multiselect %})
|
|
46
|
+
* * [MultiSelectTree Adaptive Rendering article]({% adaptive_rendering_multiselecttree %})
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
export declare const AdaptiveModeContext: React_2.Context<AdaptiveModeContextType>;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Represents the `AdaptiveModeContextType` interface.
|
|
53
|
+
*/
|
|
54
|
+
export declare interface AdaptiveModeContextType {
|
|
55
|
+
/**
|
|
56
|
+
* Sets the small breakpoint for the adaptive rendering.
|
|
57
|
+
*
|
|
58
|
+
* @default 500
|
|
59
|
+
*/
|
|
60
|
+
small: number;
|
|
61
|
+
/**
|
|
62
|
+
* Sets the medium breakpoint for the adaptive rendering.
|
|
63
|
+
*
|
|
64
|
+
* @default 786
|
|
65
|
+
*/
|
|
66
|
+
medium: number;
|
|
67
|
+
}
|
|
68
|
+
|
|
32
69
|
/**
|
|
33
70
|
* @hidden
|
|
34
71
|
*/
|
|
@@ -1032,6 +1069,12 @@ export declare interface DateTimeSpinnerClasses {
|
|
|
1032
1069
|
*/
|
|
1033
1070
|
export declare const ddbPrefix: string;
|
|
1034
1071
|
|
|
1072
|
+
/** @hidden */
|
|
1073
|
+
export declare const defaultValue: {
|
|
1074
|
+
small: number;
|
|
1075
|
+
medium: number;
|
|
1076
|
+
};
|
|
1077
|
+
|
|
1035
1078
|
/**
|
|
1036
1079
|
* @hidden
|
|
1037
1080
|
*/
|
|
@@ -3724,6 +3767,9 @@ export declare const uRadioButton: WidgetClassStructure;
|
|
|
3724
3767
|
*/
|
|
3725
3768
|
export declare const uRadioGroup: WidgetClassStructure;
|
|
3726
3769
|
|
|
3770
|
+
/** @hidden */
|
|
3771
|
+
export declare const useAdaptiveModeContext: () => AdaptiveModeContextType;
|
|
3772
|
+
|
|
3727
3773
|
/**
|
|
3728
3774
|
* An utility function for asynchronous focus/blur handling.
|
|
3729
3775
|
*
|
|
@@ -3880,6 +3926,9 @@ export declare interface WidgetClassStructure {
|
|
|
3880
3926
|
} | string;
|
|
3881
3927
|
}
|
|
3882
3928
|
|
|
3929
|
+
/** @hidden */
|
|
3930
|
+
export declare const withAdaptiveModeContext: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
|
|
3931
|
+
|
|
3883
3932
|
/** @hidden */
|
|
3884
3933
|
export declare const withIdHOC: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
|
|
3885
3934
|
|
package/index.d.ts
CHANGED
|
@@ -29,6 +29,43 @@ export declare const ADAPTIVE_MEDIUM_BREAKPOINT: number;
|
|
|
29
29
|
/** @hidden */
|
|
30
30
|
export declare const ADAPTIVE_SMALL_BREAKPOINT: number;
|
|
31
31
|
|
|
32
|
+
/**
|
|
33
|
+
* Represents a React Context that enables further configuration of the adaptive mode breakpoints.
|
|
34
|
+
* Used for global configuration across components that implement adaptive rendering.
|
|
35
|
+
* For more information and demos, refer to:
|
|
36
|
+
* * [DatePicker Adaptive Rendering article]({% adaptive_rendering_datepicker %})
|
|
37
|
+
* * [DateRangePicker Adaptive Rendering article]({% adaptive_rendering_datetimepicker %})
|
|
38
|
+
* * [DateTimePicker Adaptive Rendering article]({% adaptive_rendering_daterangepicker %})
|
|
39
|
+
* * [TimePicker Adaptive Rendering article]({% adaptive_rendering_timepicker %})
|
|
40
|
+
* * [AutoComplete Adaptive Rendering article]({% adaptive_rendering_autocomplete %})
|
|
41
|
+
* * [ComboBox Adaptive Rendering article]({% adaptive_rendering_combobox %})
|
|
42
|
+
* * [DropDownList Adaptive Rendering article]({% adaptive_rendering_dropdownlist %})
|
|
43
|
+
* * [DropDownTree Adaptive Rendering article]({% adaptive_rendering_dropdowntree %})
|
|
44
|
+
* * [MultiColumnComboBox Adaptive Rendering article]({% adaptive_rendering_multicolumncombobox %})
|
|
45
|
+
* * [MultiSelect Adaptive Rendering article]({% adaptive_rendering_multiselect %})
|
|
46
|
+
* * [MultiSelectTree Adaptive Rendering article]({% adaptive_rendering_multiselecttree %})
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
export declare const AdaptiveModeContext: React_2.Context<AdaptiveModeContextType>;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Represents the `AdaptiveModeContextType` interface.
|
|
53
|
+
*/
|
|
54
|
+
export declare interface AdaptiveModeContextType {
|
|
55
|
+
/**
|
|
56
|
+
* Sets the small breakpoint for the adaptive rendering.
|
|
57
|
+
*
|
|
58
|
+
* @default 500
|
|
59
|
+
*/
|
|
60
|
+
small: number;
|
|
61
|
+
/**
|
|
62
|
+
* Sets the medium breakpoint for the adaptive rendering.
|
|
63
|
+
*
|
|
64
|
+
* @default 786
|
|
65
|
+
*/
|
|
66
|
+
medium: number;
|
|
67
|
+
}
|
|
68
|
+
|
|
32
69
|
/**
|
|
33
70
|
* @hidden
|
|
34
71
|
*/
|
|
@@ -1032,6 +1069,12 @@ export declare interface DateTimeSpinnerClasses {
|
|
|
1032
1069
|
*/
|
|
1033
1070
|
export declare const ddbPrefix: string;
|
|
1034
1071
|
|
|
1072
|
+
/** @hidden */
|
|
1073
|
+
export declare const defaultValue: {
|
|
1074
|
+
small: number;
|
|
1075
|
+
medium: number;
|
|
1076
|
+
};
|
|
1077
|
+
|
|
1035
1078
|
/**
|
|
1036
1079
|
* @hidden
|
|
1037
1080
|
*/
|
|
@@ -3724,6 +3767,9 @@ export declare const uRadioButton: WidgetClassStructure;
|
|
|
3724
3767
|
*/
|
|
3725
3768
|
export declare const uRadioGroup: WidgetClassStructure;
|
|
3726
3769
|
|
|
3770
|
+
/** @hidden */
|
|
3771
|
+
export declare const useAdaptiveModeContext: () => AdaptiveModeContextType;
|
|
3772
|
+
|
|
3727
3773
|
/**
|
|
3728
3774
|
* An utility function for asynchronous focus/blur handling.
|
|
3729
3775
|
*
|
|
@@ -3880,6 +3926,9 @@ export declare interface WidgetClassStructure {
|
|
|
3880
3926
|
} | string;
|
|
3881
3927
|
}
|
|
3882
3928
|
|
|
3929
|
+
/** @hidden */
|
|
3930
|
+
export declare const withAdaptiveModeContext: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
|
|
3931
|
+
|
|
3883
3932
|
/** @hidden */
|
|
3884
3933
|
export declare const withIdHOC: <P extends object>(Component: React_2.ComponentType<P>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<P> & React_2.RefAttributes<any>>;
|
|
3885
3934
|
|
package/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./tree-utils/itemIdUtils.js"),
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./tree-utils/itemIdUtils.js"),m=require("./contexts/ZIndexContext.js"),l=require("./contexts/AdaptiveModeContext.js"),P=require("./browser-support.service.js"),v=require("./canUseDOM.js"),T=require("./canUseRef.js"),I=require("./classNames.js"),n=require("./clone.js"),o=require("./trappedFocus.js"),S=require("./FormComponent.js"),f=require("./getTabIndex.js"),M=require("./getter.js"),B=require("./guid.js"),C=require("./keys.js"),y=require("./noop.js"),g=require("./scrollbarWidth.js"),F=require("./setter.js"),s=require("./constants/main.js"),u=require("./treeDataOperations.js"),x=require("./validate-package.js"),L=require("./hasRelativeStackingContext.js"),w=require("./watermark/WatermarkOverlay.js"),O=require("./apply-default-props.js"),N=require("./events/dispatchEvent.js"),k=require("./hocs/AsyncFocusBlur.js"),q=require("./hocs/withPropsContext.js"),U=require("./hocs/use-id-hoc.js"),R=require("./hocs/use-unstyled-hoc.js"),_=require("./hocs/use-adaptive-mode-hoc.js"),W=require("./hooks/useDir.js"),H=require("./hooks/useAsyncFocusBlur.js"),V=require("./hooks/useRtl.js"),G=require("./hooks/useMouse.js"),K=require("./hooks/useCustomComponent.js"),j=require("./hooks/usePropsContext.js"),b=require("./hooks/useCollection.js"),z=require("./hooks/useDocument.js"),Z=require("./hooks/useWindow.js"),X=require("./hooks/use-id.js"),Y=require("./hooks/use-isomorphic-layout-effect.js"),$=require("./icons/Icon.js"),J=require("./icons/SvgIcon.js"),Q=require("./icons/IconWrap.js"),ee=require("./icons/IconsContext.js"),d=require("./icons/utils.js"),te=require("./typography/Typography.js"),oe=require("./drag-n-drop/index.js"),re=require("./Draggable.js"),se=require("./Droppable.js"),ne=require("./hooks/useDraggable.js"),ie=require("./hooks/useDroppable.js"),ue=require("./theme.js"),ae=require("./memoize.js"),ce=require("./navigation.js"),h=require("./getActiveElement.js"),le=require("./tree-utils/FieldsService.js"),de=require("./tree-utils/SortedPublicItemIds.js"),t=require("./tree-utils/itemUtils.js"),A=require("./tree-utils/misc.js"),pe=require("./rowHeightService.js"),D=require("./unstyled/main.js"),me=require("./unstyled/animations.js"),Ie=require("./unstyled/icons.js"),p=require("./unstyled/buttons.js"),a=require("./unstyled/dropdowns.js"),i=require("./unstyled/dateinputs.js"),r=require("./unstyled/inputs.js"),c=require("./unstyled/labels.js"),Ce=require("./unstyled/form.js"),ge=require("./unstyled/popup.js"),xe=require("./unstyled/grid.js"),e=require("./unstyled/json-classes.js");exports.treeIdUtils=E;exports.ZIndexContext=m.ZIndexContext;exports.useZIndexContext=m.useZIndexContext;exports.AdaptiveModeContext=l.AdaptiveModeContext;exports.defaultValue=l.defaultValue;exports.useAdaptiveModeContext=l.useAdaptiveModeContext;exports.BrowserSupportService=P.BrowserSupportService;exports.canUseDOM=v.canUseDOM;exports.canUseRef=T.canUseRef;exports.classNames=I.classNames;exports.strippedClassNames=I.strippedClassNames;exports.clone=n.clone;exports.cloneArray=n.cloneArray;exports.cloneDate=n.cloneDate;exports.cloneObject=n.cloneObject;exports.cloneValue=n.cloneValue;exports.applyTrappedFocus=o.applyTrappedFocus;exports.disableNavigatableContainer=o.disableNavigatableContainer;exports.enableNavigatableContainer=o.enableNavigatableContainer;exports.firstFocusableChild=o.firstFocusableChild;exports.focusFirstFocusableChild=o.focusFirstFocusableChild;exports.focusLastFocusableChild=o.focusLastFocusableChild;exports.focusableChildren=o.focusableChildren;exports.keepFocusInContainer=o.keepFocusInContainer;exports.lastFocusableChild=o.lastFocusableChild;exports.FormComponent=S.FormComponent;exports.getTabIndex=f.getTabIndex;exports.getter=M.getter;exports.guid=B.guid;exports.KEYS=C.KEYS;exports.Keys=C.Keys;exports.noop=y.noop;exports.getScrollbarWidth=g.getScrollbarWidth;exports.setScrollbarWidth=g.setScrollbarWidth;exports.setter=F.setter;exports.ADAPTIVE_MEDIUM_BREAKPOINT=s.ADAPTIVE_MEDIUM_BREAKPOINT;exports.ADAPTIVE_SMALL_BREAKPOINT=s.ADAPTIVE_SMALL_BREAKPOINT;exports.FIELD_REGEX=s.FIELD_REGEX;exports.FOCUSABLE_ELEMENTS=s.FOCUSABLE_ELEMENTS;exports.FOCUSABLE_ELEMENTS_BASE=s.FOCUSABLE_ELEMENTS_BASE;exports.TABBABLE_ELEMENTS=s.TABBABLE_ELEMENTS;exports.extendDataItem=u.extendDataItem;exports.getItemPath=u.getItemPath;exports.mapTree=u.mapTree;exports.mapTreeItem=u.mapTreeItem;exports.shouldShowValidationUI=x.shouldShowValidationUI;exports.validatePackage=x.validatePackage;exports.hasRelativeStackingContext=L.hasRelativeStackingContext;exports.WatermarkOverlay=w.WatermarkOverlay;exports.applyDefaultProps=O.applyDefaultProps;exports.dispatchEvent=N.dispatchEvent;exports.AsyncFocusBlur=k.AsyncFocusBlur;exports.createPropsContext=q.createPropsContext;exports.withPropsContext=q.withPropsContext;exports.withIdHOC=U.withIdHOC;exports.withUnstyledHOC=R.withUnstyledHOC;exports.withAdaptiveModeContext=_.withAdaptiveModeContext;exports.useDir=W.useDir;exports.useAsyncFocusBlur=H.useAsyncFocusBlur;exports.useRtl=V.useRtl;exports.useMouse=G.useMouse;exports.useCustomComponent=K.useCustomComponent;exports.usePropsContext=j.usePropsContext;exports.COLLECTION_ACTION=b.COLLECTION_ACTION;exports.useCollection=b.useCollection;exports.useDocument=z.useDocument;exports.useWindow=Z.useWindow;exports.useId=X.useId;exports.useIsomorphicLayoutEffect=Y.useIsomorphicLayoutEffect;exports.Icon=$.Icon;exports.SvgIcon=J.SvgIcon;exports.IconWrap=Q.IconWrap;exports.IconsContext=ee.IconsContext;exports.svgIconPropType=d.svgIconPropType;exports.toIconClass=d.toIconClass;exports.toIconName=d.toIconName;exports.Typography=te.Typography;exports.DragAndDrop=oe.DragAndDrop;exports.Draggable=re.Draggable;exports.Droppable=se.Droppable;exports.useDraggable=ne.useDraggable;exports.useDroppable=ie.useDroppable;exports.kendoThemeMaps=ue.kendoThemeMaps;exports.memoizeOne=ae.memoizeOne;exports.Navigation=ce.Navigation;exports.getActiveElement=h.getActiveElement;exports.getInnerActiveElement=h.getInnerActiveElement;exports.TreeFieldsService=le.TreeFieldsService;exports.SortedPublicItemIds=de.SortedPublicItemIds;exports.addItem=t.addItem;exports.areAllDirectChildrenChecked=t.areAllDirectChildrenChecked;exports.getAllDirectIndirectChildrenIds=t.getAllDirectIndirectChildrenIds;exports.getAllParents=t.getAllParents;exports.hasChildren=t.hasChildren;exports.isEnabledAndAllParentsEnabled=t.isEnabledAndAllParentsEnabled;exports.isItemExpandedAndWithChildren=t.isItemExpandedAndWithChildren;exports.removeItem=t.removeItem;exports.resolveItemId=t.resolveItemId;exports.resolveItemsIds=t.resolveItemsIds;exports.updateItem=t.updateItem;exports.getNestedValue=A.getNestedValue;exports.isArray=A.isArray;exports.RowHeightService=pe.RowHeightService;exports.UnstyledContext=D.UnstyledContext;exports.useUnstyled=D.useUnstyled;exports.uAnimation=me.uAnimation;exports.uSvgIcon=Ie.uSvgIcon;exports.uButton=p.uButton;exports.uButtonGroup=p.uButtonGroup;exports.uDropDownButton=p.uDropDownButton;exports.uComboBox=a.uComboBox;exports.uDropDownList=a.uDropDownList;exports.uDropDownsActionSheet=a.uDropDownsActionSheet;exports.uDropDownsBase=a.uDropDownsBase;exports.uCalendar=i.uCalendar;exports.uDateInput=i.uDateInput;exports.uDateTimePicker=i.uDateTimePicker;exports.uTime=i.uTime;exports.uTimePicker=i.uTimePicker;exports.radioButtonClasses=r.radioButtonClasses;exports.radioGroupClasses=r.radioGroupClasses;exports.uInput=r.uInput;exports.uMaskedTextBox=r.uMaskedTextBox;exports.uRadioButton=r.uRadioButton;exports.uRadioGroup=r.uRadioGroup;exports.uTextBox=r.uTextBox;exports.uError=c.uError;exports.uFloatingLabel=c.uFloatingLabel;exports.uHint=c.uHint;exports.uLabel=c.uLabel;exports.uForm=Ce.uForm;exports.uPopup=ge.uPopup;exports.uGrid=xe.uGrid;exports.actions=e.actions;exports.animationStyles=e.animationStyles;exports.base=e.base;exports.buttonPrefix=e.buttonPrefix;exports.calendarPrefix=e.calendarPrefix;exports.comboBoxPrefix=e.comboBoxPrefix;exports.components=e.components;exports.containers=e.containers;exports.cssUtils=e.cssUtils;exports.cursor=e.cursor;exports.dateInputs=e.dateInputs;exports.ddbPrefix=e.ddbPrefix;exports.dimensions=e.dimensions;exports.directionMap=e.directionMap;exports.dropDownListPrefix=e.dropDownListPrefix;exports.elements=e.elements;exports.fillModeMap=e.fillModeMap;exports.forms=e.forms;exports.grid=e.grid;exports.gridPrefix=e.gridPrefix;exports.icon=e.icon;exports.inputPrefix=e.inputPrefix;exports.inputs=e.inputs;exports.jsonTheme=e.jsonTheme;exports.labels=e.labels;exports.maskedPrefix=e.maskedPrefix;exports.orientationMap=e.orientationMap;exports.pickerPrefix=e.pickerPrefix;exports.popup=e.popup;exports.radioPrefix=e.radioPrefix;exports.roundedMap=e.roundedMap;exports.sizeMap=e.sizeMap;exports.states=e.states;exports.themeColorMap=e.themeColorMap;
|