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
3
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 3.14.0 to 4.0.0

15

CHANGELOG.md

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

<a name="4.0.0"></a>
# 4.0.0 (2019-10-29)
### Features
* removal checkbox and radioButton input AND name notification in event handler ([4c2acf6](https://github.com/SUI-Components/sui-components/commit/4c2acf6))
### BREAKING CHANGES
* checkbox and radioButton removal
<a name="3.14.0"></a>

@@ -7,0 +22,0 @@ # 3.14.0 (2019-10-08)

4

lib/index.js

@@ -1,2 +0,2 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React from 'react';

@@ -10,3 +10,3 @@ import PropTypes from 'prop-types';

var type = _ref.type,
props = _objectWithoutPropertiesLoose(_ref, ["type"]);
props = _objectWithoutProperties(_ref, ["type"]);

@@ -13,0 +13,0 @@ switch (type) {

@@ -32,4 +32,3 @@ import React from 'react';

var Input = function Input(_ref2) {
var checked = _ref2.checked,
disabled = _ref2.disabled,
var disabled = _ref2.disabled,
readOnly = _ref2.readOnly,

@@ -58,5 +57,8 @@ hideInput = _ref2.hideInput,

var changeHandler = function changeHandler(ev) {
var value = ev.target.value;
var _ev$target = ev.target,
value = _ev$target.value,
name = _ev$target.name;
onChange(ev, {
value: value
value: value,
name: name
});

@@ -66,9 +68,13 @@ };

var handleKeyDown = function handleKeyDown(ev) {
var value = ev.target.value;
var _ev$target2 = ev.target,
value = _ev$target2.value,
name = _ev$target2.name;
var key = ev.key;
onKeyDown(ev, {
value: value
value: value,
name: name
});
if (key === onEnterKey) onEnter(ev, {
value: value
value: value,
name: name
});

@@ -88,3 +94,2 @@ };

tabIndex: tabIndex,
checked: checked,
disabled: disabled || readOnly,

@@ -91,0 +96,0 @@ readOnly: readOnly,

@@ -1,2 +0,2 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React from 'react';

@@ -21,3 +21,3 @@ import PropTypes from 'prop-types';

rightAddon = _ref2.rightAddon,
props = _objectWithoutPropertiesLoose(_ref2, ["leftAddon", "rightAddon"]);
props = _objectWithoutProperties(_ref2, ["leftAddon", "rightAddon"]);

@@ -24,0 +24,0 @@ return leftAddon || rightAddon ? React.createElement("div", {

@@ -1,3 +0,3 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
import React from 'react';

@@ -59,3 +59,3 @@ import PropTypes from 'prop-types';

onClickRightIcon = _this$props.onClickRightIcon,
props = _objectWithoutPropertiesLoose(_this$props, ["leftIcon", "rightIcon", "onClickLeftIcon", "onClickRightIcon"]);
props = _objectWithoutProperties(_this$props, ["leftIcon", "rightIcon", "onClickLeftIcon", "onClickRightIcon"]);

@@ -62,0 +62,0 @@ return leftIcon || rightIcon ? React.createElement("div", {

@@ -1,2 +0,3 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React, { useState, useEffect, useRef } from 'react';

@@ -10,7 +11,8 @@ import PropTypes from 'prop-types';

maskOptions = _ref.mask,
props = _objectWithoutPropertiesLoose(_ref, ["name", "onChange", "mask"]);
props = _objectWithoutProperties(_ref, ["name", "onChange", "mask"]);
var _useState = useState(null),
mask = _useState[0],
setMask = _useState[1];
_useState2 = _slicedToArray(_useState, 2),
mask = _useState2[0],
setMask = _useState2[1];

@@ -34,3 +36,3 @@ var refInput = useRef(null);

import('imask').then(function (_ref3) {
var IMask = _ref3.default;
var IMask = _ref3["default"];
setMask(new IMask(refInput.current, maskOptions));

@@ -37,0 +39,0 @@ });

@@ -1,2 +0,3 @@

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React, { useState } from 'react';

@@ -17,11 +18,13 @@ import PropTypes from 'prop-types';

pwHideLabel = _ref.pwHideLabel,
props = _objectWithoutPropertiesLoose(_ref, ["onChange", "pwShowLabel", "pwHideLabel"]);
props = _objectWithoutProperties(_ref, ["onChange", "pwShowLabel", "pwHideLabel"]);
var _useState = useState(PASSWORD),
type = _useState[0],
setType = _useState[1];
_useState2 = _slicedToArray(_useState, 2),
type = _useState2[0],
setType = _useState2[1];
var _useState2 = useState(''),
value = _useState2[0],
setValue = _useState2[1];
var _useState3 = useState(''),
_useState4 = _slicedToArray(_useState3, 2),
value = _useState4[0],
setValue = _useState4[1];

@@ -28,0 +31,0 @@ var toggle = function toggle() {

{
"name": "@s-ui/react-atom-input",
"version": "3.14.0",
"version": "4.0.0",
"description": "",

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

Sorry, the diff of this file is not supported yet

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