@websolutespa/bom-mixer-ui 1.5.2 → 1.5.4

package/CHANGELOG.md

@@ -1,10 +1,25 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.5.4
+
+### Patch Changes
+
+- Modified: Meta
+- Updated dependencies
+  - @websolutespa/bom-mixer-models@1.5.4
+  - @websolutespa/bom-mixer-store@1.4.3
+
+## 1.5.3
+
+### Patch Changes
+
+- Modified: Pagination
+
 ## 1.5.2
 
 ### Patch Changes
 
-- Modified: AccordionGroup, Media, Meta, Pagination, PopoverCollections, Popover, Tabs, utils.
+- Modified: AccordionGroup, Media, Meta, Pagination, PopoverCollections, Popover, Tabs, utils
 - Updated dependencies
   - @websolutespa/bom-mixer-models@1.5.2
   - @websolutespa/bom-mixer-hooks@1.4.1
@@ -14,136 +29,136 @@
 
 ### Patch Changes
 
-- Added: default href to Link.
+- Added: default href to Link
 
 ## 1.5.0
 
 ### Minor Changes
 
-- Modified LazyLoader.
+- Modified LazyLoader
 
 ## 1.4.0
 
 ### Minor Changes
 
-- Added: Main.
-- Modified: Pagination.
+- Added: Main
+- Modified: Pagination
 
 ## 1.3.0
 
 ### Minor Changes
 
-- Added: accessibility.
-- Modified: IThemeForm, form fields, LazyComponents, Media.
+- Added: accessibility
+- Modified: IThemeForm, form fields, LazyComponents, Media
 
 ## 1.2.2
 
 ### Patch Changes
 
-- Modified: MediaImage.
+- Modified: MediaImage
 
 ## 1.2.1
 
 ### Patch Changes
 
-- Added: LayoutDefault.
-- Modified: GlobalStyle, toKebabCase.
+- Added: LayoutDefault
+- Modified: GlobalStyle, toKebabCase
 
 ## 1.2.0
 
 ### Minor Changes
 
-- Fixing: circular references.
-- Added: Link wrapper for next/link.
-- Updating: next 13.
+- Fixing: circular references
+- Added: Link wrapper for next/link
+- Updating: next 13
 
 ## 1.1.0
 
 ### Minor Changes
 
-- Modified: useApi.
+- Modified: useApi
 
 ## 1.0.1
 
 ### Patch Changes
 
-- Fixing: types.
+- Fixing: types
 
 ## 1.0.0
 
 ### Minor Changes
 
-- Added: useFormTester.
+- Added: useFormTester
 
 ## 0.5.1
 
 ### Patch Changes
 
-- Fixing: useVariant.
+- Fixing: useVariant
 
 ## 0.5.0
 
 ### Minor Changes
 
-- Modified: ui variants Forms, theme.json.
+- Modified: ui variants Forms, theme.json
 
 ## 0.4.3
 
 ### Patch Changes
 
-- Modified: Text added getFontVariantResponsive.
+- Modified: Text added getFontVariantResponsive
 
 ## 0.4.2
 
 ### Patch Changes
 
-- Modified: ui variants Grid, Container, Text.
+- Modified: ui variants Grid, Container, Text
 
 ## 0.4.1
 
 ### Patch Changes
 
-- Added: source files.
+- Added: source files
 
 ## 0.4.0
 
 ### Minor Changes
 
-- Added: splat routes.
-- Added: variants.
+- Added: splat routes
+- Added: variants
 
 ## 0.3.0
 
 ### Minor Changes
 
-- Added: @websolutespa/bom-core.
+- Added: @websolutespa/bom-core
 
 ## 0.2.0
 
 ### Minor Changes
 
-- Modified: ITheme, LazyLoader.
+- Modified: ITheme, LazyLoader
 
 ## 0.1.0
 
 ### Minor Changes
 
-- mock refactor.
+- mock refactor
 
 ## 0.0.3
 
 ### Patch Changes
 
-- Modified: assets.
+- Modified: assets
 
 ## 0.0.2
 
 ### Patch Changes
 
-- Modified: assets.
+- Modified: assets
 
 ## 0.0.1
 
 ### Patch Changes
 
-- Added: first release.
+- Added: first release

package/dist/cjs/index.js

@@ -5127,11 +5127,10 @@ const MediaGallery = /*#__PURE__*/React.forwardRef((_a, ref) => {
 });
 MediaGallery.displayName = 'MediaGallery';
 
-function resolveHref(href) {
-  const origin = process.env.NEXT_PUBLIC_URL;
-  return href.startsWith('http') ? href : `${origin}${href}`;
-}
-function Meta() {
+function Meta(_ref) {
+  let {
+    children
+  } = _ref;
   var _a, _b, _e;
   const page = bomMixerHooks.usePage();
   const extra = bomMixerHooks.useExtra();
@@ -5142,7 +5141,7 @@ function Meta() {
   // prev / next
   let relPrev = null;
   let relNext = null;
-  if (bomMixerHooks.isPaginationInfo(extra.pagination)) {
+  if (bomMixerHooks.isPaginationInfo(extra.pagination) && page.href) {
     const pagination = extra.pagination;
     title = title + ` - ${pagination.page}`;
     description = description + ` - ${pagination.page}`;
@@ -5184,60 +5183,62 @@ function Meta() {
     }) : jsxRuntime.jsx("meta", {
       name: "robots",
       content: "noindex, nofollow"
-    }), page.href != null && jsxRuntime.jsx("link", {
+    }), page.href && jsxRuntime.jsx("link", {
       rel: "canonical",
-      href: resolveHref(page.href)
+      href: bomMixerModels.resolveHref(page.href)
     }), relPrev && jsxRuntime.jsx("link", {
       rel: "prev",
-      href: resolveHref(relPrev)
+      href: bomMixerModels.resolveHref(relPrev)
     }), relNext && jsxRuntime.jsx("link", {
       rel: "next",
-      href: resolveHref(relNext)
+      href: bomMixerModels.resolveHref(relNext)
     }), page.alternates && page.alternates.map(alternate => jsxRuntime.jsx("link", {
       rel: "alternate",
-      href: resolveHref(alternate.id),
+      href: bomMixerModels.resolveHref(alternate.id),
       hrefLang: alternate.locale
     }, `${alternate.locale}-${alternate.market}`)), page.media && jsxRuntime.jsx("meta", {
       property: "og:image",
-      content: resolveHref(page.media.src)
-    }), false , jsxRuntime.jsx("link", {
-      rel: "apple-touch-icon",
-      sizes: "180x180",
-      href: "/apple-touch-icon.png"
-    }), jsxRuntime.jsx("link", {
-      rel: "icon",
-      type: "image/png",
-      sizes: "32x32",
-      href: "/favicon-32x32.png"
-    }), jsxRuntime.jsx("link", {
-      rel: "icon",
-      type: "image/png",
-      sizes: "16x16",
-      href: "/favicon-16x16.png"
-    }), jsxRuntime.jsx("link", {
-      rel: "shortcut icon",
-      type: "image/x-icon",
-      href: "/favicon.ico"
-    }), jsxRuntime.jsx("link", {
-      rel: "manifest",
-      href: "/site.webmanifest",
-      crossOrigin: "use-credentials"
-    }), jsxRuntime.jsx("link", {
-      rel: "mask-icon",
-      href: "/safari-pinned-tab.svg",
-      color: "#000000"
-    }), jsxRuntime.jsx("meta", {
-      name: "msapplication-TileColor",
-      content: "#000000"
-    }), jsxRuntime.jsx("meta", {
-      name: "msapplication-config",
-      content: "/browserconfig.xml"
-    }), jsxRuntime.jsx("meta", {
-      name: "theme-color",
-      content: "#000"
-    }), structuredData && jsxRuntime.jsx("script", {
+      content: bomMixerModels.resolveHref(page.media.src)
+    }), false , structuredData && jsxRuntime.jsx("script", {
       type: "application/ld+json",
       children: structuredData
+    }), children ? children : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx("link", {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: "/apple-touch-icon.png"
+      }), jsxRuntime.jsx("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        href: "/favicon-32x32.png"
+      }), jsxRuntime.jsx("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        href: "/favicon-16x16.png"
+      }), jsxRuntime.jsx("link", {
+        rel: "shortcut icon",
+        type: "image/x-icon",
+        href: "/favicon.ico"
+      }), jsxRuntime.jsx("link", {
+        rel: "manifest",
+        href: "/site.webmanifest",
+        crossOrigin: "use-credentials"
+      }), jsxRuntime.jsx("link", {
+        rel: "mask-icon",
+        href: "/safari-pinned-tab.svg",
+        color: "#000000"
+      }), jsxRuntime.jsx("meta", {
+        name: "msapplication-TileColor",
+        content: "#000000"
+      }), jsxRuntime.jsx("meta", {
+        name: "msapplication-config",
+        content: "/browserconfig.xml"
+      }), jsxRuntime.jsx("meta", {
+        name: "theme-color",
+        content: "#000"
+      })]
     })]
   });
 }
@@ -5419,29 +5420,12 @@ const Page = styled__default.default.div`
   ${props => getCssResponsive(props)}
 `;
 
-const tuple = function () {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return args;
-};
-const tupleNumber = function () {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
+const defaultContext$5 = {
+  currentPage: 1,
+  resolveUrl: () => {
+    return undefined;
   }
-  return args;
 };
-tuple('default', 'secondary', 'success', 'warning', 'error', 'abort', 'secondary-light', 'success-light', 'warning-light', 'error-light');
-tuple('default', 'secondary', 'success', 'warning', 'error');
-tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite');
-tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite', 'alert', 'purple', 'violet', 'cyan');
-tuple('default', 'silent', 'prevent');
-tuple('hover', 'click');
-tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
-tuple('start', 'center', 'end', 'left', 'right');
-
-tuple('prev', 'next', 'click');
-const defaultContext$5 = {};
 const PaginationContext = /*#__PURE__*/React__default.default.createContext(defaultContext$5);
 const usePaginationContext = () => React__default.default.useContext(PaginationContext);
 
@@ -5449,7 +5433,7 @@ const StyledPaginationItem$1 = styled__default.default.li`
   margin-right: 0.428em;
   display: inline-block;
 
-  button {
+  button, a {
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
@@ -5504,14 +5488,18 @@ const StyledPaginationItem$1 = styled__default.default.li`
 `;
 const PaginationItem = _a => {
   var {
+      href,
       className,
       children,
       active,
       disabled,
       onClick
     } = _a,
-    props = __rest(_a, ["className", "children", "active", "disabled", "onClick"]);
+    props = __rest(_a, ["href", "className", "children", "active", "disabled", "onClick"]);
   const onClick_ = event => {
+    if (href) {
+      event.preventDefault();
+    }
     if (disabled) {
       return;
     }
@@ -5526,7 +5514,10 @@ const PaginationItem = _a => {
       "aria-label": props['aria-label'],
       className: classNames,
       onClick: onClick_
-    }, props, {
+    }, href ? {
+      as: 'a',
+      href
+    } : {}, props, {
       children: children
     }))
   });
@@ -5539,15 +5530,18 @@ const PaginationNext = _a => {
     } = _a,
     props = __rest(_a, ["children"]);
   const {
+    currentPage,
+    isLast,
     update,
-    isLast
+    resolveUrl
   } = usePaginationContext();
   return jsxRuntime.jsx(PaginationItem, Object.assign({
     className: "pagination-next",
     disabled: isLast,
     "aria-disabled": isLast,
     "aria-label": "next page",
-    onClick: () => update && update('next')
+    onClick: () => update && update('next'),
+    href: resolveUrl(currentPage + 1)
   }, props, {
     children: children
   }));
@@ -5643,6 +5637,9 @@ const PaginationPages = _ref => {
     current,
     setPage
   } = _ref;
+  const {
+    resolveUrl
+  } = usePaginationContext();
   const showPages = React.useMemo(() => {
     const oddLimit = limit % 2 === 0 ? limit - 1 : limit;
     return oddLimit - 2;
@@ -5657,6 +5654,7 @@ const PaginationPages = _ref => {
     "aria-label": `page ${value}`,
     active: value === active,
     onClick: () => setPage(value),
+    href: resolveUrl(value),
     children: value
   }, `pagination-item-${value}`), [setPage]);
   const renderStartItems = pagesArray.map((_, index) => {
@@ -5670,6 +5668,7 @@ const PaginationPages = _ref => {
       "aria-label": `page ${value}`,
       active: index + 1 === middleNumber,
       onClick: () => setPage(value),
+      href: resolveUrl(value),
       children: value
     }, `pagination-middle-${index}`);
   });
@@ -5686,6 +5685,7 @@ const PaginationPages = _ref => {
           "aria-label": `page ${value}`,
           active: value === current,
           onClick: () => setPage(value),
+          href: resolveUrl(value),
           children: value
         }, `pagination-item-${value}`);
       })
@@ -5712,8 +5712,10 @@ const PaginationPrevious = _a => {
     } = _a,
     props = __rest(_a, ["children"]);
   const {
+    currentPage,
+    isFirst,
     update,
-    isFirst
+    resolveUrl
   } = usePaginationContext();
   return jsxRuntime.jsx(PaginationItem, Object.assign({
     className: "pagination-previous",
@@ -5721,7 +5723,8 @@ const PaginationPrevious = _a => {
     "aria-disabled": isFirst,
     "aria-label": "previous page",
     title: "previous page",
-    onClick: () => update && update('prev')
+    onClick: () => update && update('prev'),
+    href: resolveUrl(currentPage - 1)
   }, props, {
     children: children
   }));
@@ -5753,7 +5756,7 @@ const StyledNav = styled__default.default.ul`
     margin-right: 0;
   }
 `;
-const PaginationBase = _a => {
+function PaginationBase(_a) {
   var {
       className = '',
       initialPage = 1,
@@ -5761,9 +5764,10 @@ const PaginationBase = _a => {
       limit = 7,
       page: customPage,
       children,
-      onChange
+      onChange,
+      urlResolver
     } = _a,
-    props = __rest(_a, ["className", "initialPage", "count", "limit", "page", "children", "onChange"]);
+    props = __rest(_a, ["className", "initialPage", "count", "limit", "page", "children", "onChange", "urlResolver"]);
   const label = bomMixerHooks.useLabel();
   const [page, setPage, pageRef] = bomMixerHooks.useCurrentState(initialPage);
   const [, prevChildren] = pickChild(children, PaginationPrevious);
@@ -5788,9 +5792,11 @@ const PaginationBase = _a => {
   };
   const values = React.useMemo(() => {
     return {
+      currentPage: page,
       isFirst: page <= 1,
       isLast: page >= count,
-      update
+      update,
+      resolveUrl: page => urlResolver ? urlResolver(page) : undefined
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page, count]);
@@ -5822,7 +5828,7 @@ const PaginationBase = _a => {
       })
     }))
   });
-};
+}
 const Pagination = bomCore.withSchema(PaginationBase, {
   Previous: PaginationPrevious,
   Next: PaginationNext,
@@ -9157,6 +9163,27 @@ const radioVariants = {
   default: CssRadioDefault
 };
 
+const tuple = function () {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args;
+};
+const tupleNumber = function () {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+  return args;
+};
+tuple('default', 'secondary', 'success', 'warning', 'error', 'abort', 'secondary-light', 'success-light', 'warning-light', 'error-light');
+tuple('default', 'secondary', 'success', 'warning', 'error');
+tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite');
+tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite', 'alert', 'purple', 'violet', 'cyan');
+tuple('default', 'silent', 'prevent');
+tuple('hover', 'click');
+tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
+tuple('start', 'center', 'end', 'left', 'right');
+
 const RatingSvg = props => jsxRuntime.jsx("svg", {
   viewBox: "0 0 24 24",
   /*