@micromag/element-grid 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-grid-container{position:relative}.micromag-element-grid-container .micromag-element-grid-items{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:stretch;align-items:stretch;height:100%}.micromag-element-grid-container .micromag-element-grid-cross{display:-ms-flexbox;display:flex;position:relative}.micromag-element-grid-container .micromag-element-grid-axis{position:relative}
+.container{position:relative}.container .items{height:100%;-ms-flex-align:stretch;align-items:stretch}.container .cross,.container .items{display:-ms-flexbox;display:flex;position:relative}.container .axis{position:relative}

package/es/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { GridLayout } from '@micromag/core';
+
+interface GridProps {
+    layout?: GridLayout | null;
+    items?: React.ReactNode[];
+    width?: number | null;
+    height?: number | null;
+    spacing?: number;
+    vertical?: boolean;
+    className?: string | null;
+    axisClassName?: string | null;
+    crossClassName?: string | null;
+}
+declare function Grid({ items, layout, width, height, spacing, vertical, className, axisClassName, crossClassName, }: GridProps): react_jsx_runtime.JSX.Element;
+
+export { Grid as default };

package/es/index.js

@@ -1,44 +1,29 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
 import isArray from 'lodash/isArray';
-import PropTypes from 'prop-types';
 import React from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 
-var styles = {"container":"micromag-element-grid-container","items":"micromag-element-grid-items","cross":"micromag-element-grid-cross","axis":"micromag-element-grid-axis"};
+var styles = {"container":"container","items":"items","cross":"cross","axis":"axis"};
 
-var propTypes = {
-  layout: PropTypes$1.gridLayout,
-  items: PropTypes.arrayOf(PropTypes.node),
-  width: PropTypes.number,
-  height: PropTypes.number,
-  spacing: PropTypes.number,
-  vertical: PropTypes.bool,
-  className: PropTypes.string,
-  axisClassName: PropTypes.string,
-  crossClassName: PropTypes.string
-};
-var defaultProps = {
-  layout: null,
-  items: [],
-  width: null,
-  height: null,
-  spacing: 0,
-  vertical: false,
-  className: null,
-  axisClassName: null,
-  crossClassName: null
-};
 function Grid(_ref) {
-  var items = _ref.items,
-    layout = _ref.layout,
-    width = _ref.width,
-    height = _ref.height,
-    spacing = _ref.spacing,
-    vertical = _ref.vertical,
-    className = _ref.className,
-    axisClassName = _ref.axisClassName,
-    crossClassName = _ref.crossClassName;
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? null : _ref$layout,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 0 : _ref$spacing,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? false : _ref$vertical,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$axisClassName = _ref.axisClassName,
+    axisClassName = _ref$axisClassName === void 0 ? null : _ref$axisClassName,
+    _ref$crossClassName = _ref.crossClassName,
+    crossClassName = _ref$crossClassName === void 0 ? null : _ref$crossClassName;
   var itemIndex = 0;
   var finalLayout = isArray(layout) ? layout : [{
     rows: vertical ? items.map(function () {
@@ -102,7 +87,5 @@ function Grid(_ref) {
     }));
   })));
 }
-Grid.propTypes = propTypes;
-Grid.defaultProps = defaultProps;
 
 export { Grid as default };

package/es/styles.css

@@ -0,0 +1 @@
+.container{position:relative}.container .items{height:100%;-ms-flex-align:stretch;align-items:stretch}.container .cross,.container .items{display:-ms-flexbox;display:flex;position:relative}.container .axis{position:relative}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-grid",
-    "version": "0.3.832",
+    "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.832",
+        "@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": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }