@ndla/ui 51.0.0 → 52.0.0

package/src/TreeStructure/TreeStructure.stories.tsx

@@ -6,14 +6,21 @@
  *
  */
 
-import { Dispatch, SetStateAction, useEffect, useState } from "react";
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
+import { isMobile } from "react-device-detect";
+import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { Meta, StoryFn } from "@storybook/react";
+import { IconButtonV2 } from "@ndla/button";
+import { spacing } from "@ndla/core";
+import { FieldErrorMessage, FieldHelper, FormControl, InputContainer, InputV3, Label } from "@ndla/forms";
+import { Spinner } from "@ndla/icons";
+import { Cross } from "@ndla/icons/action";
+import { Done } from "@ndla/icons/editor";
 import { IFolder } from "@ndla/types-backend/learningpath-api";
 import { uuid } from "@ndla/util";
 import { flattenFolders } from "./helperFunctions";
 import TreeStructure, { TreeStructureProps } from "./TreeStructure";
-import { FolderInput } from "../MyNdla";
 
 const MY_FOLDERS_ID = "folders";
 
@@ -26,6 +33,17 @@ const Container = styled.div`
   }
 `;
 
+const Row = styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${spacing.xxsmall};
+  padding-right: ${spacing.xsmall};
+`;
+
+const StyledSpinner = styled(Spinner)`
+  margin: ${spacing.small};
+`;
+
 const targetResource: TreeStructureProps["targetResource"] = {
   id: "test-resource",
   resourceId: "123",
@@ -190,6 +208,16 @@ const NewFolder = ({ parentId, onClose, structure, setStructure, onCreate }: New
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
 
+  const { t } = useTranslation();
+
+  const inputRef = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    if (isMobile) {
+      inputRef.current?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, []);
+
   const onSave = async () => {
     if (error) {
       return;
@@ -225,31 +253,60 @@ const NewFolder = ({ parentId, onClose, structure, setStructure, onCreate }: New
   }, [name]);
 
   return (
-    <FolderInput
-      // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus
-      name="name"
-      label={"Mine mapper"}
-      placeholder={"Skriv inn mappenavn"}
-      loading={loading}
-      onClose={onClose}
-      onSave={onSave}
-      error={error}
-      value={name}
-      onChange={(e) => {
-        if (!loading) {
-          setName(e.currentTarget.value);
-        }
-      }}
-      onKeyDown={(e) => {
-        if (e.key === "Escape") {
-          e.preventDefault();
-          onClose?.();
-        } else if (e.key === "Enter") {
-          e.preventDefault();
-          onSave();
-        }
-      }}
-    />
+    <FormControl id="folder-name" isRequired isInvalid={!!error}>
+      <Label visuallyHidden>Mine mapper</Label>
+      <FieldErrorMessage>{error}</FieldErrorMessage>
+      <InputContainer>
+        <InputV3
+          autoComplete="off"
+          disabled={loading}
+          ref={inputRef}
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          autoFocus
+          name="name"
+          placeholder="Skriv inn mappenavn"
+          onChange={(e) => {
+            if (!loading) {
+              setName(e.currentTarget.value);
+            }
+          }}
+          onKeyDown={(e) => {
+            if (e.key === "Escape") {
+              e.preventDefault();
+              onClose?.();
+            } else if (e.key === "Enter") {
+              e.preventDefault();
+              onSave();
+            }
+          }}
+        />
+        <Row>
+          {!loading ? (
+            <>
+              {!error && (
+                <IconButtonV2
+                  variant={"ghost"}
+                  colorTheme="light"
+                  tabIndex={0}
+                  aria-label={t("save")}
+                  title={t("save")}
+                  size="small"
+                  onClick={onSave}
+                >
+                  <Done />
+                </IconButtonV2>
+              )}
+              <IconButtonV2 aria-label={t("close")} title={t("close")} size="small" variant="ghost" onClick={onClose}>
+                <Cross />
+              </IconButtonV2>
+            </>
+          ) : (
+            <FieldHelper>
+              <StyledSpinner size="normal" aria-label={t("loading")} />
+            </FieldHelper>
+          )}
+        </Row>
+      </InputContainer>
+    </FormControl>
   );
 };

package/src/TreeStructure/TreeStructure.tsx

@@ -83,7 +83,7 @@ const TreeStructure = ({
 }: TreeStructureProps) => {
   const ref = useRef<HTMLButtonElement>(null);
 
-  const defaultSelectedFolderId = defaultOpenFolders && defaultOpenFolders[defaultOpenFolders.length - 1];
+  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
 
   const [openFolders, setOpenFolders] = useState<string[]>(defaultOpenFolders || []);
 

package/src/index.ts

@@ -44,16 +44,13 @@ export {
   ArticleWrapper,
   ArticleHeaderWrapper,
   default as Article,
+  ArticleParagraph,
 } from "./Article";
 
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 
 export { default as Table, TableStyling } from "./Table";
 
-export { default as ResourcesWrapper, ResourcesTopicTitle } from "./ResourcesWrapper";
-
-export { default as NoContentBox } from "./NoContentBox";
-
 export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainContent } from "./Masthead";
 
 export { default as ContentLoader } from "./ContentLoader";
@@ -84,8 +81,6 @@ export {
   HeroContent,
 } from "./Hero";
 
-export { FilterButtons, ToggleItem } from "./Filter";
-
 export { FooterBlock } from "./Footer";
 
 export { Figure } from "./Figure";
@@ -93,19 +88,6 @@ export type { FigureType } from "./Figure";
 
 export { LanguageSelector } from "./LanguageSelector";
 
-export {
-  LearningPathWrapper,
-  LearningPathContent,
-  LearningPathMenu,
-  LearningPathSticky,
-  LearningPathInformation,
-  LearningPathStickySibling,
-  LearningPathStickyPlaceholder,
-  LearningPathLastStepNavigation,
-  LearningPathMobileStepInfo,
-  LearningPathMobileHeader,
-} from "./LearningPaths";
-
 export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
 
 export { default as ContentTypeResult } from "./Search/ContentTypeResult";
@@ -122,20 +104,6 @@ export { ResourceBox } from "./ResourceBox";
 
 export { default as AudioPlayer } from "./AudioPlayer";
 
-export { NavigationBox } from "./Navigation";
-
-export { default as Programme } from "./Programme";
-
-export { default as CompetenceGoalTab } from "./CompetenceGoalTab";
-
-export {
-  SearchTypeResult,
-  SearchHeader,
-  SearchFieldHeader,
-  SearchSubjectResult,
-  SearchFilterContent,
-} from "./SearchTypeResult";
-
 export { default as constants } from "./model";
 
 export { default as messagesNB } from "./locale/messages-nb";
@@ -144,21 +112,13 @@ export { default as messagesEN } from "./locale/messages-en";
 export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 
-export { ToolboxInfo } from "./ToolboxPage";
-export { default as Topic } from "./Topic";
-export type { TopicProps } from "./Topic";
-export { default as Aside } from "./Aside";
-
-export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb } from "./Breadcrumb";
+export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
 
 export { i18nInstance, formatNestedMessages } from "./i18n";
-export { default as ResourceGroup } from "./ResourceGroup";
 
 export { default as LayoutItem, OneColumn, PageContainer, Content } from "./Layout";
 
-export { FilmSlideshow, MovieGrid, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from "./NDLAFilm";
-
 export {
   MediaList,
   MediaListItem,
@@ -181,16 +141,13 @@ export {
   ConceptBadge,
 } from "./ContentTypeBadge";
 
-export { SubjectBanner } from "./Subject";
-
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
 
 export { Notion } from "./Notion";
 
-export { BannerCard } from "./BannerCard";
-export { Folder, FolderInput } from "./MyNdla";
+export { Folder } from "./MyNdla";
 export { ListResource, BlockResource } from "./Resource";
 export type { ListResourceProps } from "./Resource";
 export type { TagType } from "./TagSelector";
@@ -227,3 +184,5 @@ export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 
 export type { Article as ArticleType } from "./types";
+
+export { CodeBlock, codeLanguageOptions } from "./CodeBlock";

package/src/locale/messages-en.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "This is not a complete course, but a collection of resources we hope you will find useful.",
     subjectOutdated: "This course is not updated to the current curriculum.",
     subjectFuture: "This course is for a future curriculum.",
-    subjectBeta: "This course is in beta. New resources are being added continously.",
+    subjectBeta: "This course is under development. New resources are being added continously.",
     newVersion:
       "This learning resource is not updated to the current curriculum. You can find an updated version here: ",
     frontPageBeta:
@@ -951,6 +951,12 @@ const messages = {
           shared:
             "Now you can share this link to students or other teachers. If you make changes in the folder, they become visible to everybody you have shared the link with.",
         },
+        warning: {
+          authenticated:
+            "This folder is shared by {{ name }}, and contains course material, assignments and links to texts from both NDLA and other websites.",
+          unauthenticated:
+            "This folder is shared by {{ name }}, and contains course material, assignments and links to texts from both NDLA and other websites. Log onto My NDLA to copy the folder or save the link.",
+        },
         button: {
           share: "Share folder",
           shareShort: "Share",
@@ -959,6 +965,13 @@ const messages = {
           goTo: "Go to shared folder",
           unShare: "Stop sharing",
           shareLink: "Copy link",
+          saveLink: "Save the link",
+        },
+        save: {
+          warning:
+            "This creates a link to the folder in My folders. You can easily find the link by navigating to My Folders through the menu in My NDLA.",
+          header: "Save the link to this folder",
+          save: "Save the link to the shared folder",
         },
         previewInformation:
           "Preview of shared folder. The folder is not available to others until you update its status to shared.",

package/src/locale/messages-nb.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "Dette er ikke et komplett læremiddel, men ei ressurssamling som vi håper kan være nyttig for deg.",
     subjectOutdated: "Dette faget følger en utgått læreplan.",
     subjectFuture: "Dette faget følger en kommende læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressurser fortløpende.",
     newVersion:
       "Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ",
     frontPageBeta:
@@ -951,6 +951,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -959,6 +965,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/locale/messages-nn.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "Dette er ikkje eit komplett læremiddel, men ei ressurssamling som vi håper kan vere nyttig for deg.",
     subjectOutdated: "Dette faget følgjer ein utgått læreplan.",
     subjectFuture: "Dette faget følgjer ein kommande læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressursar fortløpande.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressursar fortløpande.",
     newVersion:
       "Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ",
     frontPageBeta:
@@ -951,6 +951,12 @@ const messages = {
           shared:
             "No kan du dele denne lenka med elevar eller andre lærarar. Dersom du gjer endringar i mappa, blir dei synlege for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappa er delt av {{ name }}, og inneheld fagstoff, oppgåver og lenker til tekster frå både NDLA og andre nettstader.",
+          unauthenticated:
+            "Denne mappa er delt av {{ name }}, og inneheld fagstoff, oppgåver og lenker til tekster frå både NDLA og andre nettstader. Logg inn på Min NDLA for å kopiere mappa eller lagre lenka.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -959,6 +965,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenka",
+        },
+        save: {
+          warning:
+            "Dette lagar ei lenke til mappa i Mine mapper. Du kan enkelt finne ho att ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappa",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt.",
@@ -1142,7 +1155,7 @@ const messages = {
       },
     },
     iconMenu: {
-      folders: "Mappar",
+      folders: "Mapper",
       tags: "Emneknaggar",
       subjects: "Favorittfag",
       profile: "Profil",

package/src/locale/messages-se.ts

@@ -953,6 +953,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -961,6 +967,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/locale/messages-sma.ts

@@ -284,7 +284,7 @@ const messages = {
       "Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.",
     subjectOutdated: "Dette faget følger en utgått læreplan.",
     subjectFuture: "Dette faget følger en kommende læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressurser fortløpende.",
     newVersion:
       "Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ",
     frontPageBeta:
@@ -955,6 +955,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -963,6 +969,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/main.scss

@@ -2,5 +2,3 @@
 
 // COMPONENTS
 @import "Article/component.article";
-
-@import "Figure/component.figure";

package/src/types.ts

@@ -8,18 +8,6 @@
 
 import { ReactNode } from "react";
 
-const locales = ["nb", "nn", "en", "se", "sma"] as const;
-export type Locale = (typeof locales)[number];
-
-export type Link = {
-  text: string;
-  to: string;
-};
-
-export type Messages = {
-  closeSearchLabel: string;
-};
-
 type ResourceTypes = {
   name: string;
 };
@@ -75,58 +63,8 @@ export interface Article {
   published: string;
 }
 
-export type SearchResult = {
-  title: string;
-  contentType: string;
-  resources: Array<Resource>;
-};
-
 export interface ContentTypeResultType {
   title?: string;
   contentType?: string;
   resources: Array<Resource>;
 }
-
-export type subjectProp = {
-  text: string;
-  url: string;
-  yearInfo?: string;
-  beta?: boolean;
-};
-
-export type category = {
-  name: string;
-  subjects: Array<subjectProp>;
-};
-
-export type elementRectType = {
-  fromX: number;
-  fromY: number;
-  fromScale: number;
-};
-
-interface GrepCode {
-  id: string;
-  title: string;
-}
-
-export interface CompetenceGoalsItemType extends GrepCode {
-  goals: {
-    id: string;
-    text: string;
-    url?: string;
-  }[];
-  selected?: boolean;
-  isOembed?: boolean;
-}
-
-export interface CoreElementsItemType extends GrepCode {
-  text?: string;
-  url?: string;
-  isOembed?: boolean;
-}
-
-export type NotionMedia = {
-  type: "video" | "other";
-  element: ReactNode;
-};

package/es/Article/ArticleAccessMessage.js

@@ -1,43 +0,0 @@
-import _styled from "@emotion/styled/base";
-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)."; }
-/**
- * Copyright (c) 2021-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 * as React from "react";
-import { colors, fonts } from "@ndla/core";
-import { HumanMaleBoard } from "@ndla/icons/common";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-const StyledMessage = /*#__PURE__*/_styled("span", {
-  target: "ef7syc21",
-  label: "StyledMessage"
-})("position:absolute;top:-50px;color:", colors.text.light, ";", fonts.sizes("14px", "18px"), ";font-family:", fonts.sans, ";display:flex;flex-direction:row;justify-content:flex-start;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiQXJ0aWNsZUFjY2Vzc01lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBIdW1hbk1hbGVCb2FyZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuY29uc3QgU3R5bGVkTWVzc2FnZSA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTUwcHg7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcyhcIjE0cHhcIiwgXCIxOHB4XCIpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG1lc3NhZ2U6IHN0cmluZztcbn07XG5cbmNvbnN0IEFydGljbGVBY2Nlc3NNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiBQcm9wcykgPT4gKFxuICA8PlxuICAgIDxTdHlsZWRNZXNzYWdlPlxuICAgICAgPEljb25XcmFwcGVyPlxuICAgICAgICA8SHVtYW5NYWxlQm9hcmQgLz5cbiAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICB7bWVzc2FnZX1cbiAgICA8L1N0eWxlZE1lc3NhZ2U+XG4gIDwvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZUFjY2Vzc01lc3NhZ2U7XG4iXX0= */"));
-const IconWrapper = /*#__PURE__*/_styled("span", {
-  target: "ef7syc20",
-  label: "IconWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "u7ytkp",
-  styles: "margin-right:0.5rem"
-} : {
-  name: "u7ytkp",
-  styles: "margin-right:0.5rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QitCIiwiZmlsZSI6IkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgSHVtYW5NYWxlQm9hcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5cbmNvbnN0IFN0eWxlZE1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC01MHB4O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNHB4XCIsIFwiMThweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBtZXNzYWdlOiBzdHJpbmc7XG59O1xuXG5jb25zdCBBcnRpY2xlQWNjZXNzTWVzc2FnZSA9ICh7IG1lc3NhZ2UgfTogUHJvcHMpID0+IChcbiAgPD5cbiAgICA8U3R5bGVkTWVzc2FnZT5cbiAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgPEh1bWFuTWFsZUJvYXJkIC8+XG4gICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAge21lc3NhZ2V9XG4gICAgPC9TdHlsZWRNZXNzYWdlPlxuICA8Lz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVBY2Nlc3NNZXNzYWdlO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ArticleAccessMessage = _ref => {
-  let {
-    message
-  } = _ref;
-  return _jsx(_Fragment, {
-    children: _jsxs(StyledMessage, {
-      children: [_jsx(IconWrapper, {
-        children: _jsx(HumanMaleBoard, {})
-      }), message]
-    })
-  });
-};
-export default ArticleAccessMessage;