@ndla/ui 15.1.4 → 15.2.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/es/Breadcrumb/ActionBreadcrumb.js +9 -4
- package/es/Breadcrumb/Breadcrumb.js +6 -5
- package/es/MyNdla/Resource/Folder.js +9 -7
- package/es/Resource/BlockResource.js +7 -7
- package/es/Resource/ListResource.js +38 -25
- package/es/Resource/resourceComponents.js +17 -18
- package/lib/Breadcrumb/ActionBreadcrumb.js +9 -4
- package/lib/Breadcrumb/Breadcrumb.d.ts +2 -1
- package/lib/Breadcrumb/Breadcrumb.js +6 -5
- package/lib/MyNdla/Resource/Folder.js +8 -6
- package/lib/Resource/BlockResource.js +6 -6
- package/lib/Resource/ListResource.js +34 -23
- package/lib/Resource/resourceComponents.d.ts +1 -1
- package/lib/Resource/resourceComponents.js +19 -20
- package/package.json +10 -10
- package/src/Breadcrumb/ActionBreadcrumb.tsx +15 -3
- package/src/Breadcrumb/Breadcrumb.tsx +10 -2
- package/src/MyNdla/Resource/Folder.tsx +5 -1
- package/src/Resource/BlockResource.tsx +2 -2
- package/src/Resource/ListResource.tsx +56 -31
- package/src/Resource/resourceComponents.tsx +8 -9
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TopicList = exports.
|
|
6
|
+
exports.TopicList = exports.CompressedTags = exports.TagList = exports.Row = exports.ResourceTitle = void 0;
|
|
7
7
|
|
|
8
8
|
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
|
|
9
9
|
|
|
@@ -22,45 +22,45 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
22
22
|
var ResourceTitle = (0, _styledBase["default"])("h2", {
|
|
23
23
|
target: "e1lrrm6s0",
|
|
24
24
|
label: "ResourceTitle"
|
|
25
|
-
})(_core.fonts.sizes(18), ";min-width:50px;font-weight:", _core.fonts.weight.bold, ";margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;line-height:1;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
})(_core.fonts.sizes(18), ";min-width:50px;font-weight:", _core.fonts.weight.bold, ";margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;line-height:1;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;grid-area:resourceTitle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJzQyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
26
26
|
exports.ResourceTitle = ResourceTitle;
|
|
27
27
|
var StyledTagList = (0, _styledBase["default"])("ul", {
|
|
28
28
|
target: "e1lrrm6s1",
|
|
29
29
|
label: "StyledTagList"
|
|
30
|
-
})("list-style:none;display:flex;margin:0;padding:0;gap:", _core.spacing.xsmall, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
})("list-style:none;display:flex;margin:0;padding:0;gap:", _core.spacing.xsmall, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MrQiIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
31
31
|
var StyledTagListElement = (0, _styledBase["default"])("li", {
|
|
32
32
|
target: "e1lrrm6s2",
|
|
33
33
|
label: "StyledTagListElement"
|
|
34
|
-
})("color:", _core.colors.brand.grey, ";margin:0;", _core.fonts.sizes(14), ";::before{content:'#';}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
})("color:", _core.colors.brand.grey, ";margin:0;", _core.fonts.sizes(14), ";::before{content:'#';}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNzQyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
35
35
|
var StyledTopicList = (0, _styledBase["default"])("ul", {
|
|
36
36
|
target: "e1lrrm6s3",
|
|
37
37
|
label: "StyledTopicList"
|
|
38
38
|
})(process.env.NODE_ENV === "production" ? {
|
|
39
|
-
name: "
|
|
40
|
-
styles: "list-style:none;display:flex;margin:0;padding:0;overflow:hidden;"
|
|
39
|
+
name: "2p76x4",
|
|
40
|
+
styles: "list-style:none;display:flex;margin:0;padding:0;overflow:hidden;grid-area:topicList;"
|
|
41
41
|
} : {
|
|
42
|
-
name: "
|
|
43
|
-
styles: "list-style:none;display:flex;margin:0;padding:0;overflow:hidden;",
|
|
44
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
name: "2p76x4",
|
|
43
|
+
styles: "list-style:none;display:flex;margin:0;padding:0;overflow:hidden;grid-area:topicList;",
|
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RpQyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */",
|
|
45
45
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
46
46
|
});
|
|
47
47
|
var StyledTopicListElement = (0, _styledBase["default"])("li", {
|
|
48
48
|
target: "e1lrrm6s4",
|
|
49
49
|
label: "StyledTopicListElement"
|
|
50
|
-
})(_core.fonts.sizes(12), ";margin:0;line-height:1.5;padding:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
})(_core.fonts.sizes(12), ";margin:0;line-height:1.5;padding:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0R3QyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
51
51
|
var StyledTopicDivider = (0, _styledBase["default"])("span", {
|
|
52
52
|
target: "e1lrrm6s5",
|
|
53
53
|
label: "StyledTopicDivider"
|
|
54
|
-
})("margin:0;padding:0 ", _core.spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
})("margin:0;padding:0 ", _core.spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VzQyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
55
55
|
var Row = (0, _styledBase["default"])("div", {
|
|
56
56
|
target: "e1lrrm6s6",
|
|
57
57
|
label: "Row"
|
|
58
|
-
})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
58
|
+
})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkU2QiIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */"));
|
|
59
59
|
exports.Row = Row;
|
|
60
60
|
var TagCounterWrapper = (0, _styledBase["default"])("p", {
|
|
61
61
|
target: "e1lrrm6s7",
|
|
62
62
|
label: "TagCounterWrapper"
|
|
63
|
-
})("color:", _core.colors.brand.primary, ";box-shadow:none;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes(16), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
})("color:", _core.colors.brand.primary, ";box-shadow:none;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes(16), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc291cmNlQ29tcG9uZW50cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZrQyIsImZpbGUiOiJyZXNvdXJjZUNvbXBvbmVudHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgeyBNZW51QnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXNvdXJjZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBSZXNvdXJjZVRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1pbi13aWR0aDogNTBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBtYXJnaW46IDA7XG4gIGZsZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAvLyBVbmZvcnR1bmF0ZSBjc3MgbmVlZGVkIGZvciBtdWx0aS1saW5lIHRleHQgb3ZlcmZsb3cgZWxsaXBzaXMuXG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICBsaW5lLWNsYW1wOiAxO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICBncmlkLWFyZWE6IHJlc291cmNlVGl0bGU7XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRUYWdMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuICBtYXJnaW46IDA7XG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbiAgOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcjJztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0ID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGdyaWQtYXJlYTogdG9waWNMaXN0O1xuYDtcblxuY29uc3QgU3R5bGVkVG9waWNMaXN0RWxlbWVudCA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygxMil9O1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUb3BpY0RpdmlkZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgVGFnQ291bnRlcldyYXBwZXIgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoMTYpfVxuYDtcblxuaW50ZXJmYWNlIFRhZ0xpc3RQcm9wcyB7XG4gIHRhZ3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRhZ0xpc3QgPSAoeyB0YWdzIH06IFRhZ0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRhZ3MpIHJldHVybiBudWxsO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUYWdMaXN0PlxuICAgICAge3RhZ3MubWFwKCh0YWcsIGkpID0+IChcbiAgICAgICAgPFN0eWxlZFRhZ0xpc3RFbGVtZW50IGtleT17YHRhZy0ke2l9YH0+e3RhZ308L1N0eWxlZFRhZ0xpc3RFbGVtZW50PlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRUYWdMaXN0PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IENvbXByZXNzZWRUYWdzID0gKHRhZ3M6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IHZpc2libGVUYWdzID0gdGFncy5zbGljZSgwLCAzKTtcbiAgY29uc3QgcmVtYWluaW5nVGFncyA9IHRhZ3Muc2xpY2UoMywgdGFncy5sZW5ndGgpLm1hcCgodGFnKSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHRleHQ6ICcjJyArIHRhZyxcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHt9LFxuICAgIH07XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWdMaXN0IHRhZ3M9e3Zpc2libGVUYWdzfSAvPlxuICAgICAge3JlbWFpbmluZ1RhZ3MubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxNZW51QnV0dG9uIGhpZGVNZW51SWNvbj17dHJ1ZX0gbWVudUl0ZW1zPXtyZW1haW5pbmdUYWdzfT5cbiAgICAgICAgICA8VGFnQ291bnRlcldyYXBwZXI+e2ArJHtyZW1haW5pbmdUYWdzLmxlbmd0aH1gfTwvVGFnQ291bnRlcldyYXBwZXI+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgVG9waWNMaXN0UHJvcHMge1xuICB0b3BpY3M/OiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNvbnN0IFRvcGljTGlzdCA9ICh7IHRvcGljcyB9OiBUb3BpY0xpc3RQcm9wcykgPT4ge1xuICBpZiAoIXRvcGljcykgcmV0dXJuIG51bGw7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvcGljTGlzdD5cbiAgICAgIHt0b3BpY3MubWFwKCh0b3BpYywgaSkgPT4gKFxuICAgICAgICA8U3R5bGVkVG9waWNMaXN0RWxlbWVudCBrZXk9e3RvcGljfT5cbiAgICAgICAgICB7dG9waWN9XG4gICAgICAgICAge2kgIT09IHRvcGljcy5sZW5ndGggLSAxICYmIDxTdHlsZWRUb3BpY0RpdmlkZXI+4oCiPC9TdHlsZWRUb3BpY0RpdmlkZXI+fVxuICAgICAgICA8L1N0eWxlZFRvcGljTGlzdEVsZW1lbnQ+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFRvcGljTGlzdD5cbiAgKTtcbn07XG4iXX0= */");
|
|
64
64
|
|
|
65
65
|
var TagList = function TagList(_ref) {
|
|
66
66
|
var tags = _ref.tags;
|
|
@@ -74,9 +74,8 @@ var TagList = function TagList(_ref) {
|
|
|
74
74
|
|
|
75
75
|
exports.TagList = TagList;
|
|
76
76
|
|
|
77
|
-
var
|
|
78
|
-
var
|
|
79
|
-
var slicedTags = tags.slice(0, 3);
|
|
77
|
+
var CompressedTags = function CompressedTags(tags) {
|
|
78
|
+
var visibleTags = tags.slice(0, 3);
|
|
80
79
|
var remainingTags = tags.slice(3, tags.length).map(function (tag) {
|
|
81
80
|
return {
|
|
82
81
|
text: '#' + tag,
|
|
@@ -84,14 +83,14 @@ var CompressTagsLength = function CompressTagsLength(tags) {
|
|
|
84
83
|
};
|
|
85
84
|
});
|
|
86
85
|
return (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(TagList, {
|
|
87
|
-
tags:
|
|
86
|
+
tags: visibleTags
|
|
88
87
|
}), remainingTags.length > 0 && (0, _core2.jsx)(_button.MenuButton, {
|
|
89
88
|
hideMenuIcon: true,
|
|
90
89
|
menuItems: remainingTags
|
|
91
|
-
}, (0, _core2.jsx)(TagCounterWrapper, null, "+"
|
|
90
|
+
}, (0, _core2.jsx)(TagCounterWrapper, null, "+".concat(remainingTags.length))));
|
|
92
91
|
};
|
|
93
92
|
|
|
94
|
-
exports.
|
|
93
|
+
exports.CompressedTags = CompressedTags;
|
|
95
94
|
|
|
96
95
|
var TopicList = function TopicList(_ref2) {
|
|
97
96
|
var topics = _ref2.topics;
|
|
@@ -99,7 +98,7 @@ var TopicList = function TopicList(_ref2) {
|
|
|
99
98
|
return (0, _core2.jsx)(StyledTopicList, null, topics.map(function (topic, i) {
|
|
100
99
|
return (0, _core2.jsx)(StyledTopicListElement, {
|
|
101
100
|
key: topic
|
|
102
|
-
},
|
|
101
|
+
}, topic, i !== topics.length - 1 && (0, _core2.jsx)(StyledTopicDivider, null, "\u2022"));
|
|
103
102
|
}));
|
|
104
103
|
};
|
|
105
104
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "15.
|
|
3
|
+
"version": "15.2.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -31,17 +31,17 @@
|
|
|
31
31
|
"types"
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@ndla/button": "^2.
|
|
35
|
-
"@ndla/carousel": "^1.2.
|
|
34
|
+
"@ndla/button": "^2.4.0",
|
|
35
|
+
"@ndla/carousel": "^1.2.9",
|
|
36
36
|
"@ndla/core": "^2.1.1",
|
|
37
37
|
"@ndla/hooks": "^1.1.4",
|
|
38
|
-
"@ndla/icons": "^1.8.
|
|
39
|
-
"@ndla/licenses": "^4.1.
|
|
40
|
-
"@ndla/modal": "^1.2.
|
|
41
|
-
"@ndla/notion": "^3.1.
|
|
42
|
-
"@ndla/safelink": "^2.0.
|
|
38
|
+
"@ndla/icons": "^1.8.1",
|
|
39
|
+
"@ndla/licenses": "^4.1.5",
|
|
40
|
+
"@ndla/modal": "^1.2.10",
|
|
41
|
+
"@ndla/notion": "^3.1.12",
|
|
42
|
+
"@ndla/safelink": "^2.0.4",
|
|
43
43
|
"@ndla/switch": "^0.1.5",
|
|
44
|
-
"@ndla/tabs": "^1.1.
|
|
44
|
+
"@ndla/tabs": "^1.1.8",
|
|
45
45
|
"@ndla/tooltip": "^2.0.0",
|
|
46
46
|
"@ndla/util": "^3.0.0",
|
|
47
47
|
"@reach/menu-button": "^0.16.2",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "21186f9391477c1c0507d44fffbc72730793017b"
|
|
85
85
|
}
|
|
@@ -47,11 +47,15 @@ const ActionBreadcrumb = ({ items, actionItems }: Props) => {
|
|
|
47
47
|
if (item.index === totalCount - 1) {
|
|
48
48
|
return (
|
|
49
49
|
<MenuButton menuItems={actionItems} size="small">
|
|
50
|
-
<StyledSpan>{item.name}</StyledSpan>
|
|
50
|
+
<StyledSpan title={item.name}>{item.name}</StyledSpan>
|
|
51
51
|
</MenuButton>
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
|
-
return
|
|
54
|
+
return (
|
|
55
|
+
<StyledSafeLink title={item.name} to={item.to}>
|
|
56
|
+
{item.name}
|
|
57
|
+
</StyledSafeLink>
|
|
58
|
+
);
|
|
55
59
|
};
|
|
56
60
|
|
|
57
61
|
const renderSeparator = (item: IndexedBreadcrumbItem, totalCount: number) => {
|
|
@@ -62,7 +66,15 @@ const ActionBreadcrumb = ({ items, actionItems }: Props) => {
|
|
|
62
66
|
return <StyledRightChevron />;
|
|
63
67
|
};
|
|
64
68
|
|
|
65
|
-
return
|
|
69
|
+
return (
|
|
70
|
+
<Breadcrumb
|
|
71
|
+
autoCollapse
|
|
72
|
+
collapseLast={false}
|
|
73
|
+
items={items}
|
|
74
|
+
renderItem={renderItem}
|
|
75
|
+
renderSeparator={renderSeparator}
|
|
76
|
+
/>
|
|
77
|
+
);
|
|
66
78
|
};
|
|
67
79
|
|
|
68
80
|
export default ActionBreadcrumb;
|
|
@@ -17,6 +17,7 @@ interface Props {
|
|
|
17
17
|
items: SimpleBreadcrumbItem[];
|
|
18
18
|
autoCollapse?: boolean;
|
|
19
19
|
collapseFirst?: boolean;
|
|
20
|
+
collapseLast?: boolean;
|
|
20
21
|
renderItem?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;
|
|
21
22
|
renderSeparator?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;
|
|
22
23
|
}
|
|
@@ -31,7 +32,14 @@ const StyledList = styled.ol`
|
|
|
31
32
|
list-style: none;
|
|
32
33
|
`;
|
|
33
34
|
|
|
34
|
-
const Breadcrumb = ({
|
|
35
|
+
const Breadcrumb = ({
|
|
36
|
+
items,
|
|
37
|
+
autoCollapse,
|
|
38
|
+
renderItem,
|
|
39
|
+
renderSeparator,
|
|
40
|
+
collapseFirst,
|
|
41
|
+
collapseLast = true,
|
|
42
|
+
}: Props) => {
|
|
35
43
|
const { t } = useTranslation();
|
|
36
44
|
const olRef = useRef<any>();
|
|
37
45
|
const containerRef = useRef<HTMLDivElement>(null);
|
|
@@ -71,7 +79,7 @@ const Breadcrumb = ({ items, autoCollapse, renderItem, renderSeparator, collapse
|
|
|
71
79
|
renderItem={renderItem}
|
|
72
80
|
renderSeparator={renderSeparator}
|
|
73
81
|
ref={(element) =>
|
|
74
|
-
element === null || (!collapseFirst && index === 0)
|
|
82
|
+
element === null || (!collapseFirst && index === 0) || (!collapseLast && index === items.length - 1)
|
|
75
83
|
? breadcrumbItemRefs.delete(item.to)
|
|
76
84
|
: breadcrumbItemRefs.set(item.to, element)
|
|
77
85
|
}
|
|
@@ -10,7 +10,7 @@ import styled from '@emotion/styled';
|
|
|
10
10
|
import React, { ReactNode } from 'react';
|
|
11
11
|
import { FolderOutlined } from '@ndla/icons/contentType';
|
|
12
12
|
import { FileDocumentOutline } from '@ndla/icons/common';
|
|
13
|
-
import { fonts, spacing, colors } from '@ndla/core';
|
|
13
|
+
import { fonts, spacing, colors, mq, breakpoints } from '@ndla/core';
|
|
14
14
|
import { css } from '@emotion/core';
|
|
15
15
|
import { useTranslation } from 'react-i18next';
|
|
16
16
|
import SafeLink from '@ndla/safelink';
|
|
@@ -110,6 +110,10 @@ const IconCountWrapper = styled.div<IconCountWrapperProps>`
|
|
|
110
110
|
opacity: 1;
|
|
111
111
|
}
|
|
112
112
|
`};
|
|
113
|
+
|
|
114
|
+
${mq.range({ until: breakpoints.tabletWide })} {
|
|
115
|
+
display: none;
|
|
116
|
+
}
|
|
113
117
|
`;
|
|
114
118
|
|
|
115
119
|
const IconCount = ({ type, count, layoutType }: IconCountProps) => {
|
|
@@ -11,7 +11,7 @@ import React, { ReactNode } from 'react';
|
|
|
11
11
|
import SafeLink from '@ndla/safelink';
|
|
12
12
|
import { colors, fonts, spacing } from '@ndla/core';
|
|
13
13
|
import Image from '../Image';
|
|
14
|
-
import {
|
|
14
|
+
import { CompressedTags, ResourceImageProps, ResourceTitle, Row, TopicList } from './resourceComponents';
|
|
15
15
|
|
|
16
16
|
interface BlockResourceProps {
|
|
17
17
|
link: string;
|
|
@@ -90,7 +90,7 @@ const BlockResource = ({ link, title, tags, resourceImage, topics, description,
|
|
|
90
90
|
<TopicList topics={topics} />
|
|
91
91
|
<BlockDescription>{description}</BlockDescription>
|
|
92
92
|
<RightRow>
|
|
93
|
-
{tags &&
|
|
93
|
+
{tags && CompressedTags(tags)}
|
|
94
94
|
{actionMenu}
|
|
95
95
|
</RightRow>
|
|
96
96
|
</BlockInfoWrapper>
|
|
@@ -9,11 +9,12 @@
|
|
|
9
9
|
import styled from '@emotion/styled';
|
|
10
10
|
import React, { ReactNode } from 'react';
|
|
11
11
|
import SafeLink from '@ndla/safelink';
|
|
12
|
-
import { fonts, spacing, colors } from '@ndla/core';
|
|
12
|
+
import { fonts, spacing, colors, breakpoints, mq } from '@ndla/core';
|
|
13
13
|
import Image from '../Image';
|
|
14
|
-
import {
|
|
14
|
+
import { CompressedTags, ResourceImageProps, ResourceTitle, TopicList } from './resourceComponents';
|
|
15
15
|
|
|
16
16
|
const ResourceDescription = styled.p`
|
|
17
|
+
grid-area: description;
|
|
17
18
|
line-clamp: 2;
|
|
18
19
|
line-height: 1em;
|
|
19
20
|
height: 3.1em;
|
|
@@ -30,14 +31,26 @@ const ResourceDescription = styled.p`
|
|
|
30
31
|
|
|
31
32
|
const ResourceWrapper = styled(SafeLink)`
|
|
32
33
|
display: grid;
|
|
33
|
-
|
|
34
|
+
flex: 1;
|
|
35
|
+
grid-template-areas:
|
|
36
|
+
'image topicAndTitle tags'
|
|
37
|
+
'image description description';
|
|
38
|
+
grid-template-columns: auto 1fr auto;
|
|
39
|
+
${mq.range({ until: breakpoints.mobileWide })} {
|
|
40
|
+
grid-template-columns: auto 1fr;
|
|
41
|
+
grid-template-areas:
|
|
42
|
+
'image topicAndTitle'
|
|
43
|
+
'description description'
|
|
44
|
+
'tags tags';
|
|
45
|
+
}
|
|
46
|
+
|
|
34
47
|
text-decoration: none;
|
|
35
48
|
box-shadow: none;
|
|
36
49
|
padding: ${spacing.small};
|
|
37
50
|
border: 1px solid ${colors.brand.light};
|
|
38
51
|
border-radius: 2px;
|
|
39
52
|
color: ${colors.brand.greyDark};
|
|
40
|
-
gap: ${spacing.small};
|
|
53
|
+
gap: 0 ${spacing.small};
|
|
41
54
|
&:hover {
|
|
42
55
|
box-shadow: 1px 1px 6px 2px rgba(9, 55, 101, 0.08);
|
|
43
56
|
transition-duration: 0.2s;
|
|
@@ -52,27 +65,43 @@ const ResourceWrapper = styled(SafeLink)`
|
|
|
52
65
|
}
|
|
53
66
|
`;
|
|
54
67
|
|
|
55
|
-
const
|
|
56
|
-
|
|
68
|
+
const TagsandActionMenu = styled.div`
|
|
69
|
+
grid-area: tags;
|
|
57
70
|
display: flex;
|
|
58
|
-
|
|
59
|
-
|
|
71
|
+
align-items: center;
|
|
72
|
+
width: 100%;
|
|
60
73
|
overflow: hidden;
|
|
74
|
+
gap: ${spacing.small};
|
|
75
|
+
align-self: flex-start;
|
|
76
|
+
justify-self: flex-end;
|
|
77
|
+
justify-content: flex-end;
|
|
61
78
|
`;
|
|
62
79
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
80
|
+
const StyledImageWrapper = styled.div<StyledImageProps>`
|
|
81
|
+
grid-area: image;
|
|
82
|
+
width: ${(p) => (p.imageSize === 'normal' ? '136px' : '56px')};
|
|
83
|
+
height: ${(p) => (p.imageSize === 'normal' ? '96px' : '40px')};
|
|
84
|
+
${mq.range({ until: breakpoints.mobileWide })} {
|
|
85
|
+
width: 54px;
|
|
86
|
+
height: 40px;
|
|
87
|
+
}
|
|
88
|
+
`;
|
|
66
89
|
|
|
67
|
-
const StyledImage = styled(Image)
|
|
90
|
+
const StyledImage = styled(Image)`
|
|
68
91
|
display: flex;
|
|
69
92
|
border-radius: 2px;
|
|
70
93
|
object-fit: cover;
|
|
71
|
-
width: ${(p) => (p.imageSize === 'normal' ? '136px' : '56px')};
|
|
72
|
-
min-width: ${(p) => (p.imageSize === 'normal' ? '136px' : '56px')};
|
|
73
|
-
height: ${(p) => (p.imageSize === 'normal' ? '96px' : '40px')};
|
|
74
94
|
`;
|
|
75
95
|
|
|
96
|
+
const TopicAndTitle = styled.div`
|
|
97
|
+
grid-area: topicAndTitle;
|
|
98
|
+
margin-top: ${spacing.xxsmall};
|
|
99
|
+
`;
|
|
100
|
+
|
|
101
|
+
interface StyledImageProps {
|
|
102
|
+
imageSize: 'normal' | 'compact';
|
|
103
|
+
}
|
|
104
|
+
|
|
76
105
|
export interface ListResourceProps {
|
|
77
106
|
link: string;
|
|
78
107
|
title: string;
|
|
@@ -88,22 +117,18 @@ const ListResource = ({ link, title, tags, resourceImage, topics, description, a
|
|
|
88
117
|
|
|
89
118
|
return (
|
|
90
119
|
<ResourceWrapper to={link}>
|
|
91
|
-
<
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
{
|
|
102
|
-
|
|
103
|
-
<ResourceDescription>{description}</ResourceDescription>
|
|
104
|
-
</Row>
|
|
105
|
-
)}
|
|
106
|
-
</ResourceInfoWrapper>
|
|
120
|
+
<StyledImageWrapper imageSize={showDescription ? 'normal' : 'compact'}>
|
|
121
|
+
<StyledImage alt={resourceImage.alt} src={resourceImage.src} />
|
|
122
|
+
</StyledImageWrapper>
|
|
123
|
+
<TopicAndTitle>
|
|
124
|
+
<ResourceTitle>{title}</ResourceTitle>
|
|
125
|
+
<TopicList topics={topics} />
|
|
126
|
+
</TopicAndTitle>
|
|
127
|
+
{showDescription && <ResourceDescription>{description}</ResourceDescription>}
|
|
128
|
+
<TagsandActionMenu>
|
|
129
|
+
{tags && CompressedTags(tags)}
|
|
130
|
+
{actionMenu}
|
|
131
|
+
</TagsandActionMenu>
|
|
107
132
|
</ResourceWrapper>
|
|
108
133
|
);
|
|
109
134
|
};
|
|
@@ -31,6 +31,7 @@ export const ResourceTitle = styled.h2`
|
|
|
31
31
|
-webkit-line-clamp: 1;
|
|
32
32
|
line-clamp: 1;
|
|
33
33
|
-webkit-box-orient: vertical;
|
|
34
|
+
grid-area: resourceTitle;
|
|
34
35
|
`;
|
|
35
36
|
|
|
36
37
|
const StyledTagList = styled.ul`
|
|
@@ -57,6 +58,7 @@ const StyledTopicList = styled.ul`
|
|
|
57
58
|
margin: 0;
|
|
58
59
|
padding: 0;
|
|
59
60
|
overflow: hidden;
|
|
61
|
+
grid-area: topicList;
|
|
60
62
|
`;
|
|
61
63
|
|
|
62
64
|
const StyledTopicListElement = styled.li`
|
|
@@ -100,9 +102,8 @@ export const TagList = ({ tags }: TagListProps) => {
|
|
|
100
102
|
);
|
|
101
103
|
};
|
|
102
104
|
|
|
103
|
-
export const
|
|
104
|
-
const
|
|
105
|
-
const slicedTags = tags.slice(0, 3);
|
|
105
|
+
export const CompressedTags = (tags: string[]) => {
|
|
106
|
+
const visibleTags = tags.slice(0, 3);
|
|
106
107
|
const remainingTags = tags.slice(3, tags.length).map((tag) => {
|
|
107
108
|
return {
|
|
108
109
|
text: '#' + tag,
|
|
@@ -112,10 +113,10 @@ export const CompressTagsLength = (tags: string[]) => {
|
|
|
112
113
|
|
|
113
114
|
return (
|
|
114
115
|
<>
|
|
115
|
-
<TagList tags={
|
|
116
|
+
<TagList tags={visibleTags} />
|
|
116
117
|
{remainingTags.length > 0 && (
|
|
117
118
|
<MenuButton hideMenuIcon={true} menuItems={remainingTags}>
|
|
118
|
-
<TagCounterWrapper
|
|
119
|
+
<TagCounterWrapper>{`+${remainingTags.length}`}</TagCounterWrapper>
|
|
119
120
|
</MenuButton>
|
|
120
121
|
)}
|
|
121
122
|
</>
|
|
@@ -132,10 +133,8 @@ export const TopicList = ({ topics }: TopicListProps) => {
|
|
|
132
133
|
<StyledTopicList>
|
|
133
134
|
{topics.map((topic, i) => (
|
|
134
135
|
<StyledTopicListElement key={topic}>
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
{i !== topics.length - 1 && <StyledTopicDivider>•</StyledTopicDivider>}
|
|
138
|
-
</>
|
|
136
|
+
{topic}
|
|
137
|
+
{i !== topics.length - 1 && <StyledTopicDivider>•</StyledTopicDivider>}
|
|
139
138
|
</StyledTopicListElement>
|
|
140
139
|
))}
|
|
141
140
|
</StyledTopicList>
|