@ndla/ui 27.1.7 → 29.0.0

package/lib/TagSelector/DropdownIndicator.js

@@ -0,0 +1,80 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _common = require("@ndla/icons/common");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _reactSelect = require("react-select");
+
+var _button = require("@ndla/button");
+
+var _core = require("@emotion/core");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var StyledIconWrapper = (0, _styledBase["default"])("span", {
+  target: "eerusii0",
+  label: "StyledIconWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qy2yus",
+  styles: "svg{pointer-events:none;}"
+} : {
+  name: "qy2yus",
+  styles: "svg{pointer-events:none;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duSW5kaWNhdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnFDIiwiZmlsZSI6IkRyb3Bkb3duSW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ2hldnJvbkRvd24sIENoZXZyb25VcCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBEcm9wZG93bkluZGljYXRvclByb3BzLCBjb21wb25lbnRzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IGljb25CdXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIHN2ZyB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHsgc2VsZWN0UHJvcHMsIGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBEcm9wZG93bkluZGljYXRvclByb3BzPFRhZ1R5cGUsIHRydWU+KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCB7IG1lbnVJc09wZW4gfSA9IHNlbGVjdFByb3BzO1xuICBjb25zdCBJY29uID0gbWVudUlzT3BlbiA/IENoZXZyb25VcCA6IENoZXZyb25Eb3duO1xuXG4gIGNvbnN0IGNzcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gaWNvbkJ1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2dyZXlMaWdodGVyJywgdmFyaWFudDogJ2dob3N0Jywgc2hhcGU6ICdwaWxsJywgc2l6ZTogJ3NtYWxsJyB9KSxcbiAgICBbXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxjb21wb25lbnRzLkRyb3Bkb3duSW5kaWNhdG9yXG4gICAgICBjc3M9e2Nzc31cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHNlbGVjdFByb3BzPXtzZWxlY3RQcm9wc31cbiAgICAgIGFyaWEtbGFiZWw9e21lbnVJc09wZW4gPyB0KCd0YWdTZWxlY3Rvci5oaWRlVGFncycpIDogdCgndGFnU2VsZWN0b3Iuc2hvd1RhZ3MnKX0+XG4gICAgICA8U3R5bGVkSWNvbldyYXBwZXIgYXJpYS1oaWRkZW4+XG4gICAgICAgIDxJY29uIC8+XG4gICAgICA8L1N0eWxlZEljb25XcmFwcGVyPlxuICAgIDwvY29tcG9uZW50cy5Ecm9wZG93bkluZGljYXRvcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duSW5kaWNhdG9yO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var DropdownIndicator = function DropdownIndicator(_ref) {
+  var selectProps = _ref.selectProps,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["selectProps", "children"]);
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var menuIsOpen = selectProps.menuIsOpen;
+  var Icon = menuIsOpen ? _common.ChevronUp : _common.ChevronDown;
+  var css = (0, _react.useMemo)(function () {
+    return (0, _button.iconButtonStyle)({
+      colorTheme: 'greyLighter',
+      variant: 'ghost',
+      shape: 'pill',
+      size: 'small'
+    });
+  }, []);
+  return (0, _core.jsx)(_reactSelect.components.DropdownIndicator, _extends({
+    css: css
+  }, props, {
+    selectProps: selectProps,
+    "aria-label": menuIsOpen ? t('tagSelector.hideTags') : t('tagSelector.showTags')
+  }), (0, _core.jsx)(StyledIconWrapper, {
+    "aria-hidden": true
+  }, (0, _core.jsx)(Icon, null)));
+};
+
+var _default = DropdownIndicator;
+exports["default"] = _default;

package/lib/TagSelector/Input.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { InputProps } from 'react-select';
+import { TagType } from './types';
+declare const Input: (props: InputProps<TagType, true>) => JSX.Element;
+export default Input;

package/lib/TagSelector/Input.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _css2 = _interopRequireDefault(require("@emotion/css"));
+
+var _core = require("@ndla/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactSelect = require("react-select");
+
+var _ValueButton = require("./ValueButton");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var inputStyle = /*#__PURE__*/(0, _css2["default"])("&&{padding:0 ", _core.spacing.small, ";color:", _core.colors.brand.primary, ";margin:0;", _ValueButton.StyledValueButton, " + &{padding-left:", _core.spacing.xxsmall, ";}};label:inputStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlc0IiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgY3NzIGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnRzLCBJbnB1dFByb3BzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IFN0eWxlZFZhbHVlQnV0dG9uIH0gZnJvbSAnLi9WYWx1ZUJ1dHRvbic7XG5cbmNvbnN0IGlucHV0U3R5bGUgPSBjc3NgXG4gICYmIHtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5zbWFsbH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIG1hcmdpbjogMDtcbiAgICAke1N0eWxlZFZhbHVlQnV0dG9ufSArICYge1xuICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHhzbWFsbH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJbnB1dCA9IChwcm9wczogSW5wdXRQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gPGNvbXBvbmVudHMuSW5wdXQgY3NzPXtpbnB1dFN0eWxlfSB7Li4ucHJvcHN9IC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5wdXQ7XG4iXX0= */"));
+
+var Input = function Input(props) {
+  return (0, _core2.jsx)(_reactSelect.components.Input, _extends({
+    css: inputStyle
+  }, props));
+};
+
+var _default = Input;
+exports["default"] = _default;

package/lib/TagSelector/Menu.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { MenuProps } from 'react-select';
+import { TagType } from './types';
+declare const Menu: ({ children, ...props }: MenuProps<TagType, true>) => JSX.Element;
+export default Menu;

package/lib/TagSelector/Menu.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _css2 = _interopRequireDefault(require("@emotion/css"));
+
+var _core = require("@ndla/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactSelect = require("react-select");
+
+var _MenuList = require("./MenuList");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var menuStyle = /*#__PURE__*/(0, _css2["default"])("display:flex;position:relative;flex-direction:column;margin:0;overflow:hidden;border-top:1px solid ", _core.colors.brand.tertiary, ";min-height:70px;:has(", _MenuList.StyledMenuList, ">*:only-child){min-height:40px;};label:menuStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQiIsImZpbGUiOiJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgTWVudVByb3BzLCBjb21wb25lbnRzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IFN0eWxlZE1lbnVMaXN0IH0gZnJvbSAnLi9NZW51TGlzdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IG1lbnVTdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIG1pbi1oZWlnaHQ6IDcwcHg7XG5cbiAgOmhhcygke1N0eWxlZE1lbnVMaXN0fT4qOm9ubHktY2hpbGQpIHtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICB9XG5gO1xuXG5jb25zdCBNZW51ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IE1lbnVQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjb21wb25lbnRzLk1lbnUgY3NzPXttZW51U3R5bGV9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9jb21wb25lbnRzLk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZW51O1xuIl19 */"));
+
+var Menu = function Menu(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  return (0, _core2.jsx)(_reactSelect.components.Menu, _extends({
+    css: menuStyle
+  }, props), children);
+};
+
+var _default = Menu;
+exports["default"] = _default;

package/lib/TagSelector/MenuList.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+import { MenuListProps } from 'react-select';
+import { TagType } from './types';
+export declare const StyledMenuList: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, object>;
+declare const MenuList: ({ innerProps, innerRef, children }: MenuListProps<TagType, true>) => JSX.Element;
+export default MenuList;

package/lib/TagSelector/MenuList.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledMenuList = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@ndla/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var StyledMenuList = (0, _styledBase["default"])("div", {
+  target: "e1e7c4ob0",
+  label: "StyledMenuList"
+})("overflow:overlay;", _core.utils.scrollbar, " display:flex;flex-direction:column;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiTWVudUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1dGlscyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVMaXN0UHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgVGFnVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVudUxpc3QgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgJHt1dGlscy5zY3JvbGxiYXJ9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBNZW51TGlzdCA9ICh7IGlubmVyUHJvcHMsIGlubmVyUmVmLCBjaGlsZHJlbiB9OiBNZW51TGlzdFByb3BzPFRhZ1R5cGUsIHRydWU+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lbnVMaXN0IHJlZj17aW5uZXJSZWZ9IHsuLi5pbm5lclByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZE1lbnVMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVudUxpc3Q7XG4iXX0= */"));
+exports.StyledMenuList = StyledMenuList;
+
+var MenuList = function MenuList(_ref) {
+  var innerProps = _ref.innerProps,
+      innerRef = _ref.innerRef,
+      children = _ref.children;
+  return (0, _core2.jsx)(StyledMenuList, _extends({
+    ref: innerRef
+  }, innerProps), children);
+};
+
+var _default = MenuList;
+exports["default"] = _default;

package/lib/TagSelector/Option.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { OptionProps } from 'react-select';
+import { TagType } from './types';
+declare const Option: ({ innerProps, innerRef, children, isSelected, isFocused }: OptionProps<TagType, true>) => JSX.Element;
+export default Option;

package/lib/TagSelector/Option.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _button = require("@ndla/button");
+
+var _core = require("@ndla/core");
+
+var _editor = require("@ndla/icons/editor");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var StyledMenuOption = (0, _styledBase["default"])("div", {
+  target: "ec486650",
+  label: "StyledMenuOption"
+})("&&{background:", function (_ref) {
+  var focused = _ref.focused;
+  return focused && _core.colors.brand.lighter;
+}, ";color:", function (_ref2) {
+  var focused = _ref2.focused;
+  return focused && _core.colors.brand.primary;
+}, ";justify-content:space-between;", _core.fonts.sizes(16), ";font-weight:", _core.fonts.weight.normal, ";color:", function (_ref3) {
+  var selected = _ref3.selected;
+  return selected && _core.colors.brand.grey;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnRCIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
+var StyledCheck = ( /*#__PURE__*/0, _styledBase["default"])(_editor.Done, {
+  target: "ec486651",
+  label: "StyledCheck"
+})("width:24px;height:24px;fill:", _core.colors.brand.tertiary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NnQyIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
+
+var Option = function Option(_ref4) {
+  var innerProps = _ref4.innerProps,
+      innerRef = _ref4.innerRef,
+      children = _ref4.children,
+      isSelected = _ref4.isSelected,
+      isFocused = _ref4.isFocused;
+  return (0, _core2.jsx)(StyledMenuOption, _extends({
+    focused: isFocused,
+    selected: isSelected,
+    css: (0, _button.buttonStyleV2)({
+      colorTheme: 'lighter',
+      variant: 'ghost',
+      shape: 'sharp'
+    }),
+    ref: innerRef
+  }, innerProps), children, isSelected && (0, _core2.jsx)(StyledCheck, null));
+};
+
+var _default = Option;
+exports["default"] = _default;

package/lib/TagSelector/SelectContainer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { ContainerProps } from 'react-select';
+import { TagType } from './types';
+declare const SelectContainer: ({ innerProps, selectProps, children }: ContainerProps<TagType, true>) => JSX.Element;
+export default SelectContainer;

package/lib/TagSelector/SelectContainer.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@ndla/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var StyledContainer = (0, _styledBase["default"])("div", {
+  target: "exs06kq0",
+  label: "StyledContainer"
+})("display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid ", _core.colors.brand.neutral7, ";border-radius:", _core.misc.borderRadius, ";&:focus-within{border-color:", _core.colors.brand.tertiary, ";}", _core.fonts.sizes(16), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdENvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2tDIiwiZmlsZSI6IlNlbGVjdENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb250YWluZXJQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJjpmb2N1cy13aXRoaW4ge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbmA7XG5cbmNvbnN0IFNlbGVjdENvbnRhaW5lciA9ICh7IGlubmVyUHJvcHMsIHNlbGVjdFByb3BzLCBjaGlsZHJlbiB9OiBDb250YWluZXJQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gPFN0eWxlZENvbnRhaW5lciB7Li4uaW5uZXJQcm9wc30+e2NoaWxkcmVufTwvU3R5bGVkQ29udGFpbmVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdENvbnRhaW5lcjtcbiJdfQ== */"));
+
+var SelectContainer = function SelectContainer(_ref) {
+  var innerProps = _ref.innerProps,
+      selectProps = _ref.selectProps,
+      children = _ref.children;
+  return (0, _core2.jsx)(StyledContainer, innerProps, children);
+};
+
+var _default = SelectContainer;
+exports["default"] = _default;

package/lib/TagSelector/TagSelector.d.ts

@@ -1,16 +1,19 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
 /// <reference types="react" />
-export interface TagType {
-    name: string;
-    id: string;
-}
 interface Props {
     label: string;
-    tags: TagType[];
-    tagsSelected: string[];
-    onToggleTag: (id: string) => void;
-    onCreateTag: (tagName: string) => void;
-    inline?: boolean;
-    prefix?: string;
+    tags: string[];
+    selected: string[];
+    onChange: (tags: string[]) => void;
+    onCreateTag: (name: string) => void;
+    className?: string;
+    labelHidden?: boolean;
 }
-declare const TagSelector: ({ label, tags, tagsSelected, onCreateTag, onToggleTag, inline, prefix }: Props) => JSX.Element;
+declare const TagSelector: ({ selected: _selected, tags: _tags, onChange, onCreateTag, className, label }: Props) => JSX.Element;
 export default TagSelector;