@ndla/ui 50.1.0 → 50.1.2

package/lib/Filter/FilterListPhone.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,79 +14,52 @@ var _ToggleItem = _interopRequireDefault(require("./ToggleItem"));
 var _ActiveFilters = _interopRequireDefault(require("../Search/ActiveFilters"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
-                                                                       * Copyright (c) 2016-present, NDLA.
-                                                                       *
-                                                                       * This source code is licensed under the GPLv3 license found in the
-                                                                       * LICENSE file in the root directory of this source tree.
-                                                                       * FRI OG BEGRENSET
-                                                                       */
-var is2DArray = function is2DArray(options) {
+/*
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * FRI OG BEGRENSET
+ */
+
+const is2DArray = options => {
   return Array.isArray(options[0]);
 };
-var FilterListPhone = function FilterListPhone(_ref) {
-  var preid = _ref.preid,
-    label = _ref.label,
-    labelNotVisible = _ref.labelNotVisible,
-    _ref$modifiers = _ref.modifiers,
-    modifiers = _ref$modifiers === void 0 ? '' : _ref$modifiers,
-    onChange = _ref.onChange,
-    options = _ref.options,
-    _ref$values = _ref.values,
-    values = _ref$values === void 0 ? [] : _ref$values,
-    defaultVisibleCount = _ref.defaultVisibleCount,
-    showLabel = _ref.showLabel,
-    hideLabel = _ref.hideLabel,
-    _ref$alignedGroup = _ref.alignedGroup,
-    alignedGroup = _ref$alignedGroup === void 0 ? false : _ref$alignedGroup,
-    _ref$collapseMobile = _ref.collapseMobile,
-    collapseMobile = _ref$collapseMobile === void 0 ? true : _ref$collapseMobile,
-    activeFiltersNarrow = _ref.activeFiltersNarrow,
-    messages = _ref.messages,
-    _ref$viewMode = _ref.viewMode,
-    viewMode = _ref$viewMode === void 0 ? 'inlineDesktop' : _ref$viewMode,
-    isGroupedOptions = _ref.isGroupedOptions,
-    showActiveFiltersOnSmallScreen = _ref.showActiveFiltersOnSmallScreen;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isNarrowScreen = _useState4[0],
-    setIsNarrowScreen = _useState4[1];
-  var _useState5 = (0, _react.useState)(defaultVisibleCount),
-    _useState6 = _slicedToArray(_useState5, 2),
-    visibleCount = _useState6[0],
-    setVisibleCount = _useState6[1];
-  (0, _react.useEffect)(function () {
+const FilterListPhone = _ref => {
+  let {
+    preid,
+    label,
+    labelNotVisible,
+    modifiers = '',
+    onChange,
+    options,
+    values = [],
+    defaultVisibleCount,
+    showLabel,
+    hideLabel,
+    alignedGroup = false,
+    collapseMobile = true,
+    activeFiltersNarrow,
+    messages,
+    viewMode = 'inlineDesktop',
+    isGroupedOptions,
+    showActiveFiltersOnSmallScreen
+  } = _ref;
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [isNarrowScreen, setIsNarrowScreen] = (0, _react.useState)(false);
+  const [visibleCount, setVisibleCount] = (0, _react.useState)(defaultVisibleCount);
+  (0, _react.useEffect)(() => {
     setScreenSize(true);
-    var debounced = (0, _debounce.default)(function () {
-      return setScreenSize(false);
-    }, 50);
+    const debounced = (0, _debounce.default)(() => setScreenSize(false), 50);
     window.addEventListener('resize', debounced);
-    return function () {
+    return () => {
       debounced.cancel();
       window.removeEventListener('resize', debounced);
     };
   }, []);
-  var setScreenSize = function setScreenSize() {
-    var initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var newIsNarrowScreen = (window.innerWidth || document.documentElement.clientWidth) < 768;
+  const setScreenSize = function () {
+    let initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    const newIsNarrowScreen = (window.innerWidth || document.documentElement.clientWidth) < 768;
 
     /* eslint react/no-did-mount-set-state: 0 */
     if (initial && newIsNarrowScreen || !initial) {
@@ -95,176 +67,163 @@ var FilterListPhone = function FilterListPhone(_ref) {
     }
     /* eslint react/no-did-mount-set-state: 1 */
   };
-
-  var onClose = (0, _react.useCallback)(function () {
+  const onClose = (0, _react.useCallback)(() => {
     setOpen(false);
   }, []);
-  var handleChange = function handleChange(event, option) {
-    var newValues = null;
+  const handleChange = (event, option) => {
+    let newValues = null;
     if (event.currentTarget.checked) {
-      newValues = [].concat(_toConsumableArray(values), [option.value]);
+      newValues = [...values, option.value];
     } else {
-      newValues = values.filter(function (value) {
-        return value !== option.value;
-      });
+      newValues = values.filter(value => value !== option.value);
     }
     if (onChange) {
       onChange(newValues, option.value);
     }
   };
-  var showAll = defaultVisibleCount === undefined || options.length <= defaultVisibleCount;
-  var labelModifiers = [];
+  const showAll = defaultVisibleCount === undefined || options.length <= defaultVisibleCount;
+  const labelModifiers = [];
   if (labelNotVisible) {
     labelModifiers.push('hidden');
   }
-  var groupedOptions = is2DArray(options) ? options : [options];
+  const groupedOptions = is2DArray(options) ? options : [options];
   if (isNarrowScreen || viewMode === 'allModal') {
-    var currentlyActiveFilters = [];
-    groupedOptions.forEach(function (options) {
-      var activeFilters = options.filter(function (option) {
-        return values.some(function (value) {
-          return value === option.value;
-        });
-      });
-      currentlyActiveFilters = [].concat(_toConsumableArray(currentlyActiveFilters), _toConsumableArray(activeFilters));
+    let currentlyActiveFilters = [];
+    groupedOptions.forEach(options => {
+      const activeFilters = options.filter(option => values.some(value => value === option.value));
+      currentlyActiveFilters = [...currentlyActiveFilters, ...activeFilters];
     });
-    var wrapperClassName = activeFiltersNarrow || viewMode === 'allModal' ? (0, _filterClasses.classes)('narrow-active-filters').className : '';
+    const wrapperClassName = activeFiltersNarrow || viewMode === 'allModal' ? (0, _filterClasses.classes)('narrow-active-filters').className : '';
     return (0, _jsxRuntime.jsxs)("div", {
       className: wrapperClassName,
       children: [currentlyActiveFilters.length > 0 && (0, _jsxRuntime.jsx)(_ActiveFilters.default, {
         filters: currentlyActiveFilters,
         showOnSmallScreen: showActiveFiltersOnSmallScreen,
-        onFilterRemove: function onFilterRemove(value) {
-          onChange(values.filter(function (option) {
-            return option !== value;
-          }), value);
+        onFilterRemove: value => {
+          onChange(values.filter(option => option !== value), value);
         }
       }), (0, _jsxRuntime.jsxs)(_modal.Modal, {
         open: open,
         onOpenChange: setOpen,
         children: [(0, _jsxRuntime.jsx)(_modal.ModalTrigger, {
-          children: (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({
-            variant: "outline"
-          }, (0, _filterClasses.classes)('modal-button')), {}, {
+          children: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+            variant: "outline",
+            ...(0, _filterClasses.classes)('modal-button'),
             children: messages.openFilter
-          }))
+          })
         }), (0, _jsxRuntime.jsxs)(_modal.ModalContent, {
           size: "full",
           children: [(0, _jsxRuntime.jsx)(_modal.ModalHeader, {
-            children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-header')), {}, {
-              children: [(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('modal-heading')), {}, {
-                children: [!isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
+            children: (0, _jsxRuntime.jsxs)("div", {
+              ...(0, _filterClasses.classes)('modal-header'),
+              children: [(0, _jsxRuntime.jsxs)("div", {
+                ...(0, _filterClasses.classes)('modal-heading'),
+                children: [!isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", {
+                  ...(0, _filterClasses.classes)('label'),
                   children: label
-                })), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+                }), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
                   variant: "outline",
                   onClick: onClose,
                   children: messages.useFilter
                 })]
-              })), (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
+              }), (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
                 title: messages.closeFilter
               })]
-            }))
+            })
           }), (0, _jsxRuntime.jsxs)(_modal.ModalBody, {
             modifier: "no-side-padding-mobile",
-            children: [isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label')), {}, {
+            children: [isNarrowScreen && label && (0, _jsxRuntime.jsx)("h1", {
+              ...(0, _filterClasses.classes)('label'),
               children: label
-            })), groupedOptions.map(function (options, index) {
-              return (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item-wrapper', {
+            }), groupedOptions.map((options, index) => (0, _jsxRuntime.jsx)("ul", {
+              ...(0, _filterClasses.classes)('item-wrapper', {
                 'aligned-grouping': !!alignedGroup,
                 'collapse-mobile': !!collapseMobile,
                 'grouped-options': !!isGroupedOptions
-              })), {}, {
-                children: options.map(function (option) {
-                  var itemModifiers = [];
-                  var checked = values.some(function (value) {
-                    return value === option.value;
-                  });
-                  if (option.noResults) {
-                    itemModifiers.push('no-results');
-                  }
-                  if (option.disabled) {
-                    itemModifiers.push('disabled');
-                  }
-                  return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
-                    id: preid + option.value,
-                    value: option.value,
-                    checked: checked,
-                    onChange: function onChange(event) {
-                      return handleChange(event, option);
-                    },
-                    label: option.title,
-                    disabled: option.disabled,
-                    modifiers: itemModifiers
-                  }, option.value);
-                })
-              }), index);
-            }), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('usefilter-wrapper')), {}, {
+              }),
+              children: options.map(option => {
+                const itemModifiers = [];
+                const checked = values.some(value => value === option.value);
+                if (option.noResults) {
+                  itemModifiers.push('no-results');
+                }
+                if (option.disabled) {
+                  itemModifiers.push('disabled');
+                }
+                return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
+                  id: preid + option.value,
+                  value: option.value,
+                  checked: checked,
+                  onChange: event => handleChange(event, option),
+                  label: option.title,
+                  disabled: option.disabled,
+                  modifiers: itemModifiers
+                }, option.value);
+              })
+            }, index)), (0, _jsxRuntime.jsx)("div", {
+              ...(0, _filterClasses.classes)('usefilter-wrapper'),
               children: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
                 variant: "outline",
                 onClick: onClose,
                 children: messages.useFilter
               })
-            }))]
+            })]
           })]
         })]
       })]
     });
   }
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [isGroupedOptions && label && (0, _jsxRuntime.jsx)("h2", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label', labelModifiers)), {}, {
+    children: [isGroupedOptions && label && (0, _jsxRuntime.jsx)("h2", {
+      ...(0, _filterClasses.classes)('label', labelModifiers),
       children: label
-    })), groupedOptions.map(function (options, index) {
-      return (0, _jsxRuntime.jsxs)("section", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('list', modifiers)), {}, {
-        children: [!isGroupedOptions && label && (0, _jsxRuntime.jsx)("h1", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('label', labelModifiers)), {}, {
-          children: label
-        })), (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item-wrapper')), {}, {
-          children: options.map(function (option, index) {
-            var itemModifiers = [];
-            var checked = values.some(function (value) {
-              return value === option.value;
-            });
-            if (!showAll && !checked && !!visibleCount && index + 1 > visibleCount) {
-              itemModifiers.push('hidden');
-            }
-            if (option.noResults) {
-              itemModifiers.push('no-results');
-            }
-            if (option.disabled) {
-              itemModifiers.push('disabled');
-            }
-            return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
-              id: preid + option.value,
-              value: option.value,
-              tabIndex: option.noResults ? -1 : 0,
-              checked: checked,
-              onChange: function onChange(event) {
-                return handleChange(event, option);
-              },
-              label: option.title,
-              modifiers: itemModifiers,
-              disabled: option.disabled
-            }, option.value);
-          })
-        })), !showAll && (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('expand')), {}, {
-          type: "button",
-          onClick: function onClick() {
-            setVisibleCount(function (prev) {
-              return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
-            });
-          },
-          children: visibleCount === defaultVisibleCount ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsx)("span", {
-              children: showLabel
-            }), " ", (0, _jsxRuntime.jsx)(_common.ChevronDown, {})]
-          }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsx)("span", {
-              children: hideLabel
-            }), " ", (0, _jsxRuntime.jsx)(_common.ChevronUp, {})]
-          })
-        }))]
-      }), index);
-    })]
+    }), groupedOptions.map((options, index) => (0, _jsxRuntime.jsxs)("section", {
+      ...(0, _filterClasses.classes)('list', modifiers),
+      children: [!isGroupedOptions && label && (0, _jsxRuntime.jsx)("h1", {
+        ...(0, _filterClasses.classes)('label', labelModifiers),
+        children: label
+      }), (0, _jsxRuntime.jsx)("ul", {
+        ...(0, _filterClasses.classes)('item-wrapper'),
+        children: options.map((option, index) => {
+          const itemModifiers = [];
+          const checked = values.some(value => value === option.value);
+          if (!showAll && !checked && !!visibleCount && index + 1 > visibleCount) {
+            itemModifiers.push('hidden');
+          }
+          if (option.noResults) {
+            itemModifiers.push('no-results');
+          }
+          if (option.disabled) {
+            itemModifiers.push('disabled');
+          }
+          return (0, _jsxRuntime.jsx)(_ToggleItem.default, {
+            id: preid + option.value,
+            value: option.value,
+            tabIndex: option.noResults ? -1 : 0,
+            checked: checked,
+            onChange: event => handleChange(event, option),
+            label: option.title,
+            modifiers: itemModifiers,
+            disabled: option.disabled
+          }, option.value);
+        })
+      }), !showAll && (0, _jsxRuntime.jsx)("button", {
+        ...(0, _filterClasses.classes)('expand'),
+        type: "button",
+        onClick: () => {
+          setVisibleCount(prev => prev === defaultVisibleCount ? options.length : defaultVisibleCount);
+        },
+        children: visibleCount === defaultVisibleCount ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)("span", {
+            children: showLabel
+          }), " ", (0, _jsxRuntime.jsx)(_common.ChevronDown, {})]
+        }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)("span", {
+            children: hideLabel
+          }), " ", (0, _jsxRuntime.jsx)(_common.ChevronUp, {})]
+        })
+      })]
+    }, index))]
   });
 };
-var _default = FilterListPhone;
-exports.default = _default;
+var _default = exports.default = FilterListPhone;

package/lib/Filter/ToggleItem.js

@@ -6,33 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _filterClasses = require("./filterClasses");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2017-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */
-var ToggleItem = function ToggleItem(_ref) {
-  var id = _ref.id,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    modifiers = _ref.modifiers,
-    label = _ref.label,
-    _ref$component = _ref.component,
-    Component = _ref$component === void 0 ? 'li' : _ref$component,
-    onChange = _ref.onChange,
-    tabIndex = _ref.tabIndex,
-    value = _ref.value,
-    disabled = _ref.disabled,
-    hits = _ref.hits;
-  return (0, _jsxRuntime.jsxs)(Component, _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('item', modifiers)), {}, {
-    children: [(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('input')), {}, {
+/*
+ * Copyright (c) 2017-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const ToggleItem = _ref => {
+  let {
+    id,
+    checked = false,
+    modifiers,
+    label,
+    component: Component = 'li',
+    onChange,
+    tabIndex,
+    value,
+    disabled,
+    hits
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)(Component, {
+    ...(0, _filterClasses.classes)('item', modifiers),
+    children: [(0, _jsxRuntime.jsx)("input", {
+      ...(0, _filterClasses.classes)('input'),
       type: "checkbox",
       id: id,
       value: value,
@@ -40,13 +38,15 @@ var ToggleItem = function ToggleItem(_ref) {
       tabIndex: tabIndex,
       checked: checked,
       onChange: onChange
-    })), (0, _jsxRuntime.jsxs)("label", {
+    }), (0, _jsxRuntime.jsxs)("label", {
       htmlFor: id,
-      children: [(0, _jsxRuntime.jsx)("span", _objectSpread({}, (0, _filterClasses.classes)('item-checkbox'))), (0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, (0, _filterClasses.classes)('text')), {}, {
-        children: [label, hits !== undefined && " (".concat(hits, ")")]
-      }))]
+      children: [(0, _jsxRuntime.jsx)("span", {
+        ...(0, _filterClasses.classes)('item-checkbox')
+      }), (0, _jsxRuntime.jsxs)("span", {
+        ...(0, _filterClasses.classes)('text'),
+        children: [label, hits !== undefined && ` (${hits})`]
+      })]
     })]
-  }));
+  });
 };
-var _default = ToggleItem;
-exports.default = _default;
+var _default = exports.default = ToggleItem;

package/lib/Filter/filterClasses.js

@@ -14,8 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 
-var classes = new _reactBemHelper.default({
+const classes = exports.classes = new _reactBemHelper.default({
   name: 'filter',
   prefix: 'c-'
-});
-exports.classes = classes;
+});

package/lib/Filter/index.js

@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "FilterButtons", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FilterButtons.default;
   }
 });
 Object.defineProperty(exports, "FilterList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FilterList.default;
   }
 });
 Object.defineProperty(exports, "FilterListPhone", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FilterListPhone.default;
   }
 });
 Object.defineProperty(exports, "ToggleItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ToggleItem.default;
   }
 });
 Object.defineProperty(exports, "filterClasses", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _filterClasses.classes;
   }
 });

package/lib/Footer/EditorName.js

@@ -13,13 +13,15 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var EditorName = function EditorName(_ref) {
-  var title = _ref.title,
-    name = _ref.name;
+const EditorName = _ref => {
+  let {
+    title,
+    name
+  } = _ref;
   return (0, _jsxRuntime.jsxs)("span", {
     children: [(0, _jsxRuntime.jsx)("strong", {
       children: title
-    }), " ".concat(name)]
+    }), ` ${name}`]
   });
 };
 exports.EditorName = EditorName;