@progress/kendo-react-inputs 5.10.0-dev.202301091032 → 5.10.0-dev.202301111405

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -16,6 +16,7 @@ var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
@@ -281,8 +282,8 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
         props.children,
         props.spinners &&
             (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
-                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), onClick: onIncrease }),
-                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), onClick: onDecrease })))));
+                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', svgIcon: kendo_svg_icons_1.caretAltUpIcon, rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), onClick: onIncrease }),
+                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', svgIcon: kendo_svg_icons_1.caretAltDownIcon, rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), onClick: onDecrease })))));
     return props.label
         ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: props.label, editorId: inputId, editorValue: looseValue === null ? '' : looseValue, editorValid: isValid, editorDisabled: props.disabled, editorPlaceholder: props.placeholder, children: numerictextbox, style: { width: props.width }, dir: props.dir }))
         : numerictextbox;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673259165,
+    publishDate: 1673444752,
     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/rating/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormComponentProps } from '@progress/kendo-react-common';
+import { FormComponentProps, SVGIcon } from '@progress/kendo-react-common';
 import { RatingItemProps } from './RatingItem';
 import { RatingKeyboardEvent, RatingItemMouseEvent, RatingItemFocusEvent } from './models';
 /**
@@ -70,6 +70,14 @@ export interface RatingProps extends FormComponentProps {
      * Sets custom Rating icon, by default - star. [See example]({% slug disabled_rating %})
      */
     icon?: string;
+    /**
+     * Sets custom Rating SVG icon.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Sets custom Rating SVG icon.
+     */
+    svgIconOutline?: SVGIcon;
     /**
      * Determines the selection mode. By default set to `continues`. [See example]({% slug icon_rating %})
      */

package/dist/npm/rating/Rating.js

@@ -15,6 +15,7 @@ exports.Rating = exports.RatingPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var RatingItem_1 = require("./RatingItem");
 var rating_reducer_1 = require("./rating-reducer");
 var utils_1 = require("./utils");
@@ -48,7 +49,7 @@ exports.RatingPropsContext = (0, kendo_react_common_1.createPropsContext)();
  * Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
  */
 exports.Rating = React.forwardRef(function (directProps, ref) {
-    var _a, _b, _c, _d;
+    var _a;
     var props = (0, kendo_react_common_1.usePropsContext)(exports.RatingPropsContext, directProps);
     var localization = (0, kendo_react_intl_1.useLocalization)();
     var target = React.useRef(null);
@@ -75,19 +76,19 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
     var readonly = React.useMemo(function () { return props.readonly || defaultProps.readonly; }, [props.readonly]);
     var disabled = React.useMemo(function () { return props.disabled || defaultProps.disabled; }, [props.disabled]);
     var Item = React.useMemo(function () { return props.item || defaultProps.item; }, [props.item]);
-    var _e = useRating(props.defaultValue || defaultProps.defaultValue, {
+    var _b = useRating(props.defaultValue || defaultProps.defaultValue, {
         state: props.value,
         min: min,
         max: max,
         step: precision === 'half' ? step / 2 : step
-    }, handleChange), stateValue = _e[0], dispatchStateValue = _e[1];
-    var _f = useRating(null, {
+    }, handleChange), stateValue = _b[0], dispatchStateValue = _b[1];
+    var _c = useRating(null, {
         state: props.value,
         min: min,
         max: max,
         step: precision === 'half' ? step / 2 : step,
         precision: precision
-    }), stateHover = _f[0], dispatchStateHover = _f[1];
+    }), stateHover = _c[0], dispatchStateHover = _c[1];
     var value = React.useMemo(function () { return props.value || stateValue; }, [props.value, stateValue]);
     var hoveredValue = React.useMemo(function () { return stateHover; }, [stateHover]);
     var selection = React.useMemo(function () { return props.selection || defaultProps.selection; }, [props.selection]);
@@ -205,27 +206,19 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
         var selectedValue = (0, utils_1.isSelected)(itemValue, value, step, selection);
         var selected = (0, utils_1.isSelected)(itemValue, hoveredValue !== null ? hoveredValue : value, step, selection);
         var hovered = (0, utils_1.isSelected)(itemValue, hoveredValue, step, selection);
-        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? (0, utils_1.toRound)(itemValue - (step / 2), base) : itemValue), icon: props.icon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
+        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? (0, utils_1.toRound)(itemValue - (step / 2), base) : itemValue), icon: props.icon, svgIcon: props.svgIcon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
             half && (React.createElement("span", { className: 'k-rating-precision-complement', style: (_a = { width: '12px' }, _a[dir === 'rtl' ? 'right' : 'left'] = '50%', _a) },
-                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_b = {
-                            'k-i-star-outline': !props.icon
-                        },
-                        _b["".concat(props.icon, "-outline")] = props.icon,
-                        _b)) }))),
+                !(props.icon || props.svgIconOutline) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star-outline', icon: kendo_svg_icons_1.starOutlineIcon }),
+                (props.icon || props.svgIconOutline) && React.createElement(kendo_react_common_1.IconWrap, { name: (0, kendo_react_common_1.toIconName)("".concat(props.icon, "-outline")), icon: props.svgIconOutline }))),
             half && (React.createElement("span", { className: 'k-rating-precision-part', style: { width: '12px' } },
-                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_c = {
-                            'k-i-star': !props.icon
-                        },
-                        _c["".concat(props.icon)] = props.icon,
-                        _c)) }))),
+                !(props.icon || props.svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star', icon: kendo_svg_icons_1.starIcon }),
+                (props.icon || props.svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: props.icon ? (0, kendo_react_common_1.toIconName)(props.icon) : undefined, icon: props.svgIcon }))),
             half && (React.createElement("span", { style: { width: '24px', height: '24px', display: 'block' } })),
-            !half && (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_d = {
-                        'k-i-star': !props.icon && (hovered || (selected && !hovered)),
-                        'k-i-star-outline': !props.icon && (!hovered)
-                    },
-                    _d["".concat(props.icon)] = props.icon && (hovered || (selected && !hovered)),
-                    _d["".concat(props.icon, "-outline")] = props.icon && (!hovered),
-                    _d)) }))));
+            !half &&
+                (!(props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star', icon: kendo_svg_icons_1.starIcon })) ||
+                (!(props.icon || props.svgIcon) && !hovered && React.createElement(kendo_react_common_1.IconWrap, { name: 'star-outline', icon: kendo_svg_icons_1.starOutlineIcon })) ||
+                ((props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(kendo_react_common_1.IconWrap, { name: props.icon, icon: props.svgIcon })) ||
+                ((props.icon || props.svgIcon) && !hovered && React.createElement(kendo_react_common_1.IconWrap, { name: (0, kendo_react_common_1.toIconName)("".concat(props.icon, "-outline")), icon: props.svgIconOutline }))));
     }
     return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled, undefined), className: (0, kendo_react_common_1.classNames)('k-rating k-widget', {
             'k-rtl': dir === 'rtl',
@@ -268,6 +261,8 @@ var propTypes = {
     disabled: PropTypes.bool,
     half: PropTypes.bool,
     icon: PropTypes.string,
+    svgIcon: kendo_react_common_1.svgIconPropType,
+    svgIconOutline: kendo_react_common_1.svgIconPropType,
     ariaDescribedBy: PropTypes.string
 };
 var defaultProps = {

package/dist/npm/signature/Signature.js

@@ -59,6 +59,7 @@ var React = require("react");
 var messages_1 = require("../messages");
 var package_metadata_1 = require("../package-metadata");
 var utils_1 = require("./utils");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var DEFAULT_WIDTH = 250;
 var DEFAULT_HEIGHT = 84;
 var DEFAULT_POPUP_SCALE = 3;
@@ -338,10 +339,10 @@ exports.Signature = React.forwardRef(function (directProps, target) {
             _a), props.className), onFocus: onFocus, onBlur: onBlur },
         React.createElement("div", { className: 'k-signature-canvas', ref: canvasRef, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), role: "img", id: props.id, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, "aria-disabled": props.disabled ? 'true' : undefined }),
         React.createElement("div", { className: 'k-signature-actions k-signature-actions-top' },
-            showMaximize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-maximize', ref: maximizeButtonRef, icon: 'hyperlink-open', shape: null, fillMode: 'flat', size: props.size, onClick: onMaximizeClick, "aria-label": maximizeTitle, title: maximizeTitle })),
-            showMinimize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-minimize k-rotate-180', ref: minimizeButtonRef, icon: 'hyperlink-open', shape: null, fillMode: 'flat', size: props.size, onClick: onMinimizeClick, "aria-label": minimizeTitle, title: minimizeTitle }))),
+            showMaximize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-maximize', ref: maximizeButtonRef, icon: 'hyperlink-open', svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon, fillMode: 'flat', size: props.size, onClick: onMaximizeClick, "aria-label": maximizeTitle, title: maximizeTitle })),
+            showMinimize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-minimize k-rotate-180', ref: minimizeButtonRef, icon: 'hyperlink-open', svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon, fillMode: 'flat', size: props.size, onClick: onMinimizeClick, "aria-label": minimizeTitle, title: minimizeTitle }))),
         !props.hideLine && (React.createElement("div", { className: 'k-signature-line', style: { zIndex: 2, pointerEvents: 'none' } })),
-        React.createElement("div", { className: 'k-signature-actions k-signature-actions-bottom' }, showClear && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-clear', icon: 'close', shape: null, fillMode: 'flat', size: props.size, onClick: onClear, "aria-label": clearTitle, title: clearTitle }))),
+        React.createElement("div", { className: 'k-signature-actions k-signature-actions-bottom' }, showClear && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-clear', icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, fillMode: 'flat', size: props.size, onClick: onClear, "aria-label": clearTitle, title: clearTitle }))),
         open && (React.createElement(kendo_react_dialogs_1.Dialog, { ref: dialogRef },
             React.createElement(exports.Signature, __assign({}, props, popupSize(), { value: popupValue, maximized: true, exportScale: (1 / popupScale) * exportScale, open: false, onChange: onDialogChange, onClose: onDialogClose }))))));
 });

package/dist/npm/slider/Slider.js

@@ -36,6 +36,7 @@ var SliderLabel_1 = require("./SliderLabel");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /** @hidden */
 var SliderWithoutContext = /** @class */ (function (_super) {
     __extends(SliderWithoutContext, _super);
@@ -59,9 +60,9 @@ var SliderWithoutContext = /** @class */ (function (_super) {
                 return props.children;
             }
             return (React.createElement(React.Fragment, null,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', title: props.decrementTitle, onClick: props.decrement }),
+                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', svgIcon: _this.props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltLeftIcon, title: props.decrementTitle, onClick: props.decrement }),
                 props.children,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', title: props.incrementTitle, onClick: props.increment })));
+                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', svgIcon: _this.props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltRightIcon, title: props.incrementTitle, onClick: props.increment })));
         };
         /**
          * @hidden