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

package/dist/es/colors/utils/svg-calc.js

@@ -1,103 +0,0 @@
-/**
- * @hidden
- *
- * Render the svg <path> element.
- *
- * @param points (array) Represents the points coordinates as an array of tuples.
- * @param command (function) The command that is used (bezierCommand, lineCommand).
- *      @param point (array) [x,y] Represents the current point coordinates.
- *      @param i (integer) Represents the index of 'point' in the array 'a'.
- *      @param a (array) Represents the complete array of points coordinates.
- *      @output (string) a svg path command.
- * @output (string) a Svg <path> element
- */
-export var svgPath = function (points, command) {
-    if (points.length === 0) {
-        return '';
-    }
-    // build the d attributes by looping over the points
-    var d = points.reduce(function (acc, point, i, a) {
-        return i === 0 ?
-            // if first point
-            "M ".concat(point[0], ",").concat(point[1]) :
-            // else
-            "".concat(acc, " ").concat(command(point, i, a));
-    }, '');
-    return "<path d=\"".concat(d, "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>");
-};
-/**
- * @hidden
- *
- * Returns the properties of a line.
- *
- * @param pointA (array) [x,y] Represents the start point coordinates.
- * @param pointB (array) [x,y] Represents the end point coordinates.
- * @output (object) { length: (integer), angle: (integer) }
- */
-export var line = function (pointA, pointB) {
-    var lengthX = pointB[0] - pointA[0];
-    var lengthY = pointB[1] - pointA[1];
-    return {
-        length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
-        angle: Math.atan2(lengthY, lengthX)
-    };
-};
-/**
- * @hidden
- *
- * Create a function to calculate the position of the control point.
- *
- * @param lineCalc (function) Represents the line function.
- *      @param pointA (array) [x,y] Represents the start point coordinates.
- *      @param pointB (array) [x,y] Represents the end point coordinates.
- *      @output (object) { length: (integer), angle: (integer) }
- * @output (function) closure.
- *      @param current (array) [x, y] Represents the current point coordinates.
- *      @param previous (array) [x, y] Represents the previous point coordinates.
- *      @param next (array) [x, y] ]Represents the next point coordinates.
- *      @param reverse (boolean, optional) Sets the direction.
- *      @output (array) [x, y] coordinates of a control point.
- */
-export var controlPoint = function (lineCalc) {
-    return function (current, previous, next, reverse) {
-        // when 'current' is the first or last point of the array
-        // 'previous' and 'next' are undefined 
-        // replace with 'current'
-        var p = previous || current;
-        var n = next || current;
-        var smooth = 0.1;
-        // properties of the line between previous and next 
-        var l = lineCalc(p, n);
-        // If is end-control-point, add PI to the angle to go backward
-        var angle = l.angle + (reverse ? Math.PI : 0);
-        var length = l.length * smooth;
-        // The control point position is relative to the current point
-        var x = current[0] + Math.cos(angle) * length;
-        var y = current[1] + Math.sin(angle) * length;
-        return [x, y];
-    };
-};
-/**
- * @hidden
- *
- * Create a function to calculate a bezier curve command.
- *
- * @param controlPointCalc (function) Represents the controlPoint function.
- *      @param current (array) [x, y] Represents the current point coordinates.
- *      @param previous (array) [x, y] Represents the previous point coordinates.
- *      @param next (array) [x, y] ]Represents the next point coordinates.
- *      @param reverse (boolean, optional) Sets the direction.
- *      @output (array) [x, y] coordinates of a control point.
- * @output (function) closure.
- *      @param point (array) [x,y] Represents the current point coordinates.
- *      @param i (integer) Represents the index of 'point' in the array 'a'.
- *      @param a (array) Represents the complete array of points coordinates.
- *      @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
- */
-export var bezierCommand = function (controlPointCalc) { return function (point, i, a) {
-    // start control point
-    var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
-    // end control point
-    var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
-    return "C ".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
-}; };

package/dist/es/common/SliderTooltip.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface SliderTooltipProps {
-    id?: string;
-    className?: string;
-    tabIndex?: number;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-    position: 'right' | 'top';
-    show?: boolean;
-    anchor?: React.RefObject<HTMLElement>;
-}
-/**
- * @hidden
- */
-export declare const SliderTooltip: (props: SliderTooltipProps) => JSX.Element;

package/dist/es/common/SliderTooltip.js

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { useAnimation } from '@progress/kendo-react-animation';
-/**
- * @hidden
- */
-export var SliderTooltip = function (props) {
-    var tooltipRef = React.useRef(null);
-    var position = function () {
-        if (props.anchor && props.anchor.current && tooltipRef.current) {
-            var anchorRect = props.anchor.current.getBoundingClientRect();
-            var rect = tooltipRef.current.getBoundingClientRect();
-            var left = props.position === 'top'
-                ? (anchorRect.width / 2) - (rect.width / 2)
-                : (rect.height * 1);
-            var top_1 = props.position === 'right'
-                ? (anchorRect.height / 2) - (rect.height / 2)
-                : -(rect.height * 1.5);
-            tooltipRef.current.style.left = "".concat(left, "px");
-            tooltipRef.current.style.top = "".concat(top_1, "px");
-        }
-    };
-    var handleAnimationStart = function () {
-        if (!tooltipRef.current) {
-            return;
-        }
-        tooltipRef.current.style.opacity = props.show ? '0' : '1';
-    };
-    var handleAnimationEnd = function () {
-        if (!tooltipRef.current) {
-            return;
-        }
-        tooltipRef.current.style.opacity = props.show ? '1' : '0';
-    };
-    var handleAnimationUpdate = function (progress) {
-        if (!tooltipRef.current) {
-            return;
-        }
-        tooltipRef.current.style.opacity = "".concat(props.show ? progress : 1 - progress);
-    };
-    React.useEffect(position);
-    useAnimation({
-        appear: true,
-        duration: 300,
-        onStart: handleAnimationStart,
-        onUpdate: handleAnimationUpdate,
-        onEnd: handleAnimationEnd
-    }, [props.show]);
-    return (React.createElement("div", { ref: tooltipRef, className: "k-tooltip", style: { position: 'absolute' } },
-        React.createElement("div", { className: "k-tooltip-content" }, props.children)));
-};

package/dist/es/common/SwitchController.d.ts

@@ -1,31 +0,0 @@
-import SwitchModel from './SwitchModel';
-/**
- * @hidden
- */
-declare class SwitchController {
-    private handlePosition;
-    private wrapperOffset;
-    private handleOffset;
-    private handleMargin;
-    private updateView;
-    private onChange;
-    private _checked;
-    private reverse;
-    private coords;
-    private lastPressX;
-    private originalPressX;
-    constructor(updateView?: Function, onChange?: Function);
-    overrideChecked: (checked: boolean) => void;
-    updateState({ wrapperOffset, handleOffset, checked, animate, coords, handleMargin, reverse }: any): void;
-    change: (checked: boolean, event?: any) => void;
-    get isChecked(): boolean;
-    addAnimation: (model: any) => any;
-    onPress: (event: any) => void;
-    onRelease: (event: any) => void;
-    onDrag: (event: any) => void;
-    updateModel(position: any, animate?: boolean): SwitchModel;
-    private limit;
-    get constrain(): number;
-    get checked(): boolean;
-}
-export default SwitchController;

package/dist/es/common/SwitchController.js

@@ -1,122 +0,0 @@
-import SwitchModel from './SwitchModel';
-/**
- * @hidden
- */
-var DEFAULT_THRESHOLD = 5;
-/**
- * @hidden
- */
-var noop = function () { };
-/**
- * @hidden
- */
-var SwitchController = /** @class */ (function () {
-    function SwitchController(updateView, onChange) {
-        if (updateView === void 0) { updateView = noop; }
-        if (onChange === void 0) { onChange = noop; }
-        var _this = this;
-        this._checked = false;
-        this.reverse = false;
-        this.lastPressX = 0;
-        this.originalPressX = 0;
-        this.overrideChecked = function (checked) {
-            _this._checked = checked;
-        };
-        this.change = function (checked, event) {
-            _this._checked = checked;
-            _this.updateView(_this.updateModel(checked ? _this.constrain : 0));
-            _this.onChange(checked, event);
-        };
-        this.addAnimation = function (model) {
-            if (model.transition === true) {
-                model.transition = 'all 200ms ease-out';
-            }
-            else {
-                model.transition = 'none';
-            }
-            return model;
-        };
-        this.onPress = function (event) {
-            var pageX = event.pageX;
-            _this.lastPressX = _this.originalPressX = pageX;
-        };
-        this.onRelease = function (event) {
-            var pageX = event.pageX;
-            var delta = Math.abs(_this.originalPressX - pageX);
-            var snapPoint = _this.constrain / 2;
-            var checked = delta < DEFAULT_THRESHOLD ? !_this._checked : _this.handlePosition > snapPoint;
-            _this.change(checked, event);
-        };
-        this.onDrag = function (event) {
-            var pageX = event.pageX;
-            var _a = _this.coords, left = _a.left, right = _a.right;
-            var overElement = pageX > left && pageX < right;
-            if (overElement) {
-                var delta = _this.reverse ? _this.lastPressX - pageX : pageX - _this.lastPressX;
-                var position = _this.limit(_this.handlePosition + delta);
-                _this.lastPressX = pageX;
-                _this.handlePosition = position;
-                _this.updateView(_this.updateModel(_this.handlePosition));
-            }
-            if (pageX > right) {
-                _this.updateView(_this.updateModel(_this.reverse ? 0 : _this.constrain));
-            }
-            if (pageX < left) {
-                _this.updateView(_this.updateModel(_this.reverse ? 0 : _this.constrain));
-            }
-        };
-        this.limit = function (value) {
-            if (value > _this.constrain) {
-                return _this.constrain;
-            }
-            if (value < 0) {
-                return 0;
-            }
-            return value;
-        };
-        this.handlePosition = 0;
-        this.wrapperOffset = 0;
-        this.handleOffset = 0;
-        this.handleMargin = 4;
-        this.updateView = updateView;
-        this.onChange = onChange;
-    }
-    SwitchController.prototype.updateState = function (_a) {
-        var wrapperOffset = _a.wrapperOffset, handleOffset = _a.handleOffset, checked = _a.checked, _b = _a.animate, animate = _b === void 0 ? true : _b, coords = _a.coords, handleMargin = _a.handleMargin, reverse = _a.reverse;
-        this.wrapperOffset = wrapperOffset;
-        this.handleOffset = handleOffset;
-        this.coords = coords;
-        this.handleMargin = handleMargin;
-        this._checked = checked;
-        this.reverse = reverse;
-        this.updateView(this.updateModel(checked ? this.constrain : 0, animate));
-    };
-    Object.defineProperty(SwitchController.prototype, "isChecked", {
-        get: function () {
-            return this._checked;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SwitchController.prototype.updateModel = function (position, animate) {
-        if (animate === void 0) { animate = true; }
-        var pos = this.reverse ? this.wrapperOffset / 2 - position : position;
-        return new SwitchModel(pos, animate);
-    };
-    Object.defineProperty(SwitchController.prototype, "constrain", {
-        get: function () {
-            return this.wrapperOffset - this.handleOffset - this.handleMargin;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SwitchController.prototype, "checked", {
-        get: function () {
-            return this._checked;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return SwitchController;
-}());
-export default SwitchController;

package/dist/es/common/SwitchModel.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export default class Model {
-    handle: any;
-    constructor(value: number | undefined, animate: boolean);
-}

package/dist/es/common/SwitchModel.js

@@ -1,14 +0,0 @@
-/**
- * @hidden
- */
-var Model = /** @class */ (function () {
-    function Model(value, animate) {
-        if (value === void 0) { value = 0; }
-        this.handle = {
-            transform: 'translateX(' + value + 'px)',
-            transition: animate
-        };
-    }
-    return Model;
-}());
-export default Model;

package/dist/es/input/Input.d.ts

@@ -1,167 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
-import { InputChangeEvent } from './interfaces/InputChangeEvent';
-/**
- * @hidden
- */
-declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-/**
- * Represents the props of the [KendoReact Input component]({% slug overview_textbox %}).
- * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
- */
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>, FormComponentProps {
-    /**
-     * Renders a floating label for the Input component.
-     */
-    label?: string;
-    /**
-     * Sets a `className` for the floating label.
-     */
-    labelClassName?: string;
-    /**
-     * Represents the Input value.
-     */
-    value?: string | string[] | number;
-    /**
-     * Represents the Input default value.
-     */
-    defaultValue?: string | 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;
-    /**
-     * Defines a string value that labels an interactive element.
-     */
-    ariaLabel?: string;
-    /**
-     * Triggered after value change.
-     */
-    onChange?: (event: InputChangeEvent) => void;
-}
-/**
- * @hidden
- */
-export interface InputState {
-    value?: string | string[] | number;
-}
-/** @hidden */
-export declare class InputWithoutContext extends React.Component<InputProps, InputState> implements FormComponent {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        label: PropTypes.Requireable<string>;
-        labelClassName: PropTypes.Requireable<string>;
-        validationMessage: PropTypes.Requireable<string>;
-        required: PropTypes.Requireable<boolean>;
-        validate: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        defaultValue: string;
-        required: boolean;
-        validityStyles: boolean;
-    };
-    private _input;
-    private _inputId;
-    private valueDuringOnChange?;
-    constructor(props: InputProps);
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * Gets the native input element of the Input component.
-     */
-    get element(): HTMLInputElement | null;
-    /**
-     * Gets the value of the Input.
-     */
-    get value(): string | string[] | number | undefined;
-    /**
-     * Gets the `name` property of the Input.
-     */
-    get name(): string | undefined;
-    /**
-     * Represents the validity state into which the Input is set.
-     */
-    get validity(): FormComponentValidity;
-    /**
-     * @hidden
-     */
-    protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    protected isInvalid: (state: Object) => boolean;
-    /**
-     * @hidden
-     */
-    protected setValidity: () => void;
-    private handleChange;
-    /**
-     * @hidden
-     */
-    private handleAutoFill;
-}
-/**
- * Represents the PropsContext of the `Input` component.
- * Used for global configuration of all `Input` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export declare const InputPropsContext: React.Context<(p: InputProps) => InputProps>;
-/**
- * Represent the `ref` of the Input component.
- */
-export interface InputHandle extends Pick<InputWithoutContext, keyof InputWithoutContext> {
-    /**
-     * Gets the native input element of the Input component.
-     */
-    element: HTMLInputElement | null;
-    /**
-     * Gets the `name` property of the Input.
-     */
-    name: string | undefined;
-    /**
-     * Represents the validity state into which the Input is set.
-     */
-    validity: FormComponentValidity;
-    /**
-     * Gets the value of the Input.
-     */
-    value: string | string[] | number | undefined;
-}
-/** @hidden */
-export declare type Input = InputHandle;
-/**
- * Represents the [KendoReact Input component]({% slug overview_textbox %}).
- *
- * Accepts properties of type [InputProps]({% slug api_inputs_inputprops %}).
- * Obtaining the `ref` returns an object of type [InputHandle]({% slug api_inputs_inputhandle %}).
- */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<any>>;
-export {};