New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@s-ui/react-atom-input

Package Overview
Dependencies
Maintainers
4
Versions
103
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 4.17.0 to 4.18.0

10

CHANGELOG.md

@@ -5,2 +5,12 @@ # Change Log

# 4.18.0 (2020-04-06)
### Features
* add max and min prop to atom inpu ([b75d1dd](https://github.com/SUI-Components/sui-components/commit/b75d1dd2bcf2bd90a89181d5b9350613577c41cd))
* add step prop ([083d560](https://github.com/SUI-Components/sui-components/commit/083d5603edb434c38a48da391ee4ecd18f913d77))
# 4.17.0 (2020-03-28)

@@ -7,0 +17,0 @@

6

lib/index.js

@@ -14,9 +14,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

case 'sui-password':
return /*#__PURE__*/React.createElement(Password, props);
return React.createElement(Password, props);
case 'mask':
return /*#__PURE__*/React.createElement(Mask, props);
return React.createElement(Mask, props);
default:
return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
return React.createElement(Input, Object.assign({}, props, {
type: type

@@ -23,0 +23,0 @@ }));

@@ -57,2 +57,5 @@ import React from 'react';

minLength = _ref2.minLength,
min = _ref2.min,
max = _ref2.max,
step = _ref2.step,
autoComplete = _ref2.autoComplete,

@@ -105,3 +108,3 @@ _ref2$onChange = _ref2.onChange,

});
return /*#__PURE__*/React.createElement("input", {
return React.createElement("input", {
className: className,

@@ -124,2 +127,5 @@ tabIndex: tabIndex,

minLength: minLength,
max: max,
min: min,
step: step,
autoComplete: autoComplete,

@@ -126,0 +132,0 @@ required: required,

@@ -23,13 +23,13 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

return leftAddon || rightAddon ? /*#__PURE__*/React.createElement("div", {
return leftAddon || rightAddon ? React.createElement("div", {
className: CLASS_ADDON_WRAPPER
}, leftAddon && /*#__PURE__*/React.createElement("span", {
}, leftAddon && React.createElement("span", {
className: getClassName({
type: TYPES.LEFT
})
}, leftAddon), /*#__PURE__*/React.createElement(WrappedInput, props), rightAddon && /*#__PURE__*/React.createElement("span", {
}, leftAddon), React.createElement(WrappedInput, props), rightAddon && React.createElement("span", {
className: getClassName({
type: TYPES.RIGHT
})
}, rightAddon)) : /*#__PURE__*/React.createElement(WrappedInput, props);
}, rightAddon)) : React.createElement(WrappedInput, props);
};

@@ -36,0 +36,0 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
import React from 'react';

@@ -32,4 +25,2 @@ import PropTypes from 'prop-types';

var _super = _createSuper(Icon);
function Icon() {

@@ -69,11 +60,11 @@ var _this;

return leftIcon || rightIcon ? /*#__PURE__*/React.createElement("div", {
return leftIcon || rightIcon ? React.createElement("div", {
className: cx(CLASS_ICON, (_cx = {}, _cx[CLASS_ICON_LEFT] = leftIcon, _cx[CLASS_ICON_RIGHT] = rightIcon, _cx))
}, leftIcon && /*#__PURE__*/React.createElement("span", {
}, leftIcon && React.createElement("span", {
className: cx(CLASS_ICON_COMPONENT, CLASS_ICON_COMPONENT_LEFT, (_cx2 = {}, _cx2[CLASS_ICON_COMPONENT_HANDLER] = onClickLeftIcon, _cx2)),
onClick: this.handleLeftClick
}, leftIcon), /*#__PURE__*/React.createElement(WrappedInput, props), rightIcon && /*#__PURE__*/React.createElement("span", {
}, leftIcon), React.createElement(WrappedInput, props), rightIcon && React.createElement("span", {
className: cx(CLASS_ICON_COMPONENT, CLASS_ICON_COMPONENT_RIGHT, (_cx3 = {}, _cx3[CLASS_ICON_COMPONENT_HANDLER] = onClickRightIcon, _cx3)),
onClick: this.handleRightClick
}, rightIcon)) : /*#__PURE__*/React.createElement(WrappedInput, props);
}, rightIcon)) : React.createElement(WrappedInput, props);
};

@@ -80,0 +71,0 @@

@@ -11,9 +11,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

return button ? /*#__PURE__*/React.createElement("div", {
return button ? React.createElement("div", {
className: BASE_CLASS
}, /*#__PURE__*/React.createElement("div", {
}, React.createElement("div", {
className: BASE_CLASS + "-input"
}, /*#__PURE__*/React.createElement(WrappedInput, props)), /*#__PURE__*/React.createElement("div", {
}, React.createElement(WrappedInput, props)), React.createElement("div", {
className: BASE_CLASS + "-button"
}, button)) : /*#__PURE__*/React.createElement(WrappedInput, props);
}, button)) : React.createElement(WrappedInput, props);
};

@@ -20,0 +20,0 @@

@@ -39,3 +39,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

return /*#__PURE__*/React.createElement(Input, Object.assign({
return React.createElement(Input, Object.assign({
id: name,

@@ -42,0 +42,0 @@ reference: refInput,

@@ -40,9 +40,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

return /*#__PURE__*/React.createElement("div", {
return React.createElement("div", {
className: CLASS_PASSWORD
}, /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
}, React.createElement(Input, Object.assign({}, props, {
onChange: handleChange,
value: value,
type: type
})), /*#__PURE__*/React.createElement("div", {
})), React.createElement("div", {
onClick: toggle,

@@ -49,0 +49,0 @@ className: CLASS_PASSWORD_TOGGLE_BUTTON

{
"name": "@s-ui/react-atom-input",
"version": "4.17.0",
"version": "4.18.0",
"description": "",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc