@ndla/ui 15.1.3 → 15.1.4
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/es/Filter/FilterCarousel.js +32 -23
- package/es/ResourceGroup/ResourceGroup.js +8 -5
- package/es/ResourceGroup/ResourceItem.js +13 -13
- package/es/ResourceGroup/ResourceList.js +4 -4
- package/es/locale/messages-en.js +4 -4
- package/es/locale/messages-nb.js +4 -4
- package/es/locale/messages-nn.js +4 -4
- package/es/locale/messages-se.js +4 -4
- package/es/locale/messages-sma.js +4 -4
- package/lib/Filter/FilterCarousel.js +31 -22
- package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
- package/lib/ResourceGroup/ResourceGroup.js +8 -5
- package/lib/ResourceGroup/ResourceItem.d.ts +2 -2
- package/lib/ResourceGroup/ResourceItem.js +13 -13
- package/lib/ResourceGroup/ResourceList.d.ts +2 -2
- package/lib/ResourceGroup/ResourceList.js +4 -4
- package/lib/locale/messages-en.d.ts +4 -4
- package/lib/locale/messages-en.js +4 -4
- package/lib/locale/messages-nb.d.ts +4 -4
- package/lib/locale/messages-nb.js +4 -4
- package/lib/locale/messages-nn.d.ts +4 -4
- package/lib/locale/messages-nn.js +4 -4
- package/lib/locale/messages-se.d.ts +4 -4
- package/lib/locale/messages-se.js +4 -4
- package/lib/locale/messages-sma.d.ts +4 -4
- package/lib/locale/messages-sma.js +4 -4
- package/package.json +2 -2
- package/src/Filter/FilterCarousel.tsx +25 -22
- package/src/ResourceGroup/ResourceGroup.tsx +3 -0
- package/src/ResourceGroup/ResourceItem.tsx +3 -3
- package/src/ResourceGroup/ResourceList.tsx +3 -3
- package/src/locale/messages-en.ts +4 -4
- package/src/locale/messages-nb.ts +4 -4
- package/src/locale/messages-nn.ts +4 -4
- package/src/locale/messages-se.ts +4 -4
- package/src/locale/messages-sma.ts +4 -4
|
@@ -14,7 +14,7 @@ export declare type ResourceListProps = {
|
|
|
14
14
|
title?: string;
|
|
15
15
|
showAdditionalResources?: boolean;
|
|
16
16
|
onToggleAddToFavorites: (id: string, add: boolean) => void;
|
|
17
|
-
|
|
17
|
+
showAddToFavoriteButton: boolean;
|
|
18
18
|
};
|
|
19
|
-
declare const ResourceList: ({ resources, onClick, onToggleAddToFavorites, contentType, title, showAdditionalResources,
|
|
19
|
+
declare const ResourceList: ({ resources, onClick, onToggleAddToFavorites, contentType, title, showAdditionalResources, showAddToFavoriteButton, }: ResourceListProps) => JSX.Element;
|
|
20
20
|
export default ResourceList;
|
|
@@ -45,8 +45,8 @@ var StyledResourceList = (0, _styledBase["default"])("ul", {
|
|
|
45
45
|
label: "StyledResourceList"
|
|
46
46
|
})("list-style:none;margin:0;padding:0;", function (_ref) {
|
|
47
47
|
var showAdditionalResources = _ref.showAdditionalResources;
|
|
48
|
-
return showAdditionalResources && /*#__PURE__*/(0, _css2["default"])("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgY3NzIGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgTm9Db250ZW50Qm94IGZyb20gJy4uL05vQ29udGVudEJveCc7XG5pbXBvcnQgUmVzb3VyY2VJdGVtIGZyb20gJy4vUmVzb3VyY2VJdGVtJztcbmltcG9ydCB7IFJlc291cmNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBmYWtlTG9hZGluZ0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA5OSUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG50eXBlIFN0eWxlZExpc3RQcm9wcyA9IHtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZFJlc291cmNlTGlzdCA9IHN0eWxlZC51bDxTdHlsZWRMaXN0UHJvcHM+YFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM6IChpZDogc3RyaW5nLCBhZGQ6IGJvb2xlYW4pID0+
|
|
49
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/
|
|
48
|
+
return showAdditionalResources && /*#__PURE__*/(0, _css2["default"])("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgY3NzIGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgTm9Db250ZW50Qm94IGZyb20gJy4uL05vQ29udGVudEJveCc7XG5pbXBvcnQgUmVzb3VyY2VJdGVtIGZyb20gJy4vUmVzb3VyY2VJdGVtJztcbmltcG9ydCB7IFJlc291cmNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBmYWtlTG9hZGluZ0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA5OSUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG50eXBlIFN0eWxlZExpc3RQcm9wcyA9IHtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZFJlc291cmNlTGlzdCA9IHN0eWxlZC51bDxTdHlsZWRMaXN0UHJvcHM+YFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM6IChpZDogc3RyaW5nLCBhZGQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIHNob3dBZGRUb0Zhdm9yaXRlQnV0dG9uOiBib29sZWFuO1xufTtcblxuY29uc3QgUmVzb3VyY2VMaXN0ID0gKHtcbiAgcmVzb3VyY2VzLFxuICBvbkNsaWNrLFxuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzLFxuICBjb250ZW50VHlwZSxcbiAgdGl0bGUsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbixcbn06IFJlc291cmNlTGlzdFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciA9XG4gICAgIXNob3dBZGRpdGlvbmFsUmVzb3VyY2VzICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiByZXMuYWRkaXRpb25hbCkubGVuZ3RoID4gMCAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gIXJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPT09IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZFJlc291cmNlTGlzdCBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9PlxuICAgICAgICB7cmVzb3VyY2VzLm1hcCgoeyBpZCwgLi4ucmVzb3VyY2UgfSkgPT4gKFxuICAgICAgICAgIDxSZXNvdXJjZUl0ZW1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgICAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9XG4gICAgICAgICAgICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbj17c2hvd0FkZFRvRmF2b3JpdGVCdXR0b259XG4gICAgICAgICAgICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPXtvblRvZ2dsZUFkZFRvRmF2b3JpdGVzfVxuICAgICAgICAgICAgey4uLnJlc291cmNlfVxuICAgICAgICAgICAgY29udGVudFR5cGVEZXNjcmlwdGlvbj17XG4gICAgICAgICAgICAgIHJlc291cmNlLmFkZGl0aW9uYWwgPyB0KCdyZXNvdXJjZS50b29sdGlwQWRkaXRpb25hbFRvcGljJykgOiB0KCdyZXNvdXJjZS50b29sdGlwQ29yZVRvcGljJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAge3JlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgJiYgKFxuICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxOb0NvbnRlbnRCb3hcbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgYnV0dG9uVGV4dD17dCgncmVzb3VyY2UudG9nZ2xlRmlsdGVyTGFiZWwnKX1cbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdGl0bGVcbiAgICAgICAgICAgICAgICAgID8gdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlJywge1xuICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IHRpdGxlLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICA6IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZVVuc3BlY2lmaWMnKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJlc291cmNlTGlzdD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlTGlzdDtcbiJdfQ== */"));
|
|
49
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzOiAoaWQ6IHN0cmluZywgYWRkOiBib29sZWFuKSA9PiB2b2lkO1xuICBzaG93QWRkVG9GYXZvcml0ZUJ1dHRvbjogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFJlc291cmNlTGlzdCA9ICh7XG4gIHJlc291cmNlcyxcbiAgb25DbGljayxcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyxcbiAgY29udGVudFR5cGUsXG4gIHRpdGxlLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgc2hvd0FkZFRvRmF2b3JpdGVCdXR0b24sXG59OiBSZXNvdXJjZUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgPVxuICAgICFzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA+IDAgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+ICFyZXMuYWRkaXRpb25hbCkubGVuZ3RoID09PSAwO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRSZXNvdXJjZUxpc3Qgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfT5cbiAgICAgICAge3Jlc291cmNlcy5tYXAoKHsgaWQsIC4uLnJlc291cmNlIH0pID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgc2hvd0FkZFRvRmF2b3JpdGVCdXR0b249e3Nob3dBZGRUb0Zhdm9yaXRlQnV0dG9ufVxuICAgICAgICAgICAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcz17b25Ub2dnbGVBZGRUb0Zhdm9yaXRlc31cbiAgICAgICAgICAgIHsuLi5yZXNvdXJjZX1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlRGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICByZXNvdXJjZS5hZGRpdGlvbmFsID8gdCgncmVzb3VyY2UudG9vbHRpcEFkZGl0aW9uYWxUb3BpYycpIDogdCgncmVzb3VyY2UudG9vbHRpcENvcmVUb3BpYycpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyICYmIChcbiAgICAgICAgICA8bGk+XG4gICAgICAgICAgICA8Tm9Db250ZW50Qm94XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ3Jlc291cmNlLnRvZ2dsZUZpbHRlckxhYmVsJyl9XG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHRpdGxlXG4gICAgICAgICAgICAgICAgICA/IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZScsIHtcbiAgICAgICAgICAgICAgICAgICAgICBuYW1lOiB0aXRsZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgOiB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGVVbnNwZWNpZmljJylcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRSZXNvdXJjZUxpc3Q+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUxpc3Q7XG4iXX0= */");
|
|
50
50
|
|
|
51
51
|
var ResourceList = function ResourceList(_ref2) {
|
|
52
52
|
var resources = _ref2.resources,
|
|
@@ -55,7 +55,7 @@ var ResourceList = function ResourceList(_ref2) {
|
|
|
55
55
|
contentType = _ref2.contentType,
|
|
56
56
|
title = _ref2.title,
|
|
57
57
|
showAdditionalResources = _ref2.showAdditionalResources,
|
|
58
|
-
|
|
58
|
+
showAddToFavoriteButton = _ref2.showAddToFavoriteButton;
|
|
59
59
|
|
|
60
60
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
61
61
|
t = _useTranslation.t;
|
|
@@ -76,7 +76,7 @@ var ResourceList = function ResourceList(_ref2) {
|
|
|
76
76
|
key: id,
|
|
77
77
|
contentType: contentType,
|
|
78
78
|
showAdditionalResources: showAdditionalResources,
|
|
79
|
-
|
|
79
|
+
showAddToFavoriteButton: showAddToFavoriteButton,
|
|
80
80
|
onToggleAddToFavorites: onToggleAddToFavorites
|
|
81
81
|
}, resource, {
|
|
82
82
|
contentTypeDescription: resource.additional ? t('resource.tooltipAdditionalTopic') : t('resource.tooltipCoreTopic')
|
|
@@ -87,10 +87,6 @@ declare const messages: {
|
|
|
87
87
|
terms: string;
|
|
88
88
|
feide: string;
|
|
89
89
|
newFavourite: string;
|
|
90
|
-
resource: {
|
|
91
|
-
addToMyNdla: string;
|
|
92
|
-
addedToMyNdla: string;
|
|
93
|
-
};
|
|
94
90
|
storageInfo: {
|
|
95
91
|
title: string;
|
|
96
92
|
text: string;
|
|
@@ -104,6 +100,10 @@ declare const messages: {
|
|
|
104
100
|
text: string;
|
|
105
101
|
};
|
|
106
102
|
};
|
|
103
|
+
resource: {
|
|
104
|
+
addToMyNdla: string;
|
|
105
|
+
addedToMyNdla: string;
|
|
106
|
+
};
|
|
107
107
|
};
|
|
108
108
|
snackbar: {
|
|
109
109
|
close: string;
|
|
@@ -974,10 +974,6 @@ var messages = _objectSpread(_objectSpread({
|
|
|
974
974
|
terms: 'terms of use',
|
|
975
975
|
feide: 'We have retrieved this information from Feide',
|
|
976
976
|
newFavourite: 'Recently favourited',
|
|
977
|
-
resource: {
|
|
978
|
-
addToMyNdla: 'Add to My NDLA',
|
|
979
|
-
addedToMyNdla: 'Added to My NDLA'
|
|
980
|
-
},
|
|
981
977
|
storageInfo: {
|
|
982
978
|
title: 'How to save your favourite resources from NDLA',
|
|
983
979
|
text: 'When you wish to save a resource, you can do so by clicking the heart on the top right corner of the page. You will then get an option to store the resource in a folder'
|
|
@@ -990,6 +986,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
990
986
|
title: 'How to tag your favourite resources',
|
|
991
987
|
text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting my tags on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.'
|
|
992
988
|
}
|
|
989
|
+
},
|
|
990
|
+
resource: {
|
|
991
|
+
addToMyNdla: 'Add to My NDLA',
|
|
992
|
+
addedToMyNdla: 'Added to My NDLA'
|
|
993
993
|
}
|
|
994
994
|
},
|
|
995
995
|
snackbar: {
|
|
@@ -87,10 +87,6 @@ declare const messages: {
|
|
|
87
87
|
terms: string;
|
|
88
88
|
newFavourite: string;
|
|
89
89
|
feide: string;
|
|
90
|
-
resource: {
|
|
91
|
-
addToMyNdla: string;
|
|
92
|
-
addedToMyNdla: string;
|
|
93
|
-
};
|
|
94
90
|
storageInfo: {
|
|
95
91
|
title: string;
|
|
96
92
|
text: string;
|
|
@@ -104,6 +100,10 @@ declare const messages: {
|
|
|
104
100
|
text: string;
|
|
105
101
|
};
|
|
106
102
|
};
|
|
103
|
+
resource: {
|
|
104
|
+
addToMyNdla: string;
|
|
105
|
+
addedToMyNdla: string;
|
|
106
|
+
};
|
|
107
107
|
};
|
|
108
108
|
snackbar: {
|
|
109
109
|
close: string;
|
|
@@ -974,10 +974,6 @@ var messages = _objectSpread(_objectSpread({
|
|
|
974
974
|
terms: 'vilkår for bruk',
|
|
975
975
|
newFavourite: 'Nylig lagt til',
|
|
976
976
|
feide: 'Dette henter vi om deg fra Feide',
|
|
977
|
-
resource: {
|
|
978
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
979
|
-
addedToMyNdla: 'Lagt i Min NDLA'
|
|
980
|
-
},
|
|
981
977
|
storageInfo: {
|
|
982
978
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
983
979
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.'
|
|
@@ -990,6 +986,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
990
986
|
title: 'Slik tagger du dine favorittressurser',
|
|
991
987
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.'
|
|
992
988
|
}
|
|
989
|
+
},
|
|
990
|
+
resource: {
|
|
991
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
992
|
+
addedToMyNdla: 'Lagt i Min NDLA'
|
|
993
993
|
}
|
|
994
994
|
},
|
|
995
995
|
snackbar: {
|
|
@@ -87,10 +87,6 @@ declare const messages: {
|
|
|
87
87
|
terms: string;
|
|
88
88
|
newFavourite: string;
|
|
89
89
|
feide: string;
|
|
90
|
-
resource: {
|
|
91
|
-
addToMyNdla: string;
|
|
92
|
-
addedToMyNdla: string;
|
|
93
|
-
};
|
|
94
90
|
storageInfo: {
|
|
95
91
|
title: string;
|
|
96
92
|
text: string;
|
|
@@ -104,6 +100,10 @@ declare const messages: {
|
|
|
104
100
|
text: string;
|
|
105
101
|
};
|
|
106
102
|
};
|
|
103
|
+
resource: {
|
|
104
|
+
addToMyNdla: string;
|
|
105
|
+
addedToMyNdla: string;
|
|
106
|
+
};
|
|
107
107
|
};
|
|
108
108
|
snackbar: {
|
|
109
109
|
close: string;
|
|
@@ -974,10 +974,6 @@ var messages = _objectSpread(_objectSpread({
|
|
|
974
974
|
terms: 'vilkår for bruk',
|
|
975
975
|
newFavourite: 'Nylig lagt til',
|
|
976
976
|
feide: 'Dette henter vi om deg fra Feide',
|
|
977
|
-
resource: {
|
|
978
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
979
|
-
addedToMyNdla: 'Lagt i Min NDLA'
|
|
980
|
-
},
|
|
981
977
|
storageInfo: {
|
|
982
978
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
983
979
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.'
|
|
@@ -990,6 +986,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
990
986
|
title: 'Slik tagger du dine favorittressurser',
|
|
991
987
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.'
|
|
992
988
|
}
|
|
989
|
+
},
|
|
990
|
+
resource: {
|
|
991
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
992
|
+
addedToMyNdla: 'Lagt i Min NDLA'
|
|
993
993
|
}
|
|
994
994
|
},
|
|
995
995
|
snackbar: {
|
|
@@ -87,10 +87,6 @@ declare const messages: {
|
|
|
87
87
|
terms: string;
|
|
88
88
|
newFavourite: string;
|
|
89
89
|
feide: string;
|
|
90
|
-
resource: {
|
|
91
|
-
addToMyNdla: string;
|
|
92
|
-
addedToMyNdla: string;
|
|
93
|
-
};
|
|
94
90
|
storageInfo: {
|
|
95
91
|
title: string;
|
|
96
92
|
text: string;
|
|
@@ -104,6 +100,10 @@ declare const messages: {
|
|
|
104
100
|
text: string;
|
|
105
101
|
};
|
|
106
102
|
};
|
|
103
|
+
resource: {
|
|
104
|
+
addToMyNdla: string;
|
|
105
|
+
addedToMyNdla: string;
|
|
106
|
+
};
|
|
107
107
|
};
|
|
108
108
|
snackbar: {
|
|
109
109
|
close: string;
|
|
@@ -974,10 +974,6 @@ var messages = _objectSpread(_objectSpread({
|
|
|
974
974
|
terms: 'vilkår for bruk',
|
|
975
975
|
newFavourite: 'Nylig lagt til',
|
|
976
976
|
feide: 'Dette henter vi om deg fra Feide',
|
|
977
|
-
resource: {
|
|
978
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
979
|
-
addedToMyNdla: 'Lagt i Min NDLA'
|
|
980
|
-
},
|
|
981
977
|
storageInfo: {
|
|
982
978
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
983
979
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.'
|
|
@@ -990,6 +986,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
990
986
|
title: 'Slik tagger du dine favorittressurser',
|
|
991
987
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.'
|
|
992
988
|
}
|
|
989
|
+
},
|
|
990
|
+
resource: {
|
|
991
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
992
|
+
addedToMyNdla: 'Lagt i Min NDLA'
|
|
993
993
|
}
|
|
994
994
|
},
|
|
995
995
|
snackbar: {
|
|
@@ -87,10 +87,6 @@ declare const messages: {
|
|
|
87
87
|
terms: string;
|
|
88
88
|
newFavourite: string;
|
|
89
89
|
feide: string;
|
|
90
|
-
resource: {
|
|
91
|
-
addToMyNdla: string;
|
|
92
|
-
addedToMyNdla: string;
|
|
93
|
-
};
|
|
94
90
|
storageInfo: {
|
|
95
91
|
title: string;
|
|
96
92
|
text: string;
|
|
@@ -104,6 +100,10 @@ declare const messages: {
|
|
|
104
100
|
text: string;
|
|
105
101
|
};
|
|
106
102
|
};
|
|
103
|
+
resource: {
|
|
104
|
+
addToMyNdla: string;
|
|
105
|
+
addedToMyNdla: string;
|
|
106
|
+
};
|
|
107
107
|
};
|
|
108
108
|
snackbar: {
|
|
109
109
|
close: string;
|
|
@@ -974,10 +974,6 @@ var messages = _objectSpread(_objectSpread({
|
|
|
974
974
|
terms: 'vilkår for bruk',
|
|
975
975
|
newFavourite: 'Nylig lagt til',
|
|
976
976
|
feide: 'Dette henter vi om deg fra Feide',
|
|
977
|
-
resource: {
|
|
978
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
979
|
-
addedToMyNdla: 'Lagt i Min NDLA'
|
|
980
|
-
},
|
|
981
977
|
storageInfo: {
|
|
982
978
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
983
979
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.'
|
|
@@ -990,6 +986,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
990
986
|
title: 'Slik tagger du dine favorittressurser',
|
|
991
987
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.'
|
|
992
988
|
}
|
|
989
|
+
},
|
|
990
|
+
resource: {
|
|
991
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
992
|
+
addedToMyNdla: 'Lagt i Min NDLA'
|
|
993
993
|
}
|
|
994
994
|
},
|
|
995
995
|
snackbar: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "15.1.
|
|
3
|
+
"version": "15.1.4",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "d26e55ff289a72221392249ad2f9646a5415a225"
|
|
85
85
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import React, { ReactChild, useLayoutEffect, useRef, useState } from 'react';
|
|
9
|
+
import React, { ReactChild, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
10
10
|
import { useTranslation } from 'react-i18next';
|
|
11
11
|
import styled from '@emotion/styled';
|
|
12
12
|
import { css } from '@emotion/core';
|
|
@@ -31,7 +31,6 @@ const Inner = styled.div`
|
|
|
31
31
|
`;
|
|
32
32
|
|
|
33
33
|
const NavButton = styled('button')<{
|
|
34
|
-
hide?: boolean;
|
|
35
34
|
alignRight?: boolean;
|
|
36
35
|
}>`
|
|
37
36
|
box-sizing: border-box;
|
|
@@ -58,25 +57,12 @@ const NavButton = styled('button')<{
|
|
|
58
57
|
cursor: pointer;
|
|
59
58
|
}
|
|
60
59
|
|
|
61
|
-
${(props) =>
|
|
62
|
-
props.hide &&
|
|
63
|
-
`
|
|
64
|
-
opacity: 0;
|
|
65
|
-
transform: translate(-40px, 0px);
|
|
66
|
-
`}
|
|
67
|
-
|
|
68
60
|
${(props) =>
|
|
69
61
|
props.alignRight &&
|
|
70
62
|
`
|
|
71
63
|
right: 2px;
|
|
72
64
|
left: unset;
|
|
73
|
-
`}
|
|
74
65
|
|
|
75
|
-
${(props) =>
|
|
76
|
-
props.alignRight &&
|
|
77
|
-
props.hide &&
|
|
78
|
-
`
|
|
79
|
-
transform: translate(40px, 0px);
|
|
80
66
|
`}
|
|
81
67
|
`;
|
|
82
68
|
|
|
@@ -94,7 +80,7 @@ const FilterCarousel = ({ children }: Props) => {
|
|
|
94
80
|
const innerRef: { current: HTMLDivElement | null } = useRef(null);
|
|
95
81
|
|
|
96
82
|
// Check if we need to show the nav buttons
|
|
97
|
-
|
|
83
|
+
const showButtons = () => {
|
|
98
84
|
if (carouselRef.current && innerRef.current) {
|
|
99
85
|
const carouselWidth = carouselRef.current.offsetWidth || 0;
|
|
100
86
|
const innerWidth = innerRef.current.scrollWidth;
|
|
@@ -106,8 +92,21 @@ const FilterCarousel = ({ children }: Props) => {
|
|
|
106
92
|
} else {
|
|
107
93
|
setHideNext(true);
|
|
108
94
|
}
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
useLayoutEffect(() => {
|
|
98
|
+
showButtons();
|
|
109
99
|
}, [children]);
|
|
110
100
|
|
|
101
|
+
useEffect(() => {
|
|
102
|
+
const resetTranslateX = () => {
|
|
103
|
+
setTranslateX(0);
|
|
104
|
+
showButtons();
|
|
105
|
+
};
|
|
106
|
+
window.addEventListener('resize', resetTranslateX);
|
|
107
|
+
return () => window.removeEventListener('resize', resetTranslateX);
|
|
108
|
+
}, []);
|
|
109
|
+
|
|
111
110
|
const updateIndex = (direction: string) => {
|
|
112
111
|
const carousel = carouselRef.current;
|
|
113
112
|
const inner = innerRef.current;
|
|
@@ -153,12 +152,16 @@ const FilterCarousel = ({ children }: Props) => {
|
|
|
153
152
|
{children}
|
|
154
153
|
</Inner>
|
|
155
154
|
</Carousel>
|
|
156
|
-
|
|
157
|
-
<
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
155
|
+
{!hideNext && (
|
|
156
|
+
<NavButton title={t('carousel.forward')} onClick={() => updateIndex('NEXT')} alignRight>
|
|
157
|
+
<ChevronRight style={{ width: '18px', height: '18px' }} aria-hidden title="" />
|
|
158
|
+
</NavButton>
|
|
159
|
+
)}
|
|
160
|
+
{translateX >= 1 && (
|
|
161
|
+
<NavButton title={t('carousel.back')} onClick={() => updateIndex('PREV')}>
|
|
162
|
+
<ChevronLeft style={{ width: '18px', height: '18px' }} aria-hidden title="" />
|
|
163
|
+
</NavButton>
|
|
164
|
+
)}
|
|
162
165
|
</div>
|
|
163
166
|
);
|
|
164
167
|
};
|
|
@@ -37,6 +37,7 @@ type Props = {
|
|
|
37
37
|
invertedStyle?: boolean;
|
|
38
38
|
toggleAdditionalResources: () => void;
|
|
39
39
|
onToggleAddToFavorites: (id: string | number, add: string) => void;
|
|
40
|
+
showAddToFavoriteButton: boolean;
|
|
40
41
|
};
|
|
41
42
|
|
|
42
43
|
const ResourceGroup = ({
|
|
@@ -47,6 +48,7 @@ const ResourceGroup = ({
|
|
|
47
48
|
contentType,
|
|
48
49
|
invertedStyle,
|
|
49
50
|
onToggleAddToFavorites,
|
|
51
|
+
showAddToFavoriteButton = false,
|
|
50
52
|
}: Props & ResourceListProps) => (
|
|
51
53
|
<Wrapper>
|
|
52
54
|
{title && (
|
|
@@ -62,6 +64,7 @@ const ResourceGroup = ({
|
|
|
62
64
|
contentType={contentType}
|
|
63
65
|
resources={resources}
|
|
64
66
|
onToggleAddToFavorites={onToggleAddToFavorites}
|
|
67
|
+
showAddToFavoriteButton={showAddToFavoriteButton}
|
|
65
68
|
/>
|
|
66
69
|
) : null}
|
|
67
70
|
</Wrapper>
|
|
@@ -230,7 +230,7 @@ type Props = {
|
|
|
230
230
|
access?: 'teacher';
|
|
231
231
|
isFavorite?: boolean;
|
|
232
232
|
onToggleAddToFavorites: (id: string, add: boolean) => void;
|
|
233
|
-
|
|
233
|
+
showAddToFavoriteButton: boolean;
|
|
234
234
|
};
|
|
235
235
|
|
|
236
236
|
const ResourceItem = ({
|
|
@@ -247,7 +247,7 @@ const ResourceItem = ({
|
|
|
247
247
|
access,
|
|
248
248
|
onToggleAddToFavorites,
|
|
249
249
|
isFavorite,
|
|
250
|
-
|
|
250
|
+
showAddToFavoriteButton,
|
|
251
251
|
}: Props & Resource) => {
|
|
252
252
|
const { t } = useTranslation();
|
|
253
253
|
const hidden = additional ? !showAdditionalResources : false;
|
|
@@ -301,7 +301,7 @@ const ResourceItem = ({
|
|
|
301
301
|
)}
|
|
302
302
|
</>
|
|
303
303
|
)}
|
|
304
|
-
{
|
|
304
|
+
{showAddToFavoriteButton && (
|
|
305
305
|
<ArticleFavoritesButton
|
|
306
306
|
isFavorite={isFavorite}
|
|
307
307
|
articleId={id}
|
|
@@ -49,7 +49,7 @@ export type ResourceListProps = {
|
|
|
49
49
|
title?: string;
|
|
50
50
|
showAdditionalResources?: boolean;
|
|
51
51
|
onToggleAddToFavorites: (id: string, add: boolean) => void;
|
|
52
|
-
|
|
52
|
+
showAddToFavoriteButton: boolean;
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
const ResourceList = ({
|
|
@@ -59,7 +59,7 @@ const ResourceList = ({
|
|
|
59
59
|
contentType,
|
|
60
60
|
title,
|
|
61
61
|
showAdditionalResources,
|
|
62
|
-
|
|
62
|
+
showAddToFavoriteButton,
|
|
63
63
|
}: ResourceListProps) => {
|
|
64
64
|
const { t } = useTranslation();
|
|
65
65
|
const renderAdditionalResourceTrigger =
|
|
@@ -76,7 +76,7 @@ const ResourceList = ({
|
|
|
76
76
|
key={id}
|
|
77
77
|
contentType={contentType}
|
|
78
78
|
showAdditionalResources={showAdditionalResources}
|
|
79
|
-
|
|
79
|
+
showAddToFavoriteButton={showAddToFavoriteButton}
|
|
80
80
|
onToggleAddToFavorites={onToggleAddToFavorites}
|
|
81
81
|
{...resource}
|
|
82
82
|
contentTypeDescription={
|
|
@@ -1007,10 +1007,6 @@ const messages = {
|
|
|
1007
1007
|
terms: 'terms of use',
|
|
1008
1008
|
feide: 'We have retrieved this information from Feide',
|
|
1009
1009
|
newFavourite: 'Recently favourited',
|
|
1010
|
-
resource: {
|
|
1011
|
-
addToMyNdla: 'Add to My NDLA',
|
|
1012
|
-
addedToMyNdla: 'Added to My NDLA',
|
|
1013
|
-
},
|
|
1014
1010
|
storageInfo: {
|
|
1015
1011
|
title: 'How to save your favourite resources from NDLA',
|
|
1016
1012
|
text: 'When you wish to save a resource, you can do so by clicking the heart on the top right corner of the page. You will then get an option to store the resource in a folder',
|
|
@@ -1024,6 +1020,10 @@ const messages = {
|
|
|
1024
1020
|
text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting my tags on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.',
|
|
1025
1021
|
},
|
|
1026
1022
|
},
|
|
1023
|
+
resource: {
|
|
1024
|
+
addToMyNdla: 'Add to My NDLA',
|
|
1025
|
+
addedToMyNdla: 'Added to My NDLA',
|
|
1026
|
+
},
|
|
1027
1027
|
},
|
|
1028
1028
|
snackbar: {
|
|
1029
1029
|
close: 'Close notification',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|
|
@@ -1006,10 +1006,6 @@ const messages = {
|
|
|
1006
1006
|
terms: 'vilkår for bruk',
|
|
1007
1007
|
newFavourite: 'Nylig lagt til',
|
|
1008
1008
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1009
|
-
resource: {
|
|
1010
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1011
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1012
|
-
},
|
|
1013
1009
|
storageInfo: {
|
|
1014
1010
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1015
1011
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1023,6 +1019,10 @@ const messages = {
|
|
|
1023
1019
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1024
1020
|
},
|
|
1025
1021
|
},
|
|
1022
|
+
resource: {
|
|
1023
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1024
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1025
|
+
},
|
|
1026
1026
|
},
|
|
1027
1027
|
snackbar: {
|
|
1028
1028
|
close: 'Lukk melding',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|
|
@@ -1005,10 +1005,6 @@ const messages = {
|
|
|
1005
1005
|
terms: 'vilkår for bruk',
|
|
1006
1006
|
newFavourite: 'Nylig lagt til',
|
|
1007
1007
|
feide: 'Dette henter vi om deg fra Feide',
|
|
1008
|
-
resource: {
|
|
1009
|
-
addToMyNdla: 'Legg i Min NDLA',
|
|
1010
|
-
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1011
|
-
},
|
|
1012
1008
|
storageInfo: {
|
|
1013
1009
|
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
1010
|
text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.',
|
|
@@ -1022,6 +1018,10 @@ const messages = {
|
|
|
1022
1018
|
text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper. Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.',
|
|
1023
1019
|
},
|
|
1024
1020
|
},
|
|
1021
|
+
resource: {
|
|
1022
|
+
addToMyNdla: 'Legg i Min NDLA',
|
|
1023
|
+
addedToMyNdla: 'Lagt i Min NDLA',
|
|
1024
|
+
},
|
|
1025
1025
|
},
|
|
1026
1026
|
snackbar: {
|
|
1027
1027
|
close: 'Lukk melding',
|