@micromag/element-stack 0.3.824 → 0.4.4

package/assets/css/styles.css

@@ -1,2 +1,2 @@
-.micromag-element-stack-spacer-container{-ms-flex-positive:1;flex-grow:1}.micromag-element-stack-spacer-container.micromag-element-stack-spacer-hasSize{-ms-flex-positive:0;flex-grow:0}
-.micromag-element-stack-container{display:-ms-flexbox;display:flex}
+.container{-ms-flex-positive:1;flex-grow:1}.container.hasSize{-ms-flex-positive:0;flex-grow:0}
+.container{display:-ms-flexbox;display:flex}

package/es/index.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { StackDirection, StackAlign, StackSpacing } from '@micromag/core';
+
+declare function HStack(props: any): react_jsx_runtime.JSX.Element;
+
+interface SpacerProps {
+    size?: number | null;
+    minSize?: number | null;
+    maxSize?: number | null;
+    className?: string | null;
+}
+declare function Spacer({ size, minSize, maxSize, className }: SpacerProps): react_jsx_runtime.JSX.Element;
+declare namespace Spacer {
+    var withoutTransitionsWrapper: boolean;
+}
+
+interface StackProps {
+    direction?: StackDirection;
+    align?: StackAlign;
+    spacing?: StackSpacing | null;
+    reverse?: boolean;
+    size?: number | null;
+    minSize?: number | null;
+    maxSize?: number | null;
+    className?: string | null;
+    children?: React.ReactNode | null;
+}
+declare function Stack({ direction, align, spacing, reverse, size, minSize, maxSize, className, children, }: StackProps): react_jsx_runtime.JSX.Element;
+
+interface StackProviderProps {
+    children: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+}
+declare const useStack: () => unknown;
+declare const useStackDirection: () => any;
+declare function StackProvider({ direction, children }: StackProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function VStack(props: any): react_jsx_runtime.JSX.Element;
+
+export { HStack, Spacer, StackProvider, VStack, Stack as default, useStack, useStackDirection };

package/es/index.js

@@ -4,8 +4,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
 import isNumber from 'lodash/isNumber';
 import isString from 'lodash/isString';
-import PropTypes from 'prop-types';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 
 /* eslint-disable react/jsx-props-no-spreading */
 var StackContext = /*#__PURE__*/React.createContext({
@@ -19,18 +17,12 @@ var useStackDirection = function useStackDirection() {
     direction = _useContext.direction;
   return direction;
 };
-var propTypes$4 = {
-  children: PropTypes.node.isRequired,
-  direction: PropTypes.oneOf(['vertical', 'horizontal'])
-};
-var defaultProps$4 = {
-  direction: 'vertical'
-};
 
 // Note: this is done to avoid excessive renders on the screens that use the context
 
 function StackProvider(_ref) {
-  var direction = _ref.direction,
+  var _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
     children = _ref.children;
   var value = useMemo(function () {
     return {
@@ -41,28 +33,18 @@ function StackProvider(_ref) {
     value: value
   }, children);
 }
-StackProvider.propTypes = propTypes$4;
-StackProvider.defaultProps = defaultProps$4;
 
-var styles$1 = {"container":"micromag-element-stack-spacer-container","hasSize":"micromag-element-stack-spacer-hasSize"};
+var styles$1 = {"container":"container","hasSize":"hasSize"};
 
-var propTypes$3 = {
-  size: PropTypes.number,
-  minSize: PropTypes.number,
-  maxSize: PropTypes.number,
-  className: PropTypes.string
-};
-var defaultProps$3 = {
-  size: null,
-  minSize: null,
-  maxSize: null,
-  className: null
-};
 function Spacer(_ref) {
-  var size = _ref.size,
-    minSize = _ref.minSize,
-    maxSize = _ref.maxSize,
-    className = _ref.className;
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$minSize = _ref.minSize,
+    minSize = _ref$minSize === void 0 ? null : _ref$minSize,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? null : _ref$maxSize,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var direction = useStackDirection();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.container, _defineProperty(_defineProperty({}, styles$1.hasSize, size !== null), className, className !== null)]),
@@ -76,44 +58,29 @@ function Spacer(_ref) {
     }
   });
 }
-Spacer.propTypes = propTypes$3;
-Spacer.defaultProps = defaultProps$3;
 Spacer.withoutTransitionsWrapper = true;
 
-var styles = {"container":"micromag-element-stack-container"};
+var styles = {"container":"container"};
 
-var propTypes$2 = {
-  direction: PropTypes$1.stackDirection,
-  align: PropTypes$1.stackAlign,
-  spacing: PropTypes$1.stackSpacing,
-  reverse: PropTypes.bool,
-  size: PropTypes.number,
-  minSize: PropTypes.number,
-  maxSize: PropTypes.number,
-  className: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps$2 = {
-  direction: 'horizontal',
-  align: 'center',
-  spacing: null,
-  reverse: false,
-  size: null,
-  minSize: null,
-  maxSize: null,
-  className: null,
-  children: null
-};
 function Stack(_ref) {
-  var direction = _ref.direction,
-    align = _ref.align,
-    spacing = _ref.spacing,
-    reverse = _ref.reverse,
-    size = _ref.size,
-    minSize = _ref.minSize,
-    maxSize = _ref.maxSize,
-    className = _ref.className,
-    children = _ref.children;
+  var _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? null : _ref$spacing,
+    _ref$reverse = _ref.reverse,
+    reverse = _ref$reverse === void 0 ? false : _ref$reverse,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? null : _ref$size,
+    _ref$minSize = _ref.minSize,
+    minSize = _ref$minSize === void 0 ? null : _ref$minSize,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? null : _ref$maxSize,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var flexDirection = (direction === 'vertical' ? 'column' : 'row') + (reverse ? '-reverse' : '');
   var alignItems = align === 'center' ? align : "flex-".concat(align);
   var justifyContent = isString(spacing) ? "space-".concat(spacing) : null;
@@ -141,29 +108,19 @@ function Stack(_ref) {
     })]) : [].concat(_toConsumableArray(allChildren), [child]);
   }, [])));
 }
-Stack.propTypes = propTypes$2;
-Stack.defaultProps = defaultProps$2;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes$1 = {};
-var defaultProps$1 = {};
 function HStack(props) {
   return /*#__PURE__*/React.createElement(Stack, Object.assign({}, props, {
     direction: "horizontal"
   }));
 }
-HStack.propTypes = propTypes$1;
-HStack.defaultProps = defaultProps$1;
 
 /* eslint-disable react/jsx-props-no-spreading */
-var propTypes = {};
-var defaultProps = {};
 function VStack(props) {
   return /*#__PURE__*/React.createElement(Stack, Object.assign({}, props, {
     direction: "vertical"
   }));
 }
-VStack.propTypes = propTypes;
-VStack.defaultProps = defaultProps;
 
 export { HStack, Spacer, StackProvider, VStack, Stack as default, useStack, useStackDirection };

package/es/styles.css

@@ -0,0 +1,2 @@
+.container{-ms-flex-positive:1;flex-grow:1}.container.hasSize{-ms-flex-positive:0;flex-grow:0}
+.container{display:-ms-flexbox;display:flex}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-stack",
-    "version": "0.3.824",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,28 +48,28 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.824",
+        "@micromag/core": "^0.4.4",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "lodash": "^4.17.23",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e266e480cdc5741c73160840affee2eac7e7c9de"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }