@instructure/ui-pagination 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-pagination
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-pagination
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-pagination

package/lib/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PaginationArrowButtonLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _uiTestQueries = require("@instructure/ui-test-queries");
-var _TooltipLocator = require("@instructure/ui-tooltip/lib/Tooltip/TooltipLocator");
+var _TooltipLocator = require("@instructure/ui-tooltip/es/Tooltip/TooltipLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -35,7 +35,7 @@ var _index = require("./index");
 // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-next-line no-restricted-imports
 
-const PaginationArrowButtonLocator = exports.PaginationArrowButtonLocator = (0, _locator.locator)(
+const PaginationArrowButtonLocator = exports.PaginationArrowButtonLocator = (0, _uiTestLocator.locator)(
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 _index.PaginationArrowButton.selector, {
   findTooltipContent: (...args) => _TooltipLocator.TooltipLocator.findContent(...args),

package/lib/Pagination/PaginationArrowButton/index.js

@@ -8,14 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.PaginationArrowButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
-var _PresentationContent = require("@instructure/ui-a11y-content/lib/PresentationContent");
-var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-var _IconArrowDoubleStartSolid = require("@instructure/ui-icons/lib/IconArrowDoubleStartSolid.js");
-var _IconArrowDoubleEndSolid = require("@instructure/ui-icons/lib/IconArrowDoubleEndSolid.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiButtons = require("@instructure/ui-buttons");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiTooltip = require("@instructure/ui-tooltip");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiTestable = require("@instructure/ui-testable");
 var _props = require("./props");
 const _excluded = ["label", "direction", "buttonRef"];
 var _dec, _class, _class2;
@@ -48,7 +45,7 @@ parent: Pagination
 id: Pagination.Navigation
 ---
 **/
-let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
+let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _uiTestable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -69,13 +66,13 @@ let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testabl
   get Icon() {
     switch (this.props.direction) {
       case 'first':
-        return _IconArrowDoubleStartSolid.IconArrowDoubleStartSolid;
+        return _uiIcons.IconArrowDoubleStartSolid;
       case 'prev':
-        return _IconArrowOpenStartSolid.IconArrowOpenStartSolid;
+        return _uiIcons.IconArrowOpenStartSolid;
       case 'next':
-        return _IconArrowOpenEndSolid.IconArrowOpenEndSolid;
+        return _uiIcons.IconArrowOpenEndSolid;
       case 'last':
-        return _IconArrowDoubleEndSolid.IconArrowDoubleEndSolid;
+        return _uiIcons.IconArrowDoubleEndSolid;
       default:
         return null;
     }
@@ -86,11 +83,11 @@ let PaginationArrowButton = exports.PaginationArrowButton = (_dec = (0, _testabl
       direction = _this$props.direction,
       buttonRef = _this$props.buttonRef,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    return /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
       elementRef: this.handleRef,
       on: ['hover', 'focus'],
-      renderTip: /*#__PURE__*/_react.default.createElement(_PresentationContent.PresentationContent, null, label)
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, props, {
+      renderTip: /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, label)
+    }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, Object.assign({}, props, {
       size: "small",
       withBackground: false,
       withBorder: false,

package/lib/Pagination/PaginationButton/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.PaginationButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _BaseButton = require("@instructure/ui-buttons/lib/BaseButton");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiButtons = require("@instructure/ui-buttons");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTestable = require("@instructure/ui-testable");
 var _props = require("./props");
 var _dec, _class, _class2;
 /*
@@ -40,7 +40,7 @@ parent: Pagination
 id: Pagination.Page
 ---
 **/
-let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationButton extends _react.Component {
+let PaginationButton = exports.PaginationButton = (_dec = (0, _uiTestable.testable)(), _dec(_class = (_class2 = class PaginationButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -50,8 +50,8 @@ let PaginationButton = exports.PaginationButton = (_dec = (0, _testable.testable
   }
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
-    const props = (0, _omitProps.omitProps)(this.props, PaginationButton.allowedProps, exclude);
-    return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({
+    const props = (0, _uiReactUtils.omitProps)(this.props, PaginationButton.allowedProps, exclude);
+    return /*#__PURE__*/_react.default.createElement(_uiButtons.BaseButton, Object.assign({
       color: "primary",
       withBackground: this.props.current,
       withBorder: this.props.current

package/lib/Pagination/PaginationLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PaginationLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _PaginationPageInputLocator = require("./PaginationPageInput/PaginationPageInputLocator");
 var _PaginationArrowButtonLocator = require("./PaginationArrowButton/PaginationArrowButtonLocator");
 var _index = require("./index");
@@ -33,10 +33,10 @@ var _index = require("./index");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const PaginationButtonLocator = (0, _locator.locator)(_index.Pagination.Page.selector);
+const PaginationButtonLocator = (0, _uiTestLocator.locator)(_index.Pagination.Page.selector);
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const PaginationLocator = exports.PaginationLocator = (0, _locator.locator)(_index.Pagination.selector, {
+const PaginationLocator = exports.PaginationLocator = (0, _uiTestLocator.locator)(_index.Pagination.selector, {
   findAllPageButtons: async (...args) => PaginationButtonLocator.findAll(...args),
   findPageButton: async (...args) => PaginationButtonLocator.find(...args),
   findArrowButton: async (...args) => _PaginationArrowButtonLocator.PaginationArrowButtonLocator.find(...args),

package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PaginationPageInputLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-var _NumberInputLocator = require("@instructure/ui-number-input/lib/NumberInput/NumberInputLocator");
+var _uiTestLocator = require("@instructure/ui-test-locator");
+var _NumberInputLocator = require("@instructure/ui-number-input/es/NumberInput/NumberInputLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -34,7 +34,7 @@ var _index = require("./index");
 // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-line no-restricted-imports
 
-const PaginationPageInputLocator = exports.PaginationPageInputLocator = (0, _locator.locator)(
+const PaginationPageInputLocator = exports.PaginationPageInputLocator = (0, _uiTestLocator.locator)(
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 _index.PaginationPageInput.selector, {
   findInput: (...args) => _NumberInputLocator.NumberInputLocator.findInput(...args),

package/lib/Pagination/PaginationPageInput/index.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.PaginationPageInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
-var _NumberInput = require("@instructure/ui-number-input/lib/NumberInput");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
+var _uiNumberInput = require("@instructure/ui-number-input");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
@@ -45,7 +45,7 @@ parent: Pagination
 id: Pagination.PageInput
 ---
 **/
-let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends _react.Component {
+let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -153,7 +153,7 @@ let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.wit
     const _this$props4 = this.props,
       screenReaderLabel = _this$props4.screenReaderLabel,
       numberOfPages = _this$props4.numberOfPages;
-    return (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel(this.currentPage, numberOfPages));
+    return (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, screenReaderLabel(this.currentPage, numberOfPages));
   }
   render() {
     const _this$props5 = this.props,
@@ -164,7 +164,7 @@ let PaginationPageInput = exports.PaginationPageInput = (_dec = (0, _emotion.wit
       ref: this.handleRef
     }, (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.numberInput
-    }, (0, _emotion.jsx)(_NumberInput.NumberInput, {
+    }, (0, _emotion.jsx)(_uiNumberInput.NumberInput, {
       renderLabel: this.renderScreenReaderLabel(),
       onBlur: this.handleBlur,
       onChange: this.handleChange,

package/lib/Pagination/index.js

@@ -14,13 +14,11 @@ Object.defineProperty(exports, "PaginationButton", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _View = require("@instructure/ui-view/lib/View");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-var _findTabbable = require("@instructure/ui-dom-utils/lib/findTabbable.js");
-var _getActiveElement = require("@instructure/ui-dom-utils/lib/getActiveElement.js");
+var _uiView = require("@instructure/ui-view");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _emotion = require("@instructure/emotion");
 var _PaginationButton = require("./PaginationButton");
 var _PaginationArrowButton = require("./PaginationArrowButton");
@@ -70,7 +68,7 @@ function propsHaveCompactView(props) {
 category: components
 ---
 **/
-let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends _react.Component {
+let Pagination = exports.Pagination = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends _react.Component {
   constructor(props) {
     super(props);
     this._labelId = void 0;
@@ -217,7 +215,7 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
     return this.inputMode || this.props.showDisabledButtons;
   }
   getSnapshotBeforeUpdate() {
-    const activeElement = (0, _getActiveElement.getActiveElement)();
+    const activeElement = (0, _uiDomUtils.getActiveElement)();
     if (activeElement === this._firstButton || activeElement === this._prevButton || activeElement === this._nextButton || activeElement === this._lastButton) {
       return {
         lastFocusedButton: activeElement
@@ -252,7 +250,7 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
     const lastFocusedButton = snapshot.lastFocusedButton;
     if (lastFocusedButton) {
       var _nextFocusElement;
-      const focusable = (0, _findTabbable.findTabbable)(this.ref);
+      const focusable = (0, _uiDomUtils.findTabbable)(this.ref);
       const direction = lastFocusedButton.dataset.direction;
 
       // By default we want to focus the previously focused button
@@ -282,8 +280,8 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
   }
   renderLabel() {
     const display = this.props.variant === 'full' ? 'inline-block' : 'block';
-    const visibleLabel = (0, _hasVisibleChildren.hasVisibleChildren)(this.props.label);
-    return (0, _emotion.jsx)(_View.View, {
+    const visibleLabel = (0, _uiA11yUtils.hasVisibleChildren)(this.props.label);
+    return (0, _emotion.jsx)(_uiView.View, {
       as: "span",
       padding: visibleLabel ? 'small' : '0',
       display: visibleLabel ? display : 'auto',
@@ -329,7 +327,7 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
       }, "\u2026")));
       if (lastIndex - sliceEnd + 1 > 0) visiblePages.push(lastPage);
     }
-    return (0, _emotion.jsx)(_View.View, {
+    return (0, _emotion.jsx)(_uiView.View, {
       display: "inline-block"
     }, this.transferDisabledPropToChildren(visiblePages));
   }
@@ -404,15 +402,15 @@ let Pagination = exports.Pagination = (_dec = (0, _withDeterministicId.withDeter
   render() {
     var _this$props$styles, _this$props$styles2;
     const currentPageIndex = fastFindIndex(this.childPages, p => p && p.props && p.props.current);
-    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Pagination.allowedProps), Pagination);
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
+    const passthroughProps = _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Pagination.allowedProps), Pagination);
+    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, passthroughProps, {
       role: "navigation",
       as: this.props.as,
       elementRef: this.handleElementRef,
       margin: this.props.margin,
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.pagination,
       "aria-labelledby": this.props.label ? this._labelId : void 0
-    }), this.props.label && this.renderLabel(), (0, _emotion.jsx)(_View.View, {
+    }), this.props.label && this.renderLabel(), (0, _emotion.jsx)(_uiView.View, {
       display: "inline-block",
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.pages
     }, this.renderArrowButton('first', currentPageIndex), this.renderArrowButton('prev', currentPageIndex), this.inputMode ? this.renderPageInput(currentPageIndex) : this.renderPages(currentPageIndex), this.renderArrowButton('next', currentPageIndex), this.renderArrowButton('last', currentPageIndex)));

package/lib/Pagination/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _emotion = require("@instructure/emotion");
 var _PaginationButton = require("./PaginationButton");
 /*
@@ -34,7 +34,7 @@ var _PaginationButton = require("./PaginationButton");
  */
 
 const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_PaginationButton.PaginationButton]),
+  children: _uiPropTypes.Children.oneOf([_PaginationButton.PaginationButton]),
   disabled: _propTypes.default.bool,
   withFirstAndLastButton: _propTypes.default.bool,
   showDisabledButtons: _propTypes.default.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,31 +23,31 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-locator": "8.56.0",
-    "@instructure/ui-test-queries": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-queries": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/emotion": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-a11y-content": "8.56.0",
-    "@instructure/ui-a11y-utils": "8.56.0",
-    "@instructure/ui-buttons": "8.56.0",
-    "@instructure/ui-dom-utils": "8.56.0",
-    "@instructure/ui-icons": "8.56.0",
-    "@instructure/ui-number-input": "8.56.0",
-    "@instructure/ui-portal": "8.56.0",
-    "@instructure/ui-prop-types": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-tooltip": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
-    "@instructure/ui-view": "8.56.0",
-    "@instructure/uid": "8.56.0",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-content": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-buttons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-number-input": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-portal": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-tooltip": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },