@websolutespa/bom-mixer-ui 0.5.1 → 1.0.1

package/CHANGELOG.md

@@ -1,74 +1,86 @@
-# @websolutespa/bom-mixer-ui
-
-## 0.5.1
-
-### Patch Changes
-
-- Fixing: useVariant.
-
-## 0.5.0
-
-### Minor Changes
-
-- Modified: ui variants Forms, theme.json.
-
-## 0.4.3
-
-### Patch Changes
-
-- Modified: Text added getFontVariantResponsive.
-
-## 0.4.2
-
-### Patch Changes
-
-- Modified: ui variants Grid, Container, Text.
-
-## 0.4.1
-
-### Patch Changes
-
-- Added: source files.
-
-## 0.4.0
-
-### Minor Changes
-
-- Added: splat routes.
-- Added: variants.
-
-## 0.3.0
-
-### Minor Changes
-
-- Added: @websolutespa/bom-core.
-
-## 0.2.0
-
-### Minor Changes
-
-- Modified: ITheme, LazyLoader.
-
-## 0.1.0
-
-### Minor Changes
-
-- mock refactor.
-
-## 0.0.3
-
-### Patch Changes
-
-- Modified: assets.
-
-## 0.0.2
-
-### Patch Changes
-
-- Modified: assets.
-
-## 0.0.1
-
-### Patch Changes
-
-- Added: first release.
+# @websolutespa/bom-mixer-ui
+
+## 1.0.1
+
+### Patch Changes
+
+- Fixing: types.
+
+## 1.0.0
+
+### Minor Changes
+
+- Added: useFormTester.
+
+## 0.5.1
+
+### Patch Changes
+
+- Fixing: useVariant.
+
+## 0.5.0
+
+### Minor Changes
+
+- Modified: ui variants Forms, theme.json.
+
+## 0.4.3
+
+### Patch Changes
+
+- Modified: Text added getFontVariantResponsive.
+
+## 0.4.2
+
+### Patch Changes
+
+- Modified: ui variants Grid, Container, Text.
+
+## 0.4.1
+
+### Patch Changes
+
+- Added: source files.
+
+## 0.4.0
+
+### Minor Changes
+
+- Added: splat routes.
+- Added: variants.
+
+## 0.3.0
+
+### Minor Changes
+
+- Added: @websolutespa/bom-core.
+
+## 0.2.0
+
+### Minor Changes
+
+- Modified: ITheme, LazyLoader.
+
+## 0.1.0
+
+### Minor Changes
+
+- mock refactor.
+
+## 0.0.3
+
+### Patch Changes
+
+- Modified: assets.
+
+## 0.0.2
+
+### Patch Changes
+
+- Modified: assets.
+
+## 0.0.1
+
+### Patch Changes
+
+- Added: first release.

package/dist/cjs/index.js

@@ -41,6 +41,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
 function __rest(s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -76,6 +78,10 @@ function __awaiter(thisArg, _arguments, P, generator) {
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 }
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const defaultContext$6 = {
   values: []
@@ -472,8 +478,8 @@ const CssObj = {
   'columnSpan': 'column-span',
   'columnWidth': 'column-width',
   'columns': 'columns',
-  'content': 'content',
   /*
+  'content': 'content',
   "counterIncrement": "counter-increment",
   "counterReset": "counter-reset",
   */
@@ -969,22 +975,20 @@ function BreadcrumbGroup(_a) {
     } = _a,
     props = __rest(_a, ["items"]);
   // console.log('BreadcrumbGroup', items);
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: jsxRuntime.jsx(Breadcrumb, Object.assign({}, props, {
-      children: items.map((x, i) => i < items.length - 1 && x.href ? jsxRuntime.jsx(Link__default.default, Object.assign({
-        href: x.href,
-        passHref: true
+  return jsxRuntime.jsx(Breadcrumb, Object.assign({}, props, {
+    children: items.map((x, i) => i < items.length - 1 && x.href ? jsxRuntime.jsx(Link__default.default, Object.assign({
+      href: x.href,
+      passHref: true
+    }, {
+      children: jsxRuntime.jsx(Breadcrumb.Item, Object.assign({
+        nextLink: true
       }, {
-        children: jsxRuntime.jsx(Breadcrumb.Item, Object.assign({
-          nextLink: true
-        }, {
-          children: x.title
-        }))
-      }), i) : jsxRuntime.jsx(Breadcrumb.Item, {
         children: x.title
-      }, i))
-    }))
-  });
+      }))
+    }), i) : jsxRuntime.jsx(Breadcrumb.Item, {
+      children: x.title
+    }, i))
+  }));
 }
 
 const StyledBreadcrumb = styled__default.default.div`
@@ -3477,6 +3481,10 @@ body {
   scroll-behavior: smooth;
 }
 
+body {
+  height: auto;
+}
+
 .negative {
   background: var(--color-neutral-900);
   color: var(--color-neutral-100);
@@ -4737,6 +4745,7 @@ const StyledText = styled__default.default.div`
     ${font.fontWeight ? styled.css`font-weight: var(--font-${variant}-font-weight, inherit);` : ''}
   `)};
   ${props => props.gradient ? styled.css`
+    display: -webkit-inline-box;
     background: -webkit-linear-gradient(0deg, var(--color-secondary-500), var(--color-primary-500));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -5029,7 +5038,7 @@ MediaGallery.displayName = 'MediaGallery';
 
 const origin = process.env.NEXT_PUBLIC_URL;
 function Meta() {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const page = bomMixerHooks.usePage();
   return jsxRuntime.jsxs(Head__default.default, {
     children: [jsxRuntime.jsx("title", {
@@ -5037,18 +5046,19 @@ function Meta() {
     }), jsxRuntime.jsx("meta", {
       name: "description",
       content: (_b = page.meta) === null || _b === void 0 ? void 0 : _b.description
-    }), jsxRuntime.jsx("meta", {
-      name: "keywords",
-      content: (_c = page.meta) === null || _c === void 0 ? void 0 : _c.keywords
-    }), jsxRuntime.jsx("meta", {
+    }), bomCore.isProduction ? jsxRuntime.jsx("meta", {
+      name: "robots",
+      content: ((_c = page.meta) === null || _c === void 0 ? void 0 : _c.robots) || 'index, follow'
+    }) : jsxRuntime.jsx("meta", {
       name: "robots",
-      content: (_d = page.meta) === null || _d === void 0 ? void 0 : _d.robots
+      content: "noindex, nofollow"
     }), page.href && jsxRuntime.jsx("link", {
       rel: "canonical",
       href: origin + page.href
     }), page.alternates && page.alternates.map(alternate => jsxRuntime.jsx("link", {
       rel: "alternate",
-      href: origin + alternate.id
+      href: origin + alternate.id,
+      hrefLang: alternate.locale
     }, `${alternate.locale}-${alternate.market}`)), page.media && jsxRuntime.jsx("meta", {
       property: "og:image",
       content: origin + page.media.src
@@ -5076,7 +5086,8 @@ function Meta() {
       href: "/favicon.ico"
     }), jsxRuntime.jsx("link", {
       rel: "manifest",
-      href: "/site.webmanifest"
+      href: "/site.webmanifest",
+      crossOrigin: "use-credentials"
     }), jsxRuntime.jsx("link", {
       rel: "mask-icon",
       href: "/safari-pinned-tab.svg",
@@ -5144,21 +5155,19 @@ const NavLi = styled__default.default.li`
   padding: 0;
 `;
 const NavRow = props => {
-  const navProps = Object.assign({
-    alignItems: 'center'
-  }, props);
-  return jsxRuntime.jsx(NavUl, Object.assign({}, navProps, {
-    children: React__default.default.Children.map(navProps.children, child => jsxRuntime.jsx(NavLi, {
+  return jsxRuntime.jsx(NavUl, Object.assign({
+    alignItems: "center"
+  }, props, {
+    children: React__default.default.Children.map(props.children, child => jsxRuntime.jsx(NavLi, {
       children: child
     }))
   }));
 };
 const NavCol = props => {
-  const navProps = Object.assign({
+  return jsxRuntime.jsx(NavUl, Object.assign({
     flexDirection: 'column'
-  }, props);
-  return jsxRuntime.jsx(NavUl, Object.assign({}, navProps, {
-    children: React__default.default.Children.map(navProps.children, child => jsxRuntime.jsx(NavLi, {
+  }, props, {
+    children: React__default.default.Children.map(props.children, child => jsxRuntime.jsx(NavLi, {
       children: child
     }))
   }));
@@ -5206,12 +5215,12 @@ const PageNav = props => {
   const scrollTo = bomMixerHooks.useScrollTo();
   const onScroll = () => {
     if (innerRef.current) {
-      const scrollTop = window.pageYOffset;
+      const scrollTop = window.scrollY;
       const ids = props.items.map(x => x.href);
       const anchorTargets = ids.map(id => document.querySelector(id)).filter(x => x);
       const activeTarget = anchorTargets.reduce((p, c, i) => {
-        // const previousTop = p ? (p.offsetTop - window.pageYOffset) : Number.NEGATIVE_INFINITY;
-        const top = c.offsetTop - window.pageYOffset;
+        // const previousTop = p ? (p.offsetTop - window.scrollY) : Number.NEGATIVE_INFINITY;
+        const top = c.offsetTop - window.scrollY;
         // if (top < window.innerHeight && previousTop < 0) {
         if (top < window.innerHeight / 2) {
           return c;
@@ -5223,7 +5232,7 @@ const PageNav = props => {
       setId((activeTarget === null || activeTarget === void 0 ? void 0 : activeTarget.id) || null);
       const top = innerRef.current.offsetTop - scrollTop;
       const lastTarget = anchorTargets.length ? anchorTargets[anchorTargets.length - 1] : null;
-      const lastTargetBottom = lastTarget ? lastTarget.offsetTop + lastTarget.offsetHeight - window.pageYOffset : Number.NEGATIVE_INFINITY;
+      const lastTargetBottom = lastTarget ? lastTarget.offsetTop + lastTarget.offsetHeight - window.scrollY : Number.NEGATIVE_INFINITY;
       const isScrolled = top < 0 && lastTargetBottom > 0;
       setScrolled(isScrolled);
     }
@@ -7853,6 +7862,22 @@ const formTesterVariants = {
   default: CssFormTesterDefault
 };
 
+const defaultFormTester = {
+  enabled: bomCore.isDevelopment
+};
+const [useFormTester, FormTesterContextProvider] = bomMixerHooks.createGenericContext(defaultFormTester);
+function FormTesterProvider(_ref) {
+  let {
+    children,
+    options
+  } = _ref;
+  return jsxRuntime.jsx(FormTesterContextProvider, Object.assign({
+    value: Object.assign(Object.assign({}, defaultFormTester), options)
+  }, {
+    children: children
+  }));
+}
+
 const StyledFormTester = styled__default.default.div`
   ${props => getVariant(props.variant, props.variants)}
   ${props => getCssResponsive(props)}
@@ -7868,9 +7893,14 @@ const FormTester = /*#__PURE__*/React.forwardRef((_a, ref) => {
     } = _a,
     props = __rest(_a, ["className", "form", "onReset", "onTest", "variant", "variants"]);
   const label = bomMixerHooks.useLabel();
-  const classNames = bomCore.getClassNames('input', className, variant);
   const globalVariants = useVariants('formTester', formTesterVariants);
   variants = variants || globalVariants;
+  const {
+    enabled
+  } = useFormTester();
+  if (!enabled) {
+    return null;
+  }
   const onReset_ = event => {
     onReset && onReset(event);
   };
@@ -7878,6 +7908,7 @@ const FormTester = /*#__PURE__*/React.forwardRef((_a, ref) => {
     onTest && onTest(event);
   };
   const json = form ? JSON.stringify(form.value, null, 2) : null;
+  const classNames = bomCore.getClassNames('input', className, variant);
   return jsxRuntime.jsx(StyledFormTester, Object.assign({
     ref: ref,
     className: classNames,
@@ -15236,6 +15267,8 @@ const ContactForm = props => {
 
 const ContactHero = _ref => {
   const scrollTo = bomMixerHooks.useScrollTo();
+  const layout = bomMixerHooks.useLayout();
+  const storeUrl = layout.topLevelHrefs.store_index;
   return jsxRuntime.jsx(Section, {
     children: jsxRuntime.jsx(Container.Fluid, {
       children: jsxRuntime.jsxs(Grid.Row, Object.assign({
@@ -15290,8 +15323,8 @@ const ContactHero = _ref => {
                 children: "production technologies."
               })]
             })), jsxRuntime.jsxs(Flex.Responsive, {
-              children: [jsxRuntime.jsx(Link__default.default, Object.assign({
-                href: "/store_index",
+              children: [storeUrl && jsxRuntime.jsx(Link__default.default, Object.assign({
+                href: storeUrl,
                 passHref: true
               }, {
                 children: jsxRuntime.jsxs(Button, Object.assign({
@@ -15750,6 +15783,8 @@ const MarketsAndLanguagesDrawer = _ref => {
         }, {
           children: jsxRuntime.jsx(Button, Object.assign({
             as: "a",
+            lang: locale.id,
+            role: "menuitem",
             variant: "nav",
             onClick: onClose
           }, {
@@ -15951,7 +15986,7 @@ const Header = props => {
   var _a;
   const layout = bomMixerHooks.useLayout();
   const mounted = bomMixerHooks.useMounted();
-  const scroll = bomMixerHooks.useScroll();
+  const scrolled = bomMixerHooks.useScrolled();
   const [drawer, openDrawer, closeDrawer] = bomMixerHooks.useDrawer();
   const [modal, openModal, closeModal] = bomMixerHooks.useModal();
   const user = bomMixerHooks.useUser(state => state.user);
@@ -15959,7 +15994,7 @@ const Header = props => {
     setUser
   } = bomMixerHooks.useUser(state => state.actions);
   const containerProps = Object.assign(Object.assign({}, props), {
-    scrolled: scroll.top > 0
+    scrolled
   });
   const [nav, setNav] = React.useState(null);
   const onNav = item => {
@@ -16100,7 +16135,7 @@ const Header = props => {
           }))
         }), index);
       default:
-        return undefined;
+        return null;
     }
   }
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -20631,6 +20666,9 @@ const StoreLocatorSearch = _ref => {
           }
         }), filters && filters.map((filter, f) => jsxRuntime.jsxs(RadioOption.Group, Object.assign({
           size: "sm",
+          style: {
+            '--grid-columns': 4
+          },
           marginBottom: "1rem",
           initialValue: filter.values.length ? filter.values[0].toString() : '0',
           onChange: event => onSetFilter(filter, [event.target.value])
@@ -20977,6 +21015,7 @@ exports.Footer = Footer;
 exports.Form = Form;
 exports.FormError = FormError;
 exports.FormTester = FormTester;
+exports.FormTesterProvider = FormTesterProvider;
 exports.GlobalStyle = GlobalStyle;
 exports.Grid = Grid;
 exports.GridRow = GridRow;
@@ -21117,6 +21156,7 @@ exports.textareaVariants = textareaVariants;
 exports.theme = customTheme;
 exports.useAuth = useAuth;
 exports.useAutocompleteContext = useAutocompleteContext;
+exports.useFormTester = useFormTester;
 exports.useVariants = useVariants;
 exports.withPageTransition = withPageTransition;
 //# sourceMappingURL=index.js.map