@websolutespa/bom-mixer-ui 0.5.1 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @websolutespa/bom-mixer-ui
 
+## 0.6.0
+
+### Minor Changes
+
+- Added: useFormTester.
+
 ## 0.5.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -3477,6 +3477,10 @@ body {
   scroll-behavior: smooth;
 }
 
+body {
+  height: auto;
+}
+
 .negative {
   background: var(--color-neutral-900);
   color: var(--color-neutral-100);
@@ -4737,6 +4741,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 +5034,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 +5042,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 +5082,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",
@@ -5206,12 +5213,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 +5230,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 +7860,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 +7891,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 +7906,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 +15265,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 +15321,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 +15781,8 @@ const MarketsAndLanguagesDrawer = _ref => {
         }, {
           children: jsxRuntime.jsx(Button, Object.assign({
             as: "a",
+            lang: locale.id,
+            role: "menuitem",
             variant: "nav",
             onClick: onClose
           }, {
@@ -15951,7 +15984,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 +15992,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 => {
@@ -20631,6 +20664,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 +21013,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 +21154,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