@commercetools-uikit/text-input - npm Package Compare versions

Comparing version 0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f to 0.0.0-canary-202010215528

dist/text-input.cjs.js

@@ -5,11 +5,15 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var PropTypes = _interopDefault(require('prop-types'));
-var requiredIf = _interopDefault(require('react-required-if'));
+var PropTypes = require('prop-types');
+var requiredIf = require('react-required-if');
 var utils = require('@commercetools-uikit/utils');
-var Constraints = _interopDefault(require('@commercetools-uikit/constraints'));
+var Constraints = require('@commercetools-uikit/constraints');
 var core = require('@emotion/core');
 var designSystem = require('@commercetools-uikit/design-system');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var requiredIf__default = /*#__PURE__*/_interopDefaultLegacy(requiredIf);
+var Constraints__default = /*#__PURE__*/_interopDefaultLegacy(Constraints);
+
 function _defineProperty(obj, key, value) {
@@ -84,4 +88,4 @@ if (key in obj) {
   var overwrittenVars = _objectSpread2(_objectSpread2({}, designSystem.customProperties), theme);
-  var baseStyles = core.css("appearance:none;background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designSystem.designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designSystem.designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designSystem.designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenFocused], ";}");
-  if (props.isDisabled) {
+  var baseStyles = core.css("appearance:none;background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designSystem.designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designSystem.designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ",box-shadow ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designSystem.designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", overwrittenVars[designSystem.designTokens.borderColorForInputWhenFocused], ";}");
+  if (props.isDisabled || props.disabled) {
     return [baseStyles, core.css("background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
@@ -95,3 +99,3 @@ }
   }
-  if (props.isReadOnly) {
+  if (props.isReadOnly || props.readOnly) {
     return [baseStyles, core.css("border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
@@ -103,3 +107,3 @@ }
 var TextInput = function TextInput(props) {
-  return core.jsx(Constraints.Horizontal, {
+  return core.jsx(Constraints__default['default'].Horizontal, {
     constraint: props.horizontalConstraint
@@ -131,19 +135,19 @@ }, core.jsx("input", _extends({
 TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  autoComplete: PropTypes.string,
-  className: PropTypes.string,
-  id: PropTypes.string,
-  name: PropTypes.string,
-  value: PropTypes.string.isRequired,
-  onChange: requiredIf(PropTypes.func, function (props) {
+  id: PropTypes__default['default'].string,
+  autoComplete: PropTypes__default['default'].string,
+  className: PropTypes__default['default'].string,
+  name: PropTypes__default['default'].string,
+  value: PropTypes__default['default'].string.isRequired,
+  onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
     return !props.isReadOnly;
   }),
-  onBlur: PropTypes.func,
-  onFocus: PropTypes.func,
-  isAutofocussed: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  hasError: PropTypes.bool,
-  hasWarning: PropTypes.bool,
-  placeholder: PropTypes.string,
-  horizontalConstraint: PropTypes.oneOf(['s', 'm', 'l', 'xl', 'scale'])
+  onBlur: PropTypes__default['default'].func,
+  onFocus: PropTypes__default['default'].func,
+  isAutofocussed: PropTypes__default['default'].bool,
+  isDisabled: PropTypes__default['default'].bool,
+  isReadOnly: PropTypes__default['default'].bool,
+  hasError: PropTypes__default['default'].bool,
+  hasWarning: PropTypes__default['default'].bool,
+  placeholder: PropTypes__default['default'].string,
+  horizontalConstraint: PropTypes__default['default'].oneOf(['s', 'm', 'l', 'xl', 'scale'])
 } : {};
@@ -157,5 +161,5 @@ TextInput.defaultProps = {
 
-var version = '0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f';
+var version = '0.0.0-canary-202010215528';
 
 exports.default = TextInput;
 exports.version = version;

dist/text-input.esm.js

@@ -6,3 +6,3 @@ import PropTypes from 'prop-types';
 import { css, jsx } from '@emotion/core';
-import { designTokens, customProperties } from '@commercetools-uikit/design-system';
+import { customProperties, designTokens } from '@commercetools-uikit/design-system';
 
@@ -78,4 +78,4 @@ function _defineProperty(obj, key, value) {
   var overwrittenVars = _objectSpread2(_objectSpread2({}, customProperties), theme);
-  var baseStyles = css("appearance:none;background-color:", overwrittenVars[designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designTokens.borderColorForInputWhenFocused], ";}");
-  if (props.isDisabled) {
+  var baseStyles = css("appearance:none;background-color:", overwrittenVars[designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ",box-shadow ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designTokens.placeholderFontColorForInput], ";}:active,:focus,:hover:not(:disabled):not(:read-only){border-color:", overwrittenVars[designTokens.borderColorForInputWhenFocused], ";}:focus{box-shadow:inset 0 0 0 2px ", overwrittenVars[designTokens.borderColorForInputWhenFocused], ";}");
+  if (props.isDisabled || props.disabled) {
     return [baseStyles, css("background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
@@ -89,3 +89,3 @@ }
   }
-  if (props.isReadOnly) {
+  if (props.isReadOnly || props.readOnly) {
     return [baseStyles, css("border-color:", overwrittenVars[designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
@@ -124,5 +124,5 @@ }
 TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: PropTypes.string,
   autoComplete: PropTypes.string,
   className: PropTypes.string,
-  id: PropTypes.string,
   name: PropTypes.string,
@@ -150,5 +150,5 @@ value: PropTypes.string.isRequired,
 
-var version = '0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f';
+var version = '0.0.0-canary-202010215528';
 
 export default TextInput;
 export { version };

package.json

 {
   "name": "@commercetools-uikit/text-input",
-  "version": "0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f",
-  "description": "",
-  "main": "dist/text-input.cjs.js",
-  "module": "dist/text-input.esm.js",
+  "description": "A controlled text input component for single-line strings with validation states.",
+  "version": "0.0.0-canary-202010215528",
+  "bugs": "https://github.com/commercetools/ui-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/ui-kit.git",
+    "directory": "packages/components/inputs/text-input"
+  },
+  "homepage": "https://uikit.commercetools.com",
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
+  "license": "MIT",
   "private": false,
@@ -11,18 +23,18 @@ "publishConfig": {
   },
+  "sideEffects": false,
+  "main": "dist/text-input.cjs.js",
+  "module": "dist/text-input.esm.js",
+  "files": ["dist"],
   "scripts": {
     "prepare": "../../../../scripts/version.js replace",
     "prebuild": "rimraf dist",
-    "build": "cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./index.js"
+    "build": "cross-env NODE_ENV=production rollup -c ../../../../rollup.config.js -i ./index.js",
+    "generate-readme": "generate-readme ."
   },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "license": "MIT",
   "dependencies": {
-    "@commercetools-uikit/constraints": "0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f",
-    "@commercetools-uikit/design-system": "0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f",
-    "@commercetools-uikit/utils": "0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f",
-    "@emotion/core": "10.0.28",
-    "@emotion/styled": "10.0.27",
+    "@commercetools-uikit/constraints": "0.0.0-canary-202010215528",
+    "@commercetools-uikit/design-system": "0.0.0-canary-202010215528",
+    "@commercetools-uikit/utils": "0.0.0-canary-202010215528",
+    "@emotion/core": "^10.0.34",
+    "@emotion/styled": "^10.0.27",
     "prop-types": "15.7.2",
@@ -33,4 +45,3 @@ "react-required-if": "1.0.3"
     "react": ">= 16.8.0"
-  },
-  "gitHead": "5f63d3ebfe81e02c4166958386725a1bd10f79b2"
+  }
 }

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24080

increased by68.22%

Number of package files

6

increased by50%

Lines of code

282

increased by1.44%

Number of low quality alerts

1

decreased by-50%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

82

increased byInfinity%

Number of low supply chain risk alerts

2

decreased by-33.33%

Dependency changes

• + Added@commercetools-uikit/constraints@0.0.0-canary-202010215528(transitive)

• + Added@commercetools-uikit/design-system@0.0.0-canary-202010215528(transitive)

• + Added@commercetools-uikit/utils@0.0.0-canary-202010215528(transitive)

• + Added@emotion/core@10.3.1(transitive)

• + Added@emotion/styled@10.3.0(transitive)

• - Removed@commercetools-uikit/constraints@0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f(transitive)

• - Removed@commercetools-uikit/design-system@0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f(transitive)

• - Removed@commercetools-uikit/utils@0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f(transitive)

• - Removed@emotion/core@10.0.28(transitive)

• - Removed@emotion/styled@10.0.27(transitive)

• Updated@commercetools-uikit/constraints@0.0.0-canary-202010215528

• Updated@commercetools-uikit/design-system@0.0.0-canary-202010215528

• Updated@commercetools-uikit/utils@0.0.0-canary-202010215528

• Updated@emotion/core@^10.0.34

• Updated@emotion/styled@^10.0.27