@ndla/ui 51.0.0 → 53.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/all.scss

@@ -1,3 +1,2 @@
-@import '~@ndla/core/scss/core';
-@import './main';
-@import '~@ndla/core/scss/utilities';
+@import "~@ndla/core/scss/core";
+@import "~@ndla/core/scss/utilities";

package/src/index.ts

@@ -44,18 +44,15 @@ export {
   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 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";
 
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
@@ -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:
@@ -544,8 +544,10 @@ const messages = {
   },
   contentTypes: {
     all: "All",
+    article: "Article",
     subject: "Subject",
     "topic-article": "Topic article",
+    learningpath: "Learning path",
     "learning-path": "Learning path",
     "subject-material": "Subject material",
     "tasks-and-activities": "Task and activities",
@@ -933,6 +935,7 @@ const messages = {
       onDragEndMissingOver: "The folder {{name}} was dropped",
       onDragCancel: "Dragging was cancelled. The folder {{name}} was dropped",
       dragHandle: "Drag the folder {{name}}",
+      professional: "a professional",
       sharedWarning: "Name and description will be visible for everyone you share the folder with",
       sharing: {
         share: "Share folder",
@@ -951,6 +954,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 +968,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:
@@ -544,8 +544,10 @@ const messages = {
   },
   contentTypes: {
     all: "Alle",
+    article: "Artikkel",
     subject: "Fag",
     "topic-article": "Emne",
+    learningpath: "Læringssti",
     "learning-path": "Læringssti",
     "subject-material": "Fagstoff",
     "tasks-and-activities": "Oppgaver og aktiviteter",
@@ -933,6 +935,7 @@ const messages = {
       onDragEndMissingOver: "Mappen {{name}} ble sluppet",
       onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
       dragHandle: "Sorter mappen {{name}}",
+      professional: "en fagperson",
       sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
       sharing: {
         share: "Del mappe",
@@ -951,6 +954,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 +968,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:
@@ -544,8 +544,10 @@ const messages = {
   },
   contentTypes: {
     all: "Alle",
+    article: "Artikkel",
     subject: "Fag",
     "topic-article": "Emne",
+    learningpath: "Læringssti",
     "learning-path": "Læringssti",
     "subject-material": "Fagstoff",
     "tasks-and-activities": "Oppgåver og aktivitetar",
@@ -933,6 +935,7 @@ const messages = {
       onDragEndMissingOver: "Mappa blei sleppt",
       onDragCancel: "Flytting avbrutt. Mappa {{name}} blei sleppt",
       dragHandle: "Sorter mappa {{name}}",
+      professional: "ein fagperson",
       sharedWarning: "Namn og beskriving blir synleg for alle du deler mappa med.",
       sharing: {
         share: "Del mappe",
@@ -951,6 +954,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 +968,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 +1158,7 @@ const messages = {
       },
     },
     iconMenu: {
-      folders: "Mappar",
+      folders: "Mapper",
       tags: "Emneknaggar",
       subjects: "Favorittfag",
       profile: "Profil",

package/src/locale/messages-se.ts

@@ -546,8 +546,10 @@ const messages = {
   },
   contentTypes: {
     all: "Buot",
+    article: "Artikkel",
     subject: "Fága",
     "topic-article": "Fáddá",
+    learningpath: "Oahppanbálggis",
     "learning-path": "Oahppanbálggis",
     "subject-material": "Fágaávdnasat",
     "tasks-and-activities": "Bihtát ja doaimmat",
@@ -935,6 +937,7 @@ const messages = {
       onDragEndMissingOver: "Mappen {{name}} ble sluppet",
       onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
       dragHandle: "Sorter mappen {{name}}",
+      professional: "en fagperson",
       sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
       sharing: {
         share: "Del mappe",
@@ -953,6 +956,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 +970,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:
@@ -548,8 +548,10 @@ const messages = {
   },
   contentTypes: {
     all: "Alle",
+    article: "Artikkel",
     subject: "Faagem",
     "topic-article": "Teema",
+    learningpath: "Lïeremebaalka",
     "learning-path": "Lïeremebaalka",
     "subject-material": "Faage-aamhtese",
     "tasks-and-activities": "Laavenjassh jïh darjomh",
@@ -937,6 +939,7 @@ const messages = {
       onDragEndMissingOver: "Mappen {{name}} ble sluppet",
       onDragCancel: "Flytting avbrutt. Mappen {{name}} ble sluppet",
       dragHandle: "Sorter mappen {{name}}",
+      professional: "en fagperson",
       sharedWarning: "Navn og beskrivelse blir synlig for alle du deler mappen med.",
       sharing: {
         share: "Del mappe",
@@ -955,6 +958,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 +972,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/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;
-};