@progress/kendo-react-labels 9.0.0-develop.8 → 9.0.0-develop.9

package/FloatingLabel.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 j=require("react"),e=require("prop-types"),l=require("@progress/kendo-react-common"),N=require("@progress/kendo-react-intl"),c=require("./messages/index.js"),q=require("./package-metadata.js");function L(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const s in a)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(a,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>a[s]})}}return t.default=a,Object.freeze(t)}const o=L(j),d=class d extends o.Component{constructor(t){super(t),this.state={focused:!1},this.handleFocus=s=>{this.setState({focused:!0})},this.handleBlur=s=>{this.setState({focused:!1})},l.validatePackage(q.packageMetadata)}render(){const{label:t,editorId:s,className:i,labelClassName:O,editorValue:u,editorPlaceholder:S,editorValid:k,editorDisabled:p,style:v,id:b,optional:C,unstyled:m,...E}=this.props,F=N.provideLocalizationService(this),g=C?F.toLanguageString(c.labelsOptional,c.messages[c.labelsOptional]):"",h=g&&o.createElement("span",{className:"k-label-optional"},g),f=m&&m.uFloatingLabel,n=!S&&!u&&u!==0,P=l.classNames(l.uFloatingLabel.wrapper({c:f,focused:this.state.focused,empty:n,notEmpty:!n,disabled:p,isRtl:this.props.dir==="rtl"}),i),y=l.classNames(l.uFloatingLabel.label({c:f,focused:this.state.focused,empty:n,notEmpty:!n,invalid:k===!1,disabled:p}),O);return o.createElement("span",{...E,id:this.props.id,className:P,onFocus:this.handleFocus,onBlur:this.handleBlur,style:v,dir:this.props.dir},this.props.children,t?s?o.createElement("label",{id:b,htmlFor:s,className:y},t,h):o.createElement("span",{id:b,className:y},t,h):null)}};d.propTypes={label:e.string,editorId:e.string,editorValue:e.oneOfType([e.string,e.bool,e.number]),editorPlaceholder:e.string,editorValid:e.bool,editorDisabled:e.bool,id:e.string,style:e.object,className:e.string,labelClassName:e.string,optional:e.bool};let r=d;N.registerForLocalization(r);exports.FloatingLabel=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),s=require("@progress/kendo-react-common"),T=require("@progress/kendo-react-intl"),r=require("./messages/index.js"),_=require("./package-metadata.js");function z(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(l,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return l.default=t,Object.freeze(l)}const o=z(R),O=t=>{s.validatePackage(_.packageMetadata);const[l,a]=o.useState({focused:!1}),n=v=>{a({focused:!0})},F=v=>{a({focused:!1})},{label:c,editorId:d,className:L,labelClassName:S,editorValue:u,editorPlaceholder:h,editorValid:k,editorDisabled:b,style:E,id:m,optional:P,unstyled:g,...j}=t,q=T.useLocalization(),p=P?q.toLanguageString(r.labelsOptional,r.messages[r.labelsOptional]):"",f=p&&o.createElement("span",{className:"k-label-optional"},p),y=g&&g.uFloatingLabel,i=!h&&!u&&u!==0,C=s.classNames(s.uFloatingLabel.wrapper({c:y,focused:l.focused,empty:i,notEmpty:!i,disabled:b,isRtl:t.dir==="rtl"}),L),N=s.classNames(s.uFloatingLabel.label({c:y,focused:l.focused,empty:i,notEmpty:!i,invalid:k===!1,disabled:b}),S);return o.createElement("span",{...j,id:t.id,className:C,onFocus:n,onBlur:F,style:E,dir:t.dir},t.children,c?d?o.createElement("label",{id:m,htmlFor:d,className:N},c,f):o.createElement("span",{id:m,className:N},c,f):null)};O.propTypes={label:e.string,editorId:e.string,editorValue:e.oneOfType([e.string,e.bool,e.number]),editorPlaceholder:e.string,editorValid:e.bool,editorDisabled:e.bool,id:e.string,style:e.object,className:e.string,labelClassName:e.string,optional:e.bool};exports.FloatingLabel=O;

package/FloatingLabel.mjs

@@ -6,78 +6,71 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as l from "react";
 import e from "prop-types";
-import { validatePackage as P, classNames as b, uFloatingLabel as f } from "@progress/kendo-react-common";
-import { provideLocalizationService as V, registerForLocalization as k } from "@progress/kendo-react-intl";
-import { labelsOptional as g, messages as B } from "./messages/index.mjs";
-import { packageMetadata as O } from "./package-metadata.mjs";
-const i = class i extends t.Component {
-  constructor(s) {
-    super(s), this.state = {
-      focused: !1
-    }, this.handleFocus = (a) => {
-      this.setState({ focused: !0 });
-    }, this.handleBlur = (a) => {
-      this.setState({ focused: !1 });
-    }, P(O);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      label: s,
-      editorId: a,
-      className: N,
-      labelClassName: y,
-      editorValue: r,
-      editorPlaceholder: E,
-      editorValid: C,
-      editorDisabled: n,
-      style: v,
-      id: c,
-      optional: F,
-      unstyled: d,
-      ...S
-    } = this.props, z = V(this), p = F ? z.toLanguageString(g, B[g]) : "", m = p && /* @__PURE__ */ t.createElement("span", { className: "k-label-optional" }, p), u = d && d.uFloatingLabel, o = !E && !r && r !== 0, L = b(
-      f.wrapper({
-        c: u,
-        focused: this.state.focused,
-        empty: o,
-        notEmpty: !o,
-        disabled: n,
-        isRtl: this.props.dir === "rtl"
-      }),
-      N
-    ), h = b(
-      f.label({
-        c: u,
-        focused: this.state.focused,
-        empty: o,
-        notEmpty: !o,
-        invalid: C === !1,
-        disabled: n
-      }),
-      y
-    );
-    return /* @__PURE__ */ t.createElement(
-      "span",
-      {
-        ...S,
-        id: this.props.id,
-        className: L,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        style: v,
-        dir: this.props.dir
-      },
-      this.props.children,
-      s ? a ? /* @__PURE__ */ t.createElement("label", { id: c, htmlFor: a, className: h }, s, m) : /* @__PURE__ */ t.createElement("span", { id: c, className: h }, s, m) : null
-    );
-  }
+import { validatePackage as T, classNames as g, uFloatingLabel as N } from "@progress/kendo-react-common";
+import { useLocalization as B } from "@progress/kendo-react-intl";
+import { labelsOptional as y, messages as D } from "./messages/index.mjs";
+import { packageMetadata as I } from "./package-metadata.mjs";
+const R = (a) => {
+  T(I);
+  const [s, i] = l.useState({
+    focused: !1
+  }), h = (O) => {
+    i({ focused: !0 });
+  }, E = (O) => {
+    i({ focused: !1 });
+  }, {
+    label: o,
+    editorId: n,
+    className: F,
+    labelClassName: L,
+    editorValue: r,
+    editorPlaceholder: C,
+    editorValid: P,
+    editorDisabled: c,
+    style: S,
+    id: d,
+    optional: V,
+    unstyled: m,
+    ...k
+  } = a, v = B(), u = V ? v.toLanguageString(y, D[y]) : "", b = u && /* @__PURE__ */ l.createElement("span", { className: "k-label-optional" }, u), p = m && m.uFloatingLabel, t = !C && !r && r !== 0, z = g(
+    N.wrapper({
+      c: p,
+      focused: s.focused,
+      empty: t,
+      notEmpty: !t,
+      disabled: c,
+      isRtl: a.dir === "rtl"
+    }),
+    F
+  ), f = g(
+    N.label({
+      c: p,
+      focused: s.focused,
+      empty: t,
+      notEmpty: !t,
+      invalid: P === !1,
+      disabled: c
+    }),
+    L
+  );
+  return /* @__PURE__ */ l.createElement(
+    "span",
+    {
+      ...k,
+      id: a.id,
+      className: z,
+      onFocus: h,
+      onBlur: E,
+      style: S,
+      dir: a.dir
+    },
+    a.children,
+    o ? n ? /* @__PURE__ */ l.createElement("label", { id: d, htmlFor: n, className: f }, o, b) : /* @__PURE__ */ l.createElement("span", { id: d, className: f }, o, b) : null
+  );
 };
-i.propTypes = {
+R.propTypes = {
   label: e.string,
   editorId: e.string,
   editorValue: e.oneOfType([e.string, e.bool, e.number]),
@@ -90,8 +83,6 @@ i.propTypes = {
   labelClassName: e.string,
   optional: e.bool
 };
-let l = i;
-k(l);
 export {
-  l as FloatingLabel
+  R as FloatingLabel
 };

package/dist/cdn/js/kendo-react-labels.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactLabels={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactIntl)}(this,(function(e,t,s,a,o){"use strict";function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=r(t);const i="labels.optional",n={[i]:"(Optional)"},c={name:"@progress/kendo-react-labels",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},d=e=>{a.validatePackage(c);const{id:t,editorId:s,editorRef:r,editorDisabled:d,children:p,editorValid:u,style:m,className:b,optional:y}=e,f=o.useLocalization(),g=y?f.toLanguageString(i,n[i]):"",h=g&&l.createElement("span",{className:"k-label-optional"},g),N=a.useUnstyled(),E=N&&N.uLabel,k=l.useCallback((e=>{if(r&&r.current&&!d){r.current.focus&&(e.preventDefault(),r.current.focus());const t=r.current.actionElement;t&&(e.preventDefault(),t.click())}}),[r]),v=l.useMemo((()=>a.classNames(a.uLabel.label({c:E,empty:!p,invalid:!1===u,disabled:!0===d}),b)),[E,p,u,d,b]);return l.createElement("label",{id:t,htmlFor:s,onClick:k,style:m,className:v},p,h)};d.propTypes={id:s.string,editorId:s.string,editorRef:s.oneOfType([s.func,s.shape({current:s.any})]),editorValid:s.bool,editorDisabled:s.bool,style:s.object,className:s.string,optional:s.bool},d.displayName="KendoReactLabel";const p=e=>{const t={direction:"start",...e};a.validatePackage(c);const s=a.useUnstyled(),o=s&&s.uError,r=l.useMemo((()=>a.classNames(a.uError.wrapper({c:o,direction:t.direction}),t.className)),[o,t.direction,t.className]);return l.createElement("div",{id:t.id,role:"alert",style:t.style,className:r},t.children)};p.propTypes={id:s.string,direction:s.oneOf(["start","end"]),children:s.oneOfType([s.element,s.node]),style:s.object,className:s.string},p.displayName="KendoReactError";const u=e=>{const t={direction:"start",...e};a.validatePackage(c);const s=a.useUnstyled(),o=s&&s.uHint,r=l.useMemo((()=>a.classNames(a.uHint.wrapper({c:o,direction:t.direction,disabled:!0===t.editorDisabled}),t.className)),[o,t.direction,t.editorDisabled,t.className]);return l.createElement("div",{id:t.id,style:t.style,className:r},t.children)};u.propTypes={id:s.string,direction:s.oneOf(["start","end"]),children:s.oneOfType([s.element,s.node]),style:s.object,className:s.string,editorDisabled:s.bool},u.displayName="KendoReactHint";const m=class extends l.Component{constructor(e){super(e),this.state={focused:!1},this.handleFocus=e=>{this.setState({focused:!0})},this.handleBlur=e=>{this.setState({focused:!1})},a.validatePackage(c)}render(){const{label:e,editorId:t,className:s,labelClassName:r,editorValue:c,editorPlaceholder:d,editorValid:p,editorDisabled:u,style:m,id:b,optional:y,unstyled:f,...g}=this.props,h=o.provideLocalizationService(this),N=y?h.toLanguageString(i,n[i]):"",E=N&&l.createElement("span",{className:"k-label-optional"},N),k=f&&f.uFloatingLabel,v=!d&&!c&&0!==c,O=a.classNames(a.uFloatingLabel.wrapper({c:k,focused:this.state.focused,empty:v,notEmpty:!v,disabled:u,isRtl:"rtl"===this.props.dir}),s),L=a.classNames(a.uFloatingLabel.label({c:k,focused:this.state.focused,empty:v,notEmpty:!v,invalid:!1===p,disabled:u}),r);return l.createElement("span",{...g,id:this.props.id,className:O,onFocus:this.handleFocus,onBlur:this.handleBlur,style:m,dir:this.props.dir},this.props.children,e?t?l.createElement("label",{id:b,htmlFor:t,className:L},e,E):l.createElement("span",{id:b,className:L},e,E):null)}};m.propTypes={label:s.string,editorId:s.string,editorValue:s.oneOfType([s.string,s.bool,s.number]),editorPlaceholder:s.string,editorValid:s.bool,editorDisabled:s.bool,id:s.string,style:s.object,className:s.string,labelClassName:s.string,optional:s.bool};let b=m;o.registerForLocalization(b),e.Error=p,e.FloatingLabel=b,e.Hint=u,e.Label=d}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactLabels={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactIntl)}(this,(function(e,t,a,o,s){"use strict";function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var r=l(t);const n="labels.optional",i={[n]:"(Optional)"},c={name:"@progress/kendo-react-labels",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},d=e=>{o.validatePackage(c);const{id:t,editorId:a,editorRef:l,editorDisabled:d,children:p,editorValid:u,style:m,className:b,optional:y}=e,f=s.useLocalization(),g=y?f.toLanguageString(n,i[n]):"",N=g&&r.createElement("span",{className:"k-label-optional"},g),E=o.useUnstyled(),h=E&&E.uLabel,k=r.useCallback((e=>{if(l&&l.current&&!d){l.current.focus&&(e.preventDefault(),l.current.focus());const t=l.current.actionElement;t&&(e.preventDefault(),t.click())}}),[l]),O=r.useMemo((()=>o.classNames(o.uLabel.label({c:h,empty:!p,invalid:!1===u,disabled:!0===d}),b)),[h,p,u,d,b]);return r.createElement("label",{id:t,htmlFor:a,onClick:k,style:m,className:O},p,N)};d.propTypes={id:a.string,editorId:a.string,editorRef:a.oneOfType([a.func,a.shape({current:a.any})]),editorValid:a.bool,editorDisabled:a.bool,style:a.object,className:a.string,optional:a.bool},d.displayName="KendoReactLabel";const p=e=>{const t={direction:"start",...e};o.validatePackage(c);const a=o.useUnstyled(),s=a&&a.uError,l=r.useMemo((()=>o.classNames(o.uError.wrapper({c:s,direction:t.direction}),t.className)),[s,t.direction,t.className]);return r.createElement("div",{id:t.id,role:"alert",style:t.style,className:l},t.children)};p.propTypes={id:a.string,direction:a.oneOf(["start","end"]),children:a.oneOfType([a.element,a.node]),style:a.object,className:a.string},p.displayName="KendoReactError";const u=e=>{const t={direction:"start",...e};o.validatePackage(c);const a=o.useUnstyled(),s=a&&a.uHint,l=r.useMemo((()=>o.classNames(o.uHint.wrapper({c:s,direction:t.direction,disabled:!0===t.editorDisabled}),t.className)),[s,t.direction,t.editorDisabled,t.className]);return r.createElement("div",{id:t.id,style:t.style,className:l},t.children)};u.propTypes={id:a.string,direction:a.oneOf(["start","end"]),children:a.oneOfType([a.element,a.node]),style:a.object,className:a.string,editorDisabled:a.bool},u.displayName="KendoReactHint";const m=e=>{o.validatePackage(c);const[t,a]=r.useState({focused:!1}),{label:l,editorId:d,className:p,labelClassName:u,editorValue:m,editorPlaceholder:b,editorValid:y,editorDisabled:f,style:g,id:N,optional:E,unstyled:h,...k}=e,O=s.useLocalization(),v=E?O.toLanguageString(n,i[n]):"",D=v&&r.createElement("span",{className:"k-label-optional"},v),L=h&&h.uFloatingLabel,T=!b&&!m&&0!==m,R=o.classNames(o.uFloatingLabel.wrapper({c:L,focused:t.focused,empty:T,notEmpty:!T,disabled:f,isRtl:"rtl"===e.dir}),p),j=o.classNames(o.uFloatingLabel.label({c:L,focused:t.focused,empty:T,notEmpty:!T,invalid:!1===y,disabled:f}),u);return r.createElement("span",{...k,id:e.id,className:R,onFocus:e=>{a({focused:!0})},onBlur:e=>{a({focused:!1})},style:g,dir:e.dir},e.children,l?d?r.createElement("label",{id:N,htmlFor:d,className:j},l,D):r.createElement("span",{id:N,className:j},l,D):null)};m.propTypes={label:a.string,editorId:a.string,editorValue:a.oneOfType([a.string,a.bool,a.number]),editorPlaceholder:a.string,editorValid:a.bool,editorDisabled:a.bool,id:a.string,style:a.object,className:a.string,labelClassName:a.string,optional:a.bool},e.Error=p,e.FloatingLabel=m,e.Hint=u,e.Label=d}));

package/index.d.mts

@@ -87,11 +87,9 @@ export declare interface ErrorProps {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare class FloatingLabel extends React_2.Component<FloatingLabelProps, FloatingLabelState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const FloatingLabel: {
+    (props: FloatingLabelProps): JSX_2.Element;
+    propTypes: {
         label: PropTypes.Requireable<string>;
         editorId: PropTypes.Requireable<string>;
         editorValue: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
@@ -104,24 +102,7 @@ export declare class FloatingLabel extends React_2.Component<FloatingLabelProps,
         labelClassName: PropTypes.Requireable<string>;
         optional: PropTypes.Requireable<boolean>;
     };
-    /**
-     * @hidden
-     */
-    readonly state: FloatingLabelState;
-    constructor(props: FloatingLabelProps);
-    /**
-     * @hidden
-     */
-    handleFocus: (_: React_2.SyntheticEvent<HTMLSpanElement>) => void;
-    /**
-     * @hidden
-     */
-    handleBlur: (_: React_2.SyntheticEvent<HTMLSpanElement>) => void;
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Represents the props of the KendoReact FloatingLabel component.
@@ -183,13 +164,6 @@ export declare interface FloatingLabelProps extends KendoReactComponentBaseProps
     unstyled?: LabelsClassStructure;
 }
 
-/**
- * @hidden
- */
-declare interface FloatingLabelState {
-    focused?: boolean;
-}
-
 /**
  * Represents the KendoReact Hint component.
  * Render the hint text that will be shown underneath the form editor.

package/index.d.ts

@@ -87,11 +87,9 @@ export declare interface ErrorProps {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare class FloatingLabel extends React_2.Component<FloatingLabelProps, FloatingLabelState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const FloatingLabel: {
+    (props: FloatingLabelProps): JSX_2.Element;
+    propTypes: {
         label: PropTypes.Requireable<string>;
         editorId: PropTypes.Requireable<string>;
         editorValue: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
@@ -104,24 +102,7 @@ export declare class FloatingLabel extends React_2.Component<FloatingLabelProps,
         labelClassName: PropTypes.Requireable<string>;
         optional: PropTypes.Requireable<boolean>;
     };
-    /**
-     * @hidden
-     */
-    readonly state: FloatingLabelState;
-    constructor(props: FloatingLabelProps);
-    /**
-     * @hidden
-     */
-    handleFocus: (_: React_2.SyntheticEvent<HTMLSpanElement>) => void;
-    /**
-     * @hidden
-     */
-    handleBlur: (_: React_2.SyntheticEvent<HTMLSpanElement>) => void;
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Represents the props of the KendoReact FloatingLabel component.
@@ -183,13 +164,6 @@ export declare interface FloatingLabelProps extends KendoReactComponentBaseProps
     unstyled?: LabelsClassStructure;
 }
 
-/**
- * @hidden
- */
-declare interface FloatingLabelState {
-    focused?: boolean;
-}
-
 /**
  * Represents the KendoReact Hint component.
  * Render the hint text that will be shown underneath the form editor.

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-labels",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1730105278,
+  publishDate: 1730208178,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-labels",
-  "version": "9.0.0-develop.8",
+  "version": "9.0.0-develop.9",
   "description": "React Labels package provides components for labelling form editors. KendoReact Labels package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,8 +23,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "9.0.0-develop.8",
-    "@progress/kendo-react-intl": "9.0.0-develop.8",
+    "@progress/kendo-react-common": "9.0.0-develop.9",
+    "@progress/kendo-react-intl": "9.0.0-develop.9",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },