@preply/ds-web-lib 0.46.0 → 0.47.0

package/dist/components/private/Input/InputBase.d.ts

@@ -0,0 +1,33 @@
+import type { InputProps } from '@preply/ds-web-core';
+import React from 'react';
+export declare type InputBaseProps = InputProps;
+export declare type InputImperativeHandle = {
+    focus: () => void;
+};
+export declare const InputBase: React.ForwardRefExoticComponent<(import("@preply/ds-web-core").InputTypeTextProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeSearchProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeEmailProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeTelProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeUrlProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypePasswordProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeNumberProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeDateProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeTimeProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeCheckboxProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeRadioProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeTextareaProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeSelectProps & {
+    className?: string | undefined;
+} & React.RefAttributes<InputImperativeHandle>)>;

package/dist/components/private/Input/InputBase.js

@@ -0,0 +1,59 @@
+import { useFocusEvents, getDatasetProps, getAriaProps } from '@preply/ds-web-core';
+import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
+import { getTextProps, getDateTimeProps, getBoundedProps, getTextareaProps, getCheckableProps, getRadioProps, getSelectProps } from './utils.js';
+
+const nonInputTags = {
+    textarea: 'textarea',
+    select: 'select',
+};
+const noop = () => undefined;
+const InputBaseLocal = (props, ref) => {
+    const { type, id, name, className, onChange, onFocus, onBlur, onClick, onKeyDown, onKeyUp, required, disabled, dataset, } = props;
+    const inputRef = useRef(null);
+    const focusEventHandlers = useFocusEvents({
+        disabled,
+        captureChildEvents: true,
+        onBlur,
+        onFocus,
+    });
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+    }));
+    const Tag = nonInputTags[type] || 'input';
+    const inputType = Tag === type in nonInputTags ? undefined : type;
+    const baseProps = {
+        ref: inputRef,
+        type: inputType,
+        id,
+        name,
+        className,
+        ...focusEventHandlers,
+        onChange: onChange || noop,
+        onClick,
+        onKeyDown,
+        onKeyUp,
+        required,
+        disabled,
+        dataset,
+    };
+    const allProps = {
+        ...baseProps,
+        ...getTextProps(props),
+        ...getDateTimeProps(props),
+        ...getBoundedProps(props),
+        ...getTextareaProps(props),
+        ...getCheckableProps(props),
+        ...getRadioProps(props),
+        ...getSelectProps(props),
+        ...getDatasetProps(dataset),
+        ...getAriaProps(props),
+    };
+    return React__default.createElement(Tag, Object.assign({}, allProps, { ref: inputRef }));
+};
+const InputBase = forwardRef(InputBaseLocal);
+
+export { InputBase };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0QmFzZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJbnB1dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBnZXRBcmlhUHJvcHMsIGdldERhdGFzZXRQcm9wcywgdXNlRm9jdXNFdmVudHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICAgIGdldEJvdW5kZWRQcm9wcyxcbiAgICBnZXRDaGVja2FibGVQcm9wcyxcbiAgICBnZXREYXRlVGltZVByb3BzLFxuICAgIGdldFJhZGlvUHJvcHMsXG4gICAgZ2V0U2VsZWN0UHJvcHMsXG4gICAgZ2V0VGV4dFByb3BzLFxuICAgIGdldFRleHRhcmVhUHJvcHMsXG59IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCBub25JbnB1dFRhZ3MgPSB7XG4gICAgdGV4dGFyZWE6ICd0ZXh0YXJlYScsXG4gICAgc2VsZWN0OiAnc2VsZWN0Jyxcbn07XG5cbmNvbnN0IG5vb3AgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIElucHV0QmFzZVByb3BzID0gSW5wdXRQcm9wcztcblxuZXhwb3J0IHR5cGUgSW5wdXRJbXBlcmF0aXZlSGFuZGxlID0ge1xuICAgIGZvY3VzOiAoKSA9PiB2b2lkO1xufTtcblxuY29uc3QgSW5wdXRCYXNlTG9jYWw6IEZDPElucHV0QmFzZVByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0eXBlLFxuICAgICAgICBpZCxcbiAgICAgICAgbmFtZSxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkNsaWNrLFxuICAgICAgICBvbktleURvd24sXG4gICAgICAgIG9uS2V5VXAsXG4gICAgICAgIHJlcXVpcmVkLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgZGF0YXNldCxcbiAgICB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGZvY3VzRXZlbnRIYW5kbGVycyA9IHVzZUZvY3VzRXZlbnRzKHtcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIGNhcHR1cmVDaGlsZEV2ZW50czogdHJ1ZSxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkZvY3VzLFxuICAgIH0pO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICAgIGZvY3VzOiAoKSA9PiB7XG4gICAgICAgICAgICBpbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9LFxuICAgIH0pKTtcblxuICAgIGNvbnN0IFRhZyA9IG5vbklucHV0VGFnc1t0eXBlXSB8fCAnaW5wdXQnO1xuICAgIGNvbnN0IGlucHV0VHlwZSA9IFRhZyA9PT0gdHlwZSBpbiBub25JbnB1dFRhZ3MgPyB1bmRlZmluZWQgOiB0eXBlO1xuXG4gICAgY29uc3QgYmFzZVByb3BzID0ge1xuICAgICAgICByZWY6IGlucHV0UmVmLFxuICAgICAgICB0eXBlOiBpbnB1dFR5cGUsXG4gICAgICAgIGlkLFxuICAgICAgICBuYW1lLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIC4uLmZvY3VzRXZlbnRIYW5kbGVycyxcbiAgICAgICAgb25DaGFuZ2U6IG9uQ2hhbmdlIHx8IG5vb3AsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIG9uS2V5RG93bixcbiAgICAgICAgb25LZXlVcCxcbiAgICAgICAgcmVxdWlyZWQsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBkYXRhc2V0LFxuICAgIH07XG5cbiAgICBjb25zdCBhbGxQcm9wcyA9IHtcbiAgICAgICAgLi4uYmFzZVByb3BzLFxuICAgICAgICAuLi5nZXRUZXh0UHJvcHMocHJvcHMpLFxuICAgICAgICAuLi5nZXREYXRlVGltZVByb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0Qm91bmRlZFByb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0VGV4dGFyZWFQcm9wcyhwcm9wcyksXG4gICAgICAgIC4uLmdldENoZWNrYWJsZVByb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0UmFkaW9Qcm9wcyhwcm9wcyksXG4gICAgICAgIC4uLmdldFNlbGVjdFByb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICAuLi5nZXRBcmlhUHJvcHMocHJvcHMpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4uYWxsUHJvcHN9IHJlZj17aW5wdXRSZWZ9IC8+O1xufTtcblxuZXhwb3J0IGNvbnN0IElucHV0QmFzZSA9IGZvcndhcmRSZWY8SW5wdXRJbXBlcmF0aXZlSGFuZGxlLCBJbnB1dEJhc2VQcm9wcz4oSW5wdXRCYXNlTG9jYWwpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBY0EsTUFBTSxZQUFZLEdBQUc7SUFDakIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsTUFBTSxFQUFFLFFBQVE7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUFHLE1BQU0sU0FBUyxDQUFDO0FBUTdCLE1BQU0sY0FBYyxHQUF1QixDQUFDLEtBQUssRUFBRSxHQUFHO0lBQ2xELE1BQU0sRUFDRixJQUFJLEVBQ0osRUFBRSxFQUNGLElBQUksRUFDSixTQUFTLEVBQ1QsUUFBUSxFQUNSLE9BQU8sRUFDUCxNQUFNLEVBQ04sT0FBTyxFQUNQLFNBQVMsRUFDVCxPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixPQUFPLEdBQ1YsR0FBRyxLQUFLLENBQUM7SUFFVixNQUFNLFFBQVEsR0FBRyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBRWhELE1BQU0sa0JBQWtCLEdBQUcsY0FBYyxDQUFDO1FBQ3RDLFFBQVE7UUFDUixrQkFBa0IsRUFBRSxJQUFJO1FBQ3hCLE1BQU07UUFDTixPQUFPO0tBQ1YsQ0FBQyxDQUFDO0lBRUgsbUJBQW1CLENBQUMsR0FBRyxFQUFFLE9BQU87UUFDNUIsS0FBSyxFQUFFOztZQUNILE1BQUEsUUFBUSxDQUFDLE9BQU8sMENBQUUsS0FBSyxHQUFHO1NBQzdCO0tBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSixNQUFNLEdBQUcsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksT0FBTyxDQUFDO0lBQzFDLE1BQU0sU0FBUyxHQUFHLEdBQUcsS0FBSyxJQUFJLElBQUksWUFBWSxHQUFHLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFFbEUsTUFBTSxTQUFTLEdBQUc7UUFDZCxHQUFHLEVBQUUsUUFBUTtRQUNiLElBQUksRUFBRSxTQUFTO1FBQ2YsRUFBRTtRQUNGLElBQUk7UUFDSixTQUFTO1FBQ1QsR0FBRyxrQkFBa0I7UUFDckIsUUFBUSxFQUFFLFFBQVEsSUFBSSxJQUFJO1FBQzFCLE9BQU87UUFDUCxTQUFTO1FBQ1QsT0FBTztRQUNQLFFBQVE7UUFDUixRQUFRO1FBQ1IsT0FBTztLQUNWLENBQUM7SUFFRixNQUFNLFFBQVEsR0FBRztRQUNiLEdBQUcsU0FBUztRQUNaLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztRQUN0QixHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQztRQUMxQixHQUFHLGVBQWUsQ0FBQyxLQUFLLENBQUM7UUFDekIsR0FBRyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUM7UUFDMUIsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7UUFDM0IsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDO1FBQ3ZCLEdBQUcsY0FBYyxDQUFDLEtBQUssQ0FBQztRQUN4QixHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDM0IsR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDO0tBQ3pCLENBQUM7SUFFRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLFFBQVEsSUFBRSxHQUFHLEVBQUUsUUFBUSxJQUFJLENBQUM7QUFDaEQsQ0FBQyxDQUFDO01BRVcsU0FBUyxHQUFHLFVBQVUsQ0FBd0MsY0FBYzs7OzsifQ==

package/dist/components/private/Input/InputDate.d.ts

@@ -0,0 +1,7 @@
+import type { InputTypeDateProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type InputDateProps = Omit<InputTypeDateProps, 'type' | 'value' | 'defaultValue'> & {
+    defaultValue?: Date;
+    onValueChange?: ValueChangeEventHandler<Date>;
+};
+export declare const InputDate: FC<InputDateProps>;

package/dist/components/private/Input/InputDate.js

@@ -0,0 +1,18 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+import { formatDate, parseDateValue } from './utils/date.js';
+
+const INPUT_DATE = 'InputDate';
+const InputDate = ({ defaultValue, onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const stringValue = formatDate(defaultValue);
+    const localClasses = moduleClassNames(styles, INPUT_DATE);
+    const onChangeHandler = useChangeHandler(ev => parseDateValue(ev.target.value), onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "date", defaultValue: stringValue, className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { InputDate };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXREYXRlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0RGF0ZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJbnB1dFR5cGVEYXRlUHJvcHMsIFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSW5wdXRCYXNlIH0gZnJvbSAnLi9JbnB1dEJhc2UnO1xuaW1wb3J0IHsgdXNlQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vaG9va3MvdXNlQ2hhbmdlSGFuZGxlcic7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgcGFyc2VEYXRlVmFsdWUgfSBmcm9tICcuL3V0aWxzL2RhdGUnO1xuXG5jb25zdCBJTlBVVF9EQVRFID0gJ0lucHV0RGF0ZSc7XG5cbmV4cG9ydCB0eXBlIElucHV0RGF0ZVByb3BzID0gT21pdDxJbnB1dFR5cGVEYXRlUHJvcHMsICd0eXBlJyB8ICd2YWx1ZScgfCAnZGVmYXVsdFZhbHVlJz4gJiB7XG4gICAgZGVmYXVsdFZhbHVlPzogRGF0ZTtcbiAgICBvblZhbHVlQ2hhbmdlPzogVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXI8RGF0ZT47XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXREYXRlOiBGQzxJbnB1dERhdGVQcm9wcz4gPSAoe1xuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvblZhbHVlQ2hhbmdlLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBzdHJpbmdWYWx1ZSA9IGZvcm1hdERhdGUoZGVmYXVsdFZhbHVlKTtcblxuICAgIGNvbnN0IGxvY2FsQ2xhc3NlcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBJTlBVVF9EQVRFKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IHVzZUNoYW5nZUhhbmRsZXIoXG4gICAgICAgIGV2ID0+IHBhcnNlRGF0ZVZhbHVlKGV2LnRhcmdldC52YWx1ZSksXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBvblZhbHVlQ2hhbmdlLFxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICB0eXBlPVwiZGF0ZVwiXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWU9e3N0cmluZ1ZhbHVlfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtsb2NhbENsYXNzZXMuam9pbignICcpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgLz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVNBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQU9sQixTQUFTLEdBQXVCLENBQUMsRUFDMUMsWUFBWSxFQUNaLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBRTdDLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUUxRCxNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FDcEMsRUFBRSxJQUFJLGNBQWMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUNyQyxRQUFRLEVBQ1IsYUFBYSxDQUNoQixDQUFDO0lBRUYsUUFDSUEsNkJBQUMsU0FBUyxvQkFDRixLQUFLLElBQ1QsSUFBSSxFQUFDLE1BQU0sRUFDWCxZQUFZLEVBQUUsV0FBVyxFQUN6QixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9

package/dist/components/private/Input/InputNumber.d.ts

@@ -0,0 +1,9 @@
+import type { InputTypeNumberProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type InputNumberProps = Omit<InputTypeNumberProps, 'type' | 'value' | 'min' | 'max'> & {
+    value?: number;
+    min?: number;
+    max?: number;
+    onValueChange?: ValueChangeEventHandler<number>;
+};
+export declare const InputNumber: FC<InputNumberProps>;

package/dist/components/private/Input/InputNumber.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const INPUT_NUMBER = 'InputNumber';
+const InputNumber = ({ value, min, max, onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, INPUT_NUMBER);
+    const onChangeHandler = useChangeHandler(ev => Number(ev.target.value), onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "number", value: `${value}`, min: `${min}`, max: `${max}`, className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { InputNumber };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXROdW1iZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvSW5wdXROdW1iZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSW5wdXRUeXBlTnVtYmVyUHJvcHMsIFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSW5wdXRCYXNlIH0gZnJvbSAnLi9JbnB1dEJhc2UnO1xuaW1wb3J0IHsgdXNlQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vaG9va3MvdXNlQ2hhbmdlSGFuZGxlcic7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBJTlBVVF9OVU1CRVIgPSAnSW5wdXROdW1iZXInO1xuXG5leHBvcnQgdHlwZSBJbnB1dE51bWJlclByb3BzID0gT21pdDxJbnB1dFR5cGVOdW1iZXJQcm9wcywgJ3R5cGUnIHwgJ3ZhbHVlJyB8ICdtaW4nIHwgJ21heCc+ICYge1xuICAgIHZhbHVlPzogbnVtYmVyO1xuICAgIG1pbj86IG51bWJlcjtcbiAgICBtYXg/OiBudW1iZXI7XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPG51bWJlcj47XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXROdW1iZXI6IEZDPElucHV0TnVtYmVyUHJvcHM+ID0gKHtcbiAgICB2YWx1ZSxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uVmFsdWVDaGFuZ2UsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxvY2FsQ2xhc3NlcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBJTlBVVF9OVU1CRVIpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihcbiAgICAgICAgZXYgPT4gTnVtYmVyKGV2LnRhcmdldC52YWx1ZSksXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBvblZhbHVlQ2hhbmdlLFxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICAgIHZhbHVlPXtgJHt2YWx1ZX1gfVxuICAgICAgICAgICAgbWluPXtgJHttaW59YH1cbiAgICAgICAgICAgIG1heD17YCR7bWF4fWB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFTdEIsV0FBVyxHQUF5QixDQUFDLEVBQzlDLEtBQUssRUFDTCxHQUFHLEVBQ0gsR0FBRyxFQUNILFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTVELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUNwQyxFQUFFLElBQUksTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQzdCLFFBQVEsRUFDUixhQUFhLENBQ2hCLENBQUM7SUFFRixRQUNJQSw2QkFBQyxTQUFTLG9CQUNGLEtBQUssSUFDVCxJQUFJLEVBQUMsUUFBUSxFQUNiLEtBQUssRUFBRSxHQUFHLEtBQUssRUFBRSxFQUNqQixHQUFHLEVBQUUsR0FBRyxHQUFHLEVBQUUsRUFDYixHQUFHLEVBQUUsR0FBRyxHQUFHLEVBQUUsRUFDYixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9

package/dist/components/private/Input/InputPassword.d.ts

@@ -0,0 +1,6 @@
+import { InputTypePasswordProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type InputPasswordProps = Omit<InputTypePasswordProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare const InputPassword: FC<InputPasswordProps>;

package/dist/components/private/Input/InputPassword.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const INPUT_PASSWORD = 'InputPassword';
+const InputPassword = ({ onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, INPUT_PASSWORD);
+    const onChangeHandler = useChangeHandler(ev => ev.target.value, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "password", className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { InputPassword };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRQYXNzd29yZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9JbnB1dC9JbnB1dFBhc3N3b3JkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIElucHV0VHlwZVBhc3N3b3JkUHJvcHMsXG4gICAgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IElOUFVUX1BBU1NXT1JEID0gJ0lucHV0UGFzc3dvcmQnO1xuXG5leHBvcnQgdHlwZSBJbnB1dFBhc3N3b3JkUHJvcHMgPSBPbWl0PElucHV0VHlwZVBhc3N3b3JkUHJvcHMsICd0eXBlJz4gJiB7XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPHN0cmluZz47XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXRQYXNzd29yZDogRkM8SW5wdXRQYXNzd29yZFByb3BzPiA9ICh7IG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgSU5QVVRfUEFTU1dPUkQpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihldiA9PiBldi50YXJnZXQudmFsdWUsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIHR5cGU9XCJwYXNzd29yZFwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFZQSxNQUFNLGNBQWMsR0FBRyxlQUFlLENBQUM7TUFNMUIsYUFBYSxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEtBQUssRUFBRTtJQUN2RixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGNBQWMsQ0FBQyxDQUFDO0lBRTlELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFFekYsUUFDSUEsNkJBQUMsU0FBUyxvQkFDRixLQUFLLElBQ1QsSUFBSSxFQUFDLFVBQVUsRUFDZixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9

package/dist/components/private/Input/InputText.d.ts

@@ -0,0 +1,11 @@
+import type { InputTypeTextProps, SimpleTextInputType, ValueChangeEventHandler } from '@preply/ds-web-core';
+import React from 'react';
+import { InputImperativeHandle } from './InputBase';
+export declare type InputTextProps = Omit<InputTypeTextProps, 'type'> & {
+    type: SimpleTextInputType;
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare const InputText: React.ForwardRefExoticComponent<Pick<InputTypeTextProps, "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required" | "autoComplete" | "placeholder" | "maxLength" | "id" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "required" | "disabled" | "hasError" | "dataset"> & {
+    type: SimpleTextInputType;
+    onValueChange?: ValueChangeEventHandler<string> | undefined;
+} & React.RefAttributes<InputImperativeHandle>>;

package/dist/components/private/Input/InputText.js

@@ -0,0 +1,17 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default, { forwardRef } from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const INPUT_TEXT = 'InputText';
+const InputTextBase = ({ onChange, onValueChange, ...props }, ref) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, INPUT_TEXT);
+    const onChangeHandler = useChangeHandler(ev => ev.target.value, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { ref: ref, className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+const InputText = forwardRef(InputTextBase);
+
+export { InputText };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0VGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICAgIElucHV0R2VuZXJpY1RleHRQcm9wcyxcbiAgICBJbnB1dFR5cGVUZXh0UHJvcHMsXG4gICAgU2ltcGxlVGV4dElucHV0VHlwZSxcbiAgICBWYWx1ZUNoYW5nZUV2ZW50SGFuZGxlcixcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSW5wdXRCYXNlLCBJbnB1dEltcGVyYXRpdmVIYW5kbGUgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IElOUFVUX1RFWFQgPSAnSW5wdXRUZXh0JztcblxuZXhwb3J0IHR5cGUgSW5wdXRUZXh0UHJvcHMgPSBPbWl0PElucHV0VHlwZVRleHRQcm9wcywgJ3R5cGUnPiAmIHtcbiAgICB0eXBlOiBTaW1wbGVUZXh0SW5wdXRUeXBlO1xuICAgIG9uVmFsdWVDaGFuZ2U/OiBWYWx1ZUNoYW5nZUV2ZW50SGFuZGxlcjxzdHJpbmc+O1xufTtcblxuY29uc3QgSW5wdXRUZXh0QmFzZTogRkM8SW5wdXRUZXh0UHJvcHM+ID0gKHsgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc2VzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElOUFVUX1RFWFQpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihldiA9PiBldi50YXJnZXQudmFsdWUsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgIHsuLi4ocHJvcHMgYXMgSW5wdXRHZW5lcmljVGV4dFByb3BzKX1cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtsb2NhbENsYXNzZXMuam9pbignICcpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgLz5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IElucHV0VGV4dCA9IGZvcndhcmRSZWY8SW5wdXRJbXBlcmF0aXZlSGFuZGxlLCBJbnB1dFRleHRQcm9wcz4oSW5wdXRUZXh0QmFzZSk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWFBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztBQU8vQixNQUFNLGFBQWEsR0FBdUIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxHQUFHO0lBQ2pGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFFMUQsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUV6RixRQUNJQSw2QkFBQyxTQUFTLG9CQUNELEtBQStCLElBQ3BDLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ2pDLFFBQVEsRUFBRSxlQUFlLElBQzNCLEVBQ0o7QUFDTixDQUFDLENBQUM7TUFFVyxTQUFTLEdBQUcsVUFBVSxDQUF3QyxhQUFhOzs7OyJ9

package/dist/components/private/Input/InputTime.d.ts

@@ -0,0 +1,7 @@
+import type { InputTypeTimeProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type InputTimeProps = Omit<InputTypeTimeProps, 'type' | 'value'> & {
+    defaultValue?: string;
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare const InputTime: FC<InputTimeProps>;

package/dist/components/private/Input/InputTime.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const INPUT_TIME = 'InputTime';
+const InputTime = ({ defaultValue, onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, INPUT_TIME);
+    const onChangeHandler = useChangeHandler(ev => ev.target.value, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "time", defaultValue: defaultValue, className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { InputTime };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUaW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0VGltZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJbnB1dFR5cGVUaW1lUHJvcHMsIFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSW5wdXRCYXNlIH0gZnJvbSAnLi9JbnB1dEJhc2UnO1xuaW1wb3J0IHsgdXNlQ2hhbmdlSGFuZGxlciB9IGZyb20gJy4vaG9va3MvdXNlQ2hhbmdlSGFuZGxlcic7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBJTlBVVF9USU1FID0gJ0lucHV0VGltZSc7XG5cbmV4cG9ydCB0eXBlIElucHV0VGltZVByb3BzID0gT21pdDxJbnB1dFR5cGVUaW1lUHJvcHMsICd0eXBlJyB8ICd2YWx1ZSc+ICYge1xuICAgIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgICBvblZhbHVlQ2hhbmdlPzogVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXI8c3RyaW5nPjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dFRpbWU6IEZDPElucHV0VGltZVByb3BzPiA9ICh7XG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uVmFsdWVDaGFuZ2UsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxvY2FsQ2xhc3NlcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBJTlBVVF9USU1FKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IHVzZUNoYW5nZUhhbmRsZXIoZXYgPT4gZXYudGFyZ2V0LnZhbHVlLCBvbkNoYW5nZSwgb25WYWx1ZUNoYW5nZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICB0eXBlPVwidGltZVwiXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bG9jYWxDbGFzc2VzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQVFBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQU9sQixTQUFTLEdBQXVCLENBQUMsRUFDMUMsWUFBWSxFQUNaLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBRTFELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFFekYsUUFDSUEsNkJBQUMsU0FBUyxvQkFDRixLQUFLLElBQ1QsSUFBSSxFQUFDLE1BQU0sRUFDWCxZQUFZLEVBQUUsWUFBWSxFQUMxQixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9

package/dist/components/private/Input/Radio.d.ts

@@ -0,0 +1,8 @@
+import type { InputTypeRadioProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type RadioProps = Omit<InputTypeRadioProps, 'type' | 'value'> & {
+    checked?: boolean;
+    name: string;
+    onValueChange?: ValueChangeEventHandler<boolean>;
+};
+export declare const Radio: FC<RadioProps>;

package/dist/components/private/Input/Radio.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const RADIO = 'Radio';
+const Radio = ({ checked, onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, RADIO);
+    const onChangeHandler = useChangeHandler(ev => ev.target.checked, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "radio", checked: checked, className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { Radio };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvUmFkaW8udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSW5wdXRUeXBlUmFkaW9Qcm9wcywgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZXMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IFJBRElPID0gJ1JhZGlvJztcblxuZXhwb3J0IHR5cGUgUmFkaW9Qcm9wcyA9IE9taXQ8SW5wdXRUeXBlUmFkaW9Qcm9wcywgJ3R5cGUnIHwgJ3ZhbHVlJz4gJiB7XG4gICAgY2hlY2tlZD86IGJvb2xlYW47XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIG9uVmFsdWVDaGFuZ2U/OiBWYWx1ZUNoYW5nZUV2ZW50SGFuZGxlcjxib29sZWFuPjtcbn07XG5cbmV4cG9ydCBjb25zdCBSYWRpbzogRkM8UmFkaW9Qcm9wcz4gPSAoeyBjaGVja2VkLCBvbkNoYW5nZSwgb25WYWx1ZUNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc2VzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFJBRElPKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IHVzZUNoYW5nZUhhbmRsZXIoZXYgPT4gZXYudGFyZ2V0LmNoZWNrZWQsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtsb2NhbENsYXNzZXMuam9pbignICcpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgLz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBUUEsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDO01BUVQsS0FBSyxHQUFtQixDQUFDLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxLQUFLLEVBQUU7SUFDaEYsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUVyRCxNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBRTNGLFFBQ0lBLDZCQUFDLFNBQVMsb0JBQ0YsS0FBSyxJQUNULElBQUksRUFBQyxPQUFPLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsU0FBUyxFQUFFLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ2pDLFFBQVEsRUFBRSxlQUFlLElBQzNCLEVBQ0o7QUFDTjs7OzsifQ==

package/dist/components/private/Input/Select.d.ts

@@ -0,0 +1,6 @@
+import type { InputTypeSelectProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type SelectProps = Omit<InputTypeSelectProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare const Select: FC<SelectProps>;

package/dist/components/private/Input/Select.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const SELECT = 'Select';
+const Select = ({ onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, SELECT);
+    const onChangeHandler = useChangeHandler(ev => ev.target.value, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "select", className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { Select };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L1NlbGVjdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJbnB1dFR5cGVTZWxlY3RQcm9wcywgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZXMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IFNFTEVDVCA9ICdTZWxlY3QnO1xuXG5leHBvcnQgdHlwZSBTZWxlY3RQcm9wcyA9IE9taXQ8SW5wdXRUeXBlU2VsZWN0UHJvcHMsICd0eXBlJz4gJiB7XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPHN0cmluZz47XG59O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0OiBGQzxTZWxlY3RQcm9wcz4gPSAoeyBvbkNoYW5nZSwgb25WYWx1ZUNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc2VzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFNFTEVDVCk7XG5cbiAgICBjb25zdCBvbkNoYW5nZUhhbmRsZXIgPSB1c2VDaGFuZ2VIYW5kbGVyKGV2ID0+IGV2LnRhcmdldC52YWx1ZSwgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgdHlwZT1cInNlbGVjdFwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRQSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7TUFNWCxNQUFNLEdBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3pFLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFdEQsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUV6RixRQUNJQSw2QkFBQyxTQUFTLG9CQUNGLEtBQUssSUFDVCxJQUFJLEVBQUMsUUFBUSxFQUNiLFNBQVMsRUFBRSxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNqQyxRQUFRLEVBQUUsZUFBZSxJQUMzQixFQUNKO0FBQ047Ozs7In0=

package/dist/components/private/Input/Textarea.d.ts

@@ -0,0 +1,6 @@
+import type { InputTypeTextareaProps, ValueChangeEventHandler } from '@preply/ds-web-core';
+import { FC } from 'react';
+export declare type SelectProps = Omit<InputTypeTextareaProps, 'type'> & {
+    onValueChange?: ValueChangeEventHandler<string>;
+};
+export declare const Textarea: FC<SelectProps>;

package/dist/components/private/Input/Textarea.js

@@ -0,0 +1,16 @@
+import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
+import React__default from 'react';
+import { InputBase } from './InputBase.js';
+import { useChangeHandler } from './hooks/useChangeHandler.js';
+import styles from './style/index.module.less.js';
+
+const TEXTAREA = 'Textarea';
+const Textarea = ({ onChange, onValueChange, ...props }) => {
+    useStyleExtract(styles);
+    const localClasses = moduleClassNames(styles, TEXTAREA);
+    const onChangeHandler = useChangeHandler(ev => ev.target.value, onChange, onValueChange);
+    return (React__default.createElement(InputBase, Object.assign({}, props, { type: "textarea", className: localClasses.join(' '), onChange: onChangeHandler })));
+};
+
+export { Textarea };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvVGV4dGFyZWEudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSW5wdXRUeXBlVGV4dGFyZWFQcm9wcywgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZXMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IFRFWFRBUkVBID0gJ1RleHRhcmVhJztcblxuZXhwb3J0IHR5cGUgU2VsZWN0UHJvcHMgPSBPbWl0PElucHV0VHlwZVRleHRhcmVhUHJvcHMsICd0eXBlJz4gJiB7XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPHN0cmluZz47XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWE6IEZDPFNlbGVjdFByb3BzPiA9ICh7IG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgVEVYVEFSRUEpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihldiA9PiBldi50YXJnZXQudmFsdWUsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0YXJlYVwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRQSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUM7TUFNZixRQUFRLEdBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQzNFLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFFeEQsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUV6RixRQUNJQSw2QkFBQyxTQUFTLG9CQUNGLEtBQUssSUFDVCxJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBRSxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNqQyxRQUFRLEVBQUUsZUFBZSxJQUMzQixFQUNKO0FBQ047Ozs7In0=

package/dist/components/private/Input/hooks/useChangeHandler.d.ts

@@ -0,0 +1,6 @@
+import type { ValueChangeEventHandler } from '@preply/ds-web-core';
+import { ChangeEvent, ChangeEventHandler } from 'react';
+declare type HTMLInputElementType = HTMLInputElement & HTMLSelectElement & HTMLTextAreaElement;
+declare type ParseFn<T> = (input: ChangeEvent<HTMLInputElementType>) => T;
+export declare function useChangeHandler<T, E extends HTMLInputElementType>(parse: ParseFn<T>, onChange?: ChangeEventHandler, onValueChange?: ValueChangeEventHandler<T>, dependencies?: unknown[]): ChangeEventHandler | undefined;
+export {};

package/dist/components/private/Input/hooks/useChangeHandler.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+
+function useChangeHandler(parse, onChange, onValueChange, dependencies = []) {
+    return useMemo(() => {
+        if (!onChange && !onValueChange) {
+            return undefined;
+        }
+        return (ev) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+            const value = parse(ev);
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+        };
+    }, [parse, onChange, onValueChange, ...dependencies]);
+}
+
+export { useChangeHandler };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2hhbmdlSGFuZGxlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9JbnB1dC9ob29rcy91c2VDaGFuZ2VIYW5kbGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgSFRNTElucHV0RWxlbWVudFR5cGUgPSBIVE1MSW5wdXRFbGVtZW50ICYgSFRNTFNlbGVjdEVsZW1lbnQgJiBIVE1MVGV4dEFyZWFFbGVtZW50O1xuXG50eXBlIFBhcnNlRm48VD4gPSAoaW5wdXQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnRUeXBlPikgPT4gVDtcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUNoYW5nZUhhbmRsZXI8VCwgRSBleHRlbmRzIEhUTUxJbnB1dEVsZW1lbnRUeXBlPihcbiAgICBwYXJzZTogUGFyc2VGbjxUPixcbiAgICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcixcbiAgICBvblZhbHVlQ2hhbmdlPzogVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXI8VD4sXG4gICAgZGVwZW5kZW5jaWVzOiB1bmtub3duW10gPSBbXSxcbik6IENoYW5nZUV2ZW50SGFuZGxlciB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoIW9uQ2hhbmdlICYmICFvblZhbHVlQ2hhbmdlKSB7XG4gICAgICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAoZXY6IENoYW5nZUV2ZW50PEU+KSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZT8uKGV2KTtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gcGFyc2UoZXYpO1xuICAgICAgICAgICAgb25WYWx1ZUNoYW5nZT8uKHZhbHVlKTtcbiAgICAgICAgfTtcbiAgICB9LCBbcGFyc2UsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlLCAuLi5kZXBlbmRlbmNpZXNdKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztTQU9nQixnQkFBZ0IsQ0FDNUIsS0FBaUIsRUFDakIsUUFBNkIsRUFDN0IsYUFBMEMsRUFDMUMsZUFBMEIsRUFBRTtJQUU1QixPQUFPLE9BQU8sQ0FBQztRQUNYLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0IsT0FBTyxTQUFTLENBQUM7U0FDcEI7UUFDRCxPQUFPLENBQUMsRUFBa0I7WUFDdEIsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLEVBQUUsRUFBRTtZQUNmLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUN4QixhQUFhLGFBQWIsYUFBYSx1QkFBYixhQUFhLENBQUcsS0FBSyxFQUFFO1NBQzFCLENBQUM7S0FDTCxFQUFFLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBQzFEOzs7OyJ9

package/dist/components/private/Input/style/index.module.less

@@ -0,0 +1,37 @@
+@import './mixins.less';
+
+.InputText {
+    .input-block();
+}
+
+.InputPassword {
+    .input-block();
+}
+
+.InputDate {
+    .input-block();
+}
+
+.InputTime {
+    .input-block();
+}
+
+.InputNumber {
+    .input-block();
+}
+
+.Textarea {
+    .input-block();
+}
+
+.Checkbox {
+    .input-inline-block();
+}
+
+.Radio {
+    .input-inline-block();
+}
+
+.Select {
+    .input-block();
+}

package/dist/components/private/Input/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._2mSpPD,._2V10Oa,._2wc-pa,._3df9eV,._3ONOB9,._29CLpG{display:block;width:100%}._1TxA-j,._13r97u{display:inline-block}._2oYghy{display:block;width:100%}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/Input/style/index.module.less",__css:css_248z,"InputText":"_3ONOB9","InputPassword":"_2wc-pa","InputDate":"_2V10Oa","InputTime":"_29CLpG","InputNumber":"_3df9eV","Textarea":"_2mSpPD","Checkbox":"_1TxA-j","Radio":"_13r97u","Select":"_2oYghy"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

package/dist/components/private/Input/style/mixins.less

@@ -0,0 +1,15 @@
+@import '@preply/ds-web-core/dist/generated/tokens.less';
+@import '@preply/ds-web-core/dist/generated/options.less';
+@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
+@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
+
+@namespace: 'input';
+
+.input-block() {
+    display: block;
+    width: 100%;
+}
+
+.input-inline-block() {
+    display: inline-block;
+}

package/dist/components/private/Input/style/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/components/private/Input/utils/date.d.ts

@@ -0,0 +1,2 @@
+export declare const formatDate: (value?: Date | undefined) => string | undefined;
+export declare const parseDateValue: (value: string) => Date;

package/dist/components/private/Input/utils/date.js

@@ -0,0 +1,10 @@
+const formatDate = (value) => {
+    if (value && !Number.isNaN(value.getTime())) {
+        return value.toISOString().slice(0, 10);
+    }
+    return undefined;
+};
+const parseDateValue = (value) => new Date(value);
+
+export { formatDate, parseDateValue };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9JbnB1dC91dGlscy9kYXRlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBmb3JtYXREYXRlID0gKHZhbHVlPzogRGF0ZSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKHZhbHVlICYmICFOdW1iZXIuaXNOYU4odmFsdWUuZ2V0VGltZSgpKSkge1xuICAgICAgICByZXR1cm4gdmFsdWUudG9JU09TdHJpbmcoKS5zbGljZSgwLCAxMCk7XG4gICAgfVxuICAgIHJldHVybiB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgY29uc3QgcGFyc2VEYXRlVmFsdWUgPSAodmFsdWU6IHN0cmluZyk6IERhdGUgPT4gbmV3IERhdGUodmFsdWUpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUFhLFVBQVUsR0FBRyxDQUFDLEtBQVk7SUFDbkMsSUFBSSxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFO1FBQ3pDLE9BQU8sS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7S0FDM0M7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNyQixFQUFFO01BRVcsY0FBYyxHQUFHLENBQUMsS0FBYSxLQUFXLElBQUksSUFBSSxDQUFDLEtBQUs7Ozs7In0=

package/dist/components/private/Input/utils.d.ts

@@ -0,0 +1,9 @@
+import type { InputProps } from '@preply/ds-web-core';
+import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
+export declare const getTextProps: (props: InputProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getDateTimeProps: (props: InputProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getBoundedProps: (props: InputProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getTextareaProps: (props: InputProps) => TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const getCheckableProps: (props: InputProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getRadioProps: (props: InputProps) => InputHTMLAttributes<HTMLInputElement>;
+export declare const getSelectProps: (props: InputProps) => SelectHTMLAttributes<HTMLSelectElement>;

package/dist/components/private/Input/utils.js

@@ -0,0 +1,87 @@
+const isText = (props) => {
+    const { type } = props;
+    return (type === 'text' ||
+        type === 'search' ||
+        type === 'password' ||
+        type === 'email' ||
+        type === 'tel' ||
+        type === 'url' ||
+        type === 'number' ||
+        type === 'textarea');
+};
+const isDateTime = (props) => {
+    const { type } = props;
+    return type === 'date' || type === 'time';
+};
+const isBounded = (props) => {
+    const { type } = props;
+    return type === 'number' || type === 'date' || type === 'time';
+};
+const isCheckable = (props) => {
+    const { type } = props;
+    return type === 'checkbox';
+};
+const isRadio = (props) => {
+    const { type } = props;
+    return type === 'radio';
+};
+const isTextarea = (props) => {
+    const { type } = props;
+    return type === 'number' || type === 'date' || type === 'time';
+};
+const isSelect = (props) => {
+    const { type } = props;
+    return type === 'select';
+};
+const getTextProps = (props) => {
+    if (isText(props)) {
+        const { value, placeholder, maxLength, autoComplete } = props;
+        return { value, placeholder, maxLength, autoComplete };
+    }
+    return {};
+};
+const getDateTimeProps = (props) => {
+    if (isDateTime(props)) {
+        const { defaultValue, placeholder, maxLength, autoComplete } = props;
+        return { defaultValue, placeholder, maxLength, autoComplete };
+    }
+    return {};
+};
+const getBoundedProps = (props) => {
+    if (isBounded(props)) {
+        const { min, max } = props;
+        return { min, max };
+    }
+    return {};
+};
+const getTextareaProps = (props) => {
+    if (isTextarea(props)) {
+        const { rows } = props;
+        return { rows };
+    }
+    return {};
+};
+const getCheckableProps = (props) => {
+    if (isCheckable(props)) {
+        const { checked } = props;
+        return { checked };
+    }
+    return {};
+};
+const getRadioProps = (props) => {
+    if (isRadio(props)) {
+        const { checked, name } = props;
+        return { defaultChecked: checked, name };
+    }
+    return {};
+};
+const getSelectProps = (props) => {
+    if (isSelect(props)) {
+        const { value, children } = props;
+        return { value, children };
+    }
+    return {};
+};
+
+export { getBoundedProps, getCheckableProps, getDateTimeProps, getRadioProps, getSelectProps, getTextProps, getTextareaProps };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvdXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICAgIElucHV0Qm91bmRlZFByb3BzLFxuICAgIElucHV0Q2hlY2thYmxlUHJvcHMsXG4gICAgSW5wdXRDb21tb25Qcm9wcyxcbiAgICBJbnB1dFByb3BzLFxuICAgIElucHV0VHlwZVNlbGVjdFByb3BzLFxuICAgIElucHV0VHlwZVRleHRQcm9wcyxcbiAgICBJbnB1dFR5cGVUZXh0YXJlYVByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IElucHV0SFRNTEF0dHJpYnV0ZXMsIFNlbGVjdEhUTUxBdHRyaWJ1dGVzLCBUZXh0YXJlYUhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuXG5jb25zdCBpc1RleHQgPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dFR5cGVUZXh0UHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgICAgdHlwZSA9PT0gJ3RleHQnIHx8XG4gICAgICAgIHR5cGUgPT09ICdzZWFyY2gnIHx8XG4gICAgICAgIHR5cGUgPT09ICdwYXNzd29yZCcgfHxcbiAgICAgICAgdHlwZSA9PT0gJ2VtYWlsJyB8fFxuICAgICAgICB0eXBlID09PSAndGVsJyB8fFxuICAgICAgICB0eXBlID09PSAndXJsJyB8fFxuICAgICAgICB0eXBlID09PSAnbnVtYmVyJyB8fFxuICAgICAgICB0eXBlID09PSAndGV4dGFyZWEnXG4gICAgKTtcbn07XG5cbmNvbnN0IGlzRGF0ZVRpbWUgPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dFR5cGVUZXh0UHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIHR5cGUgPT09ICdkYXRlJyB8fCB0eXBlID09PSAndGltZSc7XG59O1xuXG5jb25zdCBpc0JvdW5kZWQgPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dEJvdW5kZWRQcm9wcyA9PiB7XG4gICAgY29uc3QgeyB0eXBlIH0gPSBwcm9wcztcbiAgICByZXR1cm4gdHlwZSA9PT0gJ251bWJlcicgfHwgdHlwZSA9PT0gJ2RhdGUnIHx8IHR5cGUgPT09ICd0aW1lJztcbn07XG5cbmNvbnN0IGlzQ2hlY2thYmxlID0gKHByb3BzOiBJbnB1dENvbW1vblByb3BzKTogcHJvcHMgaXMgSW5wdXRDaGVja2FibGVQcm9wcyA9PiB7XG4gICAgY29uc3QgeyB0eXBlIH0gPSBwcm9wcztcbiAgICByZXR1cm4gdHlwZSA9PT0gJ2NoZWNrYm94Jztcbn07XG5cbmNvbnN0IGlzUmFkaW8gPSAocHJvcHM6IElucHV0Q29tbW9uUHJvcHMpOiBwcm9wcyBpcyBJbnB1dENoZWNrYWJsZVByb3BzID0+IHtcbiAgICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xuICAgIHJldHVybiB0eXBlID09PSAncmFkaW8nO1xufTtcblxuY29uc3QgaXNUZXh0YXJlYSA9IChwcm9wczogSW5wdXRDb21tb25Qcm9wcyk6IHByb3BzIGlzIElucHV0VHlwZVRleHRhcmVhUHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdHlwZSB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIHR5cGUgPT09ICdudW1iZXInIHx8IHR5cGUgPT09ICdkYXRlJyB8fCB0eXBlID09PSAndGltZSc7XG59O1xuXG5jb25zdCBpc1NlbGVjdCA9IChwcm9wczogSW5wdXRDb21tb25Qcm9wcyk6IHByb3BzIGlzIElucHV0VHlwZVNlbGVjdFByb3BzID0+IHtcbiAgICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xuICAgIHJldHVybiB0eXBlID09PSAnc2VsZWN0Jztcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRUZXh0UHJvcHMgPSAocHJvcHM6IElucHV0UHJvcHMpOiBJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ID0+IHtcbiAgICBpZiAoaXNUZXh0KHByb3BzKSkge1xuICAgICAgICBjb25zdCB7IHZhbHVlLCBwbGFjZWhvbGRlciwgbWF4TGVuZ3RoLCBhdXRvQ29tcGxldGUgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyB2YWx1ZSwgcGxhY2Vob2xkZXIsIG1heExlbmd0aCwgYXV0b0NvbXBsZXRlIH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXREYXRlVGltZVByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzRGF0ZVRpbWUocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgZGVmYXVsdFZhbHVlLCBwbGFjZWhvbGRlciwgbWF4TGVuZ3RoLCBhdXRvQ29tcGxldGUgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBkZWZhdWx0VmFsdWUsIHBsYWNlaG9sZGVyLCBtYXhMZW5ndGgsIGF1dG9Db21wbGV0ZSB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Qm91bmRlZFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzQm91bmRlZChwcm9wcykpIHtcbiAgICAgICAgY29uc3QgeyBtaW4sIG1heCB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiB7IG1pbiwgbWF4IH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRUZXh0YXJlYVByb3BzID0gKFxuICAgIHByb3BzOiBJbnB1dFByb3BzLFxuKTogVGV4dGFyZWFIVE1MQXR0cmlidXRlczxIVE1MVGV4dEFyZWFFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzVGV4dGFyZWEocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgcm93cyB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiB7IHJvd3MgfTtcbiAgICB9XG4gICAgcmV0dXJuIHt9O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENoZWNrYWJsZVByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzQ2hlY2thYmxlKHByb3BzKSkge1xuICAgICAgICBjb25zdCB7IGNoZWNrZWQgfSA9IHByb3BzO1xuICAgICAgICByZXR1cm4geyBjaGVja2VkIH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRSYWRpb1Byb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKTogSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzUmFkaW8ocHJvcHMpKSB7XG4gICAgICAgIGNvbnN0IHsgY2hlY2tlZCwgbmFtZSB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiB7IGRlZmF1bHRDaGVja2VkOiBjaGVja2VkLCBuYW1lIH07XG4gICAgfVxuICAgIHJldHVybiB7fTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RQcm9wcyA9IChwcm9wczogSW5wdXRQcm9wcyk6IFNlbGVjdEhUTUxBdHRyaWJ1dGVzPEhUTUxTZWxlY3RFbGVtZW50PiA9PiB7XG4gICAgaWYgKGlzU2VsZWN0KHByb3BzKSkge1xuICAgICAgICBjb25zdCB7IHZhbHVlLCBjaGlsZHJlbiB9ID0gcHJvcHM7XG4gICAgICAgIHJldHVybiB7IHZhbHVlLCBjaGlsZHJlbiB9O1xuICAgIH1cbiAgICByZXR1cm4ge307XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdBLE1BQU0sTUFBTSxHQUFHLENBQUMsS0FBdUI7SUFDbkMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FB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

package/dist/index.js

@@ -17,6 +17,7 @@ export { PanelSection } from './components/Panel/private/PanelSection.js';
 export { PanelFooter } from './components/Panel/private/PanelFooter.js';
 export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
 export { Text } from './components/Text/Text.js';
+export { TextField } from './components/TextField/TextField.js';
 export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
 export { TextInline } from './components/TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=