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

@s-ui/react-molecule-input-field

Package Overview
Dependencies
Maintainers
0
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@s-ui/react-molecule-input-field - npm Package Compare versions

Comparing version 4.7.0 to 4.8.0

LICENSE.md

6

lib/config.js
import { inputStates } from '@s-ui/react-atom-input';
export var getErrorState = function getErrorState(_ref) {
var successText = _ref.successText,
errorText = _ref.errorText;
errorText = _ref.errorText;
if (successText) return false;

@@ -10,4 +10,4 @@ if (errorText) return true;

var successText = _ref2.successText,
errorState = _ref2.errorState,
alertText = _ref2.alertText;
errorState = _ref2.errorState,
alertText = _ref2.alertText;
if (successText) return inputStates.SUCCESS;

@@ -14,0 +14,0 @@ if (errorState) return inputStates.ERROR;

@@ -9,19 +9,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import { jsx as _jsx } from "react/jsx-runtime";
var MoleculeInputField = function MoleculeInputField(_ref) {
var id = _ref.id,
label = _ref.label,
nodeLabel = _ref.nodeLabel,
successText = _ref.successText,
errorText = _ref.errorText,
alertText = _ref.alertText,
helpText = _ref.helpText,
_ref$autoHideHelpText = _ref.autoHideHelpText,
autoHideHelpText = _ref$autoHideHelpText === void 0 ? false : _ref$autoHideHelpText,
inline = _ref.inline,
onChange = _ref.onChange,
useContrastLabel = _ref.useContrastLabel,
fullWidth = _ref.fullWidth,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
label = _ref.label,
nodeLabel = _ref.nodeLabel,
successText = _ref.successText,
errorText = _ref.errorText,
alertText = _ref.alertText,
helpText = _ref.helpText,
_ref$autoHideHelpText = _ref.autoHideHelpText,
autoHideHelpText = _ref$autoHideHelpText === void 0 ? false : _ref$autoHideHelpText,
inline = _ref.inline,
onChange = _ref.onChange,
useContrastLabel = _ref.useContrastLabel,
fullWidth = _ref.fullWidth,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
var errorState = getErrorState({

@@ -58,4 +56,3 @@ successText: successText,

};
MoleculeInputField.displayName = 'MoleculeInputField';
export default MoleculeInputField;
{
"name": "@s-ui/react-molecule-input-field",
"version": "4.7.0",
"version": "4.8.0",
"description": "",
"publishConfig": {
"access": "public"
},
"keywords": [
"@s-ui",
"react",
"component",
"molecule",
"inputField"
],
"main": "lib/index.js",

@@ -18,5 +28,17 @@ "scripts": {

},
"keywords": [],
"author": "",
"repository": {
"type": "git",
"url": "https://github.com/SUI-Components/sui-components",
"directory": "components/molecule/inputField"
},
"config": {
"title": "inputField",
"category": "molecule",
"type": "components"
},
"bugs": {
"url": "https://github.com/SUI-Components/sui-components/issues?q=is%3Aopen+label%3A%22Component%3A+inputField%22"
},
"homepage": "https://sui-components.vercel.app/",
"license": "MIT"
}
# MoleculeInputField
`MoleculeInputField` is a component that wraps a composition of Label + Textarea + Validation Messages.
`MoleculeInputField` is a component that wraps a composition of Label + Textarea + Validations Messages.
[![documentation](https://img.shields.io/badge/read%20the%20doc-black?logo=readthedocs)](https://sui-components.vercel.app/workbench/molecule/inputField/)
[![issue](https://img.shields.io/badge/report%20a%20bug-black?logo=openbugbounty&logoColor=red)](https://github.com/SUI-Components/sui-components/issues/new?&projects=4&template=bug-report.yml&assignees=&template=report-a-bug.yml&title=🪲+&labels=bug,component,molecule,inputField)
[![npm](https://img.shields.io/npm/dt/%40s-ui/react-molecule-input-field?logo=npm&labelColor=black)](https://www.npmjs.com/package/@s-ui/react-molecule-input-field)
[![Issues open](https://img.shields.io/github/issues-search/SUI-Components/sui-components?query=is%3Aopen%20label%3Acomponent%20label%3AinputField&logo=openbugbounty&logoColor=red&label=issues%20open&color=red)](https://github.com/SUI-Components/sui-components/issues?q=is%3Aopen+label%3Acomponent+label%3AinputField)
[![NPM](https://img.shields.io/npm/l/%40s-ui%2Freact-molecule-input-field)](https://github.com/SUI-Components/sui-components/blob/main/components/molecule/inputField/LICENSE.md)

@@ -7,0 +12,0 @@ ## Installation

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