@ndla/ui 27.1.4 → 27.1.6

package/lib/locale/messages-sma.js

@@ -260,6 +260,9 @@ var messages = _objectSpread(_objectSpread({
     },
     blog: 'Fra bloggen'
   },
+  toolboxPage: {
+    introduction: 'Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse.'
+  },
   meta: {
     description: 'Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring',
     keywords: 'læremiddel,fag,skole,videregående,lærling,pensum,fagstoff'
@@ -940,7 +943,8 @@ var messages = _objectSpread(_objectSpread({
       basic: 'Basisgruppe',
       teaching: 'Undervisningsgruppe',
       other: 'Andre grupper'
-    }
+    },
+    wrongUserInfoDisclaimer: 'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrar. Oversikt over brukarstøtte finst her: '
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "27.1.4",
+  "version": "27.1.6",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "42570e8c031cf977b48e01645e34d524c5e5618e"
+  "gitHead": "f28cf161105aaf76aa1893a70cd8f3ff8cca6b05"
 }

package/src/Resource/resourceComponents.tsx

@@ -122,7 +122,7 @@ export const TagList = ({ tags, tagLinkPrefix }: TagListProps) => {
         <StyledTagListElement key={`tag-${i}`}>
           <StyledSafeLink
             onClick={(e: MouseEvent<HTMLAnchorElement | HTMLElement>) => e.stopPropagation()}
-            to={`${tagLinkPrefix ? tagLinkPrefix : ''}/${tag}`}>
+            to={`${tagLinkPrefix ? tagLinkPrefix : ''}/${encodeURIComponent(tag)}`}>
             <HashTag />
             {tag}
           </StyledSafeLink>
@@ -156,7 +156,7 @@ export const CompressedTagList = ({ tags, tagLinkPrefix }: CompressedTagListProp
       icon: <HashTag />,
       text: tag,
       onClick: () => {
-        navigate(`${tagLinkPrefix ? tagLinkPrefix : ''}/${tag}`);
+        navigate(`${tagLinkPrefix ? tagLinkPrefix : ''}/${encodeURIComponent(tag)}`);
       },
     };
   });

package/src/TreeStructure/AddFolderButton.tsx

@@ -18,6 +18,7 @@ interface AddFolderButtonProps {
   canAddFolder: boolean;
   focusedFolder?: FolderType;
   setNewFolderParentId: (id?: string) => void;
+  setShowTree: (value: boolean) => void;
 }
 
 const StyledAddFolderButton = styled(Button)`
@@ -32,7 +33,7 @@ const StyledPlus = styled(Plus)`
   width: 24px;
 `;
 
-const AddFolderButton = ({ canAddFolder, setNewFolderParentId, focusedFolder }: AddFolderButtonProps) => {
+const AddFolderButton = ({ canAddFolder, setNewFolderParentId, focusedFolder, setShowTree }: AddFolderButtonProps) => {
   const { t } = useTranslation();
   const ref = useRef<HTMLButtonElement>(null);
   return (
@@ -69,6 +70,7 @@ const AddFolderButton = ({ canAddFolder, setNewFolderParentId, focusedFolder }:
         onClick={(e) => {
           e.currentTarget.focus();
           setNewFolderParentId(focusedFolder?.id);
+          setShowTree(true);
         }}>
         <StyledPlus /> {t('myNdla.newFolder')}
       </StyledAddFolderButton>

package/src/TreeStructure/TreeStructure.tsx

@@ -148,7 +148,7 @@ const TreeStructure = ({
     _setFocusedFolder(folder);
     setNewFolderParentId(undefined);
 
-    ref.current?.focus();
+    ref.current?.focus({ preventScroll: true });
   };
 
   const onOpenFolder = (id: string) => {
@@ -173,16 +173,16 @@ const TreeStructure = ({
       setFocusedFolder(newFolder);
       setOpenFolders(uniq(openFolders.concat(parentId)));
       setNewFolderParentId?.(undefined);
-      ref.current?.focus();
+      ref.current?.focus({ preventScroll: true });
     }
   };
 
   const onCancelNewFolder = () => {
     setNewFolderParentId?.(undefined);
-    ref.current?.focus();
+    ref.current?.focus({ preventScroll: true });
   };
 
-  const canAddFolder = showTree && selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
+  const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
 
   return (
     <StyledTreeStructure
@@ -198,6 +198,7 @@ const TreeStructure = ({
             canAddFolder={!!canAddFolder}
             focusedFolder={focusedFolder}
             setNewFolderParentId={setNewFolderParentId}
+            setShowTree={setShowTree}
           />
         )}
       </Row>

package/src/locale/messages-en.ts

@@ -260,6 +260,10 @@ const messages = {
     blog: 'From our blog',
     errorDescription: 'Sorry, an error occurred while loading the subjects.',
   },
+  toolboxPage: {
+    introduction:
+      'What will it mean to work exploratory? How can you learn better? What is needed in order to make group work function? In the toolbox both students and teach find resources that are current for every subject, and that support learning work and development of knowledge, skills and understanding.',
+  },
   meta: {
     description: 'Norwegian Digital Learning Arena, Open Educational Resources',
     keywords: 'open educational resources,teaching,learning',
@@ -978,6 +982,8 @@ const messages = {
       teaching: 'Teaching group',
       other: 'Other groups',
     },
+    wrongUserInfoDisclaimer:
+      'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: ',
   },
   checkOutNewFeature: 'New feature',
   slateBlockMenu: {

package/src/locale/messages-nb.ts

@@ -259,6 +259,10 @@ const messages = {
     },
     blog: 'Fra bloggen',
   },
+  toolboxPage: {
+    introduction:
+      'Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse.',
+  },
   meta: {
     description: 'Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring',
     keywords: 'læremiddel,fag,skole,videregående,lærling,pensum,fagstoff',
@@ -976,6 +980,8 @@ const messages = {
       teaching: 'Undervisningsgruppe',
       other: 'Andre grupper',
     },
+    wrongUserInfoDisclaimer:
+      'Dersom informasjon er feil, så må dette oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {

package/src/locale/messages-nn.ts

@@ -259,6 +259,10 @@ const messages = {
     blog: 'Frå bloggen',
     errorDescription: 'Orsak, ein feil oppstod under lasting av faga.',
   },
+  toolboxPage: {
+    introduction:
+      'Kva vil det seie å arbeide utforskande? Korleis kan du lære betre? Kva skal til for å få gruppearbeid til å fungere? I Verktøykassa finn både elevar og lærerar ressursar som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståing.',
+  },
   meta: {
     description: 'Kvalitetssikra og fritt tilgjengelege nettbaserte læremiddel for vidaregåande opplæring',
     keywords: 'læremiddel,fag,skole,skule,vidaregåande,lærling,pensum,fagstoff, ',
@@ -977,6 +981,8 @@ const messages = {
       teaching: 'Undervisningsgruppe',
       other: 'Andre grupper',
     },
+    wrongUserInfoDisclaimer:
+      'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrar. Oversikt over brukarstøtte finst her: ',
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {

package/src/locale/messages-se.ts

@@ -259,6 +259,10 @@ const messages = {
     },
     blog: 'Bloggas',
   },
+  toolboxPage: {
+    introduction:
+      'Maid mearkkaša bargat suokkardeaddji vugiin? Mo sáhtát buorebut oahppat? Mo galgá joavkobarggu oažžut doaibmat? Reaidokássas gávdnojit resurssat sihke ohppiide ja oahpaheddjiide mat leat guoskevaččat buot fágaide, ja mat dorjot oahppanbarggu ja ovdánahttet máhtu, gálgga ja ipmárdusa. ',
+  },
   meta: {
     description:
       'Kvalitehta sihkarasttojuvvon ja nuvttá olamuttos neahttavuđot oahppaoneavvut joatkkaskuvlla oahpahussii',
@@ -977,6 +981,8 @@ const messages = {
       teaching: 'Oahpahusjoavku',
       other: 'Eará joavkkut',
     },
+    wrongUserInfoDisclaimer:
+      'Jus leat boasttudieđut, de ferte lágideaddjiorganisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogovva geavaheaddjidoarjaga ektui gávnnat dás: ',
   },
   checkOutNewFeature: 'Iskka ođđa doaibmilvuođa',
   slateBlockMenu: {

package/src/locale/messages-sma.ts

@@ -259,6 +259,10 @@ const messages = {
     },
     blog: 'Fra bloggen',
   },
+  toolboxPage: {
+    introduction:
+      'Hva vil det si å arbeide utforskende? Hvordan kan du lære bedre? Hva skal til for å få gruppearbeid til å fungere? I Verktøykassa finner både elever og lærere ressurser som er aktuelle for alle fag, og som støtter opp under læringsarbeid og utvikling av kunnskap, ferdigheter og forståelse.',
+  },
   meta: {
     description: 'Kvalitetssikrede og fritt tilgjengelige nettbaserte læremidler for videregående opplæring',
     keywords: 'læremiddel,fag,skole,videregående,lærling,pensum,fagstoff',
@@ -977,6 +981,8 @@ const messages = {
       teaching: 'Undervisningsgruppe',
       other: 'Andre grupper',
     },
+    wrongUserInfoDisclaimer:
+      'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrar. Oversikt over brukarstøtte finst her: ',
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {