@asantemedia-org/edwardsvacuum-design-system 1.6.37 → 1.6.39

package/dist/index.js

@@ -1,7 +1,9 @@
-import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChevronRight, faArrowRight } from '@fortawesome/pro-solid-svg-icons';
-import { v4 } from 'uuid';
+'use strict';
+
+var React = require('react');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var uuid = require('uuid');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -162,7 +164,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$2 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n"};
+var styles$2 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__header":"card-module__cmp-card--type-product_details__header___Vb3-U","cmp-card--type-product_details__header__title":"card-module__cmp-card--type-product_details__header__title___4KSqX","cmp-card--type-product_details__header__product-code":"card-module__cmp-card--type-product_details__header__product-code___zf7yq","cmp-card--type-product_details__header__product-image":"card-module__cmp-card--type-product_details__header__product-image___Kyy35","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n","folding-specification-list":"card-module__folding-specification-list___tIfSl","folding-specification-holder":"card-module__folding-specification-holder___OtcQQ","folding-spares-holder":"card-module__folding-spares-holder___OhMpO"};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -239,25 +241,6 @@ function requireClassnames() {
 var classnamesExports = requireClassnames();
 var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-// Simple chevron SVG to avoid FontAwesome dependency issues
-var ChevronIcon = function (_a) {
-  var isOpen = _a.isOpen;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    style: {
-      transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-      transition: 'transform 0.2s ease'
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M2 4L6 8L10 4",
-    stroke: "#C4262E",
-    strokeWidth: "2",
-    strokeLinecap: "round"
-  }));
-};
 var AccordionSection = function (_a) {
   var title = _a.title,
     children = _a.children,
@@ -267,15 +250,15 @@ var AccordionSection = function (_a) {
     defaultOpen = _c === void 0 ? false : _c,
     _d = _a.lazyLoad,
     lazyLoad = _d === void 0 ? false : _d;
-  var _e = useState(defaultOpen),
+  var _e = React.useState(defaultOpen),
     isOpen = _e[0],
     setIsOpen = _e[1];
-  var _f = useState(defaultOpen),
+  var _f = React.useState(defaultOpen),
     hasBeenOpened = _f[0],
     setHasBeenOpened = _f[1];
   // Prevent rapid clicks
-  var isToggling = useRef(false);
-  var toggleAccordion = useCallback(function (e) {
+  var isToggling = React.useRef(false);
+  var toggleAccordion = React.useCallback(function (e) {
     // Stop event propagation to prevent AEM handlers
     e.stopPropagation();
     e.preventDefault();
@@ -296,7 +279,7 @@ var AccordionSection = function (_a) {
       }, 300);
     });
   }, [hasBeenOpened]);
-  var handleKeyDown = useCallback(function (e) {
+  var handleKeyDown = React.useCallback(function (e) {
     if (e.key === 'Enter' || e.key === ' ') {
       toggleAccordion(e);
     }
@@ -315,9 +298,14 @@ var AccordionSection = function (_a) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "accordion-section__title"
   }, title), /*#__PURE__*/React.createElement("span", {
-    className: "accordion-section__icon"
-  }, /*#__PURE__*/React.createElement(ChevronIcon, {
-    isOpen: isOpen
+    className: "accordion-section__icon",
+    style: {
+      transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+      transition: 'transform 0.2s ease'
+    }
+  }, /*#__PURE__*/React.createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: proSolidSvgIcons.faChevronDown,
+    color: "#C4262E"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "accordion-section__content",
     style: {
@@ -412,12 +400,12 @@ var Card = function (_a) {
     className: getStyle$1("cmp-card__city-country")
   }, city, " ", city && country ? ", " : "", " ", country), cardStyle === "type-card-panel" ? /*#__PURE__*/React.createElement("span", {
     className: classnames(getStyle$1("cmp-card__footer"), cardFooterColour)
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faChevronRight
+  }, /*#__PURE__*/React.createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: proSolidSvgIcons.faChevronRight
   })) : cardStyle === "label" ? /*#__PURE__*/React.createElement("span", {
     className: getStyle$1("cmp-card__footer")
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faArrowRight
+  }, /*#__PURE__*/React.createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: proSolidSvgIcons.faArrowRight
   })) : /*#__PURE__*/React.createElement("span", {
     className: getStyle$1("cmp-card__footer")
   }, /*#__PURE__*/React.createElement("span", null, cta))))));
@@ -461,8 +449,8 @@ var ProductCard = function (_a) {
     className: getStyle$1("cmp-card--type-card-product__prices")
   }, productPrice) : "", /*#__PURE__*/React.createElement("p", {
     className: getStyle$1("cmp-card--type-card-product__cta")
-  }, cta ? cta : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faArrowRight
+  }, cta ? cta : /*#__PURE__*/React.createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: proSolidSvgIcons.faArrowRight
   }))))));
 };
 // Maximum spares to render to prevent browser freeze
@@ -482,7 +470,7 @@ var ProductDetailsCard = function (_a) {
     // Limit the number of spares to prevent freeze
     var sparesToRender = hit.spares.slice(0, MAX_SPARES_TO_RENDER);
     return /*#__PURE__*/React.createElement("ul", {
-      className: "folding-spares-list"
+      className: getStyle$1("folding-spares-list")
     }, sparesToRender.map(function (spare, index) {
       // Safety check - skip if spare is not a valid object
       if (!spare || typeof spare !== 'object') return null;
@@ -490,7 +478,7 @@ var ProductDetailsCard = function (_a) {
         key: spare.objectID || spare.code || "spare-".concat(index)
       }, /*#__PURE__*/React.createElement(ProductCard, {
         cardStyle: "type-card-product",
-        className: "cmp-card",
+        className: getStyle$1("cmp-card"),
         title: spare.name || 'Spare Part',
         imageUrl: spare['img-product'] || spare.image || '',
         imageAlt: spare.name || 'Spare Part',
@@ -500,28 +488,28 @@ var ProductDetailsCard = function (_a) {
         cta: "Go to webshop"
       }));
     }), hit.spares.length > MAX_SPARES_TO_RENDER && /*#__PURE__*/React.createElement("li", {
-      className: "folding-spares-list__more"
+      className: getStyle$1("folding-spares-list__more")
     }, "+", hit.spares.length - MAX_SPARES_TO_RENDER, " more items"));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__product-info"
+    className: getStyle$1("cmp-card--type-product_details__product-info")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__header"
+    className: getStyle$1("cmp-card--type-product_details__header")
   }, /*#__PURE__*/React.createElement("h3", {
-    className: "cmp-card--type-product_details__header__title"
+    className: getStyle$1("cmp-card--type-product_details__header__title")
   }, title), /*#__PURE__*/React.createElement("p", {
-    className: "cmp-card--type-product_details__header__product-code"
+    className: getStyle$1("cmp-card--type-product_details__header__product-code")
   }, "Product:", hit.code), /*#__PURE__*/React.createElement("img", {
     src: hit.image,
     alt: imageAlt,
-    className: "cmp-card--type-product_details__header__product-image"
+    className: getStyle$1("cmp-card--type-product_details__header__product-image")
   })), facets && /*#__PURE__*/React.createElement(AccordionSection, {
     title: "Specifications",
-    className: "folding-specification-holder"
+    className: getStyle$1("folding-specification-holder")
   }, /*#__PURE__*/React.createElement("ul", {
-    className: "folding-specification-list"
+    className: getStyle$1("folding-specification-list")
   }, facets && facets.map(function (facet) {
     return hit[facet.name] && /*#__PURE__*/React.createElement("li", {
       key: facet.name
@@ -531,10 +519,10 @@ var ProductDetailsCard = function (_a) {
       }
     }) : hit[facet.name]);
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__spares-list"
+    className: getStyle$1("cmp-card--type-product_details__spares-list")
   }, hit.spares && hit.spares.length > 0 && /*#__PURE__*/React.createElement(AccordionSection, {
     title: "Spares & Parts",
-    className: "folding-spares-holder",
+    className: getStyle$1("folding-spares-holder"),
     lazyLoad: true
   }, renderSpares())));
 };
@@ -647,16 +635,16 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
     analytics = _a.analytics,
     facets = _a.facets;
   // Helper to resolve CSS module class names properly
-  var getClass = useCallback(function (suffix) {
+  var getClass = React.useCallback(function (suffix) {
     var fullClassName = "cmpAlgoliaDynamicSearchWidget".concat(suffix);
     return useScopedStyles && styles ? styles[fullClassName] : fullClassName;
   }, [useScopedStyles, styles]);
   // Helper for modifier classes (without the base prefix)
-  var getModifierClass = useCallback(function (modifier) {
+  var getModifierClass = React.useCallback(function (modifier) {
     return useScopedStyles && styles ? styles[modifier] : modifier;
   }, [useScopedStyles, styles]);
   // Memoize background styling to prevent re-renders
-  var widgetStyleProps = useMemo(function () {
+  var widgetStyleProps = React.useMemo(function () {
     var backgroundStyles = {
       "dark-grey": {
         buttonStyle: "outlineWhite",
@@ -680,7 +668,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
   }
   var baseClass = getClass('');
   // Memoize wrapper class names
-  var wrapperClasses = useMemo(function () {
+  var wrapperClasses = React.useMemo(function () {
     return [baseClass, widgetStyleProps.containerBackground, isLoading ? getModifierClass('isLoading') : '', queryType === 'content' ? getModifierClass('isQueryContent') : ''].filter(Boolean).join(' ');
   }, [baseClass, widgetStyleProps.containerBackground, isLoading, queryType, getModifierClass]);
   return /*#__PURE__*/React.createElement("div", {
@@ -879,11 +867,11 @@ var FormFieldRenderer = function (props) {
 };
 
 var QrFormField = function (props) {
-  var _a = useState(''),
+  var _a = React.useState(''),
     inputId = _a[0],
     setInputId = _a[1];
-  useEffect(function () {
-    setInputId(v4());
+  React.useEffect(function () {
+    setInputId(uuid.v4());
   }, []);
   var supportsValue = props.type !== "checkbox";
   return props.type ? /*#__PURE__*/React.createElement("div", {
@@ -925,10 +913,10 @@ var QrFormField = function (props) {
 function useIsMobile() {
   var query = "(max-width: 960px)";
   var media = typeof window !== "undefined" ? window.matchMedia(query) : null;
-  var _a = useState(media ? media.matches : false),
+  var _a = React.useState(media ? media.matches : false),
     isMobile = _a[0],
     setIsMobile = _a[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (!media) return;
     var handler = function () {
       return setIsMobile(media.matches);
@@ -972,23 +960,23 @@ var defaultQrFormTranslations = {
 
 var QrForm = function (props) {
   var _a;
-  var _b = useState(0),
+  var _b = React.useState(0),
     currentPage = _b[0],
     setCurrentPage = _b[1];
-  var _c = useState({}),
+  var _c = React.useState({}),
     formValues = _c[0],
     setFormValues = _c[1];
-  var _d = useState({}),
+  var _d = React.useState({}),
     errors = _d[0],
     setErrors = _d[1];
-  var _e = useState(false);
+  var _e = React.useState(false);
     _e[0];
     var setShowErrors = _e[1];
   var isMobile = useIsMobile();
-  var _f = useState(null),
+  var _f = React.useState(null),
     countryOptions = _f[0],
     setCountryOptions = _f[1];
-  var _g = useState(true);
+  var _g = React.useState(true);
     _g[0];
     var setIsLoadingCountries = _g[1];
   var i18n = __assign(__assign({}, defaultQrFormTranslations), props);
@@ -1003,14 +991,14 @@ var QrForm = function (props) {
       errorMessage: consent.policyMandatory ? i18n.consent_requiredMessage : ""
     };
   })) || [];
-  useEffect(function () {
+  React.useEffect(function () {
     var initialValues = {};
     props.fields.forEach(function (field) {
       initialValues[field.name] = field.value || '';
     });
     setFormValues(initialValues);
   }, [props.fields]);
-  useEffect(function () {
+  React.useEffect(function () {
     function loadCountries() {
       return __awaiter(this, void 0, void 0, function () {
         var fallbackCountries, res, data, err_1;
@@ -1064,7 +1052,7 @@ var QrForm = function (props) {
     }
     loadCountries();
   }, []);
-  useEffect(function () {
+  React.useEffect(function () {
     function fetchCity() {
       return __awaiter(this, void 0, void 0, function () {
         var res, data_1, err_2;
@@ -1406,4 +1394,9 @@ var QrForm = function (props) {
   })));
 };
 
-export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, AlgoliaDynamicSearchRaw, FormFieldRenderer, QrForm };
+exports.AccordionSection = AccordionSection;
+exports.AlgoliaDynamicSearch = AlgoliaDynamicSearchEdwards;
+exports.AlgoliaDynamicSearchRaw = AlgoliaDynamicSearchRaw;
+exports.FormFieldRenderer = FormFieldRenderer;
+exports.QrForm = QrForm;
+//# sourceMappingURL=index.js.map