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

package/dist/es/radiobutton/RadioButton.js

@@ -1,108 +0,0 @@
-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;
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { guid, classNames, dispatchEvent, getTabIndex, createPropsContext, usePropsContext, kendoThemeMaps } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the PropsContext of the `RadioButton` component.
- * Used for global configuration of all `RadioButton` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export var RadioButtonPropsContext = createPropsContext();
-/**
- * Represents the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
- *
- * Accepts properties of type [RadioButtonProps]({% slug api_inputs_radiobuttonprops %}).
- * Obtaining the `ref` returns an object of type [RadioButtonHandle]({% slug api_inputs_radiobuttonhandle %}).
- */
-export var RadioButton = React.forwardRef(function (directProps, target) {
-    var _a;
-    validatePackage(packageMetadata);
-    var props = usePropsContext(RadioButtonPropsContext, directProps);
-    var ariaDescribedBy = props.ariaDescribedBy, checked = props.checked, children = props.children, className = props.className, disabled = props.disabled, id = props.id, size = props.size, label = props.label, labelPlacement = props.labelPlacement, name = props.name, style = props.style, tabIndex = props.tabIndex, value = props.value, valid = props.valid, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, others = __rest(props, ["ariaDescribedBy", "checked", "children", "className", "disabled", "id", "size", "label", "labelPlacement", "name", "style", "tabIndex", "value", "valid", "onChange", "onFocus", "onBlur"]);
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var calculatedId = React.useMemo(function () { return guid(); }, []);
-    var handleChange = React.useCallback(function (event) {
-        dispatchEvent(onChange, event, getImperativeHandle(), { value: value });
-    }, [onChange, value, disabled]);
-    var handleFocus = React.useCallback(function (event) {
-        if (onFocus && !disabled) {
-            dispatchEvent(onFocus, event, getImperativeHandle(), undefined);
-        }
-    }, [onFocus, disabled]);
-    var handleBlur = React.useCallback(function (event) {
-        if (onBlur && !disabled) {
-            dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
-        }
-    }, [onBlur, disabled]);
-    var inputProps = __assign({ type: 'radio', id: id || calculatedId, name: name, className: classNames('k-radio', (_a = {},
-            _a["k-radio-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a['k-invalid'] = valid === false,
-            _a), className), ref: elementRef, disabled: disabled, tabIndex: getTabIndex(tabIndex, disabled), checked: checked, style: style, 'aria-describedby': ariaDescribedBy, value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }, others);
-    var radioButtonLabel = (React.createElement(React.Fragment, null, label !== undefined ? (React.createElement("label", { className: 'k-radio-label', htmlFor: id || calculatedId, style: { userSelect: 'none' }, "aria-label": label }, label)) : null));
-    var radio = React.createElement("input", __assign({}, inputProps));
-    return (labelPlacement === 'before'
-        ? (React.createElement(React.Fragment, null,
-            radioButtonLabel,
-            radio,
-            children)) : (React.createElement(React.Fragment, null,
-        radio,
-        radioButtonLabel,
-        children)));
-});
-RadioButton.propTypes = {
-    ariaDescribedBy: PropTypes.string,
-    checked: PropTypes.bool,
-    className: PropTypes.string,
-    disabled: PropTypes.bool,
-    id: PropTypes.string,
-    size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-    label: PropTypes.string,
-    labelPlacement: PropTypes.string,
-    name: PropTypes.string,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    value: PropTypes.any,
-    valid: PropTypes.bool,
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func
-};
-var defaultProps = {
-    size: 'medium'
-};
-RadioButton.displayName = 'KendoRadioButton';
-RadioButton.defaultProps = defaultProps;

package/dist/es/radiobutton/RadioGroup.js

@@ -1,102 +0,0 @@
-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 * as PropTypes from 'prop-types';
-import { RadioButton } from './RadioButton';
-import { useRtl, guid, classNames, focusFirstFocusableChild, dispatchEvent, createPropsContext, usePropsContext } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the PropsContext of the `RadioGroup` component.
- * Used for global configuration of all `RadioGroup` instances.
- *
- * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
- */
-export var RadioGroupPropsContext = createPropsContext();
-/**
- * Represents the [KendoReact RadioGroup component]({% slug overview_radiogroup %}).
- *
- * Accepts properties of type [RadioGroupProps]({% slug api_inputs_radiogroupprops %}).
- * Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
- */
-export var RadioGroup = React.forwardRef(function (directProps, target) {
-    validatePackage(packageMetadata);
-    var props = usePropsContext(RadioGroupPropsContext, directProps);
-    var ariaLabelledBy = props.ariaLabelledBy, ariaDescribedBy = props.ariaDescribedBy, className = props.className, data = props.data, defaultValue = props.defaultValue, disabled = props.disabled, name = props.name, labelPlacement = props.labelPlacement, layout = props.layout, style = props.style, value = props.value, valid = props.valid, _a = props.item, Item = _a === void 0 ? defaultProps.item : _a, onChange = props.onChange, onFocus = props.onFocus;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            focusFirstFocusableChild(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var _b = React.useState(defaultValue), stateChecked = _b[0], setStateChecked = _b[1];
-    var isControlled = value !== undefined;
-    var checkedRadioValue = isControlled ? value : stateChecked;
-    var handleChange = React.useCallback(function (event) {
-        var currentValue = event.value;
-        if (!isControlled && !disabled) {
-            setStateChecked(currentValue);
-        }
-        if (onChange && !disabled) {
-            dispatchEvent(onChange, event.syntheticEvent, getImperativeHandle(), { value: currentValue });
-        }
-    }, [setStateChecked, onChange, disabled]);
-    var handleFocus = React.useCallback(function (event) {
-        if (onFocus && !disabled) {
-            dispatchEvent(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
-        }
-    }, [onFocus, disabled]);
-    var radioGroupName = React.useMemo(function () { return guid(); }, []);
-    var radioGroupClasses = classNames('k-radio-list', {
-        'k-list-horizontal': layout === 'horizontal',
-        'k-list-vertical': layout === 'vertical' || layout === undefined
-    }, className);
-    var dir = useRtl(elementRef, props.dir);
-    var radioOptions = (data && data.map(function (option, index) {
-        var isCurrentlyChecked = checkedRadioValue === option.value;
-        var noOptionChecked = checkedRadioValue === null || checkedRadioValue === undefined;
-        var radioButtonProps = __assign(__assign({}, option), { valid: valid, checked: isCurrentlyChecked, disabled: (option.disabled || disabled) ? true : false, labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement, tabIndex: option.tabIndex
-                ? option.tabIndex
-                : (noOptionChecked && index === 0) || isCurrentlyChecked
-                    ? 0
-                    : -1, index: index, name: name || radioGroupName, onChange: handleChange, onFocus: handleFocus });
-        return (React.createElement(Item, { className: classNames('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'none' },
-            React.createElement(RadioButton, __assign({}, radioButtonProps))));
-    }));
-    return (React.createElement("ul", { role: "radiogroup", className: radioGroupClasses, ref: elementRef, dir: dir, style: style, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }, radioOptions));
-});
-var defaultProps = {
-    item: function (props) { return React.createElement("li", __assign({}, props)); }
-};
-RadioGroup.propTypes = {
-    ariaLabelledBy: PropTypes.string,
-    ariaDescribedBy: PropTypes.string,
-    className: PropTypes.string,
-    data: PropTypes.arrayOf(PropTypes.object),
-    defaultValue: PropTypes.any,
-    dir: PropTypes.string,
-    disabled: PropTypes.bool,
-    labelPlacement: PropTypes.string,
-    layout: PropTypes.string,
-    name: PropTypes.string,
-    style: PropTypes.object,
-    value: PropTypes.any,
-    onChange: PropTypes.func,
-    onFocus: PropTypes.func
-};
-RadioGroup.defaultProps = defaultProps;
-RadioGroup.displayName = 'KendoRadioGroup';

package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.d.ts

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

package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js

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

package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { BaseEvent } from '@progress/kendo-react-common';
-import { RadioButtonHandle } from '../RadioButton';
-/**
- * The arguments for the `onChange` RadioButton event.
- */
-export interface RadioButtonChangeEvent extends BaseEvent<RadioButtonHandle> {
-    /**
-     * The value of the selected RadioButton.
-     */
-    value: any;
-}

package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js

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

package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.d.ts

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

package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js

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

package/dist/es/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -1,98 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonBlurEvent } from './RadioButtonBlurEvent';
-import { RadioButtonChangeEvent } from './RadioButtonChangeEvent';
-import { RadioButtonFocusEvent } from './RadioButtonFocusEvent';
-/**
- * @hidden
- */
-declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-/**
- * Represents the props of the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
- * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
- */
-export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
-    /**
-     * 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;
-    children?: any;
-    /**
-     * Specifies if the Radio button is checked.
-     */
-    checked?: boolean;
-    /**
-     * Specifies a list of CSS classes that will be added to the Radio button.
-     */
-    className?: string;
-    /**
-     * Specifies if the Radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the current index of the Radio button.
-     */
-    index?: number;
-    /**
-     * Sets the `id` of the Radio button.
-     */
-    id?: string;
-    /**
-     * Configures the `size` of the RadioButton.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Sets the label of the Radio button ([see example]({% slug labels_radiobutton %})).
-     */
-    label?: string;
-    /**
-     * Sets the label position of the Radio button ([see example]({% slug labels_radiobutton %})).
-     * Accepts two options: `before` or `after`. Defaults to `after`.
-     */
-    labelPlacement?: string;
-    /**
-     * Sets the `name` property of the Radio button.
-     */
-    name?: string;
-    /**
-     * Sets additional CSS styles to the Radio button.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` property of the Radio button.
-     * Defaults to `0`.
-     */
-    tabIndex?: number;
-    /**
-     * Overrides the validity state of the component.
-     * If `valid` is set, the `required` property will be ignored.
-     *
-     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
-     */
-    valid?: boolean;
-    /**
-     * Sets the value to be submitted.
-     */
-    value?: any;
-    /**
-     * The event handler that will be fired when the changes the selected value.
-     */
-    onChange?: (event: RadioButtonChangeEvent) => void;
-    /**
-     * The event handler that will be fired when RadioButton is focused.
-     */
-    onFocus?: (event: RadioButtonFocusEvent) => void;
-    /**
-     * The event handler that will be fired when RadioButton is blurred.
-     */
-    onBlur?: (event: RadioButtonBlurEvent) => void;
-}
-export {};

package/dist/es/radiobutton/interfaces/RadioButtonProps.js

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

package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { BaseEvent } from '@progress/kendo-react-common';
-import { RadioGroupHandle } from '../RadioGroup';
-/**
- * The arguments for the `onChange` RadioGroup event.
- */
-export interface RadioGroupChangeEvent extends BaseEvent<RadioGroupHandle> {
-    /**
-     * The value of the selected RadioButton.
-     */
-    value: any;
-}

package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js

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

package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.d.ts

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

package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js

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

package/dist/es/radiobutton/interfaces/RadioGroupProps.js

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