@preply/ds-web-core 0.49.0 → 0.50.0

package/dist/field/hooks/usePasswordField.d.ts

@@ -0,0 +1,8 @@
+import type { InputPasswordProps } from '../../input';
+import type { FieldLayoutProps, PasswordFieldProps } from '../types';
+declare type UsePasswordFieldState = {
+    layoutProps: Omit<FieldLayoutProps, 'input' | 'className' | 'inputHandle'>;
+    inputProps: InputPasswordProps;
+};
+export declare const usePasswordField: (props: PasswordFieldProps) => UsePasswordFieldState;
+export {};

package/dist/field/hooks/usePasswordField.js

@@ -0,0 +1,63 @@
+import { makeTinyId } from '@preply/ds-core';
+import { useState } from 'react';
+import { makeDescId } from '../../accessibility/aria/utils.js';
+import { AUTO_COMPLETE_TEXT_DEFAULT } from '../../input/constants.js';
+
+const usePasswordField = (props) => {
+    const { id, value, label, hideLabel, preserveSpace, required, requiredLabel, additionalText, disabled, hasError, errorMessage, onFocus, onBlur, onChange, autoComplete = AUTO_COMPLETE_TEXT_DEFAULT, inputDataset, dataset, ...rest } = props;
+    const actualId = id || makeTinyId();
+    const [isFocused, setIsFocused] = useState(false);
+    const [isTouched, setIsTouched] = useState(false);
+    const [isChanged, setIsChanged] = useState(false);
+    const handleFocus = ev => {
+        setIsFocused(true);
+        setIsTouched(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
+    };
+    const handleBlur = ev => {
+        setIsFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
+    };
+    const handleChange = ev => {
+        setIsChanged(false);
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+    };
+    const actualHasError = hasError || !!errorMessage;
+    const actualAdditionalText = errorMessage || additionalText;
+    const describeId = actualHasError || !!additionalText ? makeDescId(actualId) : undefined;
+    return {
+        layoutProps: {
+            id: actualId,
+            label,
+            hideLabel,
+            required,
+            requiredLabel,
+            additionalText: actualAdditionalText,
+            preserveSpace,
+            disabled,
+            isFocused,
+            isTouched,
+            isChanged,
+            hasValue: typeof value !== undefined,
+            hasError: actualHasError,
+            dataset,
+        },
+        inputProps: {
+            id: actualId,
+            value,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            required,
+            disabled,
+            hasError: actualHasError,
+            autoComplete,
+            dataset: inputDataset,
+            'aria-describedby': describeId,
+            ...rest,
+        },
+    };
+};
+
+export { usePasswordField };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFzc3dvcmRGaWVsZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZpZWxkL2hvb2tzL3VzZVBhc3N3b3JkRmllbGQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWFrZVRpbnlJZCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudEhhbmRsZXIsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBtYWtlRGVzY0lkIH0gZnJvbSAnLi4vLi4vYWNjZXNzaWJpbGl0eS9hcmlhL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRm9jdXNFdmVudEhhbmRsZXIgfSBmcm9tICcuLi8uLi9ldmVudHMnO1xuaW1wb3J0IHR5cGUgeyBJbnB1dFBhc3N3b3JkUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5pbXBvcnQgeyBBVVRPX0NPTVBMRVRFX1RFWFRfREVGQVVMVCB9IGZyb20gJy4uLy4uL2lucHV0JztcbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcywgUGFzc3dvcmRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG50eXBlIFVzZVBhc3N3b3JkRmllbGRTdGF0ZSA9IHtcbiAgICBsYXlvdXRQcm9wczogT21pdDxGaWVsZExheW91dFByb3BzLCAnaW5wdXQnIHwgJ2NsYXNzTmFtZScgfCAnaW5wdXRIYW5kbGUnPjtcbiAgICBpbnB1dFByb3BzOiBJbnB1dFBhc3N3b3JkUHJvcHM7XG59O1xuXG5leHBvcnQgY29uc3QgdXNlUGFzc3dvcmRGaWVsZCA9IChwcm9wczogUGFzc3dvcmRGaWVsZFByb3BzKTogVXNlUGFzc3dvcmRGaWVsZFN0YXRlID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIGlkLFxuICAgICAgICB2YWx1ZSxcbiAgICAgICAgbGFiZWwsXG4gICAgICAgIGhpZGVMYWJlbCxcbiAgICAgICAgcHJlc2VydmVTcGFjZSxcbiAgICAgICAgcmVxdWlyZWQsXG4gICAgICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaGFzRXJyb3IsXG4gICAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgYXV0b0NvbXBsZXRlID0gQVVUT19DT01QTEVURV9URVhUX0RFRkFVTFQsXG4gICAgICAgIGlucHV0RGF0YXNldCxcbiAgICAgICAgZGF0YXNldCxcbiAgICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGFjdHVhbElkID0gaWQgfHwgbWFrZVRpbnlJZCgpO1xuICAgIGNvbnN0IFtpc0ZvY3VzZWQsIHNldElzRm9jdXNlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2lzVG91Y2hlZCwgc2V0SXNUb3VjaGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbaXNDaGFuZ2VkLCBzZXRJc0NoYW5nZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQodHJ1ZSk7XG4gICAgICAgIHNldElzVG91Y2hlZCh0cnVlKTtcbiAgICAgICAgb25Gb2N1cz8uKGV2KTtcbiAgICB9O1xuICAgIGNvbnN0IGhhbmRsZUJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQoZmFsc2UpO1xuICAgICAgICBvbkJsdXI/Lihldik7XG4gICAgfTtcbiAgICBjb25zdCBoYW5kbGVDaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlciA9IGV2ID0+IHtcbiAgICAgICAgc2V0SXNDaGFuZ2VkKGZhbHNlKTtcbiAgICAgICAgb25DaGFuZ2U/Lihldik7XG4gICAgfTtcblxuICAgIGNvbnN0IGFjdHVhbEhhc0Vycm9yID0gaGFzRXJyb3IgfHwgISFlcnJvck1lc3NhZ2U7XG4gICAgY29uc3QgYWN0dWFsQWRkaXRpb25hbFRleHQgPSBlcnJvck1lc3NhZ2UgfHwgYWRkaXRpb25hbFRleHQ7XG4gICAgY29uc3QgZGVzY3JpYmVJZCA9IGFjdHVhbEhhc0Vycm9yIHx8ICEhYWRkaXRpb25hbFRleHQgPyBtYWtlRGVzY0lkKGFjdHVhbElkKSA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiB7XG4gICAgICAgIGxheW91dFByb3BzOiB7XG4gICAgICAgICAgICBpZDogYWN0dWFsSWQsXG4gICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgIGhpZGVMYWJlbCxcbiAgICAgICAgICAgIHJlcXVpcmVkLFxuICAgICAgICAgICAgcmVxdWlyZWRMYWJlbCxcbiAgICAgICAgICAgIGFkZGl0aW9uYWxUZXh0OiBhY3R1YWxBZGRpdGlvbmFsVGV4dCxcbiAgICAgICAgICAgIHByZXNlcnZlU3BhY2UsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIGlzRm9jdXNlZCxcbiAgICAgICAgICAgIGlzVG91Y2hlZCxcbiAgICAgICAgICAgIGlzQ2hhbmdlZCxcbiAgICAgICAgICAgIGhhc1ZhbHVlOiB0eXBlb2YgdmFsdWUgIT09IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIGhhc0Vycm9yOiBhY3R1YWxIYXNFcnJvcixcbiAgICAgICAgICAgIGRhdGFzZXQsXG4gICAgICAgIH0sXG4gICAgICAgIGlucHV0UHJvcHM6IHtcbiAgICAgICAgICAgIGlkOiBhY3R1YWxJZCxcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSxcbiAgICAgICAgICAgIG9uRm9jdXM6IGhhbmRsZUZvY3VzLFxuICAgICAgICAgICAgb25CbHVyOiBoYW5kbGVCbHVyLFxuICAgICAgICAgICAgcmVxdWlyZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIGhhc0Vycm9yOiBhY3R1YWxIYXNFcnJvcixcbiAgICAgICAgICAgIGF1dG9Db21wbGV0ZSxcbiAgICAgICAgICAgIGRhdGFzZXQ6IGlucHV0RGF0YXNldCxcbiAgICAgICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogZGVzY3JpYmVJZCxcbiAgICAgICAgICAgIC4uLnJlc3QsXG4gICAgICAgIH0sXG4gICAgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7TUFjYSxnQkFBZ0IsR0FBRyxDQUFDLEtBQXlCO0lBQ3RELE1BQU0sRUFDRixFQUFFLEVBQ0YsS0FBSyxFQUNMLEtBQUssRUFDTCxTQUFTLEVBQ1QsYUFBYSxFQUNiLFFBQVEsRUFDUixhQUFhLEVBQ2IsY0FBYyxFQUNkLFFBQVEsRUFDUixRQUFRLEVBQ1IsWUFBWSxFQUNaLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxFQUNSLFlBQVksR0FBRywwQkFBMEIsRUFDekMsWUFBWSxFQUNaLE9BQU8sRUFDUCxHQUFHLElBQUksRUFDVixHQUFHLEtBQUssQ0FBQztJQUVWLE1BQU0sUUFBUSxHQUFHLEVBQUUsSUFBSSxVQUFVLEVBQUUsQ0FBQztJQUNwQyxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUMzRCxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUMzRCxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUUzRCxNQUFNLFdBQVcsR0FBc0IsRUFBRTtRQUNyQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25CLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxFQUFFLEVBQUU7S0FDakIsQ0FBQztJQUNGLE1BQU0sVUFBVSxHQUFzQixFQUFFO1FBQ3BDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixNQUFNLGFBQU4sTUFBTSx1QkFBTixNQUFNLENBQUcsRUFBRSxFQUFFO0tBQ2hCLENBQUM7SUFDRixNQUFNLFlBQVksR0FBdUIsRUFBRTtRQUN2QyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEIsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLEVBQUUsRUFBRTtLQUNsQixDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsUUFBUSxJQUFJLENBQUMsQ0FBQyxZQUFZLENBQUM7SUFDbEQsTUFBTSxvQkFBb0IsR0FBRyxZQUFZLElBQUksY0FBYyxDQUFDO0lBQzVELE1BQU0sVUFBVSxHQUFHLGNBQWMsSUFBSSxDQUFDLENBQUMsY0FBYyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxTQUFTLENBQUM7SUFFekYsT0FBTztRQUNILFdBQVcsRUFBRTtZQUNULEVBQUUsRUFBRSxRQUFRO1lBQ1osS0FBSztZQUNMLFNBQVM7WUFDVCxRQUFRO1lBQ1IsYUFBYTtZQUNiLGNBQWMsRUFBRSxvQkFBb0I7WUFDcEMsYUFBYTtZQUNiLFFBQVE7WUFDUixTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxRQUFRLEVBQUUsT0FBTyxLQUFLLEtBQUssU0FBUztZQUNwQyxRQUFRLEVBQUUsY0FBYztZQUN4QixPQUFPO1NBQ1Y7UUFDRCxVQUFVLEVBQUU7WUFDUixFQUFFLEVBQUUsUUFBUTtZQUNaLEtBQUs7WUFDTCxRQUFRLEVBQUUsWUFBWTtZQUN0QixPQUFPLEVBQUUsV0FBVztZQUNwQixNQUFNLEVBQUUsVUFBVTtZQUNsQixRQUFRO1lBQ1IsUUFBUTtZQUNSLFFBQVEsRUFBRSxjQUFjO1lBQ3hCLFlBQVk7WUFDWixPQUFPLEVBQUUsWUFBWTtZQUNyQixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLEdBQUcsSUFBSTtTQUNWO0tBQ0osQ0FBQztBQUNOOzs7OyJ9

package/dist/field/index.d.ts

@@ -1,4 +1,5 @@
 export * from './constants';
+export * from './hooks/usePasswordField';
 export * from './hooks/useTextField';
 export * from './options';
 export * from './types';

package/dist/field/index.js

@@ -1,4 +1,5 @@
 export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './constants.js';
+export { usePasswordField } from './hooks/usePasswordField.js';
 export { useTextField } from './hooks/useTextField.js';
 export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './options.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=

package/dist/field/types.d.ts

@@ -1,8 +1,8 @@
 import type { Dataset } from '@preply/ds-core';
 import type { MouseEventHandler, ReactNode } from 'react';
 import { IconProps } from '../icon/types';
-import type { CombinableInputProps, InputType, SimpleTextInputType, SingleLineInputType } from '../input/private/types';
-import type { InputTextProps } from '../input/types';
+import type { AutoCompletePasswordOptions, SimpleTextInputType, SingleLineInputType } from '../input/private/types';
+import type { CombinableInputProps, InputPasswordProps, InputTextProps } from '../input/types';
 import { ReactSVGComponentType } from '../svg/types';
 export declare type FieldValue = string | number | boolean;
 /**
@@ -57,8 +57,7 @@ export interface FieldAdditionalTextProps {
 /**
  * <Field*>
  */
-interface FieldCommonProps {
-    type?: InputType;
+export interface FieldCommonProps {
     id?: string;
     label: string;
     requiredLabel?: string;
@@ -81,4 +80,8 @@ export interface SingleLineFieldCommonProps extends FieldCommonProps {
 export declare type TextFieldProps = SingleLineFieldCommonProps & CombinableInputProps<InputTextProps> & {
     type?: SimpleTextInputType;
 };
-export {};
+export declare type PasswordFieldProps = FieldCommonProps & CombinableInputProps<InputPasswordProps> & {
+    autoComplete?: AutoCompletePasswordOptions;
+    showIcon?: boolean;
+    revealValue?: boolean;
+};

package/dist/generated/breakpoints.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 16 2022 13:10:31 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 23 2022 09:35:22 GMT+0000 (Coordinated Universal Time) */
 
 @breakpoints: {
     narrow-l: 400px;

package/dist/generated/options.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 16 2022 13:10:30 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 23 2022 09:35:22 GMT+0000 (Coordinated Universal Time) */
 
 @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
 @BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Dec 16 2022 13:10:30 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Dec 23 2022 09:35:22 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface6);
 @scheme-bgColor: var(--786b9e);

package/dist/index.js

@@ -11,6 +11,7 @@ export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
 export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
 export { useFocusEvents } from './events/hooks/useFocusEvents.js';
 export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './field/constants.js';
+export { usePasswordField } from './field/hooks/usePasswordField.js';
 export { useTextField } from './field/hooks/useTextField.js';
 export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './field/options.js';
 export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLETE_TEXT_DEFAULT, INPUT_TYPE_DEFAULT } from './input/constants.js';
@@ -49,4 +50,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
 export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
 export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
 export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/dist/input/options.js

@@ -25,6 +25,8 @@ const AUTO_COMPLETE_TEXT_OPTIONS = [
     { id: 'language' },
     { id: 'tel' },
     { id: 'url' },
+    { id: 'new-password' },
+    { id: 'current-password' },
 ];
 const AUTO_COMPLETE_DATE_OPTIONS = [
     { id: 'off' },
@@ -37,4 +39,4 @@ const AUTO_COMPLETE_PASSWORD_OPTIONS = [
 ];
 
 export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQge1xuICAgIEF1dG9Db21wbGV0ZURhdGVPcHRpb25zLFxuICAgIEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucyxcbiAgICBBdXRvQ29tcGxldGVUZXh0T3B0aW9ucyxcbiAgICBJbnB1dFR5cGUsXG59IGZyb20gJy4vcHJpdmF0ZS90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBJTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlM6IE9wdGlvbjxJbnB1dFR5cGU+W10gPSBbXG4gICAgeyBpZDogJ3RleHQnIH0sXG4gICAgeyBpZDogJ3NlYXJjaCcgfSxcbiAgICB7IGlkOiAnZW1haWwnIH0sXG4gICAgeyBpZDogJ3RlbCcgfSxcbiAgICB7IGlkOiAndXJsJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IElOUFVUX1RZUEVfT1BUSU9OUzogT3B0aW9uPElucHV0VHlwZT5bXSA9IFtcbiAgICAuLi5JTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlMsXG4gICAgeyBpZDogJ3Bhc3N3b3JkJyB9LFxuICAgIHsgaWQ6ICdudW1iZXInIH0sXG4gICAgeyBpZDogJ2RhdGUnIH0sXG4gICAgeyBpZDogJ3RpbWUnIH0sXG4gICAgeyBpZDogJ2NoZWNrYm94JyB9LFxuICAgIHsgaWQ6ICdyYWRpbycgfSxcbiAgICB7IGlkOiAndGV4dGFyZWEnIH0sXG4gICAgeyBpZDogJ3NlbGVjdCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX1RFWFRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVRleHRPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuICAgIHsgaWQ6ICduYW1lJyB9LFxuICAgIHsgaWQ6ICdlbWFpbCcgfSxcbiAgICB7IGlkOiAndXNlcm5hbWUnIH0sXG4gICAgeyBpZDogJ2xhbmd1YWdlJyB9LFxuICAgIHsgaWQ6ICd0ZWwnIH0sXG4gICAgeyBpZDogJ3VybCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX0RBVEVfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZURhdGVPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfUEFTU1dPUkRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucz5bXSA9IFtcbiAgICB7IGlkOiAnb2ZmJyB9LFxuICAgIHsgaWQ6ICduZXctcGFzc3dvcmQnIH0sXG4gICAgeyBpZDogJ2N1cnJlbnQtcGFzc3dvcmQnIH0sXG5dO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQVNhLDhCQUE4QixHQUF3QjtJQUMvRCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUU7SUFDaEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQ2IsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0VBQ2Y7TUFFVyxrQkFBa0IsR0FBd0I7SUFDbkQsR0FBRyw4QkFBOEI7SUFDakMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtJQUNoQixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFO0lBQ2YsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtFQUNsQjtNQUVXLDBCQUEwQixHQUFzQztJQUN6RSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUU7SUFDYixFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDWixFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUU7SUFDZCxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7SUFDZixFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFO0lBQ2xCLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtFQUNmO01BRVcsMEJBQTBCLEdBQXNDO0lBQ3pFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRTtFQUNkO01BRVcsOEJBQThCLEdBQTBDO0lBQ2pGLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLGNBQWMsRUFBRTtJQUN0QixFQUFFLEVBQUUsRUFBRSxrQkFBa0IsRUFBRTs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQge1xuICAgIEF1dG9Db21wbGV0ZURhdGVPcHRpb25zLFxuICAgIEF1dG9Db21wbGV0ZVBhc3N3b3JkT3B0aW9ucyxcbiAgICBBdXRvQ29tcGxldGVUZXh0T3B0aW9ucyxcbiAgICBJbnB1dFR5cGUsXG59IGZyb20gJy4vcHJpdmF0ZS90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBJTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlM6IE9wdGlvbjxJbnB1dFR5cGU+W10gPSBbXG4gICAgeyBpZDogJ3RleHQnIH0sXG4gICAgeyBpZDogJ3NlYXJjaCcgfSxcbiAgICB7IGlkOiAnZW1haWwnIH0sXG4gICAgeyBpZDogJ3RlbCcgfSxcbiAgICB7IGlkOiAndXJsJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IElOUFVUX1RZUEVfT1BUSU9OUzogT3B0aW9uPElucHV0VHlwZT5bXSA9IFtcbiAgICAuLi5JTlBVVF9UWVBFX1NJTVBMRV9URVhUX09QVElPTlMsXG4gICAgeyBpZDogJ3Bhc3N3b3JkJyB9LFxuICAgIHsgaWQ6ICdudW1iZXInIH0sXG4gICAgeyBpZDogJ2RhdGUnIH0sXG4gICAgeyBpZDogJ3RpbWUnIH0sXG4gICAgeyBpZDogJ2NoZWNrYm94JyB9LFxuICAgIHsgaWQ6ICdyYWRpbycgfSxcbiAgICB7IGlkOiAndGV4dGFyZWEnIH0sXG4gICAgeyBpZDogJ3NlbGVjdCcgfSxcbl07XG5cbmV4cG9ydCBjb25zdCBBVVRPX0NPTVBMRVRFX1RFWFRfT1BUSU9OUzogT3B0aW9uPEF1dG9Db21wbGV0ZVRleHRPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ29uJyB9LFxuICAgIHsgaWQ6ICduYW1lJyB9LFxuICAgIHsgaWQ6ICdlbWFpbCcgfSxcbiAgICB7IGlkOiAndXNlcm5hbWUnIH0sXG4gICAgeyBpZDogJ2xhbmd1YWdlJyB9LFxuICAgIHsgaWQ6ICd0ZWwnIH0sXG4gICAgeyBpZDogJ3VybCcgfSxcbiAgICB7IGlkOiAnbmV3LXBhc3N3b3JkJyB9LFxuICAgIHsgaWQ6ICdjdXJyZW50LXBhc3N3b3JkJyB9LFxuXTtcblxuZXhwb3J0IGNvbnN0IEFVVE9fQ09NUExFVEVfREFURV9PUFRJT05TOiBPcHRpb248QXV0b0NvbXBsZXRlRGF0ZU9wdGlvbnM+W10gPSBbXG4gICAgeyBpZDogJ29mZicgfSxcbiAgICB7IGlkOiAnb24nIH0sXG5dO1xuXG5leHBvcnQgY29uc3QgQVVUT19DT01QTEVURV9QQVNTV09SRF9PUFRJT05TOiBPcHRpb248QXV0b0NvbXBsZXRlUGFzc3dvcmRPcHRpb25zPltdID0gW1xuICAgIHsgaWQ6ICdvZmYnIH0sXG4gICAgeyBpZDogJ25ldy1wYXNzd29yZCcgfSxcbiAgICB7IGlkOiAnY3VycmVudC1wYXNzd29yZCcgfSxcbl07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BU2EsOEJBQThCLEdBQXdCO0lBQy9ELEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRTtJQUNkLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRTtJQUNoQixFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7SUFDZixFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUU7SUFDYixFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUU7RUFDZjtNQUVXLGtCQUFrQixHQUF3QjtJQUNuRCxHQUFHLDhCQUE4QjtJQUNqQyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFO0lBQ2hCLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRTtJQUNkLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRTtJQUNkLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRTtJQUNsQixFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUU7SUFDZixFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFO0VBQ2xCO01BRVcsMEJBQTBCLEdBQXNDO0lBQ3pFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUNaLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRTtJQUNkLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRTtJQUNmLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRTtJQUNsQixFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUU7SUFDbEIsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQ2IsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFO0lBQ2IsRUFBRSxFQUFFLEVBQUUsY0FBYyxFQUFFO0lBQ3RCLEVBQUUsRUFBRSxFQUFFLGtCQUFrQixFQUFFO0VBQzVCO01BRVcsMEJBQTBCLEdBQXNDO0lBQ3pFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRTtFQUNkO01BRVcsOEJBQThCLEdBQTBDO0lBQ2pGLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRTtJQUNiLEVBQUUsRUFBRSxFQUFFLGNBQWMsRUFBRTtJQUN0QixFQUFFLEVBQUUsRUFBRSxrQkFBa0IsRUFBRTs7Ozs7In0=

package/dist/input/private/types.d.ts

@@ -1,13 +1,13 @@
 import type { Dataset } from '@preply/ds-core';
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
-import type { ARIAAttributeNames, ARIAInputProps } from '../../accessibility/aria/types';
+import type { ARIAInputProps } from '../../accessibility/aria/types';
 export declare type SimpleTextInputType = 'text' | 'search' | 'email' | 'tel' | 'url';
 export declare type SingleLineInputType = SimpleTextInputType | 'password' | 'number' | 'date' | 'time';
 export declare type HTMLInputType = SingleLineInputType | 'checkbox' | 'radio';
 export declare type InputType = HTMLInputType | 'textarea' | 'select';
-export declare type AutoCompleteTextOptions = 'off' | 'on' | 'name' | 'email' | 'username' | 'language' | 'tel' | 'url';
 export declare type AutoCompleteDateOptions = 'off' | 'on';
 export declare type AutoCompletePasswordOptions = 'off' | 'new-password' | 'current-password';
+export declare type AutoCompleteTextOptions = 'off' | 'on' | 'name' | 'email' | 'username' | 'language' | 'tel' | 'url' | AutoCompletePasswordOptions;
 /**
  * native <input> props
  */
@@ -95,9 +95,3 @@ export interface InputTypeSelectProps extends InputCommonProps {
 }
 export declare type InputGenericTextProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps;
 export declare type UnknownInputProps = InputTypeTextProps | InputTypeSearchProps | InputTypeEmailProps | InputTypeTelProps | InputTypeUrlProps | InputTypePasswordProps | InputTypeNumberProps | InputTypeDateProps | InputTypeTimeProps | InputTypeCheckboxProps | InputTypeRadioProps | InputTypeTextareaProps | InputTypeSelectProps;
-/**
- * allows merging <Input*> props onto <Field*> props
- */
-export declare type CombinableInputProps<T extends InputCommonProps> = Omit<T, 'id' | 'type' | ARIAAttributeNames> & {
-    id?: string;
-};

package/dist/input/types.d.ts

@@ -1,3 +1,4 @@
+import { ARIAAttributeNames } from '../accessibility/aria/types';
 import type { ValueChangeEventHandler } from '../events';
 import type { InputTypeCheckboxProps, InputTypeDateProps, InputTypeNumberProps, InputTypePasswordProps, InputTypeRadioProps, InputTypeSelectProps, InputTypeTextProps, InputTypeTextareaProps, InputTypeTimeProps, SimpleTextInputType, UnknownInputProps } from './private/types';
 /**
@@ -42,3 +43,11 @@ export declare type InputNumberProps = Omit<InputTypeNumberProps, 'type' | 'valu
 export declare type InputPasswordProps = Omit<InputTypePasswordProps, 'type'> & {
     onValueChange?: ValueChangeEventHandler<string>;
 };
+/**
+ * allows merging <Input*> props onto <Field*> props
+ * - exposes all input props, except: id, type, aria-*
+ * - makes id optional
+ */
+export declare type CombinableInputProps<T> = Omit<T, 'id' | 'type' | ARIAAttributeNames> & {
+    id?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-core",
-    "version": "0.49.0",
+    "version": "0.50.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,14 +19,14 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.49.0",
-        "@preply/ds-core-types": "0.49.0"
+        "@preply/ds-core": "0.50.0",
+        "@preply/ds-core-types": "0.50.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.49.0",
-        "@preply/ds-core-types": "0.49.0",
+        "@preply/ds-core": "0.50.0",
+        "@preply/ds-core-types": "0.50.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
-    "gitHead": "3e8afea186374a22e2491bf687edd78b6ff99e60"
+    "gitHead": "62365e407633bb114eac291c5131890d8cf98ddb"
 }