@progress/kendo-react-labels 7.2.4-develop.3 → 7.3.0-develop.1

package/Error.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/Error.mjs

@@ -0,0 +1,51 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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 = {
+    direction: "start",
+    ...o
+  };
+  i(c);
+  const a = n(
+    {
+      "k-form-error": !0,
+      "k-text-start": r.direction === "start",
+      "k-text-end": r.direction === "end"
+    },
+    r.className
+  );
+  return /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      id: r.id,
+      role: "alert",
+      style: r.style,
+      className: a
+    },
+    r.children
+  );
+};
+t.propTypes = {
+  id: e.string,
+  direction: e.oneOf(["start", "end"]),
+  children: e.oneOfType([
+    e.element,
+    e.node
+  ]),
+  style: e.object,
+  className: e.string
+};
+t.displayName = "KendoReactError";
+export {
+  t as Error
+};

package/FloatingLabel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),i=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),n=require("./messages/index.js"),q=require("./package-metadata.js");function v(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=v(j),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(q.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}=this.props,S=g.provideLocalizationService(this),m=O?S.toLanguageString(n.labelsOptional,n.messages[n.labelsOptional]):"",b=m&&l.createElement("span",{className:"k-label-optional"},m),P=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-label":!0,"k-text-error":N===!1,"k-text-disabled":u},f);return l.createElement("span",{id:this.props.id,className:P,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;

package/FloatingLabel.mjs

@@ -0,0 +1,78 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import e from "prop-types";
+import { validatePackage as C, classNames as m } from "@progress/kendo-react-common";
+import { provideLocalizationService as E, registerForLocalization as S } from "@progress/kendo-react-intl";
+import { labelsOptional as h, messages as v } from "./messages/index.mjs";
+import { packageMetadata as z } from "./package-metadata.mjs";
+const l = class l extends s.Component {
+  constructor(t) {
+    super(t), this.state = {
+      focused: !1
+    }, this.handleFocus = (a) => {
+      this.setState({ focused: !0 });
+    }, this.handleBlur = (a) => {
+      this.setState({ focused: !1 });
+    }, C(z);
+  }
+  /**
+   * @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 } = this.props, y = E(this), c = N ? y.toLanguageString(h, v[h]) : "", d = c && /* @__PURE__ */ s.createElement("span", { className: "k-label-optional" }, c), x = m(
+      {
+        "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(
+      {
+        "k-label": !0,
+        "k-text-error": g === !1,
+        "k-text-disabled": i
+      },
+      b
+    );
+    return /* @__PURE__ */ s.createElement(
+      "span",
+      {
+        id: this.props.id,
+        className: x,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        style: k,
+        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
+    );
+  }
+};
+l.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 o = l;
+S(o);
+export {
+  o as FloatingLabel
+};

package/Hint.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/Hint.mjs

@@ -0,0 +1,52 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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 = {
+    direction: "start",
+    ...a
+  };
+  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
+  );
+  return /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      id: t.id,
+      style: t.style,
+      className: r
+    },
+    t.children
+  );
+};
+i.propTypes = {
+  id: e.string,
+  direction: e.oneOf(["start", "end"]),
+  children: e.oneOfType([
+    e.element,
+    e.node
+  ]),
+  style: e.object,
+  className: e.string,
+  editorDisabled: e.bool
+};
+i.displayName = "KendoReactHint";
+export {
+  i as Hint
+};

package/Label.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/Label.mjs

@@ -0,0 +1,64 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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) => {
+      if (t && t.current && !o) {
+        t.current.focus && (i.preventDefault(), t.current.focus());
+        const n = t.current.actionElement;
+        n && (i.preventDefault(), n.click());
+      }
+    },
+    [t]
+  ), E = v(
+    {
+      "k-label": !0,
+      "k-label-empty": !l,
+      "k-text-error": f === !1,
+      "k-text-disabled": o === !0
+    },
+    u
+  );
+  return /* @__PURE__ */ a.createElement(
+    "label",
+    {
+      id: p,
+      htmlFor: d,
+      onClick: N,
+      style: b,
+      className: E
+    },
+    l,
+    y
+  );
+};
+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";
+export {
+  c as Label
+};

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

@@ -1,5 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-(function(l,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl"],o):(l=typeof globalThis!="undefined"?globalThis:l||self,o(l.KendoReactLabels={},l.React,l.PropTypes,l.KendoReactCommon,l.KendoReactIntl))})(this,function(l,o,e,r,O){"use strict";"use client";function F(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>i[a]})}}return t.default=i,Object.freeze(t)}const n=F(o),c="labels.optional",z={[c]:"(Optional)"},m={name:"@progress/kendo-react-labels",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},v=i=>{r.validatePackage(m);const{id:t,editorId:a,editorRef:s,editorDisabled:b,children:d,editorValid:j,style:x,className:f,optional:K}=i,g=O.useLocalization(),h=K?g.toLanguageString(c,z[c]):"",p=h&&n.createElement("span",{className:"k-label-optional"},h),N=n.useCallback(E=>{if(s&&s.current&&!b){s.current.focus&&(E.preventDefault(),s.current.focus());const u=s.current.actionElement;u&&(E.preventDefault(),u.click())}},[s]),k=r.classNames({"k-label":!0,"k-label-empty":!d,"k-text-error":j===!1,"k-text-disabled":b===!0},f);return n.createElement("label",{id:t,htmlFor:a,onClick:N,style:x,className:k},d,p)};v.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},v.displayName="KendoReactLabel";const D=i=>{const t={direction:"start",...i};r.validatePackage(m);const a=r.classNames({"k-form-error":!0,"k-text-start":t.direction==="start","k-text-end":t.direction==="end"},t.className);return n.createElement("div",{id:t.id,role:"alert",style:t.style,className:a},t.children)};D.propTypes={id:e.string,direction:e.oneOf(["start","end"]),children:e.oneOfType([e.element,e.node]),style:e.object,className:e.string},D.displayName="KendoReactError";const L=i=>{const t={direction:"start",...i};r.validatePackage(m);const a=r.classNames({"k-form-hint":!0,"k-text-start":t.direction==="start","k-text-end":t.direction==="end","k-text-disabled":t.editorDisabled===!0},t.className);return n.createElement("div",{id:t.id,style:t.style,className:a},t.children)};L.propTypes={id:e.string,direction:e.oneOf(["start","end"]),children:e.oneOfType([e.element,e.node]),style:e.object,className:e.string,editorDisabled:e.bool},L.displayName="KendoReactHint";class S extends n.Component{constructor(t){super(t),this.state={focused:!1},this.handleFocus=a=>{this.setState({focused:!0})},this.handleBlur=a=>{this.setState({focused:!1})},r.validatePackage(m)}render(){const{label:t,editorId:a,className:s,labelClassName:b,editorValue:d,editorPlaceholder:j,editorValid:x,editorDisabled:f,style:K,id:g,optional:h}=this.props,p=O.provideLocalizationService(this),N=h?p.toLanguageString(c,z[c]):"",k=N&&n.createElement("span",{className:"k-label-optional"},N),E=r.classNames({"k-floating-label-container":!0,"k-focus":this.state.focused,"k-empty":!j&&!d&&d!==0,"k-text-disabled":f,"k-rtl":this.props.dir==="rtl"},s),u=r.classNames({"k-label":!0,"k-text-error":x===!1,"k-text-disabled":f},b);return n.createElement("span",{id:this.props.id,className:E,onFocus:this.handleFocus,onBlur:this.handleBlur,style:K,dir:this.props.dir},this.props.children,t?a?n.createElement("label",{id:g,htmlFor:a,className:u},t,k):n.createElement("span",{id:g,className:u},t,k):null)}}S.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},O.registerForLocalization(S),l.Error=D,l.FloatingLabel=S,l.Hint=L,l.Label=v,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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,r,a){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{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=>{r.validatePackage(c);const{id:t,editorId:s,editorRef:o,editorDisabled:d,children:p,editorValid:m,style:u,className:b,optional:f}=e,g=a.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=r.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};r.validatePackage(c);const s=r.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};r.validatePackage(c);const s=r.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})},r.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}=this.props,g=a.provideLocalizationService(this),y=f?g.toLanguageString(i,n[i]):"",h=y&&l.createElement("span",{className:"k-label-optional"},y),k=r.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),N=r.classNames({"k-label":!0,"k-text-error":!1===p,"k-text-disabled":m},o);return l.createElement("span",{id:this.props.id,className:k,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:N},e,h):l.createElement("span",{id:b,className:N},e,h):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;a.registerForLocalization(b),e.Error=p,e.FloatingLabel=b,e.Hint=m,e.Label=d}));

package/index.d.mts

@@ -1,5 +1,331 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './index';
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import PropTypes from 'prop-types';
+import * as React_2 from 'react';
+
+/**
+ * Represents the KendoReact Error component.
+ * Render the error text that will be shown underneath the form editor after a validation.
+ */
+declare const Error_2: {
+    (props: ErrorProps): JSX_2.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export { Error_2 as Error }
+
+/**
+ * Represents the props of the KendoReact Error component.
+ */
+export declare interface ErrorProps {
+    /**
+     * Represents the id of the Error element.
+     * The value should be also set to the editor's `ariaDescribedBy` property.
+     */
+    id?: string;
+    /**
+     * Specifies the alignment of the Error text.
+     *
+     * The possible values are:
+     * * (Default) `start`
+     * * `end`
+     */
+    direction?: 'start' | 'end';
+    /**
+     * Determines the children nodes.
+     */
+    children: any;
+    /**
+     * The styles that are applied to the Error.
+     */
+    style?: React_2.CSSProperties;
+    /**
+     * Sets a class of the Error DOM element.
+     */
+    className?: string;
+}
+
+/**
+ * Represents the KendoReact FloatingLabel component.
+ *
+ * @example
+ * ```jsx
+ * const sizes = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
+ * const App = () => {
+ *     const [ddlState, setDdlState] = React.useState();
+ *     const editorId = 'ddl-sizes';
+ *     return (
+ *         <FloatingLabel label={'Shirt Size:'} editorId={editorId} editorValue={ddlState}>
+ *             <DropDownList
+ *                 id={editorId}
+ *                 value={ddlState}
+ *                 data={sizes}
+ *                 onChange={(e) => setDdlState(e.target.value)}
+ *             />
+ *         </FloatingLabel>
+ *     );
+ * };
+ *
+ * ReactDOM.render(<App />, document.querySelector('my-app'));
+ * ```
+ */
+export declare class FloatingLabel extends React_2.Component<FloatingLabelProps, FloatingLabelState> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        label: PropTypes.Requireable<string>;
+        editorId: PropTypes.Requireable<string>;
+        editorValue: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
+        editorPlaceholder: PropTypes.Requireable<string>;
+        editorValid: PropTypes.Requireable<boolean>;
+        editorDisabled: PropTypes.Requireable<boolean>;
+        id: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        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.
+ */
+export declare interface FloatingLabelProps extends KendoReactComponentBaseProps {
+    /**
+     * Represent the [`htmlFor`](https://reactjs.org/docs/dom-elements.html#htmlfor) property, which will be set to the `label` element.
+     */
+    editorId?: string;
+    /**
+     * Specifies the value of the editor. Used to define if the editor is empty.
+     */
+    editorValue?: any;
+    /**
+     * Specifies the placeholder of the editor. Used to define if the editor is empty.
+     */
+    editorPlaceholder?: string;
+    /**
+     * Specifies if the validity of the editor. Used to define the editor is invalid.
+     */
+    editorValid?: boolean;
+    /**
+     * Specifies if the editor is disabled.
+     */
+    editorDisabled?: boolean;
+    /**
+     * Adds a floating label that describes the editor.
+     */
+    label?: string;
+    /**
+     * The styles that are applied to the FloatingLabel.
+     */
+    style?: React_2.CSSProperties;
+    /**
+     * Sets a class of the FloatingLabel DOM element.
+     */
+    className?: string;
+    /**
+     * Sets the `className` of the label DOM element.
+     */
+    labelClassName?: string;
+    /**
+     * Specifies the direction of the label.
+     */
+    dir?: string;
+    /**
+     * Represents the id of the label element.
+     * The value should be also set to the editor's `ariaLabelledBy` property.
+     * Can be used when the editor is not containing native form element.
+     */
+    id?: string;
+    /**
+     * If enabled, marks the label as optional.
+     */
+    optional?: boolean;
+}
+
+/**
+ * @hidden
+ */
+declare interface FloatingLabelState {
+    focused?: boolean;
+}
+
+/**
+ * Represents the KendoReact Hint component.
+ * Render the hint text that will be shown underneath the form editor.
+ */
+export declare const Hint: {
+    (props: HintProps): JSX_2.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        editorDisabled: PropTypes.Requireable<boolean>;
+    };
+    displayName: string;
+};
+
+/**
+ * Represents the props of the KendoReact Hint component.
+ */
+export declare interface HintProps {
+    /**
+     * Represents the id of the Hint element.
+     * The value should be set to the editor `ariaDescribedBy` property.
+     */
+    id?: string;
+    /**
+     * Spcifies the alignment of the Hint text.
+     *
+     * The possible values are:
+     * *(Default) `start`
+     * * `end`
+     */
+    direction?: 'start' | 'end';
+    /**
+     * @hidden
+     */
+    children: any;
+    /**
+     * The styles that are applied to the Hint.
+     */
+    style?: React_2.CSSProperties;
+    /**
+     * Sets a class of the Hint DOM element.
+     */
+    className?: string;
+    /**
+     * Specifies if the editor is disabled.
+     */
+    editorDisabled?: boolean;
+}
+
+/**
+ * Represents the KendoReact Label component.
+ *
+ * @example
+ * ```jsx
+ * const sizes = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
+ * const App = () => {
+ *     const ddlRef = React.useRef(null);
+ *     const labelId = 'ddl-sizes-label';
+ *     const editorId = 'ddl-sizes';
+ *
+ *     return (
+ *         <div>
+ *             <Label id={labelId} editorId={editorId} editorRef={ddlRef}>
+ *                 Shirt Size:
+ *             </Label>
+ *             <DropDownList
+ *                 ref={ddlRef}
+ *                 id={editorId}
+ *                 ariaLabelledBy={labelId}
+ *                 data={sizes}
+ *             />
+ *             <br />
+ *         </div>
+ *     );
+ * };
+ *
+ * ReactDOM.render(<App />, document.querySelector('my-app'));
+ * ```
+ */
+export declare const Label: {
+    (props: LabelProps): JSX_2.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        editorId: PropTypes.Requireable<string>;
+        editorRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }> | null | undefined>>;
+        editorValid: PropTypes.Requireable<boolean>;
+        editorDisabled: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        optional: PropTypes.Requireable<boolean>;
+    };
+    displayName: string;
+};
+
+/**
+ * Represents the props of the KendoReact Label component.
+ */
+export declare interface LabelProps {
+    /**
+     * Represents the id of the label element.
+     * The value should be set to the editor `ariaLabelledBy` property.
+     * Can be used when the editor is not containing native form element.
+     */
+    id?: string;
+    /**
+     * The id of the editor.
+     * Represent the [`htmlFor`](https://reactjs.org/docs/dom-elements.html#htmlfor) property, which will be set to the `label` element.
+     */
+    editorId?: string;
+    /**
+     * An optional React ref to the editor.
+     * Used to redirect the click event to the editor when it does not contain native form element.
+     * To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
+     */
+    editorRef?: any;
+    /**
+     * The text that will be rendered inside the label element.
+     * Can be omitted for editors without label to keep form layout.
+     */
+    children?: any;
+    /**
+     * Specifies the validity of the editor. Used to define the editor is invalid.
+     */
+    editorValid?: boolean;
+    /**
+     * Specifies if the editor is disabled.
+     */
+    editorDisabled?: boolean;
+    /**
+     * If enabled marks the label as optional.
+     */
+    optional?: boolean;
+    /**
+     * The styles that are applied to the Label.
+     */
+    style?: React_2.CSSProperties;
+    /**
+     * Sets a class of the Label DOM element.
+     */
+    className?: string;
+}
+
+export { }