@telus-uds/components-web 2.21.2 → 2.22.0

package/lib/List/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _List = _interopRequireDefault(require("./List"));
-
 var _ListItem = _interopRequireDefault(require("./ListItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 _List.default.Item = _ListItem.default;
 var _default = _List.default;
 exports.default = _default;

package/lib/NavigationBar/NavigationBar.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _utils = require("../utils");
-
 var _NavigationItem = _interopRequireDefault(require("./NavigationItem"));
-
 var _NavigationSubMenu = _interopRequireDefault(require("./NavigationSubMenu"));
-
 var _collapseItems = _interopRequireDefault(require("./collapseItems"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _withLinkRouter$propT, _withLinkRouter$propT2, _withLinkRouter$propT3, _withLinkRouter$propT4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-
 const Heading = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "NavigationBar__Heading",
   componentId: "components-web__sc-1vis1gt-0"
@@ -46,12 +31,11 @@ const Heading = /*#__PURE__*/_styledComponents.default.div.withConfig({
     letterSpacing: 0
   }
 });
+
 /**
  * NavigationBar can be used to allow customers to consistently navigate across
  * key pages within a specific product line
  */
-
-
 const NavigationBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     accessibilityRole = 'navigation',
@@ -74,10 +58,8 @@ const NavigationBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
   const openOverlayRef = (0, _react.useRef)(null);
   const [openSubMenuId, setOpenSubMenuId] = (0, _react.useState)(null);
-
   const handleSubMenuClose = event => {
     var _openOverlayRef$curre, _openOverlayRef$curre2;
-
     if (event.type === 'keydown') {
       if (event.key === 'Escape' || event.key === 27) {
         setOpenSubMenuId(null);
@@ -87,17 +69,16 @@ const NavigationBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     } else if (event.type === 'touchstart' && openOverlayRef !== null && openOverlayRef !== void 0 && openOverlayRef.current && event.touches[0].target && !(openOverlayRef !== null && openOverlayRef !== void 0 && (_openOverlayRef$curre2 = openOverlayRef.current) !== null && _openOverlayRef$curre2 !== void 0 && _openOverlayRef$curre2.contains(event.touches[0].target))) {
       setOpenSubMenuId(null);
     }
-  }; // Add listeners for mouse clicks outside and for ESCAPE key presses
-  // TODO: create a custom hook for that and use here and in the Footnote
-
+  };
 
+  // Add listeners for mouse clicks outside and for ESCAPE key presses
+  // TODO: create a custom hook for that and use here and in the Footnote
   (0, _react.useEffect)(() => {
     if (openSubMenuId !== null) {
       window.addEventListener('click', handleSubMenuClose);
       window.addEventListener('keydown', handleSubMenuClose);
       window.addEventListener('touchstart', handleSubMenuClose);
     }
-
     return () => {
       if (openSubMenuId !== null) {
         window.removeEventListener('click', handleSubMenuClose);
@@ -137,27 +118,26 @@ const NavigationBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         ...itemRest
       } = _ref2;
       const itemId = id ?? label;
-
       const handleClick = event => {
         if (nestedItems) {
           setOpenSubMenuId(openSubMenuId !== itemId ? itemId : null);
         }
-
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
         onChange === null || onChange === void 0 ? void 0 : onChange(itemId, event);
       };
-
       const ItemComponent = nestedItems ? _NavigationSubMenu.default : _NavigationItem.default;
       const isOpen = itemId === openSubMenuId;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemComponent, {
         ref: itemRef,
         href: href,
-        onClick: handleClick // TODO: refactor to pass selected ID via context
+        onClick: handleClick
+        // TODO: refactor to pass selected ID via context
         ,
         selectedId: selectedId,
         index: index,
         LinkRouter: ItemLinkRouter,
-        linkRouterProps: { ...linkRouterProps,
+        linkRouterProps: {
+          ...linkRouterProps,
           ...itemLinkRouterProps
         },
         items: nestedItems,
@@ -175,10 +155,10 @@ const NavigationBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 NavigationBar.displayName = 'NavigationBar';
-NavigationBar.propTypes = { ...selectedSystemPropTypes,
+NavigationBar.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _componentsBase.getTokensPropType)('NavigationBar'),
   ..._componentsBase.withLinkRouter.propTypes,
-
   /**
    * NavigationBar pages
    *
@@ -206,27 +186,22 @@ NavigationBar.propTypes = { ...selectedSystemPropTypes,
       linkRouterProps: (_withLinkRouter$propT4 = _componentsBase.withLinkRouter.propTypes) === null || _withLinkRouter$propT4 === void 0 ? void 0 : _withLinkRouter$propT4.linkRouterProps
     }))
   })).isRequired,
-
   /**
    * Common navigation bar heading.
    */
   heading: _propTypes.default.string,
-
   /**
    * Sets the `headingLevel` of the `heading`
    */
   headingLevel: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']),
-
   /**
    * Matches the `id` property of the item in `items` corresponding to the current page
    */
   selectedId: _propTypes.default.string.isRequired,
-
   /**
    * Optional function to be called on pressing a link
    */
   onChange: _propTypes.default.func,
-
   /**
    * Accesibility role for stackview
    */

package/lib/NavigationBar/NavigationItem.js

@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _utils = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
 const defaultMaxWidth = 192;
-
 const ItemContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
   displayName: "NavigationItem__ItemContainer",
   componentId: "components-web__sc-ql9x7c-0"
@@ -42,13 +31,12 @@ const ItemContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
     flexShrink: 1
   };
 });
+
 /**
  * NavigationItem within a NavigationBar component.
  *
  * This is rendered automatically by `NavigationBar` and isn't intended be used directly.
  */
-
-
 const NavigationItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   let {
     accessibilityRole = 'link',
@@ -74,11 +62,10 @@ const NavigationItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   });
   const viewport = (0, _componentsBase.useViewport)();
   const getTokens = (0, _componentsBase.useThemeTokensCallback)('NavigationBar', tokens, variant);
-
-  const getStateTokens = state => getTokens({ ...state,
+  const getStateTokens = state => getTokens({
+    ...state,
     viewport
   });
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemContainer, {
     targetWidth: targetWidth,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Button, {
@@ -99,7 +86,8 @@ const NavigationItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
   });
 });
 NavigationItem.displayName = 'NavigationItem';
-NavigationItem.propTypes = { ...selectedSystemPropTypes,
+NavigationItem.propTypes = {
+  ...selectedSystemPropTypes,
   onClick: _propTypes.default.func,
   selected: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired

package/lib/NavigationBar/NavigationSubMenu.js

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _NavigationItem = _interopRequireDefault(require("./NavigationItem"));
-
 var _useOverlaidPosition = _interopRequireDefault(require("../utils/useOverlaidPosition"));
-
 var _resolveItemSelection = _interopRequireDefault(require("./resolveItemSelection"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * A NavigationItem that opens or closes a Listbox of other NavigationItems.
  *
  * This is rendered automatically by `NavigationBar` and isn't intended be used directly.
- */
-const NavigationSubMenu = _ref => {
+ */const NavigationSubMenu = _ref => {
   let {
     children,
     id,
@@ -45,7 +33,6 @@ const NavigationSubMenu = _ref => {
   } = _ref;
   const focusTrapRef = (0, _react.useRef)();
   const maxWidth = 289; // Slightly over 288 of nav item to account for subpixel rounding
-
   const {
     align,
     offsets,
@@ -94,11 +81,9 @@ const NavigationSubMenu = _ref => {
     label,
     items
   }, selectedId);
-
   const handleClick = event => {
     if (typeof onClick === 'function') onClick(event);
   };
-
   const {
     icoMenu
   } = (0, _componentsBase.useThemeTokens)('NavigationBar', {}, {}, {
@@ -114,7 +99,6 @@ const NavigationSubMenu = _ref => {
       icon: icoMenu,
       children: _ref2 => {
         var _textStyles$;
-
         let {
           textStyles
         } = _ref2;
@@ -154,9 +138,9 @@ const NavigationSubMenu = _ref => {
     })]
   });
 };
+NavigationSubMenu.displayName = 'NavigationSubMenu';
 
-NavigationSubMenu.displayName = 'NavigationSubMenu'; // @TODO - proper prop types and comments
-
+// @TODO - proper prop types and comments
 NavigationSubMenu.propTypes = {
   children: _propTypes.default.node,
   id: _propTypes.default.string,

package/lib/NavigationBar/collapseItems.js

@@ -4,35 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * Make a list of items into a one-item list where all items are nested under the first item
  */
 const collapseItems = (items, selectedId) => {
-  if (!(items !== null && items !== void 0 && items.length)) return items; // Give the root item the label of the current active link
-  // (or the first item if for some reason there's no match on the selectedId)
+  if (!(items !== null && items !== void 0 && items.length)) return items;
 
+  // Give the root item the label of the current active link
+  // (or the first item if for some reason there's no match on the selectedId)
   let rootLabel = items[0].label;
-
   const isSelected = _ref => {
     let {
       label,
       id
     } = _ref;
     return selectedId === id ?? label;
-  }; // Linter doesn't like for loops, simulate loop that breaks
-
+  };
 
+  // Linter doesn't like for loops, simulate loop that breaks
   items.some(item => {
     var _item$items;
-
     if (isSelected(item)) {
       rootLabel = item.label;
       return true; // break
     }
 
     const nestedMatch = (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.find(isSelected);
-
     if (nestedMatch) {
       rootLabel = nestedMatch.label;
       return true; // break
@@ -40,12 +37,12 @@ const collapseItems = (items, selectedId) => {
 
     return false; // continue
   });
+
   return [{
     id: 'navigation-bar-root',
     label: rootLabel,
     items
   }];
 };
-
 var _default = collapseItems;
 exports.default = _default;

package/lib/NavigationBar/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _NavigationBar = _interopRequireDefault(require("./NavigationBar"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _NavigationBar.default;
 exports.default = _default;

package/lib/NavigationBar/resolveItemSelection.js

@@ -4,21 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const resolveItemSelection = (_ref, selectedId) => {
   let {
     id,
     label,
     items
   } = _ref;
-  const itemId = id ?? label; // Treat item as selected if it or any nested child matches the selected id
+  const itemId = id ?? label;
 
+  // Treat item as selected if it or any nested child matches the selected id
   const selected = Boolean(selectedId === itemId || (items === null || items === void 0 ? void 0 : items.some(item => resolveItemSelection(item, selectedId).selected)));
   return {
     itemId,
     selected
   };
 };
-
 var _default = resolveItemSelection;
 exports.default = _default;

package/lib/OptimizeImage/OptimizeImage.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _ResponsiveImage = _interopRequireDefault(require("../ResponsiveImage"));
-
 var _utils = require("./utils");
-
 var _utils2 = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils2.htmlAttrs]);
-
 const OptimizeImage = _ref => {
   let {
     contentfulAssetUrl,
@@ -41,8 +29,9 @@ const OptimizeImage = _ref => {
     disableRetina = false,
     ...rest
   } = _ref;
-  const [imgUrls, setImgUrls] = (0, _react.useState)(); // `useHeight` is a deprecated TDS prop, replaced by `sizeByHeight`
+  const [imgUrls, setImgUrls] = (0, _react.useState)();
 
+  // `useHeight` is a deprecated TDS prop, replaced by `sizeByHeight`
   const dimension = sizeByHeight || rest.useHeight ? 'h' : 'w';
   (0, _react.useEffect)(() => {
     // Currently not all browsers support webP
@@ -58,64 +47,54 @@ const OptimizeImage = _ref => {
     });
   }, [contentfulAssetUrl, dimension, disableRetina, lg, md, quality, sm, xl, xs]);
   if (!imgUrls) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveImage.default, { ...imgUrls,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveImage.default, {
+    ...imgUrls,
     alt: alt,
     ...selectProps(rest)
   });
 };
-
-OptimizeImage.propTypes = { ...selectedSystemPropTypes,
-
+OptimizeImage.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The source to load the image. Only contentful image urls are supported. See https://www.contentful.com/developers/docs/references/images-api/ for details.
    */
   contentfulAssetUrl: _propTypes.default.string.isRequired,
-
   /**
    * Alternative text to display if image cannot be loaded or a screen reader is used.
    */
   alt: _propTypes.default.string.isRequired,
-
   /**
    * Customize quality as a percentage between 1 and 100.
    */
   quality: _propTypes.default.number,
-
   /**
    * Customize width for xs screen size in px, this may affect the quality of the image.
    */
   xs: _propTypes.default.number,
-
   /**
    * Customize width for sm screen size in px, this may affect the quality of the image.
    */
   sm: _propTypes.default.number,
-
   /**
    * Customize width for md screen size in px, this may affect the quality of the image.
    */
   md: _propTypes.default.number,
-
   /**
    * Customize width for lg screen size in px, this may affect the quality of the image.
    */
   lg: _propTypes.default.number,
-
   /**
    * Customize width for xl screen size in px, this may affect the quality of the image.
    */
   xl: _propTypes.default.number,
-
   /**
    * Switches size dimension to height, default is false
    */
   sizeByHeight: _propTypes.default.bool,
-
   /**
    * Turns off retina display functionality
    */
   disableRetina: _propTypes.default.bool,
-
   /**
    * Loading strategy.
    * @default 'eager'

package/lib/OptimizeImage/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _OptimizeImage = _interopRequireDefault(require("./OptimizeImage"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _OptimizeImage.default;
 exports.default = _default;

package/lib/OptimizeImage/utils/getFallbackUrl.js

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getFallbackUrl;
-
 var _isSvgUrl = _interopRequireDefault(require("./isSvgUrl"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function getFallbackUrl(url, width, quality) {
   if (!(0, _isSvgUrl.default)(url)) {
     return `${url}?w=${width}&q=${quality}`;
   }
-
   return url;
 }

package/lib/OptimizeImage/utils/getOptimizedUrl.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getOptimizedUrl;
-
 var _isSvgUrl = _interopRequireDefault(require("./isSvgUrl"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function getOptimizedUrl(url, dimension, size, quality, disableRetina, supportsWebp) {
   if (!(0, _isSvgUrl.default)(url)) {
     let format = '';
-
     if (supportsWebp) {
       format = 'fm=webp';
     } else if (url.match(/\.jpe?g$/i)) {
       format = 'fm=jpg&fl=progressive';
     }
-
     let optimizedUrl = `${url}?${dimension}=${size}&q=${quality}&${format}`;
-
     if (!disableRetina) {
       optimizedUrl += `, ${url}?${dimension}=${size * 2}&q=${quality}&${format} 2x`;
     }
-
     return optimizedUrl;
   }
-
   return url;
 }

package/lib/OptimizeImage/utils/hasWebpSupport.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = hasWebpSupport;
 let promise;
+
 /**
  * Taken directly from Google developers guide on how to detect browser support for WebP.
  *
  * @see https://developers.google.com/speed/webp/faq#in_your_own_javascript
  * @return {Promise<boolean>}
  */
-
 function hasWebpSupport() {
   // cache the result, so that this function runs only once
   if (!promise) {
@@ -20,19 +20,15 @@ function hasWebpSupport() {
       // check google guide if data strings are needed
       const lossy = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
       const img = document.createElement('img');
-
       img.onload = function onLoad() {
         const result = img.width > 0 && img.height > 0;
         resolve(result);
       };
-
       img.onerror = function onError() {
         resolve(false);
       };
-
       img.src = `data:image/webp;base64,${lossy}`;
     });
   }
-
   return promise;
 }

package/lib/OptimizeImage/utils/index.js

@@ -21,11 +21,7 @@ Object.defineProperty(exports, "hasWebpSupport", {
     return _hasWebpSupport.default;
   }
 });
-
 var _getOptimizedUrl = _interopRequireDefault(require("./getOptimizedUrl"));
-
 var _getFallbackUrl = _interopRequireDefault(require("./getFallbackUrl"));
-
 var _hasWebpSupport = _interopRequireDefault(require("./hasWebpSupport"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/OptimizeImage/utils/isSvgUrl.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isSvgUrl;
-
 function isSvgUrl(url) {
   return !!url.match(/\.svg$/i);
 }