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

package/dist/es/checkbox/interfaces/CheckboxBlurEvent.d.ts

@@ -1,7 +0,0 @@
-import { CheckboxHandle } from './../Checkbox';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onBlur` Checkbox event.
- */
-export interface CheckboxBlurEvent extends BaseEvent<CheckboxHandle> {
-}

package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/es/checkbox/interfaces/CheckboxChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { CheckboxHandle } from './../Checkbox';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onChange` Checkbox event.
- */
-export interface CheckboxChangeEvent extends BaseEvent<CheckboxHandle> {
-    /**
-     * The new value of the Checkbox.
-     */
-    value: boolean;
-}

package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/es/checkbox/interfaces/CheckboxFocusEvent.d.ts

@@ -1,7 +0,0 @@
-import { CheckboxHandle } from './../Checkbox';
-import { BaseEvent } from '@progress/kendo-react-common';
-/**
- * The arguments for the `onFocus` Checkbox event.
- */
-export interface CheckboxFocusEvent extends BaseEvent<CheckboxHandle> {
-}

package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/es/checkbox/interfaces/CheckboxProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/colors/ColorContrastLabels.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { RGBA } from './models/rgba';
-/**
- * @hidden
- */
-export interface ColorContrastLabelProps {
-    bgColor: RGBA;
-    rgba: RGBA;
-}
-/**
- * @hidden
- */
-export declare class ColorContrastLabels extends React.Component<ColorContrastLabelProps, {}> {
-    render(): JSX.Element;
-}

package/dist/es/colors/ColorContrastLabels.js

@@ -1,68 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, colorGradientContrastRatio, colorGradientAALevel, colorGradientAAALevel, colorGradientPass, colorGradientFail } from '../messages';
-import { getContrastFromTwoRGBAs } from './utils/color-parser';
-import { IconWrap } from '@progress/kendo-react-common';
-import { checkIcon, xIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var ColorContrastLabels = /** @class */ (function (_super) {
-    __extends(ColorContrastLabels, _super);
-    function ColorContrastLabels() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColorContrastLabels.prototype.render = function () {
-        var localizationService = provideLocalizationService(this);
-        var contrastRatioMessage = localizationService.toLanguageString(colorGradientContrastRatio, messages[colorGradientContrastRatio]);
-        var AALevelMessage = localizationService.toLanguageString(colorGradientAALevel, messages[colorGradientAALevel]);
-        var AAALevelMessage = localizationService.toLanguageString(colorGradientAAALevel, messages[colorGradientAAALevel]);
-        var passMessage = localizationService.toLanguageString(colorGradientPass, messages[colorGradientPass]);
-        var failMessage = localizationService.toLanguageString(colorGradientFail, messages[colorGradientFail]);
-        var contrast = getContrastFromTwoRGBAs(this.props.rgba, this.props.bgColor);
-        var requiredAAContrast = (4.5).toFixed(1);
-        var requiredAAAContrast = (7.0).toFixed(1);
-        var contrastText = "".concat(contrastRatioMessage, ": ").concat(contrast.toFixed(2));
-        var aaText = "".concat(AALevelMessage, ": ").concat(requiredAAContrast);
-        var aaaText = "".concat(AAALevelMessage, ": ").concat(requiredAAAContrast);
-        var success = (React.createElement("span", { className: "k-contrast-validation k-text-success" },
-            passMessage,
-            " ",
-            React.createElement(IconWrap, { name: "check", icon: checkIcon })));
-        var error = (React.createElement("span", { className: "k-contrast-validation k-text-error" },
-            failMessage,
-            " ",
-            React.createElement(IconWrap, { name: "x", icon: xIcon })));
-        return (React.createElement("div", { className: "k-vbox k-colorgradient-color-contrast" },
-            React.createElement("div", { className: "k-contrast-ratio" },
-                React.createElement("span", { className: "k-contrast-ratio-text" }, contrastText),
-                contrast >= 4.5 ? (React.createElement("span", { className: "k-contrast-validation k-text-success" },
-                    React.createElement(IconWrap, { name: "check", icon: checkIcon }),
-                    contrast >= 7 && React.createElement(IconWrap, { name: "check", icon: checkIcon }))) : (React.createElement("span", { className: "k-contrast-validation k-text-error" },
-                    React.createElement(IconWrap, { name: "x", icon: xIcon })))),
-            React.createElement("div", null,
-                React.createElement("span", null, aaText),
-                contrast >= 4.5 ? success : error),
-            React.createElement("div", null,
-                React.createElement("span", null, aaaText),
-                contrast >= 7 ? success : error)));
-    };
-    return ColorContrastLabels;
-}(React.Component));
-export { ColorContrastLabels };
-registerForLocalization(ColorContrastLabels);

package/dist/es/colors/ColorContrastSvg.js

@@ -1,88 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import { bezierCommand, controlPoint, line, svgPath } from './utils/svg-calc';
-import { getColorFromHSV, getRGBA, getContrastFromTwoRGBAs } from './utils/color-parser';
-var AA_CONTRAST = 4.5;
-var AAA_CONTRAST = 7;
-var STEP_COUNT = 16;
-;
-/**
- * @hidden
- */
-var ColorContrastSvg = /** @class */ (function (_super) {
-    __extends(ColorContrastSvg, _super);
-    function ColorContrastSvg() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColorContrastSvg.prototype.renderSvgCurveLine = function () {
-        var _this = this;
-        var gradientRectMetrics = this.props.metrics;
-        var findValue = function (contrast, saturation, low, high, comparer) {
-            var mid = (low + high) / 2;
-            var hsva = Object.assign({}, _this.props.hsva, { s: saturation / gradientRectMetrics.width, v: 1 - mid / gradientRectMetrics.height });
-            var currentContrast = getContrastFromTwoRGBAs(getRGBA(getColorFromHSV(hsva)), getRGBA(_this.props.backgroundColor || ''));
-            if (low + 0.5 > high) {
-                if (currentContrast < contrast + 1 && currentContrast > contrast - 1) {
-                    return mid;
-                }
-                else {
-                    return null;
-                }
-            }
-            if (comparer(currentContrast, contrast)) {
-                return findValue(contrast, saturation, low, high - (high - low) / 2, comparer);
-            }
-            return findValue(contrast, saturation, low + (high - low) / 2, high, comparer);
-        };
-        var getPaths = function (contrast, stepCount, reversed) {
-            if (reversed === void 0) { reversed = false; }
-            var points = [];
-            for (var i = 0; i <= gradientRectMetrics.width; i += gradientRectMetrics.width / stepCount) {
-                var value = findValue(contrast, i, 0, gradientRectMetrics.height, reversed ? (function (a, b) { return a < b; }) : (function (a, b) { return a > b; }));
-                if (value !== null) {
-                    points.push([i, value]);
-                }
-            }
-            return points;
-        };
-        var bezierCommandCalc = bezierCommand(controlPoint(line));
-        return svgPath(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            svgPath(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) +
-            svgPath(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            svgPath(getPaths(AAA_CONTRAST, STEP_COUNT, true), bezierCommandCalc);
-    };
-    ColorContrastSvg.prototype.shouldComponentUpdate = function (nextProps) {
-        if (nextProps.hsva.h === this.props.hsva.h &&
-            nextProps.hsva.a === this.props.hsva.a &&
-            this.props.backgroundColor === nextProps.backgroundColor) {
-            return false;
-        }
-        return true;
-    };
-    ColorContrastSvg.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: 'k-color-contrast-svg', dangerouslySetInnerHTML: { __html: this.renderSvgCurveLine() }, style: {
-                position: 'absolute',
-                overflow: 'visible',
-                pointerEvents: 'none',
-                left: 0,
-                top: 0,
-                zIndex: 3
-            } }));
-    };
-    return ColorContrastSvg;
-}(React.Component));
-export { ColorContrastSvg };

package/dist/es/colors/ColorGradient.js

@@ -1,316 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Draggable, guid, classNames, focusFirstFocusableChild, getTabIndex, createPropsContext, withPropsContext } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-import { Slider } from './../main';
-import { fitIntoBounds, isPresent } from './utils/misc';
-import { getColorFromHue, parseColor, getHSV, getColorFromHSV, getRGBA, getColorFromRGBA } from './utils/color-parser';
-import { cacheHsva, removeCachedColor, getCachedHsva, getCachedRgba, getCachedHex, cacheRgba, cacheHex } from './utils/color-cache';
-import ColorInput from './ColorInput';
-import { ColorContrastLabels } from './ColorContrastLabels';
-import { ColorContrastSvg } from './ColorContrastSvg';
-import { provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, colorGradientHueSliderLabel, colorGradientAlphaSliderLabel } from './../messages';
-var FORMAT = 'rgba';
-var DEFAULT_SELECTED_COLOR = 'rgba(255, 255, 255, 1)';
-/** @hidden */
-var ColorGradientWithoutContext = /** @class */ (function (_super) {
-    __extends(ColorGradientWithoutContext, _super);
-    function ColorGradientWithoutContext(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.wrapper = null;
-        /**
-         * @hidden
-         */
-        _this.onHexChange = function (hex, value, event) {
-            if (_this.isUncontrolled) {
-                var hsva = getHSV(value);
-                _this.setState({ hsva: hsva, backgroundColor: getColorFromHue(hsva.h), rgba: getRGBA(value), hex: hex });
-            }
-            else {
-                cacheHex(_this.state.guid, value, hex);
-            }
-            _this.dispatchChangeEvent(value, event, event.nativeEvent);
-        };
-        /**
-         * @hidden
-         */
-        _this.onRgbaChange = function (rgba, event) {
-            var value = getColorFromRGBA(rgba);
-            if (_this.isUncontrolled) {
-                var hsva = getHSV(value);
-                var hex = parseColor(value, 'hex');
-                _this.setState({ hsva: hsva, backgroundColor: getColorFromHue(hsva.h), rgba: rgba, hex: hex });
-            }
-            else {
-                cacheRgba(_this.state.guid, value, rgba);
-            }
-            _this.dispatchChangeEvent(value, event.syntheticEvent, event.nativeEvent);
-        };
-        /**
-         * @hidden
-         */
-        _this.onAlphaSliderChange = function (event) {
-            _this.handleHsvaChange(Object.assign({}, _this.state.hsva, { a: event.value / 100 }), event.syntheticEvent, event.nativeEvent);
-        };
-        /**
-         * @hidden
-         */
-        _this.onHueSliderChange = function (event) {
-            _this.handleHsvaChange(Object.assign({}, _this.state.hsva, { h: event.value }), event.syntheticEvent, event.nativeEvent);
-        };
-        /**
-         * @hidden
-         */
-        _this.onDrag = function (e) {
-            _this.gradientWrapper.classList.add('k-dragging');
-            _this.changePosition(e.event);
-        };
-        /**
-         * @hidden
-         */
-        _this.onRelease = function () {
-            _this.gradientWrapper.classList.remove('k-dragging');
-        };
-        /**
-         * @hidden
-         */
-        _this.onGradientWrapperClick = function (event) {
-            _this.changePosition(event);
-        };
-        /**
-         * @hidden
-         */
-        _this.changePosition = function (event) {
-            var gradientRectMetrics = _this.getGradientRectMetrics();
-            var deltaX = event.clientX - gradientRectMetrics.left;
-            var deltaY = event.clientY - gradientRectMetrics.top;
-            var left = fitIntoBounds(deltaX, 0, gradientRectMetrics.width);
-            var top = fitIntoBounds(deltaY, 0, gradientRectMetrics.height);
-            var hsva = Object.assign({}, _this.state.hsva, { s: left / gradientRectMetrics.width, v: 1 - top / gradientRectMetrics.height });
-            _this.handleHsvaChange(hsva, event, event.nativeEvent);
-        };
-        /**
-         * @hidden
-         */
-        _this.onFocus = function (nativeEvent) {
-            if (_this.props.onFocus) {
-                _this.props.onFocus.call(undefined, { nativeEvent: nativeEvent, target: _this });
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.focus = function () {
-            focusFirstFocusableChild(_this.wrapper);
-        };
-        validatePackage(packageMetadata);
-        var value = props.value || props.defaultValue || parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
-        _this.state = Object.assign({}, ColorGradientWithoutContext.getStateFromValue(value), { isFirstRender: true, guid: guid() });
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.getDerivedStateFromProps = function (props, state) {
-        if (props.value && !state.isFirstRender) {
-            // The component is in controlled mode.
-            return ColorGradientWithoutContext.getStateFromValue(props.value, state.guid);
-        }
-        return null;
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.componentDidMount = function () {
-        this.setAlphaSliderBackground(this.state.backgroundColor);
-        if (this.state.isFirstRender) {
-            this.setState({ isFirstRender: false });
-        }
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.componentWillUnmount = function () {
-        removeCachedColor(this.state.guid);
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.componentDidUpdate = function (_, prevState) {
-        if (prevState.backgroundColor !== this.state.backgroundColor) {
-            this.setAlphaSliderBackground(this.state.backgroundColor);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.renderRectangleDragHandle = function () {
-        var style = {};
-        if (!this.state.isFirstRender) {
-            var gradientRectMetrics = this.getGradientRectMetrics();
-            var top_1 = (1 - this.state.hsva.v) * gradientRectMetrics.height;
-            var left = this.state.hsva.s * gradientRectMetrics.width;
-            style.top = "".concat(top_1, "px");
-            style.left = "".concat(left, "px");
-        }
-        return (React.createElement("div", { role: 'slider', tabIndex: getTabIndex(this.props.tabIndex, this.props.disabled), "aria-valuetext": this.props.ariaValueText, "aria-valuenow": parseInt(this.state.hex.substring(1), 16), "aria-label": this.props.ariaLabelHSV, "aria-orientation": undefined, "aria-disabled": this.props.disabled ? 'true' : undefined, className: "k-hsv-draghandle k-draghandle", style: style }));
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.handleHsvaChange = function (hsva, syntheticEvent, nativeEvent) {
-        var value = getColorFromHSV(hsva);
-        if (this.isUncontrolled) {
-            var hex = parseColor(value, 'hex');
-            this.setState({ hsva: hsva, backgroundColor: getColorFromHue(hsva.h), rgba: getRGBA(value), hex: hex });
-        }
-        else {
-            cacheHsva(this.state.guid, value, hsva);
-        }
-        this.dispatchChangeEvent(value, syntheticEvent, nativeEvent);
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.dispatchChangeEvent = function (value, syntheticEvent, nativeEvent) {
-        if (this.props.onChange) {
-            this.props.onChange.call(undefined, { syntheticEvent: syntheticEvent, nativeEvent: nativeEvent, target: this, value: value });
-        }
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.getStateFromValue = function (value, componentGuid) {
-        if (!isPresent(parseColor(value, 'hex'))) {
-            // Validate/sanitize the input.
-            value = DEFAULT_SELECTED_COLOR;
-        }
-        var hsva = getCachedHsva(componentGuid, value) || getHSV(value);
-        var rgba = getCachedRgba(componentGuid, value) || getRGBA(value);
-        var hex = getCachedHex(componentGuid, value) || parseColor(value, 'hex');
-        var backgroundColor = getColorFromHue(hsva.h);
-        return { hsva: hsva, backgroundColor: backgroundColor, rgba: rgba, hex: hex };
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.setAlphaSliderBackground = function (backgroundColor) {
-        if (this.props.opacity && this.alphaSlider && this.alphaSlider.sliderTrack) {
-            this.alphaSlider.sliderTrack.style.background = "linear-gradient(to top, transparent, ".concat(backgroundColor, ")");
-        }
-    };
-    Object.defineProperty(ColorGradientWithoutContext.prototype, "isUncontrolled", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.props.value === undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.getGradientRectMetrics = function () {
-        return this.gradientWrapper.getBoundingClientRect();
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.prototype.render = function () {
-        var _this = this;
-        var lS = provideLocalizationService(this);
-        var className = classNames('k-colorgradient', { 'k-disabled': this.props.disabled }, this.props.className);
-        return (React.createElement("div", { id: this.props.id, role: this.props.role, className: className, "aria-disabled": this.props.disabled ? 'true' : undefined, style: this.props.style, ref: function (el) { return _this.wrapper = el; }, tabIndex: getTabIndex(this.props.tabIndex, this.props.disabled), "aria-label": this.props.ariaLabel, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, onFocus: this.onFocus },
-            React.createElement("div", { className: "k-colorgradient-canvas k-hstack" },
-                React.createElement("div", { className: "k-hsv-rectangle", style: { background: this.state.backgroundColor } },
-                    React.createElement(Draggable, { onDrag: this.onDrag, onRelease: this.onRelease, ref: function (el) { return _this.gradientWrapper = el ? el.element : undefined; } },
-                        React.createElement("div", { className: "k-hsv-gradient", style: { touchAction: 'none' }, onClick: this.onGradientWrapperClick }, this.renderRectangleDragHandle())),
-                    this.props.backgroundColor && !this.state.isFirstRender &&
-                        React.createElement(ColorContrastSvg, { metrics: this.gradientWrapper ? this.getGradientRectMetrics() : undefined, hsva: this.state.hsva, backgroundColor: this.props.backgroundColor })),
-                React.createElement("div", { className: "k-hsv-controls k-hstack" },
-                    React.createElement(Slider, { value: this.state.hsva.h, buttons: false, vertical: true, min: 0, max: 360, step: 5, onChange: this.onHueSliderChange, className: "k-hue-slider k-colorgradient-slider", disabled: this.props.disabled, ariaLabel: lS.toLanguageString(colorGradientHueSliderLabel, messages[colorGradientHueSliderLabel]) }),
-                    this.props.opacity &&
-                        React.createElement(Slider, { value: isPresent(this.state.hsva.a) ? this.state.hsva.a * 100 : 100, buttons: false, vertical: true, min: 0, max: 100, step: 1, ariaLabel: lS.toLanguageString(colorGradientAlphaSliderLabel, messages[colorGradientAlphaSliderLabel]), onChange: this.onAlphaSliderChange, className: "k-alpha-slider k-colorgradient-slider", disabled: this.props.disabled, ref: function (el) { return _this.alphaSlider = el; } }))),
-            React.createElement(ColorInput, { rgba: this.state.rgba, onRgbaChange: this.onRgbaChange, hex: this.state.hex, onHexChange: this.onHexChange, opacity: this.props.opacity, disabled: this.props.disabled, defaultInputMode: this.props.format }),
-            this.props.backgroundColor && (React.createElement(ColorContrastLabels, { bgColor: getRGBA(this.props.backgroundColor), rgba: this.state.rgba }))));
-    };
-    ColorGradientWithoutContext.displayName = 'ColorGradient';
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.propTypes = {
-        defaultValue: PropTypes.string,
-        value: PropTypes.string,
-        onChange: PropTypes.func,
-        onFocus: PropTypes.func,
-        opacity: PropTypes.bool,
-        backgroundColor: PropTypes.string,
-        format: PropTypes.any,
-        disabled: PropTypes.bool,
-        style: PropTypes.any,
-        id: PropTypes.string,
-        role: PropTypes.string,
-        ariaLabel: PropTypes.string,
-        ariaLabelledBy: PropTypes.string,
-        ariaDescribedBy: PropTypes.string,
-        className: PropTypes.string
-    };
-    /**
-     * @hidden
-     */
-    ColorGradientWithoutContext.defaultProps = {
-        opacity: true,
-        role: 'textbox',
-        format: 'rgb'
-    };
-    return ColorGradientWithoutContext;
-}(React.Component));
-export { ColorGradientWithoutContext };
-/**
- * Represents the PropsContext of the `ColorGradient` component.
- * Used for global configuration of all `ColorGradient` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export var ColorGradientPropsContext = createPropsContext();
-/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
-/**
- * Represents the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
- *
- * Accepts properties of type [ColorGradientProps]({% slug api_inputs_colorgradientprops %}).
- * Obtaining the `ref` returns an object of type [ColorGradientHandle]({% slug api_inputs_colorgradienthandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <ColorGradient />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var ColorGradient = withPropsContext(ColorGradientPropsContext, ColorGradientWithoutContext);
-ColorGradient.displayName = 'KendoReactColorGradient';

package/dist/es/colors/ColorInput.js

@@ -1,125 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { NumericTextBox } from '../main';
-import HexInput from './HexInput';
-import { Button } from '@progress/kendo-react-buttons';
-import { Label } from '@progress/kendo-react-labels';
-import { caretAltExpandIcon } from '@progress/kendo-svg-icons';
-import { registerForIntl, registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, colorGradientR, colorGradientHex, colorGradientA, colorGradientB, colorGradientG, colorGradientToggleInputsButton } from '../messages';
-/**
- * @hidden
- */
-var modes = ['rgba', 'rgb', 'hex'];
-/**
- * @hidden
- */
-var ColorInput = /** @class */ (function (_super) {
-    __extends(ColorInput, _super);
-    function ColorInput(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onRgbaRChange = function (event) {
-            _this.dispatchRgbaChange({ r: event.value }, event);
-        };
-        _this.onRgbaGChange = function (event) {
-            _this.dispatchRgbaChange({ g: event.value }, event);
-        };
-        _this.onRgbaBChange = function (event) {
-            _this.dispatchRgbaChange({ b: event.value }, event);
-        };
-        _this.onRgbaAChange = function (event) {
-            _this.dispatchRgbaChange({ a: event.value }, event);
-        };
-        _this.state = { inputMode: props.defaultInputMode || modes[1] };
-        return _this;
-    }
-    ColorInput.prototype.render = function () {
-        var localizationService = provideLocalizationService(this);
-        var hexMessage = localizationService.toLanguageString(colorGradientR, messages[colorGradientHex]);
-        var rMessage = localizationService.toLanguageString(colorGradientR, messages[colorGradientR]);
-        var gMessage = localizationService.toLanguageString(colorGradientR, messages[colorGradientG]);
-        var bMessage = localizationService.toLanguageString(colorGradientR, messages[colorGradientB]);
-        var aMessage = localizationService.toLanguageString(colorGradientR, messages[colorGradientA]);
-        var toggleButtonMessage = localizationService.toLanguageString(colorGradientToggleInputsButton, messages[colorGradientToggleInputsButton]);
-        return (React.createElement("div", { className: "k-colorgradient-inputs k-hstack" },
-            React.createElement("div", { className: "k-vstack" },
-                React.createElement(Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: 'caret-alt-expand', svgIcon: caretAltExpandIcon, className: "k-colorgradient-toggle-mode k-icon-button", onClick: this.onToggleModeChange.bind(this) })),
-            this.state.inputMode === 'hex' &&
-                React.createElement("div", { className: "k-vstack k-flex-1" },
-                    React.createElement("span", { className: "k-hex-value k-textbox k-input" },
-                        React.createElement(HexInput, { hex: this.props.hex, onHexChange: this.props.onHexChange, disabled: this.props.disabled })),
-                    React.createElement(Label, { className: "k-colorgradient-input-label" }, hexMessage)),
-            (this.state.inputMode === 'rgb' || this.state.inputMode === 'rgba') &&
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "k-vstack" },
-                        React.createElement(NumericTextBox, { inputType: 'number', value: this.props.rgba.r, ariaLabel: String(this.props.rgba.r), min: 0, max: 255, spinners: false, format: "n", onChange: this.onRgbaRChange, disabled: this.props.disabled }),
-                        React.createElement(Label, { className: "k-colorgradient-input-label" }, rMessage)),
-                    React.createElement("div", { className: "k-vstack" },
-                        React.createElement(NumericTextBox, { inputType: 'number', value: this.props.rgba.g, ariaLabel: String(this.props.rgba.g), min: 0, max: 255, spinners: false, format: "n", onChange: this.onRgbaGChange, disabled: this.props.disabled }),
-                        React.createElement(Label, { className: "k-colorgradient-input-label" }, gMessage)),
-                    React.createElement("div", { className: "k-vstack" },
-                        React.createElement(NumericTextBox, { inputType: 'number', value: this.props.rgba.b, ariaLabel: String(this.props.rgba.b), min: 0, max: 255, spinners: false, format: "n", onChange: this.onRgbaBChange, disabled: this.props.disabled }),
-                        React.createElement(Label, { className: "k-colorgradient-input-label" }, bMessage))),
-            this.state.inputMode === 'rgba' &&
-                React.createElement("div", { className: "k-vstack" },
-                    this.props.opacity &&
-                        React.createElement(NumericTextBox, { inputType: 'number', value: this.props.rgba.a, ariaLabel: String(this.props.rgba.a), min: 0, max: 1, step: 0.01, spinners: false, format: "n2", onChange: this.onRgbaAChange, disabled: this.props.disabled }),
-                    this.props.opacity && (React.createElement(Label, { className: "k-colorgradient-input-label" }, aMessage)))));
-    };
-    ColorInput.prototype.dispatchRgbaChange = function (newValue, event) {
-        var rgba = __assign({}, this.props.rgba);
-        if (newValue.r !== undefined) {
-            rgba.r = newValue.r;
-        }
-        if (newValue.g !== undefined) {
-            rgba.g = newValue.g;
-        }
-        if (newValue.b !== undefined) {
-            rgba.b = newValue.b;
-        }
-        if (newValue.a !== undefined) {
-            rgba.a = newValue.a;
-        }
-        this.props.onRgbaChange(rgba, event);
-    };
-    ;
-    ColorInput.prototype.onToggleModeChange = function () {
-        var index = modes.length - 1 === modes.indexOf(this.state.inputMode) ? 0 : modes.indexOf(this.state.inputMode) + 1;
-        if (!this.props.opacity) {
-            var nextIndex = modes[index] === 'rgba' ? index + 1 : index;
-            this.setState({ inputMode: modes[nextIndex] });
-        }
-        else {
-            this.setState({ inputMode: modes[index] });
-        }
-    };
-    return ColorInput;
-}(React.Component));
-export default ColorInput;
-registerForIntl(ColorInput);
-registerForLocalization(ColorInput);