@bundle-stats/ui 3.2.1-beta.9 → 3.2.1

package/CHANGELOG.md

@@ -3,13 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.2.1-beta.9](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-beta.9) (2021-11-23)
+## [3.2.1](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1) (2021-11-23)
 
 
 ### Bug Fixes
 
 * **ui:** Regenerate package-lock.json ([8632b07](https://github.com/relative-ci/bundle-stats/commit/8632b072ffc240a1961056c08c165fbf1d986fc8))
 * **ui:** Remove unused icons ([8c337da](https://github.com/relative-ci/bundle-stats/commit/8c337da68a9628d9ef4c9d27f11747b0bc548f29))
+* **ui:** Stack - past rest props ([fb3bea5](https://github.com/relative-ci/bundle-stats/commit/fb3bea55941aeb7cf3b6aa0dc43c33d40e0cfca2))
 
 
 

package/lib/layout/box/box.js

@@ -61,9 +61,9 @@ var Box = function Box(props) {
       resolvedHorizontalPadding = _ref2[2];
 
   var rootClassName = (0, _classnames["default"])(_boxModule["default"].root, className, resolvedPadding && _boxModule["default"]["padding-".concat(resolvedPadding)], resolvedVerticalPadding && _boxModule["default"]["vertical-padding-".concat(resolvedVerticalPadding)], resolvedHorizontalPadding && _boxModule["default"]["horizontal-padding-".concat(resolvedHorizontalPadding)], outline && _boxModule["default"].outline);
-  return /*#__PURE__*/_react["default"].createElement(Component, _extends({
+  return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, restProps));
+  }));
 };
 
 exports.Box = Box;

package/lib/layout/stack/stack.js

@@ -17,17 +17,27 @@ 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 || 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;
+      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, {
+  return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_stackModule["default"].item)));
+  }), _react["default"].Children.map(children, (0, _utils.getRenderChildWithClassName)(_stackModule["default"].item)));
 };
 
 exports.Stack = Stack;

package/lib-esm/layout/box/box.js

@@ -17,9 +17,9 @@ export const Box = props => {
   } = props;
   const [resolvedPadding, resolvedVerticalPadding, resolvedHorizontalPadding] = Array.isArray(padding) ? [null, ...padding] : [padding, verticalPadding, horizontalPadding];
   const rootClassName = cx(css.root, className, resolvedPadding && css[`padding-${resolvedPadding}`], resolvedVerticalPadding && css[`vertical-padding-${resolvedVerticalPadding}`], resolvedHorizontalPadding && css[`horizontal-padding-${resolvedHorizontalPadding}`], outline && css.outline);
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, restProps));
+  }));
 };
 Box.defaultProps = {
   className: '',

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

@@ -1,3 +1,5 @@
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -9,12 +11,13 @@ export const Stack = props => {
     as: Component,
     className,
     space,
-    children
+    children,
+    ...restProps
   } = props;
   const rootClassName = cx(className, css.root, css[`space--${space}`]);
-  return /*#__PURE__*/React.createElement(Component, {
+  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
     className: rootClassName
-  }, React.Children.map(children, getRenderChildWithClassName(css.item)));
+  }), React.Children.map(children, getRenderChildWithClassName(css.item)));
 };
 Stack.defaultProps = {
   as: 'div',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "3.2.1-beta.9",
+  "version": "3.2.1",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -84,11 +84,11 @@
     "react-router-dom": "^5.3.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^3.2.1-beta.9",
+    "@bundle-stats/utils": "^3.2.1",
     "date-fns": "^2.6.0",
     "query-string": "^7.0.0",
     "reakit": "^1.3.6",
     "use-query-params": "^1.2.2"
   },
-  "gitHead": "43b453a608ced66881eeca23c3b6c464b7dcfd8b"
+  "gitHead": "0fdfecf0860efdf80e19fa1bb16bb1fddbe070a4"
 }

package/src/layout/box/box.jsx

@@ -31,7 +31,7 @@ export const Box = (props) => {
     outline && css.outline,
   );
 
-  return <Component className={rootClassName} {...restProps} />;
+  return <Component {...restProps} className={rootClassName} />;
 };
 
 Box.defaultProps = {

package/src/layout/stack/stack.jsx

@@ -7,11 +7,11 @@ import { getRenderChildWithClassName } from '../../utils';
 import css from './stack.module.css';
 
 export const Stack = (props) => {
-  const { as: Component, className, space, children } = props;
+  const { as: Component, className, space, children, ...restProps } = props;
   const rootClassName = cx(className, css.root, css[`space--${space}`]);
 
   return (
-    <Component className={rootClassName}>
+    <Component {...restProps} className={rootClassName}>
       {React.Children.map(children, getRenderChildWithClassName(css.item))}
     </Component>
   );