@progress/kendo-react-labels 8.3.0-develop.1 → 8.3.0-develop.10

package/Error.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 s=require("react"),r=require("prop-types"),c=require("@progress/kendo-react-common"),i=require("./package-metadata.js");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const d=l(s),n=t=>{const e={direction:"start",...t};c.validatePackage(i.packageMetadata);const a=c.classNames({"k-form-error":!0,"k-text-start":e.direction==="start","k-text-end":e.direction==="end"},e.className);return d.createElement("div",{id:e.id,role:"alert",style:e.style,className:a},e.children)};n.propTypes={id:r.string,direction:r.oneOf(["start","end"]),children:r.oneOfType([r.element,r.node]),style:r.object,className:r.string};n.displayName="KendoReactError";exports.Error=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("prop-types"),n=require("@progress/kendo-react-common"),d=require("./package-metadata.js");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const c=u(l),s=t=>{const e={direction:"start",...t};n.validatePackage(d.packageMetadata);const r=n.useUnstyled(),a=r&&r.uError,i=c.useMemo(()=>n.classNames(n.uError.wrapper({c:a,direction:e.direction}),e.className),[a,e.direction,e.className]);return c.createElement("div",{id:e.id,role:"alert",style:e.style,className:i},e.children)};s.propTypes={id:o.string,direction:o.oneOf(["start","end"]),children:o.oneOfType([o.element,o.node]),style:o.object,className:o.string};s.displayName="KendoReactError";exports.Error=s;

package/Error.mjs

@@ -6,46 +6,45 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import e from "prop-types";
-import { validatePackage as i, classNames as n } from "@progress/kendo-react-common";
-import { packageMetadata as c } from "./package-metadata.mjs";
-const t = (o) => {
-  const r = {
+import * as o from "react";
+import r from "prop-types";
+import { validatePackage as n, useUnstyled as l, classNames as d, uError as m } from "@progress/kendo-react-common";
+import { packageMetadata as p } from "./package-metadata.mjs";
+const a = (c) => {
+  const e = {
     direction: "start",
-    ...o
+    ...c
   };
-  i(c);
-  const a = n(
-    {
-      "k-form-error": !0,
-      "k-text-start": r.direction === "start",
-      "k-text-end": r.direction === "end"
-    },
-    r.className
+  n(p);
+  const s = l(), t = s && s.uError, i = o.useMemo(
+    () => d(m.wrapper({
+      c: t,
+      direction: e.direction
+    }), e.className),
+    [t, e.direction, e.className]
   );
-  return /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ o.createElement(
     "div",
     {
-      id: r.id,
+      id: e.id,
       role: "alert",
-      style: r.style,
-      className: a
+      style: e.style,
+      className: i
     },
-    r.children
+    e.children
   );
 };
-t.propTypes = {
-  id: e.string,
-  direction: e.oneOf(["start", "end"]),
-  children: e.oneOfType([
-    e.element,
-    e.node
+a.propTypes = {
+  id: r.string,
+  direction: r.oneOf(["start", "end"]),
+  children: r.oneOfType([
+    r.element,
+    r.node
   ]),
-  style: e.object,
-  className: e.string
+  style: r.object,
+  className: r.string
 };
-t.displayName = "KendoReactError";
+a.displayName = "KendoReactError";
 export {
-  t as Error
+  a as Error
 };

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

package/FloatingLabel.mjs

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

package/Hint.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 s=require("react"),t=require("prop-types"),o=require("@progress/kendo-react-common"),c=require("./package-metadata.js");function d(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>n[a]})}}return e.default=n,Object.freeze(e)}const l=d(s),r=n=>{const e={direction:"start",...n};o.validatePackage(c.packageMetadata);const a=o.classNames({"k-form-hint":!0,"k-text-start":e.direction==="start","k-text-end":e.direction==="end","k-text-disabled":e.editorDisabled===!0},e.className);return l.createElement("div",{id:e.id,style:e.style,className:a},e.children)};r.propTypes={id:t.string,direction:t.oneOf(["start","end"]),children:t.oneOfType([t.element,t.node]),style:t.object,className:t.string,editorDisabled:t.bool};r.displayName="KendoReactHint";exports.Hint=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),t=require("prop-types"),i=require("@progress/kendo-react-common"),l=require("./package-metadata.js");function u(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>n[a]})}}return e.default=n,Object.freeze(e)}const o=u(d),r=n=>{const e={direction:"start",...n};i.validatePackage(l.packageMetadata);const a=i.useUnstyled(),s=a&&a.uHint,c=o.useMemo(()=>i.classNames(i.uHint.wrapper({c:s,direction:e.direction,disabled:e.editorDisabled===!0}),e.className),[s,e.direction,e.editorDisabled,e.className]);return o.createElement("div",{id:e.id,style:e.style,className:c},e.children)};r.propTypes={id:t.string,direction:t.oneOf(["start","end"]),children:t.oneOfType([t.element,t.node]),style:t.object,className:t.string,editorDisabled:t.bool};r.displayName="KendoReactHint";exports.Hint=r;

package/Hint.mjs

@@ -6,47 +6,46 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import e from "prop-types";
-import { validatePackage as o, classNames as n } from "@progress/kendo-react-common";
-import { packageMetadata as d } from "./package-metadata.mjs";
-const i = (a) => {
-  const t = {
+import * as a from "react";
+import t from "prop-types";
+import { validatePackage as d, useUnstyled as c, classNames as l, uHint as m } from "@progress/kendo-react-common";
+import { packageMetadata as p } from "./package-metadata.mjs";
+const o = (n) => {
+  const e = {
     direction: "start",
-    ...a
+    ...n
   };
-  o(d);
-  const r = n(
-    {
-      "k-form-hint": !0,
-      "k-text-start": t.direction === "start",
-      "k-text-end": t.direction === "end",
-      "k-text-disabled": t.editorDisabled === !0
-    },
-    t.className
+  d(p);
+  const s = c(), i = s && s.uHint, r = a.useMemo(
+    () => l(m.wrapper({
+      c: i,
+      direction: e.direction,
+      disabled: e.editorDisabled === !0
+    }), e.className),
+    [i, e.direction, e.editorDisabled, e.className]
   );
-  return /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ a.createElement(
     "div",
     {
-      id: t.id,
-      style: t.style,
+      id: e.id,
+      style: e.style,
       className: r
     },
-    t.children
+    e.children
   );
 };
-i.propTypes = {
-  id: e.string,
-  direction: e.oneOf(["start", "end"]),
-  children: e.oneOfType([
-    e.element,
-    e.node
+o.propTypes = {
+  id: t.string,
+  direction: t.oneOf(["start", "end"]),
+  children: t.oneOfType([
+    t.element,
+    t.node
   ]),
-  style: e.object,
-  className: e.string,
-  editorDisabled: e.bool
+  style: t.object,
+  className: t.string,
+  editorDisabled: t.bool
 };
-i.displayName = "KendoReactHint";
+o.displayName = "KendoReactHint";
 export {
-  i as Hint
+  o as Hint
 };

package/Label.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"),b=require("@progress/kendo-react-common"),n=require("./messages/index.js"),q=require("@progress/kendo-react-intl"),v=require("./package-metadata.js");function D(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(l,o,t.get?t:{enumerable:!0,get:()=>a[o]})}}return l.default=a,Object.freeze(l)}const r=D(j),c=a=>{b.validatePackage(v.packageMetadata);const{id:l,editorId:o,editorRef:t,editorDisabled:i,children:s,editorValid:f,style:m,className:g,optional:k}=a,y=q.useLocalization(),d=k?y.toLanguageString(n.labelsOptional,n.messages[n.labelsOptional]):"",O=d&&r.createElement("span",{className:"k-label-optional"},d),N=r.useCallback(u=>{if(t&&t.current&&!i){t.current.focus&&(u.preventDefault(),t.current.focus());const p=t.current.actionElement;p&&(u.preventDefault(),p.click())}},[t]),R=b.classNames({"k-label":!0,"k-label-empty":!s,"k-text-error":f===!1,"k-text-disabled":i===!0},g);return r.createElement("label",{id:l,htmlFor:o,onClick:N,style:m,className:R},s,O)};c.propTypes={id:e.string,editorId:e.string,editorRef:e.oneOfType([e.func,e.shape({current:e.any})]),editorValid:e.bool,editorDisabled:e.bool,style:e.object,className:e.string,optional:e.bool};c.displayName="KendoReactLabel";exports.Label=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),e=require("prop-types"),n=require("@progress/kendo-react-common"),i=require("./messages/index.js"),q=require("@progress/kendo-react-intl"),C=require("./package-metadata.js");function D(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(o,l,t.get?t:{enumerable:!0,get:()=>a[l]})}}return o.default=a,Object.freeze(o)}const c=D(j),u=a=>{n.validatePackage(C.packageMetadata);const{id:o,editorId:l,editorRef:t,editorDisabled:s,children:r,editorValid:d,style:k,className:b,optional:O}=a,L=q.useLocalization(),p=O?L.toLanguageString(i.labelsOptional,i.messages[i.labelsOptional]):"",N=p&&c.createElement("span",{className:"k-label-optional"},p),m=n.useUnstyled(),f=m&&m.uLabel,v=c.useCallback(g=>{if(t&&t.current&&!s){t.current.focus&&(g.preventDefault(),t.current.focus());const y=t.current.actionElement;y&&(g.preventDefault(),y.click())}},[t]),R=c.useMemo(()=>n.classNames(n.uLabel.label({c:f,empty:!r,invalid:d===!1,disabled:s===!0}),b),[f,r,d,s,b]);return c.createElement("label",{id:o,htmlFor:l,onClick:v,style:k,className:R},r,N)};u.propTypes={id:e.string,editorId:e.string,editorRef:e.oneOfType([e.func,e.shape({current:e.any})]),editorValid:e.bool,editorDisabled:e.bool,style:e.object,className:e.string,optional:e.bool};u.displayName="KendoReactLabel";exports.Label=u;

package/Label.mjs

@@ -8,44 +8,44 @@
 "use client";
 import * as a from "react";
 import e from "prop-types";
-import { validatePackage as L, classNames as v } from "@progress/kendo-react-common";
-import { labelsOptional as s, messages as C } from "./messages/index.mjs";
-import { useLocalization as D } from "@progress/kendo-react-intl";
-import { packageMetadata as R } from "./package-metadata.mjs";
-const c = (m) => {
-  L(R);
-  const { id: p, editorId: d, editorRef: t, editorDisabled: o, children: l, editorValid: f, style: b, className: u, optional: k } = m, g = D(), r = k ? g.toLanguageString(s, C[s]) : "", y = r && /* @__PURE__ */ a.createElement("span", { className: "k-label-optional" }, r), N = a.useCallback(
-    (i) => {
+import { validatePackage as E, useUnstyled as D, classNames as R, uLabel as h } from "@progress/kendo-react-common";
+import { labelsOptional as p, messages as z } from "./messages/index.mjs";
+import { useLocalization as O } from "@progress/kendo-react-intl";
+import { packageMetadata as T } from "./package-metadata.mjs";
+const u = (b) => {
+  E(T);
+  const { id: f, editorId: y, editorRef: t, editorDisabled: o, children: l, editorValid: s, style: g, className: i, optional: k } = b, L = O(), n = k ? L.toLanguageString(p, z[p]) : "", N = n && /* @__PURE__ */ a.createElement("span", { className: "k-label-optional" }, n), r = D(), c = r && r.uLabel, v = a.useCallback(
+    (d) => {
       if (t && t.current && !o) {
-        t.current.focus && (i.preventDefault(), t.current.focus());
-        const n = t.current.actionElement;
-        n && (i.preventDefault(), n.click());
+        t.current.focus && (d.preventDefault(), t.current.focus());
+        const m = t.current.actionElement;
+        m && (d.preventDefault(), m.click());
       }
     },
     [t]
-  ), E = v(
-    {
-      "k-label": !0,
-      "k-label-empty": !l,
-      "k-text-error": f === !1,
-      "k-text-disabled": o === !0
-    },
-    u
+  ), C = a.useMemo(
+    () => R(h.label({
+      c,
+      empty: !l,
+      invalid: s === !1,
+      disabled: o === !0
+    }), i),
+    [c, l, s, o, i]
   );
   return /* @__PURE__ */ a.createElement(
     "label",
     {
-      id: p,
-      htmlFor: d,
-      onClick: N,
-      style: b,
-      className: E
+      id: f,
+      htmlFor: y,
+      onClick: v,
+      style: g,
+      className: C
     },
     l,
-    y
+    N
   );
 };
-c.propTypes = {
+u.propTypes = {
   id: e.string,
   editorId: e.string,
   editorRef: e.oneOfType([
@@ -58,7 +58,7 @@ c.propTypes = {
   className: e.string,
   optional: e.bool
 };
-c.displayName = "KendoReactLabel";
+u.displayName = "KendoReactLabel";
 export {
-  c as Label
+  u as Label
 };

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,r){"use strict";function o(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=o(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:o,editorDisabled:d,children:p,editorValid:m,style:u,className:b,optional:f}=e,g=r.useLocalization(),y=f?g.toLanguageString(i,n[i]):"",h=y&&l.createElement("span",{className:"k-label-optional"},y),k=l.useCallback((e=>{if(o&&o.current&&!d){o.current.focus&&(e.preventDefault(),o.current.focus());const t=o.current.actionElement;t&&(e.preventDefault(),t.click())}}),[o]),N=a.classNames({"k-label":!0,"k-label-empty":!p,"k-text-error":!1===m,"k-text-disabled":!0===d},b);return l.createElement("label",{id:t,htmlFor:s,onClick:k,style:u,className:N},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.classNames({"k-form-error":!0,"k-text-start":"start"===t.direction,"k-text-end":"end"===t.direction},t.className);return l.createElement("div",{id:t.id,role:"alert",style:t.style,className:s},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 m=e=>{const t={direction:"start",...e};a.validatePackage(c);const s=a.classNames({"k-form-hint":!0,"k-text-start":"start"===t.direction,"k-text-end":"end"===t.direction,"k-text-disabled":!0===t.editorDisabled},t.className);return l.createElement("div",{id:t.id,style:t.style,className:s},t.children)};m.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},m.displayName="KendoReactHint";const u=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:o,editorValue:c,editorPlaceholder:d,editorValid:p,editorDisabled:m,style:u,id:b,optional:f,...g}=this.props,y=r.provideLocalizationService(this),h=f?y.toLanguageString(i,n[i]):"",k=h&&l.createElement("span",{className:"k-label-optional"},h),N=a.classNames({"k-floating-label-container":!0,"k-focus":this.state.focused,"k-empty":!d&&!c&&0!==c,"k-text-disabled":m,"k-rtl":"rtl"===this.props.dir},s),E=a.classNames({"k-floating-label":!0,"k-text-error":!1===p,"k-text-disabled":m},o);return l.createElement("span",{...g,id:this.props.id,className:N,onFocus:this.handleFocus,onBlur:this.handleBlur,style:u,dir:this.props.dir},this.props.children,e?t?l.createElement("label",{id:b,htmlFor:t,className:E},e,k):l.createElement("span",{id:b,className:E},e,k):null)}};u.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=u;r.registerForLocalization(b),e.Error=p,e.FloatingLabel=b,e.Hint=m,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,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:f}=e,y=o.useLocalization(),g=f?y.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:f,unstyled:y,...g}=this.props,h=o.provideLocalizationService(this),N=f?h.toLanguageString(i,n[i]):"",E=N&&l.createElement("span",{className:"k-label-optional"},N),k=y&&y.uFloatingLabel,v=a.classNames(a.uFloatingLabel.wrapper({c:k,focused:this.state.focused,empty:!d&&!c&&0!==c,disabled:u,isRtl:"rtl"===this.props.dir}),s),O=a.classNames(a.uFloatingLabel.label({c:k,invalid:!1===p,disabled:u}),r);return l.createElement("span",{...g,id:this.props.id,className:v,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:O},e,E):l.createElement("span",{id:b,className:O},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}));

package/index.d.mts

@@ -7,6 +7,7 @@
  */
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { LabelsClassStructure } from '@progress/kendo-react-common';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
 
@@ -56,6 +57,10 @@ export declare interface ErrorProps {
      * Sets a class of the Error DOM element.
      */
     className?: string;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -172,6 +177,10 @@ export declare interface FloatingLabelProps extends KendoReactComponentBaseProps
      * If enabled, marks the label as optional.
      */
     optional?: boolean;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -231,6 +240,10 @@ export declare interface HintProps {
      * Specifies if the editor is disabled.
      */
     editorDisabled?: boolean;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -326,6 +339,10 @@ export declare interface LabelProps {
      * Sets a class of the Label DOM element.
      */
     className?: string;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 export { }

package/index.d.ts

@@ -7,6 +7,7 @@
  */
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { LabelsClassStructure } from '@progress/kendo-react-common';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
 
@@ -56,6 +57,10 @@ export declare interface ErrorProps {
      * Sets a class of the Error DOM element.
      */
     className?: string;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -172,6 +177,10 @@ export declare interface FloatingLabelProps extends KendoReactComponentBaseProps
      * If enabled, marks the label as optional.
      */
     optional?: boolean;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -231,6 +240,10 @@ export declare interface HintProps {
      * Specifies if the editor is disabled.
      */
     editorDisabled?: boolean;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 /**
@@ -326,6 +339,10 @@ export declare interface LabelProps {
      * Sets a class of the Label DOM element.
      */
     className?: string;
+    /**
+     * @hidden
+     */
+    unstyled?: LabelsClassStructure;
 }
 
 export { }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-labels",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1723203430,
+  publishDate: 1724427438,
   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": "8.3.0-develop.1",
+  "version": "8.3.0-develop.10",
   "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": "8.3.0-develop.1",
-    "@progress/kendo-react-intl": "8.3.0-develop.1",
+    "@progress/kendo-react-common": "8.3.0-develop.10",
+    "@progress/kendo-react-intl": "8.3.0-develop.10",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },