@moda/om 15.9.0 → 15.10.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [15.10.0](https://github.com/ModaOperandi/om/compare/v15.9.0...v15.10.0) (2021-10-12)
+
+
+### Features
+
+* **password-input:** forwarded the input ref ([#2069](https://github.com/ModaOperandi/om/issues/2069)) ([a015c01](https://github.com/ModaOperandi/om/commit/a015c0164c26ff5d243b7735f2a142b80a87dcb6))
+
 # [15.9.0](https://github.com/ModaOperandi/om/compare/v15.8.0...v15.9.0) (2021-09-30)
 
 

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -2,4 +2,6 @@ import React from 'react';
 import { FieldProps } from '../Field';
 import './PasswordInput.scss';
 export declare type PasswordInputProps = FieldProps;
-export declare const PasswordInput: React.FC<PasswordInputProps>;
+export declare const PasswordInput: React.ForwardRefExoticComponent<import("..").InputProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    children?: JSX.Element | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/index.cjs.js

@@ -4244,7 +4244,8 @@ var handleScroll = function handleScroll(axis, endTarget, event, sourceDelta, no
 
     target = target.parentNode;
   } while ( // portaled content
-  !targetInLock && target !== document.body || targetInLock && (endTarget.contains(target) || endTarget === target));
+  !targetInLock && target !== document.body || // self content
+  targetInLock && (endTarget.contains(target) || endTarget === target));
 
   if (isDeltaPositive && (noOverscroll && availableScroll === 0 || !noOverscroll && delta > availableScroll)) {
     shouldCancelScroll = true;
@@ -11582,7 +11583,7 @@ var VerticalDivider = function VerticalDivider(_ref) {
   }, rest));
 };
 
-var PasswordInput = function PasswordInput(_ref) {
+var PasswordInput = /*#__PURE__*/React$2.forwardRef(function (_ref, ref) {
   var rest = _extends$3({}, _ref);
 
   var _useState = React$2.useState(false),
@@ -11598,7 +11599,9 @@ var PasswordInput = function PasswordInput(_ref) {
     className: "PasswordInput"
   }, /*#__PURE__*/React__default["default"].createElement(Field, _extends$3({
     type: passwordShown ? 'text' : 'password'
-  }, rest)), /*#__PURE__*/React__default["default"].createElement(Clickable, {
+  }, rest, {
+    ref: ref
+  })), /*#__PURE__*/React__default["default"].createElement(Clickable, {
     className: "PasswordInput__password-action",
     onClick: togglePasswordVisiblity,
     type: "button"
@@ -11607,7 +11610,8 @@ var PasswordInput = function PasswordInput(_ref) {
   }, "HIDE") : /*#__PURE__*/React__default["default"].createElement(Text, {
     treatment: "eyebrow"
   }, "SHOW")));
-};
+});
+PasswordInput.displayName = 'PasswordInput';
 
 var isRenderProps = function isRenderProps(children) {
   return typeof children === 'function';