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

package/dist/npm/colors/ColorContrastLabels.js

@@ -1,71 +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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorContrastLabels = void 0;
-var React = require("react");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("../messages");
-var color_parser_1 = require("./utils/color-parser");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@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 = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var contrastRatioMessage = localizationService.toLanguageString(messages_1.colorGradientContrastRatio, messages_1.messages[messages_1.colorGradientContrastRatio]);
-        var AALevelMessage = localizationService.toLanguageString(messages_1.colorGradientAALevel, messages_1.messages[messages_1.colorGradientAALevel]);
-        var AAALevelMessage = localizationService.toLanguageString(messages_1.colorGradientAAALevel, messages_1.messages[messages_1.colorGradientAAALevel]);
-        var passMessage = localizationService.toLanguageString(messages_1.colorGradientPass, messages_1.messages[messages_1.colorGradientPass]);
-        var failMessage = localizationService.toLanguageString(messages_1.colorGradientFail, messages_1.messages[messages_1.colorGradientFail]);
-        var contrast = (0, color_parser_1.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(kendo_react_common_1.IconWrap, { name: "check", icon: kendo_svg_icons_1.checkIcon })));
-        var error = (React.createElement("span", { className: "k-contrast-validation k-text-error" },
-            failMessage,
-            " ",
-            React.createElement(kendo_react_common_1.IconWrap, { name: "x", icon: kendo_svg_icons_1.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(kendo_react_common_1.IconWrap, { name: "check", icon: kendo_svg_icons_1.checkIcon }),
-                    contrast >= 7 && React.createElement(kendo_react_common_1.IconWrap, { name: "check", icon: kendo_svg_icons_1.checkIcon }))) : (React.createElement("span", { className: "k-contrast-validation k-text-error" },
-                    React.createElement(kendo_react_common_1.IconWrap, { name: "x", icon: kendo_svg_icons_1.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));
-exports.ColorContrastLabels = ColorContrastLabels;
-(0, kendo_react_intl_1.registerForLocalization)(ColorContrastLabels);

package/dist/npm/colors/ColorContrastSvg.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { HSVA } from './models/hsva';
-/**
- * @hidden
- */
-export interface ColorContrastSvgProps {
-    metrics: ClientRect | undefined;
-    backgroundColor: string;
-    hsva: HSVA;
-}
-/**
- * @hidden
- */
-export declare class ColorContrastSvg extends React.Component<ColorContrastSvgProps> {
-    renderSvgCurveLine(): string;
-    shouldComponentUpdate(nextProps: ColorContrastSvgProps): boolean;
-    render(): JSX.Element;
-}

package/dist/npm/colors/ColorContrastSvg.js

@@ -1,91 +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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorContrastSvg = void 0;
-var React = require("react");
-var svg_calc_1 = require("./utils/svg-calc");
-var color_parser_1 = require("./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 = (0, color_parser_1.getContrastFromTwoRGBAs)((0, color_parser_1.getRGBA)((0, color_parser_1.getColorFromHSV)(hsva)), (0, color_parser_1.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 = (0, svg_calc_1.bezierCommand)((0, svg_calc_1.controlPoint)(svg_calc_1.line));
-        return (0, svg_calc_1.svgPath)(getPaths(AA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            (0, svg_calc_1.svgPath)(getPaths(AA_CONTRAST, STEP_COUNT, true), bezierCommandCalc) +
-            (0, svg_calc_1.svgPath)(getPaths(AAA_CONTRAST, STEP_COUNT), bezierCommandCalc) +
-            (0, svg_calc_1.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));
-exports.ColorContrastSvg = ColorContrastSvg;

package/dist/npm/colors/ColorGradient.d.ts

@@ -1,186 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { DraggableDragEvent } from '@progress/kendo-react-common';
-import { SliderChangeEvent, NumericTextBoxChangeEvent } from './../main';
-import { HSVA } from './models/hsva';
-import { RGBA } from './models/rgba';
-import { ColorGradientProps } from './interfaces/ColorGradientProps';
-/**
- * @hidden
- */
-export interface ColorGradientState {
-    hsva: HSVA;
-    backgroundColor: string;
-    rgba: RGBA;
-    hex: string;
-    isFirstRender: boolean;
-    guid: string;
-}
-/** @hidden */
-export declare class ColorGradientWithoutContext extends React.Component<ColorGradientProps, ColorGradientState> {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        defaultValue: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        opacity: PropTypes.Requireable<boolean>;
-        backgroundColor: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<any>;
-        disabled: PropTypes.Requireable<boolean>;
-        style: PropTypes.Requireable<any>;
-        id: PropTypes.Requireable<string>;
-        role: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        opacity: boolean;
-        role: string;
-        format: "rgb" | "hex" | "rgba";
-    };
-    /**
-     * @hidden
-     */
-    wrapper: HTMLDivElement | null;
-    private gradientWrapper;
-    private alphaSlider;
-    constructor(props: ColorGradientProps);
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: ColorGradientProps, state: ColorGradientState): {
-        hsva: any;
-        backgroundColor: string;
-        rgba: any;
-        hex: any;
-    } | null;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(_: ColorGradientProps, prevState: ColorGradientState): void;
-    /**
-     * @hidden
-     */
-    onHexChange: (hex: string, value: string, event: any) => void;
-    /**
-     * @hidden
-     */
-    onRgbaChange: (rgba: RGBA, event: NumericTextBoxChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onAlphaSliderChange: (event: SliderChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onHueSliderChange: (event: SliderChangeEvent) => void;
-    /**
-     * @hidden
-     */
-    onDrag: (e: DraggableDragEvent) => void;
-    /**
-     * @hidden
-     */
-    onRelease: () => void;
-    /**
-     * @hidden
-     */
-    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * @hidden
-     */
-    renderRectangleDragHandle(): JSX.Element;
-    /**
-     * @hidden
-     */
-    changePosition: (event: any) => void;
-    /**
-     * @hidden
-     */
-    handleHsvaChange(hsva: HSVA, syntheticEvent: React.SyntheticEvent<any>, nativeEvent: any): void;
-    /**
-     * @hidden
-     */
-    dispatchChangeEvent(value: string, syntheticEvent: React.SyntheticEvent<any>, nativeEvent: any): void;
-    /**
-     * @hidden
-     */
-    onFocus: (nativeEvent: any) => void;
-    /**
-     * @hidden
-     */
-    static getStateFromValue(value: string, componentGuid?: string): {
-        hsva: any;
-        backgroundColor: string;
-        rgba: any;
-        hex: any;
-    };
-    /**
-     * @hidden
-     */
-    setAlphaSliderBackground(backgroundColor: string): void;
-    /**
-     * @hidden
-     */
-    get isUncontrolled(): boolean;
-    /**
-     * @hidden
-     */
-    getGradientRectMetrics(): ClientRect;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}
-/**
- * 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 declare const ColorGradientPropsContext: React.Context<(p: ColorGradientProps) => ColorGradientProps>;
-/**
- * Represent the `ref` of the ColorGradient component.
- */
-export interface ColorGradientHandle extends Pick<ColorGradientWithoutContext, keyof ColorGradientWithoutContext> {
-}
-/** @hidden */
-export declare type ColorGradient = ColorGradientHandle;
-/**
- * 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 declare const ColorGradient: React.ForwardRefExoticComponent<ColorGradientProps & React.RefAttributes<any>>;