@ndla/ui 55.0.12-alpha.0 → 55.0.14-alpha.0

package/lib/ZendeskButton/ZendeskButton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2024-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 { ButtonProps } from "@ndla/primitives";
+export interface ZendeskButtonProps extends ButtonProps {
+    widgetKey: string;
+    locale: string;
+}
+declare global {
+    interface Window {
+        zE: (modifier: string, action: string, callback?: (() => void) | string) => void;
+    }
+}
+export declare const ZendeskButton: import("react").ForwardRefExoticComponent<ZendeskButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/ZendeskButton/ZendeskButton.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZendeskButton = void 0;
+var _react = require("react");
+var _primitives = require("@ndla/primitives");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
+
+const ZendeskButton = exports.ZendeskButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    locale,
+    variant = "secondary",
+    widgetKey,
+    children,
+    ...rest
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const handleClick = () => {
+    if (window && !window.zE) {
+      setLoading(true);
+      // Asynchronously load zendesk scripts for better performance
+      const script = document.createElement("script");
+      script.id = "ze-snippet";
+      script.type = "text/javascript";
+      script.async = true;
+      script.onload = () => {
+        if (window.zE) {
+          window.zE("webWidget", "setLocale", locale);
+          window.zE("webWidget:on", "close", () => {
+            setLoading(false);
+          });
+          window.zE("webWidget", "open");
+        }
+      };
+      script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
+      document.body.appendChild(script);
+    } else if (window?.zE) {
+      window.zE("webWidget", "open");
+    }
+  };
+  return (0, _jsxRuntime.jsx)(_primitives.Button, {
+    onClick: handleClick,
+    variant: variant,
+    id: "zendeskButton",
+    disabled: loading,
+    ...rest,
+    ref: ref,
+    children: children
+  });
+});

package/lib/i18n/formatNestedMessages.js

@@ -21,7 +21,7 @@ const formatNestedMessages = function (phrases) {
   Object.keys(phrases).forEach(key => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {
-      const keyWithPrefix = prefix ? "".concat(prefix, ".").concat(key) : key;
+      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
       if (typeof value === "object") {
         formatNestedMessages(value, formattedMessages, keyWithPrefix);
       } else {

package/lib/i18n/index.d.ts

@@ -7,3 +7,4 @@
  */
 export { i18nInstance } from "./i18n";
 export { formatNestedMessages } from "./formatNestedMessages";
+export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, } from "./useComponentTranslations";

package/lib/i18n/index.js

@@ -15,5 +15,24 @@ Object.defineProperty(exports, "i18nInstance", {
     return _i18n.i18nInstance;
   }
 });
+Object.defineProperty(exports, "useComboboxTranslations", {
+  enumerable: true,
+  get: function () {
+    return _useComponentTranslations.useComboboxTranslations;
+  }
+});
+Object.defineProperty(exports, "useTagSelectorTranslations", {
+  enumerable: true,
+  get: function () {
+    return _useComponentTranslations.useTagSelectorTranslations;
+  }
+});
+Object.defineProperty(exports, "useTagsInputTranslations", {
+  enumerable: true,
+  get: function () {
+    return _useComponentTranslations.useTagsInputTranslations;
+  }
+});
 var _i18n = require("./i18n");
-var _formatNestedMessages = require("./formatNestedMessages");
+var _formatNestedMessages = require("./formatNestedMessages");
+var _useComponentTranslations = require("./useComponentTranslations");

package/lib/i18n/useComponentTranslations.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2024-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 type { ComboboxCollectionItem } from "@ark-ui/react";
+import type { ComboboxRootProps, PaginationRootProps, TagsInputRootProps } from "@ndla/primitives";
+import { TagSelectorRootProps } from "../TagSelector/TagSelector";
+export declare const useTagsInputTranslations: (translations?: Partial<TagsInputRootProps["translations"]>) => TagsInputRootProps["translations"];
+export declare const useComboboxTranslations: <T extends ComboboxCollectionItem>(translations?: Partial<ComboboxRootProps<T>["translations"]>) => ComboboxRootProps<T>["translations"];
+export declare const useTagSelectorTranslations: <T extends ComboboxCollectionItem>(translations?: Partial<TagSelectorRootProps<T>["translations"]>) => TagSelectorRootProps<T>["translations"];
+export declare const usePaginationTranslations: (translations?: Partial<PaginationRootProps["translations"]>) => PaginationRootProps["translations"];

package/lib/i18n/useComponentTranslations.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTagsInputTranslations = exports.useTagSelectorTranslations = exports.usePaginationTranslations = exports.useComboboxTranslations = void 0;
+var _reactI18next = require("react-i18next");
+/**
+ * Copyright (c) 2024-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 useTagsInputTranslations = translations => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)("translation", {
+    keyPrefix: "component.tagsInput"
+  });
+  return {
+    clearTriggerLabel: t("clearTriggerLabel"),
+    deleteTagTriggerLabel: tag => t("deleteTagTriggerLabel", {
+      tag
+    }),
+    tagAdded: tag => t("tagAdded", {
+      tag
+    }),
+    tagsPasted: tag => t("tagsPasted", {
+      length: tag.length
+    }),
+    tagEdited: tag => t("tagEdited", {
+      tag
+    }),
+    tagUpdated: tag => t("tagUpdated", {
+      tag
+    }),
+    tagDeleted: tag => t("tagDeleted", {
+      tag
+    }),
+    tagSelected: tag => t("tagSelected", {
+      tag
+    }),
+    ...translations
+  };
+};
+exports.useTagsInputTranslations = useTagsInputTranslations;
+const useComboboxTranslations = translations => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)("translation", {
+    keyPrefix: "component.combobox"
+  });
+  return {
+    triggerLabel: t("triggerLabel"),
+    clearTriggerLabel: t("clearTriggerLabel"),
+    ...translations
+  };
+};
+exports.useComboboxTranslations = useComboboxTranslations;
+const useTagSelectorTranslations = translations => {
+  const tagsInputTranslations = useTagsInputTranslations();
+  const comboboxTranslations = useComboboxTranslations();
+  return {
+    ...comboboxTranslations,
+    ...tagsInputTranslations,
+    ...translations
+  };
+};
+exports.useTagSelectorTranslations = useTagSelectorTranslations;
+const usePaginationTranslations = translations => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)("translation", {
+    keyPrefix: "component.pagination"
+  });
+  return {
+    rootLabel: t("rootLabel"),
+    prevTriggerLabel: t("prevTriggerLabel"),
+    nextTriggerLabel: t("nextTriggerLabel"),
+    itemLabel: details => {
+      const lastPage = details.totalPages > 1 && details.page === details.totalPages;
+      return lastPage ? t("lastPage", {
+        page: details.page
+      }) : t("page", {
+        page: details.page
+      });
+    },
+    ...translations
+  };
+};
+exports.usePaginationTranslations = usePaginationTranslations;

package/lib/index.d.ts

@@ -5,27 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
-export { default as FramedContent } from "./FramedContent";
-export { ConceptNotionV2, ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, } from "./Embed";
+export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, } from "./Embed";
 export { LicenseLink, EmbedByline } from "./LicenseByline";
 export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, ArticleParagraph, } from "./Article";
 export type { ArticleModifier } from "./Article";
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
-export { default as Table, TableStyling } from "./Table";
 export { default as ContentLoader } from "./ContentLoader";
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
 export { ErrorResourceAccessDenied, default as ErrorMessage } from "./ErrorMessage";
 export { default as FileList, File, PdfFile, Format } from "./FileList";
 export { default as Logo } from "./Logo";
 export { default as FactBox } from "./FactBox";
-export { default as Image, ImageLink, makeSrcQueryString } from "./Image";
-export type { ImageCrop, ImageFocalPoint } from "./Image";
 export type { HeroContentType } from "./Hero";
 export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, SourceMaterialHero, Hero, NdlaFilmHero, ConceptHero, HeroContent, } from "./Hero";
 export { FooterBlock } from "./Footer";
-export { Figure } from "./Figure";
-export type { FigureType } from "./Figure";
 export { LanguageSelector } from "./LanguageSelector";
 export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
 export { default as ContentTypeResult } from "./Search/ContentTypeResult";
@@ -43,20 +36,19 @@ export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
-export { i18nInstance, formatNestedMessages } from "./i18n";
+export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, } from "./i18n";
 export { default as LayoutItem, OneColumn, PageContainer } from "./Layout";
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, SourceMaterialBadge, ConceptBadge, } from "./ContentTypeBadge";
+export type { ContentTypeBadgeProps } from "./ContentTypeBadge/ContentTypeBadgeNew";
+export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap, } from "./ContentTypeBadge/ContentTypeBadgeNew";
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
-export { Notion } from "./Notion";
-export type { TagType } from "./TagSelector";
-export { TagSelector } from "./TagSelector";
+export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput, } from "./TagSelector/TagSelector";
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export type { Snack, SnackContext } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export type { TreeStructureProps } from "./TreeStructure";
 export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from "./Search";
-export { default as LetterFilter } from "./LetterFilter";
 export { OrderedList, UnOrderedList } from "./List";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";
@@ -67,9 +59,10 @@ export { CampaignBlock } from "./CampaignBlock";
 export { Grid, GridParallaxItem } from "./Grid";
 export type { GridType } from "./Grid";
 export { default as FrontpageArticle, FRONTPAGE_ARTICLE_MAX_WIDTH, WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH, } from "./FrontpageArticle";
-export { DefinitionTerm, DefinitionDescription } from "./DefinitionList";
 export type { ProgrammeV2 } from "./ProgrammeCard";
 export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 export type { Article as ArticleType } from "./types";
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
+export type { ZendeskButtonProps } from "./ZendeskButton/ZendeskButton";

package/lib/index.js

@@ -153,12 +153,6 @@ Object.defineProperty(exports, "ConceptListEmbed", {
     return _Embed.ConceptListEmbed;
   }
 });
-Object.defineProperty(exports, "ConceptNotionV2", {
-  enumerable: true,
-  get: function () {
-    return _Embed.ConceptNotionV2;
-  }
-});
 Object.defineProperty(exports, "ContactBlock", {
   enumerable: true,
   get: function () {
@@ -189,6 +183,12 @@ Object.defineProperty(exports, "ContentTypeBadge", {
     return _ContentTypeBadge.default;
   }
 });
+Object.defineProperty(exports, "ContentTypeBadgeNew", {
+  enumerable: true,
+  get: function () {
+    return _ContentTypeBadgeNew.ContentTypeBadge;
+  }
+});
 Object.defineProperty(exports, "ContentTypeResult", {
   enumerable: true,
   get: function () {
@@ -219,18 +219,6 @@ Object.defineProperty(exports, "DefaultSnackbar", {
     return _SnackBar.DefaultSnackbar;
   }
 });
-Object.defineProperty(exports, "DefinitionDescription", {
-  enumerable: true,
-  get: function () {
-    return _DefinitionList.DefinitionDescription;
-  }
-});
-Object.defineProperty(exports, "DefinitionTerm", {
-  enumerable: true,
-  get: function () {
-    return _DefinitionList.DefinitionTerm;
-  }
-});
 Object.defineProperty(exports, "EmbedByline", {
   enumerable: true,
   get: function () {
@@ -249,18 +237,6 @@ Object.defineProperty(exports, "ErrorResourceAccessDenied", {
     return _ErrorMessage.ErrorResourceAccessDenied;
   }
 });
-Object.defineProperty(exports, "ExpandableBox", {
-  enumerable: true,
-  get: function () {
-    return _ExpandableBox.ExpandableBox;
-  }
-});
-Object.defineProperty(exports, "ExpandableBoxSummary", {
-  enumerable: true,
-  get: function () {
-    return _ExpandableBox.ExpandableBoxSummary;
-  }
-});
 Object.defineProperty(exports, "ExternalEmbed", {
   enumerable: true,
   get: function () {
@@ -279,12 +255,6 @@ Object.defineProperty(exports, "FactBox", {
     return _FactBox.default;
   }
 });
-Object.defineProperty(exports, "Figure", {
-  enumerable: true,
-  get: function () {
-    return _Figure.Figure;
-  }
-});
 Object.defineProperty(exports, "File", {
   enumerable: true,
   get: function () {
@@ -315,12 +285,6 @@ Object.defineProperty(exports, "Format", {
     return _FileList.Format;
   }
 });
-Object.defineProperty(exports, "FramedContent", {
-  enumerable: true,
-  get: function () {
-    return _FramedContent.default;
-  }
-});
 Object.defineProperty(exports, "FrontpageArticle", {
   enumerable: true,
   get: function () {
@@ -381,24 +345,12 @@ Object.defineProperty(exports, "IframeEmbed", {
     return _Embed.IframeEmbed;
   }
 });
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function () {
-    return _Image.default;
-  }
-});
 Object.defineProperty(exports, "ImageEmbed", {
   enumerable: true,
   get: function () {
     return _Embed.ImageEmbed;
   }
 });
-Object.defineProperty(exports, "ImageLink", {
-  enumerable: true,
-  get: function () {
-    return _Image.ImageLink;
-  }
-});
 Object.defineProperty(exports, "InlineConcept", {
   enumerable: true,
   get: function () {
@@ -429,12 +381,6 @@ Object.defineProperty(exports, "LearningPathBadge", {
     return _ContentTypeBadge.LearningPathBadge;
   }
 });
-Object.defineProperty(exports, "LetterFilter", {
-  enumerable: true,
-  get: function () {
-    return _LetterFilter.default;
-  }
-});
 Object.defineProperty(exports, "LicenseLink", {
   enumerable: true,
   get: function () {
@@ -477,12 +423,6 @@ Object.defineProperty(exports, "NdlaFilmHero", {
     return _Hero.NdlaFilmHero;
   }
 });
-Object.defineProperty(exports, "Notion", {
-  enumerable: true,
-  get: function () {
-    return _Notion.Notion;
-  }
-});
 Object.defineProperty(exports, "OneColumn", {
   enumerable: true,
   get: function () {
@@ -609,22 +549,52 @@ Object.defineProperty(exports, "SubjectMaterialHero", {
     return _Hero.SubjectMaterialHero;
   }
 });
-Object.defineProperty(exports, "Table", {
+Object.defineProperty(exports, "TagSelectorClearTrigger", {
+  enumerable: true,
+  get: function () {
+    return _TagSelector.TagSelectorClearTrigger;
+  }
+});
+Object.defineProperty(exports, "TagSelectorControl", {
   enumerable: true,
   get: function () {
-    return _Table.default;
+    return _TagSelector.TagSelectorControl;
   }
 });
-Object.defineProperty(exports, "TableStyling", {
+Object.defineProperty(exports, "TagSelectorInput", {
   enumerable: true,
   get: function () {
-    return _Table.TableStyling;
+    return _TagSelector.TagSelectorInput;
   }
 });
-Object.defineProperty(exports, "TagSelector", {
+Object.defineProperty(exports, "TagSelectorInputBase", {
   enumerable: true,
   get: function () {
-    return _TagSelector.TagSelector;
+    return _TagSelector.TagSelectorInputBase;
+  }
+});
+Object.defineProperty(exports, "TagSelectorItemInput", {
+  enumerable: true,
+  get: function () {
+    return _TagSelector.TagSelectorItemInput;
+  }
+});
+Object.defineProperty(exports, "TagSelectorLabel", {
+  enumerable: true,
+  get: function () {
+    return _TagSelector.TagSelectorLabel;
+  }
+});
+Object.defineProperty(exports, "TagSelectorRoot", {
+  enumerable: true,
+  get: function () {
+    return _TagSelector.TagSelectorRoot;
+  }
+});
+Object.defineProperty(exports, "TagSelectorTrigger", {
+  enumerable: true,
+  get: function () {
+    return _TagSelector.TagSelectorTrigger;
   }
 });
 Object.defineProperty(exports, "TasksAndActivitiesBadge", {
@@ -669,6 +639,12 @@ Object.defineProperty(exports, "WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH", {
     return _FrontpageArticle.WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH;
   }
 });
+Object.defineProperty(exports, "ZendeskButton", {
+  enumerable: true,
+  get: function () {
+    return _ZendeskButton.ZendeskButton;
+  }
+});
 Object.defineProperty(exports, "codeLanguageOptions", {
   enumerable: true,
   get: function () {
@@ -681,6 +657,12 @@ Object.defineProperty(exports, "constants", {
     return _model.default;
   }
 });
+Object.defineProperty(exports, "contentTypeToBadgeVariantMap", {
+  enumerable: true,
+  get: function () {
+    return _ContentTypeBadgeNew.contentTypeToBadgeVariantMap;
+  }
+});
 Object.defineProperty(exports, "formatNestedMessages", {
   enumerable: true,
   get: function () {
@@ -711,12 +693,6 @@ Object.defineProperty(exports, "i18nInstance", {
     return _i18n.i18nInstance;
   }
 });
-Object.defineProperty(exports, "makeSrcQueryString", {
-  enumerable: true,
-  get: function () {
-    return _Image.makeSrcQueryString;
-  }
-});
 Object.defineProperty(exports, "messagesEN", {
   enumerable: true,
   get: function () {
@@ -753,29 +729,42 @@ Object.defineProperty(exports, "resourceTypeColor", {
     return _resourceTypeColor.default;
   }
 });
+Object.defineProperty(exports, "useComboboxTranslations", {
+  enumerable: true,
+  get: function () {
+    return _i18n.useComboboxTranslations;
+  }
+});
 Object.defineProperty(exports, "useSnack", {
   enumerable: true,
   get: function () {
     return _SnackBar.useSnack;
   }
 });
-var _ExpandableBox = require("./ExpandableBox");
-var _FramedContent = _interopRequireDefault(require("./FramedContent"));
+Object.defineProperty(exports, "useTagSelectorTranslations", {
+  enumerable: true,
+  get: function () {
+    return _i18n.useTagSelectorTranslations;
+  }
+});
+Object.defineProperty(exports, "useTagsInputTranslations", {
+  enumerable: true,
+  get: function () {
+    return _i18n.useTagsInputTranslations;
+  }
+});
 var _Embed = require("./Embed");
 var _LicenseByline = require("./LicenseByline");
 var _Article = _interopRequireWildcard(require("./Article"));
 var _relativeUrl = require("./utils/relativeUrl");
-var _Table = _interopRequireWildcard(require("./Table"));
 var _ContentLoader = _interopRequireDefault(require("./ContentLoader"));
 var _RelatedArticleList = _interopRequireWildcard(require("./RelatedArticleList"));
 var _ErrorMessage = _interopRequireWildcard(require("./ErrorMessage"));
 var _FileList = _interopRequireWildcard(require("./FileList"));
 var _Logo = _interopRequireDefault(require("./Logo"));
 var _FactBox = _interopRequireDefault(require("./FactBox"));
-var _Image = _interopRequireWildcard(require("./Image"));
 var _Hero = require("./Hero");
 var _Footer = require("./Footer");
-var _Figure = require("./Figure");
 var _LanguageSelector = require("./LanguageSelector");
 var _SearchResultSleeve = _interopRequireDefault(require("./Search/SearchResultSleeve"));
 var _ContentTypeResult = _interopRequireDefault(require("./Search/ContentTypeResult"));
@@ -795,14 +784,13 @@ var _Breadcrumb = _interopRequireWildcard(require("./Breadcrumb"));
 var _i18n = require("./i18n");
 var _Layout = _interopRequireWildcard(require("./Layout"));
 var _ContentTypeBadge = _interopRequireWildcard(require("./ContentTypeBadge"));
+var _ContentTypeBadgeNew = require("./ContentTypeBadge/ContentTypeBadgeNew");
 var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
 var _ContentPlaceholder = _interopRequireDefault(require("./ContentPlaceholder"));
-var _Notion = require("./Notion");
-var _TagSelector = require("./TagSelector");
+var _TagSelector = require("./TagSelector/TagSelector");
 var _SnackBar = require("./SnackBar");
 var _TreeStructure = require("./TreeStructure");
 var _Search = require("./Search");
-var _LetterFilter = _interopRequireDefault(require("./LetterFilter"));
 var _List = require("./List");
 var _BlogPost = require("./BlogPost");
 var _ProgrammeCard = require("./ProgrammeCard");
@@ -811,10 +799,10 @@ var _ContactBlock = _interopRequireDefault(require("./ContactBlock"));
 var _CampaignBlock = require("./CampaignBlock");
 var _Grid = require("./Grid");
 var _FrontpageArticle = _interopRequireWildcard(require("./FrontpageArticle"));
-var _DefinitionList = require("./DefinitionList");
 var _Gloss = require("./Gloss");
 var _LinkBlock = require("./LinkBlock");
 var _CodeBlock = require("./CodeBlock");
+var _ZendeskButton = require("./ZendeskButton/ZendeskButton");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/locale/messages-en.d.ts

@@ -557,6 +557,8 @@ declare const messages: {
         podcast: string;
         h5p: string;
         video: string;
+        missing: string;
+        external: string;
     };
     modal: {
         closeModal: string;
@@ -802,6 +804,7 @@ declare const messages: {
             url: string;
             caption: string;
         };
+        valueText: string;
         controls: {
             forward15sec: string;
             rewind15sec: string;
@@ -1376,6 +1379,7 @@ declare const messages: {
     };
     gloss: {
         examples: string;
+        showExamples: string;
         wordClass: string;
         play: string;
         transcriptions: {
@@ -1393,5 +1397,28 @@ declare const messages: {
         menuTitle: string;
     };
     login: string;
+    component: {
+        tagsInput: {
+            clearTriggerLabel: string;
+            deleteTagTriggerLabel: string;
+            tagAdded: string;
+            tagsPasted: string;
+            tagEdited: string;
+            tagUpdated: string;
+            tagDeleted: string;
+            tagSelected: string;
+        };
+        combobox: {
+            triggerLabel: string;
+            clearTriggerLabel: string;
+        };
+        pagination: {
+            rootLabel: string;
+            prevTriggerLabel: string;
+            nextTriggerLabel: string;
+            lastPage: string;
+            page: string;
+        };
+    };
 };
 export default messages;