@ndla/ui 56.0.13-alpha.0 → 56.0.15-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/panda.buildinfo.json +7 -2
  2. package/dist/styles.css +24 -4
  3. package/es/Article/Article.js +4 -1
  4. package/es/ContentTypeBadge/ContentTypeBadge.js +2 -0
  5. package/es/TreeStructure/TreeStructure.js +292 -181
  6. package/es/TreeStructure/helperFunctions.js +0 -3
  7. package/es/TreeStructure/index.js +1 -2
  8. package/es/index.js +0 -1
  9. package/es/locale/messages-en.js +1 -1
  10. package/es/locale/messages-nb.js +1 -1
  11. package/es/locale/messages-nn.js +1 -1
  12. package/es/locale/messages-se.js +1 -1
  13. package/es/locale/messages-sma.js +1 -1
  14. package/es/styles.css +24 -4
  15. package/lib/Article/Article.js +4 -1
  16. package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -0
  17. package/lib/TreeStructure/TreeStructure.d.ts +7 -6
  18. package/lib/TreeStructure/TreeStructure.js +293 -180
  19. package/lib/TreeStructure/helperFunctions.d.ts +0 -2
  20. package/lib/TreeStructure/helperFunctions.js +2 -6
  21. package/lib/TreeStructure/index.d.ts +1 -2
  22. package/lib/TreeStructure/index.js +2 -3
  23. package/lib/TreeStructure/types.d.ts +4 -22
  24. package/lib/index.d.ts +0 -2
  25. package/lib/index.js +0 -7
  26. package/lib/locale/messages-en.js +1 -1
  27. package/lib/locale/messages-nb.js +1 -1
  28. package/lib/locale/messages-nn.js +1 -1
  29. package/lib/locale/messages-se.js +1 -1
  30. package/lib/locale/messages-sma.js +1 -1
  31. package/lib/styles.css +24 -4
  32. package/package.json +7 -8
  33. package/src/Article/Article.tsx +4 -1
  34. package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -0
  35. package/src/TreeStructure/TreeStructure.stories.tsx +38 -68
  36. package/src/TreeStructure/TreeStructure.tsx +307 -194
  37. package/src/TreeStructure/helperFunctions.ts +0 -5
  38. package/src/TreeStructure/index.ts +1 -2
  39. package/src/TreeStructure/types.ts +4 -25
  40. package/src/index.ts +0 -3
  41. package/src/locale/messages-en.ts +1 -1
  42. package/src/locale/messages-nb.ts +1 -1
  43. package/src/locale/messages-nn.ts +1 -1
  44. package/src/locale/messages-se.ts +1 -1
  45. package/src/locale/messages-sma.ts +1 -1
  46. package/es/ProgrammeCard/ProgrammeCard.js +0 -51
  47. package/es/ProgrammeCard/index.js +0 -9
  48. package/es/TreeStructure/AddFolderButton.js +0 -80
  49. package/es/TreeStructure/ComboboxButton.js +0 -127
  50. package/es/TreeStructure/FolderItem.js +0 -225
  51. package/es/TreeStructure/FolderItems.js +0 -95
  52. package/es/TreeStructure/arrowNavigation.js +0 -35
  53. package/lib/ProgrammeCard/ProgrammeCard.d.ts +0 -23
  54. package/lib/ProgrammeCard/ProgrammeCard.js +0 -58
  55. package/lib/ProgrammeCard/index.d.ts +0 -9
  56. package/lib/ProgrammeCard/index.js +0 -13
  57. package/lib/TreeStructure/AddFolderButton.d.ts +0 -17
  58. package/lib/TreeStructure/AddFolderButton.js +0 -85
  59. package/lib/TreeStructure/ComboboxButton.d.ts +0 -27
  60. package/lib/TreeStructure/ComboboxButton.js +0 -134
  61. package/lib/TreeStructure/FolderItem.d.ts +0 -17
  62. package/lib/TreeStructure/FolderItem.js +0 -230
  63. package/lib/TreeStructure/FolderItems.d.ts +0 -22
  64. package/lib/TreeStructure/FolderItems.js +0 -100
  65. package/lib/TreeStructure/arrowNavigation.d.ts +0 -10
  66. package/lib/TreeStructure/arrowNavigation.js +0 -42
  67. package/src/ProgrammeCard/ProgrammeCard.stories.tsx +0 -35
  68. package/src/ProgrammeCard/ProgrammeCard.tsx +0 -78
  69. package/src/ProgrammeCard/index.tsx +0 -10
  70. package/src/TreeStructure/AddFolderButton.tsx +0 -79
  71. package/src/TreeStructure/ComboboxButton.tsx +0 -172
  72. package/src/TreeStructure/FolderItem.tsx +0 -307
  73. package/src/TreeStructure/FolderItems.tsx +0 -121
  74. package/src/TreeStructure/arrowNavigation.ts +0 -54
package/es/index.js CHANGED
@@ -36,7 +36,6 @@ export { default as CopyParagraphButton } from "./CopyParagraphButton";
36
36
  export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
37
37
  export { TreeStructure } from "./TreeStructure";
38
38
  export { BlogPostV2 } from "./BlogPost";
39
- export { ProgrammeCard } from "./ProgrammeCard";
40
39
  export { KeyFigure } from "./KeyFigure";
41
40
  export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
42
41
  export { CampaignBlock } from "./CampaignBlock";
@@ -1232,7 +1232,7 @@ const messages = {
1232
1232
  loginTerms: "Log in with Feide to receive access. By logging on your accept your terms of service",
1233
1233
  loginResourcePitch: "Do you want to favorite this resource?",
1234
1234
  loginWelcome: "Welcome to My NDLA!",
1235
- deleteAccount: "Delete My NDLA",
1235
+ deleteAccount: "Delete profile",
1236
1236
  loginPitch: "Welcome to My NDLA! Here you can save your favourite resources from NDLA, organize them and share them with others. Log in with your Feide account to get started.",
1237
1237
  loginPitchButton: "Log in to My NDLA",
1238
1238
  welcome: "Welcome to my NDLA! You can now save your favourite resources from NDLA and organise them in folders with tags",
@@ -1225,7 +1225,7 @@ const messages = {
1225
1225
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1226
1226
  confirmDeleteAccountButton: "Slett konto",
1227
1227
  myPage: "Min side",
1228
- deleteAccount: "Slett Min NDLA",
1228
+ deleteAccount: "Slett brukerprofil",
1229
1229
  loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
1230
1230
  loginPitchButton: "Logg inn i Min NDLA",
1231
1231
  logout: "Logg ut av Min NDLA",
@@ -1225,7 +1225,7 @@ const messages = {
1225
1225
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1226
1226
  confirmDeleteAccountButton: "Slett konto",
1227
1227
  myPage: "Mi side",
1228
- deleteAccount: "Slett Min NDLA",
1228
+ deleteAccount: "Slett brukarprofil",
1229
1229
  loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursane dine frå NDLA, organisere dei og dele dei med andre. Logg inn med din Feide-konto for å komme i gang.",
1230
1230
  loginPitchButton: "Logg inn i Min NDLA",
1231
1231
  logout: "Logg ut av Min NDLA",
@@ -1225,7 +1225,7 @@ const messages = {
1225
1225
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1226
1226
  confirmDeleteAccountButton: "Slett konto",
1227
1227
  myPage: "Min side",
1228
- deleteAccount: "Slett Min NDLA",
1228
+ deleteAccount: "Slett brukerprofil",
1229
1229
  loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
1230
1230
  loginPitchButton: "Logg inn i Min NDLA",
1231
1231
  logout: "Logg ut av Min NDLA",
@@ -1225,7 +1225,7 @@ const messages = {
1225
1225
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1226
1226
  confirmDeleteAccountButton: "Slett konto",
1227
1227
  myPage: "Min side",
1228
- deleteAccount: "Slett Min NDLA",
1228
+ deleteAccount: "Slett brukerprofil",
1229
1229
  loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
1230
1230
  loginPitchButton: "Logg inn i Min NDLA",
1231
1231
  logout: "Logg ut av Min NDLA",
package/es/styles.css CHANGED
@@ -89,6 +89,10 @@
89
89
  padding-inline: 8%;
90
90
  }
91
91
 
92
+ .w_100\% {
93
+ width: 100%;
94
+ }
95
+
92
96
  .pbs_xsmall {
93
97
  padding-block-start: var(--spacing-xsmall);
94
98
  }
@@ -109,10 +113,6 @@
109
113
  color: var(--colors-text-default);
110
114
  }
111
115
 
112
- .w_100\% {
113
- width: 100%;
114
- }
115
-
116
116
  .ov-wrap_break-word {
117
117
  overflow-wrap: break-word;
118
118
  }
@@ -611,6 +611,18 @@
611
611
  aspect-ratio: 1/1;
612
612
  }
613
613
 
614
+ .max-h_inherit {
615
+ max-height: inherit;
616
+ }
617
+
618
+ .ov_auto {
619
+ overflow: auto;
620
+ }
621
+
622
+ .gap_10px {
623
+ gap: 10px;
624
+ }
625
+
614
626
  .flex-d_column {
615
627
  flex-direction: column;
616
628
  }
@@ -1171,6 +1183,14 @@
1171
1183
  text-decoration: underline;
1172
1184
  }
1173
1185
 
1186
+ .\[\&_span\]\:ov_hidden span {
1187
+ overflow: hidden;
1188
+ }
1189
+
1190
+ .\[\&_span\]\:tov_ellipsis span {
1191
+ text-overflow: ellipsis;
1192
+ }
1193
+
1174
1194
  .after\:content_0::after {
1175
1195
  content: 0;
1176
1196
  }
@@ -42,7 +42,10 @@ const paddingBlockStart = {
42
42
  }
43
43
  };
44
44
  const ArticlePadding = exports.ArticlePadding = (0, _jsx2.styled)(_react2.ark.div, {
45
- base: articlePadding,
45
+ base: {
46
+ ...articlePadding,
47
+ width: "100%"
48
+ },
46
49
  variants: {
47
50
  padStart: {
48
51
  true: paddingBlockStart
@@ -23,6 +23,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
23
23
  *
24
24
  */
25
25
 
26
+ // TODO: Remove this component
27
+
26
28
  const StyledContentTypeBadge = (0, _jsx2.styled)("div", {
27
29
  base: {
28
30
  display: "inline-flex",
@@ -1,14 +1,16 @@
1
1
  /**
2
- * Copyright (c) 2022-present, NDLA.
2
+ * Copyright (c) 2024-present, NDLA.
3
3
  *
4
4
  * This source code is licensed under the GPLv3 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- import { IFolder } from "@ndla/types-backend/myndla-api";
9
- import { CommonTreeStructureProps, NewFolderInputFunc } from "./types";
8
+ import { IFolder, IResource } from "@ndla/types-backend/myndla-api";
9
+ import { NewFolderInputFunc } from "./types";
10
10
  export declare const MAX_LEVEL_FOR_FOLDERS = 5;
11
- export interface TreeStructureProps extends CommonTreeStructureProps {
11
+ export interface TreeStructureProps {
12
+ loading?: boolean;
13
+ targetResource?: IResource;
12
14
  defaultOpenFolders?: string[];
13
15
  folders: IFolder[];
14
16
  label?: string;
@@ -17,5 +19,4 @@ export interface TreeStructureProps extends CommonTreeStructureProps {
17
19
  onSelectFolder?: (id: string) => void;
18
20
  ariaDescribedby?: string;
19
21
  }
20
- declare const TreeStructure: ({ defaultOpenFolders, folders, label, loading, maxLevel, onSelectFolder, targetResource, type, newFolderInput, ariaDescribedby, }: TreeStructureProps) => import("react/jsx-runtime").JSX.Element;
21
- export default TreeStructure;
22
+ export declare const TreeStructure: ({ folders, defaultOpenFolders, newFolderInput, label, targetResource, loading, maxLevel, onSelectFolder, ariaDescribedby, }: TreeStructureProps) => import("react/jsx-runtime").JSX.Element;