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

package/dist/npm/textarea/TextArea.js

@@ -1,161 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = exports.TextAreaPropsContext = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Represents the PropsContext of the `TextArea` component.
- * Used for global configuration of all `TextArea` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-exports.TextAreaPropsContext = (0, kendo_react_common_1.createPropsContext)();
-/**
- * Represents the [KendoReact TextArea component]({% slug overview_textarea %}).
- *
- *
- * Accepts properties of type [TextAreaProps]({% slug api_inputs_textareaprops %}).
- * Obtaining the `ref` returns an object of type [TextAreaHandle]({% slug api_inputs_textareahandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <TextArea />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.TextArea = React.forwardRef(function (directProps, target) {
-    var _a;
-    var props = (0, kendo_react_common_1.usePropsContext)(exports.TextAreaPropsContext, directProps);
-    var _b = props, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, ariaDescribedBy = _b.ariaDescribedBy, ariaLabelledBy = _b.ariaLabelledBy, autoSize = _b.autoSize, className = _b.className, defaultValue = _b.defaultValue, disabled = _b.disabled, readOnly = _b.readOnly, required = _b.required, rows = _b.rows, id = _b.id, name = _b.name, placeholder = _b.placeholder, style = _b.style, tabIndex = _b.tabIndex, value = _b.value, valid = _b.valid, validationMessage = _b.validationMessage, validityStyles = _b.validityStyles, onChange = _b.onChange, onFocus = _b.onFocus, onBlur = _b.onBlur, 
-    // Removed to support direct use in Form Field component
-    visited = _b.visited, touched = _b.touched, modified = _b.modified, others = __rest(_b, ["size", "rounded", "fillMode", "ariaDescribedBy", "ariaLabelledBy", "autoSize", "className", "defaultValue", "disabled", "readOnly", "required", "rows", "id", "name", "placeholder", "style", "tabIndex", "value", "valid", "validationMessage", "validityStyles", "onChange", "onFocus", "onBlur", "visited", "touched", "modified"]);
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    var _c = React.useState(defaultValue), stateValue = _c[0], setStateValue = _c[1];
-    var isControlled = value !== undefined;
-    var currentValue = isControlled ? value : stateValue;
-    var getImperativeHandle = React.useCallback(function () {
-        return ({
-            element: elementRef,
-            focus: focusElement,
-            get value() { return currentValue; },
-            get name() { return elementRef.current && elementRef.current.name; }
-        });
-    }, [focusElement, currentValue]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var _d = React.useState('auto'), textAreaHeight = _d[0], setTextAreaHeight = _d[1];
-    var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    var dir = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
-    var isValid = valid !== undefined ?
-        valid :
-        !required ?
-            true :
-            currentValue ? true : false;
-    React.useEffect(function () {
-        if (elementRef.current && elementRef.current.setCustomValidity) {
-            elementRef.current.setCustomValidity(isValid
-                ? ''
-                : (validationMessage || ''));
-        }
-    }, [isValid, validationMessage]);
-    React.useLayoutEffect(function () {
-        if (elementRef.current) {
-            setTextAreaHeight("".concat(elementRef.current.scrollHeight, "px"));
-        }
-    }, [currentValue]);
-    var handleChange = React.useCallback(function (event) {
-        var newValue = event.target.value;
-        setTextAreaHeight('auto');
-        if (!isControlled && !disabled) {
-            setStateValue(newValue);
-        }
-        if (onChange && !disabled) {
-            (0, kendo_react_common_1.dispatchEvent)(onChange, event, __assign(__assign({}, getImperativeHandle()), { value: newValue }), { value: newValue });
-        }
-    }, [setStateValue, onChange, disabled, isControlled]);
-    var handleFocus = React.useCallback(function (event) {
-        if (onFocus && !disabled) {
-            (0, kendo_react_common_1.dispatchEvent)(onFocus, event, getImperativeHandle(), undefined);
-        }
-    }, [onFocus, disabled]);
-    var handleBlur = React.useCallback(function (event) {
-        if (onBlur && !disabled) {
-            (0, kendo_react_common_1.dispatchEvent)(onBlur, event, getImperativeHandle(), undefined);
-        }
-    }, [onBlur, disabled]);
-    var textAreaProps = __assign(__assign({ id: id || calculatedId, role: 'textbox', name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
-    return (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-input', 'k-textarea', (_a = {},
-            _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-input-".concat(fillMode)] = fillMode,
-            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-            _a['k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
-            _a['k-required'] = required,
-            _a['k-disabled'] = disabled,
-            _a), className), style: style, dir: dir },
-        React.createElement("textarea", __assign({}, textAreaProps))));
-});
-exports.TextArea.propTypes = {
-    ariaDescribedBy: PropTypes.string,
-    ariaLabelledBy: PropTypes.string,
-    autoSize: PropTypes.bool,
-    className: PropTypes.string,
-    defaultValue: PropTypes.string,
-    dir: PropTypes.string,
-    disabled: PropTypes.bool,
-    readOnly: PropTypes.bool,
-    rows: PropTypes.number,
-    id: PropTypes.string,
-    name: PropTypes.string,
-    placeholder: PropTypes.string,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.number
-    ]),
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-    rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
-    fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline'])
-};
-var defaultProps = {
-    size: 'medium',
-    rounded: 'medium',
-    fillMode: 'solid'
-};
-exports.TextArea.displayName = 'KendoTextArea';
-exports.TextArea.defaultProps = defaultProps;

package/dist/npm/textarea/interfaces/TextAreaBlurEvent.d.ts

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

package/dist/npm/textarea/interfaces/TextAreaBlurEvent.js

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

package/dist/npm/textarea/interfaces/TextAreaChangeEvent.d.ts

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

package/dist/npm/textarea/interfaces/TextAreaChangeEvent.js

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

package/dist/npm/textarea/interfaces/TextAreaFocusEvent.d.ts

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

package/dist/npm/textarea/interfaces/TextAreaFocusEvent.js

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

package/dist/npm/textarea/interfaces/TextAreaProps.js

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

package/dist/npm/textbox/Textbox.d.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { BaseEvent, CustomComponent } from '@progress/kendo-react-common';
-export interface TextBoxChangeEvent extends BaseEvent<TextBoxHandle> {
-    syntheticEvent: React.ChangeEvent<HTMLInputElement>;
-    value: React.InputHTMLAttributes<HTMLInputElement>['value'];
-}
-/**
- * Represents the properties of the KendoReact [TextBox]({% slug api_inputs_textbox %}) component
- */
-export interface TextBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange'> {
-    /**
-     * Configures the `size` of the TextBox.
-     *
-     * 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 TextBox.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the TextBox.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * The `onChange` callback of the `input` element inside the TextBox.
-     */
-    onChange?: (event: TextBoxChangeEvent) => void;
-    /**
-     * Indicates if the component is in `valid` state
-     */
-    valid?: boolean;
-    /**
-     * Sets a custom prefix to the TextBox component.
-     */
-    prefix?: CustomComponent<any>;
-    /**
-     * Sets a custom suffix to the TextBox component.
-     */
-    suffix?: CustomComponent<any>;
-}
-/**
- * Represent the `ref` of the TextBox component.
- */
-export declare type TextBoxHandle = {
-    element: HTMLInputElement | null;
-    value: TextBoxProps['value'];
-    name?: string | null;
-};
-/**
- * Represents the [KendoReact TextBox component]({% slug overview_textbox %}).
- */
-export declare const TextBox: React.ForwardRefExoticComponent<TextBoxProps & React.RefAttributes<TextBoxHandle | null>>;

package/dist/npm/textbox/Textbox.js

@@ -1,115 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextBox = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-;
-/**
- * Represents the [KendoReact TextBox component]({% slug overview_textbox %}).
- */
-exports.TextBox = React.forwardRef(function (props, ref) {
-    var _a;
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    var element = React.useRef(null);
-    var target = React.useRef(null);
-    var valueDuringChangeRef = React.useRef();
-    var valueGetter = React.useCallback(function () {
-        var _a;
-        if (valueDuringChangeRef.current !== undefined) {
-            return valueDuringChangeRef.current;
-        }
-        else {
-            return (_a = element.current) === null || _a === void 0 ? void 0 : _a.value;
-        }
-    }, []);
-    React.useImperativeHandle(target, function () {
-        var result = {
-            get element() { return element.current; },
-            get name() { return element.current && element.current.name; },
-            get value() { return valueGetter(); }
-        };
-        return result;
-    });
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var _b = props, size = _b.size, fillMode = _b.fillMode, rounded = _b.rounded, className = _b.className, dir = _b.dir, style = _b.style, _c = _b.prefix, prefix = _c === void 0 ? defaultProps.prefix : _c, _d = _b.suffix, suffix = _d === void 0 ? defaultProps.suffix : _d, valid = _b.valid, 
-    // Destruct to avoid warning when used inside a form field
-    _modified = _b.modified, _touched = _b.touched, _visited = _b.visited, other = __rest(_b, ["size", "fillMode", "rounded", "className", "dir", "style", "prefix", "suffix", "valid", "modified", "touched", "visited"]);
-    var Prefix = (0, kendo_react_common_1.useCustomComponent)(prefix)[0];
-    var Suffix = (0, kendo_react_common_1.useCustomComponent)(suffix)[0];
-    var _e = React.useState(false), focused = _e[0], setFocused = _e[1];
-    var handleFocus = function (_) {
-        setFocused(true);
-    };
-    var handleBlur = function (_) {
-        setFocused(false);
-    };
-    var handleChange = React.useCallback(function (event) {
-        valueDuringChangeRef.current = event.target.value;
-        if (props.onChange) {
-            props.onChange.call(undefined, {
-                syntheticEvent: event,
-                nativeEvent: event.nativeEvent,
-                value: event.target.value,
-                target: target.current
-            });
-        }
-        valueDuringChangeRef.current = undefined;
-    }, [props.onChange]);
-    var _f = (0, kendo_react_common_1.useAsyncFocusBlur)({
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onSyncFocus: props.onFocus,
-        onSyncBlur: props.onBlur
-    }), onFocus = _f.onFocus, onBlur = _f.onBlur;
-    return (React.createElement("span", { style: style, dir: dir, className: (0, kendo_react_common_1.classNames)('k-textbox k-input', (_a = {},
-            _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-input-".concat(fillMode)] = fillMode,
-            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-            _a), {
-            'k-focus': focused,
-            'k-required': props.required,
-            'k-disabled': props.disabled,
-            'k-invalid': props.valid === false
-        }, className), onFocus: onFocus, onBlur: onBlur },
-        React.createElement(Prefix, null),
-        React.createElement("input", __assign({ ref: element, className: "k-input-inner" }, other, { onChange: handleChange })),
-        React.createElement(Suffix, null)));
-});
-var defaultProps = {
-    prefix: function (_) { return null; },
-    suffix: function (_) { return null; },
-    size: 'medium',
-    rounded: 'medium',
-    fillMode: 'solid'
-};
-exports.TextBox.propTypes = {
-    size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-    rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
-    fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline'])
-};
-exports.TextBox.displayName = 'KendoReactTextBoxComponent';
-exports.TextBox.defaultProps = defaultProps;

package/dist/npm/utils.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare function nullable(subRequirement: any): any;

package/dist/npm/utils.js

@@ -1,33 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.nullable = void 0;
-// Polyfill for PropTypes.null
-/**
- * @hidden
- */
-function nullable(subRequirement) {
-    var check = function (required, props, key) {
-        var rest = [];
-        for (var _i = 3; _i < arguments.length; _i++) {
-            rest[_i - 3] = arguments[_i];
-        }
-        if (props[key] === null) {
-            return null;
-        }
-        var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, __spreadArray([props, key], rest, false));
-    };
-    var fn = check.bind(null, false);
-    fn.isRequired = check.bind(null, true);
-    return fn;
-}
-exports.nullable = nullable;