@progress/kendo-react-common 8.3.0-develop.9 → 8.4.0-develop.1

package/icons/SvgIcon.mjs

@@ -7,92 +7,98 @@
  */
 "use client";
 import * as t from "react";
-import o from "prop-types";
-import { classNames as P } from "../classNames.mjs";
-import { uSvgIcon as R } from "../unstyled/icons.mjs";
-import { useUnstyled as H } from "../unstyled/main.mjs";
-const v = t.forwardRef((e, w) => {
+import s from "prop-types";
+import { classNames as w } from "../classNames.mjs";
+import { uSvgIcon as x } from "../unstyled/icons.mjs";
+import { useUnstyled as R } from "../unstyled/main.mjs";
+const y = t.forwardRef((e, b) => {
   const {
-    children: x,
+    children: z,
     className: a,
-    svgClassName: y,
-    icon: i,
+    svgClassName: N,
+    icon: o,
     flip: c,
-    id: I,
-    tabIndex: N,
+    id: p,
+    tabIndex: I,
     size: h,
-    style: n,
-    svgStyle: z,
-    themeColor: m,
-    viewBox: d,
+    style: l,
+    svgStyle: M,
+    themeColor: r,
+    viewBox: m,
     name: O,
     onClick: S,
-    ...b
-  } = e, u = t.useRef(null), r = H(), M = r && r.uSvgIcon ? r.uSvgIcon : R;
+    ...B
+  } = e, d = t.useRef(null), f = R(), u = f && f.uSvgIcon;
   t.useImperativeHandle(
-    w,
+    b,
     () => ({
-      element: u.current
+      element: d.current
     })
   );
-  const f = t.useMemo(
-    () => i ? i.name : l.icon,
-    [i]
-  ), g = t.useMemo(
-    () => h || l.size,
+  const g = t.useMemo(
+    () => o ? o.name : n.icon,
+    [o]
+  ), v = t.useMemo(
+    () => h || n.size,
     [h]
-  ), s = t.useMemo(
-    () => c || l.flip,
+  ), i = t.useMemo(
+    () => c || n.flip,
     [c]
-  ), p = t.useMemo(
-    () => d || l.viewBox,
-    [d]
-  ), B = t.useMemo(
-    () => P(M.wrapper({
-      iconNameProp: f,
-      themeColor: m,
-      flipH: s === "horizontal" || s === "both",
-      flipV: s === "vertical" || s === "both",
-      size: g
-    }), a),
-    [f, m, g, s, a]
   ), C = t.useMemo(
-    () => e.width && e.height ? { width: e.width, height: e.height, ...n } : e.width ? { width: e.width, height: e.width, ...n } : e.height ? { width: e.height, height: e.height, ...n } : { ...n },
-    [e.width, e.height, n]
+    () => m || n.viewBox,
+    [m]
+  ), P = t.useMemo(
+    () => w(x.wrapper({
+      c: u,
+      iconNameProp: g,
+      themeColor: r,
+      flipH: i === "horizontal" || i === "both",
+      flipV: i === "vertical" || i === "both",
+      size: v
+    }), a),
+    [g, r, v, i, a]
+  ), H = t.useMemo(
+    () => e.width && e.height ? { width: e.width, height: e.height, ...l } : e.width ? { width: e.width, height: e.width, ...l } : e.height ? { width: e.height, height: e.height, ...l } : { ...l },
+    [e.width, e.height, l]
   );
   return /* @__PURE__ */ t.createElement(
     "span",
     {
-      className: B,
-      style: C,
-      ref: u,
+      className: w(x.svg({
+        c: u,
+        themeColor: r,
+        flipH: i === "horizontal" || i === "both",
+        flipV: i === "vertical" || i === "both"
+      }), P),
+      style: H,
+      ref: d,
       onClick: S,
       "aria-hidden": !0
     },
     /* @__PURE__ */ t.createElement(
       "svg",
       {
-        id: I,
-        className: y,
-        style: z,
+        id: p,
+        className: N,
+        style: M,
         "aria-hidden": !0,
-        tabIndex: N,
+        tabIndex: I,
         focusable: !1,
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: i ? i.viewBox : p,
-        dangerouslySetInnerHTML: i ? { __html: i.content } : void 0,
-        ...b
+        viewBox: o ? o.viewBox : C,
+        dangerouslySetInnerHTML: o ? { __html: o.content } : void 0,
+        ...B
       },
-      i ? void 0 : x
+      o ? void 0 : z
     )
   );
 });
-v.propTypes = {
-  style: o.object,
-  classNames: o.string,
-  children: o.any,
-  icon: o.object,
-  themeColor: o.oneOf([
+y.propTypes = {
+  style: s.object,
+  classNames: s.string,
+  children: s.any,
+  icon: s.object,
+  themeColor: s.oneOf([
     "inherit",
     "primary",
     "secondary",
@@ -105,16 +111,16 @@ v.propTypes = {
     "light",
     "inverse"
   ]),
-  size: o.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),
-  flip: o.oneOf(["default", "horizontal", "vertical", "both"])
+  size: s.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),
+  flip: s.oneOf(["default", "horizontal", "vertical", "both"])
 };
-const l = {
+const n = {
   size: "default",
   flip: "default",
   icon: "",
   viewBox: "0 0 24 24"
 };
-v.displayName = "KendoSvgIcon";
+y.displayName = "KendoSvgIcon";
 export {
-  v as SvgIcon
+  y as SvgIcon
 };

package/index.d.mts

@@ -124,7 +124,9 @@ export declare const base: {
     infinite: string;
     clear: string;
     reset: string;
+    data: string;
     nodata: string;
+    scroller: string;
 };
 
 /** @hidden */
@@ -328,6 +330,11 @@ export declare interface CollectionAction<T> {
     item: T;
 }
 
+/**
+ * @hidden
+ */
+export declare const comboBoxPrefix: string;
+
 /**
  * @hidden
  */
@@ -339,6 +346,7 @@ export declare const components: {
     datetime: string;
     datetimepicker: string;
     dropdownlist: string;
+    combobox: string;
     maskedtextbox: string;
     menu: string;
     searchbox: string;
@@ -644,6 +652,7 @@ export declare interface DropDownsClassStructure {
     uDropDownsActionSheet?: WidgetClassStructure;
     uDropDownsBase?: WidgetClassStructure;
     uDropDownList?: WidgetClassStructure;
+    uComboBox?: WidgetClassStructure;
 }
 
 /**
@@ -741,6 +750,7 @@ export declare const elements: {
     footer: string;
     icon: string;
     title: string;
+    subtitle: string;
     link: string;
     label: string;
     ul: string;
@@ -2240,6 +2250,11 @@ export declare const uButton: WidgetClassStructure;
  */
 export declare const uCalendar: WidgetClassStructure;
 
+/**
+ * @hidden
+ */
+export declare const uComboBox: WidgetClassStructure;
+
 /**
  * @hidden
  */

package/index.d.ts

@@ -124,7 +124,9 @@ export declare const base: {
     infinite: string;
     clear: string;
     reset: string;
+    data: string;
     nodata: string;
+    scroller: string;
 };
 
 /** @hidden */
@@ -328,6 +330,11 @@ export declare interface CollectionAction<T> {
     item: T;
 }
 
+/**
+ * @hidden
+ */
+export declare const comboBoxPrefix: string;
+
 /**
  * @hidden
  */
@@ -339,6 +346,7 @@ export declare const components: {
     datetime: string;
     datetimepicker: string;
     dropdownlist: string;
+    combobox: string;
     maskedtextbox: string;
     menu: string;
     searchbox: string;
@@ -644,6 +652,7 @@ export declare interface DropDownsClassStructure {
     uDropDownsActionSheet?: WidgetClassStructure;
     uDropDownsBase?: WidgetClassStructure;
     uDropDownList?: WidgetClassStructure;
+    uComboBox?: WidgetClassStructure;
 }
 
 /**
@@ -741,6 +750,7 @@ export declare const elements: {
     footer: string;
     icon: string;
     title: string;
+    subtitle: string;
     link: string;
     label: string;
     ul: string;
@@ -2240,6 +2250,11 @@ export declare const uButton: WidgetClassStructure;
  */
 export declare const uCalendar: WidgetClassStructure;
 
+/**
+ * @hidden
+ */
+export declare const uComboBox: WidgetClassStructure;
+
 /**
  * @hidden
  */

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./tree-utils/itemIdUtils.js"),d=require("./contexts/ZIndexContext.js"),S=require("./browser-support.service.js"),v=require("./canUseDOM.js"),P=require("./canUseRef.js"),A=require("./classNames.js"),s=require("./clone.js"),r=require("./trappedFocus.js"),T=require("./FormComponent.js"),f=require("./getTabIndex.js"),F=require("./getter.js"),y=require("./guid.js"),p=require("./keys.js"),B=require("./noop.js"),m=require("./scrollbarWidth.js"),L=require("./setter.js"),i=require("./constants/main.js"),u=require("./treeDataOperations.js"),I=require("./validate-package.js"),M=require("./hasRelativeStackingContext.js"),w=require("./watermark/WatermarkOverlay.js"),k=require("./events/dispatchEvent.js"),O=require("./hocs/AsyncFocusBlur.js"),C=require("./hocs/withPropsContext.js"),U=require("./hocs/use-id-hoc.js"),N=require("./hocs/use-unstyled-hoc.js"),R=require("./hooks/useDir.js"),W=require("./hooks/useAsyncFocusBlur.js"),_=require("./hooks/useRtl.js"),H=require("./hooks/useMouse.js"),G=require("./hooks/useCustomComponent.js"),j=require("./hooks/usePropsContext.js"),g=require("./hooks/useCollection.js"),V=require("./hooks/useDocument.js"),z=require("./hooks/useWindow.js"),Z=require("./hooks/use-id.js"),K=require("./hooks/use-isomorphic-layout-effect.js"),X=require("./icons/Icon.js"),Y=require("./icons/SvgIcon.js"),$=require("./icons/IconWrap.js"),J=require("./icons/IconsContext.js"),c=require("./icons/utils.js"),Q=require("./typography/Typography.js"),ee=require("./drag-n-drop/index.js"),te=require("./Draggable.js"),re=require("./Droppable.js"),oe=require("./hooks/useDraggable.js"),se=require("./hooks/useDroppable.js"),ne=require("./theme.js"),ie=require("./memoize.js"),ue=require("./navigation.js"),q=require("./getActiveElement.js"),ae=require("./tree-utils/FieldsService.js"),ce=require("./tree-utils/SortedPublicItemIds.js"),t=require("./tree-utils/itemUtils.js"),h=require("./tree-utils/misc.js"),le=require("./rowHeightService.js"),b=require("./unstyled/main.js"),de=require("./unstyled/animations.js"),pe=require("./unstyled/icons.js"),x=require("./unstyled/buttons.js"),l=require("./unstyled/dropdowns.js"),n=require("./unstyled/dateinputs.js"),o=require("./unstyled/inputs.js"),a=require("./unstyled/labels.js"),D=require("./unstyled/form.js"),me=require("./unstyled/popup.js"),Ie=require("./unstyled/grid.js"),e=require("./unstyled/json-classes.js");exports.treeIdUtils=E;exports.ZIndexContext=d.ZIndexContext;exports.useZIndexContext=d.useZIndexContext;exports.BrowserSupportService=S.BrowserSupportService;exports.canUseDOM=v.canUseDOM;exports.canUseRef=P.canUseRef;exports.classNames=A.classNames;exports.clone=s.clone;exports.cloneArray=s.cloneArray;exports.cloneDate=s.cloneDate;exports.cloneObject=s.cloneObject;exports.cloneValue=s.cloneValue;exports.applyTrappedFocus=r.applyTrappedFocus;exports.disableNavigatableContainer=r.disableNavigatableContainer;exports.enableNavigatableContainer=r.enableNavigatableContainer;exports.firstFocusableChild=r.firstFocusableChild;exports.focusFirstFocusableChild=r.focusFirstFocusableChild;exports.focusLastFocusableChild=r.focusLastFocusableChild;exports.focusableChildren=r.focusableChildren;exports.keepFocusInContainer=r.keepFocusInContainer;exports.lastFocusableChild=r.lastFocusableChild;exports.FormComponent=T.FormComponent;exports.getTabIndex=f.getTabIndex;exports.getter=F.getter;exports.guid=y.guid;exports.KEYS=p.KEYS;exports.Keys=p.Keys;exports.noop=B.noop;exports.getScrollbarWidth=m.getScrollbarWidth;exports.setScrollbarWidth=m.setScrollbarWidth;exports.setter=L.setter;exports.FIELD_REGEX=i.FIELD_REGEX;exports.FOCUSABLE_ELEMENTS=i.FOCUSABLE_ELEMENTS;exports.FOCUSABLE_ELEMENTS_BASE=i.FOCUSABLE_ELEMENTS_BASE;exports.TABBABLE_ELEMENTS=i.TABBABLE_ELEMENTS;exports.extendDataItem=u.extendDataItem;exports.getItemPath=u.getItemPath;exports.mapTree=u.mapTree;exports.mapTreeItem=u.mapTreeItem;exports.shouldShowValidationUI=I.shouldShowValidationUI;exports.validatePackage=I.validatePackage;exports.hasRelativeStackingContext=M.hasRelativeStackingContext;exports.WatermarkOverlay=w.WatermarkOverlay;exports.dispatchEvent=k.dispatchEvent;exports.AsyncFocusBlur=O.AsyncFocusBlur;exports.createPropsContext=C.createPropsContext;exports.withPropsContext=C.withPropsContext;exports.withIdHOC=U.withIdHOC;exports.withUnstyledHOC=N.withUnstyledHOC;exports.useDir=R.useDir;exports.useAsyncFocusBlur=W.useAsyncFocusBlur;exports.useRtl=_.useRtl;exports.useMouse=H.useMouse;exports.useCustomComponent=G.useCustomComponent;exports.usePropsContext=j.usePropsContext;exports.COLLECTION_ACTION=g.COLLECTION_ACTION;exports.useCollection=g.useCollection;exports.useDocument=V.useDocument;exports.useWindow=z.useWindow;exports.useId=Z.useId;exports.useIsomorphicLayoutEffect=K.useIsomorphicLayoutEffect;exports.Icon=X.Icon;exports.SvgIcon=Y.SvgIcon;exports.IconWrap=$.IconWrap;exports.IconsContext=J.IconsContext;exports.svgIconPropType=c.svgIconPropType;exports.toIconClass=c.toIconClass;exports.toIconName=c.toIconName;exports.Typography=Q.Typography;exports.DragAndDrop=ee.DragAndDrop;exports.Draggable=te.Draggable;exports.Droppable=re.Droppable;exports.useDraggable=oe.useDraggable;exports.useDroppable=se.useDroppable;exports.kendoThemeMaps=ne.kendoThemeMaps;exports.memoizeOne=ie.memoizeOne;exports.Navigation=ue.Navigation;exports.getActiveElement=q.getActiveElement;exports.getInnerActiveElement=q.getInnerActiveElement;exports.TreeFieldsService=ae.TreeFieldsService;exports.SortedPublicItemIds=ce.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=h.getNestedValue;exports.isArray=h.isArray;exports.RowHeightService=le.RowHeightService;exports.UnstyledContext=b.UnstyledContext;exports.useUnstyled=b.useUnstyled;exports.uAnimation=de.uAnimation;exports.uSvgIcon=pe.uSvgIcon;exports.uButton=x.uButton;exports.uDropDownButton=x.uDropDownButton;exports.uDropDownList=l.uDropDownList;exports.uDropDownsActionSheet=l.uDropDownsActionSheet;exports.uDropDownsBase=l.uDropDownsBase;exports.uCalendar=n.uCalendar;exports.uDateInput=n.uDateInput;exports.uDateTimePicker=n.uDateTimePicker;exports.uTime=n.uTime;exports.uTimePicker=n.uTimePicker;exports.radioButtonClasses=o.radioButtonClasses;exports.radioGroupClasses=o.radioGroupClasses;exports.uInput=o.uInput;exports.uMaskedTextBox=o.uMaskedTextBox;exports.uRadioButton=o.uRadioButton;exports.uRadioGroup=o.uRadioGroup;exports.uTextBox=o.uTextBox;exports.uError=a.uError;exports.uFloatingLabel=a.uFloatingLabel;exports.uHint=a.uHint;exports.uLabel=a.uLabel;exports.uForm=D.uForm;exports.uFormField=D.uFormField;exports.uPopup=me.uPopup;exports.uGrid=Ie.uGrid;exports.actions=e.actions;exports.animationStyles=e.animationStyles;exports.base=e.base;exports.buttonPrefix=e.buttonPrefix;exports.calendarPrefix=e.calendarPrefix;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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./tree-utils/itemIdUtils.js"),d=require("./contexts/ZIndexContext.js"),P=require("./browser-support.service.js"),S=require("./canUseDOM.js"),v=require("./canUseRef.js"),A=require("./classNames.js"),s=require("./clone.js"),o=require("./trappedFocus.js"),f=require("./FormComponent.js"),T=require("./getTabIndex.js"),F=require("./getter.js"),y=require("./guid.js"),p=require("./keys.js"),B=require("./noop.js"),m=require("./scrollbarWidth.js"),L=require("./setter.js"),i=require("./constants/main.js"),u=require("./treeDataOperations.js"),I=require("./validate-package.js"),M=require("./hasRelativeStackingContext.js"),w=require("./watermark/WatermarkOverlay.js"),k=require("./events/dispatchEvent.js"),O=require("./hocs/AsyncFocusBlur.js"),C=require("./hocs/withPropsContext.js"),U=require("./hocs/use-id-hoc.js"),N=require("./hocs/use-unstyled-hoc.js"),R=require("./hooks/useDir.js"),W=require("./hooks/useAsyncFocusBlur.js"),_=require("./hooks/useRtl.js"),H=require("./hooks/useMouse.js"),G=require("./hooks/useCustomComponent.js"),j=require("./hooks/usePropsContext.js"),g=require("./hooks/useCollection.js"),V=require("./hooks/useDocument.js"),z=require("./hooks/useWindow.js"),Z=require("./hooks/use-id.js"),K=require("./hooks/use-isomorphic-layout-effect.js"),X=require("./icons/Icon.js"),Y=require("./icons/SvgIcon.js"),$=require("./icons/IconWrap.js"),J=require("./icons/IconsContext.js"),l=require("./icons/utils.js"),Q=require("./typography/Typography.js"),ee=require("./drag-n-drop/index.js"),te=require("./Draggable.js"),oe=require("./Droppable.js"),re=require("./hooks/useDraggable.js"),se=require("./hooks/useDroppable.js"),ne=require("./theme.js"),ie=require("./memoize.js"),ue=require("./navigation.js"),q=require("./getActiveElement.js"),ae=require("./tree-utils/FieldsService.js"),ce=require("./tree-utils/SortedPublicItemIds.js"),t=require("./tree-utils/itemUtils.js"),b=require("./tree-utils/misc.js"),le=require("./rowHeightService.js"),h=require("./unstyled/main.js"),de=require("./unstyled/animations.js"),pe=require("./unstyled/icons.js"),x=require("./unstyled/buttons.js"),a=require("./unstyled/dropdowns.js"),n=require("./unstyled/dateinputs.js"),r=require("./unstyled/inputs.js"),c=require("./unstyled/labels.js"),D=require("./unstyled/form.js"),me=require("./unstyled/popup.js"),Ie=require("./unstyled/grid.js"),e=require("./unstyled/json-classes.js");exports.treeIdUtils=E;exports.ZIndexContext=d.ZIndexContext;exports.useZIndexContext=d.useZIndexContext;exports.BrowserSupportService=P.BrowserSupportService;exports.canUseDOM=S.canUseDOM;exports.canUseRef=v.canUseRef;exports.classNames=A.classNames;exports.clone=s.clone;exports.cloneArray=s.cloneArray;exports.cloneDate=s.cloneDate;exports.cloneObject=s.cloneObject;exports.cloneValue=s.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=f.FormComponent;exports.getTabIndex=T.getTabIndex;exports.getter=F.getter;exports.guid=y.guid;exports.KEYS=p.KEYS;exports.Keys=p.Keys;exports.noop=B.noop;exports.getScrollbarWidth=m.getScrollbarWidth;exports.setScrollbarWidth=m.setScrollbarWidth;exports.setter=L.setter;exports.FIELD_REGEX=i.FIELD_REGEX;exports.FOCUSABLE_ELEMENTS=i.FOCUSABLE_ELEMENTS;exports.FOCUSABLE_ELEMENTS_BASE=i.FOCUSABLE_ELEMENTS_BASE;exports.TABBABLE_ELEMENTS=i.TABBABLE_ELEMENTS;exports.extendDataItem=u.extendDataItem;exports.getItemPath=u.getItemPath;exports.mapTree=u.mapTree;exports.mapTreeItem=u.mapTreeItem;exports.shouldShowValidationUI=I.shouldShowValidationUI;exports.validatePackage=I.validatePackage;exports.hasRelativeStackingContext=M.hasRelativeStackingContext;exports.WatermarkOverlay=w.WatermarkOverlay;exports.dispatchEvent=k.dispatchEvent;exports.AsyncFocusBlur=O.AsyncFocusBlur;exports.createPropsContext=C.createPropsContext;exports.withPropsContext=C.withPropsContext;exports.withIdHOC=U.withIdHOC;exports.withUnstyledHOC=N.withUnstyledHOC;exports.useDir=R.useDir;exports.useAsyncFocusBlur=W.useAsyncFocusBlur;exports.useRtl=_.useRtl;exports.useMouse=H.useMouse;exports.useCustomComponent=G.useCustomComponent;exports.usePropsContext=j.usePropsContext;exports.COLLECTION_ACTION=g.COLLECTION_ACTION;exports.useCollection=g.useCollection;exports.useDocument=V.useDocument;exports.useWindow=z.useWindow;exports.useId=Z.useId;exports.useIsomorphicLayoutEffect=K.useIsomorphicLayoutEffect;exports.Icon=X.Icon;exports.SvgIcon=Y.SvgIcon;exports.IconWrap=$.IconWrap;exports.IconsContext=J.IconsContext;exports.svgIconPropType=l.svgIconPropType;exports.toIconClass=l.toIconClass;exports.toIconName=l.toIconName;exports.Typography=Q.Typography;exports.DragAndDrop=ee.DragAndDrop;exports.Draggable=te.Draggable;exports.Droppable=oe.Droppable;exports.useDraggable=re.useDraggable;exports.useDroppable=se.useDroppable;exports.kendoThemeMaps=ne.kendoThemeMaps;exports.memoizeOne=ie.memoizeOne;exports.Navigation=ue.Navigation;exports.getActiveElement=q.getActiveElement;exports.getInnerActiveElement=q.getInnerActiveElement;exports.TreeFieldsService=ae.TreeFieldsService;exports.SortedPublicItemIds=ce.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=b.getNestedValue;exports.isArray=b.isArray;exports.RowHeightService=le.RowHeightService;exports.UnstyledContext=h.UnstyledContext;exports.useUnstyled=h.useUnstyled;exports.uAnimation=de.uAnimation;exports.uSvgIcon=pe.uSvgIcon;exports.uButton=x.uButton;exports.uDropDownButton=x.uDropDownButton;exports.uComboBox=a.uComboBox;exports.uDropDownList=a.uDropDownList;exports.uDropDownsActionSheet=a.uDropDownsActionSheet;exports.uDropDownsBase=a.uDropDownsBase;exports.uCalendar=n.uCalendar;exports.uDateInput=n.uDateInput;exports.uDateTimePicker=n.uDateTimePicker;exports.uTime=n.uTime;exports.uTimePicker=n.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=D.uForm;exports.uFormField=D.uFormField;exports.uPopup=me.uPopup;exports.uGrid=Ie.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;

package/index.mjs

@@ -8,12 +8,12 @@
 "use client";
 import * as e from "./tree-utils/itemIdUtils.mjs";
 import { ZIndexContext as t, useZIndexContext as p } from "./contexts/ZIndexContext.mjs";
-import { BrowserSupportService as m } from "./browser-support.service.mjs";
+import { BrowserSupportService as a } from "./browser-support.service.mjs";
 import { canUseDOM as s } from "./canUseDOM.mjs";
 import { canUseRef as x } from "./canUseRef.mjs";
 import { classNames as l } from "./classNames.mjs";
 import { clone as d, cloneArray as c, cloneDate as I, cloneObject as C, cloneValue as h } from "./clone.mjs";
-import { applyTrappedFocus as b, disableNavigatableContainer as E, enableNavigatableContainer as D, firstFocusableChild as A, focusFirstFocusableChild as P, focusLastFocusableChild as S, focusableChildren as T, keepFocusInContainer as v, lastFocusableChild as F } from "./trappedFocus.mjs";
+import { applyTrappedFocus as g, disableNavigatableContainer as E, enableNavigatableContainer as D, firstFocusableChild as P, focusFirstFocusableChild as A, focusLastFocusableChild as S, focusableChildren as T, keepFocusInContainer as v, lastFocusableChild as B } from "./trappedFocus.mjs";
 import { FormComponent as y } from "./FormComponent.mjs";
 import { getTabIndex as M } from "./getTabIndex.mjs";
 import { getter as k } from "./getter.mjs";
@@ -24,18 +24,18 @@ import { getScrollbarWidth as V, setScrollbarWidth as j } from "./scrollbarWidth
 import { setter as K } from "./setter.mjs";
 import { FIELD_REGEX as X, FOCUSABLE_ELEMENTS as Y, FOCUSABLE_ELEMENTS_BASE as q, TABBABLE_ELEMENTS as J } from "./constants/main.mjs";
 import { extendDataItem as $, getItemPath as ee, mapTree as oe, mapTreeItem as re } from "./treeDataOperations.mjs";
-import { shouldShowValidationUI as pe, validatePackage as ae } from "./validate-package.mjs";
+import { shouldShowValidationUI as pe, validatePackage as me } from "./validate-package.mjs";
 import { hasRelativeStackingContext as ne } from "./hasRelativeStackingContext.mjs";
 import { WatermarkOverlay as ie } from "./watermark/WatermarkOverlay.mjs";
 import { dispatchEvent as fe } from "./events/dispatchEvent.mjs";
 import { AsyncFocusBlur as ue } from "./hocs/AsyncFocusBlur.mjs";
 import { createPropsContext as ce, withPropsContext as Ie } from "./hocs/withPropsContext.mjs";
 import { withIdHOC as he } from "./hocs/use-id-hoc.mjs";
-import { withUnstyledHOC as be } from "./hocs/use-unstyled-hoc.mjs";
+import { withUnstyledHOC as ge } from "./hocs/use-unstyled-hoc.mjs";
 import { useDir as De } from "./hooks/useDir.mjs";
-import { useAsyncFocusBlur as Pe } from "./hooks/useAsyncFocusBlur.mjs";
+import { useAsyncFocusBlur as Ae } from "./hooks/useAsyncFocusBlur.mjs";
 import { useRtl as Te } from "./hooks/useRtl.mjs";
-import { useMouse as Fe } from "./hooks/useMouse.mjs";
+import { useMouse as Be } from "./hooks/useMouse.mjs";
 import { useCustomComponent as ye } from "./hooks/useCustomComponent.mjs";
 import { usePropsContext as Me } from "./hooks/usePropsContext.mjs";
 import { COLLECTION_ACTION as ke, useCollection as Ne } from "./hooks/useCollection.mjs";
@@ -49,37 +49,37 @@ import { IconWrap as Ye } from "./icons/IconWrap.mjs";
 import { IconsContext as Je } from "./icons/IconsContext.mjs";
 import { svgIconPropType as $e, toIconClass as eo, toIconName as oo } from "./icons/utils.mjs";
 import { Typography as to } from "./typography/Typography.mjs";
-import { DragAndDrop as ao } from "./drag-n-drop/index.mjs";
+import { DragAndDrop as mo } from "./drag-n-drop/index.mjs";
 import { Draggable as no } from "./Draggable.mjs";
 import { Droppable as io } from "./Droppable.mjs";
 import { useDraggable as fo } from "./hooks/useDraggable.mjs";
 import { useDroppable as uo } from "./hooks/useDroppable.mjs";
 import { kendoThemeMaps as Io } from "./theme.mjs";
 import { memoizeOne as ho } from "./memoize.mjs";
-import { Navigation as bo } from "./navigation.mjs";
-import { getActiveElement as Do, getInnerActiveElement as Ao } from "./getActiveElement.mjs";
+import { Navigation as go } from "./navigation.mjs";
+import { getActiveElement as Do, getInnerActiveElement as Po } from "./getActiveElement.mjs";
 import { TreeFieldsService as So } from "./tree-utils/FieldsService.mjs";
 import { SortedPublicItemIds as vo } from "./tree-utils/SortedPublicItemIds.mjs";
-import { addItem as Bo, areAllDirectChildrenChecked as yo, getAllDirectIndirectChildrenIds as Lo, getAllParents as Mo, hasChildren as wo, isEnabledAndAllParentsEnabled as ko, isItemExpandedAndWithChildren as No, removeItem as Oo, resolveItemId as Uo, resolveItemsIds as Ro, updateItem as Wo } from "./tree-utils/itemUtils.mjs";
+import { addItem as Fo, areAllDirectChildrenChecked as yo, getAllDirectIndirectChildrenIds as Lo, getAllParents as Mo, hasChildren as wo, isEnabledAndAllParentsEnabled as ko, isItemExpandedAndWithChildren as No, removeItem as Oo, resolveItemId as Uo, resolveItemsIds as Ro, updateItem as Wo } from "./tree-utils/itemUtils.mjs";
 import { getNestedValue as Go, isArray as Ho } from "./tree-utils/misc.mjs";
 import { RowHeightService as jo } from "./rowHeightService.mjs";
 import { UnstyledContext as Ko, useUnstyled as Zo } from "./unstyled/main.mjs";
 import { uAnimation as Yo } from "./unstyled/animations.mjs";
 import { uSvgIcon as Jo } from "./unstyled/icons.mjs";
 import { uButton as $o, uDropDownButton as er } from "./unstyled/buttons.mjs";
-import { uDropDownList as rr, uDropDownsActionSheet as tr, uDropDownsBase as pr } from "./unstyled/dropdowns.mjs";
-import { uCalendar as mr, uDateInput as nr, uDateTimePicker as sr, uTime as ir, uTimePicker as xr } from "./unstyled/dateinputs.mjs";
-import { radioButtonClasses as lr, radioGroupClasses as ur, uInput as dr, uMaskedTextBox as cr, uRadioButton as Ir, uRadioGroup as Cr, uTextBox as hr } from "./unstyled/inputs.mjs";
-import { uError as br, uFloatingLabel as Er, uHint as Dr, uLabel as Ar } from "./unstyled/labels.mjs";
-import { uForm as Sr, uFormField as Tr } from "./unstyled/form.mjs";
+import { uComboBox as rr, uDropDownList as tr, uDropDownsActionSheet as pr, uDropDownsBase as mr } from "./unstyled/dropdowns.mjs";
+import { uCalendar as nr, uDateInput as sr, uDateTimePicker as ir, uTime as xr, uTimePicker as fr } from "./unstyled/dateinputs.mjs";
+import { radioButtonClasses as ur, radioGroupClasses as dr, uInput as cr, uMaskedTextBox as Ir, uRadioButton as Cr, uRadioGroup as hr, uTextBox as br } from "./unstyled/inputs.mjs";
+import { uError as Er, uFloatingLabel as Dr, uHint as Pr, uLabel as Ar } from "./unstyled/labels.mjs";
+import { uForm as Tr, uFormField as vr } from "./unstyled/form.mjs";
 import { uPopup as Fr } from "./unstyled/popup.mjs";
-import { uGrid as yr } from "./unstyled/grid.mjs";
-import { actions as Mr, animationStyles as wr, base as kr, buttonPrefix as Nr, calendarPrefix as Or, components as Ur, containers as Rr, cssUtils as Wr, cursor as _r, dateInputs as Gr, ddbPrefix as Hr, dimensions as Vr, directionMap as jr, dropDownListPrefix as zr, elements as Kr, fillModeMap as Zr, forms as Xr, grid as Yr, gridPrefix as qr, icon as Jr, inputPrefix as Qr, inputs as $r, jsonTheme as et, labels as ot, maskedPrefix as rt, orientationMap as tt, pickerPrefix as pt, popup as at, radioPrefix as mt, roundedMap as nt, sizeMap as st, states as it, themeColorMap as xt } from "./unstyled/json-classes.mjs";
+import { uGrid as Lr } from "./unstyled/grid.mjs";
+import { actions as wr, animationStyles as kr, base as Nr, buttonPrefix as Or, calendarPrefix as Ur, comboBoxPrefix as Rr, components as Wr, containers as _r, cssUtils as Gr, cursor as Hr, dateInputs as Vr, ddbPrefix as jr, dimensions as zr, directionMap as Kr, dropDownListPrefix as Zr, elements as Xr, fillModeMap as Yr, forms as qr, grid as Jr, gridPrefix as Qr, icon as $r, inputPrefix as et, inputs as ot, jsonTheme as rt, labels as tt, maskedPrefix as pt, orientationMap as mt, pickerPrefix as at, popup as nt, radioPrefix as st, roundedMap as it, sizeMap as xt, states as ft, themeColorMap as lt } from "./unstyled/json-classes.mjs";
 export {
   ue as AsyncFocusBlur,
-  m as BrowserSupportService,
+  a as BrowserSupportService,
   ke as COLLECTION_ACTION,
-  ao as DragAndDrop,
+  mo as DragAndDrop,
   no as Draggable,
   io as Droppable,
   X as FIELD_REGEX,
@@ -91,7 +91,7 @@ export {
   Je as IconsContext,
   R as KEYS,
   W as Keys,
-  bo as Navigation,
+  go as Navigation,
   jo as RowHeightService,
   vo as SortedPublicItemIds,
   Ze as SvgIcon,
@@ -101,14 +101,14 @@ export {
   Ko as UnstyledContext,
   ie as WatermarkOverlay,
   t as ZIndexContext,
-  Mr as actions,
-  Bo as addItem,
-  wr as animationStyles,
-  b as applyTrappedFocus,
+  wr as actions,
+  Fo as addItem,
+  kr as animationStyles,
+  g as applyTrappedFocus,
   yo as areAllDirectChildrenChecked,
-  kr as base,
-  Nr as buttonPrefix,
-  Or as calendarPrefix,
+  Nr as base,
+  Or as buttonPrefix,
+  Ur as calendarPrefix,
   s as canUseDOM,
   x as canUseRef,
   l as classNames,
@@ -117,104 +117,106 @@ export {
   I as cloneDate,
   C as cloneObject,
   h as cloneValue,
-  Ur as components,
-  Rr as containers,
+  Rr as comboBoxPrefix,
+  Wr as components,
+  _r as containers,
   ce as createPropsContext,
-  Wr as cssUtils,
-  _r as cursor,
-  Gr as dateInputs,
-  Hr as ddbPrefix,
-  Vr as dimensions,
-  jr as directionMap,
+  Gr as cssUtils,
+  Hr as cursor,
+  Vr as dateInputs,
+  jr as ddbPrefix,
+  zr as dimensions,
+  Kr as directionMap,
   E as disableNavigatableContainer,
   fe as dispatchEvent,
-  zr as dropDownListPrefix,
-  Kr as elements,
+  Zr as dropDownListPrefix,
+  Xr as elements,
   D as enableNavigatableContainer,
   $ as extendDataItem,
-  Zr as fillModeMap,
-  A as firstFocusableChild,
-  P as focusFirstFocusableChild,
+  Yr as fillModeMap,
+  P as firstFocusableChild,
+  A as focusFirstFocusableChild,
   S as focusLastFocusableChild,
   T as focusableChildren,
-  Xr as forms,
+  qr as forms,
   Do as getActiveElement,
   Lo as getAllDirectIndirectChildrenIds,
   Mo as getAllParents,
-  Ao as getInnerActiveElement,
+  Po as getInnerActiveElement,
   ee as getItemPath,
   Go as getNestedValue,
   V as getScrollbarWidth,
   M as getTabIndex,
   k as getter,
-  Yr as grid,
-  qr as gridPrefix,
+  Jr as grid,
+  Qr as gridPrefix,
   O as guid,
   wo as hasChildren,
   ne as hasRelativeStackingContext,
-  Jr as icon,
-  Qr as inputPrefix,
-  $r as inputs,
+  $r as icon,
+  et as inputPrefix,
+  ot as inputs,
   Ho as isArray,
   ko as isEnabledAndAllParentsEnabled,
   No as isItemExpandedAndWithChildren,
-  et as jsonTheme,
+  rt as jsonTheme,
   v as keepFocusInContainer,
   Io as kendoThemeMaps,
-  ot as labels,
-  F as lastFocusableChild,
+  tt as labels,
+  B as lastFocusableChild,
   oe as mapTree,
   re as mapTreeItem,
-  rt as maskedPrefix,
+  pt as maskedPrefix,
   ho as memoizeOne,
   G as noop,
-  tt as orientationMap,
-  pt as pickerPrefix,
-  at as popup,
-  lr as radioButtonClasses,
-  ur as radioGroupClasses,
-  mt as radioPrefix,
+  mt as orientationMap,
+  at as pickerPrefix,
+  nt as popup,
+  ur as radioButtonClasses,
+  dr as radioGroupClasses,
+  st as radioPrefix,
   Oo as removeItem,
   Uo as resolveItemId,
   Ro as resolveItemsIds,
-  nt as roundedMap,
+  it as roundedMap,
   j as setScrollbarWidth,
   K as setter,
   pe as shouldShowValidationUI,
-  st as sizeMap,
-  it as states,
+  xt as sizeMap,
+  ft as states,
   $e as svgIconPropType,
-  xt as themeColorMap,
+  lt as themeColorMap,
   eo as toIconClass,
   oo as toIconName,
   e as treeIdUtils,
   Yo as uAnimation,
   $o as uButton,
-  mr as uCalendar,
-  nr as uDateInput,
-  sr as uDateTimePicker,
+  nr as uCalendar,
+  rr as uComboBox,
+  sr as uDateInput,
+  ir as uDateTimePicker,
   er as uDropDownButton,
-  rr as uDropDownList,
-  tr as uDropDownsActionSheet,
-  pr as uDropDownsBase,
-  br as uError,
-  Er as uFloatingLabel,
-  Sr as uForm,
-  Tr as uFormField,
-  yr as uGrid,
-  Dr as uHint,
-  dr as uInput,
+  tr as uDropDownList,
+  pr as uDropDownsActionSheet,
+  mr as uDropDownsBase,
+  Er as uError,
+  Dr as uFloatingLabel,
+  Tr as uForm,
+  vr as uFormField,
+  Lr as uGrid,
+  Pr as uHint,
+  cr as uInput,
   Ar as uLabel,
-  cr as uMaskedTextBox,
+  Ir as uMaskedTextBox,
   Fr as uPopup,
-  Ir as uRadioButton,
-  Cr as uRadioGroup,
+  Cr as uRadioButton,
+  hr as uRadioGroup,
   Jo as uSvgIcon,
-  hr as uTextBox,
-  ir as uTime,
-  xr as uTimePicker,
+  br as uTextBox,
+  xr as uTime,
+  fr as uTimePicker,
   Wo as updateItem,
-  Pe as useAsyncFocusBlur,
+  Ae as useAsyncFocusBlur,
   Ne as useCollection,
   ye as useCustomComponent,
   De as useDir,
@@ -223,14 +225,14 @@ export {
   uo as useDroppable,
   Ge as useId,
   Ve as useIsomorphicLayoutEffect,
-  Fe as useMouse,
+  Be as useMouse,
   Me as usePropsContext,
   Te as useRtl,
   Zo as useUnstyled,
   We as useWindow,
   p as useZIndexContext,
-  ae as validatePackage,
+  me as validatePackage,
   he as withIdHOC,
   Ie as withPropsContext,
-  be as withUnstyledHOC
+  ge as withUnstyledHOC
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-common",
-  "version": "8.3.0-develop.9",
+  "version": "8.4.0-develop.1",
   "description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",