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

@flexcodelabs/input

Package Overview
Dependencies
Maintainers
3
Versions
4
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@flexcodelabs/input - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

2

CHANGELOG.md

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

# 0.1.4
* fix and updating new release publish workflow
# 0.1.3

@@ -2,0 +4,0 @@ * new release to test workflow

12

lib/cjs/index.js

@@ -39,5 +39,5 @@ "use strict";

var Input = function (_a) {
var label = _a.label, disabled = _a.disabled, _b = _a.autoComplete, autoComplete = _b === void 0 ? "" : _b, inputClass = _a.inputClass, inputStyle = _a.inputStyle, success = _a.success, value = _a.value, name = _a.name, _c = _a.error, error = _c === void 0 ? "" : _c, onChange = _a.onChange, type = _a.type, required = _a.required, _d = _a.showLabel, showLabel = _d === void 0 ? true : _d, textarea = _a.textarea, inputMode = _a.inputMode, placeholder = _a.placeholder, showIcon = _a.showIcon, hideIcon = _a.hideIcon, className = _a.className, style = _a.style;
var _e = (0, react_1.useState)(!!value), isFocused = _e[0], setFocused = _e[1];
var _f = (0, react_1.useState)(!!type), isPassword = _f[0], setPassword = _f[1];
var label = _a.label, disabled = _a.disabled, _b = _a.autoComplete, autoComplete = _b === void 0 ? "" : _b, inputClass = _a.inputClass, inputStyle = _a.inputStyle, success = _a.success, value = _a.value, name = _a.name, _c = _a.error, error = _c === void 0 ? "" : _c, onChange = _a.onChange, type = _a.type, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.showLabel, showLabel = _e === void 0 ? true : _e, textarea = _a.textarea, inputMode = _a.inputMode, placeholder = _a.placeholder, showIcon = _a.showIcon, hideIcon = _a.hideIcon, className = _a.className, style = _a.style;
var _f = (0, react_1.useState)(!!value), isFocused = _f[0], setFocused = _f[1];
var _g = (0, react_1.useState)(!!type), isPassword = _g[0], setPassword = _g[1];
return (react_1.default.createElement("div", { className: "field-group ".concat(className), style: __assign({}, style) },

@@ -48,6 +48,4 @@ react_1.default.createElement("div", { className: "input-group", style: {

label && showLabel && (react_1.default.createElement("label", { className: isFocused || value ? "label-focused" : "label", htmlFor: name }, label)),
!textarea && (react_1.default.createElement("input", { id: name, inputMode: inputMode !== null && inputMode !== void 0 ? inputMode : "text", type: type === "password" ? (isPassword ? "password" : "text") : type, name: name, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, placeholder: placeholder, style: {
paddingRight: type === "password" ? "50px" : "",
}, required: required })),
textarea && (react_1.default.createElement("textarea", { id: name, name: name, placeholder: placeholder, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " custom-scroll-bar ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, style: __assign({ paddingRight: "1rem" }, inputStyle), required: required })),
!textarea && (react_1.default.createElement("input", { id: name, inputMode: inputMode !== null && inputMode !== void 0 ? inputMode : "text", type: type === "password" ? (isPassword ? "password" : "text") : type, name: name, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, placeholder: placeholder, style: __assign({}, inputStyle), required: required })),
textarea && (react_1.default.createElement("textarea", { id: name, name: name, placeholder: placeholder, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " custom-scroll-bar ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, style: __assign({}, inputStyle), required: required })),
type === "password" && value && (react_1.default.createElement("div", { className: "toggle-password p-a right-0" },

@@ -54,0 +52,0 @@ react_1.default.createElement("button", { onClick: function () { return setPassword(!isPassword); }, type: "button", className: "".concat(isPassword ? "password-hidden" : "password-visible") }, isPassword ? showIcon !== null && showIcon !== void 0 ? showIcon : "show" : hideIcon !== null && hideIcon !== void 0 ? hideIcon : "hide")))),

12

lib/esm/index.js

@@ -14,5 +14,5 @@ var __assign = (this && this.__assign) || function () {

var Input = function (_a) {
var label = _a.label, disabled = _a.disabled, _b = _a.autoComplete, autoComplete = _b === void 0 ? "" : _b, inputClass = _a.inputClass, inputStyle = _a.inputStyle, success = _a.success, value = _a.value, name = _a.name, _c = _a.error, error = _c === void 0 ? "" : _c, onChange = _a.onChange, type = _a.type, required = _a.required, _d = _a.showLabel, showLabel = _d === void 0 ? true : _d, textarea = _a.textarea, inputMode = _a.inputMode, placeholder = _a.placeholder, showIcon = _a.showIcon, hideIcon = _a.hideIcon, className = _a.className, style = _a.style;
var _e = useState(!!value), isFocused = _e[0], setFocused = _e[1];
var _f = useState(!!type), isPassword = _f[0], setPassword = _f[1];
var label = _a.label, disabled = _a.disabled, _b = _a.autoComplete, autoComplete = _b === void 0 ? "" : _b, inputClass = _a.inputClass, inputStyle = _a.inputStyle, success = _a.success, value = _a.value, name = _a.name, _c = _a.error, error = _c === void 0 ? "" : _c, onChange = _a.onChange, type = _a.type, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.showLabel, showLabel = _e === void 0 ? true : _e, textarea = _a.textarea, inputMode = _a.inputMode, placeholder = _a.placeholder, showIcon = _a.showIcon, hideIcon = _a.hideIcon, className = _a.className, style = _a.style;
var _f = useState(!!value), isFocused = _f[0], setFocused = _f[1];
var _g = useState(!!type), isPassword = _g[0], setPassword = _g[1];
return (React.createElement("div", { className: "field-group ".concat(className), style: __assign({}, style) },

@@ -23,6 +23,4 @@ React.createElement("div", { className: "input-group", style: {

label && showLabel && (React.createElement("label", { className: isFocused || value ? "label-focused" : "label", htmlFor: name }, label)),
!textarea && (React.createElement("input", { id: name, inputMode: inputMode !== null && inputMode !== void 0 ? inputMode : "text", type: type === "password" ? (isPassword ? "password" : "text") : type, name: name, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, placeholder: placeholder, style: {
paddingRight: type === "password" ? "50px" : "",
}, required: required })),
textarea && (React.createElement("textarea", { id: name, name: name, placeholder: placeholder, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " custom-scroll-bar ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, style: __assign({ paddingRight: "1rem" }, inputStyle), required: required })),
!textarea && (React.createElement("input", { id: name, inputMode: inputMode !== null && inputMode !== void 0 ? inputMode : "text", type: type === "password" ? (isPassword ? "password" : "text") : type, name: name, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, placeholder: placeholder, style: __assign({}, inputStyle), required: required })),
textarea && (React.createElement("textarea", { id: name, name: name, placeholder: placeholder, disabled: disabled, className: "".concat(error && "error", " ").concat(success && "success", " custom-scroll-bar ").concat(inputClass, " "), onChange: onChange, autoComplete: autoComplete, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, value: value, style: __assign({}, inputStyle), required: required })),
type === "password" && value && (React.createElement("div", { className: "toggle-password p-a right-0" },

@@ -29,0 +27,0 @@ React.createElement("button", { onClick: function () { return setPassword(!isPassword); }, type: "button", className: "".concat(isPassword ? "password-hidden" : "password-visible") }, isPassword ? showIcon !== null && showIcon !== void 0 ? showIcon : "show" : hideIcon !== null && hideIcon !== void 0 ? hideIcon : "hide")))),

2

package.json
{
"name": "@flexcodelabs/input",
"version": "0.1.3",
"version": "0.1.4",
"description": "",

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

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc