@s-ui/react-atom-input - npm Package Compare versions

Comparing version 5.5.0 to 5.6.0

CHANGELOG.md

 # CHANGELOG
 
+# 5.6.0 (2021-09-29)
+
+
+### Features
+
+* **components/atom/input:** remove HoC ([7c20d78](https://github.com/SUI-Components/sui-components/commit/7c20d78ef74649c4df61f4a0c38a7d6861fd7712))
+
+
+
 # 5.5.0 (2021-09-20)
@@ -4,0 +13,0 @@

lib/Input/Component/index.js

@@ -0,6 +1,7 @@
+import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
+import useMergeRefs from '@s-ui/react-hooks/lib/useMergeRefs';
 import { SIZES, INPUT_STATES, noop, getClassNames } from '../../config';
 import { jsx as _jsx } from "react/jsx-runtime";
-
-var Input = function Input(_ref) {
+var Input = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var disabled = _ref.disabled,
@@ -93,3 +94,3 @@ readOnly = _ref.readOnly,
     placeholder: placeholder,
-    ref: reference,
+    ref: useMergeRefs.apply(void 0, [reference, forwardedRef].filter(Boolean)),
     type: type,
@@ -110,5 +111,4 @@ value: value,
   });
-};
-
+});
 export default Input;
 export { SIZES as inputSizes, INPUT_STATES as inputStates };

lib/Input/index.js

@@ -1,6 +0,40 @@
-import withAddons from './HOC/withAddons';
-import withIcons from './HOC/withIcons';
-import withButton from './HOC/withButton';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["button", "leftAddon", "rightAddon", "leftIcon", "rightIcon", "children", "onClickLeftIcon", "onClickRightIcon"];
+import { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import InputButton from './Wrappers/Button/InputButton';
+import InputAddons from './Wrappers/Addons/InputAddons';
+import InputIcons from './Wrappers/Icons/InputIcons';
 import Input, { inputStates, inputSizes } from './Component';
-export default withButton(withAddons(withIcons(Input)));
-export { inputSizes, inputStates };
+import { jsx as _jsx } from "react/jsx-runtime";
+var BaseInput = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var button = _ref.button,
+      leftAddon = _ref.leftAddon,
+      rightAddon = _ref.rightAddon,
+      leftIcon = _ref.leftIcon,
+      rightIcon = _ref.rightIcon,
+      children = _ref.children,
+      onClickLeftIcon = _ref.onClickLeftIcon,
+      onClickRightIcon = _ref.onClickRightIcon,
+      inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(InputButton, {
+    button: button,
+    children: /*#__PURE__*/_jsx(InputAddons, {
+      leftAddon: leftAddon,
+      rightAddon: rightAddon,
+      children: /*#__PURE__*/_jsx(InputIcons, {
+        leftIcon: leftIcon,
+        rightIcon: rightIcon,
+        onClickLeftIcon: onClickLeftIcon,
+        onClickRightIcon: onClickRightIcon,
+        children: /*#__PURE__*/_jsx(Input, _extends({
+          ref: forwardedRef
+        }, inputProps))
+      })
+    })
+  });
+});
+export default BaseInput;
+export { inputSizes, inputStates, BaseInput };

package.json

 {
   "name": "@s-ui/react-atom-input",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "",
@@ -12,2 +12,3 @@ "main": "lib/index.js",
   "dependencies": {
+    "@s-ui/react-hooks": "1",
     "imask": "3.4.0"
@@ -14,0 +15,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

52800

increased by1.12%

Lines of code

407

increased by6.82%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Added@s-ui/react-hooks@1

• + Added@s-ui/react-hooks@1.38.0(transitive)

• + Addedintersection-observer@0.10.0(transitive)