@ndla/ui 34.6.3 → 34.6.4

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

@@ -88,6 +88,29 @@ declare const messages: {
             onDragEndMissingOver: string;
             onDragCancel: string;
             dragHandle: string;
+            sharing: {
+                share: string;
+                shared: string;
+                unShare: string;
+                link: string;
+                header: {
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                description: {
+                    copy: string;
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                button: {
+                    share: string;
+                    preview: string;
+                    unShare: string;
+                    shareLink: string;
+                };
+            };
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-en.js

@@ -1064,7 +1064,30 @@ var messages = _objectSpread(_objectSpread({
       onDragEnd: 'The folder {{name}} was dropped at position {{index}} og {{length}}',
       onDragEndMissingOver: 'The folder {{name}} was dropped',
       onDragCancel: 'Dragging was cancelled. The folder {{name}} was dropped',
-      dragHandle: 'Drag the folder {{name}}'
+      dragHandle: 'Drag the folder {{name}}',
+      sharing: {
+        share: 'Share folder',
+        shared: 'Shared',
+        unShare: 'Sharing is stopped. The folder is no longer shared',
+        link: 'Link is copied',
+        header: {
+          "private": 'Do you want to share this folder?',
+          shared: 'This folder is shared',
+          unShare: 'Do you want to stop sharing this folder?'
+        },
+        description: {
+          copy: 'Copy and share this link:',
+          "private": 'When you share a folder, you create a link which is open to anyone who has the link. You can change the content or stop sharing whenever you want.',
+          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.',
+          unShare: 'When you stop sharing, the link to the shared folder is no longer active. If you have shared the link with someone, they can no longer see the content in the folder.'
+        },
+        button: {
+          share: 'Share folder',
+          preview: 'Preview shared folder',
+          unShare: 'Stop sharing',
+          shareLink: 'Copy link'
+        }
+      }
     },
     tagList: 'Tags',
     tags: '{{count}} tag',

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

@@ -88,6 +88,29 @@ declare const messages: {
             onDragEndMissingOver: string;
             onDragCancel: string;
             dragHandle: string;
+            sharing: {
+                share: string;
+                shared: string;
+                unShare: string;
+                link: string;
+                header: {
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                description: {
+                    copy: string;
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                button: {
+                    share: string;
+                    preview: string;
+                    unShare: string;
+                    shareLink: string;
+                };
+            };
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-nb.js

@@ -1064,7 +1064,30 @@ var messages = _objectSpread(_objectSpread({
       onDragEnd: 'Mappen {{name}} ble sluppet på posisjon {{index}} av {{length}}',
       onDragEndMissingOver: 'Mappen {{name}} ble sluppet',
       onDragCancel: 'Flytting avbrutt. Mappen {{name}} ble sluppet',
-      dragHandle: 'Sorter mappen {{name}}'
+      dragHandle: 'Sorter mappen {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          "private": 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?'
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          "private": 'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared: 'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare: 'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.'
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke'
+        }
+      }
     },
     tagList: 'Emneknagger',
     tags: '{{count}} emneknagg',

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

@@ -88,6 +88,29 @@ declare const messages: {
             onDragEndMissingOver: string;
             onDragCancel: string;
             dragHandle: string;
+            sharing: {
+                share: string;
+                shared: string;
+                unShare: string;
+                link: string;
+                header: {
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                description: {
+                    copy: string;
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                button: {
+                    share: string;
+                    preview: string;
+                    unShare: string;
+                    shareLink: string;
+                };
+            };
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-nn.js

@@ -1064,7 +1064,30 @@ var messages = _objectSpread(_objectSpread({
       onDragEnd: 'Mappa {{name}} blei sleppt på posisjon {{index}} av {{length}}',
       onDragEndMissingOver: 'Mappa blei sleppt',
       onDragCancel: 'Flytting avbrutt. Mappa {{name}} blei sleppt',
-      dragHandle: 'Sorter mappa {{name}}'
+      dragHandle: 'Sorter mappa {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delinga er avslutta. Mappa er ikkje lenger delt',
+        link: 'Lenka er kopiert',
+        header: {
+          "private": 'Vil du dele denne mappa?',
+          shared: 'Denne mappa er delt',
+          unShare: 'Vil du slutte å dele denne mappa?'
+        },
+        description: {
+          copy: 'Kopier og del denne lenka:',
+          "private": 'Når du deler ei mappe, lagar du ei lenke som er open for alle som har lenka. Du kan endre innhaldet eller avslutte delinga når du ønsker det.',
+          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.',
+          unShare: 'Når du avsluttar deling, vil lenka til den delte mappa slutte å verke. Dersom du har delt lenka med nokon, kan dei ikkje lenger sjå innhaldet i mappa.'
+        },
+        button: {
+          share: 'Del mappa',
+          preview: 'Førehandsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke'
+        }
+      }
     },
     tagList: 'Emneknaggar',
     tags: '{{count}} emneknagg',

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

@@ -88,6 +88,29 @@ declare const messages: {
             onDragEndMissingOver: string;
             onDragCancel: string;
             dragHandle: string;
+            sharing: {
+                share: string;
+                shared: string;
+                unShare: string;
+                link: string;
+                header: {
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                description: {
+                    copy: string;
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                button: {
+                    share: string;
+                    preview: string;
+                    unShare: string;
+                    shareLink: string;
+                };
+            };
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-se.js

@@ -1064,7 +1064,30 @@ var messages = _objectSpread(_objectSpread({
       onDragEnd: 'Máhppa {{name}} luitojuvvui {{index}} posišuvdnii {{length}} posišuvnnas',
       onDragEndMissingOver: 'Máhppa {{name}} lea luitojuvvon',
       onDragCancel: 'Sirdin botkejuvvui. Máhppa {{name}} lea luitojuvvon.',
-      dragHandle: 'Ordne máhpa {{name}}'
+      dragHandle: 'Ordne máhpa {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          "private": 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?'
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          "private": 'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared: 'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare: 'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.'
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke'
+        }
+      }
     },
     tagList: 'Fáddágilkor',
     tags: '{{count}} fáddágilkor',

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

@@ -88,6 +88,29 @@ declare const messages: {
             onDragEndMissingOver: string;
             onDragCancel: string;
             dragHandle: string;
+            sharing: {
+                share: string;
+                shared: string;
+                unShare: string;
+                link: string;
+                header: {
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                description: {
+                    copy: string;
+                    private: string;
+                    shared: string;
+                    unShare: string;
+                };
+                button: {
+                    share: string;
+                    preview: string;
+                    unShare: string;
+                    shareLink: string;
+                };
+            };
         };
         tagList: string;
         tags: string;

package/lib/locale/messages-sma.js

@@ -1064,7 +1064,30 @@ var messages = _objectSpread(_objectSpread({
       onDragEnd: 'Mappa {{name}} blei sloppe på posisjon {{index}} av {{length}}',
       onDragEndMissingOver: 'Mappa blei sloppe',
       onDragCancel: 'Flytting avbrutt. Mappa {{name}} blei sloppe',
-      dragHandle: 'Sorter mappen {{name}}'
+      dragHandle: 'Sorter mappen {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          "private": 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?'
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          "private": 'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared: 'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare: 'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.'
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke'
+        }
+      }
     },
     tagList: 'Emneknagg',
     tags: '{{count}} emneknagg',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "34.6.3",
+  "version": "34.6.4",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -43,7 +43,7 @@
     "@ndla/notion": "^4.2.4",
     "@ndla/safelink": "^4.0.9",
     "@ndla/switch": "^1.0.7",
-    "@ndla/tabs": "^2.1.7",
+    "@ndla/tabs": "^2.1.8",
     "@ndla/tooltip": "^4.0.10",
     "@ndla/types-learningpath-api": "^0.0.17",
     "@ndla/util": "^3.1.10",
@@ -75,7 +75,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
-    "@ndla/types-embed": "^1.0.0",
+    "@ndla/types-embed": "^1.0.1",
     "@ndla/types-image-api": "0.0.10",
     "@types/reach__dialog": "^0.1.0",
     "css-loader": "^6.7.3",
@@ -87,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3be4405a57a209633f9e8534b5f208ab50bae6f0"
+  "gitHead": "22850ec146bbc6fe00fe4e29801109edc0acc975"
 }

package/src/Embed/ConceptEmbed.tsx

@@ -196,7 +196,7 @@ const StyledAnchorSpan = styled.span`
 `;
 
 const getModalPosition = (anchor: HTMLElement) => {
-  const article = document.querySelector('.c-article');
+  const article = anchor.closest('.c-article');
   const articlePos = article?.getBoundingClientRect();
   const anchorPos = anchor.getBoundingClientRect();
   return anchorPos.top - (articlePos?.top || -window.scrollY);
@@ -230,12 +230,7 @@ const InlineConcept = ({ title, content, copyright, source, visualElement, linkT
           {<BaselineIcon />}
         </NotionButton>
       </Trigger>
-      <Portal
-        container={
-          typeof document !== 'undefined'
-            ? (document.querySelector('.c-article') as HTMLElement | null) || undefined
-            : undefined
-        }>
+      <Portal container={(anchorRef.current?.closest('.c-article') as HTMLElement | null) || undefined}>
         <PopoverWrapper top={modalPos}>
           <Content avoidCollisions={false} side="bottom" asChild>
             <ConceptNotionV2

package/src/locale/messages-en.ts

@@ -1114,6 +1114,32 @@ const messages = {
       onDragEndMissingOver: 'The folder {{name}} was dropped',
       onDragCancel: 'Dragging was cancelled. The folder {{name}} was dropped',
       dragHandle: 'Drag the folder {{name}}',
+      sharing: {
+        share: 'Share folder',
+        shared: 'Shared',
+        unShare: 'Sharing is stopped. The folder is no longer shared',
+        link: 'Link is copied',
+        header: {
+          private: 'Do you want to share this folder?',
+          shared: 'This folder is shared',
+          unShare: 'Do you want to stop sharing this folder?',
+        },
+        description: {
+          copy: 'Copy and share this link:',
+          private:
+            'When you share a folder, you create a link which is open to anyone who has the link. You can change the content or stop sharing whenever you want.',
+          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.',
+          unShare:
+            'When you stop sharing, the link to the shared folder is no longer active. If you have shared the link with someone, they can no longer see the content in the folder.',
+        },
+        button: {
+          share: 'Share folder',
+          preview: 'Preview shared folder',
+          unShare: 'Stop sharing',
+          shareLink: 'Copy link',
+        },
+      },
     },
     tagList: 'Tags',
     tags: '{{count}} tag',

package/src/locale/messages-nb.ts

@@ -1113,6 +1113,32 @@ const messages = {
       onDragEndMissingOver: 'Mappen {{name}} ble sluppet',
       onDragCancel: 'Flytting avbrutt. Mappen {{name}} ble sluppet',
       dragHandle: 'Sorter mappen {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          private: 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?',
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          private:
+            'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared:
+            'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare:
+            'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.',
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke',
+        },
+      },
     },
     tagList: 'Emneknagger',
     tags: '{{count}} emneknagg',

package/src/locale/messages-nn.ts

@@ -1113,6 +1113,32 @@ const messages = {
       onDragEndMissingOver: 'Mappa blei sleppt',
       onDragCancel: 'Flytting avbrutt. Mappa {{name}} blei sleppt',
       dragHandle: 'Sorter mappa {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delinga er avslutta. Mappa er ikkje lenger delt',
+        link: 'Lenka er kopiert',
+        header: {
+          private: 'Vil du dele denne mappa?',
+          shared: 'Denne mappa er delt',
+          unShare: 'Vil du slutte å dele denne mappa?',
+        },
+        description: {
+          copy: 'Kopier og del denne lenka:',
+          private:
+            'Når du deler ei mappe, lagar du ei lenke som er open for alle som har lenka. Du kan endre innhaldet eller avslutte delinga når du ønsker det.',
+          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.',
+          unShare:
+            'Når du avsluttar deling, vil lenka til den delte mappa slutte å verke. Dersom du har delt lenka med nokon, kan dei ikkje lenger sjå innhaldet i mappa.',
+        },
+        button: {
+          share: 'Del mappa',
+          preview: 'Førehandsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke',
+        },
+      },
     },
     tagList: 'Emneknaggar',
     tags: '{{count}} emneknagg',

package/src/locale/messages-se.ts

@@ -1114,6 +1114,32 @@ const messages = {
       onDragEndMissingOver: 'Máhppa {{name}} lea luitojuvvon',
       onDragCancel: 'Sirdin botkejuvvui. Máhppa {{name}} lea luitojuvvon.',
       dragHandle: 'Ordne máhpa {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          private: 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?',
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          private:
+            'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared:
+            'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare:
+            'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.',
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke',
+        },
+      },
     },
     tagList: 'Fáddágilkor',
     tags: '{{count}} fáddágilkor',

package/src/locale/messages-sma.ts

@@ -1117,6 +1117,32 @@ const messages = {
       onDragEndMissingOver: 'Mappa blei sloppe',
       onDragCancel: 'Flytting avbrutt. Mappa {{name}} blei sloppe',
       dragHandle: 'Sorter mappen {{name}}',
+      sharing: {
+        share: 'Del mappe',
+        shared: 'Delt',
+        unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        link: 'Lenken er kopiert',
+        header: {
+          private: 'Vil du dele denne mappen?',
+          shared: 'Denne mappen er delt.',
+          unShare: 'Vil du avslutte deling av denne mappen?',
+        },
+        description: {
+          copy: 'Kopier og del denne lenken:',
+          private:
+            'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+          shared:
+            'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+          unShare:
+            'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.',
+        },
+        button: {
+          share: 'Del mappen',
+          preview: 'Forhåndsvis delt mappe',
+          unShare: 'Avslutt deling',
+          shareLink: 'Kopier lenke',
+        },
+      },
     },
     tagList: 'Emneknagg',
     tags: '{{count}} emneknagg',