@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.
- package/dist/panda.buildinfo.json +7 -2
- package/dist/styles.css +24 -4
- package/es/Article/Article.js +4 -1
- package/es/ContentTypeBadge/ContentTypeBadge.js +2 -0
- package/es/TreeStructure/TreeStructure.js +292 -181
- package/es/TreeStructure/helperFunctions.js +0 -3
- package/es/TreeStructure/index.js +1 -2
- package/es/index.js +0 -1
- package/es/locale/messages-en.js +1 -1
- package/es/locale/messages-nb.js +1 -1
- package/es/locale/messages-nn.js +1 -1
- package/es/locale/messages-se.js +1 -1
- package/es/locale/messages-sma.js +1 -1
- package/es/styles.css +24 -4
- package/lib/Article/Article.js +4 -1
- package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -0
- package/lib/TreeStructure/TreeStructure.d.ts +7 -6
- package/lib/TreeStructure/TreeStructure.js +293 -180
- package/lib/TreeStructure/helperFunctions.d.ts +0 -2
- package/lib/TreeStructure/helperFunctions.js +2 -6
- package/lib/TreeStructure/index.d.ts +1 -2
- package/lib/TreeStructure/index.js +2 -3
- package/lib/TreeStructure/types.d.ts +4 -22
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -7
- package/lib/locale/messages-en.js +1 -1
- package/lib/locale/messages-nb.js +1 -1
- package/lib/locale/messages-nn.js +1 -1
- package/lib/locale/messages-se.js +1 -1
- package/lib/locale/messages-sma.js +1 -1
- package/lib/styles.css +24 -4
- package/package.json +7 -8
- package/src/Article/Article.tsx +4 -1
- package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -0
- package/src/TreeStructure/TreeStructure.stories.tsx +38 -68
- package/src/TreeStructure/TreeStructure.tsx +307 -194
- package/src/TreeStructure/helperFunctions.ts +0 -5
- package/src/TreeStructure/index.ts +1 -2
- package/src/TreeStructure/types.ts +4 -25
- package/src/index.ts +0 -3
- package/src/locale/messages-en.ts +1 -1
- package/src/locale/messages-nb.ts +1 -1
- package/src/locale/messages-nn.ts +1 -1
- package/src/locale/messages-se.ts +1 -1
- package/src/locale/messages-sma.ts +1 -1
- package/es/ProgrammeCard/ProgrammeCard.js +0 -51
- package/es/ProgrammeCard/index.js +0 -9
- package/es/TreeStructure/AddFolderButton.js +0 -80
- package/es/TreeStructure/ComboboxButton.js +0 -127
- package/es/TreeStructure/FolderItem.js +0 -225
- package/es/TreeStructure/FolderItems.js +0 -95
- package/es/TreeStructure/arrowNavigation.js +0 -35
- package/lib/ProgrammeCard/ProgrammeCard.d.ts +0 -23
- package/lib/ProgrammeCard/ProgrammeCard.js +0 -58
- package/lib/ProgrammeCard/index.d.ts +0 -9
- package/lib/ProgrammeCard/index.js +0 -13
- package/lib/TreeStructure/AddFolderButton.d.ts +0 -17
- package/lib/TreeStructure/AddFolderButton.js +0 -85
- package/lib/TreeStructure/ComboboxButton.d.ts +0 -27
- package/lib/TreeStructure/ComboboxButton.js +0 -134
- package/lib/TreeStructure/FolderItem.d.ts +0 -17
- package/lib/TreeStructure/FolderItem.js +0 -230
- package/lib/TreeStructure/FolderItems.d.ts +0 -22
- package/lib/TreeStructure/FolderItems.js +0 -100
- package/lib/TreeStructure/arrowNavigation.d.ts +0 -10
- package/lib/TreeStructure/arrowNavigation.js +0 -42
- package/src/ProgrammeCard/ProgrammeCard.stories.tsx +0 -35
- package/src/ProgrammeCard/ProgrammeCard.tsx +0 -78
- package/src/ProgrammeCard/index.tsx +0 -10
- package/src/TreeStructure/AddFolderButton.tsx +0 -79
- package/src/TreeStructure/ComboboxButton.tsx +0 -172
- package/src/TreeStructure/FolderItem.tsx +0 -307
- package/src/TreeStructure/FolderItems.tsx +0 -121
- 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";
|
package/es/locale/messages-en.js
CHANGED
|
@@ -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
|
|
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",
|
package/es/locale/messages-nb.js
CHANGED
|
@@ -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
|
|
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/locale/messages-nn.js
CHANGED
|
@@ -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
|
|
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",
|
package/es/locale/messages-se.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
}
|
package/lib/Article/Article.js
CHANGED
|
@@ -42,7 +42,10 @@ const paddingBlockStart = {
|
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
const ArticlePadding = exports.ArticlePadding = (0, _jsx2.styled)(_react2.ark.div, {
|
|
45
|
-
base:
|
|
45
|
+
base: {
|
|
46
|
+
...articlePadding,
|
|
47
|
+
width: "100%"
|
|
48
|
+
},
|
|
46
49
|
variants: {
|
|
47
50
|
padStart: {
|
|
48
51
|
true: paddingBlockStart
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright (c)
|
|
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 {
|
|
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
|
|
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,
|
|
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;
|