@asantemedia-org/edwardsvacuum-design-system 1.6.23 → 1.6.25

package/dist/index.js

@@ -1,7 +1,9 @@
-import React, { useState, useEffect } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChevronDown, 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,9 +164,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$2 = {"cmpAlgoliaDynamicSearchWidget":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc","cmpAlgoliaDynamicSearchWidget__header":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS","hasStyleSilverGradientBackground":"algolia-dynamic-search-module__hasStyleSilverGradientBackground___D3SQQ","hasStyleGreyBackground":"algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH","cmpAlgoliaDynamicSearchWidget__placeholder__loading":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder__loading___hbH4m"};
-
-var styles$1 = {"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__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n"};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -248,7 +248,7 @@ var AccordionSection = function (_a) {
     className = _b === void 0 ? '' : _b,
     _c = _a.defaultOpen,
     defaultOpen = _c === void 0 ? false : _c;
-  var _d = useState(defaultOpen),
+  var _d = React.useState(defaultOpen),
     isOpen = _d[0],
     setIsOpen = _d[1];
   var toggleAccordion = function () {
@@ -272,8 +272,8 @@ var AccordionSection = function (_a) {
     className: "accordion-section__title"
   }, title), /*#__PURE__*/React.createElement("span", {
     className: "accordion-section__icon ".concat(isOpen ? 'rotated' : '')
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faChevronDown,
+  }, /*#__PURE__*/React.createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: proSolidSvgIcons.faChevronDown,
     color: "#C4262EFF"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "accordion-section__content ".concat(isOpen ? 'open' : '')
@@ -282,11 +282,11 @@ var AccordionSection = function (_a) {
 
 // Utility function to retrieve correct SCSS module class names
 var getStyle$1 = function (className) {
-  if (styles$1[className]) return styles$1[className];
-  var nestedMatch = Object.keys(styles$1).find(function (key) {
+  if (styles$2[className]) return styles$2[className];
+  var nestedMatch = Object.keys(styles$2).find(function (key) {
     return key.includes(className);
   });
-  return nestedMatch ? styles$1[nestedMatch] : "";
+  return nestedMatch ? styles$2[nestedMatch] : "";
 };
 var cardSizeMapping = function (size) {
   var classSrting;
@@ -364,12 +364,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))))));
@@ -413,8 +413,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
   }))))));
 };
 var ProductDetailsCard = function (_a) {
@@ -489,15 +489,15 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-var styles = {"cmp-button":"Button-module__cmp-button___SMjDF","cmp-button--style-primary":"Button-module__cmp-button--style-primary___hfLAd","cmp-button--style-secondary":"Button-module__cmp-button--style-secondary___3Dqvg","cmp-button--style-tertiary":"Button-module__cmp-button--style-tertiary___Akcep","cmp-button--style-outlineWhite":"Button-module__cmp-button--style-outlineWhite___v69nN","cmp-button--style-outlineGrey":"Button-module__cmp-button--style-outlineGrey___sG5nd"};
+var styles$1 = {"cmp-button":"Button-module__cmp-button___SMjDF","cmp-button--style-primary":"Button-module__cmp-button--style-primary___hfLAd","cmp-button--style-secondary":"Button-module__cmp-button--style-secondary___3Dqvg","cmp-button--style-tertiary":"Button-module__cmp-button--style-tertiary___Akcep","cmp-button--style-outlineWhite":"Button-module__cmp-button--style-outlineWhite___v69nN","cmp-button--style-outlineGrey":"Button-module__cmp-button--style-outlineGrey___sG5nd"};
 
 // Utility to safely retrieve SCSS class names
 var getStyle = function (className) {
-  if (styles[className]) return styles[className];
-  var nestedMatch = Object.keys(styles).find(function (key) {
+  if (styles$1[className]) return styles$1[className];
+  var nestedMatch = Object.keys(styles$1).find(function (key) {
     return key.includes(className);
   });
-  return nestedMatch ? styles[nestedMatch] : '';
+  return nestedMatch ? styles$1[nestedMatch] : '';
 };
 var Button = function (_a) {
   var _b = _a.className,
@@ -562,7 +562,7 @@ var getCallToActionProps = function (type, url) {
     target: target
   };
 };
-var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
+var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
   _a.className;
     var heading = _a.heading,
     titleSize = _a.titleSize,
@@ -586,10 +586,10 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
     placeholder = _a.placeholder,
     analytics = _a.analytics,
     facets = _a.facets;
-  var _g = useState(isLoading),
+  var _g = React.useState(isLoading),
     isLoadingState = _g[0],
     setIsLoadingState = _g[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (isLoading !== isLoadingState) {
       setIsLoadingState(isLoading);
     }
@@ -598,12 +598,12 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
   var backgroundStyles = {
     "dark-grey": {
       buttonStyle: "outlineWhite",
-      containerBackground: styles$2 === null || styles$2 === void 0 ? void 0 : styles$2.hasStyleGreyBackground,
+      containerBackground: styles === null || styles === void 0 ? void 0 : styles.hasStyleGreyBackground,
       textColour: "white"
     },
     "silver": {
       buttonStyle: "primary",
-      containerBackground: styles$2 === null || styles$2 === void 0 ? void 0 : styles$2.hasStyleSilverGradientBackground,
+      containerBackground: styles === null || styles === void 0 ? void 0 : styles.hasStyleSilverGradientBackground,
       textColour: "black"
     }
   };
@@ -612,17 +612,17 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
   if (!hits || hits.length === 0) {
     return null;
   }
-  var baseClass = styles$2 === null || styles$2 === void 0 ? void 0 : styles$2.cmpAlgoliaDynamicSearchWidget ;
+  var baseClass = useScopedStyles ? styles === null || styles === void 0 ? void 0 : styles.cmpAlgoliaDynamicSearchWidget : "cmpAlgoliaDynamicSearchWidget";
   return /*#__PURE__*/React.createElement("div", {
     className: baseClass
   }, isLoadingState && /*#__PURE__*/React.createElement("div", {
     className: baseClass + "__placeholder"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.cmpAlgoliaDynamicSearchWidget__placeholder__loading
+    className: baseClass + "__placeholder__loading"
   })), /*#__PURE__*/React.createElement("div", {
     className: baseClass + "__container"
   }, queryType != PRODUCT_DETAILS && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles$2.cmpAlgoliaDynamicSearchWidget__header
+    className: baseClass + "__header"
   }, /*#__PURE__*/React.createElement("div", {
     className: baseClass + "__header__text"
   }, /*#__PURE__*/React.createElement(DynamicHeading, {
@@ -665,7 +665,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
     var contentCategoryLabel = hit.contentCategoryLabel || "";
     var contentCategoryColour = hit.contentCategoryColour || "";
     var price = showProductPrice ? hit.price : "";
-    var cardClassName = styles$2 === null || styles$2 === void 0 ? void 0 : styles$2.cmpCard;
+    var cardClassName = styles === null || styles === void 0 ? void 0 : styles.cmpCard;
     switch (queryType) {
       case "products":
         Component = ProductCard;
@@ -716,8 +716,13 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles) {
   }))));
 };
 
+var styles = {"cmpAlgoliaDynamicSearchWidget":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc","hasStyleSilverGradientBackground":"algolia-dynamic-search-module__hasStyleSilverGradientBackground___D3SQQ","hasStyleGreyBackground":"algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH"};
+
 var AlgoliaDynamicSearchEdwards = function (props) {
-  return AlgoliaDynamicSearch(props);
+  return AlgoliaDynamicSearch(props, true, styles);
+};
+var AlgoliaDynamicSearchRaw = function (props) {
+  return AlgoliaDynamicSearch(props, false);
 };
 
 function RenderField(field) {
@@ -799,11 +804,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", {
@@ -842,22 +847,22 @@ var QrFormField = function (props) {
 
 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 _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 = props;
@@ -872,14 +877,14 @@ var QrForm = function (props) {
       errorMessage: consent.policyMandatory ? "Please acknowledge this consent" : ""
     };
   })) || [];
-  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;
@@ -933,7 +938,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;
@@ -1254,14 +1259,9 @@ var QrForm = function (props) {
   })));
 };
 
-export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, FormFieldRenderer, QrForm };
-arget: buttonProps.newTab ? '_blank' : '',
-    buttonStyle: "primary"
-  })));
-};
-
 exports.AccordionSection = AccordionSection;
 exports.AlgoliaDynamicSearch = AlgoliaDynamicSearchEdwards;
+exports.AlgoliaDynamicSearchRaw = AlgoliaDynamicSearchRaw;
 exports.FormFieldRenderer = FormFieldRenderer;
 exports.QrForm = QrForm;
 //# sourceMappingURL=index.js.map