@progress/kendo-react-labels 14.4.1-develop.6 → 14.4.1-develop.8

package/Label.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),e=require("prop-types"),u=require("@progress/kendo-react-common"),d=require("./messages/index.js"),j=require("@progress/kendo-react-intl");function C(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(o,l,t.get?t:{enumerable:!0,get:()=>n[l]})}}return o.default=n,Object.freeze(o)}const c=C(E),b=n=>{const{id:o,editorId:l,editorRef:t,editorDisabled:s,children:r,editorValid:p,style:O,className:m,optional:k}=n,L=j.useLocalization(),f=k?L.toLanguageString(d.labelsOptional,d.messages[d.labelsOptional]):"",N=f&&c.createElement("span",{className:"k-label-optional"},f),y=u.useUnstyled(),g=y&&y.uLabel,v=c.useCallback(i=>{if(!s){if(t!=null&&t.current){t.current.focus&&(i.preventDefault(),t.current.focus());const a=t.current.actionElement;a&&(i.preventDefault(),a.click())}else if(l){const a=document.getElementById(l);a&&(i.preventDefault(),a.focus())}}},[t,l,s]),D=c.useMemo(()=>u.classNames(u.uLabel.label({c:g,empty:!r,invalid:p===!1,disabled:s===!0}),m),[g,r,p,s,m]);return c.createElement("label",{id:o,htmlFor:l,onClick:v,style:O,className:D},r,N)};b.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};b.displayName="KendoReactLabel";exports.Label=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),e=require("prop-types"),u=require("@progress/kendo-react-common"),d=require("./messages/index.js"),q=require("@progress/kendo-react-intl");function R(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const c=R(S),b=a=>{const{id:o,editorId:n,editorRef:t,editorDisabled:s,children:r,editorValid:p,style:L,className:f,optional:N}=a,v=q.useLocalization(),m=N?v.toLanguageString(d.labelsOptional,d.messages[d.labelsOptional]):"",D=m&&c.createElement("span",{className:"k-label-optional"},m),y=u.useUnstyled(),g=y&&y.uLabel,j=c.useCallback(i=>{var O,k;if(!s){if(t!=null&&t.current){t.current.focus&&(i.preventDefault(),t.current.focus());const l=t.current.actionElement;l&&(i.preventDefault(),l.click())}else if(n){const l=document.getElementById(n);l&&(i.preventDefault(),(O=l.focus)==null||O.call(l),(k=l.click)==null||k.call(l))}}},[t,n,s]),C=c.useMemo(()=>u.classNames(u.uLabel.label({c:g,empty:!r,invalid:p===!1,disabled:s===!0}),f),[g,r,p,s,f]);return c.createElement("label",{id:o,htmlFor:n,onClick:j,style:L,className:C},r,D)};b.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};b.displayName="KendoReactLabel";exports.Label=b;

package/Label.mjs

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

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

@@ -12,4 +12,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,o,l,a){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,l.get?l:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var r=s(t);const n="labels.optional",i={[n]:"(Optional)"},d=e=>{const{id:t,editorId:o,editorRef:s,editorDisabled:d,children:c,editorValid:u,style:p,className:m,optional:b}=e,f=a.useLocalization(),y=b?f.toLanguageString(n,i[n]):"",g=y&&r.createElement("span",{className:"k-label-optional"},y),N=l.useUnstyled(),E=N&&N.uLabel,h=r.useCallback(e=>{if(!d)if(null!=s&&s.current){s.current.focus&&(e.preventDefault(),s.current.focus());const t=s.current.actionElement;t&&(e.preventDefault(),t.click())}else if(o){const t=document.getElementById(o);t&&(e.preventDefault(),t.focus())}},[s,o,d]),L=r.useMemo(()=>l.classNames(l.uLabel.label({c:E,empty:!c,invalid:!1===u,disabled:!0===d}),m),[E,c,u,d,m]);return r.createElement("label",{id:t,htmlFor:o,onClick:h,style:p,className:L},c,g)};d.propTypes={id:o.string,editorId:o.string,editorRef:o.oneOfType([o.func,o.shape({current:o.any})]),editorValid:o.bool,editorDisabled:o.bool,style:o.object,className:o.string,optional:o.bool},d.displayName="KendoReactLabel";const c=e=>{const t={direction:"start",...e},o=l.useUnstyled(),a=o&&o.uError,s=r.useMemo(()=>l.classNames(l.uError.wrapper({c:a,direction:t.direction}),t.className),[a,t.direction,t.className]);return r.createElement("div",{id:t.id,role:"alert",style:t.style,className:s},t.children)};c.propTypes={id:o.string,direction:o.oneOf(["start","end"]),children:o.oneOfType([o.element,o.node]),style:o.object,className:o.string},c.displayName="KendoReactError";const u=e=>{const t={direction:"start",...e},o=l.useUnstyled(),a=o&&o.uHint,s=r.useMemo(()=>l.classNames(l.uHint.wrapper({c:a,direction:t.direction,disabled:!0===t.editorDisabled}),t.className),[a,t.direction,t.editorDisabled,t.className]);return r.createElement("div",{id:t.id,style:t.style,className:s},t.children)};u.propTypes={id:o.string,direction:o.oneOf(["start","end"]),children:o.oneOfType([o.element,o.node]),style:o.object,className:o.string,editorDisabled:o.bool},u.displayName="KendoReactHint";const p=e=>{const[t,o]=r.useState({focused:!1}),{label:s,editorId:d,className:c,labelClassName:u,editorValue:p,editorPlaceholder:m,editorValid:b,editorDisabled:f,style:y,id:g,optional:N,unstyled:E,...h}=e,L=a.useLocalization(),O=N?L.toLanguageString(n,i[n]):"",D=O&&r.createElement("span",{className:"k-label-optional"},O),T=E&&E.uFloatingLabel,j=!m&&!p&&0!==p,k=l.classNames(l.uFloatingLabel.wrapper({c:T,focused:t.focused,empty:j,notEmpty:!j,disabled:f,isRtl:"rtl"===e.dir}),c),v=l.classNames(l.uFloatingLabel.label({c:T,focused:t.focused,empty:j,notEmpty:!j,invalid:!1===b,disabled:f}),u);return r.createElement("span",{...h,id:e.id,className:k,onFocus:e=>{o({focused:!0})},onBlur:e=>{o({focused:!1})},style:y,dir:e.dir},e.children,s?d?r.createElement("label",{id:g,htmlFor:d,className:v},s,D):r.createElement("span",{id:g,className:v},s,D):null)};p.propTypes={label:o.node,editorId:o.string,editorValue:o.oneOfType([o.string,o.bool,o.number]),editorPlaceholder:o.string,editorValid:o.bool,editorDisabled:o.bool,id:o.string,style:o.object,className:o.string,labelClassName:o.string,optional:o.bool},e.Error=c,e.FloatingLabel=p,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,l,a,o){"use strict";function s(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}}),t.default=e,Object.freeze(t)}var r=s(t);const n="labels.optional",i={[n]:"(Optional)"},c=e=>{const{id:t,editorId:l,editorRef:s,editorDisabled:c,children:d,editorValid:u,style:p,className:m,optional:b}=e,f=o.useLocalization(),y=b?f.toLanguageString(n,i[n]):"",g=y&&r.createElement("span",{className:"k-label-optional"},y),N=a.useUnstyled(),E=N&&N.uLabel,h=r.useCallback(e=>{var t,a;if(!c)if(null!=s&&s.current){s.current.focus&&(e.preventDefault(),s.current.focus());const t=s.current.actionElement;t&&(e.preventDefault(),t.click())}else if(l){const o=document.getElementById(l);o&&(e.preventDefault(),null==(t=o.focus)||t.call(o),null==(a=o.click)||a.call(o))}},[s,l,c]),L=r.useMemo(()=>a.classNames(a.uLabel.label({c:E,empty:!d,invalid:!1===u,disabled:!0===c}),m),[E,d,u,c,m]);return r.createElement("label",{id:t,htmlFor:l,onClick:h,style:p,className:L},d,g)};c.propTypes={id:l.string,editorId:l.string,editorRef:l.oneOfType([l.func,l.shape({current:l.any})]),editorValid:l.bool,editorDisabled:l.bool,style:l.object,className:l.string,optional:l.bool},c.displayName="KendoReactLabel";const d=e=>{const t={direction:"start",...e},l=a.useUnstyled(),o=l&&l.uError,s=r.useMemo(()=>a.classNames(a.uError.wrapper({c:o,direction:t.direction}),t.className),[o,t.direction,t.className]);return r.createElement("div",{id:t.id,role:"alert",style:t.style,className:s},t.children)};d.propTypes={id:l.string,direction:l.oneOf(["start","end"]),children:l.oneOfType([l.element,l.node]),style:l.object,className:l.string},d.displayName="KendoReactError";const u=e=>{const t={direction:"start",...e},l=a.useUnstyled(),o=l&&l.uHint,s=r.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 r.createElement("div",{id:t.id,style:t.style,className:s},t.children)};u.propTypes={id:l.string,direction:l.oneOf(["start","end"]),children:l.oneOfType([l.element,l.node]),style:l.object,className:l.string,editorDisabled:l.bool},u.displayName="KendoReactHint";const p=e=>{const[t,l]=r.useState({focused:!1}),{label:s,editorId:c,className:d,labelClassName:u,editorValue:p,editorPlaceholder:m,editorValid:b,editorDisabled:f,style:y,id:g,optional:N,unstyled:E,...h}=e,L=o.useLocalization(),O=N?L.toLanguageString(n,i[n]):"",k=O&&r.createElement("span",{className:"k-label-optional"},O),v=E&&E.uFloatingLabel,D=!m&&!p&&0!==p,T=a.classNames(a.uFloatingLabel.wrapper({c:v,focused:t.focused,empty:D,notEmpty:!D,disabled:f,isRtl:"rtl"===e.dir}),d),j=a.classNames(a.uFloatingLabel.label({c:v,focused:t.focused,empty:D,notEmpty:!D,invalid:!1===b,disabled:f}),u);return r.createElement("span",{...h,id:e.id,className:T,onFocus:e=>{l({focused:!0})},onBlur:e=>{l({focused:!1})},style:y,dir:e.dir},e.children,s?c?r.createElement("label",{id:g,htmlFor:c,className:j},s,k):r.createElement("span",{id:g,className:j},s,k):null)};p.propTypes={label:l.node,editorId:l.string,editorValue:l.oneOfType([l.string,l.bool,l.number]),editorPlaceholder:l.string,editorValid:l.bool,editorDisabled:l.bool,id:l.string,style:l.object,className:l.string,labelClassName:l.string,optional:l.bool},e.Error=d,e.FloatingLabel=p,e.Hint=u,e.Label=c});

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1776857615,
-    version: '14.4.1-develop.6',
+    publishDate: 1776932732,
+    version: '14.4.1-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-labels",
-  "version": "14.4.1-develop.6",
+  "version": "14.4.1-develop.8",
   "description": "React Labels package provides components for labelling form editors. KendoReact Labels package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,8 +26,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "14.4.1-develop.6",
-    "@progress/kendo-react-intl": "14.4.1-develop.6",
+    "@progress/kendo-react-common": "14.4.1-develop.8",
+    "@progress/kendo-react-intl": "14.4.1-develop.8",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -57,7 +57,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1776857615,
+      "publishDate": 1776932732,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },