@progress/kendo-react-inputs 6.1.0-dev.202310310855 → 6.1.0-dev.202311021038

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1698739657,
+    publishDate: 1698919709,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/switch/Switch.d.ts

@@ -123,6 +123,10 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
      * Sets the value of the Switch. It can either be of the primitive (string, number, boolean) or of the complex (array) type.
      */
     value?: string | number | string[] | boolean | null;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden
@@ -139,9 +143,6 @@ export declare class SwitchWithoutContext extends React.Component<SwitchProps, S
      */
     get value(): boolean;
     get element(): HTMLSpanElement | null;
-    /**
-     * @hidden
-     */
     get actionElement(): HTMLSpanElement | null;
     /**
      * Gets the `name` property of the Switch.
@@ -257,6 +258,10 @@ export declare const SwitchPropsContext: React.Context<(p: SwitchProps) => Switc
  * Represent the `ref` of the Switch component.
  */
 export interface SwitchHandle extends Pick<SwitchWithoutContext, keyof SwitchWithoutContext> {
+    /**
+     * @hidden
+     */
+    actionElement: HTMLSpanElement | null;
     /**
      * Returns the HTML element of the Switch component.
      */

package/dist/es/switch/Switch.js

@@ -76,15 +76,15 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
          * @hidden
          */
         _this.focus = function () {
-            if (_this._element) {
-                _this._element.focus();
+            if (_this.actionElement) {
+                _this.actionElement.focus();
             }
         };
         _this.dummyInput = function (value) {
             /* Dummy component to support forms */
             return (React.createElement("input", { type: "checkbox", checked: _this.props.checked, ref: function (el) {
                     _this._input = el;
-                }, tabIndex: -1, "aria-hidden": true, value: value, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' }, onChange: noop }));
+                }, tabIndex: -1, "aria-hidden": true, value: value, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' }, onChange: noop, name: _this.name || undefined }));
         };
         _this.handleClick = function (event) {
             if (_this.eventTimeStamp === event.timeStamp) {
@@ -153,9 +153,6 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "actionElement", {
-        /**
-         * @hidden
-         */
         get: function () {
             return this._wrapper;
         },
@@ -238,8 +235,8 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         var _a, _b, _c;
         var _this = this;
         var focused = this.state.focused;
-        var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, id = _d.id, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
-        this.dir = dir || (this._wrapper && getComputedStyle(this._wrapper).direction) || undefined;
+        var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
+        this.dir = dir || (this.element && getComputedStyle(this.element).direction) || undefined;
         var isValid = !this.validityStyles || this.validity.valid;
         var switchClassName = classNames('k-switch', (_a = {},
             _a["k-switch-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
@@ -254,23 +251,20 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
             'aria-checked': this.value,
             'aria-disabled': disabled || undefined,
             'aria-labelledby': this.props.ariaLabelledBy,
-            'aria-describedby': this.props.ariaDescribedBy
+            'aria-describedby': this.props.ariaDescribedBy,
+            'aria-label': this.props.ariaLabel
         };
         return (React.createElement("span", __assign({ ref: function (span) {
                 _this._wrapper = span;
-            }, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus }),
-            React.createElement("span", { className: classNames('k-switch-track', (_b = {},
-                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
-                    _b)), id: id || this._id, ref: function (span) {
+            }, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus, tabIndex: getTabIndex(tabIndex, disabled, undefined), accessKey: this.props.accessKey, id: this.props.id || this._id }),
+            React.createElement("span", { className: classNames('k-switch-track', (_b = {}, _b["k-rounded-".concat(kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded, _b)), ref: function (span) {
                     _this._element = span;
-                }, tabIndex: getTabIndex(tabIndex, disabled, undefined), accessKey: this.props.accessKey },
+                } },
                 this.dummyInput(this.value),
                 React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
                 React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),
             React.createElement("span", { className: 'k-switch-thumb-wrap' },
-                React.createElement("span", { className: classNames('k-switch-thumb', (_c = {},
-                        _c["k-rounded-".concat(thumbRounded)] = thumbRounded,
-                        _c)) }))));
+                React.createElement("span", { className: classNames('k-switch-thumb', (_c = {}, _c["k-rounded-".concat(thumbRounded)] = thumbRounded, _c)) }))));
     };
     SwitchWithoutContext.displayName = 'Switch';
     /**

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1698739657,
+    publishDate: 1698919709,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/switch/Switch.d.ts

@@ -123,6 +123,10 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
      * Sets the value of the Switch. It can either be of the primitive (string, number, boolean) or of the complex (array) type.
      */
     value?: string | number | string[] | boolean | null;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden
@@ -139,9 +143,6 @@ export declare class SwitchWithoutContext extends React.Component<SwitchProps, S
      */
     get value(): boolean;
     get element(): HTMLSpanElement | null;
-    /**
-     * @hidden
-     */
     get actionElement(): HTMLSpanElement | null;
     /**
      * Gets the `name` property of the Switch.
@@ -257,6 +258,10 @@ export declare const SwitchPropsContext: React.Context<(p: SwitchProps) => Switc
  * Represent the `ref` of the Switch component.
  */
 export interface SwitchHandle extends Pick<SwitchWithoutContext, keyof SwitchWithoutContext> {
+    /**
+     * @hidden
+     */
+    actionElement: HTMLSpanElement | null;
     /**
      * Returns the HTML element of the Switch component.
      */

package/dist/npm/switch/Switch.js

@@ -79,15 +79,15 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
          * @hidden
          */
         _this.focus = function () {
-            if (_this._element) {
-                _this._element.focus();
+            if (_this.actionElement) {
+                _this.actionElement.focus();
             }
         };
         _this.dummyInput = function (value) {
             /* Dummy component to support forms */
             return (React.createElement("input", { type: "checkbox", checked: _this.props.checked, ref: function (el) {
                     _this._input = el;
-                }, tabIndex: -1, "aria-hidden": true, value: value, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' }, onChange: kendo_react_common_1.noop }));
+                }, tabIndex: -1, "aria-hidden": true, value: value, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' }, onChange: kendo_react_common_1.noop, name: _this.name || undefined }));
         };
         _this.handleClick = function (event) {
             if (_this.eventTimeStamp === event.timeStamp) {
@@ -156,9 +156,6 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "actionElement", {
-        /**
-         * @hidden
-         */
         get: function () {
             return this._wrapper;
         },
@@ -241,8 +238,8 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         var _a, _b, _c;
         var _this = this;
         var focused = this.state.focused;
-        var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, id = _d.id, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
-        this.dir = dir || (this._wrapper && getComputedStyle(this._wrapper).direction) || undefined;
+        var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
+        this.dir = dir || (this.element && getComputedStyle(this.element).direction) || undefined;
         var isValid = !this.validityStyles || this.validity.valid;
         var switchClassName = (0, kendo_react_common_1.classNames)('k-switch', (_a = {},
             _a["k-switch-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
@@ -257,23 +254,20 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
             'aria-checked': this.value,
             'aria-disabled': disabled || undefined,
             'aria-labelledby': this.props.ariaLabelledBy,
-            'aria-describedby': this.props.ariaDescribedBy
+            'aria-describedby': this.props.ariaDescribedBy,
+            'aria-label': this.props.ariaLabel
         };
         return (React.createElement("span", __assign({ ref: function (span) {
                 _this._wrapper = span;
-            }, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus }),
-            React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {},
-                    _b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
-                    _b)), id: id || this._id, ref: function (span) {
+            }, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey, id: this.props.id || this._id }),
+            React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {}, _b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded, _b)), ref: function (span) {
                     _this._element = span;
-                }, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey },
+                } },
                 this.dummyInput(this.value),
                 React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
                 React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),
             React.createElement("span", { className: 'k-switch-thumb-wrap' },
-                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-thumb', (_c = {},
-                        _c["k-rounded-".concat(thumbRounded)] = thumbRounded,
-                        _c)) }))));
+                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-thumb', (_c = {}, _c["k-rounded-".concat(thumbRounded)] = thumbRounded, _c)) }))));
     };
     SwitchWithoutContext.displayName = 'Switch';
     /**