@ndla/ui 50.1.1 → 50.1.2

package/es/Filter/FilterListPhone.js

@@ -1,19 +1,3 @@
-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); }
-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.
  *
@@ -33,58 +17,44 @@ import ActiveFilters from '../Search/ActiveFilters';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-var is2DArray = function is2DArray(options) {
+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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isNarrowScreen = _useState4[0],
-    setIsNarrowScreen = _useState4[1];
-  var _useState5 = useState(defaultVisibleCount),
-    _useState6 = _slicedToArray(_useState5, 2),
-    visibleCount = _useState6[0],
-    setVisibleCount = _useState6[1];
-  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] = useState(false);
+  const [isNarrowScreen, setIsNarrowScreen] = useState(false);
+  const [visibleCount, setVisibleCount] = useState(defaultVisibleCount);
+  useEffect(() => {
     setScreenSize(true);
-    var debounced = debounce(function () {
-      return setScreenSize(false);
-    }, 50);
+    const debounced = debounce(() => 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) {
@@ -92,175 +62,163 @@ var FilterListPhone = function FilterListPhone(_ref) {
     }
     /* eslint react/no-did-mount-set-state: 1 */
   };
-
-  var onClose = useCallback(function () {
+  const onClose = 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' ? classes('narrow-active-filters').className : '';
+    const wrapperClassName = activeFiltersNarrow || viewMode === 'allModal' ? classes('narrow-active-filters').className : '';
     return _jsxs("div", {
       className: wrapperClassName,
       children: [currentlyActiveFilters.length > 0 && _jsx(ActiveFilters, {
         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);
         }
       }), _jsxs(Modal, {
         open: open,
         onOpenChange: setOpen,
         children: [_jsx(ModalTrigger, {
-          children: _jsx(ButtonV2, _objectSpread(_objectSpread({
-            variant: "outline"
-          }, classes('modal-button')), {}, {
+          children: _jsx(ButtonV2, {
+            variant: "outline",
+            ...classes('modal-button'),
             children: messages.openFilter
-          }))
+          })
         }), _jsxs(ModalContent, {
           size: "full",
           children: [_jsx(ModalHeader, {
-            children: _jsxs("div", _objectSpread(_objectSpread({}, classes('modal-header')), {}, {
-              children: [_jsxs("div", _objectSpread(_objectSpread({}, classes('modal-heading')), {}, {
-                children: [!isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
+            children: _jsxs("div", {
+              ...classes('modal-header'),
+              children: [_jsxs("div", {
+                ...classes('modal-heading'),
+                children: [!isNarrowScreen && label && _jsx("h1", {
+                  ...classes('label'),
                   children: label
-                })), _jsx(ButtonV2, {
+                }), _jsx(ButtonV2, {
                   variant: "outline",
                   onClick: onClose,
                   children: messages.useFilter
                 })]
-              })), _jsx(ModalCloseButton, {
+              }), _jsx(ModalCloseButton, {
                 title: messages.closeFilter
               })]
-            }))
+            })
           }), _jsxs(ModalBody, {
             modifier: "no-side-padding-mobile",
-            children: [isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
+            children: [isNarrowScreen && label && _jsx("h1", {
+              ...classes('label'),
               children: label
-            })), groupedOptions.map(function (options, index) {
-              return _jsx("ul", _objectSpread(_objectSpread({}, classes('item-wrapper', {
+            }), groupedOptions.map((options, index) => _jsx("ul", {
+              ...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 _jsx(ToggleItem, {
-                    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);
-            }), _jsx("div", _objectSpread(_objectSpread({}, 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 _jsx(ToggleItem, {
+                  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)), _jsx("div", {
+              ...classes('usefilter-wrapper'),
               children: _jsx(ButtonV2, {
                 variant: "outline",
                 onClick: onClose,
                 children: messages.useFilter
               })
-            }))]
+            })]
           })]
         })]
       })]
     });
   }
   return _jsxs(_Fragment, {
-    children: [isGroupedOptions && label && _jsx("h2", _objectSpread(_objectSpread({}, classes('label', labelModifiers)), {}, {
+    children: [isGroupedOptions && label && _jsx("h2", {
+      ...classes('label', labelModifiers),
       children: label
-    })), groupedOptions.map(function (options, index) {
-      return _jsxs("section", _objectSpread(_objectSpread({}, classes('list', modifiers)), {}, {
-        children: [!isGroupedOptions && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label', labelModifiers)), {}, {
-          children: label
-        })), _jsx("ul", _objectSpread(_objectSpread({}, 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 _jsx(ToggleItem, {
-              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 && _jsx("button", _objectSpread(_objectSpread({}, classes('expand')), {}, {
-          type: "button",
-          onClick: function onClick() {
-            setVisibleCount(function (prev) {
-              return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
-            });
-          },
-          children: visibleCount === defaultVisibleCount ? _jsxs(_Fragment, {
-            children: [_jsx("span", {
-              children: showLabel
-            }), " ", _jsx(ChevronDown, {})]
-          }) : _jsxs(_Fragment, {
-            children: [_jsx("span", {
-              children: hideLabel
-            }), " ", _jsx(ChevronUp, {})]
-          })
-        }))]
-      }), index);
-    })]
+    }), groupedOptions.map((options, index) => _jsxs("section", {
+      ...classes('list', modifiers),
+      children: [!isGroupedOptions && label && _jsx("h1", {
+        ...classes('label', labelModifiers),
+        children: label
+      }), _jsx("ul", {
+        ...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 _jsx(ToggleItem, {
+            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 && _jsx("button", {
+        ...classes('expand'),
+        type: "button",
+        onClick: () => {
+          setVisibleCount(prev => prev === defaultVisibleCount ? options.length : defaultVisibleCount);
+        },
+        children: visibleCount === defaultVisibleCount ? _jsxs(_Fragment, {
+          children: [_jsx("span", {
+            children: showLabel
+          }), " ", _jsx(ChevronDown, {})]
+        }) : _jsxs(_Fragment, {
+          children: [_jsx("span", {
+            children: hideLabel
+          }), " ", _jsx(ChevronUp, {})]
+        })
+      })]
+    }, index))]
   });
 };
 export default FilterListPhone;

package/es/Filter/ToggleItem.js

@@ -1,9 +1,3 @@
-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.
  *
@@ -15,21 +9,23 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { classes } from './filterClasses';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-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 _jsxs(Component, _objectSpread(_objectSpread({}, classes('item', modifiers)), {}, {
-    children: [_jsx("input", _objectSpread(_objectSpread({}, classes('input')), {}, {
+const ToggleItem = _ref => {
+  let {
+    id,
+    checked = false,
+    modifiers,
+    label,
+    component: Component = 'li',
+    onChange,
+    tabIndex,
+    value,
+    disabled,
+    hits
+  } = _ref;
+  return _jsxs(Component, {
+    ...classes('item', modifiers),
+    children: [_jsx("input", {
+      ...classes('input'),
       type: "checkbox",
       id: id,
       value: value,
@@ -37,12 +33,15 @@ var ToggleItem = function ToggleItem(_ref) {
       tabIndex: tabIndex,
       checked: checked,
       onChange: onChange
-    })), _jsxs("label", {
+    }), _jsxs("label", {
       htmlFor: id,
-      children: [_jsx("span", _objectSpread({}, classes('item-checkbox'))), _jsxs("span", _objectSpread(_objectSpread({}, classes('text')), {}, {
-        children: [label, hits !== undefined && " (".concat(hits, ")")]
-      }))]
+      children: [_jsx("span", {
+        ...classes('item-checkbox')
+      }), _jsxs("span", {
+        ...classes('text'),
+        children: [label, hits !== undefined && ` (${hits})`]
+      })]
     })]
-  }));
+  });
 };
 export default ToggleItem;

package/es/Filter/filterClasses.js

@@ -7,7 +7,7 @@
  */
 
 import BEMHelper from 'react-bem-helper';
-export var classes = new BEMHelper({
+export const classes = new BEMHelper({
   name: 'filter',
   prefix: 'c-'
 });

package/es/Footer/EditorName.js

@@ -8,12 +8,14 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
  *
  */
 
-export var EditorName = function EditorName(_ref) {
-  var title = _ref.title,
-    name = _ref.name;
+export const EditorName = _ref => {
+  let {
+    title,
+    name
+  } = _ref;
   return _jsxs("span", {
     children: [_jsx("strong", {
       children: title
-    }), " ".concat(name)]
+    }), ` ${name}`]
   });
 };