@micromag/core 0.4.90-alpha.6 → 0.4.94

package/assets/css/styles.css

@@ -5,7 +5,6 @@
 
 .micromag-core-menus-breadcrumb-container .micromag-core-menus-breadcrumb-arrow+.micromag-core-menus-breadcrumb-arrow:before{content:">"}
 .micromag-core-menus-navbar-collapse{-ms-flex-preferred-size:initial;flex-basis:auto;-ms-flex-positive:initial;flex-grow:0}@media screen and (min-width:768px){.micromag-core-menus-navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1}}
-
 .micromag-core-menus-tabs-container{display:inline-block;position:relative}
 .micromag-core-panels-container{position:static}
 .micromag-core-panels-panel-container{position:static}

package/es/components.js

@@ -4,7 +4,7 @@ import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import { Link as Link$1 } from 'wouter';
-import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
+import { FormattedMessage, FormattedDate, FormattedTime } from 'react-intl';
 import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
 import { faClose } from '@fortawesome/free-solid-svg-icons/faClose';
 import { faAngleDown } from '@fortawesome/free-solid-svg-icons/faAngleDown';
@@ -65,7 +65,7 @@ function Label(t0) {
   return t3;
 }
 
-var styles$m = {"container":"micromag-core-buttons-button-container","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withoutStyle":"micromag-core-buttons-button-withoutStyle","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns"};
+var styles$l = {"container":"micromag-core-buttons-button-container","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withoutStyle":"micromag-core-buttons-button-withoutStyle","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns"};
 
 function Button$1({
   type = 'button',
@@ -106,10 +106,10 @@ function Button$1({
   const content = /*#__PURE__*/jsxs(Fragment, {
     children: [hasInlineIcon ? /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx("span", {
-        className: classNames([styles$m.icon, iconClassName]),
+        className: classNames([styles$l.icon, iconClassName]),
         children: icon
       }), text !== null ? /*#__PURE__*/jsx("span", {
-        className: classNames([styles$m.label, labelClassName]),
+        className: classNames([styles$l.label, labelClassName]),
         children: text
       }) : null]
     }) : null, hasIconColumns ? /*#__PURE__*/jsxs(Fragment, {
@@ -120,7 +120,7 @@ function Button$1({
         className: classNames([labelClassName]),
         children: text
       }), /*#__PURE__*/jsx("span", {
-        className: classNames([styles$m.right, iconPosition === 'right' ? iconClassName : null]),
+        className: classNames([styles$l.right, iconPosition === 'right' ? iconClassName : null]),
         children: iconPosition === 'right' ? icon : null
       }), hasChildren ? children : null]
     }) : null, !hasIcon ? text : null, hasChildren ? children : null]
@@ -131,10 +131,10 @@ function Button$1({
     [`btn-${outline ? 'outline-' : ''}${theme}`]: theme !== null,
     [`btn-${size}`]: size !== null,
     active: active
-  } : null, styles$m.container, {
-    [styles$m.withoutStyle]: withoutStyle,
-    [styles$m.withIcon]: hasIcon,
-    [styles$m.withIconColumns]: hasIconColumns
+  } : null, styles$l.container, {
+    [styles$l.withoutStyle]: withoutStyle,
+    [styles$l.withIcon]: hasIcon,
+    [styles$l.withIconColumns]: hasIconColumns
   }, className]);
   if (href !== null) {
     const linkClassNames = classNames([buttonClassNames, {
@@ -603,7 +603,7 @@ function FieldForm(t0) {
   return t19;
 }
 
-var styles$l = {"container":"micromag-core-forms-form-container","panel":"micromag-core-forms-form-panel","actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+var styles$k = {"container":"micromag-core-forms-form-container","panel":"micromag-core-forms-form-panel","actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
 /* eslint-disable no-lone-blocks */
 const emptyArray$7 = [];
@@ -714,7 +714,7 @@ function Form({
 
   return /*#__PURE__*/jsxs("form", {
     action: action,
-    className: classNames([styles$l.container, className, {
+    className: classNames([styles$k.container, className, {
       // 'was-validated': status !== null,
     }]),
     method: method,
@@ -727,7 +727,7 @@ function Form({
         onClick: closeFieldForm
       })
     }) : null, fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/jsx("div", {
-      className: classNames(['w-100', styles$l.panel]),
+      className: classNames(['w-100', styles$k.panel]),
       children: /*#__PURE__*/jsx(FieldForm, {
         name: fieldName,
         fields: fields,
@@ -744,13 +744,13 @@ function Form({
       onChange: setValue,
       gotoFieldForm: gotoFieldForm,
       closeFieldForm: closeFieldForm,
-      className: classNames([styles$l.fields, fieldsClassName])
+      className: classNames([styles$k.fields, fieldsClassName])
     }) : null, generalError ? /*#__PURE__*/jsx("p", {
       className: "text-danger my-1",
       children: generalError
     }) : null, children, !withoutActions && fieldParams === null ? /*#__PURE__*/jsxs("div", {
-      className: classNames([styles$l.actions, actionsClassName, {
-        [styles$l[actionsAlign]]: actionsAlign
+      className: classNames([styles$k.actions, actionsClassName, {
+        [styles$k[actionsAlign]]: actionsAlign
       }]),
       children: [onCancel !== null || onCancelHref !== null ? /*#__PURE__*/jsx(Button$1, {
         type: "button",
@@ -766,7 +766,7 @@ function Form({
         })
       }) : null, buttons !== null ? /*#__PURE__*/jsx(Buttons, {
         buttons: buttons,
-        className: styles$l.buttons
+        className: styles$k.buttons
       }) : /*#__PURE__*/jsx(Button$1, {
         type: "submit",
         theme: submitButtonTheme || 'primary',
@@ -783,7 +783,7 @@ function Form({
   });
 }
 
-var styles$k = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
+var styles$j = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
 
 function Link(t0) {
   const $ = c(18);
@@ -836,7 +836,7 @@ function Link(t0) {
   if ($[9] !== children || $[10] !== className || $[11] !== external || $[12] !== href || $[13] !== props || $[14] !== rel || $[15] !== target || $[16] !== withoutStyle) {
     t8 = external ? /*#__PURE__*/jsx("a", {
       className: classNames([className, {
-        [styles$k.withoutStyle]: withoutStyle
+        [styles$j.withoutStyle]: withoutStyle
       }]),
       href: href,
       target: target,
@@ -847,7 +847,7 @@ function Link(t0) {
       })
     }) : /*#__PURE__*/jsx(Link$1, {
       className: classNames([className, {
-        [styles$k.withoutStyle]: withoutStyle
+        [styles$j.withoutStyle]: withoutStyle
       }]),
       href: href,
       ...props,
@@ -989,7 +989,7 @@ function Card({
   });
 }
 
-var styles$j = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated"};
+var styles$i = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated"};
 
 function Spinner(t0) {
   const $ = c(9);
@@ -1005,8 +1005,8 @@ function Spinner(t0) {
   const className = t4 === undefined ? null : t4;
   let t5;
   if ($[0] !== animated || $[1] !== className) {
-    t5 = classNames([styles$j.container, className, {
-      [styles$j.animated]: animated
+    t5 = classNames([styles$i.container, className, {
+      [styles$i.animated]: animated
     }]);
     $[0] = animated;
     $[1] = className;
@@ -1017,7 +1017,7 @@ function Spinner(t0) {
   let t6;
   if ($[3] !== color || $[4] !== strokeWidth) {
     t6 = /*#__PURE__*/jsx("circle", {
-      className: styles$j.path,
+      className: styles$i.path,
       cx: "20",
       cy: "20",
       r: "12",
@@ -1050,7 +1050,7 @@ function Spinner(t0) {
   return t7;
 }
 
-var styles$i = {"container":"micromag-core-forms-form-panel-container"};
+var styles$h = {"container":"micromag-core-forms-form-panel-container"};
 
 function FormPanel(t0) {
   const $ = c(16);
@@ -1086,7 +1086,7 @@ function FormPanel(t0) {
   const className = t4 === undefined ? null : t4;
   let t5;
   if ($[6] !== className) {
-    t5 = classNames([styles$i.container, className]);
+    t5 = classNames([styles$h.container, className]);
     $[6] = className;
     $[7] = t5;
   } else {
@@ -1499,7 +1499,7 @@ function UnmuteIcon(t0) {
   return t5;
 }
 
-var styles$h = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
+var styles$g = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
 const emptyArray$6 = [];
 function Breadcrumb({
@@ -1513,7 +1513,7 @@ function Breadcrumb({
   return /*#__PURE__*/jsx("nav", {
     className: className,
     children: /*#__PURE__*/jsx("ol", {
-      className: classNames([styles$h.container, 'breadcrumb', 'mb-0', theme !== null ? `text-${theme}` : null, {
+      className: classNames([styles$g.container, 'breadcrumb', 'mb-0', theme !== null ? `text-${theme}` : null, {
         'p-0': withoutBar,
         'bg-transparent': withoutBar,
         'rounded-0': withoutBar,
@@ -1527,7 +1527,7 @@ function Breadcrumb({
       }, index) => /*#__PURE__*/jsxs("li", {
         className: classNames(['breadcrumb-item', {
           active,
-          [styles$h.arrow]: separator === 'arrow',
+          [styles$g.arrow]: separator === 'arrow',
           [`text-${theme}`]: active && theme !== null
         }]),
         children: [active ? /*#__PURE__*/jsx(Label, {
@@ -1896,7 +1896,7 @@ function _temp$9() {
   return false;
 }
 
-var styles$g = {"collapse":"micromag-core-menus-navbar-collapse"};
+var styles$f = {"collapse":"micromag-core-menus-navbar-collapse"};
 
 function Navbar(t0) {
   const $ = c(45);
@@ -2043,7 +2043,7 @@ function Navbar(t0) {
   let t25;
   if ($[30] !== children || $[31] !== collapseClassName || $[32] !== menuVisible || $[33] !== withoutCollapse) {
     t25 = !withoutCollapse ? /*#__PURE__*/jsx("div", {
-      className: classNames(["navbar-collapse", "collapse", styles$g.collapse, collapseClassName, {
+      className: classNames(["navbar-collapse", "collapse", styles$f.collapse, collapseClassName, {
         show: menuVisible
       }]),
       children: children
@@ -2087,20 +2087,8 @@ function Navbar(t0) {
   return t27;
 }
 
-var styles$f = {"container":"micromag-core-menus-pagination-container"};
-
-const messages = defineMessages({
-  previous: {
-    id: "menus.pagination.previous",
-    defaultMessage: "Previous"
-  },
-  next: {
-    id: "menus.pagination.next",
-    defaultMessage: "next"
-  }
-});
 function PaginationMenu(t0) {
-  const $ = c(50);
+  const $ = c(48);
   const {
     page: t1,
     lastPage: t2,
@@ -2167,21 +2155,15 @@ function PaginationMenu(t0) {
       return pageNumber >= startPage && pageNumber <= endPage ? [...selectedPages, pageNumber] : selectedPages;
     }, []) : pageNumbers;
     const pages = strippedPages.length > 0 ? strippedPages : [1];
-    if ($[17] !== className) {
-      t17 = classNames([styles$f.container, className]);
-      $[17] = className;
-      $[18] = t17;
+    t17 = className;
+    if ($[17] !== paginationClassName) {
+      t14 = classNames(["pagination mb-0", paginationClassName]);
+      $[17] = paginationClassName;
+      $[18] = t14;
     } else {
-      t17 = $[18];
+      t14 = $[18];
     }
-    if ($[19] !== paginationClassName) {
-      t14 = classNames(["pagination", paginationClassName]);
-      $[19] = paginationClassName;
-      $[20] = t14;
-    } else {
-      t14 = $[20];
-    }
-    if ($[21] !== getUrl || $[22] !== itemClassName || $[23] !== linkClassName || $[24] !== onClickPage || $[25] !== page || $[26] !== withPreviousNext) {
+    if ($[19] !== getUrl || $[20] !== itemClassName || $[21] !== linkClassName || $[22] !== onClickPage || $[23] !== page || $[24] !== withPreviousNext) {
       t15 = withPreviousNext ? /*#__PURE__*/jsx("li", {
         className: classNames(["page-item", itemClassName, {
           disabled: page <= 1
@@ -2190,26 +2172,30 @@ function PaginationMenu(t0) {
           className: classNames(["page-link", linkClassName]),
           href: getUrl(page - 1),
           onClick: onClickPage !== null ? () => onClickPage(page - 1) : null,
-          children: messages.previous
+          children: /*#__PURE__*/jsx(FormattedMessage, {
+            id: "EsoYzX",
+            defaultMessage: "Previous"
+          })
         }) : /*#__PURE__*/jsx("span", {
           className: classNames(["page-link", linkClassName]),
-          children: /*#__PURE__*/jsx(Label, {
-            children: messages.previous
+          children: /*#__PURE__*/jsx(FormattedMessage, {
+            id: "EsoYzX",
+            defaultMessage: "Previous"
           })
         })
       }) : null;
-      $[21] = getUrl;
-      $[22] = itemClassName;
-      $[23] = linkClassName;
-      $[24] = onClickPage;
-      $[25] = page;
-      $[26] = withPreviousNext;
-      $[27] = t15;
+      $[19] = getUrl;
+      $[20] = itemClassName;
+      $[21] = linkClassName;
+      $[22] = onClickPage;
+      $[23] = page;
+      $[24] = withPreviousNext;
+      $[25] = t15;
     } else {
-      t15 = $[27];
+      t15 = $[25];
     }
     let t18;
-    if ($[28] !== getUrl || $[29] !== itemClassName || $[30] !== linkClassName || $[31] !== onClickPage || $[32] !== page) {
+    if ($[26] !== getUrl || $[27] !== itemClassName || $[28] !== linkClassName || $[29] !== onClickPage || $[30] !== page) {
       t18 = pageNumber_0 => /*#__PURE__*/jsx("li", {
         className: classNames(["page-item", itemClassName, {
           active: pageNumber_0 === page
@@ -2221,14 +2207,14 @@ function PaginationMenu(t0) {
           children: pageNumber_0
         })
       }, `page-${pageNumber_0}`);
-      $[28] = getUrl;
-      $[29] = itemClassName;
-      $[30] = linkClassName;
-      $[31] = onClickPage;
-      $[32] = page;
-      $[33] = t18;
+      $[26] = getUrl;
+      $[27] = itemClassName;
+      $[28] = linkClassName;
+      $[29] = onClickPage;
+      $[30] = page;
+      $[31] = t18;
     } else {
-      t18 = $[33];
+      t18 = $[31];
     }
     t16 = pages.map(t18);
     $[3] = className;
@@ -2252,7 +2238,7 @@ function PaginationMenu(t0) {
     t17 = $[16];
   }
   let t18;
-  if ($[34] !== getUrl || $[35] !== itemClassName || $[36] !== linkClassName || $[37] !== onClickPage || $[38] !== page || $[39] !== total || $[40] !== withPreviousNext) {
+  if ($[32] !== getUrl || $[33] !== itemClassName || $[34] !== linkClassName || $[35] !== onClickPage || $[36] !== page || $[37] !== total || $[38] !== withPreviousNext) {
     t18 = withPreviousNext ? /*#__PURE__*/jsx("li", {
       className: classNames(["page-item", itemClassName, {
         disabled: page >= total
@@ -2261,50 +2247,54 @@ function PaginationMenu(t0) {
         className: classNames(["page-link", linkClassName]),
         href: getUrl(page + 1),
         onClick: onClickPage !== null ? () => onClickPage(page + 1) : null,
-        children: messages.next
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "X5RJlB",
+          defaultMessage: "Next"
+        })
       }) : /*#__PURE__*/jsx("span", {
         className: classNames(["page-link", linkClassName]),
-        children: /*#__PURE__*/jsx(Label, {
-          children: messages.next
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "X5RJlB",
+          defaultMessage: "Next"
         })
       })
     }) : null;
-    $[34] = getUrl;
-    $[35] = itemClassName;
-    $[36] = linkClassName;
-    $[37] = onClickPage;
-    $[38] = page;
-    $[39] = total;
-    $[40] = withPreviousNext;
-    $[41] = t18;
+    $[32] = getUrl;
+    $[33] = itemClassName;
+    $[34] = linkClassName;
+    $[35] = onClickPage;
+    $[36] = page;
+    $[37] = total;
+    $[38] = withPreviousNext;
+    $[39] = t18;
   } else {
-    t18 = $[41];
+    t18 = $[39];
   }
   let t19;
-  if ($[42] !== t14 || $[43] !== t15 || $[44] !== t16 || $[45] !== t18) {
+  if ($[40] !== t14 || $[41] !== t15 || $[42] !== t16 || $[43] !== t18) {
     t19 = /*#__PURE__*/jsxs("ul", {
       className: t14,
       children: [t15, t16, t18]
     });
-    $[42] = t14;
-    $[43] = t15;
-    $[44] = t16;
-    $[45] = t18;
-    $[46] = t19;
+    $[40] = t14;
+    $[41] = t15;
+    $[42] = t16;
+    $[43] = t18;
+    $[44] = t19;
   } else {
-    t19 = $[46];
+    t19 = $[44];
   }
   let t20;
-  if ($[47] !== t17 || $[48] !== t19) {
+  if ($[45] !== t17 || $[46] !== t19) {
     t20 = /*#__PURE__*/jsx("nav", {
       className: t17,
       children: t19
     });
-    $[47] = t17;
-    $[48] = t19;
-    $[49] = t20;
+    $[45] = t17;
+    $[46] = t19;
+    $[47] = t20;
   } else {
-    t20 = $[49];
+    t20 = $[47];
   }
   return t20;
 }

package/es/styles.css

@@ -5,7 +5,6 @@
 
 .micromag-core-menus-breadcrumb-container .micromag-core-menus-breadcrumb-arrow+.micromag-core-menus-breadcrumb-arrow:before{content:">"}
 .micromag-core-menus-navbar-collapse{-ms-flex-preferred-size:initial;flex-basis:auto;-ms-flex-positive:initial;flex-grow:0}@media screen and (min-width:768px){.micromag-core-menus-navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1}}
-
 .micromag-core-menus-tabs-container{display:inline-block;position:relative}
 .micromag-core-panels-container{position:static}
 .micromag-core-panels-panel-container{position:static}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.90-alpha.6",
+    "version": "0.4.94",
     "private": false,
     "description": "",
     "keywords": [
@@ -160,6 +160,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "fb5d460cfd02ce7d898f7220baad63b30eab83a9",
+    "gitHead": "1650fe8984be10331dcf6ae1c80fee26510365b1",
     "types": "es/index.d.ts"
 }