@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.
Files changed (36) hide show
  1. package/es/Filter/FilterCarousel.js +32 -23
  2. package/es/ResourceGroup/ResourceGroup.js +8 -5
  3. package/es/ResourceGroup/ResourceItem.js +13 -13
  4. package/es/ResourceGroup/ResourceList.js +4 -4
  5. package/es/locale/messages-en.js +4 -4
  6. package/es/locale/messages-nb.js +4 -4
  7. package/es/locale/messages-nn.js +4 -4
  8. package/es/locale/messages-se.js +4 -4
  9. package/es/locale/messages-sma.js +4 -4
  10. package/lib/Filter/FilterCarousel.js +31 -22
  11. package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
  12. package/lib/ResourceGroup/ResourceGroup.js +8 -5
  13. package/lib/ResourceGroup/ResourceItem.d.ts +2 -2
  14. package/lib/ResourceGroup/ResourceItem.js +13 -13
  15. package/lib/ResourceGroup/ResourceList.d.ts +2 -2
  16. package/lib/ResourceGroup/ResourceList.js +4 -4
  17. package/lib/locale/messages-en.d.ts +4 -4
  18. package/lib/locale/messages-en.js +4 -4
  19. package/lib/locale/messages-nb.d.ts +4 -4
  20. package/lib/locale/messages-nb.js +4 -4
  21. package/lib/locale/messages-nn.d.ts +4 -4
  22. package/lib/locale/messages-nn.js +4 -4
  23. package/lib/locale/messages-se.d.ts +4 -4
  24. package/lib/locale/messages-se.js +4 -4
  25. package/lib/locale/messages-sma.d.ts +4 -4
  26. package/lib/locale/messages-sma.js +4 -4
  27. package/package.json +2 -2
  28. package/src/Filter/FilterCarousel.tsx +25 -22
  29. package/src/ResourceGroup/ResourceGroup.tsx +3 -0
  30. package/src/ResourceGroup/ResourceItem.tsx +3 -3
  31. package/src/ResourceGroup/ResourceList.tsx +3 -3
  32. package/src/locale/messages-en.ts +4 -4
  33. package/src/locale/messages-nb.ts +4 -4
  34. package/src/locale/messages-nn.ts +4 -4
  35. package/src/locale/messages-se.ts +4 -4
  36. 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
- hideAddToFavoriteButton?: boolean;
17
+ showAddToFavoriteButton: boolean;
18
18
  };
19
- declare const ResourceList: ({ resources, onClick, onToggleAddToFavorites, contentType, title, showAdditionalResources, hideAddToFavoriteButton, }: ResourceListProps) => JSX.Element;
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+IHZvaWQ7XG4gIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFJlc291cmNlTGlzdCA9ICh7XG4gIHJlc291cmNlcyxcbiAgb25DbGljayxcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyxcbiAgY29udGVudFR5cGUsXG4gIHRpdGxlLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgaGlkZUFkZFRvRmF2b3JpdGVCdXR0b24sXG59OiBSZXNvdXJjZUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgPVxuICAgICFzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA+IDAgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+ICFyZXMuYWRkaXRpb25hbCkubGVuZ3RoID09PSAwO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRSZXNvdXJjZUxpc3Qgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfT5cbiAgICAgICAge3Jlc291cmNlcy5tYXAoKHsgaWQsIC4uLnJlc291cmNlIH0pID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgaGlkZUFkZFRvRmF2b3JpdGVCdXR0b249e2hpZGVBZGRUb0Zhdm9yaXRlQnV0dG9ufVxuICAgICAgICAgICAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcz17b25Ub2dnbGVBZGRUb0Zhdm9yaXRlc31cbiAgICAgICAgICAgIHsuLi5yZXNvdXJjZX1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlRGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICByZXNvdXJjZS5hZGRpdGlvbmFsID8gdCgncmVzb3VyY2UudG9vbHRpcEFkZGl0aW9uYWxUb3BpYycpIDogdCgncmVzb3VyY2UudG9vbHRpcENvcmVUb3BpYycpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyICYmIChcbiAgICAgICAgICA8bGk+XG4gICAgICAgICAgICA8Tm9Db250ZW50Qm94XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ3Jlc291cmNlLnRvZ2dsZUZpbHRlckxhYmVsJyl9XG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHRpdGxlXG4gICAgICAgICAgICAgICAgICA/IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZScsIHtcbiAgICAgICAgICAgICAgICAgICAgICBuYW1lOiB0aXRsZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgOiB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGVVbnNwZWNpZmljJylcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRSZXNvdXJjZUxpc3Q+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUxpc3Q7XG4iXX0= */"));
49
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzOiAoaWQ6IHN0cmluZywgYWRkOiBib29sZWFuKSA9PiB2b2lkO1xuICBoaWRlQWRkVG9GYXZvcml0ZUJ1dHRvbj86IGJvb2xlYW47XG59O1xuXG5jb25zdCBSZXNvdXJjZUxpc3QgPSAoe1xuICByZXNvdXJjZXMsXG4gIG9uQ2xpY2ssXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIGNvbnRlbnRUeXBlLFxuICB0aXRsZSxcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMsXG4gIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uLFxufTogUmVzb3VyY2VMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyID1cbiAgICAhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+IHJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPiAwICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiAhcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA9PT0gMDtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U3R5bGVkUmVzb3VyY2VMaXN0IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc30+XG4gICAgICAgIHtyZXNvdXJjZXMubWFwKCh7IGlkLCAuLi5yZXNvdXJjZSB9KSA9PiAoXG4gICAgICAgICAgPFJlc291cmNlSXRlbVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlPXtjb250ZW50VHlwZX1cbiAgICAgICAgICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgICAgIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uPXtoaWRlQWRkVG9GYXZvcml0ZUJ1dHRvbn1cbiAgICAgICAgICAgIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM9e29uVG9nZ2xlQWRkVG9GYXZvcml0ZXN9XG4gICAgICAgICAgICB7Li4ucmVzb3VyY2V9XG4gICAgICAgICAgICBjb250ZW50VHlwZURlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgcmVzb3VyY2UuYWRkaXRpb25hbCA/IHQoJ3Jlc291cmNlLnRvb2x0aXBBZGRpdGlvbmFsVG9waWMnKSA6IHQoJ3Jlc291cmNlLnRvb2x0aXBDb3JlVG9waWMnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgICB7cmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciAmJiAoXG4gICAgICAgICAgPGxpPlxuICAgICAgICAgICAgPE5vQ29udGVudEJveFxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICBidXR0b25UZXh0PXt0KCdyZXNvdXJjZS50b2dnbGVGaWx0ZXJMYWJlbCcpfVxuICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICB0aXRsZVxuICAgICAgICAgICAgICAgICAgPyB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGUnLCB7XG4gICAgICAgICAgICAgICAgICAgICAgbmFtZTogdGl0bGUudG9Mb3dlckNhc2UoKSxcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIDogdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlVW5zcGVjaWZpYycpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUmVzb3VyY2VMaXN0PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVzb3VyY2VMaXN0O1xuIl19 */");
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
- hideAddToFavoriteButton = _ref2.hideAddToFavoriteButton;
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
- hideAddToFavoriteButton: hideAddToFavoriteButton,
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",
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": "359619fbe3c713dac53b5e9c5773c217b1a38bc3"
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
- useLayoutEffect(() => {
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
- <NavButton title={t('carousel.back')} onClick={() => updateIndex('PREV')} hide={translateX < 1}>
157
- <ChevronLeft style={{ width: '18px', height: '18px' }} aria-hidden title="" />
158
- </NavButton>
159
- <NavButton title={t('carousel.forward')} onClick={() => updateIndex('NEXT')} alignRight hide={hideNext}>
160
- <ChevronRight style={{ width: '18px', height: '18px' }} aria-hidden title="" />
161
- </NavButton>
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
- hideAddToFavoriteButton?: boolean;
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
- hideAddToFavoriteButton,
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
- {!hideAddToFavoriteButton && (
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
- hideAddToFavoriteButton?: boolean;
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
- hideAddToFavoriteButton,
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
- hideAddToFavoriteButton={hideAddToFavoriteButton}
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',