@ndla/ui 30.0.2 → 30.0.6

package/es/Filter/FilterList.js

@@ -1,4 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -8,6 +10,12 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.it
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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."); }
@@ -31,7 +39,6 @@ import React, { useState } from 'react';
 import { ChevronDown, ChevronUp } from '@ndla/icons/common';
 import { classes } from './filterClasses';
 import ToggleItem from './ToggleItem';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var FilterList = function FilterList(_ref) {
   var _ref$modifiers = _ref.modifiers,
@@ -64,58 +71,74 @@ var FilterList = function FilterList(_ref) {
     labelModifiers.push('hidden');
   }
 
-  return ___EmotionJSX("section", classes('list', modifiers), label && ___EmotionJSX("h1", classes('label', labelModifiers), label), noFilterSelectedLabel && options.length === 0 && ___EmotionJSX("span", classes('no-filter-selected'), noFilterSelectedLabel), ___EmotionJSX("ul", classes('item-wrapper', {
-    'aligned-grouping': !!alignedGroup,
-    'collapse-mobile': !!collapseMobile
-  }), options.map(function (option, index) {
-    var itemModifiers = [];
-    var checked = values.some(function (value) {
-      return value === option.value;
-    });
-
-    if (!showAll && !checked && index + 1 > (visibleCount !== null && visibleCount !== void 0 ? visibleCount : 0)) {
-      itemModifiers.push('hidden');
-    }
-
-    var disabled = option.noResults || option.hits === 0;
-
-    if (disabled) {
-      itemModifiers.push('no-results');
-    }
-
-    return ___EmotionJSX(ToggleItem, {
-      modifiers: itemModifiers,
-      id: preid + option.value,
-      key: option.value,
-      value: option.value,
-      disabled: disabled,
-      tabIndex: disabled ? -1 : 0,
-      checked: checked,
-      label: option.title,
-      onChange: function onChange(event) {
-        var newValues = null;
-
-        if (event.currentTarget.checked) {
-          newValues = [].concat(_toConsumableArray(values), [option.value]);
-        } else {
-          newValues = values.filter(function (value) {
-            return value !== option.value;
-          });
+  return _jsxs("section", _objectSpread(_objectSpread({}, classes('list', modifiers)), {}, {
+    children: [label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label', labelModifiers)), {}, {
+      children: label
+    })), noFilterSelectedLabel && options.length === 0 && _jsx("span", _objectSpread(_objectSpread({}, classes('no-filter-selected')), {}, {
+      children: noFilterSelectedLabel
+    })), _jsx("ul", _objectSpread(_objectSpread({}, classes('item-wrapper', {
+      'aligned-grouping': !!alignedGroup,
+      'collapse-mobile': !!collapseMobile
+    })), {}, {
+      children: options.map(function (option, index) {
+        var itemModifiers = [];
+        var checked = values.some(function (value) {
+          return value === option.value;
+        });
+
+        if (!showAll && !checked && index + 1 > (visibleCount !== null && visibleCount !== void 0 ? visibleCount : 0)) {
+          itemModifiers.push('hidden');
         }
 
-        if (_onChange) {
-          _onChange(newValues, option.value);
+        var disabled = option.noResults || option.hits === 0;
+
+        if (disabled) {
+          itemModifiers.push('no-results');
         }
-      }
-    });
-  })), !showAll && ___EmotionJSX("button", _extends({}, classes('expand'), {
-    type: "button",
-    onClick: function onClick() {
-      setVisibleCount(function (prev) {
-        return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
-      });
-    }
-  }), visibleCount === defaultVisibleCount ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("span", null, showLabel), " ", ___EmotionJSX(ChevronDown, null)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX("span", null, hideLabel), " ", ___EmotionJSX(ChevronUp, null))));
+
+        return _jsx(ToggleItem, {
+          modifiers: itemModifiers,
+          id: preid + option.value,
+          value: option.value,
+          disabled: disabled,
+          tabIndex: disabled ? -1 : 0,
+          checked: checked,
+          label: option.title,
+          onChange: function onChange(event) {
+            var newValues = null;
+
+            if (event.currentTarget.checked) {
+              newValues = [].concat(_toConsumableArray(values), [option.value]);
+            } else {
+              newValues = values.filter(function (value) {
+                return value !== option.value;
+              });
+            }
+
+            if (_onChange) {
+              _onChange(newValues, option.value);
+            }
+          }
+        }, 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, {})]
+      })
+    }))]
+  }));
 };
 
 export default FilterList;

package/es/Filter/FilterListPhone.js

@@ -1,4 +1,12 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -35,7 +43,6 @@ import { debounce } from 'lodash';
 import { classes } from './filterClasses';
 import ToggleItem from './ToggleItem';
 import ActiveFilters from '../Search/ActiveFilters';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var is2DArray = function is2DArray(options) {
   return Array.isArray(options[0]);
@@ -135,117 +142,152 @@ var FilterListPhone = function FilterListPhone(_ref) {
       currentlyActiveFilters = [].concat(_toConsumableArray(currentlyActiveFilters), _toConsumableArray(activeFilters));
     });
     var wrapperClassName = activeFiltersNarrow || viewMode === 'allModal' ? classes('narrow-active-filters').className : '';
-    return ___EmotionJSX("div", {
-      className: wrapperClassName
-    }, currentlyActiveFilters.length > 0 && ___EmotionJSX(ActiveFilters, {
-      filters: currentlyActiveFilters,
-      showOnSmallScreen: showActiveFiltersOnSmallScreen,
-      onFilterRemove: function onFilterRemove(value) {
-        onChange(values.filter(function (option) {
-          return option !== value;
-        }), value);
-      }
-    }), ___EmotionJSX(Modal, {
-      size: "fullscreen",
-      backgroundColor: "grey",
-      activateButton: ___EmotionJSX(Button, _extends({
-        outline: true
-      }, classes('modal-button')), messages.openFilter)
-    }, function (onClose) {
-      return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ModalHeader, {
-        modifier: ['left-align']
-      }, ___EmotionJSX("div", classes('modal-header'), ___EmotionJSX("div", classes('modal-heading'), !isNarrowScreen && label && ___EmotionJSX("h1", classes('label'), label), ___EmotionJSX(Button, {
-        outline: true,
-        onClick: onClose
-      }, messages.useFilter)), ___EmotionJSX(ModalCloseButton, {
-        title: messages.closeFilter,
-        onClick: onClose
-      }))), ___EmotionJSX(ModalBody, {
-        modifier: "no-side-padding-mobile"
-      }, isNarrowScreen && label && ___EmotionJSX("h1", classes('label'), label), groupedOptions.map(function (options, index) {
-        return ___EmotionJSX("ul", _extends({
-          key: index
-        }, classes('item-wrapper', {
-          'aligned-grouping': !!alignedGroup,
-          'collapse-mobile': !!collapseMobile,
-          'grouped-options': !!isGroupedOptions
-        })), 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 ___EmotionJSX(ToggleItem, {
-            key: option.value,
-            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
+    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);
+        }
+      }), _jsx(Modal, {
+        size: "fullscreen",
+        backgroundColor: "grey",
+        activateButton: _jsx(Button, _objectSpread(_objectSpread({
+          outline: true
+        }, classes('modal-button')), {}, {
+          children: messages.openFilter
+        })),
+        children: function children(onClose) {
+          return _jsxs(_Fragment, {
+            children: [_jsx(ModalHeader, {
+              modifier: ['left-align'],
+              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: label
+                  })), _jsx(Button, {
+                    outline: true,
+                    onClick: onClose,
+                    children: messages.useFilter
+                  })]
+                })), _jsx(ModalCloseButton, {
+                  title: messages.closeFilter,
+                  onClick: onClose
+                })]
+              }))
+            }), _jsxs(ModalBody, {
+              modifier: "no-side-padding-mobile",
+              children: [isNarrowScreen && label && _jsx("h1", _objectSpread(_objectSpread({}, classes('label')), {}, {
+                children: label
+              })), groupedOptions.map(function (options, index) {
+                return _jsx("ul", _objectSpread(_objectSpread({}, 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: _jsx(Button, {
+                  outline: true,
+                  onClick: onClose,
+                  children: messages.useFilter
+                })
+              }))]
+            })]
           });
-        }));
-      }), ___EmotionJSX("div", classes('usefilter-wrapper'), ___EmotionJSX(Button, {
-        outline: true,
-        onClick: onClose
-      }, messages.useFilter))));
-    }));
+        }
+      })]
+    });
   }
 
-  return ___EmotionJSX(React.Fragment, null, isGroupedOptions && label && ___EmotionJSX("h2", classes('label', labelModifiers), label), groupedOptions.map(function (options, index) {
-    return ___EmotionJSX("section", _extends({
-      key: index
-    }, classes('list', modifiers)), !isGroupedOptions && label && ___EmotionJSX("h1", classes('label', labelModifiers), label), ___EmotionJSX("ul", classes('item-wrapper'), 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 ___EmotionJSX(ToggleItem, {
-        key: option.value,
-        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
-      });
-    })), !showAll && ___EmotionJSX("button", _extends({}, classes('expand'), {
-      type: "button",
-      onClick: function onClick() {
-        setVisibleCount(function (prev) {
-          return prev === defaultVisibleCount ? options.length : defaultVisibleCount;
-        });
-      }
-    }), visibleCount === defaultVisibleCount ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("span", null, showLabel), " ", ___EmotionJSX(ChevronDown, null)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX("span", null, hideLabel), " ", ___EmotionJSX(ChevronUp, null))));
-  }));
+  return _jsxs(_Fragment, {
+    children: [isGroupedOptions && label && _jsx("h2", _objectSpread(_objectSpread({}, 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);
+    })]
+  });
 };
 
 export default FilterListPhone;

package/es/Filter/ToggleItem.js

@@ -1,4 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /*
  * Copyright (c) 2017-present, NDLA.
@@ -9,7 +16,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
  */
 import React from 'react';
 import { classes } from './filterClasses';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var ToggleItem = function ToggleItem(_ref) {
   var id = _ref.id,
@@ -24,17 +30,22 @@ var ToggleItem = function ToggleItem(_ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       hits = _ref.hits;
-  return ___EmotionJSX(Component, classes('item', modifiers), ___EmotionJSX("input", _extends({}, classes('input'), {
-    type: "checkbox",
-    id: id,
-    value: value,
-    disabled: disabled,
-    tabIndex: tabIndex,
-    checked: checked,
-    onChange: onChange
-  })), ___EmotionJSX("label", {
-    htmlFor: id
-  }, ___EmotionJSX("span", classes('item-checkbox')), ___EmotionJSX("span", classes('text'), label, hits !== undefined && " (".concat(hits, ")"))));
+  return _jsxs(Component, _objectSpread(_objectSpread({}, classes('item', modifiers)), {}, {
+    children: [_jsx("input", _objectSpread(_objectSpread({}, classes('input')), {}, {
+      type: "checkbox",
+      id: id,
+      value: value,
+      disabled: disabled,
+      tabIndex: tabIndex,
+      checked: checked,
+      onChange: onChange
+    })), _jsxs("label", {
+      htmlFor: id,
+      children: [_jsx("span", _objectSpread({}, classes('item-checkbox'))), _jsxs("span", _objectSpread(_objectSpread({}, classes('text')), {}, {
+        children: [label, hits !== undefined && " (".concat(hits, ")")]
+      }))]
+    })]
+  }));
 };
 
 export default ToggleItem;

package/es/Footer/EditorName.js

@@ -1,3 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -6,9 +9,12 @@
  *
  */
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EditorName = function EditorName(_ref) {
   var title = _ref.title,
       name = _ref.name;
-  return ___EmotionJSX("span", null, ___EmotionJSX("strong", null, title), " ", name);
+  return _jsxs("span", {
+    children: [_jsx("strong", {
+      children: title
+    }), " ", name]
+  });
 };