@micromag/element-stack 0.2.337 → 0.2.357

package/es/index.js

@@ -175,5 +175,4 @@ var VStack = function VStack(props) {
 VStack.propTypes = propTypes;
 VStack.defaultProps = defaultProps;
 
-export default Stack;
-export { HStack, Spacer, StackProvider, VStack, useStack, useStackDirection };
+export { HStack, Spacer, StackProvider, VStack, Stack as default, useStack, useStackDirection };

package/lib/index.js

@@ -22,7 +22,7 @@ var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
 var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
 
 /* eslint-disable react/jsx-props-no-spreading */
-var StackContext = /*#__PURE__*/React__default['default'].createContext({
+var StackContext = /*#__PURE__*/React__default["default"].createContext({
   direction: 'horizontal'
 });
 var useStack = function useStack() {
@@ -35,8 +35,8 @@ var useStackDirection = function useStackDirection() {
   return direction;
 };
 var propTypes$4 = {
-  children: PropTypes__default['default'].node.isRequired,
-  direction: PropTypes__default['default'].oneOf(['vertical', 'horizontal'])
+  children: PropTypes__default["default"].node.isRequired,
+  direction: PropTypes__default["default"].oneOf(['vertical', 'horizontal'])
 };
 var defaultProps$4 = {
   direction: 'vertical'
@@ -50,7 +50,7 @@ var StackProvider = function StackProvider(_ref) {
       direction: direction
     };
   }, [direction]);
-  return /*#__PURE__*/React__default['default'].createElement(StackContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(StackContext.Provider, {
     value: value
   }, children);
 };
@@ -60,10 +60,10 @@ StackProvider.defaultProps = defaultProps$4;
 var styles$1 = {"container":"micromag-element-stack-spacer-container","hasSize":"micromag-element-stack-spacer-hasSize"};
 
 var propTypes$3 = {
-  size: PropTypes__default['default'].number,
-  minSize: PropTypes__default['default'].number,
-  maxSize: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string
+  size: PropTypes__default["default"].number,
+  minSize: PropTypes__default["default"].number,
+  maxSize: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string
 };
 var defaultProps$3 = {
   size: null,
@@ -80,8 +80,8 @@ var Spacer = function Spacer(_ref) {
       maxSize = _ref.maxSize,
       className = _ref.className;
   var direction = useStackDirection();
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classNames__default['default']([styles$1.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, styles$1.hasSize, size !== null), _defineProperty__default['default'](_ref2, className, className !== null), _ref2)]),
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles$1.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, styles$1.hasSize, size !== null), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)]),
     style: {
       width: direction === 'horizontal' ? size : null,
       minWidth: direction === 'horizontal' ? minSize : null,
@@ -103,12 +103,12 @@ var propTypes$2 = {
   direction: core.PropTypes.stackDirection,
   align: core.PropTypes.stackAlign,
   spacing: core.PropTypes.stackSpacing,
-  reverse: PropTypes__default['default'].bool,
-  size: PropTypes__default['default'].number,
-  minSize: PropTypes__default['default'].number,
-  maxSize: PropTypes__default['default'].number,
-  className: PropTypes__default['default'].string,
-  children: PropTypes__default['default'].node
+  reverse: PropTypes__default["default"].bool,
+  size: PropTypes__default["default"].number,
+  minSize: PropTypes__default["default"].number,
+  maxSize: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string,
+  children: PropTypes__default["default"].node
 };
 var defaultProps$2 = {
   direction: 'horizontal',
@@ -134,13 +134,13 @@ var Stack = function Stack(_ref) {
       children = _ref.children;
   var flexDirection = (direction === 'vertical' ? 'column' : 'row') + (reverse ? '-reverse' : '');
   var alignItems = align === 'center' ? align : "flex-".concat(align);
-  var justifyContent = isString__default['default'](spacing) ? "space-".concat(spacing) : null;
-  var space = isNumber__default['default'](spacing) ? spacing : null;
+  var justifyContent = isString__default["default"](spacing) ? "space-".concat(spacing) : null;
+  var space = isNumber__default["default"](spacing) ? spacing : null;
   var lastIndex = children !== null && children.length ? children.length - 1 : null;
-  return /*#__PURE__*/React__default['default'].createElement(StackProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(StackProvider, {
     direction: direction
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classNames__default['default']([styles.container, _defineProperty__default['default']({}, className, className !== null)]),
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
     style: {
       flexDirection: flexDirection,
       alignItems: alignItems,
@@ -152,11 +152,11 @@ var Stack = function Stack(_ref) {
       minHeight: direction === 'vertical' ? minSize : null,
       maxHeight: direction === 'vertical' ? maxSize : null
     }
-  }, React__default['default'].Children.toArray(children).reduce(function (allChildren, child, index) {
-    return child.type !== Spacer && space !== null && index < lastIndex ? [].concat(_toConsumableArray__default['default'](allChildren), [child, /*#__PURE__*/React__default['default'].createElement(Spacer, {
+  }, React__default["default"].Children.toArray(children).reduce(function (allChildren, child, index) {
+    return child.type !== Spacer && space !== null && index < lastIndex ? [].concat(_toConsumableArray__default["default"](allChildren), [child, /*#__PURE__*/React__default["default"].createElement(Spacer, {
       key: "spacer-".concat(index),
       size: space
-    })]) : [].concat(_toConsumableArray__default['default'](allChildren), [child]);
+    })]) : [].concat(_toConsumableArray__default["default"](allChildren), [child]);
   }, [])));
 };
 
@@ -168,7 +168,7 @@ var propTypes$1 = {};
 var defaultProps$1 = {};
 
 var HStack = function HStack(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Stack, Object.assign({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Stack, Object.assign({}, props, {
     direction: "horizontal"
   }));
 };
@@ -181,7 +181,7 @@ var propTypes = {};
 var defaultProps = {};
 
 var VStack = function VStack(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Stack, Object.assign({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(Stack, Object.assign({}, props, {
     direction: "vertical"
   }));
 };
@@ -193,6 +193,6 @@ exports.HStack = HStack;
 exports.Spacer = Spacer;
 exports.StackProvider = StackProvider;
 exports.VStack = VStack;
-exports.default = Stack;
+exports["default"] = Stack;
 exports.useStack = useStack;
 exports.useStackDirection = useStackDirection;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-stack",
-    "version": "0.2.337",
+    "version": "0.2.357",
     "description": "",
     "keywords": [
         "javascript"
@@ -40,16 +40,16 @@
         "prepare": "../../scripts/prepare-package.sh"
     },
     "devDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.2.337",
+        "@micromag/core": "^0.2.357",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "lodash": "^4.17.20",
@@ -60,5 +60,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "23aad6915308c7f5ae4fd081adf441dcdde35ea8"
+    "gitHead": "978cc1f0c491a8e164ee4c6b8f6433f8fb5972ab"
 }