@bundle-stats/ui 4.1.1-alpha.1 → 4.1.1

package/lib/layout/box/box.stories.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/Box', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/layout/box/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Box", {
     return _box.Box;
   }
 });
-
 var _box = require("./box");

package/lib/layout/flex-stack/flex-stack.js

@@ -4,42 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FlexStack = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../../utils");
-
 var _flexStackModule = _interopRequireDefault(require("./flex-stack.module.css"));
-
 var _excluded = ["as", "className", "space", "children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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; }
-
 var FlexStack = function FlexStack(props) {
   var Component = props.as,
-      className = props.className,
-      space = props.space,
-      children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    space = props.space,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
   var rootClassName = (0, _classnames["default"])(className, _flexStackModule["default"].root, _flexStackModule["default"]["space--".concat(space)]);
   return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
   }), _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_flexStackModule["default"].item)));
 };
-
 exports.FlexStack = FlexStack;
 FlexStack.defaultProps = {
   as: 'div',

package/lib/layout/flex-stack/flex-stack.stories.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _box = require("../box");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/FlexStack', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/layout/flex-stack/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _flexStack = require("./flex-stack");
-
 Object.keys(_flexStack).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _flexStack[key]) return;

package/lib/layout/footer/footer.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Footer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _config = _interopRequireDefault(require("../../config.json"));
-
 var _container = require("../../ui/container");
-
 var _box = require("../box");
-
 var _stack = require("../stack");
-
 var _footerModule = _interopRequireDefault(require("./footer.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 jsx-a11y/anchor-has-content */
 var ExternalLink = function ExternalLink(props) {
   return /*#__PURE__*/_react["default"].createElement("a", _extends({
@@ -34,15 +23,13 @@ var ExternalLink = function ExternalLink(props) {
 };
 /* eslint-enable jsx-a11y/anchor-has-content */
 
-
 ExternalLink.propTypes = {
   /** Link to value */
   to: _propTypes["default"].string.isRequired
 };
-
 var Footer = function Footer(_ref) {
   var className = _ref.className,
-      version = _ref.version;
+    version = _ref.version;
   return /*#__PURE__*/_react["default"].createElement(_container.Container, {
     as: "footer",
     className: (0, _classnames["default"])(_footerModule["default"].root, className)
@@ -71,7 +58,6 @@ var Footer = function Footer(_ref) {
     title: "Go to RelativeCI - Specialized insights for web bundles"
   }, "RelativeCI")))))));
 };
-
 exports.Footer = Footer;
 Footer.defaultProps = {
   className: '',
@@ -80,7 +66,6 @@ Footer.defaultProps = {
 Footer.propTypes = {
   /** Adopted child class name */
   className: _propTypes["default"].string,
-
   /** Content */
   version: _propTypes["default"].string
 };

package/lib/layout/footer/footer.stories.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/Footer', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/layout/footer/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Footer", {
     return _footer.Footer;
   }
 });
-
 var _footer = require("./footer");

package/lib/layout/header/header.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Header = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _headerModule = _interopRequireDefault(require("./header.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Header = function Header(_ref) {
   var className = _ref.className,
-      renderLeft = _ref.renderLeft,
-      renderRight = _ref.renderRight,
-      render = _ref.render;
+    renderLeft = _ref.renderLeft,
+    renderRight = _ref.renderRight,
+    render = _ref.render;
   return /*#__PURE__*/_react["default"].createElement("header", {
     className: (0, _classnames["default"])(_headerModule["default"].root, className)
   }, renderLeft({
@@ -30,7 +24,6 @@ var Header = function Header(_ref) {
     className: _headerModule["default"].right
   }));
 };
-
 exports.Header = Header;
 Header.defaultProps = {
   className: '',
@@ -47,13 +40,10 @@ Header.defaultProps = {
 Header.propTypes = {
   /* Adopted child class name */
   className: _propTypes["default"].string,
-
   /* Render left area */
   renderLeft: _propTypes["default"].func,
-
   /* Render center area */
   render: _propTypes["default"].func,
-
   /* Render right area */
   renderRight: _propTypes["default"].func
 };

package/lib/layout/header/header.stories.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _logo = require("../../ui/logo");
-
 var _tabs = require("../../ui/tabs");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/Header', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/layout/header/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Header", {
     return _header.Header;
   }
 });
-
 var _header = require("./header");

package/lib/layout/index.js

@@ -45,17 +45,10 @@ Object.defineProperty(exports, "SubHeader", {
     return _subHeader.SubHeader;
   }
 });
-
 var _box = require("./box");
-
 var _footer = require("./footer");
-
 var _header = require("./header");
-
 var _separator = require("./separator");
-
 var _subHeader = require("./sub-header");
-
 var _stack = require("./stack");
-
 var _flexStack = require("./flex-stack");

package/lib/layout/separator.js

@@ -4,45 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Separator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _separatorModule = _interopRequireDefault(require("./separator.module.css"));
-
 var _excluded = ["className"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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; }
-
 var propTypes = {
   className: _propTypes["default"].string
 };
 var defaultProps = {
   className: ''
 };
+
 /**
  * @param {PropTypes.InferProps<typeof propTypes>} props
  * @return {React.FunctionComponentElement}
  */
-
 var Separator = function Separator(props) {
   var className = props.className,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: (0, _classnames["default"])(_separatorModule["default"].root, className)
   }, restProps));
 };
-
 exports.Separator = Separator;
 Separator.propTypes = propTypes;
 Separator.defaultProps = defaultProps;

package/lib/layout/stack/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _stack = require("./stack");
-
 Object.keys(_stack).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _stack[key]) return;

package/lib/layout/stack/stack.js

@@ -4,42 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Stack = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../../utils");
-
 var _stackModule = _interopRequireDefault(require("./stack.module.css"));
-
 var _excluded = ["as", "className", "space", "children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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; }
-
 var Stack = function Stack(props) {
   var Component = props.as,
-      className = props.className,
-      space = props.space,
-      children = props.children,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    space = props.space,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
   var rootClassName = (0, _classnames["default"])(className, _stackModule["default"].root, _stackModule["default"]["space--".concat(space)]);
   return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
   }), _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_stackModule["default"].item)));
 };
-
 exports.Stack = Stack;
 Stack.defaultProps = {
   as: 'div',

package/lib/layout/stack/stack.stories.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _box = require("../box");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/Stack', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/layout/sub-header/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _subHeader = require("./sub-header");
-
 Object.keys(_subHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _subHeader[key]) return;

package/lib/layout/sub-header/sub-header.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SubHeader = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _container = require("../../ui/container");
-
 var _box = require("../box");
-
 var _subHeaderModule = _interopRequireDefault(require("./sub-header.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var SIZE_SMALL = 'small';
 var SIZE_DEFAULT = 'default';
 var SIZES = [SIZE_SMALL, SIZE_DEFAULT];
-
 var SubHeader = function SubHeader(props) {
   var className = props.className,
-      size = props.size,
-      subtitle = props.subtitle,
-      title = props.title,
-      icon = props.icon,
-      children = props.children,
-      rightSide = props.rightSide;
+    size = props.size,
+    subtitle = props.subtitle,
+    title = props.title,
+    icon = props.icon,
+    children = props.children,
+    rightSide = props.rightSide;
   var rootClassName = (0, _classnames["default"])(_subHeaderModule["default"].root, _subHeaderModule["default"][size], className);
   return /*#__PURE__*/_react["default"].createElement(_box.Box, {
     padding: "small",
@@ -49,7 +40,6 @@ var SubHeader = function SubHeader(props) {
     className: _subHeaderModule["default"].rightSide
   }, rightSide))));
 };
-
 exports.SubHeader = SubHeader;
 SubHeader.defaultProps = {
   className: '',

package/lib/layout/sub-header/sub-header.stories.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _logo = require("../../ui/logo");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Layout/SubHeader', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/prototypes/typography.stories.js

@@ -1,21 +1,14 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _ui = require("../ui");
-
 var _stories = require("../stories");
-
 var _layout = require("../layout");
-
+var _chartColors = _interopRequireDefault(require("../chart-colors.json"));
 var _typography = _interopRequireDefault(require("./typography.md"));
-
 var _typographyModule = _interopRequireDefault(require("./typography.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Prototypes/Styleguide', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('typography', function () {
@@ -39,12 +32,13 @@ stories.add('typography', function () {
       __html: _typography["default"]
     }
   })));
-}); // eslint-disable-next-line react/prop-types
+});
 
+// eslint-disable-next-line react/prop-types
 var Item = function Item(_ref) {
   var colorName = _ref.colorName,
-      _ref$valueName = _ref.valueName,
-      valueName = _ref$valueName === void 0 ? 'normal' : _ref$valueName;
+    _ref$valueName = _ref.valueName,
+    valueName = _ref$valueName === void 0 ? 'normal' : _ref$valueName;
   var colorFullName = valueName === 'normal' ? colorName : [colorName, valueName].join('-');
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -56,6 +50,18 @@ var Item = function Item(_ref) {
   }, "".concat(colorName, " ").concat(valueName));
 };
 
+// eslint-disable-next-line react/prop-types
+var ItemColorValue = function ItemColorValue(_ref2) {
+  var value = _ref2.value;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: value,
+      color: 'var(--color-light)',
+      padding: '12px',
+      flex: '1 1 20%'
+    }
+  }, value);
+};
 var COLORS = ['blue', 'red', 'green', 'yellow', 'gray'];
 var NAMES = ['ultra-light', 'light', 'normal', 'dark', 'ultra-dark'];
 stories.add('color sheme', function () {
@@ -82,5 +88,16 @@ stories.add('color sheme', function () {
         valueName: valueName
       });
     }));
-  }));
+  }), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("h3", null, "Chart colors"), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      marginBottom: '24px',
+      flexWrap: 'wrap'
+    }
+  }, _chartColors["default"].map(function (color) {
+    return /*#__PURE__*/_react["default"].createElement(ItemColorValue, {
+      key: color,
+      value: color
+    });
+  })));
 });

package/lib/query-state.js

@@ -1,46 +1,27 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useComponentQueryState = exports.QueryStateProvider = void 0;
-
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useQueryParams4 = require("use-query-params");
-
 var _reactRouter = require("use-query-params/adapters/react-router-5");
-
 var _queryString = require("query-string");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 var QueryStateProvider = function QueryStateProvider(props) {
   return /*#__PURE__*/_react["default"].createElement(_useQueryParams4.QueryParamProvider, _extends({
     adapter: _reactRouter.ReactRouter5Adapter,
@@ -50,26 +31,22 @@ var QueryStateProvider = function QueryStateProvider(props) {
     }
   }, props));
 };
-
 exports.QueryStateProvider = QueryStateProvider;
-
 var useComponentQueryState = function useComponentQueryState(componentName) {
   var _useQueryParams = (0, _useQueryParams4.useQueryParams)(_defineProperty({}, componentName, _useQueryParams4.JsonParam)),
-      _useQueryParams2 = _slicedToArray(_useQueryParams, 2),
-      search = _useQueryParams2[0],
-      setSearch = _useQueryParams2[1];
-
+    _useQueryParams2 = _slicedToArray(_useQueryParams, 2),
+    search = _useQueryParams2[0],
+    setSearch = _useQueryParams2[1];
   var state = search[componentName];
   var setState = (0, _react.useCallback)(function (newState) {
-    var newComponentState = (0, _merge2["default"])({}, state, newState); // Deep check to prevent unnecessary state changes
+    var newComponentState = (0, _merge2["default"])({}, state, newState);
 
+    // Deep check to prevent unnecessary state changes
     if ((0, _isEqual2["default"])(newComponentState, state)) {
       return;
     }
-
     setSearch(_defineProperty({}, componentName, newComponentState));
   }, [state]);
   return [state, setState];
 };
-
 exports.useComponentQueryState = useComponentQueryState;

package/lib/stories/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _wrapper = require("./wrapper");
-
 Object.keys(_wrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _wrapper[key]) return;