@4c/layout - npm Package Compare versions

Comparing version 2.0.5 to 2.0.6

es/index.js

@@ -87,3 +87,3 @@ import "./Layout.css";
 
-const Block = React.forwardRef((_ref, ref) => {
+const Block = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
@@ -106,5 +106,5 @@ as: Component,
 
-  return React.createElement(Component, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
-    style: _extends({}, style, {
+    style: Object.assign({}, style, {
       '--fcl-d': inline ? 'inline-block' : 'block',
@@ -120,3 +120,3 @@ '--fcl-as': alignSelf || 'initial',
 Block.defaultProps = defaultProps;
-const Flex = React.forwardRef((_ref2, ref) => {
+const Flex = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
@@ -146,5 +146,5 @@ as: Component,
 
-  return React.createElement(Component, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
     ref: ref,
-    style: _extends({}, style, {
+    style: Object.assign({}, style, {
       '--fcl-d': inline ? 'inline-flex' : 'flex',
@@ -164,3 +164,3 @@ '--fcl-a': align || 'initial',
 Flex.defaultProps = defaultProps;
-const Layout = React.forwardRef((_ref3, ref) => {
+const Layout = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
@@ -175,3 +175,3 @@ display
 Layout.displayName = 'Layout';
-Layout.propTypes = _extends({}, propTypes, {
+Layout.propTypes = Object.assign({}, propTypes, {
   display: PropTypes.oneOf(['flex', 'block'])
@@ -183,3 +183,3 @@ });
 
-Layout.Spacer = () => React.createElement("div", {
+Layout.Spacer = () => /*#__PURE__*/React.createElement("div", {
   className: styles.spacer
@@ -186,0 +186,0 @@ });

lib/index.js

@@ -5,8 +5,12 @@ "use strict";
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
 
-var classNames = _interopDefault(require('classnames'));
-var PropTypes = _interopDefault(require('prop-types'));
-var React = _interopDefault(require('react'));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 function _extends() {
@@ -71,12 +75,12 @@ _extends = Object.assign || function (target) {
 
-const align = PropTypes.oneOf(['start', 'end', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline', 'first-baseline', 'last-baseline']);
-const content = PropTypes.oneOf(['left', 'right', 'flex-start', 'flex-end', 'center', 'baseline', 'first-baseline', 'last-baseline', 'space-between', 'space-around', 'space-evenly']);
+const align = PropTypes__default['default'].oneOf(['start', 'end', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline', 'first-baseline', 'last-baseline']);
+const content = PropTypes__default['default'].oneOf(['left', 'right', 'flex-start', 'flex-end', 'center', 'baseline', 'first-baseline', 'last-baseline', 'space-between', 'space-around', 'space-evenly']);
 const propTypes = {
-  as: PropTypes.elementType.isRequired,
-  direction: PropTypes.oneOf(['row', 'column']).isRequired,
-  pad: PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string]),
-  wrap: PropTypes.bool,
-  grow: PropTypes.bool,
-  inline: PropTypes.bool,
-  flex: PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.string]),
+  as: PropTypes__default['default'].elementType.isRequired,
+  direction: PropTypes__default['default'].oneOf(['row', 'column']).isRequired,
+  pad: PropTypes__default['default'].oneOfType([PropTypes__default['default'].bool, PropTypes__default['default'].number, PropTypes__default['default'].string]),
+  wrap: PropTypes__default['default'].bool,
+  grow: PropTypes__default['default'].bool,
+  inline: PropTypes__default['default'].bool,
+  flex: PropTypes__default['default'].oneOfType([PropTypes__default['default'].bool, PropTypes__default['default'].number, PropTypes__default['default'].string]),
   align: align.isRequired,
@@ -94,3 +98,3 @@ alignSelf: align,
 
-const Block = React.forwardRef((_ref, ref) => {
+const Block = /*#__PURE__*/React__default['default'].forwardRef((_ref, ref) => {
   let {
@@ -113,5 +117,5 @@ as: Component,
 
-  return React.createElement(Component, Object.assign({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
     ref: ref,
-    style: _extends({}, style, {
+    style: Object.assign({}, style, {
       '--fcl-d': inline ? 'inline-block' : 'block',
@@ -121,3 +125,3 @@ '--fcl-as': alignSelf || 'initial',
     }),
-    className: classNames(className, styles.layout)
+    className: classNames__default['default'](className, styles.layout)
   }));
@@ -128,3 +132,3 @@ });
 Block.defaultProps = defaultProps;
-const Flex = React.forwardRef((_ref2, ref) => {
+const Flex = /*#__PURE__*/React__default['default'].forwardRef((_ref2, ref) => {
   let {
@@ -154,5 +158,5 @@ as: Component,
 
-  return React.createElement(Component, Object.assign({}, props, {
+  return /*#__PURE__*/React__default['default'].createElement(Component, _extends({}, props, {
     ref: ref,
-    style: _extends({}, style, {
+    style: Object.assign({}, style, {
       '--fcl-d': inline ? 'inline-flex' : 'flex',
@@ -166,3 +170,3 @@ '--fcl-a': align || 'initial',
     }),
-    className: classNames(className, styles.layout, direction && styles[direction], reverse && styles.reverse, pad != null && styles[`pad-${pad === true ? '3' : pad}`], wrap && styles.wrap)
+    className: classNames__default['default'](className, styles.layout, direction && styles[direction], reverse && styles.reverse, pad != null && styles[`pad-${pad === true ? '3' : pad}`], wrap && styles.wrap)
   }), props.children);
@@ -173,3 +177,3 @@ });
 Flex.defaultProps = defaultProps;
-const Layout = React.forwardRef((_ref3, ref) => {
+const Layout = /*#__PURE__*/React__default['default'].forwardRef((_ref3, ref) => {
   let {
@@ -184,4 +188,4 @@ display
 Layout.displayName = 'Layout';
-Layout.propTypes = _extends({}, propTypes, {
-  display: PropTypes.oneOf(['flex', 'block'])
+Layout.propTypes = Object.assign({}, propTypes, {
+  display: PropTypes__default['default'].oneOf(['flex', 'block'])
 });
@@ -192,3 +196,3 @@ Layout.defaultProps = defaultProps;
 
-Layout.Spacer = () => React.createElement("div", {
+Layout.Spacer = () => /*#__PURE__*/React__default['default'].createElement("div", {
   className: styles.spacer
@@ -195,0 +199,0 @@ });

lib/tsconfig.json

@@ -7,7 +7,3 @@ {
     "module": "commonjs",
-    "noImplicitAny": true,
-    "noImplicitThis": true,
     "strict": true,
-    "strictNullChecks": true,
-    "strictFunctionTypes": true,
     "types": [],
@@ -14,0 +10,0 @@ "noEmit": true,

package.json

 {
   "name": "@4c/layout",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "files": [
@@ -50,3 +50,3 @@ "lib",
   "dependencies": {
-    "@types/react": "^16.8.12",
+    "@types/react": ">=16.8.12",
     "classnames": "^2.2.6",
@@ -56,33 +56,33 @@ "prop-types": "^15.7.2"
   "peerDependencies": {
-    "react": "^16.4.1"
+    "react": ">=16.4.1"
   },
   "devDependencies": {
-    "@4c/babel-preset": "^7.3.2",
-    "@4c/semantic-release-config": "^2.0.5",
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.8.4",
+    "@4c/babel-preset": "^8.0.3",
+    "@4c/semantic-release-config": "^2.0.14",
+    "@babel/cli": "^7.12.10",
+    "@babel/core": "^7.12.10",
     "@csstools/postcss-sass": "^4.0.0",
-    "@modular-css/rollup": "^25.4.1",
-    "babel-eslint": "^10.0.3",
-    "dtslint": "^3.0.0",
-    "eslint": "^6.8.0",
-    "eslint-config-4catalyzer-react": "^1.0.4",
-    "eslint-config-prettier": "^6.10.0",
-    "eslint-plugin-import": "^2.20.1",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-prettier": "^3.1.2",
-    "eslint-plugin-react": "^7.18.3",
-    "eslint-plugin-react-hooks": "^2.4.0",
-    "husky": "^4.2.3",
-    "lint-staged": "^10.0.7",
-    "postcss-scss": "^2.0.0",
-    "prettier": "^1.19.1",
-    "react": "^16.12.0",
-    "rollup": "^1.31.1",
-    "rollup-plugin-babel": "^4.3.3",
+    "@modular-css/rollup": "^25.8.2",
+    "babel-eslint": "^10.1.0",
+    "dtslint": "^4.0.6",
+    "eslint": "^7.18.0",
+    "eslint-config-4catalyzer-react": "^1.0.13",
+    "eslint-config-prettier": "^7.2.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.3",
+    "postcss-scss": "^3.0.4",
+    "prettier": "^2.2.1",
+    "react": "^17.0.1",
+    "rollup": "^2.38.0",
+    "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "semantic-release": "^17.0.4",
-    "sass": "^1.25.0"
+    "sass": "^1.32.5",
+    "semantic-release": "^17.3.7"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35312

increased by2%

Worsened metrics

Lines of code

924

decreased by-0.11%

Dependency changes

• + Added@types/react@19.0.1(transitive)

• + Addedreact@19.0.0(transitive)

• - Removed@types/prop-types@15.7.14(transitive)

• - Removed@types/react@16.14.62(transitive)

• - Removed@types/scheduler@0.16.8(transitive)

• - Removedreact@16.14.0(transitive)

• Updated@types/react@>=16.8.12