@ndla/ui 20.0.0 → 21.0.0

package/src/TreeStructure/types.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 { MouseEvent, ReactNode } from 'react';
+import { IFolder } from '@ndla/types-learningpath-api';
+import { MenuItemProps } from '@ndla/button/src';
+
+export interface FolderType extends IFolder {
+  icon?: ReactNode;
+}
+
+export interface TreeStructureMenuProps extends Omit<MenuItemProps, 'onClick'> {
+  onClick: (e: MouseEvent<HTMLDivElement> | undefined, folder: FolderType) => void;
+}
+
+export interface CommonTreeStructureProps {
+  loading?: boolean;
+  onSelectFolder?: (id: string) => void;
+  openOnFolderClick?: boolean;
+  menuItems?: TreeStructureMenuProps[];
+}
+
+export interface CommonFolderItemsProps extends CommonTreeStructureProps {
+  focusedFolderId?: string;
+  level: number;
+  selectedFolder?: FolderType;
+  onCloseFolder: (id: string) => void;
+  onOpenFolder: (id: string) => void;
+  setFocusedId: (id: string) => void;
+  setSelectedFolder: (id: FolderType) => void;
+  visibleFolders: string[];
+}

package/src/index.ts

@@ -244,4 +244,4 @@ export type { SnackBarItem } from './SnackBar';
 export { SnackBar } from './SnackBar';
 export { InfoBlock } from './InfoBlock';
 export { TreeStructure } from './TreeStructure';
-export type { FolderStructureProps, TreeStructureProps } from './TreeStructure';
+export type { FolderType, TreeStructureProps, TreeStructureMenuProps } from './TreeStructure';

package/src/locale/messages-en.ts

@@ -1022,7 +1022,12 @@ const messages = {
       privacy: 'privacy statement',
       questions: { question: 'Any questions?', ask: 'Ask us in the chat' },
       wishToDelete: 'Do you wish to delete your account?',
-      terms: 'terms of use',
+      terms: {
+        terms: 'Terms of use',
+        term1: 'Do not write personal or sensitive information in text fields.',
+        term2: 'Do not write offensive statements in text fields.',
+        term3: 'NDLA reserves the right to update or remove resources if they are not up to date.',
+      },
       feide: 'We have retrieved this information from Feide',
       newFavourite: 'Recently favourited',
 

package/src/locale/messages-nb.ts

@@ -1020,7 +1020,13 @@ const messages = {
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
-      terms: 'vilkår for bruk',
+      terms: {
+        terms: 'Vilkår for bruk',
+        term1: 'Ikke skriv personsensitiv informasjon eller persondata i tekstfelt.',
+        term2: 'Ikke skriv noe støtende i tekstfelt.',
+        term3:
+          'NDLA forbeholder seg retten til å oppdatere eller eventuelt slette ressurser dersom disse blir utdatert.',
+      },
       newFavourite: 'Nylig lagt til',
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {

package/src/locale/messages-nn.ts

@@ -1021,7 +1021,12 @@ const messages = {
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
-      terms: 'vilkår for bruk',
+      terms: {
+        terms: 'Vilkår for bruk',
+        term1: 'Ikkje skriv personsensitiv informasjon eller persondata i tekstfelt.',
+        term2: 'Ikkje skriv noko støytande i tekstfelt.',
+        term3: 'NDLA atterhald seg retten til å oppdatere eller eventuelt slette ressursar dersom disse blir utdatert.',
+      },
       newFavourite: 'Nylig lagt til',
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {

package/src/locale/messages-se.ts

@@ -1020,7 +1020,13 @@ const messages = {
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
-      terms: 'vilkår for bruk',
+      terms: {
+        terms: 'Vilkår for bruk',
+        term1: 'Ikke skriv personsensitiv informasjon eller persondata i tekstfelt.',
+        term2: 'Ikke skriv noe støtende i tekstfelt.',
+        term3:
+          'NDLA forbeholder seg retten til å oppdatere eller eventuelt slette ressurser dersom disse blir utdatert.',
+      },
       newFavourite: 'Nylig lagt til',
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {

package/src/locale/messages-sma.ts

@@ -1020,7 +1020,13 @@ const messages = {
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
-      terms: 'vilkår for bruk',
+      terms: {
+        terms: 'Vilkår for bruk',
+        term1: 'Ikke skriv personsensitiv informasjon eller persondata i tekstfelt.',
+        term2: 'Ikke skriv noe støtende i tekstfelt.',
+        term3:
+          'NDLA forbeholder seg retten til å oppdatere eller eventuelt slette ressurser dersom disse blir utdatert.',
+      },
       newFavourite: 'Nylig lagt til',
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {

package/lib/TreeStructure/TreeStructure.types.d.ts

@@ -1,61 +0,0 @@
-/**
- * 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, { ReactNode } from 'react';
-export interface FolderStructureProps {
-    id: string;
-    name: string;
-    subfolders: FolderStructureProps[];
-    isFavorite?: boolean;
-    status?: string;
-    openAsDefault?: boolean;
-    icon?: ReactNode;
-}
-interface CommonFolderProps {
-    editable?: boolean;
-    loading?: boolean;
-    openOnFolderClick?: boolean;
-    onSelectFolder?: (id: string) => void;
-}
-export interface TreeStructureProps extends CommonFolderProps {
-    folders: FolderStructureProps[];
-    framed?: boolean;
-    label?: string;
-    folderIdMarkedByDefault?: string;
-    onNewFolder: (name: string, parentId: string) => Promise<string>;
-    defaultOpenFolders?: string[];
-    folderChild?: FolderChildFuncType;
-    maximumLevelsOfFoldersAllowed?: number;
-}
-export declare type onCreateNewFolderProp = ({ idPaths, parentId, }: {
-    idPaths: number[];
-    parentId: string | undefined;
-}) => void;
-export declare type SetOpenFolderProp = React.Dispatch<React.SetStateAction<string[]>>;
-export declare type SetFocusedFolderId = React.Dispatch<React.SetStateAction<string | undefined>>;
-export declare type FolderChildFuncType = (id: string, tabIndex: number) => ReactNode;
-export interface FolderItemsProps extends CommonFolderProps {
-    folders: FolderStructureProps[];
-    onCloseFolder: (id: string) => void;
-    onOpenFolder: (id: string) => void;
-    onSaveNewFolder: (name: string, parentId: string) => void;
-    onCancelNewFolder: () => void;
-    onCreateNewFolder: (parentId: string) => void;
-    newFolderParentId: string | undefined;
-    visibleFolders: string[];
-    openFolders: string[];
-    markedFolderId?: string;
-    onMarkFolder: (id: string) => void;
-    level: number;
-    focusedFolderId: string | undefined;
-    setFocusedFolderId: SetFocusedFolderId;
-    keyNavigationFocusIsCreateFolderButton?: boolean;
-    icon?: ReactNode;
-    folderChild?: FolderChildFuncType;
-    maximumLevelsOfFoldersAllowed: number;
-}
-export {};

package/src/TreeStructure/TreeStructure.types.ts

@@ -1,71 +0,0 @@
-/**
- * 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, { ReactNode } from 'react';
-
-export interface FolderStructureProps {
-  id: string;
-  name: string;
-  subfolders: FolderStructureProps[];
-  isFavorite?: boolean;
-  status?: string;
-  openAsDefault?: boolean;
-  icon?: ReactNode;
-}
-
-interface CommonFolderProps {
-  editable?: boolean;
-  loading?: boolean;
-  openOnFolderClick?: boolean;
-  onSelectFolder?: (id: string) => void;
-}
-
-export interface TreeStructureProps extends CommonFolderProps {
-  folders: FolderStructureProps[];
-  framed?: boolean;
-  label?: string;
-  folderIdMarkedByDefault?: string;
-  onNewFolder: (name: string, parentId: string) => Promise<string>;
-  defaultOpenFolders?: string[];
-  folderChild?: FolderChildFuncType;
-  maximumLevelsOfFoldersAllowed?: number;
-}
-
-export type onCreateNewFolderProp = ({
-  idPaths,
-  parentId,
-}: {
-  idPaths: number[];
-  parentId: string | undefined;
-}) => void;
-
-export type SetOpenFolderProp = React.Dispatch<React.SetStateAction<string[]>>;
-export type SetFocusedFolderId = React.Dispatch<React.SetStateAction<string | undefined>>;
-
-export type FolderChildFuncType = (id: string, tabIndex: number) => ReactNode;
-
-export interface FolderItemsProps extends CommonFolderProps {
-  folders: FolderStructureProps[];
-  onCloseFolder: (id: string) => void;
-  onOpenFolder: (id: string) => void;
-  onSaveNewFolder: (name: string, parentId: string) => void;
-  onCancelNewFolder: () => void;
-  onCreateNewFolder: (parentId: string) => void;
-  newFolderParentId: string | undefined;
-  visibleFolders: string[];
-  openFolders: string[];
-  markedFolderId?: string;
-  onMarkFolder: (id: string) => void;
-  level: number;
-  focusedFolderId: string | undefined;
-  setFocusedFolderId: SetFocusedFolderId;
-  keyNavigationFocusIsCreateFolderButton?: boolean;
-  icon?: ReactNode;
-  folderChild?: FolderChildFuncType;
-  maximumLevelsOfFoldersAllowed: number;
-}