@progress/kendo-react-inputs 6.1.1 → 7.0.0-develop.2

package/dist/npm/signature/interfaces/SignatureProps.d.ts

@@ -1,195 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from '@progress/kendo-react-common';
-import { SignatureChangeEvent } from './SignatureChangeEvent';
-import { SignatureFocusEvent } from './SignatureFocusEvent';
-import { SignatureBlurEvent } from './SignatureBlurEvent';
-import { SignatureOpenEvent } from './SignatureOpenEvent';
-import { SignatureCloseEvent } from './SignatureCloseEvent';
-/**
- * Represents the props of the [KendoReact Signature component]({% slug overview_signature %}).
- */
-export interface SignatureProps extends FormComponentProps {
-    /**
-     * Sets a class of the Signature DOM element.
-     */
-    className?: string;
-    /**
-     * Specifies the value of the Signature.
-     *
-     * The value is an image encoded as a [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs).
-     */
-    value?: string;
-    /**
-     * Specifies the width of the Signature in pixels.
-     */
-    width?: number;
-    /**
-     * Specifies the height of the Signature in pixels.
-     */
-    height?: number;
-    /**
-     * Sets the `tabIndex` property of the Signature.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `id` of the Signature DOM element.
-     */
-    id?: string;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Specifies the name of the Signature input.
-     */
-    name?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Determines whether the Signature is in its read-only state.
-     */
-    readOnly?: boolean;
-    /**
-     * Determines whether the Signature is in its disabled state.
-     */
-    disabled?: boolean;
-    /**
-     * Configures the `size` of the Signature.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Signature.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `fillMode` of the Signature.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * The stroke color of the signature.
-     *
-     * Accepts CSS color names and hex values.
-     *
-     * The default value is determined by the theme `$kendo-input-text` variable.
-     */
-    color?: string;
-    /**
-     * The background color of the signature.
-     *
-     * Accepts CSS color names and hex values.
-     *
-     * The default value is determined by the theme `$kendo-input-bg` variable.
-     */
-    backgroundColor?: string;
-    /**
-     * The stroke width of the signature.
-     *
-     * @default 1
-     */
-    strokeWidth?: number;
-    /**
-     * A flag indicating whether to smooth out signature lines.
-     *
-     * @default false
-     */
-    smooth?: boolean;
-    /**
-     * A flag indicating if the signature can be maximized.
-     *
-     * @default true
-     */
-    maximizable?: boolean;
-    /**
-     * Sets the open and close state of the Signature.
-     */
-    open?: boolean;
-    /**
-     * The scale factor for the popup.
-     *
-     * The Signature width and height will be multiplied by the scale when showing the popup.
-     *
-     * @default 3
-     */
-    popupScale?: number;
-    /**
-     * The scale factor for the exported image.
-     *
-     * The Signature width and height will be multiplied by the scale when converting the signature to an image.
-     *
-     * @default 2
-     */
-    exportScale?: number;
-    /**
-     * A flag indicating whether the dotted line should be displayed in the background.
-     *
-     * @default false
-     */
-    hideLine?: boolean;
-    /**
-     * Represents the `style` HTML attribute.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Represents the input element `style` HTML attribute.
-     */
-    inputStyle?: React.CSSProperties;
-    /**
-     * Determines the event handler that will be fired when the user edits the value.
-     */
-    onChange?: (event: SignatureChangeEvent) => void;
-    /**
-     * The event handler that will be fired when Signature is focused.
-     */
-    onFocus?: (event: SignatureFocusEvent) => void;
-    /**
-     * The event handler that will be fired when Signature is blurred.
-     */
-    onBlur?: (event: SignatureBlurEvent) => void;
-    /**
-     * The event handler that will be fired when Signature popup is open.
-     */
-    onOpen?: (event: SignatureOpenEvent) => void;
-    /**
-     * The event handler that will be fired when Signature popup is closed.
-     */
-    onClose?: (event: SignatureCloseEvent) => void;
-    /** @hidden */
-    children?: React.ReactNode;
-    /** @hidden */
-    maximized?: boolean;
-}

package/dist/npm/signature/interfaces/SignatureProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/signature/interfaces/index.d.ts

@@ -1,7 +0,0 @@
-export { SignatureBlurEvent } from './SignatureBlurEvent';
-export { SignatureChangeEvent } from './SignatureChangeEvent';
-export { SignatureCloseEvent } from './SignatureCloseEvent';
-export { SignatureFocusEvent } from './SignatureFocusEvent';
-export { SignatureHandle } from './SignatureHandle';
-export { SignatureOpenEvent } from './SignatureOpenEvent';
-export { SignatureProps } from './SignatureProps';

package/dist/npm/signature/interfaces/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/signature/utils/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare function hasParent(element: any, parent: any): boolean;

package/dist/npm/signature/utils/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasParent = void 0;
-/**
- * @hidden
- */
-function hasParent(element, parent) {
-    var current = element;
-    while (current && current !== parent) {
-        current = current.parentNode;
-    }
-    return current ? true : false;
-}
-exports.hasParent = hasParent;

package/dist/npm/slider/Slider.js

@@ -1,259 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = exports.SliderPropsContext = exports.SliderWithoutContext = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("./../messages");
-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);
-    function SliderWithoutContext(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            value: _this.props.defaultValue === undefined ? _this.props.min : _this.props.defaultValue,
-            focused: false,
-            dir: _this.props.dir
-        };
-        _this._sliderTrack = null;
-        _this._element = null;
-        /**
-         * @hidden
-         */
-        _this.buttons = function (props) {
-            if (!props.enabled) {
-                return props.children;
-            }
-            var increaseSvgArrow = _this.state.dir === 'rtl' ? (_this.props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltLeftIcon) : (_this.props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltRightIcon);
-            var decreaseSvgArrow = _this.state.dir === 'rtl' ? (_this.props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltRightIcon) : (_this.props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltLeftIcon);
-            var increaseFontArrow = _this.state.dir === 'rtl' ? (_this.props.vertical ? 'caret-alt-up' : 'caret-alt-left') : (_this.props.vertical ? 'caret-alt-up' : 'caret-alt-right');
-            var decreaseFontArrow = _this.state.dir === 'rtl' ? (_this.props.vertical ? 'caret-alt-down' : 'caret-alt-right') : (_this.props.vertical ? 'caret-alt-down' : 'caret-alt-left');
-            return (React.createElement(React.Fragment, null,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: decreaseFontArrow, svgIcon: decreaseSvgArrow, title: props.decrementTitle, onClick: props.decrement }),
-                props.children,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: increaseFontArrow, svgIcon: increaseSvgArrow, title: props.incrementTitle, onClick: props.increment })));
-        };
-        /**
-         * @hidden
-         */
-        _this.focus = function () {
-            if (_this._element) {
-                _this._element.focus();
-            }
-        };
-        _this.isLabel = function (target) {
-            var currentTarget = target;
-            while (currentTarget) {
-                if (Boolean(currentTarget.getAttribute(SliderLabel_1.SLIDER_LABEL_ATTRIBUTE))) {
-                    return true;
-                }
-                currentTarget = currentTarget.parentElement;
-            }
-            return false;
-        };
-        _this.onFocus = function () {
-            _this.setState({ focused: true });
-        };
-        _this.onBlur = function () {
-            _this.setState({ focused: false });
-        };
-        _this.onKeyDown = function (e) {
-            var newValue = undefined;
-            if (e.keyCode === kendo_react_common_1.Keys.left || e.keyCode === kendo_react_common_1.Keys.down) {
-                newValue = _this.state.value - (_this.props.step || 0);
-            }
-            else if (e.keyCode === kendo_react_common_1.Keys.right || e.keyCode === kendo_react_common_1.Keys.up) {
-                newValue = _this.state.value + (_this.props.step || 0);
-            }
-            else if (e.keyCode === kendo_react_common_1.Keys.home) {
-                newValue = _this.props.min;
-            }
-            else if (e.keyCode === kendo_react_common_1.Keys.end) {
-                newValue = _this.props.max;
-            }
-            if (newValue !== undefined) {
-                e.preventDefault();
-                _this.change(e, newValue);
-            }
-        };
-        _this.decrement = function (e) {
-            e.preventDefault();
-            _this.change(e, _this.state.value - (_this.props.step || 0));
-        };
-        _this.increment = function (e) {
-            e.preventDefault();
-            _this.change(e, _this.state.value + (_this.props.step || 0));
-        };
-        _this.dragStart = function (e) {
-            if (!_this.isLabel(e.event.originalEvent.target)) {
-                if (e.event.isTouch) {
-                    e.event.originalEvent.preventDefault();
-                }
-                _this.drag(e);
-            }
-        };
-        _this.dragOver = function (e) {
-            e.event.originalEvent.preventDefault();
-            _this.drag(e);
-        };
-        _this.drag = function (e) {
-            var computed = e.element.getBoundingClientRect();
-            var distance = _this.props.vertical
-                ? (computed.bottom - e.event.clientY)
-                : (_this.state.dir === 'rtl'
-                    ? computed.right - e.event.clientX
-                    : e.event.clientX - computed.left);
-            var size = _this.props.vertical ? computed.height : computed.width;
-            var percentage = (distance / size);
-            _this.change(e, _this.props.min + percentage * (_this.props.max - _this.props.min));
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    SliderWithoutContext.getDerivedStateFromProps = function (props, state) {
-        var value = props.value !== undefined ? props.value : state.value;
-        var min = props.min, max = props.max;
-        return value === undefined ? null :
-            { value: Math.min(Math.max(value, min), max) };
-    };
-    /**
-     * @hidden
-     */
-    SliderWithoutContext.prototype.componentDidMount = function () {
-        if (!this.state.dir && window && this._element) {
-            // Note: getComputedStyle forces reflow
-            var direction = window.getComputedStyle(this._element).direction;
-            if (direction) {
-                this.setState({ dir: direction });
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    SliderWithoutContext.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var lS = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var percentValue = ((this.state.value - this.props.min) / (this.props.max - this.props.min)) * 100;
-        var trackStyles = this.props.vertical
-            ? { marginTop: '0.5rem', marginBottom: '0.5rem' }
-            : { marginLeft: '0.5rem', marginRight: '0.5rem' };
-        var sliderItemsStyle = this.props.vertical
-            ? { paddingTop: 0, height: '100%' }
-            : {};
-        return (React.createElement("div", { ref: function (el) { return _this._element = el; }, dir: this.state.dir, id: this.props.id, style: __assign({ gap: 0 }, this.props.style), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: (0, kendo_react_common_1.classNames)('k-slider', {
-                'k-focus': this.state.focused,
-                'k-disabled': this.props.disabled,
-                'k-slider-horizontal': !this.props.vertical,
-                'k-slider-vertical': this.props.vertical
-            }, this.props.className) },
-            React.createElement(this.buttons, { enabled: this.props.buttons, decrement: this.decrement, increment: this.increment, incrementTitle: lS.toLanguageString(messages_1.sliderIncreaseValue, messages_1.messages[messages_1.sliderIncreaseValue]), decrementTitle: lS.toLanguageString(messages_1.sliderDecreaseValue, messages_1.messages[messages_1.sliderDecreaseValue]) },
-                React.createElement(kendo_react_common_1.Draggable, { onDrag: this.dragOver, onPress: this.dragStart },
-                    React.createElement("div", { className: "k-slider-track-wrap", style: __assign({ flexGrow: 1, position: 'relative', touchAction: 'none' }, trackStyles) },
-                        this.props.children && (React.createElement("ul", { className: "k-reset k-slider-items", style: __assign({ margin: 0 }, sliderItemsStyle) }, React.Children.map(this.props.children, function (child) {
-                            return child && React.cloneElement(child, {
-                                position: 100 * (child.props.position - _this.props.min) /
-                                    (_this.props.max - _this.props.min),
-                                vertical: _this.props.vertical
-                            }, child.props.children);
-                        }))),
-                        React.createElement("div", { className: "k-slider-track", style: this.props.vertical
-                                ? { bottom: 0, height: '100%' }
-                                : (_a = {}, _a[this.state.dir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a), ref: function (el) { return _this._sliderTrack = el; } },
-                            React.createElement("div", { className: "k-slider-selection", style: this.props.vertical
-                                    ? { height: percentValue + '%' }
-                                    : { width: percentValue + '%' } }),
-                            React.createElement("span", { role: "slider", "aria-valuemin": this.props.min, "aria-valuemax": this.props.max, "aria-valuenow": this.state.value, "aria-valuetext": String(this.state.value), "aria-orientation": this.props.vertical ? 'vertical' : undefined, "aria-disabled": this.props.disabled ? 'true' : undefined, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-label": this.props.ariaLabel, tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, undefined), className: "k-draghandle", title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: this.props.vertical
-                                    ? { bottom: 'calc(' + percentValue + '%)', zIndex: 1 }
-                                    : this.state.dir === 'rtl' ? { right: 'calc(' + percentValue + '% - 13px)', zIndex: 1 }
-                                        : { left: 'calc(' + percentValue + '%)', zIndex: 1 } })))))));
-    };
-    Object.defineProperty(SliderWithoutContext.prototype, "sliderTrack", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._sliderTrack;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SliderWithoutContext.prototype.change = function (e, value) {
-        value = Math.min(Math.max(value, this.props.min), this.props.max);
-        this.setState({ value: value });
-        (0, kendo_react_common_1.dispatchEvent)(this.props.onChange, e, this, { value: value });
-    };
-    SliderWithoutContext.displayName = 'Slider';
-    /**
-     * @hidden
-     */
-    SliderWithoutContext.propTypes = {
-        min: PropTypes.number.isRequired,
-        max: PropTypes.number.isRequired,
-        value: PropTypes.number,
-        vertical: PropTypes.bool,
-        id: PropTypes.string,
-        ariaLabelledBy: PropTypes.string,
-        ariaDescribedBy: PropTypes.string,
-        ariaLabel: PropTypes.string
-        // TODO: validation when buttons is set to true, but no step is provided
-    };
-    return SliderWithoutContext;
-}(React.Component));
-exports.SliderWithoutContext = SliderWithoutContext;
-/**
- * Represents the PropsContext of the `Slider` component.
- * Used for global configuration of all `Slider` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-exports.SliderPropsContext = (0, kendo_react_common_1.createPropsContext)();
-/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
-/**
- * Represents the [KendoReact Slider component]({% slug overview_slider %}).
- *
- * Accepts properties of type [SliderProps]({% slug api_inputs_sliderprops %}).
- * Obtaining the `ref` returns an object of type [SliderHandle]({% slug api_inputs_sliderhandle %}).
- */
-exports.Slider = (0, kendo_react_common_1.withPropsContext)(exports.SliderPropsContext, SliderWithoutContext);
-exports.Slider.displayName = 'KendoReactSlider';
-(0, kendo_react_intl_1.registerForLocalization)(SliderWithoutContext);

package/dist/npm/slider/SliderLabel.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export declare const SLIDER_LABEL_ATTRIBUTE = "data-slider-label";
-/**
- * Represents the props of the KendoReact SliderLabel component.
- */
-export interface SliderLabelProps {
-    /**
-     * The position in relative to the start of the SliderLabel component.
-     */
-    position: number;
-    /**
-     * The onClick event of the SliderLabel component.
-     */
-    onClick?: (event: React.MouseEvent<HTMLLIElement>) => void;
-    /**
-     * The title of the SliderLabel component.
-     */
-    title?: string;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * @hidden
-     */
-    vertical?: boolean;
-}
-/**
- * Represents the KendoReact SliderLabel component.
- */
-export declare const SliderLabel: (props: SliderLabelProps) => JSX.Element;

package/dist/npm/slider/SliderLabel.js

@@ -1,34 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
-/**
- * Represents the KendoReact SliderLabel component.
- */
-var SliderLabel = function (props) {
-    var _a, _b;
-    var sliderLabelRef = React.useRef(null);
-    var dir = (0, kendo_react_common_1.useDir)(sliderLabelRef);
-    var style = props.vertical
-        ? { bottom: "".concat(props.position, "%") }
-        : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a);
-    var tickStyle = props.vertical ? 'k-tick-vertical' : 'k-tick-horizontal';
-    return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) }, props.children && React.createElement("span", __assign({}, (_b = {}, _b[exports.SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
-};
-exports.SliderLabel = SliderLabel;