@ndla/ui 30.2.3 → 30.3.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/MultidisciplinarySubject/MultidisciplinarySubject.js +11 -8
- package/es/ToolboxPage/ToolboxInfo.js +6 -3
- package/es/Topic/Topic.js +24 -21
- package/lib/MultidisciplinarySubject/MultidisciplinarySubject.d.ts +2 -1
- package/lib/MultidisciplinarySubject/MultidisciplinarySubject.js +11 -8
- package/lib/ToolboxPage/ToolboxInfo.d.ts +4 -3
- package/lib/ToolboxPage/ToolboxInfo.js +6 -3
- package/lib/Topic/Topic.d.ts +2 -1
- package/lib/Topic/Topic.js +24 -21
- package/package.json +2 -2
- package/src/MultidisciplinarySubject/MultidisciplinarySubject.tsx +5 -2
- package/src/ToolboxPage/ToolboxInfo.tsx +7 -4
- package/src/Topic/Topic.tsx +3 -1
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { MouseEvent } from 'react';
|
|
9
9
|
import { ItemProps } from '../Navigation/NavigationBox';
|
|
10
|
-
|
|
10
|
+
interface Props {
|
|
11
|
+
id?: string;
|
|
11
12
|
title: string;
|
|
12
13
|
introduction: string;
|
|
13
14
|
topics: ItemProps[];
|
|
14
15
|
onSelectTopic?: (event: MouseEvent<HTMLElement>, id?: string) => void;
|
|
15
|
-
}
|
|
16
|
-
declare const ToolboxInfo: ({ title, introduction, topics, onSelectTopic }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
16
|
+
}
|
|
17
|
+
declare const ToolboxInfo: ({ title, introduction, topics, onSelectTopic, id }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
18
|
export default ToolboxInfo;
|
|
@@ -33,7 +33,7 @@ var Heading = /*#__PURE__*/(0, _base["default"])("h1", {
|
|
|
33
33
|
from: _core.breakpoints.tablet
|
|
34
34
|
}), "{", _core.fonts.sizes('36px', '46px'), ";}", _core.mq.range({
|
|
35
35
|
from: _core.breakpoints.desktop
|
|
36
|
-
}), "{", _core.fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
}), "{", _core.fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludHJvZHVjdGlvbjogc3RyaW5nO1xuICB0b3BpY3M6IEl0ZW1Qcm9wc1tdO1xuICBvblNlbGVjdFRvcGljPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxFbGVtZW50PiwgaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIZWFkaW5nIGlkPXtpZH0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvSW50cm9kdWN0aW9uPlxuICAgICAgPE5hdmlnYXRpb25Cb3hcbiAgICAgICAgaXRlbXM9e3RvcGljc31cbiAgICAgICAgbGlzdERpcmVjdGlvbj1cImZsb2F0aW5nXCJcbiAgICAgICAgaGVhZGluZz17dCgndG9waWNQYWdlLnRvcGljcycpfVxuICAgICAgICBjb2xvck1vZGU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0VG9waWN9XG4gICAgICAvPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9vbGJveEluZm87XG4iXX0= */"));
|
|
37
37
|
var Introduction = /*#__PURE__*/(0, _base["default"])("p", {
|
|
38
38
|
target: "e1iamp440",
|
|
39
39
|
label: "Introduction"
|
|
@@ -41,19 +41,22 @@ var Introduction = /*#__PURE__*/(0, _base["default"])("p", {
|
|
|
41
41
|
from: _core.breakpoints.tablet
|
|
42
42
|
}), "{", _core.fonts.sizes('22px', '32px'), ";}", _core.mq.range({
|
|
43
43
|
from: _core.breakpoints.desktop
|
|
44
|
-
}), "{", _core.fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
}), "{", _core.fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIiwiZmlsZSI6IlRvb2xib3hJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgSXRlbVByb3BzIH0gZnJvbSAnLi4vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQm94JztcbmltcG9ydCB7IE5hdmlnYXRpb25Cb3ggfSBmcm9tICcuLi9OYXZpZ2F0aW9uJztcblxuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMzBweCcsICczNXB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczNnB4JywgJzQ2cHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNjVweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgSW50cm9kdWN0aW9uID0gc3R5bGVkLnBgXG4gIG1heC13aWR0aDogODAwcHg7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICczMnB4Jyl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkPzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBpbnRyb2R1Y3Rpb246IHN0cmluZztcbiAgdG9waWNzOiBJdGVtUHJvcHNbXTtcbiAgb25TZWxlY3RUb3BpYz86IChldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4sIGlkPzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5jb25zdCBUb29sYm94SW5mbyA9ICh7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHRvcGljcywgb25TZWxlY3RUb3BpYywgaWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SGVhZGluZyBpZD17aWR9IHRhYkluZGV4PXstMX0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L0ludHJvZHVjdGlvbj5cbiAgICAgIDxOYXZpZ2F0aW9uQm94XG4gICAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICAgIGxpc3REaXJlY3Rpb249XCJmbG9hdGluZ1wiXG4gICAgICAgIGhlYWRpbmc9e3QoJ3RvcGljUGFnZS50b3BpY3MnKX1cbiAgICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICBvbkNsaWNrPXtvblNlbGVjdFRvcGljfVxuICAgICAgLz5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xib3hJbmZvO1xuIl19 */"));
|
|
45
45
|
|
|
46
46
|
var ToolboxInfo = function ToolboxInfo(_ref) {
|
|
47
47
|
var title = _ref.title,
|
|
48
48
|
introduction = _ref.introduction,
|
|
49
49
|
topics = _ref.topics,
|
|
50
|
-
onSelectTopic = _ref.onSelectTopic
|
|
50
|
+
onSelectTopic = _ref.onSelectTopic,
|
|
51
|
+
id = _ref.id;
|
|
51
52
|
|
|
52
53
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
53
54
|
t = _useTranslation.t;
|
|
54
55
|
|
|
55
56
|
return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
56
57
|
children: [(0, _jsxRuntime.jsx)(Heading, {
|
|
58
|
+
id: id,
|
|
59
|
+
tabIndex: -1,
|
|
57
60
|
children: title
|
|
58
61
|
}), (0, _jsxRuntime.jsx)(Introduction, {
|
|
59
62
|
children: introduction
|
package/lib/Topic/Topic.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ declare type VisualElementProps = {
|
|
|
13
13
|
element: ReactNode;
|
|
14
14
|
};
|
|
15
15
|
export declare type TopicProps = {
|
|
16
|
+
id?: string;
|
|
16
17
|
topic?: {
|
|
17
18
|
title: string;
|
|
18
19
|
introduction: string;
|
|
@@ -37,5 +38,5 @@ export declare type TopicProps = {
|
|
|
37
38
|
messageBox?: string;
|
|
38
39
|
children?: ReactNode;
|
|
39
40
|
};
|
|
40
|
-
declare const Topic: ({ topic, subTopics, onSubTopicSelected, isLoading, renderMarkdown, invertedStyle, onToggleShowContent, showContent, isAdditionalTopic, frame, messageBox, children, }: TopicProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare const Topic: ({ id, topic, subTopics, onSubTopicSelected, isLoading, renderMarkdown, invertedStyle, onToggleShowContent, showContent, isAdditionalTopic, frame, messageBox, children, }: TopicProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
41
42
|
export default Topic;
|