@4c/layout - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

CHANGELOG.md

@@ -0,1 +1,8 @@
+## [0.2.2](https://github.com/4Catalyzer/layout/compare/v0.2.1...v0.2.2) (2019-04-06)
+
+
+### Bug Fixes
+
+* Fix type definitions ([#5](https://github.com/4Catalyzer/layout/issues/5)) ([ee95fe3](https://github.com/4Catalyzer/layout/commit/ee95fe3))
+
 ## [0.2.1](https://github.com/4Catalyzer/layout/compare/v0.2.0...v0.2.1) (2019-04-05)
@@ -2,0 +9,0 @@

lib/css-modules/Block.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _PropTypes = require("../PropTypes");
 
+var _camelCase = _interopRequireDefault(require("./camelCase"));
+
 var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
 
-var _PropTypes = require("../PropTypes");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _camelCase = _interopRequireDefault(require("./camelCase"));
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/* eslint-disable react/prop-types */
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function Block(_ref, ref) {
-  let className = _ref.className,
-      style = _ref.style,
+  var Component = _ref.as,
+      _d = _ref.direction,
+      _p = _ref.pad,
+      _w = _ref.wrap,
+      grow = _ref.grow,
       inline = _ref.inline,
+      flex = _ref.flex,
+      _a = _ref.align,
       alignSelf = _ref.alignSelf,
-      grow = _ref.grow,
-      flex = _ref.flex,
-      Component = _ref.as,
-      _1 = _ref.direction,
-      _2 = _ref.align,
-      _3 = _ref.justify,
-      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["className", "style", "inline", "alignSelf", "grow", "flex", "as", "direction", "align", "justify"]);
-  const combinedStyle = style || flex != null ? (0, _extends2.default)({}, style, {
+      _aC = _ref.alignContent,
+      _j = _ref.justify,
+      className = _ref.className,
+      style = _ref.style,
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "direction", "pad", "wrap", "grow", "inline", "flex", "align", "alignSelf", "alignContent", "justify", "className", "style"]);
+
+  var combinedStyle = style || flex != null ? _extends({}, style, {
     flex: flex === true ? 1 : flex
   }) : style;
-  return _react.default.createElement(Component, (0, _extends2.default)({}, props, {
+  return _react["default"].createElement(Component, _extends({}, props, {
     ref: ref,
     style: combinedStyle,
-    className: (0, _classnames.default)(className, inline ? _LayoutModule.default.blockInline : _LayoutModule.default.block, grow && _LayoutModule.default.grow, alignSelf && _LayoutModule.default[(0, _camelCase.default)(alignSelf)])
+    className: (0, _classnames["default"])(className, grow && _LayoutModule["default"].grow, inline ? _LayoutModule["default"].blockInline : _LayoutModule["default"].block, alignSelf && _LayoutModule["default"][(0, _camelCase["default"])(alignSelf)])
   }));
 }
 
-const DecoratedBlock = _react.default.forwardRef(Block);
+var DecoratedBlock = _react["default"].forwardRef(Block);
 
@@ -50,2 +53,2 @@ DecoratedBlock.propTypes = _PropTypes.propTypes;
 var _default = DecoratedBlock;
-exports.default = _default;
+exports["default"] = _default;

lib/css-modules/camelCase.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = camelCase;
 
-var _default = str => str.replace(/[_.-](\w)/g, (_, x) => x.toUpperCase());
-
-exports.default = _default;
+function camelCase(str) {
+  return str.replace(/[_.-](\w)/g, function (_, x) {
+    return x.toUpperCase();
+  });
+}

lib/css-modules/Flex.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _PropTypes = require("../PropTypes");
 
+var _camelCase = _interopRequireDefault(require("./camelCase"));
+
 var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
 
-var _PropTypes = require("../PropTypes");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _camelCase = _interopRequireDefault(require("./camelCase"));
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/* eslint-disable react/prop-types */
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function Flex(_ref, ref) {
-  let className = _ref.className,
-      style = _ref.style,
+  var Component = _ref.as,
       direction = _ref.direction,
       pad = _ref.pad,
+      wrap = _ref.wrap,
       grow = _ref.grow,
+      inline = _ref.inline,
       flex = _ref.flex,
-      wrap = _ref.wrap,
-      inline = _ref.inline,
+      align = _ref.align,
       alignSelf = _ref.alignSelf,
       alignContent = _ref.alignContent,
-      align = _ref.align,
       justify = _ref.justify,
-      Component = _ref.as,
-      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["className", "style", "direction", "pad", "grow", "flex", "wrap", "inline", "alignSelf", "alignContent", "align", "justify", "as"]);
-  const combinedStyle = style || flex != null ? (0, _extends2.default)({}, style, {
+      className = _ref.className,
+      style = _ref.style,
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "direction", "pad", "wrap", "grow", "inline", "flex", "align", "alignSelf", "alignContent", "justify", "className", "style"]);
+
+  var combinedStyle = style || flex != null ? _extends({}, style, {
     flex: flex === true ? 1 : flex
   }) : style;
-  return _react.default.createElement(Component, (0, _extends2.default)({}, props, {
+  return _react["default"].createElement(Component, _extends({}, props, {
     ref: ref,
     style: combinedStyle,
-    className: (0, _classnames.default)(className, inline ? _LayoutModule.default.flexInline : _LayoutModule.default.flex, grow && _LayoutModule.default.grow, wrap && _LayoutModule.default.wrap, pad && _LayoutModule.default[`pad${pad === true ? '3' : pad}`], align && _LayoutModule.default[(0, _camelCase.default)(`align-${align}`)], alignContent && _LayoutModule.default[(0, _camelCase.default)(`align-content-${alignContent}`)], alignSelf && _LayoutModule.default[(0, _camelCase.default)(`self-${alignSelf}`)], direction && _LayoutModule.default[(0, _camelCase.default)(direction)], justify && _LayoutModule.default[(0, _camelCase.default)(`justify-${justify}`)])
+    className: (0, _classnames["default"])(className, direction && _LayoutModule["default"][(0, _camelCase["default"])(direction)], pad && _LayoutModule["default"]["pad" + (pad === true ? '3' : pad)], wrap && _LayoutModule["default"].wrap, grow && _LayoutModule["default"].grow, inline ? _LayoutModule["default"].flexInline : _LayoutModule["default"].flex, align && _LayoutModule["default"][(0, _camelCase["default"])("align-" + align)], alignSelf && _LayoutModule["default"][(0, _camelCase["default"])("self-" + alignSelf)], alignContent && _LayoutModule["default"][(0, _camelCase["default"])("align-content-" + alignContent)], justify && _LayoutModule["default"][(0, _camelCase["default"])("justify-" + justify)])
   }));
 }
 
-const DecoratedFlex = _react.default.forwardRef(Flex);
+var DecoratedFlex = _react["default"].forwardRef(Flex);
 
@@ -53,2 +53,2 @@ DecoratedFlex.propTypes = _PropTypes.propTypes;
 var _default = DecoratedFlex;
-exports.default = _default;
+exports["default"] = _default;

lib/css-modules/index.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,29 +12,38 @@
 
-var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
+var _Block = _interopRequireDefault(require("./Block"));
 
 var _Flex = _interopRequireDefault(require("./Flex"));
 
-var _Block = _interopRequireDefault(require("./Block"));
+var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function Layout(_ref, ref) {
-  let display = _ref.display,
-      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["display"]);
-  if (display === 'block') return _Block.default.render(props, ref);
-  return _Flex.default.render(props, ref);
+  var display = _ref.display,
+      props = _objectWithoutPropertiesLoose(_ref, ["display"]);
+
+  if (display === 'block') return _Block["default"].render(props, ref);
+  return _Flex["default"].render(props, ref);
 }
 
-const DecoratedLayout = _react.default.forwardRef(Layout);
+var DecoratedLayout = _react["default"].forwardRef(Layout);
 
-DecoratedLayout.propTypes = (0, _extends2.default)({}, _PropTypes.propTypes, {
-  display: _propTypes.default.oneOf(['flex', 'block'])
+DecoratedLayout.propTypes = _extends({}, _PropTypes.propTypes, {
+  display: _propTypes["default"].oneOf(['flex', 'block'])
 });
 DecoratedLayout.defaultProps = _PropTypes.defaultProps;
-DecoratedLayout.Flex = _Flex.default;
-DecoratedLayout.Block = _Block.default;
+DecoratedLayout.Flex = _Flex["default"];
+DecoratedLayout.Block = _Block["default"];
 
-DecoratedLayout.Spacer = () => _react.default.createElement("div", {
-  className: _LayoutModule.default.spacer
-});
+DecoratedLayout.Spacer = function () {
+  return _react["default"].createElement("div", {
+    className: _LayoutModule["default"].spacer
+  });
+};
 
 var _default = DecoratedLayout;
-exports.default = _default;
+exports["default"] = _default;

lib/index.d.ts

@@ -0,10 +1,12 @@
+// TypeScript Version: 3.2
+
 import * as React from 'react';
 
-export type Omit<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
+type Omit<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
 
-export type PropsOf<
-  Tag extends React.ReactType
+type PropsOf<
+  Tag extends React.ElementType
 > = Tag extends keyof JSX.IntrinsicElements
   ? JSX.IntrinsicElements[Tag]
-  : Tag extends React.SFC<infer Props>
+  : Tag extends React.FunctionComponent<infer Props>
   ? Props & React.Attributes
@@ -17,3 +19,3 @@ : Tag extends React.ComponentClass<infer Props2>
 
-export type ReplaceProps<Inner extends React.ReactType, P> = Omit<
+type ReplaceProps<Inner extends React.ElementType, P> = Omit<
   PropsOf<Inner>,
@@ -24,14 +26,7 @@ P
 
-export interface BsPrefixProps<As extends React.ReactType> {
-  as?: As;
-  bsPrefix?: string;
-}
-
-export class BsPrefixComponent<
-  As extends React.ReactType,
+declare class ComponentWithAs<
+  As extends React.ElementType,
   P = {}
-> extends React.Component<ReplaceProps<As, BsPrefixProps<As> & P>> {}
+> extends React.Component<ReplaceProps<As, { as?: As } & P>> {}
 
-type Direction = 'row' | 'column';
-
 type Align =
@@ -61,7 +56,3 @@ | 'start'
 
-export interface LayoutProps {
-  /** default to 'row' */
-  direction?: Direction;
-  pad?: boolean | number;
-  wrap?: boolean;
+export interface BlockProps {
   grow?: boolean;
@@ -71,4 +62,12 @@ inline?: boolean;
   /** default to 'stretch' */
+  alignSelf?: Align;
+}
+
+export interface FlexProps extends BlockProps {
+  /** default to 'row' */
+  direction?: 'row' | 'column';
+  pad?: boolean | number;
+  wrap?: boolean;
+  /** default to 'stretch' */
   align?: Align;
-  alignSelf?: Align;
   alignContent?: Content;
@@ -79,6 +78,23 @@ /** default to 'flex-start' */
 
+declare class Flex<
+  As extends React.ElementType = 'div'
+> extends ComponentWithAs<As, FlexProps> {}
+
+declare class Block<
+  As extends React.ElementType = 'div'
+> extends ComponentWithAs<As, BlockProps> {}
+
+export type LayoutProps =
+  | ({ display?: 'flex' } & FlexProps)
+  | ({ display: 'block' } & BlockProps);
+
 declare class Layout<
-  As extends React.ReactType = 'div'
-> extends BsPrefixComponent<As, LayoutProps> {}
+  As extends React.ElementType = 'div'
+> extends ComponentWithAs<As, LayoutProps> {
+  static Flex: typeof Flex;
+  static Block: typeof Block;
 
+  static Spacer: React.ComponentType;
+}
+
 export default Layout;

lib/PropTypes.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
@@ -10,16 +8,16 @@ exports.defaultProps = exports.propTypes = void 0;
 
-var _elementType = _interopRequireDefault(require("prop-types-extra/lib/elementType"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const align = _propTypes.default.oneOf(['start', 'end', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline', 'first-baseline', 'last-baseline']);
+var align = _propTypes["default"].oneOf(['start', 'end', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline', 'first-baseline', 'last-baseline']);
 
-const content = _propTypes.default.oneOf(['left', 'right', 'flex-start', 'flex-end', 'center', 'baseline', 'first-baseline', 'last-baseline', 'space-between', 'space-around', 'space-evenly']);
+var content = _propTypes["default"].oneOf(['left', 'right', 'flex-start', 'flex-end', 'center', 'baseline', 'first-baseline', 'last-baseline', 'space-between', 'space-around', 'space-evenly']);
 
-const propTypes = {
-  direction: _propTypes.default.oneOf(['row', 'column']).isRequired,
-  as: _elementType.default.isRequired,
-  pad: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.number]),
-  wrap: _propTypes.default.bool,
-  grow: _propTypes.default.bool,
-  inline: _propTypes.default.bool,
-  flex: _propTypes.default.any,
+var propTypes = {
+  as: _propTypes["default"].elementType.isRequired,
+  direction: _propTypes["default"].oneOf(['row', 'column']).isRequired,
+  pad: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].number]),
+  wrap: _propTypes["default"].bool,
+  grow: _propTypes["default"].bool,
+  inline: _propTypes["default"].bool,
+  flex: _propTypes["default"].any,
   align: align.isRequired,
@@ -31,3 +29,3 @@ alignSelf: align,
 exports.propTypes = propTypes;
-const defaultProps = {
+var defaultProps = {
   as: 'div',
@@ -34,0 +32,0 @@ direction: 'row',

package.json

 {
   "name": "@4c/layout",
-  "version": "0.2.1",
+  "version": "0.2.2",
+  "files": [
+    "lib",
+    "es"
+  ],
   "main": "lib/css-modules/index.js",
+  "module": "es/css-modules/index.js",
   "types": "lib/index.d.ts",
-  "module": "es/css-modules/index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/4Catalyzer/layout.git"
-  },
-  "author": "4Catalyzer",
-  "license": "MIT",
   "scripts": {
-    "test": "npm run lint",
+    "build": "npm run build:lib && npm run build:es && npm run build:types",
     "build:es": "babel src -d es --env-name esm --ignore **/__tests__ --delete-dir-on-start -D",
     "build:lib": "babel src -d lib --ignore **/__tests__ --delete-dir-on-start -D",
     "build:types": "cp types/* lib",
-    "build": "npm run build:lib && npm run build:es && npm run build:types",
-    "prepublishOnly": "yarn run build",
-    "lint": "eslint . && prettier --list-different --ignore-path .eslintignore '**/*.{json,css,md}'",
-    "format": "eslint . --fix && prettier --write --ignore-path .eslintignore '**/*.{json,css,md}'",
-    "precommit": "lint-staged",
-    "semantic-release": "semantic-release",
-    "travis-deploy-once": "travis-deploy-once"
+    "format": "eslint . --fix && npm run prettier -- --write",
+    "lint": "eslint . && npm run prettier -- -l",
+    "prepublishOnly": "npm run build",
+    "prettier": "prettier --ignore-path .eslintignore '**/*.{css,json,md,ts}'",
+    "test": "npm run lint && npm run test:ts",
+    "test:ts": "dtslint types"
   },
@@ -29,6 +26,6 @@ "publishConfig": {
   },
-  "prettier": {
-    "printWidth": 79,
-    "singleQuote": true,
-    "trailingComma": "all"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   },
@@ -40,3 +37,3 @@ "lint-staged": {
     ],
-    "*.{json,css,md}": [
+    "*.{css,json,md,ts}": [
       "prettier --write --ignore-path .eslintignore",
@@ -46,7 +43,6 @@ "git add"
   },
-  "jest": {
-    "roots": [
-      "<rootDir>/test"
-    ],
-    "testEnvironment": "jsdom"
+  "prettier": {
+    "printWidth": 79,
+    "singleQuote": true,
+    "trailingComma": "all"
   },
@@ -58,35 +54,36 @@ "release": {
   },
-  "devDependencies": {
-    "@4c/babel-preset-4catalyzer": "^3.0.0",
-    "@4c/semantic-release-config": "^1.0.2",
-    "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.0.0",
-    "babel-core": "bridge",
-    "babel-eslint": "^9.0.0",
-    "babel-jest": "^23.4.2",
-    "eslint": "^5.4.0",
-    "eslint-config-4catalyzer-react": "^0.4.1",
-    "eslint-config-prettier": "^3.0.1",
-    "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^21.22.0",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-prettier": "^2.6.2",
-    "eslint-plugin-react": "^7.5.1",
-    "husky": "^0.14.3",
-    "lint-staged": "^7.2.2",
-    "prettier": "^1.14.2",
-    "react": "^16.4.2",
-    "semantic-release": "^15.9.12",
-    "travis-deploy-once": "^5.0.7"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/4Catalyzer/layout.git"
   },
+  "author": "4Catalyzer",
+  "license": "MIT",
+  "dependencies": {
+    "@types/react": "^16.8.12",
+    "classnames": "^2.2.6",
+    "prop-types": "^15.7.2"
+  },
   "peerDependencies": {
     "react": "^16.4.1"
   },
-  "dependencies": {
-    "@babel/runtime": "^7.0.0",
-    "@types/react": "^16.8.12",
-    "classnames": "^2.2.6",
-    "prop-types": "^15.6.2",
-    "prop-types-extra": "^1.1.0"
+  "devDependencies": {
+    "@4c/babel-preset": "^5.1.0",
+    "@4c/semantic-release-config": "^1.0.5",
+    "@babel/cli": "^7.4.3",
+    "@babel/core": "^7.4.3",
+    "babel-eslint": "^10.0.1",
+    "dtslint": "^0.6.0",
+    "eslint": "^5.16.0",
+    "eslint-config-4catalyzer-react": "^0.9.3",
+    "eslint-config-prettier": "^4.1.0",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-react": "^7.12.4",
+    "husky": "^1.3.1",
+    "lint-staged": "^8.1.5",
+    "prettier": "^1.16.4",
+    "react": "^16.8.6",
+    "semantic-release": "^15.13.3"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Dependency count

4

decreased by-33.33%

Dev dependency count

18

decreased by-14.29%

Worsened metrics

Total package byte prevSize

31037

decreased by-94.6%

Number of package files

18

decreased by-33.33%

Lines of code

861

decreased by-11.42%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@babel/runtime@^7.0.0

• - Removedprop-types-extra@^1.1.0

• - Removed@babel/runtime@7.26.9(transitive)

• - Removedprop-types-extra@1.1.1(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• - Removedwarning@4.0.3(transitive)

• Updatedprop-types@^15.7.2