@toptal/picasso-outlined-input 5.1.1 → 5.1.2-alpha-pf-fix-alpha-release-ea13b5aca.0

package/dist-package/src/OutlinedInput/OutlinedInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OutlinedInput.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAmBtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAgEpC,QAAA,MAAM,aAAa,2EAsIjB,CAAA;AAIF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"OutlinedInput.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AA4CpC,QAAA,MAAM,aAAa,2EAkMjB,CAAA;AAIF,eAAe,aAAa,CAAA"}

package/dist-package/src/OutlinedInput/OutlinedInput.js

@@ -9,14 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useCallback, useImperativeHandle, useRef, } from 'react';
 import { InputAdornment, InputValidIconAdornment, } from '@toptal/picasso-input-adornment';
 import { ButtonCircular } from '@toptal/picasso-button';
 import { CloseMinor16 } from '@toptal/picasso-icons';
 import { noop } from '@toptal/picasso-utils';
 import { useFieldsLayoutContext } from '@toptal/picasso-form';
-import { Input } from '@mui/base/Input';
-import { TextareaAutosize, } from '@mui/base/TextareaAutosize';
+import TextareaAutosize from 'react-textarea-autosize';
 import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
 import { getRootClassName } from './stylesRoot';
 import { getInputClassName } from './stylesInput';
@@ -28,16 +27,13 @@ const getResetButtonClassName = (visibility, hasValue) => {
     return twJoin('invisible', hasValue && 'peer-focus:visible peer-active:visible group-hover:visible');
 };
 const ResetButton = ({ hasValue, visibility = 'hover', onClick, testIds, }) => (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.resetButton, position: 'end', className: getResetButtonClassName(visibility, hasValue) },
-    React.createElement(ButtonCircular, { tabIndex: -1, icon: React.createElement(CloseMinor16, null), variant: 'flat', role: 'reset', onClick: onClick, onMouseDown: (event) => event.preventDefault(), onFocus: (event) => event.stopPropagation() })));
-const Textarea = forwardRef((_a, ref) => {
-    var { 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ownerState } = _a, rest = __rest(_a, ["ownerState"]);
-    return React.createElement(TextareaAutosize, Object.assign({ ref: ref }, rest));
-});
+    React.createElement(ButtonCircular, { tabIndex: -1, icon: React.createElement(CloseMinor16, null), variant: 'flat', role: 'reset', onClick: onClick, onMouseDown: event => event.preventDefault(), onFocus: event => event.stopPropagation() })));
 const OutlinedInput = forwardRef(function OutlinedInput(_a, ref) {
     var { width = 'auto', size = 'medium', onResetClick = noop, status = 'default', type = 'text' } = _a, props = __rest(_a, ["width", "size", "onResetClick", "status", "type"]);
-    const { className, style, multiline, multilineResizable, autoFocus, rows, rowsMax, inputComponent, inputProps, defaultValue, value, startAdornment, endAdornment: userDefinedEndAdornment, onChange, enableReset, resetVisibility, disabled, inputRef, testIds, highlight, classes } = props, rest = __rest(props, ["className", "style", "multiline", "multilineResizable", "autoFocus", "rows", "rowsMax", "inputComponent", "inputProps", "defaultValue", "value", "startAdornment", "endAdornment", "onChange", "enableReset", "resetVisibility", "disabled", "inputRef", "testIds", "highlight", "classes"]);
+    const { className, style, 'data-testid': dataTestId, multiline, multilineResizable, autoFocus, rows, rowsMax, inputComponent, inputProps, defaultValue, value, startAdornment, endAdornment: userDefinedEndAdornment, onChange, enableReset, resetVisibility, disabled, inputRef, testIds, highlight, classes, onClick, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    children: _children, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, autoComplete, id, name, onKeyDown, onKeyUp, onFocus, onBlur, placeholder, readOnly, required } = props, rootAttrs = __rest(props, ["className", "style", 'data-testid', "multiline", "multilineResizable", "autoFocus", "rows", "rowsMax", "inputComponent", "inputProps", "defaultValue", "value", "startAdornment", "endAdornment", "onChange", "enableReset", "resetVisibility", "disabled", "inputRef", "testIds", "highlight", "classes", "onClick", "children", 'aria-describedby', 'aria-label', 'aria-labelledby', "autoComplete", "id", "name", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required"]);
+    const rootElementAttrs = rootAttrs;
     const { layout } = useFieldsLayoutContext();
     const isDark = (inputProps === null || inputProps === void 0 ? void 0 : inputProps.variant) === 'dark';
     const shouldShowReset = enableReset && !disabled;
@@ -47,9 +43,20 @@ const OutlinedInput = forwardRef(function OutlinedInput(_a, ref) {
         !multiline && status === 'success' && (React.createElement(InputValidIconAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.validIcon })),
         userDefinedEndAdornment)) : (userDefinedEndAdornment);
     const divRef = useRef(null);
+    const controlRef = useRef(null);
     useImperativeHandle(ref, () => divRef.current, []);
-    const isError = Boolean(status === 'error');
-    const isWarning = Boolean(status === 'warning');
+    const setControlRef = useCallback((node) => {
+        controlRef.current = node;
+        if (typeof inputRef === 'function') {
+            inputRef(node);
+        }
+        else if (inputRef) {
+            const objectRef = inputRef;
+            objectRef.current = node;
+        }
+    }, [inputRef]);
+    const isError = status === 'error';
+    const isWarning = status === 'warning';
     const inputClassName = getInputClassName({
         size,
         disabled,
@@ -73,22 +80,25 @@ const OutlinedInput = forwardRef(function OutlinedInput(_a, ref) {
         isError,
         isWarning,
     });
-    const multilineProps = multiline
-        ? {
-            multiline: true,
-            // to keep the same behavior as in MUI@4
-            // rows: getRows(rows),
-            minRows: getRows(rows),
-            maxRows: getRows(rowsMax),
+    const computedInputClassName = twMerge(inputClassName, classes === null || classes === void 0 ? void 0 : classes.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className);
+    const ControlComponent = multiline
+        ? TextareaAutosize
+        : inputComponent !== null && inputComponent !== void 0 ? inputComponent : 'input';
+    const control = (React.createElement(ControlComponent, Object.assign({ "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete, id: id, name: name, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, readOnly: readOnly, required: required }, inputProps, { ref: setControlRef, className: computedInputClassName, type: type, "aria-invalid": isError, disabled: disabled, autoFocus: autoFocus, defaultValue: defaultValue, value: value, onChange: onChange }, (multiline && {
+        minRows: getRows(rows),
+        maxRows: getRows(rowsMax),
+    }))));
+    const handleRootClick = (event) => {
+        if (controlRef.current && event.currentTarget === event.target) {
+            controlRef.current.focus();
         }
-        : {};
-    return (React.createElement(Input, Object.assign({}, rest, { slots: { input: inputComponent, textarea: Textarea }, slotProps: {
-            root: {
-                ref: divRef,
-                className: twMerge(rootClassName, classes === null || classes === void 0 ? void 0 : classes.root, className),
-            },
-            input: Object.assign(Object.assign({}, inputProps), { ref: inputRef, className: twMerge(inputClassName, classes === null || classes === void 0 ? void 0 : classes.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), type, 'aria-invalid': isError }),
-        }, style: style, error: isError, defaultValue: defaultValue, value: value, startAdornment: startAdornment, endAdornment: endAdornment, autoFocus: autoFocus, onChange: onChange, disabled: disabled }, multilineProps)));
+        const onDivClick = onClick;
+        onDivClick === null || onDivClick === void 0 ? void 0 : onDivClick(event);
+    };
+    return (React.createElement("div", Object.assign({}, rootElementAttrs, { ref: divRef, className: twMerge(rootClassName, classes === null || classes === void 0 ? void 0 : classes.root, className), style: style, "data-testid": dataTestId, onClick: handleRootClick }),
+        startAdornment,
+        control,
+        endAdornment));
 });
 OutlinedInput.displayName = 'OutlinedInput';
 export default OutlinedInput;

package/dist-package/src/OutlinedInput/OutlinedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/OutlinedInput/stylesInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylesInput.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/stylesInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI9C,CAAA;AAED,eAAO,MAAM,gBAAgB;;cAOtB,MAAM,EAAE;;;CAGd,CAAA;AAED,eAAO,MAAM,iBAAiB,oDAK3B;IACD,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,sBAeA,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAG9B,CAAA;AAED,eAAO,MAAM,YAAY,UAaxB,CAAA;AAED,eAAO,MAAM,iBAAiB,iFAQ3B,OAAO,CAAC,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,8CAWlD,CAAA"}
+{"version":3,"file":"stylesInput.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/stylesInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAI9C,CAAA;AAED,eAAO,MAAM,gBAAgB;;cAOtB,MAAM,EAAE;;;CAGd,CAAA;AAED,eAAO,MAAM,iBAAiB,oDAK3B;IACD,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,sBAeA,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CAG9B,CAAA;AAED,eAAO,MAAM,YAAY,UAYxB,CAAA;AAED,eAAO,MAAM,iBAAiB,iFAQ3B,OAAO,CAAC,KAAK,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,8CAalD,CAAA"}

package/dist-package/src/OutlinedInput/stylesInput.js

@@ -42,7 +42,6 @@ export const inputClasses = [
     'p-0',
     'peer',
     'resize-none',
-    'resize-none',
     'w-full',
 ];
 export const getInputClassName = ({ size, disabled, isDark, multiline, multilineResizable, type, inputProps, }) => [
@@ -52,7 +51,9 @@ export const getInputClassName = ({ size, disabled, isDark, multiline, multiline
         isDark,
         disabled,
         type,
-        inputPropsDisabled: inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled,
+        // `inputProps` carries an index signature (`[k: string]: unknown`), so
+        // `disabled` reads as `unknown`; it is only used as a boolean flag below.
+        inputPropsDisabled: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled),
     }),
     isDark ? placeholderClasses.dark : placeholderClasses.default,
     multiline && multilineResizable && 'resize-y',

package/dist-package/src/OutlinedInput/stylesInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesInput.js","sourceRoot":"","sources":["../../../src/OutlinedInput/stylesInput.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAyB;IACjD,KAAK,EAAE,oBAAoB;IAC3B,MAAM,EAAE,mBAAmB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE;QACR,eAAe;QACf,qFAAqF;QACrF,wEAAwE;QACxE,4CAA4C;KACjC;IACb,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,YAAY;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,kBAAkB,GAMnB,EAAE,EAAE;IACH,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,gBAAgB,CAAC,IAAI,CAAA;IAC9B,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB,EAAE,CAAC;QAC1C,qCAAqC;QACrC,OAAO,gBAAgB,CAAC,UAAU,CAAA;IACpC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,gBAAgB,CAAC,QAAQ,CAAA;IAClC,CAAC;IAED,OAAO,gBAAgB,CAAC,OAAO,CAAA;AACjC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,CAAC,gCAAgC,EAAE,8BAA8B,CAAC;IAC3E,IAAI,EAAE,CAAC,6BAA6B,EAAE,iCAAiC,CAAC;CACzE,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,gDAAgD;IAChD,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,QAAQ;IACR,gBAAgB;IAChB,KAAK;IACL,MAAM;IACN,aAAa;IACb,aAAa;IACb,QAAQ;CACT,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,UAAU,GACuC,EAAE,EAAE,CAAC;IACtD,YAAY;IACZ,aAAa,CAAC,IAAI,CAAC;IACnB,iBAAiB,CAAC;QAChB,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,kBAAkB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ;KACzC,CAAC;IACF,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO;IAC7D,SAAS,IAAI,kBAAkB,IAAI,UAAU;CAC9C,CAAA"}
+{"version":3,"file":"stylesInput.js","sourceRoot":"","sources":["../../../src/OutlinedInput/stylesInput.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAyB;IACjD,KAAK,EAAE,oBAAoB;IAC3B,MAAM,EAAE,mBAAmB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE;QACR,eAAe;QACf,qFAAqF;QACrF,wEAAwE;QACxE,4CAA4C;KACjC;IACb,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,YAAY;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,kBAAkB,GAMnB,EAAE,EAAE;IACH,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,gBAAgB,CAAC,IAAI,CAAA;IAC9B,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,IAAI,kBAAkB,EAAE,CAAC;QAC1C,qCAAqC;QACrC,OAAO,gBAAgB,CAAC,UAAU,CAAA;IACpC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,gBAAgB,CAAC,QAAQ,CAAA;IAClC,CAAC;IAED,OAAO,gBAAgB,CAAC,OAAO,CAAA;AACjC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,CAAC,gCAAgC,EAAE,8BAA8B,CAAC;IAC3E,IAAI,EAAE,CAAC,6BAA6B,EAAE,iCAAiC,CAAC;CACzE,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,gDAAgD;IAChD,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,QAAQ;IACR,gBAAgB;IAChB,KAAK;IACL,MAAM;IACN,aAAa;IACb,QAAQ;CACT,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,UAAU,GACuC,EAAE,EAAE,CAAC;IACtD,YAAY;IACZ,aAAa,CAAC,IAAI,CAAC;IACnB,iBAAiB,CAAC;QAChB,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,uEAAuE;QACvE,0EAA0E;QAC1E,kBAAkB,EAAE,OAAO,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC;KAClD,CAAC;IACF,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO;IAC7D,SAAS,IAAI,kBAAkB,IAAI,UAAU;CAC9C,CAAA"}

package/dist-package/src/OutlinedInput/types.d.ts

@@ -1,6 +1,8 @@
-import type { ChangeEventHandler, ReactType, ReactNode, InputHTMLAttributes, MouseEvent } from 'react';
-import type { SizeType, BaseProps } from '@toptal/picasso-shared';
-import type { InputBaseComponentProps } from '@material-ui/core/InputBase';
+import type { ChangeEventHandler, ElementType, ReactNode, InputHTMLAttributes, HTMLAttributes, MouseEvent } from 'react';
+import type { SizeType, BaseProps, StandardProps } from '@toptal/picasso-shared';
+export interface InputBaseComponentProps extends HTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+    [arbitrary: string]: unknown;
+}
 export type WidthType = 'full' | 'shrink' | 'auto';
 export type Size = SizeType<'small' | 'medium' | 'large'>;
 export type ValueType = (string | number | boolean | object)[] | string | number | boolean | object;
@@ -12,7 +14,7 @@ export interface InputProps extends React.HTMLAttributes<HTMLInputElement>, Base
     size?: number | 'small' | 'medium' | 'large';
     multiple?: boolean | undefined;
 }
-export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'color'> {
+export interface Props extends Omit<StandardProps, 'classes'>, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'color'> {
     /** Classes for input and root */
     classes?: {
         input?: string;
@@ -20,7 +22,7 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
     };
     /** Width of the component */
     width?: WidthType;
-    inputComponent?: ReactType<InputBaseComponentProps>;
+    inputComponent?: ElementType<InputBaseComponentProps>;
     inputProps?: BaseInputProps;
     defaultValue?: ValueType;
     value?: ValueType;

package/dist-package/src/OutlinedInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/types.ts"],"names":[],"mappings":"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"}

package/dist-package/src/OutlinedInput/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,SAAU,MAAM,GAAG,MAAM,GAAG,SAAS,uBACI,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/OutlinedInput/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,SAAU,MAAM,GAAG,MAAM,GAAG,SAAS,uBAKxD,CAAA"}

package/dist-package/src/OutlinedInput/utils.js

@@ -1,2 +1,6 @@
-export const getRows = (rows) => typeof Number(rows) === 'number' ? Number(rows) : undefined;
+export const getRows = (rows) => {
+    // Number(undefined) is NaN; react-textarea-autosize needs undefined for "no constraint"
+    const parsed = Number(rows);
+    return Number.isNaN(parsed) ? undefined : parsed;
+};
 //# sourceMappingURL=utils.js.map

package/dist-package/src/OutlinedInput/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/OutlinedInput/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAiC,EAAE,EAAE,CAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/OutlinedInput/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAiC,EAAE,EAAE;IAC3D,wFAAwF;IACxF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE3B,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAA;AAClD,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-outlined-input",
-  "version": "5.1.1",
+  "version": "5.1.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
   "description": "Toptal UI components library - OutlinedInput",
   "publishConfig": {
     "access": "public"
@@ -18,26 +18,26 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@mui/base": "5.0.0-beta.58",
     "classnames": "^2.5.1",
-    "@toptal/picasso-button": "5.0.2",
-    "@toptal/picasso-input-adornment": "4.0.1",
-    "@toptal/picasso-icons": "1.15.3",
-    "@toptal/picasso-shared": "16.0.0",
-    "@toptal/picasso-utils": "4.0.1",
-    "@toptal/picasso-form": "7.0.2"
+    "react-textarea-autosize": "^8.5.9",
+    "@toptal/picasso-button": "5.0.3-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-icons": "1.15.4-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-input-adornment": "4.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-shared": "16.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-form": "7.0.3-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-utils": "4.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0"
   },
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-tailwind-merge": "^2.0.0",
-    "@toptal/picasso-tailwind": ">=2.5.0",
-    "react": ">=16.12.0 < 19.0.0"
+    "@toptal/picasso-tailwind-merge": "2.0.6-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "@toptal/picasso-tailwind": "4.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
+    "react": ">=16.12.0"
   },
   "devDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.5"
+    "@toptal/picasso-tailwind-merge": "2.0.6-alpha-pf-fix-alpha-release-ea13b5aca.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js",

package/src/OutlinedInput/OutlinedInput.tsx

@@ -1,5 +1,10 @@
 import type { MouseEvent } from 'react'
-import React, { forwardRef, useImperativeHandle, useRef } from 'react'
+import React, {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useRef,
+} from 'react'
 import {
   InputAdornment,
   InputValidIconAdornment,
@@ -8,11 +13,7 @@ import { ButtonCircular } from '@toptal/picasso-button'
 import { CloseMinor16 } from '@toptal/picasso-icons'
 import { noop } from '@toptal/picasso-utils'
 import { useFieldsLayoutContext } from '@toptal/picasso-form'
-import { Input, type InputOwnerState } from '@mui/base/Input'
-import {
-  TextareaAutosize,
-  type TextareaAutosizeProps,
-} from '@mui/base/TextareaAutosize'
+import TextareaAutosize from 'react-textarea-autosize'
 import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge'
 
 import { getRootClassName } from './stylesRoot'
@@ -56,32 +57,12 @@ const ResetButton = ({
       variant='flat'
       role='reset'
       onClick={onClick}
-      onMouseDown={(
-        event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>
-      ) => event.preventDefault()}
-      onFocus={(
-        event: React.FocusEvent<HTMLButtonElement | HTMLAnchorElement>
-      ) => event.stopPropagation()}
+      onMouseDown={event => event.preventDefault()}
+      onFocus={event => event.stopPropagation()}
     />
   </InputAdornment>
 )
 
-const Textarea = forwardRef<
-  HTMLTextAreaElement,
-  { ownerState: InputOwnerState } & TextareaAutosizeProps
->(
-  (
-    {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      ownerState,
-      ...rest
-    },
-    ref
-  ) => {
-    return <TextareaAutosize ref={ref} {...rest} />
-  }
-)
-
 const OutlinedInput = forwardRef<HTMLElement, Props>(function OutlinedInput(
   {
     width = 'auto',
@@ -96,6 +77,7 @@ const OutlinedInput = forwardRef<HTMLElement, Props>(function OutlinedInput(
   const {
     className,
     style,
+    'data-testid': dataTestId,
     multiline,
     multilineResizable,
     autoFocus,
@@ -115,9 +97,27 @@ const OutlinedInput = forwardRef<HTMLElement, Props>(function OutlinedInput(
     testIds,
     highlight,
     classes,
-    ...rest
+    onClick,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    children: _children,
+    'aria-describedby': ariaDescribedby,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby,
+    autoComplete,
+    id,
+    name,
+    onKeyDown,
+    onKeyUp,
+    onFocus,
+    onBlur,
+    placeholder,
+    readOnly,
+    required,
+    ...rootAttrs
   } = props
 
+  const rootElementAttrs = rootAttrs as React.HTMLAttributes<HTMLDivElement>
+
   const { layout } = useFieldsLayoutContext()
   const isDark = inputProps?.variant === 'dark'
   const shouldShowReset = enableReset && !disabled
@@ -142,11 +142,28 @@ const OutlinedInput = forwardRef<HTMLElement, Props>(function OutlinedInput(
   )
 
   const divRef = useRef<HTMLDivElement | null>(null)
+  const controlRef = useRef<HTMLElement | null>(null)
 
   useImperativeHandle(ref, () => divRef.current as HTMLElement, [])
 
-  const isError = Boolean(status === 'error')
-  const isWarning = Boolean(status === 'warning')
+  const setControlRef = useCallback(
+    (node: HTMLElement | null) => {
+      controlRef.current = node
+
+      if (typeof inputRef === 'function') {
+        inputRef(node as HTMLInputElement)
+      } else if (inputRef) {
+        const objectRef =
+          inputRef as React.MutableRefObject<HTMLInputElement | null>
+
+        objectRef.current = node as HTMLInputElement
+      }
+    },
+    [inputRef]
+  )
+
+  const isError = status === 'error'
+  const isWarning = status === 'warning'
 
   const inputClassName = getInputClassName({
     size,
@@ -173,49 +190,73 @@ const OutlinedInput = forwardRef<HTMLElement, Props>(function OutlinedInput(
     isWarning,
   })
 
-  const multilineProps = multiline
-    ? ({
-        multiline: true,
-        // to keep the same behavior as in MUI@4
-        // rows: getRows(rows),
-        minRows: getRows(rows),
-        maxRows: getRows(rowsMax),
-      } as const)
-    : {}
+  const computedInputClassName = twMerge(
+    inputClassName,
+    classes?.input,
+    inputProps?.className
+  )
 
-  return (
-    <Input
-      {...rest}
-      slots={{ input: inputComponent, textarea: Textarea }}
-      slotProps={{
-        root: {
-          ref: divRef,
-          className: twMerge(rootClassName, classes?.root, className),
-        },
-        input: {
-          ...inputProps,
-          ref: inputRef,
-          className: twMerge(
-            inputClassName,
-            classes?.input,
-            inputProps?.className
-          ),
-          type,
-          'aria-invalid': isError,
-        },
-      }}
-      style={style}
-      error={isError}
+  const ControlComponent: React.ElementType = multiline
+    ? TextareaAutosize
+    : inputComponent ?? 'input'
+
+  const control = (
+    <ControlComponent
+      aria-describedby={ariaDescribedby}
+      aria-label={ariaLabel}
+      aria-labelledby={ariaLabelledby}
+      autoComplete={autoComplete}
+      id={id}
+      name={name}
+      onKeyDown={onKeyDown}
+      onKeyUp={onKeyUp}
+      onFocus={onFocus}
+      onBlur={onBlur}
+      placeholder={placeholder}
+      readOnly={readOnly}
+      required={required}
+      {...inputProps}
+      ref={setControlRef}
+      className={computedInputClassName}
+      type={type}
+      aria-invalid={isError}
+      disabled={disabled}
+      autoFocus={autoFocus}
       defaultValue={defaultValue}
       value={value}
-      startAdornment={startAdornment}
-      endAdornment={endAdornment}
-      autoFocus={autoFocus}
       onChange={onChange}
-      disabled={disabled}
-      {...multilineProps}
+      {...(multiline && {
+        minRows: getRows(rows),
+        maxRows: getRows(rowsMax),
+      })}
     />
   )
+
+  const handleRootClick = (event: React.MouseEvent<HTMLDivElement>) => {
+    if (controlRef.current && event.currentTarget === event.target) {
+      controlRef.current.focus()
+    }
+    const onDivClick = onClick as
+      | React.MouseEventHandler<HTMLDivElement>
+      | undefined
+
+    onDivClick?.(event)
+  }
+
+  return (
+    <div
+      {...rootElementAttrs}
+      ref={divRef}
+      className={twMerge(rootClassName, classes?.root, className)}
+      style={style}
+      data-testid={dataTestId}
+      onClick={handleRootClick}
+    >
+      {startAdornment}
+      {control}
+      {endAdornment}
+    </div>
+  )
 })
 
 OutlinedInput.displayName = 'OutlinedInput'

package/src/OutlinedInput/stylesInput.ts

@@ -61,7 +61,6 @@ export const inputClasses = [
   'p-0',
   'peer',
   'resize-none',
-  'resize-none',
   'w-full',
 ]
 
@@ -80,7 +79,9 @@ export const getInputClassName = ({
     isDark,
     disabled,
     type,
-    inputPropsDisabled: inputProps?.disabled,
+    // `inputProps` carries an index signature (`[k: string]: unknown`), so
+    // `disabled` reads as `unknown`; it is only used as a boolean flag below.
+    inputPropsDisabled: Boolean(inputProps?.disabled),
   }),
   isDark ? placeholderClasses.dark : placeholderClasses.default,
   multiline && multilineResizable && 'resize-y',

package/src/OutlinedInput/types.ts

@@ -1,13 +1,23 @@
 import type {
   ChangeEventHandler,
-  ReactType,
+  ElementType,
   ReactNode,
   InputHTMLAttributes,
+  HTMLAttributes,
   MouseEvent,
 } from 'react'
-import type { SizeType, BaseProps } from '@toptal/picasso-shared'
-// TODO: replace with mui/base
-import type { InputBaseComponentProps } from '@material-ui/core/InputBase'
+import type { SizeType, BaseProps, StandardProps } from '@toptal/picasso-shared'
+
+// Mirrors @material-ui/core's `InputBaseComponentProps`: based on
+// `HTMLAttributes` (NOT `InputHTMLAttributes`) so it does not strictly type
+// `size` / `disabled` — consumers (e.g. Input) declare their own widened
+// `size` union, which an `InputHTMLAttributes`-based shape would reject.
+export interface InputBaseComponentProps
+  extends HTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+  // Accommodate arbitrary additional props forwarded to a custom `inputComponent`
+  // (e.g. NativeSelectInput's `IconComponent` / `multiple`).
+  [arbitrary: string]: unknown
+}
 
 export type WidthType = 'full' | 'shrink' | 'auto'
 
@@ -34,7 +44,7 @@ export interface InputProps
 }
 
 export interface Props
-  extends BaseProps,
+  extends Omit<StandardProps, 'classes'>,
     Omit<
       InputHTMLAttributes<HTMLInputElement>,
       'value' | 'defaultValue' | 'size' | 'color'
@@ -43,7 +53,7 @@ export interface Props
   classes?: { input?: string; root?: string }
   /** Width of the component */
   width?: WidthType
-  inputComponent?: ReactType<InputBaseComponentProps>
+  inputComponent?: ElementType<InputBaseComponentProps>
   inputProps?: BaseInputProps
   defaultValue?: ValueType
   value?: ValueType

package/src/OutlinedInput/utils.ts

@@ -1,2 +1,6 @@
-export const getRows = (rows: number | string | undefined) =>
-  typeof Number(rows) === 'number' ? Number(rows) : undefined
+export const getRows = (rows: number | string | undefined) => {
+  // Number(undefined) is NaN; react-textarea-autosize needs undefined for "no constraint"
+  const parsed = Number(rows)
+
+  return Number.isNaN(parsed) ? undefined : parsed
+}