@codecademy/brand 3.0.0-alpha.220d4ef8ba.0 → 3.0.0-alpha.2ba7921cce.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppHeader/AppHeaderElements/AppHeaderLinkSections/index.js +0 -0
- package/dist/LearningOutcomeCard/index.d.ts +10 -12
- package/dist/LearningOutcomeCard/index.js +168 -143
- package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.d.ts +6 -0
- package/dist/LearningOutcomeFlyout/LearningOutcomeCardList.js +23 -0
- package/dist/LearningOutcomeFlyout/index.d.ts +6 -0
- package/dist/LearningOutcomeFlyout/index.js +16 -3
- package/dist/LearningOutcomeTile/index.d.ts +2 -1
- package/dist/LearningOutcomeTile/index.js +2 -2
- package/dist/stories/Molecules/LearningOutcomeCard.stories.d.ts +7 -2
- package/dist/stories/Molecules/LearningOutcomeCard.stories.js +168 -54
- package/dist/stories/Molecules/LearningOutcomeFlyout.stories.js +10 -1
- package/package.json +1 -1
|
File without changes
|
|
@@ -1,27 +1,25 @@
|
|
|
1
1
|
import { HeadingTags } from '@codecademy/gamut';
|
|
2
|
-
|
|
3
|
-
One = 1,
|
|
4
|
-
Two = 2,
|
|
5
|
-
Three = 3
|
|
6
|
-
}
|
|
7
|
-
export declare const levelTagText: {
|
|
8
|
-
1: string;
|
|
9
|
-
2: string;
|
|
10
|
-
3: string;
|
|
11
|
-
};
|
|
2
|
+
import { LearningOutcomeLevels } from '../LearningOutcomeBadges';
|
|
12
3
|
interface LearningOutcomeSkill {
|
|
13
4
|
title?: string | null | undefined;
|
|
14
5
|
}
|
|
15
6
|
interface LearningOutcomeCardProps {
|
|
16
7
|
level: LearningOutcomeLevels | null | undefined;
|
|
17
8
|
outcome: string;
|
|
9
|
+
as?: 'li';
|
|
18
10
|
headingLevel?: HeadingTags;
|
|
19
|
-
|
|
11
|
+
isInteractive?: boolean;
|
|
12
|
+
mode?: 'emphasized' | 'base';
|
|
20
13
|
progress?: number;
|
|
21
14
|
skills?: LearningOutcomeSkill[] | null;
|
|
15
|
+
/**
|
|
16
|
+
* Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.
|
|
17
|
+
* Need to provide previousProgress and progressDuraion to animate the radial progress.
|
|
18
|
+
* If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.
|
|
19
|
+
*/
|
|
22
20
|
progressUpdateData?: {
|
|
23
21
|
previousProgress: number;
|
|
24
|
-
progressDuration
|
|
22
|
+
progressDuration?: number;
|
|
25
23
|
completionDelay?: number;
|
|
26
24
|
};
|
|
27
25
|
}
|
|
@@ -1,178 +1,203 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { css, theme } from '@codecademy/gamut-styles';
|
|
2
|
+
import { Card, FlexBox, RadialProgress, Text } from '@codecademy/gamut';
|
|
3
|
+
import { CheckIcon } from '@codecademy/gamut-icons';
|
|
4
|
+
import { css, theme, variant } from '@codecademy/gamut-styles';
|
|
5
5
|
import { useEffect, useMemo, useState } from 'react';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
LearningOutcomeLevels[LearningOutcomeLevels["Two"] = 2] = "Two";
|
|
10
|
-
LearningOutcomeLevels[LearningOutcomeLevels["Three"] = 3] = "Three";
|
|
11
|
-
return LearningOutcomeLevels;
|
|
12
|
-
}(LearningOutcomeLevels || {});
|
|
13
|
-
export const levelTagText = {
|
|
14
|
-
[LearningOutcomeLevels.One]: 'Subskill',
|
|
15
|
-
[LearningOutcomeLevels.Two]: 'Skill',
|
|
16
|
-
[LearningOutcomeLevels.Three]: 'Skillset'
|
|
17
|
-
};
|
|
6
|
+
import { learningOutcomeLabels, LearningOutcomeLevelBadge, LearningOutcomeLevels } from '../LearningOutcomeBadges';
|
|
7
|
+
import { progressState } from '../LearningOutcomeTile';
|
|
8
|
+
import { Progress } from '../LearningOutcomeTile/types';
|
|
18
9
|
|
|
19
10
|
// to match the type from gql schema
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
label: "StyledBadge"
|
|
24
|
-
})(css({
|
|
25
|
-
border: 2,
|
|
26
|
-
borderColor: 'border-tertiary',
|
|
27
|
-
color: 'text'
|
|
28
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
|
|
29
|
-
const EmphasizedBadge = /*#__PURE__*/_styled(StyledBadge, {
|
|
30
|
-
target: "ev1pt782",
|
|
31
|
-
label: "EmphasizedBadge"
|
|
32
|
-
})(css({
|
|
33
|
-
bg: 'background-selected'
|
|
34
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJhZGdlLFxuICBDYXJkLFxuICBGbGV4Qm94LFxuICBIZWFkaW5nVGFncyxcbiAgUmFkaWFsUHJvZ3Jlc3MsXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrRmlsbGVkSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuZW51bSBMZWFybmluZ091dGNvbWVMZXZlbHMge1xuICBPbmUgPSAxLFxuICBUd28gPSAyLFxuICBUaHJlZSA9IDMsXG59XG5cbmV4cG9ydCBjb25zdCBsZXZlbFRhZ1RleHQgPSB7XG4gIFtMZWFybmluZ091dGNvbWVMZXZlbHMuT25lXTogJ1N1YnNraWxsJyxcbiAgW0xlYXJuaW5nT3V0Y29tZUxldmVscy5Ud29dOiAnU2tpbGwnLFxuICBbTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlRocmVlXTogJ1NraWxsc2V0Jyxcbn07XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdUYWdzO1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgcHJvZ3Jlc3M/OiBudW1iZXI7XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xuICBwcm9ncmVzc1VwZGF0ZURhdGE/OiB7XG4gICAgcHJldmlvdXNQcm9ncmVzczogbnVtYmVyO1xuICAgIHByb2dyZXNzRHVyYXRpb246IG51bWJlcjtcbiAgICBjb21wbGV0aW9uRGVsYXk/OiBudW1iZXI7XG4gIH07XG59XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKEJhZGdlKShcbiAgY3NzKHtcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdib3JkZXItdGVydGlhcnknLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0pXG4pO1xuXG5jb25zdCBFbXBoYXNpemVkQmFkZ2UgPSBzdHlsZWQoU3R5bGVkQmFkZ2UpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gIH0pXG4pO1xuXG5jb25zdCBTaW1wbGVDYXJkID0gc3R5bGVkKENhcmQpKFxuICBjc3Moe1xuICAgIGJnOiAnYmFja2dyb3VuZC1wcmltYXJ5JyxcbiAgfSlcbik7XG4vLyB0aGUgJ25hdnknIHZhcmlhbnQgb2YgQ2FyZCBhcHBsaWVzIGEgbmF2eSBiYWNrZ3JvdW5kIHRvIHRoZSBjYXJkIChuYXZ5LTgwMCkgYnV0IHRoZSBjYXJkcyBzaG91bGQgaGF2ZSBiYWNrZ3JvdW5kIG5hdnktOTAwXG5jb25zdCBFbXBoYXNpemVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBiZzogJ25hdnktOTAwJyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVDYXJkOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVDYXJkUHJvcHM+ID0gKHtcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICBoZWFkaW5nTGV2ZWwsXG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBwcm9ncmVzcyxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IGRpc3BsYXlQcm9ncmVzcyA9IHByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgcHJvZ3Jlc3MgPiAwO1xuICBjb25zdCB7IHByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzRHVyYXRpb24sIGNvbXBsZXRpb25EZWxheSB9ID1cbiAgICBwcm9ncmVzc1VwZGF0ZURhdGEgfHwge307XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHJlbmRlcmVkU29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3Qgc29ydGVkU2tpbGxzID0gWy4uLihza2lsbHMgPz8gW10pXS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCB0aXRsZUEgPSBhLnRpdGxlID8/ICcnO1xuICAgICAgY29uc3QgdGl0bGVCID0gYi50aXRsZSA/PyAnJztcblxuICAgICAgcmV0dXJuIHRpdGxlQS5sb2NhbGVDb21wYXJlKHRpdGxlQik7XG4gICAgfSk7XG5cbiAgICBpZiAoc29ydGVkU2tpbGxzICYmIHNvcnRlZFNraWxscy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gc29ydGVkU2tpbGxzLm1hcCgoc2tpbGwpID0+IChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBhcz1cImxpXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgICB0ZXh0Q29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIG9wYWNpdHk9XCIwLjY1XCJcbiAgICAgICAgICBiZz1cImJhY2tncm91bmQtc2VsZWN0ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAga2V5PXtza2lsbC50aXRsZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtza2lsbC50aXRsZX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKSk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9LCBbc2tpbGxzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvZ3Jlc3MgJiYgcHJvZ3Jlc3NEdXJhdGlvbikge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFN0YXJ0UmFkaWFsQW5pbWF0aW9uKHRydWUpO1xuICAgICAgfSwgcHJvZ3Jlc3NEdXJhdGlvbik7XG5cbiAgICAgIGlmIChjb21wbGV0aW9uRGVsYXkpIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgc2V0U2hvd0NvbXBsZXRpb25JY29uKHRydWUpO1xuICAgICAgICB9LCBjb21wbGV0aW9uRGVsYXkpO1xuICAgICAgfSBlbHNlIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgaWYgKGVtcGhhc2l6ZWQgJiYgc2tpbGxzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbXBoYXNpemVkQ2FyZFxuICAgICAgICBweT17MzJ9XG4gICAgICAgIHB4PXsyNH1cbiAgICAgICAgZmxleERpcmVjdGlvbj17ZGlzcGxheVByb2dyZXNzID8gJ3JvdycgOiAnY29sdW1uJ31cbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBnYXA9e2Rpc3BsYXlQcm9ncmVzcyA/IDMyIDogMH1cbiAgICAgICAgYm9yZGVyPXsyfVxuICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgIGJvcmRlckNvbG9yPXtzaG93Q29tcGxldGlvbkljb24gPyAncHJpbWFyeScgOiAnYm9yZGVyLXRlcnRpYXJ5J31cbiAgICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17MjR9PlxuICAgICAgICAgIHtsZXZlbCAmJiAoXG4gICAgICAgICAgICA8RW1waGFzaXplZEJhZGdlIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICB7bGV2ZWxUYWdUZXh0W2xldmVsXX1cbiAgICAgICAgICAgIDwvRW1waGFzaXplZEJhZGdlPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXNtXCIgd2lkdGg9XCIxMDAlXCIgYXM9e2hlYWRpbmdMZXZlbH0+XG4gICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEZsZXhCb3ggd3JhcCBhcz1cInVsXCIgcGw9ezB9IGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCIgZ2FwPXs4fT5cbiAgICAgICAgICAgIHtyZW5kZXJlZFNvcnRlZFNraWxsc31cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICAge2Rpc3BsYXlQcm9ncmVzcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD1cIjEgMCAwXCJcbiAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgZmxleFdyYXA9XCJ3cmFwXCJcbiAgICAgICAgICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Nob3dDb21wbGV0aW9uSWNvbiA/IChcbiAgICAgICAgICAgICAgPENoZWNrRmlsbGVkSWNvbiBzaXplPXs4MH0gY29sb3I9XCJ5ZWxsb3ctNTAwXCIgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICAgICAgICAgIGtleT17YHJhZGlhbC1wcm9ncmVzcy0ke3N0YXJ0UmFkaWFsQW5pbWF0aW9uID8gMSA6IDB9YH1cbiAgICAgICAgICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgICAgICAgICBzdHJva2VMaW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXs4fVxuICAgICAgICAgICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgICAgICAgICAgIGR1cmF0aW9uPXtwcm9ncmVzc0R1cmF0aW9uIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzWyd5ZWxsb3ctNTAwJ119XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9PlxuICAgICAgICAgICAgICAgICAge2Rpc3BsYXlWYWx1ZX0lXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L1JhZGlhbFByb2dyZXNzPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0VtcGhhc2l6ZWRDYXJkPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U2ltcGxlQ2FyZFxuICAgICAgYm9yZGVyPXsyfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItdGVydGlhcnlcIlxuICAgICAgYm9yZGVyUmFkaXVzPVwibGdcIlxuICAgICAgZ2FwPXsxNn1cbiAgICAgIHB5PXsyNH1cbiAgICAgIHB4PXsxNn1cbiAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgPlxuICAgICAge2xldmVsICYmIChcbiAgICAgICAgPFN0eWxlZEJhZGdlIHNpemU9XCJzbVwiIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgIHtsZXZlbFRhZ1RleHRbbGV2ZWxdfVxuICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgKX1cbiAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiIHdpZHRoPVwiMTAwJVwiIGFzPXtoZWFkaW5nTGV2ZWx9PlxuICAgICAgICB7b3V0Y29tZX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1NpbXBsZUNhcmQ+XG4gICk7XG59O1xuIl19 */");
|
|
35
|
-
const SimpleCard = /*#__PURE__*/_styled(Card, {
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
const COMPLETED_COLOR = 'yellow-500';
|
|
13
|
+
const SkillTag = /*#__PURE__*/_styled(FlexBox, {
|
|
36
14
|
target: "ev1pt781",
|
|
37
|
-
label: "
|
|
15
|
+
label: "SkillTag"
|
|
38
16
|
})(css({
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
17
|
+
px: 8,
|
|
18
|
+
textColor: 'secondary',
|
|
19
|
+
opacity: '0.65',
|
|
20
|
+
bg: 'background-selected',
|
|
21
|
+
justifyContent: 'space-between'
|
|
22
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RGlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlQSA9IGEudGl0bGUgPz8gJyc7XG4gICAgICBjb25zdCB0aXRsZUIgPSBiLnRpdGxlID8/ICcnO1xuXG4gICAgICByZXR1cm4gdGl0bGVBLmxvY2FsZUNvbXBhcmUodGl0bGVCKTtcbiAgICB9KTtcbiAgfSwgW3NraWxsc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENhcmRcbiAgICAgIGFzPXthc31cbiAgICAgIGFyaWEtbGFiZWw9e2Ake2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbCA/PyAxXX0gLSAke291dGNvbWV9YH1cbiAgICAgIGlzSW50ZXJhY3RpdmU9e2lzSW50ZXJhY3RpdmV9XG4gICAgICBwcm9ncmVzcz17cHJvZ3Jlc3NTdGF0dXN9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezI0fT5cbiAgICAgICAge2xldmVsICYmIChcbiAgICAgICAgICA8TGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVxuICAgICAgICAgICAgbGV2ZWw9e2xldmVsfVxuICAgICAgICAgICAgc2l6ZT17aXNFbXBoYXNpemVkID8gJ2Jhc2UnIDogJ3NtJ31cbiAgICAgICAgICAgIHRleHRDb2xvcj17XG4gICAgICAgICAgICAgIGxldmVsICE9PSBMZWFybmluZ091dGNvbWVMZXZlbHMuT25lID8gJ25hdnktODAwJyA6ICd0ZXh0J1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVtb3ZlQmFja2dyb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxUZXh0XG4gICAgICAgICAgdmFyaWFudD17Zm9udFZhcmlhbnQoaXNFbXBoYXNpemVkLCBsZXZlbCl9XG4gICAgICAgICAgZm9udFdlaWdodD17aXNFbXBoYXNpemVkID8gNzAwIDogNDAwfVxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvdXRjb21lfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHshIXNvcnRlZFNraWxscyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggYXM9XCJ1bFwiIHBsPXswfSBtPXswfSBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiIGdhcD17OH0gd3JhcD5cbiAgICAgICAgICAgIHtyZW5kZXJTa2lsbHMoc29ydGVkU2tpbGxzKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgIHtkaXNwbGF5UHJvZ3Jlc3MgJiZcbiAgICAgICAgcmVuZGVyUHJvZ3Jlc3Moe1xuICAgICAgICAgIGRpc3BsYXlWYWx1ZSxcbiAgICAgICAgICBwcm9ncmVzc0R1cmF0aW9uLFxuICAgICAgICAgIHJhZGlhbFZhbHVlLFxuICAgICAgICAgIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICAgICAgICAgIHNob3dDb21wbGV0aW9uSWNvbixcbiAgICAgICAgfSl9XG4gICAgPC9TdHlsZWRDYXJkPlxuICApO1xufTtcbiJdfQ== */");
|
|
23
|
+
const StyledCard = /*#__PURE__*/_styled(Card, {
|
|
43
24
|
target: "ev1pt780",
|
|
44
|
-
label: "
|
|
45
|
-
})(
|
|
46
|
-
|
|
47
|
-
|
|
25
|
+
label: "StyledCard"
|
|
26
|
+
})(props => ({
|
|
27
|
+
...variant({
|
|
28
|
+
prop: 'mode',
|
|
29
|
+
defaultVariant: 'base',
|
|
30
|
+
base: {
|
|
31
|
+
border: 2,
|
|
32
|
+
borderRadius: 'lg',
|
|
33
|
+
borderColor: props.progress === Progress.completed ? COMPLETED_COLOR : 'border-tertiary',
|
|
34
|
+
display: 'flex',
|
|
35
|
+
flexDirection: props.progress === Progress.notStarted ? 'column' : 'row',
|
|
36
|
+
alignSelf: 'stretch',
|
|
37
|
+
overflow: 'auto',
|
|
38
|
+
gap: props.progress === Progress.notStarted ? 0 : 32
|
|
39
|
+
},
|
|
40
|
+
variants: {
|
|
41
|
+
emphasized: {
|
|
42
|
+
bg: 'background-primary',
|
|
43
|
+
borderRadius: 'xl',
|
|
44
|
+
py: 32,
|
|
45
|
+
px: 24
|
|
46
|
+
},
|
|
47
|
+
base: {
|
|
48
|
+
bg: 'background-current',
|
|
49
|
+
py: 24,
|
|
50
|
+
px: 16
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
})(props)
|
|
54
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRW1CIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVDYXJkL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENhcmQsXG4gIEZsZXhCb3gsXG4gIEhlYWRpbmdUYWdzLFxuICBSYWRpYWxQcm9ncmVzcyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCB0aGVtZSwgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IHByb2dyZXNzU3RhdGUgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVUaWxlJztcbmltcG9ydCB7IFByb2dyZXNzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lVGlsZS90eXBlcyc7XG5cbi8vIHRvIG1hdGNoIHRoZSB0eXBlIGZyb20gZ3FsIHNjaGVtYVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZVNraWxsIHtcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuaW50ZXJmYWNlIExlYXJuaW5nT3V0Y29tZUNhcmRQcm9wcyB7XG4gIGxldmVsOiBMZWFybmluZ091dGNvbWVMZXZlbHMgfCBudWxsIHwgdW5kZWZpbmVkO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGFzPzogJ2xpJztcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ1RhZ3M7XG4gIGlzSW50ZXJhY3RpdmU/OiBib29sZWFuO1xuICBtb2RlPzogJ2VtcGhhc2l6ZWQnIHwgJ2Jhc2UnO1xuICBwcm9ncmVzcz86IG51bWJlcjtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIHByb3AgZm9yIHByb2dyZXNzIHVwZGF0ZXMsIHVzZWQgdG8gYW5pbWF0ZSB0aGUgcmFkaWFsIHByb2dyZXNzIGZyb20gYSBwcmV2aW91cyB2YWx1ZSB0byB0aGUgY3VycmVudCB2YWx1ZS5cbiAgICogTmVlZCB0byBwcm92aWRlIHByZXZpb3VzUHJvZ3Jlc3MgYW5kIHByb2dyZXNzRHVyYWlvbiB0byBhbmltYXRlIHRoZSByYWRpYWwgcHJvZ3Jlc3MuXG4gICAqIElmIHByb2dyZXNzIGlzIDEwMCwgY29tcGxldGlvbkRlbGF5IG5lZWRzIHRvIGJlIHByb3ZpZGVkIGluc3RlYWQgb2YgcHJvZ3Jlc3NEdXJhdGlvbiB0byBkZWxheSB0aGUgZGlzcGxheSBvZiB0aGUgY29tcGxldGlvbiBpY29uLlxuICAgKi9cbiAgcHJvZ3Jlc3NVcGRhdGVEYXRhPzoge1xuICAgIHByZXZpb3VzUHJvZ3Jlc3M6IG51bWJlcjtcbiAgICBwcm9ncmVzc0R1cmF0aW9uPzogbnVtYmVyO1xuICAgIGNvbXBsZXRpb25EZWxheT86IG51bWJlcjtcbiAgfTtcbn1cblxuaW50ZXJmYWNlIFByb2dyZXNzUHJvcHMge1xuICBkaXNwbGF5VmFsdWU6IG51bWJlcjtcbiAgcHJvZ3Jlc3NEdXJhdGlvbjogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByYWRpYWxWYWx1ZTogbnVtYmVyIHwgbnVtYmVyW107XG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uOiBib29sZWFuO1xuICBzaG93Q29tcGxldGlvbkljb246IGJvb2xlYW47XG59XG5cbmNvbnN0IENPTVBMRVRFRF9DT0xPUiA9ICd5ZWxsb3ctNTAwJztcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoRmxleEJveCkoXG4gIGNzcyh7XG4gICAgcHg6IDgsXG4gICAgdGV4dENvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBvcGFjaXR5OiAnMC42NScsXG4gICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKTx7XG4gIHByb2dyZXNzOiBQcm9ncmVzcztcbiAgbW9kZT86ICdlbXBoYXNpemVkJyB8ICdiYXNlJztcbn0+KChwcm9wcykgPT4gKHtcbiAgLi4udmFyaWFudCh7XG4gICAgcHJvcDogJ21vZGUnLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnYmFzZScsXG4gICAgYmFzZToge1xuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbGcnLFxuICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgIHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWRcbiAgICAgICAgICA/IENPTVBMRVRFRF9DT0xPUlxuICAgICAgICAgIDogJ2JvcmRlci10ZXJ0aWFyeScsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBwcm9wcy5wcm9ncmVzcyA9PT0gUHJvZ3Jlc3Mubm90U3RhcnRlZCA/ICdjb2x1bW4nIDogJ3JvdycsXG4gICAgICBhbGlnblNlbGY6ICdzdHJldGNoJyxcbiAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICBnYXA6IHByb3BzLnByb2dyZXNzID09PSBQcm9ncmVzcy5ub3RTdGFydGVkID8gMCA6IDMyLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGVtcGhhc2l6ZWQ6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXByaW1hcnknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd4bCcsXG4gICAgICAgIHB5OiAzMixcbiAgICAgICAgcHg6IDI0LFxuICAgICAgfSxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBweTogMjQsXG4gICAgICAgIHB4OiAxNixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSkocHJvcHMpLFxufSkpO1xuXG5jb25zdCByZW5kZXJQcm9ncmVzcyA9ICh7XG4gIGRpc3BsYXlWYWx1ZSxcbiAgcHJvZ3Jlc3NEdXJhdGlvbixcbiAgcmFkaWFsVmFsdWUsXG4gIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICBzaG93Q29tcGxldGlvbkljb24sXG59OiBQcm9ncmVzc1Byb3BzKSA9PiAoXG4gIDxGbGV4Qm94XG4gICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgZmxleD1cIjEgMCAwXCJcbiAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICBmbGV4V3JhcD1cIndyYXBcIlxuICAgIGFsaWduQ29udGVudD1cImVuZFwiXG4gID5cbiAgICB7c2hvd0NvbXBsZXRpb25JY29uID8gKFxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgYmc9e0NPTVBMRVRFRF9DT0xPUn1cbiAgICAgICAgd2lkdGg9ezgwfVxuICAgICAgICBoZWlnaHQ9ezgwfVxuICAgICAgICBjZW50ZXJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiZnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxDaGVja0ljb24gc2l6ZT17NDR9IGNvbG9yPVwidGV4dFwiIC8+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKSA6IChcbiAgICAgIDxSYWRpYWxQcm9ncmVzc1xuICAgICAgICBrZXk9e2ByYWRpYWwtcHJvZ3Jlc3MtJHtzdGFydFJhZGlhbEFuaW1hdGlvbiA/IDEgOiAwfWB9XG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnNbQ09NUExFVEVEX0NPTE9SXX1cbiAgICAgICAgZHVyYXRpb249e3Byb2dyZXNzRHVyYXRpb24gfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXs4MH1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezh9XG4gICAgICAgIHZhbHVlPXtyYWRpYWxWYWx1ZSA/PyAwfVxuICAgICAgPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250U2l6ZT17MjJ9IGZvbnRXZWlnaHQ9ezcwMH0+XG4gICAgICAgICAge2Ake2Rpc3BsYXlWYWx1ZX0lYH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9SYWRpYWxQcm9ncmVzcz5cbiAgICApfVxuICA8L0ZsZXhCb3g+XG4pO1xuXG5jb25zdCByZW5kZXJTa2lsbHMgPSAoc2tpbGxzOiBMZWFybmluZ091dGNvbWVTa2lsbFtdKSA9PlxuICBza2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgIDxTa2lsbFRhZyBhcz1cImxpXCIga2V5PXtza2lsbC50aXRsZX0+XG4gICAgICB7c2tpbGwudGl0bGV9XG4gICAgPC9Ta2lsbFRhZz5cbiAgKSk7XG5cbmNvbnN0IGZvbnRWYXJpYW50ID0gKFxuICBpc0VtcGhhc2l6ZWQ6IGJvb2xlYW4sXG4gIGxldmVsPzogTGVhcm5pbmdPdXRjb21lTGV2ZWxzIHwgbnVsbFxuKSA9PiB7XG4gIGlmIChpc0VtcGhhc2l6ZWQpIHtcbiAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgfVxuXG4gIHN3aXRjaCAobGV2ZWwpIHtcbiAgICBjYXNlIExlYXJuaW5nT3V0Y29tZUxldmVscy5PbmU6XG4gICAgICByZXR1cm4gJ3AtYmFzZSc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVHdvOlxuICAgICAgcmV0dXJuICd0aXRsZS14cyc7XG4gICAgY2FzZSBMZWFybmluZ091dGNvbWVMZXZlbHMuVGhyZWU6XG4gICAgICByZXR1cm4gJ3RpdGxlLXNtJztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICdwLWJhc2UnO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lQ2FyZDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lQ2FyZFByb3BzPiA9ICh7XG4gIGxldmVsLFxuICBvdXRjb21lLFxuICBhcyxcbiAgaGVhZGluZ0xldmVsLFxuICBpc0ludGVyYWN0aXZlID0gZmFsc2UsXG4gIG1vZGUgPSAnYmFzZScsXG4gIHByb2dyZXNzID0gMCxcbiAgc2tpbGxzLFxuICBwcm9ncmVzc1VwZGF0ZURhdGEsXG59KSA9PiB7XG4gIGNvbnN0IFtzdGFydFJhZGlhbEFuaW1hdGlvbiwgc2V0U3RhcnRSYWRpYWxBbmltYXRpb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2hvd0NvbXBsZXRpb25JY29uLCBzZXRTaG93Q29tcGxldGlvbkljb25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgcHJldmlvdXNQcm9ncmVzcywgcHJvZ3Jlc3NEdXJhdGlvbiwgY29tcGxldGlvbkRlbGF5IH0gPVxuICAgIHByb2dyZXNzVXBkYXRlRGF0YSB8fCB7fTtcbiAgY29uc3QgcHJvZ3Jlc3NTdGF0dXMgPSBwcm9ncmVzc1N0YXRlKHByb2dyZXNzKTtcbiAgY29uc3QgZGlzcGxheVByb2dyZXNzID0gcHJvZ3Jlc3NTdGF0dXMgIT09IFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkLCBlaXRoZXIgc3RhcnQgdGhlIHByb2dyZXNzIGFuaW1hdGlvbiBvciBvbmx5IGRpc3BsYXkgcHJldmlvdXMgcHJvZ3Jlc3Mgd2hpbGUgd2Ugd2FpdC4gSWYgbm90IHByb3ZpZGVkIHRoZW4gb25seSBkaXNwbGF5IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgcmFkaWFsVmFsdWUgPVxuICAgIHByZXZpb3VzUHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBwcm9ncmVzcyAhPT0gdW5kZWZpbmVkXG4gICAgICA/IHN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICAgID8gW3ByZXZpb3VzUHJvZ3Jlc3MsIHByb2dyZXNzXVxuICAgICAgICA6IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgLy8gd2hlbiBwcmV2aW91c1Byb2dyZXNzIGlzIHByb3ZpZGVkIGJ1dCB3ZSBoYXZlbid0IHN0YXJ0ZWQgdGhlIGFuaW1hdGlvbiB5ZXQgdGhlbiBzaG93IHByZXZpb3VzIHByb2dyZXNzLCBvdGhlcndpc2UsIGlmIGFuaW1hdGlvbiBoYXMgc3RhcnRlZCwgdGhlbiBzaG93IGN1cnJlbnQgcHJvZ3Jlc3NcbiAgY29uc3QgZGlzcGxheVZhbHVlID1cbiAgICBwcmV2aW91c1Byb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgIXN0YXJ0UmFkaWFsQW5pbWF0aW9uXG4gICAgICA/IHByZXZpb3VzUHJvZ3Jlc3NcbiAgICAgIDogcHJvZ3Jlc3M7XG5cbiAgY29uc3QgaXNFbXBoYXNpemVkID0gbW9kZSA9PT0gJ2VtcGhhc2l6ZWQnO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2dyZXNzICYmIHByb2dyZXNzRHVyYXRpb24pIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTdGFydFJhZGlhbEFuaW1hdGlvbih0cnVlKTtcbiAgICAgIH0sIHByb2dyZXNzRHVyYXRpb24pO1xuICAgIH1cblxuICAgIGlmIChwcm9ncmVzcyA9PT0gMTAwKSB7XG4gICAgICAvLyBjb21wbGV0aW9uRGVsYXkgaXMgZm9yIGFuaW1hdGluZyB0aGUgcHJvZ3Jlc3M7IHRoZSBzZXRUaW1lb3V0IHdpbGwgZGVsYXkgc2hvd2luZyB0aGUgY2hlY2ttYXJrIGljb24gc28gcmFkaWFsIHByb2dyZXNzIHdpbGwgYXBwZWFyIGZpcnN0LlxuICAgICAgaWYgKGNvbXBsZXRpb25EZWxheSkge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBzZXRTaG93Q29tcGxldGlvbkljb24odHJ1ZSk7XG4gICAgICAgIH0sIGNvbXBsZXRpb25EZWxheSk7XG4gICAgICAgIC8vIElmIGNvbXBsZXRpb25EZWxheSBpcyBub3QgcHJvdmlkZWQsIHRoZSBjb21wbGV0aW9uIGljb24gd2lsbCBzaG93IGltbWVkaWF0ZWx5IGFuZCByYWRpYWwgcHJvZ3Jlc3Mgd2lsbCBub3Qgc2hvdy5cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldFNob3dDb21wbGV0aW9uSWNvbih0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtwcm9ncmVzc0R1cmF0aW9uLCBwcm9ncmVzcywgY29tcGxldGlvbkRlbGF5XSk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFza2lsbHMgfHwgc2tpbGxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICByZXR1cm4gc2tpbGxzLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlQSA9IGEudGl0bGUgPz8gJyc7XG4gICAgICBjb25zdCB0aXRsZUIgPSBiLnRpdGxlID8/ICcnO1xuXG4gICAgICByZXR1cm4gdGl0bGVBLmxvY2FsZUNvbXBhcmUodGl0bGVCKTtcbiAgICB9KTtcbiAgfSwgW3NraWxsc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENhcmRcbiAgICAgIGFzPXthc31cbiAgICAgIGFyaWEtbGFiZWw9e2Ake2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbCA/PyAxXX0gLSAke291dGNvbWV9YH1cbiAgICAgIGlzSW50ZXJhY3RpdmU9e2lzSW50ZXJhY3RpdmV9XG4gICAgICBwcm9ncmVzcz17cHJvZ3Jlc3NTdGF0dXN9XG4gICAgICBtb2RlPXttb2RlfVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezI0fT5cbiAgICAgICAge2xldmVsICYmIChcbiAgICAgICAgICA8TGVhcm5pbmdPdXRjb21lTGV2ZWxCYWRnZVxuICAgICAgICAgICAgbGV2ZWw9e2xldmVsfVxuICAgICAgICAgICAgc2l6ZT17aXNFbXBoYXNpemVkID8gJ2Jhc2UnIDogJ3NtJ31cbiAgICAgICAgICAgIHRleHRDb2xvcj17XG4gICAgICAgICAgICAgIGxldmVsICE9PSBMZWFybmluZ091dGNvbWVMZXZlbHMuT25lID8gJ25hdnktODAwJyA6ICd0ZXh0J1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVtb3ZlQmFja2dyb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxUZXh0XG4gICAgICAgICAgdmFyaWFudD17Zm9udFZhcmlhbnQoaXNFbXBoYXNpemVkLCBsZXZlbCl9XG4gICAgICAgICAgZm9udFdlaWdodD17aXNFbXBoYXNpemVkID8gNzAwIDogNDAwfVxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgYXM9e2hlYWRpbmdMZXZlbH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvdXRjb21lfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHshIXNvcnRlZFNraWxscyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggYXM9XCJ1bFwiIHBsPXswfSBtPXswfSBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiIGdhcD17OH0gd3JhcD5cbiAgICAgICAgICAgIHtyZW5kZXJTa2lsbHMoc29ydGVkU2tpbGxzKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgIHtkaXNwbGF5UHJvZ3Jlc3MgJiZcbiAgICAgICAgcmVuZGVyUHJvZ3Jlc3Moe1xuICAgICAgICAgIGRpc3BsYXlWYWx1ZSxcbiAgICAgICAgICBwcm9ncmVzc0R1cmF0aW9uLFxuICAgICAgICAgIHJhZGlhbFZhbHVlLFxuICAgICAgICAgIHN0YXJ0UmFkaWFsQW5pbWF0aW9uLFxuICAgICAgICAgIHNob3dDb21wbGV0aW9uSWNvbixcbiAgICAgICAgfSl9XG4gICAgPC9TdHlsZWRDYXJkPlxuICApO1xufTtcbiJdfQ== */");
|
|
55
|
+
const renderProgress = ({
|
|
56
|
+
displayValue,
|
|
57
|
+
progressDuration,
|
|
58
|
+
radialValue,
|
|
59
|
+
startRadialAnimation,
|
|
60
|
+
showCompletionIcon
|
|
61
|
+
}) => /*#__PURE__*/_jsx(FlexBox, {
|
|
62
|
+
flexDirection: "column",
|
|
63
|
+
flex: "1 0 0",
|
|
64
|
+
alignSelf: "stretch",
|
|
65
|
+
flexWrap: "wrap",
|
|
66
|
+
alignContent: "end",
|
|
67
|
+
children: showCompletionIcon ? /*#__PURE__*/_jsx(FlexBox, {
|
|
68
|
+
bg: COMPLETED_COLOR,
|
|
69
|
+
width: 80,
|
|
70
|
+
height: 80,
|
|
71
|
+
center: true,
|
|
72
|
+
borderRadius: "full",
|
|
73
|
+
children: /*#__PURE__*/_jsx(CheckIcon, {
|
|
74
|
+
size: 44,
|
|
75
|
+
color: "text"
|
|
76
|
+
})
|
|
77
|
+
}) : /*#__PURE__*/_jsx(RadialProgress, {
|
|
78
|
+
color: theme.colors[COMPLETED_COLOR],
|
|
79
|
+
duration: progressDuration || undefined,
|
|
80
|
+
size: 80,
|
|
81
|
+
strokeLinecap: "round",
|
|
82
|
+
strokeWidth: 8,
|
|
83
|
+
value: radialValue ?? 0,
|
|
84
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
85
|
+
as: "span",
|
|
86
|
+
fontSize: 22,
|
|
87
|
+
fontWeight: 700,
|
|
88
|
+
children: `${displayValue}%`
|
|
89
|
+
})
|
|
90
|
+
}, `radial-progress-${startRadialAnimation ? 1 : 0}`)
|
|
91
|
+
});
|
|
92
|
+
const renderSkills = skills => skills.map(skill => /*#__PURE__*/_jsx(SkillTag, {
|
|
93
|
+
as: "li",
|
|
94
|
+
children: skill.title
|
|
95
|
+
}, skill.title));
|
|
96
|
+
const fontVariant = (isEmphasized, level) => {
|
|
97
|
+
if (isEmphasized) {
|
|
98
|
+
return 'title-sm';
|
|
99
|
+
}
|
|
100
|
+
switch (level) {
|
|
101
|
+
case LearningOutcomeLevels.One:
|
|
102
|
+
return 'p-base';
|
|
103
|
+
case LearningOutcomeLevels.Two:
|
|
104
|
+
return 'title-xs';
|
|
105
|
+
case LearningOutcomeLevels.Three:
|
|
106
|
+
return 'title-sm';
|
|
107
|
+
default:
|
|
108
|
+
return 'p-base';
|
|
109
|
+
}
|
|
110
|
+
};
|
|
48
111
|
export const LearningOutcomeCard = ({
|
|
49
|
-
emphasized = false,
|
|
50
|
-
headingLevel,
|
|
51
112
|
level,
|
|
52
113
|
outcome,
|
|
53
|
-
|
|
114
|
+
as,
|
|
115
|
+
headingLevel,
|
|
116
|
+
isInteractive = false,
|
|
117
|
+
mode = 'base',
|
|
118
|
+
progress = 0,
|
|
54
119
|
skills,
|
|
55
120
|
progressUpdateData
|
|
56
121
|
}) => {
|
|
57
|
-
const
|
|
122
|
+
const [startRadialAnimation, setStartRadialAnimation] = useState(false);
|
|
123
|
+
const [showCompletionIcon, setShowCompletionIcon] = useState(false);
|
|
58
124
|
const {
|
|
59
125
|
previousProgress,
|
|
60
126
|
progressDuration,
|
|
61
127
|
completionDelay
|
|
62
128
|
} = progressUpdateData || {};
|
|
63
|
-
const
|
|
64
|
-
const
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
return sortedSkills.map(skill => /*#__PURE__*/_jsx(FlexBox, {
|
|
73
|
-
as: "li",
|
|
74
|
-
px: 8,
|
|
75
|
-
textColor: "secondary",
|
|
76
|
-
opacity: "0.65",
|
|
77
|
-
bg: "background-selected",
|
|
78
|
-
justifyContent: "space-between",
|
|
79
|
-
children: skill.title
|
|
80
|
-
}, skill.title));
|
|
81
|
-
}
|
|
82
|
-
return null;
|
|
83
|
-
}, [skills]);
|
|
129
|
+
const progressStatus = progressState(progress);
|
|
130
|
+
const displayProgress = progressStatus !== Progress.notStarted;
|
|
131
|
+
|
|
132
|
+
// when previousProgress is provided, either start the progress animation or only display previous progress while we wait. If not provided then only display current progress
|
|
133
|
+
const radialValue = previousProgress !== undefined && progress !== undefined ? startRadialAnimation ? [previousProgress, progress] : previousProgress : progress;
|
|
134
|
+
|
|
135
|
+
// when previousProgress is provided but we haven't started the animation yet then show previous progress, otherwise, if animation has started, then show current progress
|
|
136
|
+
const displayValue = previousProgress !== undefined && !startRadialAnimation ? previousProgress : progress;
|
|
137
|
+
const isEmphasized = mode === 'emphasized';
|
|
84
138
|
useEffect(() => {
|
|
85
139
|
if (progress && progressDuration) {
|
|
86
140
|
setTimeout(() => {
|
|
87
141
|
setStartRadialAnimation(true);
|
|
88
142
|
}, progressDuration);
|
|
143
|
+
}
|
|
144
|
+
if (progress === 100) {
|
|
145
|
+
// completionDelay is for animating the progress; the setTimeout will delay showing the checkmark icon so radial progress will appear first.
|
|
89
146
|
if (completionDelay) {
|
|
90
147
|
setTimeout(() => {
|
|
91
148
|
setShowCompletionIcon(true);
|
|
92
149
|
}, completionDelay);
|
|
93
|
-
|
|
150
|
+
// If completionDelay is not provided, the completion icon will show immediately and radial progress will not show.
|
|
151
|
+
} else {
|
|
94
152
|
setShowCompletionIcon(true);
|
|
95
153
|
}
|
|
96
154
|
}
|
|
97
155
|
}, [progressDuration, progress, completionDelay]);
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
gap: displayProgress ? 32 : 0,
|
|
107
|
-
border: 2,
|
|
108
|
-
display: "flex",
|
|
109
|
-
borderColor: showCompletionIcon ? 'primary' : 'border-tertiary',
|
|
110
|
-
borderRadius: "lg",
|
|
111
|
-
alignSelf: "stretch",
|
|
112
|
-
overflow: "auto",
|
|
113
|
-
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
114
|
-
flexDirection: "column",
|
|
115
|
-
gap: 24,
|
|
116
|
-
children: [level && /*#__PURE__*/_jsx(EmphasizedBadge, {
|
|
117
|
-
variant: "tertiary",
|
|
118
|
-
children: levelTagText[level]
|
|
119
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
120
|
-
variant: "title-sm",
|
|
121
|
-
width: "100%",
|
|
122
|
-
as: headingLevel,
|
|
123
|
-
children: outcome
|
|
124
|
-
}), /*#__PURE__*/_jsx(FlexBox, {
|
|
125
|
-
wrap: true,
|
|
126
|
-
as: "ul",
|
|
127
|
-
pl: 0,
|
|
128
|
-
alignItems: "flex-start",
|
|
129
|
-
gap: 8,
|
|
130
|
-
children: renderedSortedSkills
|
|
131
|
-
})]
|
|
132
|
-
}), displayProgress && /*#__PURE__*/_jsx(FlexBox, {
|
|
133
|
-
flexDirection: "column",
|
|
134
|
-
flex: "1 0 0",
|
|
135
|
-
alignSelf: "stretch",
|
|
136
|
-
flexWrap: "wrap",
|
|
137
|
-
alignContent: "end",
|
|
138
|
-
children: showCompletionIcon ? /*#__PURE__*/_jsx(CheckFilledIcon, {
|
|
139
|
-
size: 80,
|
|
140
|
-
color: "yellow-500"
|
|
141
|
-
}) : /*#__PURE__*/_jsx(RadialProgress, {
|
|
142
|
-
size: 80,
|
|
143
|
-
strokeLinecap: "round",
|
|
144
|
-
strokeWidth: 8,
|
|
145
|
-
value: radialValue ?? 0,
|
|
146
|
-
duration: progressDuration || undefined,
|
|
147
|
-
color: theme.colors['yellow-500'],
|
|
148
|
-
children: /*#__PURE__*/_jsxs(Text, {
|
|
149
|
-
as: "span",
|
|
150
|
-
fontSize: 22,
|
|
151
|
-
children: [displayValue, "%"]
|
|
152
|
-
})
|
|
153
|
-
}, `radial-progress-${startRadialAnimation ? 1 : 0}`)
|
|
154
|
-
})]
|
|
156
|
+
const sortedSkills = useMemo(() => {
|
|
157
|
+
if (!skills || skills.length === 0) {
|
|
158
|
+
return undefined;
|
|
159
|
+
}
|
|
160
|
+
return skills.sort((a, b) => {
|
|
161
|
+
const titleA = a.title ?? '';
|
|
162
|
+
const titleB = b.title ?? '';
|
|
163
|
+
return titleA.localeCompare(titleB);
|
|
155
164
|
});
|
|
156
|
-
}
|
|
157
|
-
return /*#__PURE__*/_jsxs(
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
165
|
+
}, [skills]);
|
|
166
|
+
return /*#__PURE__*/_jsxs(StyledCard, {
|
|
167
|
+
as: as,
|
|
168
|
+
"aria-label": `${learningOutcomeLabels[level ?? 1]} - ${outcome}`,
|
|
169
|
+
isInteractive: isInteractive,
|
|
170
|
+
progress: progressStatus,
|
|
171
|
+
mode: mode,
|
|
172
|
+
children: [/*#__PURE__*/_jsxs(FlexBox, {
|
|
173
|
+
flexDirection: "column",
|
|
174
|
+
gap: 24,
|
|
175
|
+
children: [level && /*#__PURE__*/_jsx(LearningOutcomeLevelBadge, {
|
|
176
|
+
level: level,
|
|
177
|
+
size: isEmphasized ? 'base' : 'sm',
|
|
178
|
+
textColor: level !== LearningOutcomeLevels.One ? 'navy-800' : 'text',
|
|
179
|
+
removeBackground: true
|
|
180
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
181
|
+
variant: fontVariant(isEmphasized, level),
|
|
182
|
+
fontWeight: isEmphasized ? 700 : 400,
|
|
183
|
+
width: "100%",
|
|
184
|
+
as: headingLevel,
|
|
185
|
+
children: outcome
|
|
186
|
+
}), !!sortedSkills && /*#__PURE__*/_jsx(FlexBox, {
|
|
187
|
+
as: "ul",
|
|
188
|
+
pl: 0,
|
|
189
|
+
m: 0,
|
|
190
|
+
alignItems: "flex-start",
|
|
191
|
+
gap: 8,
|
|
192
|
+
wrap: true,
|
|
193
|
+
children: renderSkills(sortedSkills)
|
|
194
|
+
})]
|
|
195
|
+
}), displayProgress && renderProgress({
|
|
196
|
+
displayValue,
|
|
197
|
+
progressDuration,
|
|
198
|
+
radialValue,
|
|
199
|
+
startRadialAnimation,
|
|
200
|
+
showCompletionIcon
|
|
176
201
|
})]
|
|
177
202
|
});
|
|
178
203
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FlexBox } from '@codecademy/gamut';
|
|
2
|
+
import { LearningOutcomeCard } from '../LearningOutcomeCard';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
export const LearningOutcomeCardList = ({
|
|
5
|
+
learningOutcomes
|
|
6
|
+
}) => {
|
|
7
|
+
return /*#__PURE__*/_jsx(FlexBox, {
|
|
8
|
+
as: "ul",
|
|
9
|
+
m: 0,
|
|
10
|
+
p: 0,
|
|
11
|
+
gap: 12,
|
|
12
|
+
column: true,
|
|
13
|
+
children: learningOutcomes.map(({
|
|
14
|
+
id,
|
|
15
|
+
level,
|
|
16
|
+
outcome
|
|
17
|
+
}) => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
18
|
+
as: "li",
|
|
19
|
+
level: level,
|
|
20
|
+
outcome: outcome
|
|
21
|
+
}, id))
|
|
22
|
+
});
|
|
23
|
+
};
|
|
@@ -9,6 +9,11 @@ interface LearningOutcomeSkill {
|
|
|
9
9
|
title?: string | null;
|
|
10
10
|
classification?: SkillClassification | null;
|
|
11
11
|
}
|
|
12
|
+
export interface ParentLearningOutcome {
|
|
13
|
+
id: string;
|
|
14
|
+
outcome: string;
|
|
15
|
+
level: number | null | undefined;
|
|
16
|
+
}
|
|
12
17
|
interface LearningOutcomeDetailsProps {
|
|
13
18
|
level: LearningOutcomeLevels;
|
|
14
19
|
outcome: string;
|
|
@@ -17,6 +22,7 @@ interface LearningOutcomeDetailsProps {
|
|
|
17
22
|
highestScoreAchievedAt: string | undefined | null;
|
|
18
23
|
latestScore: number | undefined | null;
|
|
19
24
|
latestScoreAchievedAt: string | undefined | null;
|
|
25
|
+
parentLOs?: ParentLearningOutcome[];
|
|
20
26
|
skills?: LearningOutcomeSkill[] | null;
|
|
21
27
|
}
|
|
22
28
|
interface LearningOutcomeFlyoutProps {
|
|
@@ -3,7 +3,8 @@ import { Anchor, FlexBox, Flyout, Text } from '@codecademy/gamut';
|
|
|
3
3
|
import { SmallCheckIcon } from '@codecademy/gamut-icons';
|
|
4
4
|
import { css } from '@codecademy/gamut-styles';
|
|
5
5
|
import { LearningOutcomeAssessmentScores } from '../LearningOutcomeAssessmentScores';
|
|
6
|
-
import { learningOutcomeLabels, LearningOutcomeLevelBadge, LearningOutcomeLowAssessmentBadge } from '../LearningOutcomeBadges';
|
|
6
|
+
import { learningOutcomeLabels, LearningOutcomeLevelBadge, LearningOutcomeLevels, LearningOutcomeLowAssessmentBadge } from '../LearningOutcomeBadges';
|
|
7
|
+
import { LearningOutcomeCardList } from './LearningOutcomeCardList';
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
|
|
9
10
|
target: "e1ylhic51",
|
|
@@ -17,7 +18,7 @@ const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
|
|
|
17
18
|
color: 'text',
|
|
18
19
|
textDecoration: 'underline'
|
|
19
20
|
}
|
|
20
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVGbHlvdXQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNxQiIsImZpbGUiOiIuLi8uLi9zcmMvTGVhcm5pbmdPdXRjb21lRmx5b3V0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgRmxleEJveCwgRmx5b3V0LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgU21hbGxDaGVja0ljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBMZWFybmluZ091dGNvbWVBc3Nlc3NtZW50U2NvcmVzIH0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQXNzZXNzbWVudFNjb3Jlcyc7XG5pbXBvcnQge1xuICBsZWFybmluZ091dGNvbWVMYWJlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UsXG4gIExlYXJuaW5nT3V0Y29tZUxldmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudEJhZGdlLFxufSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVCYWRnZXMnO1xuaW1wb3J0IHsgTGVhcm5pbmdPdXRjb21lQ2FyZExpc3QgfSBmcm9tICcuL0xlYXJuaW5nT3V0Y29tZUNhcmRMaXN0JztcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcikoXG4gIGNzcyh7XG4gICAgY29sb3I6ICd0ZXh0JyxcbiAgICBmb250U2l6ZTogMjYsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMnOiB7XG4gICAgICBjb2xvcjogJ3RleHQnLFxuICAgICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTa2lsbFRhZyA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGZvbnRTaXplOiAxNCxcbiAgICBib3JkZXJSYWRpdXM6ICdtZCcsXG4gICAgYm9yZGVyOiAxLFxuICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICAgICcmOmhvdmVyLCAmOmZvY3VzJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBlbnVtIFNraWxsQ2xhc3NpZmljYXRpb24ge1xuICBMYW5ndWFnZSA9ICdsYW5ndWFnZScsXG4gIFN1YmplY3QgPSAnc3ViamVjdCcsXG59XG5cbmludGVyZmFjZSBMZWFybmluZ091dGNvbWVTa2lsbCB7XG4gIGlkOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmcgfCBudWxsO1xuICBjbGFzc2lmaWNhdGlvbj86IFNraWxsQ2xhc3NpZmljYXRpb24gfCBudWxsO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFBhcmVudExlYXJuaW5nT3V0Y29tZSB7XG4gIGlkOiBzdHJpbmc7XG4gIG91dGNvbWU6IHN0cmluZztcbiAgbGV2ZWw6IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQ7XG59XG5cbmludGVyZmFjZSBMZWFybmluZ091dGNvbWVEZXRhaWxzUHJvcHMge1xuICBsZXZlbDogTGVhcm5pbmdPdXRjb21lTGV2ZWxzO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIHBlcmNlbnRDb21wbGV0ZTogbnVtYmVyIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgaGlnaGVzdFNjb3JlOiBudW1iZXIgfCB1bmRlZmluZWQgfCBudWxsO1xuICBoaWdoZXN0U2NvcmVBY2hpZXZlZEF0OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsO1xuICBsYXRlc3RTY29yZTogbnVtYmVyIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgbGF0ZXN0U2NvcmVBY2hpZXZlZEF0OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsO1xuICBwYXJlbnRMT3M/OiBQYXJlbnRMZWFybmluZ091dGNvbWVbXTtcbiAgc2tpbGxzPzogTGVhcm5pbmdPdXRjb21lU2tpbGxbXSB8IG51bGw7XG59XG5cbmludGVyZmFjZSBMZWFybmluZ091dGNvbWVGbHlvdXRQcm9wcyB7XG4gIGV4cGFuZGVkOiBib29sZWFuO1xuICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICBsZWFybmluZ091dGNvbWU6IExlYXJuaW5nT3V0Y29tZURldGFpbHNQcm9wcztcbiAgbGVhcm5pbmdPdXRjb21lSHJlZjogc3RyaW5nO1xuICBsZWFybmluZ091dGNvbWVPbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgc2tpbGxUYWdPbkNsaWNrPzogKHNraWxsU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3Qgc29ydFNraWxsc0J5Q2xhc3NpZmljYXRpb24gPSAoXG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsXG4pID0+IHtcbiAgaWYgKCFza2lsbHM/Lmxlbmd0aCkgcmV0dXJuIFtdO1xuICBjb25zdCBza2lsbHNDb3B5ID0gc2tpbGxzLnNsaWNlKCk7XG5cbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gc2tpbGxzQ29weT8uc29ydCgoYSwgYikgPT4ge1xuICAgIGlmIChhPy5jbGFzc2lmaWNhdGlvbiA9PT0gJ2xhbmd1YWdlJykge1xuICAgICAgcmV0dXJuIC0xO1xuICAgIH1cbiAgICBpZiAoYj8uY2xhc3NpZmljYXRpb24gPT09ICdzdWJqZWN0Jykge1xuICAgICAgcmV0dXJuIDE7XG4gICAgfVxuICAgIHJldHVybiAwO1xuICB9KTtcblxuICByZXR1cm4gc29ydGVkU2tpbGxzO1xufTtcblxuY29uc3QgZ2V0U2tpbGxzQXJlYVBhdGggPSAoc2tpbGxTbHVnPzogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBza2lsbFNsdWcgPyBgL3NraWxsLWFyZWFzLyR7c2tpbGxTbHVnfWAgOiAnLyc7XG59O1xuXG5leHBvcnQgY29uc3QgTGVhcm5pbmdPdXRjb21lRmx5b3V0OiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVGbHlvdXRQcm9wcz4gPSAoe1xuICBleHBhbmRlZCxcbiAgbGVhcm5pbmdPdXRjb21lSHJlZixcbiAgbGVhcm5pbmdPdXRjb21lT25DbGljayxcbiAgbGVhcm5pbmdPdXRjb21lOiB7XG4gICAgaGlnaGVzdFNjb3JlLFxuICAgIGhpZ2hlc3RTY29yZUFjaGlldmVkQXQsXG4gICAgbGF0ZXN0U2NvcmUsXG4gICAgbGF0ZXN0U2NvcmVBY2hpZXZlZEF0LFxuICAgIGxldmVsLFxuICAgIG91dGNvbWUsXG4gICAgcGFyZW50TE9zLFxuICAgIHBlcmNlbnRDb21wbGV0ZSxcbiAgICBza2lsbHMsXG4gIH0sXG4gIHNraWxsVGFnT25DbGljayxcbiAgb25DbG9zZSxcbn0pID0+IHtcbiAgY29uc3QgcGVyY2VudENvbXBsZXRlUGVyY2VudGFnZSA9XG4gICAgcGVyY2VudENvbXBsZXRlICE9IG51bGwgPyBwZXJjZW50Q29tcGxldGUgOiAwO1xuICBjb25zdCBsZXZlbExhYmVsID0gbGVhcm5pbmdPdXRjb21lTGFiZWxzW2xldmVsXTtcblxuICBjb25zdCBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ID0gQm9vbGVhbihcbiAgICBsYXRlc3RTY29yZSAhPSBudWxsICYmIGxhdGVzdFNjb3JlIDwgNzBcbiAgKTtcblxuICBjb25zdCBzaG93U2tpbGxzID0gISFza2lsbHM/Lmxlbmd0aDtcbiAgY29uc3Qgc29ydGVkU2tpbGxzID0gc29ydFNraWxsc0J5Q2xhc3NpZmljYXRpb24oc2tpbGxzKTtcblxuICBjb25zdCBzaG93UGFyZW50TE9zID1cbiAgICBsZXZlbCA9PT0gTGVhcm5pbmdPdXRjb21lTGV2ZWxzLlR3byAmJiAhIXBhcmVudExPcyAmJiBwYXJlbnRMT3MubGVuZ3RoID4gMDtcblxuICBjb25zdCByZW5kZXJQcm9ncmVzcyA9ICgpID0+IChcbiAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICB7Qm9vbGVhbihwZXJjZW50Q29tcGxldGVQZXJjZW50YWdlID09PSAxMDApICYmIChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICB3aWR0aD17MTZ9XG4gICAgICAgICAgaGVpZ2h0PXsxNn1cbiAgICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgICAgYmc9XCJwcmltYXJ5XCJcbiAgICAgICAgICBtcj17OH1cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgID5cbiAgICAgICAgICA8U21hbGxDaGVja0ljb24gc2l6ZT17MTF9IGNvbG9yPVwid2hpdGVcIiAvPlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgICAgPFRleHRcbiAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgdmFyaWFudD1cInAtbGFyZ2VcIlxuICAgICAgPntgJHtwZXJjZW50Q29tcGxldGVQZXJjZW50YWdlfSUgcHJvZ3Jlc3NgfTwvVGV4dD5cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Rmx5b3V0XG4gICAgICBhcmlhLWxhYmVsPXtgJHtsZXZlbExhYmVsfSBkZXRhaWxzYH1cbiAgICAgIGNsb3NlTGFiZWw9e2BDbG9zZSAke2xldmVsTGFiZWx9IGRldGFpbHNgfVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIG9wZW5Gcm9tPVwicmlnaHRcIlxuICAgICAgdGl0bGU9ezxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS1zbVwiPntgJHtsZXZlbExhYmVsfSBkZXRhaWxzYH08L1RleHQ+fVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGdhcD17MzJ9IG10PXszMn0gbXg9ezI0fSBjb2x1bW4+XG4gICAgICAgIHsvKiBCYWRnZXMsIE91dGNvbWUsIFRvcGljIHRhZ3MsIFByb2dyZXNzICovfVxuICAgICAgICA8RmxleEJveCBnYXA9ezI0fSBjb2x1bW4+XG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPExlYXJuaW5nT3V0Y29tZUxldmVsQmFkZ2UgbGV2ZWw9e2xldmVsfSBzaXplPVwiYmFzZVwiIC8+XG4gICAgICAgICAgICB7aGFzTG93TGF0ZXN0QXNzZXNzbWVudCAmJiA8TGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudEJhZGdlIC8+fVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBjb2x1bW4+XG4gICAgICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgICAgIGhyZWY9e2xlYXJuaW5nT3V0Y29tZUhyZWZ9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGxlYXJuaW5nT3V0Y29tZU9uQ2xpY2s/LigpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3V0Y29tZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgICAgICAge3Nob3dTa2lsbHMgJiYgKFxuICAgICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMn0gZmxleFdyYXA9XCJ3cmFwXCI+XG4gICAgICAgICAgICAgICAge3NvcnRlZFNraWxscy5tYXAoKHNraWxsKSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U2tpbGxUYWdcbiAgICAgICAgICAgICAgICAgICAga2V5PXtza2lsbC5pZH1cbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJza2lsbC10YWdcIlxuICAgICAgICAgICAgICAgICAgICBweD17OH1cbiAgICAgICAgICAgICAgICAgICAgcHk9ezR9XG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICAgICAgICBocmVmPXtnZXRTa2lsbHNBcmVhUGF0aChza2lsbC5zbHVnKX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2tpbGxUYWdPbkNsaWNrPy4oc2tpbGwuc2x1Zyl9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxGbGV4Qm94IGNlbnRlcj5cbiAgICAgICAgICAgICAgICAgICAgICA8VGV4dD57c2tpbGwudGl0bGV9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICAgICAgICA8L1NraWxsVGFnPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8RmxleEJveCBib3JkZXJZPXsxfSBib3JkZXJDb2xvcj1cImJhY2tncm91bmQtaG92ZXJcIiBweT17MTZ9PlxuICAgICAgICAgICAge3JlbmRlclByb2dyZXNzKCl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgey8qIEFzc2Vzc21lbnQgc2NvcmVzICovfVxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBjb2x1bW4+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCI+RXZhbHVhdGlvbiByZXN1bHRzPC9UZXh0PlxuICAgICAgICAgIDxMZWFybmluZ091dGNvbWVBc3Nlc3NtZW50U2NvcmVzXG4gICAgICAgICAgICBoaWdoZXN0U2NvcmU9e2hpZ2hlc3RTY29yZX1cbiAgICAgICAgICAgIGhpZ2hlc3RTY29yZUFjaGlldmVkQXQ9e2hpZ2hlc3RTY29yZUFjaGlldmVkQXR9XG4gICAgICAgICAgICBsYXRlc3RTY29yZT17bGF0ZXN0U2NvcmV9XG4gICAgICAgICAgICBsYXRlc3RTY29yZUFjaGlldmVkQXQ9e2xhdGVzdFNjb3JlQWNoaWV2ZWRBdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgey8qIEZvciBsZXZlbCAyIGFuZCAzIExPcyBvbmx5OiBDaGlsZHJlbiBMT3MgZ29lcyBiZWxvdyBoZXJlICovfVxuXG4gICAgICAgIHsvKiBGb3IgbGV2ZWwgMiBMT3Mgb25seTogc2hvdyBQYXJlbnQgTE9zICovfVxuICAgICAgICB7c2hvd1BhcmVudExPcyAmJiAoXG4gICAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gbWI9ezE2fSBjb2x1bW4+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIj5CdWlsZHMgdG93YXJkLi4uPC9UZXh0PlxuICAgICAgICAgICAgPExlYXJuaW5nT3V0Y29tZUNhcmRMaXN0IGxlYXJuaW5nT3V0Y29tZXM9e3BhcmVudExPc30gLz5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9GbHlvdXQ+XG4gICk7XG59O1xuIl19 */");
|
|
21
22
|
const SkillTag = /*#__PURE__*/_styled(Anchor, {
|
|
22
23
|
target: "e1ylhic50",
|
|
23
24
|
label: "SkillTag"
|
|
@@ -30,7 +31,7 @@ const SkillTag = /*#__PURE__*/_styled(Anchor, {
|
|
|
30
31
|
color: 'text',
|
|
31
32
|
bg: 'background-hover'
|
|
32
33
|
}
|
|
33
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVGbHlvdXQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCaUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xlYXJuaW5nT3V0Y29tZUZseW91dC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEZsZXhCb3gsIEZseW91dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFNtYWxsQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgTGVhcm5pbmdPdXRjb21lQXNzZXNzbWVudFNjb3JlcyB9IGZyb20gJy4uL0xlYXJuaW5nT3V0Y29tZUFzc2Vzc21lbnRTY29yZXMnO1xuaW1wb3J0IHtcbiAgbGVhcm5pbmdPdXRjb21lTGFiZWxzLFxuICBMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlLFxuICBMZWFybmluZ091dGNvbWVMZXZlbHMsXG4gIExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnRCYWRnZSxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IExlYXJuaW5nT3V0Y29tZUNhcmRMaXN0IH0gZnJvbSAnLi9MZWFybmluZ091dGNvbWVDYXJkTGlzdCc7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGNvbG9yOiAndGV4dCcsXG4gICAgZm9udFNpemU6IDI2LFxuICAgIGZvbnRXZWlnaHQ6IDcwMCxcbiAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgICcmOmhvdmVyLCAmOmZvY3VzJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAndW5kZXJsaW5lJyxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU2tpbGxUYWcgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBmb250U2l6ZTogMTQsXG4gICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgIGJvcmRlcjogMSxcbiAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cyc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZW51bSBTa2lsbENsYXNzaWZpY2F0aW9uIHtcbiAgTGFuZ3VhZ2UgPSAnbGFuZ3VhZ2UnLFxuICBTdWJqZWN0ID0gJ3N1YmplY3QnLFxufVxuXG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lU2tpbGwge1xuICBpZDogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgY2xhc3NpZmljYXRpb24/OiBTa2lsbENsYXNzaWZpY2F0aW9uIHwgbnVsbDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYXJlbnRMZWFybmluZ091dGNvbWUge1xuICBpZDogc3RyaW5nO1xuICBvdXRjb21lOiBzdHJpbmc7XG4gIGxldmVsOiBudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lRGV0YWlsc1Byb3BzIHtcbiAgbGV2ZWw6IExlYXJuaW5nT3V0Y29tZUxldmVscztcbiAgb3V0Y29tZTogc3RyaW5nO1xuICBwZXJjZW50Q29tcGxldGU6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGw7XG4gIGhpZ2hlc3RTY29yZTogbnVtYmVyIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgaGlnaGVzdFNjb3JlQWNoaWV2ZWRBdDogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgbGF0ZXN0U2NvcmU6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGw7XG4gIGxhdGVzdFNjb3JlQWNoaWV2ZWRBdDogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgcGFyZW50TE9zPzogUGFyZW50TGVhcm5pbmdPdXRjb21lW107XG4gIHNraWxscz86IExlYXJuaW5nT3V0Y29tZVNraWxsW10gfCBudWxsO1xufVxuXG5pbnRlcmZhY2UgTGVhcm5pbmdPdXRjb21lRmx5b3V0UHJvcHMge1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgbGVhcm5pbmdPdXRjb21lOiBMZWFybmluZ091dGNvbWVEZXRhaWxzUHJvcHM7XG4gIGxlYXJuaW5nT3V0Y29tZUhyZWY6IHN0cmluZztcbiAgbGVhcm5pbmdPdXRjb21lT25DbGljaz86ICgpID0+IHZvaWQ7XG4gIHNraWxsVGFnT25DbGljaz86IChza2lsbFNsdWc6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IHNvcnRTa2lsbHNCeUNsYXNzaWZpY2F0aW9uID0gKFxuICBza2lsbHM/OiBMZWFybmluZ091dGNvbWVTa2lsbFtdIHwgbnVsbFxuKSA9PiB7XG4gIGlmICghc2tpbGxzPy5sZW5ndGgpIHJldHVybiBbXTtcbiAgY29uc3Qgc2tpbGxzQ29weSA9IHNraWxscy5zbGljZSgpO1xuXG4gIGNvbnN0IHNvcnRlZFNraWxscyA9IHNraWxsc0NvcHk/LnNvcnQoKGEsIGIpID0+IHtcbiAgICBpZiAoYT8uY2xhc3NpZmljYXRpb24gPT09ICdsYW5ndWFnZScpIHtcbiAgICAgIHJldHVybiAtMTtcbiAgICB9XG4gICAgaWYgKGI/LmNsYXNzaWZpY2F0aW9uID09PSAnc3ViamVjdCcpIHtcbiAgICAgIHJldHVybiAxO1xuICAgIH1cbiAgICByZXR1cm4gMDtcbiAgfSk7XG5cbiAgcmV0dXJuIHNvcnRlZFNraWxscztcbn07XG5cbmNvbnN0IGdldFNraWxsc0FyZWFQYXRoID0gKHNraWxsU2x1Zz86IHN0cmluZykgPT4ge1xuICByZXR1cm4gc2tpbGxTbHVnID8gYC9za2lsbC1hcmVhcy8ke3NraWxsU2x1Z31gIDogJy8nO1xufTtcblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nT3V0Y29tZUZseW91dDogUmVhY3QuRkM8TGVhcm5pbmdPdXRjb21lRmx5b3V0UHJvcHM+ID0gKHtcbiAgZXhwYW5kZWQsXG4gIGxlYXJuaW5nT3V0Y29tZUhyZWYsXG4gIGxlYXJuaW5nT3V0Y29tZU9uQ2xpY2ssXG4gIGxlYXJuaW5nT3V0Y29tZToge1xuICAgIGhpZ2hlc3RTY29yZSxcbiAgICBoaWdoZXN0U2NvcmVBY2hpZXZlZEF0LFxuICAgIGxhdGVzdFNjb3JlLFxuICAgIGxhdGVzdFNjb3JlQWNoaWV2ZWRBdCxcbiAgICBsZXZlbCxcbiAgICBvdXRjb21lLFxuICAgIHBhcmVudExPcyxcbiAgICBwZXJjZW50Q29tcGxldGUsXG4gICAgc2tpbGxzLFxuICB9LFxuICBza2lsbFRhZ09uQ2xpY2ssXG4gIG9uQ2xvc2UsXG59KSA9PiB7XG4gIGNvbnN0IHBlcmNlbnRDb21wbGV0ZVBlcmNlbnRhZ2UgPVxuICAgIHBlcmNlbnRDb21wbGV0ZSAhPSBudWxsID8gcGVyY2VudENvbXBsZXRlIDogMDtcbiAgY29uc3QgbGV2ZWxMYWJlbCA9IGxlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbF07XG5cbiAgY29uc3QgaGFzTG93TGF0ZXN0QXNzZXNzbWVudCA9IEJvb2xlYW4oXG4gICAgbGF0ZXN0U2NvcmUgIT0gbnVsbCAmJiBsYXRlc3RTY29yZSA8IDcwXG4gICk7XG5cbiAgY29uc3Qgc2hvd1NraWxscyA9ICEhc2tpbGxzPy5sZW5ndGg7XG4gIGNvbnN0IHNvcnRlZFNraWxscyA9IHNvcnRTa2lsbHNCeUNsYXNzaWZpY2F0aW9uKHNraWxscyk7XG5cbiAgY29uc3Qgc2hvd1BhcmVudExPcyA9XG4gICAgbGV2ZWwgPT09IExlYXJuaW5nT3V0Y29tZUxldmVscy5Ud28gJiYgISFwYXJlbnRMT3MgJiYgcGFyZW50TE9zLmxlbmd0aCA+IDA7XG5cbiAgY29uc3QgcmVuZGVyUHJvZ3Jlc3MgPSAoKSA9PiAoXG4gICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAge0Jvb2xlYW4ocGVyY2VudENvbXBsZXRlUGVyY2VudGFnZSA9PT0gMTAwKSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgd2lkdGg9ezE2fVxuICAgICAgICAgIGhlaWdodD17MTZ9XG4gICAgICAgICAgYm9yZGVyUmFkaXVzPVwibWRcIlxuICAgICAgICAgIGJnPVwicHJpbWFyeVwiXG4gICAgICAgICAgbXI9ezh9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAgPFNtYWxsQ2hlY2tJY29uIHNpemU9ezExfSBjb2xvcj1cIndoaXRlXCIgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKX1cbiAgICAgIDxUZXh0XG4gICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgIHZhcmlhbnQ9XCJwLWxhcmdlXCJcbiAgICAgID57YCR7cGVyY2VudENvbXBsZXRlUGVyY2VudGFnZX0lIHByb2dyZXNzYH08L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZseW91dFxuICAgICAgYXJpYS1sYWJlbD17YCR7bGV2ZWxMYWJlbH0gZGV0YWlsc2B9XG4gICAgICBjbG9zZUxhYmVsPXtgQ2xvc2UgJHtsZXZlbExhYmVsfSBkZXRhaWxzYH1cbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBvcGVuRnJvbT1cInJpZ2h0XCJcbiAgICAgIHRpdGxlPXs8VGV4dCB2YXJpYW50PVwidGl0bGUtc21cIj57YCR7bGV2ZWxMYWJlbH0gZGV0YWlsc2B9PC9UZXh0Pn1cbiAgICA+XG4gICAgICA8RmxleEJveCBnYXA9ezMyfSBtdD17MzJ9IG14PXsyNH0gY29sdW1uPlxuICAgICAgICB7LyogQmFkZ2VzLCBPdXRjb21lLCBUb3BpYyB0YWdzLCBQcm9ncmVzcyAqL31cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsyNH0gY29sdW1uPlxuICAgICAgICAgIDxGbGV4Qm94IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxMZWFybmluZ091dGNvbWVMZXZlbEJhZGdlIGxldmVsPXtsZXZlbH0gc2l6ZT1cImJhc2VcIiAvPlxuICAgICAgICAgICAge2hhc0xvd0xhdGVzdEFzc2Vzc21lbnQgJiYgPExlYXJuaW5nT3V0Y29tZUxvd0Fzc2Vzc21lbnRCYWRnZSAvPn1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gY29sdW1uPlxuICAgICAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgICAgICBocmVmPXtsZWFybmluZ091dGNvbWVIcmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBsZWFybmluZ091dGNvbWVPbkNsaWNrPy4oKX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge291dGNvbWV9XG4gICAgICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgICAgICAgIHtzaG93U2tpbGxzICYmIChcbiAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTJ9IGZsZXhXcmFwPVwid3JhcFwiPlxuICAgICAgICAgICAgICAgIHtzb3J0ZWRTa2lsbHMubWFwKChza2lsbCkgPT4gKFxuICAgICAgICAgICAgICAgICAgPFNraWxsVGFnXG4gICAgICAgICAgICAgICAgICAgIGtleT17c2tpbGwuaWR9XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwic2tpbGwtdGFnXCJcbiAgICAgICAgICAgICAgICAgICAgcHg9ezh9XG4gICAgICAgICAgICAgICAgICAgIHB5PXs0fVxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgaHJlZj17Z2V0U2tpbGxzQXJlYVBhdGgoc2tpbGwuc2x1Zyl9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNraWxsVGFnT25DbGljaz8uKHNraWxsLnNsdWcpfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8RmxleEJveCBjZW50ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgPFRleHQ+e3NraWxsLnRpdGxlfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgICAgICAgPC9Ta2lsbFRhZz5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEZsZXhCb3ggYm9yZGVyWT17MX0gYm9yZGVyQ29sb3I9XCJiYWNrZ3JvdW5kLWhvdmVyXCIgcHk9ezE2fT5cbiAgICAgICAgICAgIHtyZW5kZXJQcm9ncmVzcygpfVxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIHsvKiBBc3Nlc3NtZW50IHNjb3JlcyAqL31cbiAgICAgICAgPEZsZXhCb3ggZ2FwPXsxNn0gY29sdW1uPlxuICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS14c1wiPkV2YWx1YXRpb24gcmVzdWx0czwvVGV4dD5cbiAgICAgICAgICA8TGVhcm5pbmdPdXRjb21lQXNzZXNzbWVudFNjb3Jlc1xuICAgICAgICAgICAgaGlnaGVzdFNjb3JlPXtoaWdoZXN0U2NvcmV9XG4gICAgICAgICAgICBoaWdoZXN0U2NvcmVBY2hpZXZlZEF0PXtoaWdoZXN0U2NvcmVBY2hpZXZlZEF0fVxuICAgICAgICAgICAgbGF0ZXN0U2NvcmU9e2xhdGVzdFNjb3JlfVxuICAgICAgICAgICAgbGF0ZXN0U2NvcmVBY2hpZXZlZEF0PXtsYXRlc3RTY29yZUFjaGlldmVkQXR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgIHsvKiBGb3IgbGV2ZWwgMiBhbmQgMyBMT3Mgb25seTogQ2hpbGRyZW4gTE9zIGdvZXMgYmVsb3cgaGVyZSAqL31cblxuICAgICAgICB7LyogRm9yIGxldmVsIDIgTE9zIG9ubHk6IHNob3cgUGFyZW50IExPcyAqL31cbiAgICAgICAge3Nob3dQYXJlbnRMT3MgJiYgKFxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17MTZ9IG1iPXsxNn0gY29sdW1uPlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCI+QnVpbGRzIHRvd2FyZC4uLjwvVGV4dD5cbiAgICAgICAgICAgIDxMZWFybmluZ091dGNvbWVDYXJkTGlzdCBsZWFybmluZ091dGNvbWVzPXtwYXJlbnRMT3N9IC8+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICApfVxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRmx5b3V0PlxuICApO1xufTtcbiJdfQ== */");
|
|
34
35
|
export let SkillClassification = /*#__PURE__*/function (SkillClassification) {
|
|
35
36
|
SkillClassification["Language"] = "language";
|
|
36
37
|
SkillClassification["Subject"] = "subject";
|
|
@@ -64,6 +65,7 @@ export const LearningOutcomeFlyout = ({
|
|
|
64
65
|
latestScoreAchievedAt,
|
|
65
66
|
level,
|
|
66
67
|
outcome,
|
|
68
|
+
parentLOs,
|
|
67
69
|
percentComplete,
|
|
68
70
|
skills
|
|
69
71
|
},
|
|
@@ -75,6 +77,7 @@ export const LearningOutcomeFlyout = ({
|
|
|
75
77
|
const hasLowLatestAssessment = Boolean(latestScore != null && latestScore < 70);
|
|
76
78
|
const showSkills = !!skills?.length;
|
|
77
79
|
const sortedSkills = sortSkillsByClassification(skills);
|
|
80
|
+
const showParentLOs = level === LearningOutcomeLevels.Two && !!parentLOs && parentLOs.length > 0;
|
|
78
81
|
const renderProgress = () => /*#__PURE__*/_jsxs(FlexBox, {
|
|
79
82
|
alignItems: "center",
|
|
80
83
|
children: [Boolean(percentCompletePercentage === 100) && /*#__PURE__*/_jsx(FlexBox, {
|
|
@@ -164,6 +167,16 @@ export const LearningOutcomeFlyout = ({
|
|
|
164
167
|
latestScore: latestScore,
|
|
165
168
|
latestScoreAchievedAt: latestScoreAchievedAt
|
|
166
169
|
})]
|
|
170
|
+
}), showParentLOs && /*#__PURE__*/_jsxs(FlexBox, {
|
|
171
|
+
gap: 16,
|
|
172
|
+
mb: 16,
|
|
173
|
+
column: true,
|
|
174
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
175
|
+
variant: "title-xs",
|
|
176
|
+
children: "Builds toward..."
|
|
177
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCardList, {
|
|
178
|
+
learningOutcomes: parentLOs
|
|
179
|
+
})]
|
|
167
180
|
})]
|
|
168
181
|
})
|
|
169
182
|
});
|
|
@@ -29,8 +29,8 @@ const ProgressText = /*#__PURE__*/_styled(Text, {
|
|
|
29
29
|
[Progress.completed]: {}
|
|
30
30
|
}
|
|
31
31
|
})(props)
|
|
32
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
-
const progressState = percentComplete => {
|
|
32
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MZWFybmluZ091dGNvbWVUaWxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFNtYWxsQ2hlY2tJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIGxlYXJuaW5nT3V0Y29tZUxhYmVscyxcbiAgTGVhcm5pbmdPdXRjb21lTG93QXNzZXNzbWVudERvdCxcbn0gZnJvbSAnLi4vTGVhcm5pbmdPdXRjb21lQmFkZ2VzJztcbmltcG9ydCB7IExlYXJuaW5nT3V0Y29tZVBvcG92ZXIgfSBmcm9tICcuLi9MZWFybmluZ091dGNvbWVQb3BvdmVyJztcbmltcG9ydCB7IFRpbGUgfSBmcm9tICcuL1RpbGUnO1xuaW1wb3J0IHtcbiAgTGVhcm5pbmdPdXRjb21lUG9wb3ZlckRldGFpbHNQcm9wcyxcbiAgTGVhcm5pbmdPdXRjb21lVGlsZVByb3BzLFxuICBQcm9ncmVzcyxcbn0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFByb2dyZXNzVGV4dCA9IHN0eWxlZChUZXh0KTx7IHByb2dyZXNzOiBQcm9ncmVzczsgaXNTbWFsbDogYm9vbGVhbiB9PihcbiAgKHByb3BzKSA9PiAoe1xuICAgIC4uLnZhcmlhbnQoe1xuICAgICAgcHJvcDogJ3Byb2dyZXNzJyxcbiAgICAgIGJhc2U6IHtcbiAgICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgfSxcbiAgICAgIHZhcmlhbnRzOiB7XG4gICAgICAgIFtQcm9ncmVzcy5ub3RTdGFydGVkXToge1xuICAgICAgICAgIGNvbG9yOiAndGV4dC1zZWNvbmRhcnknLFxuICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgfSxcbiAgICAgICAgW1Byb2dyZXNzLmluUHJvZ3Jlc3NdOiB7XG4gICAgICAgICAgY29sb3I6ICdwcmltYXJ5JyxcbiAgICAgICAgICBmb250V2VpZ2h0OiBwcm9wcy5pc1NtYWxsID8gNDAwIDogNzAwLFxuICAgICAgICB9LFxuICAgICAgICBbUHJvZ3Jlc3MuY29tcGxldGVkXToge30sXG4gICAgICB9LFxuICAgIH0pKHByb3BzKSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBwcm9ncmVzc1N0YXRlID0gKHBlcmNlbnRDb21wbGV0ZTogbnVtYmVyKTogUHJvZ3Jlc3MgPT4ge1xuICBpZiAocGVyY2VudENvbXBsZXRlID09PSAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLm5vdFN0YXJ0ZWQ7XG4gIH1cbiAgaWYgKHBlcmNlbnRDb21wbGV0ZSA+IDAgJiYgcGVyY2VudENvbXBsZXRlIDwgMTAwKSB7XG4gICAgcmV0dXJuIFByb2dyZXNzLmluUHJvZ3Jlc3M7XG4gIH1cbiAgcmV0dXJuIFByb2dyZXNzLmNvbXBsZXRlZDtcbn07XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ091dGNvbWVUaWxlOiBSZWFjdC5GQzxMZWFybmluZ091dGNvbWVUaWxlUHJvcHM+ID0gKHtcbiAgbGVhcm5pbmdPdXRjb21lRGV0YWlscyxcbiAgb25DbGljayxcbiAgaG92ZXIgPSBmYWxzZSxcbiAgcG9wb3ZlciA9IGZhbHNlLFxuICBzaXplID0gJ25vcm1hbCcsXG59KSA9PiB7XG4gIGNvbnN0IHsgaWQsIGxldmVsLCBvdXRjb21lLCBsYXRlc3RTY29yZSwgcGVyY2VudENvbXBsZXRlIH0gPVxuICAgIGxlYXJuaW5nT3V0Y29tZURldGFpbHM7XG5cbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgYWN0aXZlRWxSZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgLy8gSWYgdGhlIHBvcG92ZXIgaXMgb3Blbiwgd2Ugd2FudCB0byBmb2N1cyB0aGUgYWN0aXZlIGVsZW1lbnRcbiAgICAgIGFjdGl2ZUVsUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3QgcG9wb3ZlclByb3BzID1cbiAgICBwb3BvdmVyICYmIGhvdmVyXG4gICAgICA/IHtcbiAgICAgICAgICByZWY6IGFjdGl2ZUVsUmVmLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogKCkgPT4gc2V0SXNPcGVuKHRydWUpLFxuICAgICAgICAgIG9uTW91c2VMZWF2ZTogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSxcbiAgICAgICAgICBvbkZvY3VzOiAoKSA9PiBzZXRJc09wZW4odHJ1ZSksIC8vIEZvciBrZXlib2FyZCB1c2Vyc1xuICAgICAgICAgIG9uQmx1cjogKCkgPT4gc2V0SXNPcGVuKGZhbHNlKSwgLy8gQ2xvc2Ugb24gYmx1clxuICAgICAgICAgICdhcmlhLWRlc2NyaWJlZGJ5JzogYCR7aWR9LXBvcG92ZXJgLFxuICAgICAgICB9XG4gICAgICA6IHt9O1xuXG4gIGNvbnN0IGhpZ2hlc3RTY29yZSA9IHBvcG92ZXJcbiAgICA/IChsZWFybmluZ091dGNvbWVEZXRhaWxzIGFzIExlYXJuaW5nT3V0Y29tZVBvcG92ZXJEZXRhaWxzUHJvcHMpXG4gICAgICAgID8uaGlnaGVzdFNjb3JlXG4gICAgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3QgcGVyY2VudENvbXBsZXRlVmFsdWUgPSBwZXJjZW50Q29tcGxldGUgPz8gMDtcbiAgY29uc3QgcHJvZ3Jlc3MgPSBwcm9ncmVzc1N0YXRlKHBlcmNlbnRDb21wbGV0ZVZhbHVlKTtcblxuICBjb25zdCBpc0NvbXBsZXRlZCA9IHByb2dyZXNzID09PSBQcm9ncmVzcy5jb21wbGV0ZWQ7XG4gIGNvbnN0IGlzU21hbGwgPSBzaXplID09PSAnc21hbGwnO1xuICBjb25zdCBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ID0gQm9vbGVhbihcbiAgICBsYXRlc3RTY29yZSAhPSBudWxsICYmIGxhdGVzdFNjb3JlIDwgNzBcbiAgKTtcbiAgY29uc3Qgc2hvd0xvd0Fzc2Vzc21lbnREb3QgPSBoYXNMb3dMYXRlc3RBc3Nlc3NtZW50ICYmICFpc1NtYWxsO1xuXG4gIGNvbnN0IGxvd0Fzc2Vzc21lbnRMYWJlbCA9IGhhc0xvd0xhdGVzdEFzc2Vzc21lbnRcbiAgICA/ICdNb3N0IHJlY2VudCBhc3Nlc3NtZW50IHNjb3JlIGlzIGJlbG93IDcwJSwgbmVlZHMgcmV2aWV3LiAnXG4gICAgOiAnJztcbiAgY29uc3QgZGVmYXVsdEFyaWFMYWJlbCA9IGAke2xlYXJuaW5nT3V0Y29tZUxhYmVsc1tsZXZlbF19OiAke291dGNvbWV9ICR7bG93QXNzZXNzbWVudExhYmVsfVByb2dyZXNzICR7cGVyY2VudENvbXBsZXRlVmFsdWV9JSBjb21wbGV0ZWQuYDtcbiAgY29uc3QgZXZhbHVhdGlvblZhbHVlc0xhYmVsID1cbiAgICBpc09wZW4gJiYgKGhpZ2hlc3RTY29yZSB8fCBsYXRlc3RTY29yZSlcbiAgICAgID8gYEV2YWx1YXRpb24gVmFsdWVzIC0gJHtcbiAgICAgICAgICBoaWdoZXN0U2NvcmUgPyBgSGlnaGVzdCBhc3Nlc3NtZW50IHNjb3JlICR7aGlnaGVzdFNjb3JlfS4gYCA6ICcnXG4gICAgICAgIH0ke2xhdGVzdFNjb3JlID8gYFJlY2VudCBhc3Nlc3NtZW50IHNjb3JlICR7bGF0ZXN0U2NvcmV9LmAgOiAnJ31gXG4gICAgICA6ICcnO1xuXG4gIHJldHVybiAoXG4gICAgPEFuY2hvclxuICAgICAgYXJpYS1sYWJlbD17YCR7ZGVmYXVsdEFyaWFMYWJlbH0gJHtldmFsdWF0aW9uVmFsdWVzTGFiZWx9YH1cbiAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHsuLi5wb3BvdmVyUHJvcHN9XG4gICAgPlxuICAgICAgPFRpbGUgaG92ZXI9e2hvdmVyfSBwcm9ncmVzcz17cHJvZ3Jlc3N9IHNpemU9e3NpemV9PlxuICAgICAgICB7aXNDb21wbGV0ZWQgPyAoXG4gICAgICAgICAgPFNtYWxsQ2hlY2tJY29uXG4gICAgICAgICAgICBzaXplPXtpc1NtYWxsID8gMTIgOiAxNn1cbiAgICAgICAgICAgIHRleHRDb2xvcj1cImJhY2tncm91bmQtY29udHJhc3RcIlxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFByb2dyZXNzVGV4dCBwcm9ncmVzcz17cHJvZ3Jlc3N9IGlzU21hbGw9e2lzU21hbGx9PlxuICAgICAgICAgICAge2Ake3BlcmNlbnRDb21wbGV0ZVZhbHVlfSVgfVxuICAgICAgICAgIDwvUHJvZ3Jlc3NUZXh0PlxuICAgICAgICApfVxuICAgICAgICB7c2hvd0xvd0Fzc2Vzc21lbnREb3QgJiYgKFxuICAgICAgICAgIDxMZWFybmluZ091dGNvbWVMb3dBc3Nlc3NtZW50RG90XG4gICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgIHRvcD1cIi0yMCVcIlxuICAgICAgICAgICAgcmlnaHQ9XCItMjAlXCJcbiAgICAgICAgICAgIGhhc0JvcmRlclxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1RpbGU+XG4gICAgICB7aXNPcGVuICYmIChcbiAgICAgICAgPExlYXJuaW5nT3V0Y29tZVBvcG92ZXJcbiAgICAgICAgICBhY3RpdmVFbFJlZj17YWN0aXZlRWxSZWZ9XG4gICAgICAgICAgaG9yaXpvbnRhbE9mZnNldD17aXNTbWFsbCAmJiBpc0NvbXBsZXRlZCA/IDE1OSA6IGlzU21hbGwgPyAxNTMgOiAxNTB9XG4gICAgICAgICAgaWQ9e2Ake2lkfS1wb3BvdmVyYH1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBsZWFybmluZ091dGNvbWVEZXRhaWxzPXtcbiAgICAgICAgICAgIGxlYXJuaW5nT3V0Y29tZURldGFpbHMgYXMgTGVhcm5pbmdPdXRjb21lUG9wb3ZlckRldGFpbHNQcm9wc1xuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9BbmNob3I+XG4gICk7XG59O1xuIl19 */");
|
|
33
|
+
export const progressState = percentComplete => {
|
|
34
34
|
if (percentComplete === 0) {
|
|
35
35
|
return Progress.notStarted;
|
|
36
36
|
}
|
|
@@ -3,8 +3,13 @@ import { LearningOutcomeCard } from '../../LearningOutcomeCard';
|
|
|
3
3
|
declare const meta: Meta<typeof LearningOutcomeCard>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof LearningOutcomeCard>;
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const Base: Story;
|
|
7
|
+
export declare const BaseCardWithHover: Story;
|
|
8
|
+
export declare const BaseCardWithTopics: Story;
|
|
7
9
|
export declare const EmphasizedCard: Story;
|
|
10
|
+
export declare const EmphasizedCardWithHover: Story;
|
|
11
|
+
export declare const EmphasizedCardWithTopics: Story;
|
|
8
12
|
export declare const EmphasizedCardWithProgress: Story;
|
|
9
13
|
export declare const EmphasizedCardWithProgress100: Story;
|
|
10
|
-
export declare const
|
|
14
|
+
export declare const EmphasizedCardWithProgressAnimation: Story;
|
|
15
|
+
export declare const EmphasizedCardWithProgress100Animation: Story;
|
|
@@ -1,75 +1,189 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FlexBox } from '@codecademy/gamut';
|
|
2
2
|
import { LearningOutcomeCard } from '../../LearningOutcomeCard';
|
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
4
|
const meta = {
|
|
5
5
|
component: LearningOutcomeCard,
|
|
6
6
|
args: {
|
|
7
|
+
outcome: 'Implement sorting algorithms in Java.'
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
export const Base = {
|
|
12
|
+
render: args => /*#__PURE__*/_jsxs(FlexBox, {
|
|
13
|
+
gap: 16,
|
|
14
|
+
children: [/*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
15
|
+
...args,
|
|
16
|
+
level: 1
|
|
17
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
18
|
+
...args,
|
|
19
|
+
level: 2
|
|
20
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
21
|
+
...args,
|
|
22
|
+
level: 3
|
|
23
|
+
})]
|
|
24
|
+
}),
|
|
25
|
+
name: 'Base card'
|
|
26
|
+
};
|
|
27
|
+
export const BaseCardWithHover = {
|
|
28
|
+
render: args => /*#__PURE__*/_jsxs(FlexBox, {
|
|
29
|
+
gap: 16,
|
|
30
|
+
children: [/*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
31
|
+
...args,
|
|
32
|
+
level: 1,
|
|
33
|
+
isInteractive: true
|
|
34
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
35
|
+
...args,
|
|
36
|
+
level: 2,
|
|
37
|
+
isInteractive: true
|
|
38
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
39
|
+
...args,
|
|
40
|
+
level: 3,
|
|
41
|
+
isInteractive: true
|
|
42
|
+
})]
|
|
43
|
+
}),
|
|
44
|
+
name: 'Base card with hover'
|
|
45
|
+
};
|
|
46
|
+
export const BaseCardWithTopics = {
|
|
47
|
+
render: args => /*#__PURE__*/_jsxs(FlexBox, {
|
|
48
|
+
gap: 16,
|
|
49
|
+
children: [/*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
50
|
+
...args,
|
|
51
|
+
level: 1,
|
|
52
|
+
skills: [{
|
|
53
|
+
title: 'java'
|
|
54
|
+
}, {
|
|
55
|
+
title: 'skill'
|
|
56
|
+
}, {
|
|
57
|
+
title: 'computer science'
|
|
58
|
+
}]
|
|
59
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
60
|
+
...args,
|
|
61
|
+
level: 2,
|
|
62
|
+
skills: [{
|
|
63
|
+
title: 'java'
|
|
64
|
+
}, {
|
|
65
|
+
title: 'skill'
|
|
66
|
+
}, {
|
|
67
|
+
title: 'computer science'
|
|
68
|
+
}]
|
|
69
|
+
}), /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
70
|
+
...args,
|
|
71
|
+
level: 3,
|
|
72
|
+
skills: [{
|
|
73
|
+
title: 'java'
|
|
74
|
+
}, {
|
|
75
|
+
title: 'skill'
|
|
76
|
+
}, {
|
|
77
|
+
title: 'computer science'
|
|
78
|
+
}]
|
|
79
|
+
})]
|
|
80
|
+
}),
|
|
81
|
+
name: 'Base card with topics'
|
|
82
|
+
};
|
|
83
|
+
export const EmphasizedCard = {
|
|
84
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
85
|
+
...args,
|
|
7
86
|
level: 1,
|
|
8
|
-
|
|
87
|
+
mode: "emphasized"
|
|
88
|
+
}),
|
|
89
|
+
name: 'Emphasized card'
|
|
90
|
+
};
|
|
91
|
+
export const EmphasizedCardWithHover = {
|
|
92
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
93
|
+
...args,
|
|
94
|
+
level: 2,
|
|
95
|
+
mode: "emphasized",
|
|
96
|
+
isInteractive: true
|
|
97
|
+
}),
|
|
98
|
+
name: 'Emphasized card with hover'
|
|
99
|
+
};
|
|
100
|
+
export const EmphasizedCardWithTopics = {
|
|
101
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
102
|
+
...args,
|
|
103
|
+
level: 3,
|
|
9
104
|
skills: [{
|
|
10
105
|
title: 'java'
|
|
11
106
|
}, {
|
|
12
107
|
title: 'skill'
|
|
13
108
|
}, {
|
|
14
109
|
title: 'computer science'
|
|
15
|
-
}]
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Default = {
|
|
20
|
-
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
21
|
-
...args
|
|
110
|
+
}],
|
|
111
|
+
mode: "emphasized",
|
|
112
|
+
isInteractive: true
|
|
22
113
|
}),
|
|
23
|
-
name: '
|
|
24
|
-
};
|
|
25
|
-
export const EmphasizedCard = {
|
|
26
|
-
render: args => /*#__PURE__*/_jsx(Background, {
|
|
27
|
-
bg: "navy",
|
|
28
|
-
p: 24,
|
|
29
|
-
children: /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
30
|
-
emphasized: true,
|
|
31
|
-
...args
|
|
32
|
-
})
|
|
33
|
-
}),
|
|
34
|
-
name: 'Emphasized Card'
|
|
114
|
+
name: 'Emphasized card with topics'
|
|
35
115
|
};
|
|
36
116
|
export const EmphasizedCardWithProgress = {
|
|
37
|
-
render: args => /*#__PURE__*/_jsx(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
117
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
118
|
+
...args,
|
|
119
|
+
level: 2,
|
|
120
|
+
progress: 60,
|
|
121
|
+
skills: [{
|
|
122
|
+
title: 'java'
|
|
123
|
+
}, {
|
|
124
|
+
title: 'skill'
|
|
125
|
+
}, {
|
|
126
|
+
title: 'computer science'
|
|
127
|
+
}],
|
|
128
|
+
mode: "emphasized",
|
|
129
|
+
isInteractive: true
|
|
45
130
|
}),
|
|
46
|
-
name: 'Emphasized card
|
|
131
|
+
name: 'Emphasized card with progress'
|
|
47
132
|
};
|
|
48
133
|
export const EmphasizedCardWithProgress100 = {
|
|
49
|
-
render: args => /*#__PURE__*/_jsx(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
134
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
135
|
+
...args,
|
|
136
|
+
level: 3,
|
|
137
|
+
progress: 100,
|
|
138
|
+
skills: [{
|
|
139
|
+
title: 'java'
|
|
140
|
+
}, {
|
|
141
|
+
title: 'skill'
|
|
142
|
+
}, {
|
|
143
|
+
title: 'computer science'
|
|
144
|
+
}],
|
|
145
|
+
mode: "emphasized",
|
|
146
|
+
isInteractive: true
|
|
57
147
|
}),
|
|
58
|
-
name: 'Emphasized card
|
|
148
|
+
name: 'Emphasized card with 100% progress'
|
|
59
149
|
};
|
|
60
|
-
export const
|
|
61
|
-
render: args => /*#__PURE__*/_jsx(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
150
|
+
export const EmphasizedCardWithProgressAnimation = {
|
|
151
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
152
|
+
...args,
|
|
153
|
+
level: 2,
|
|
154
|
+
progress: 80,
|
|
155
|
+
progressUpdateData: {
|
|
156
|
+
previousProgress: 50,
|
|
157
|
+
progressDuration: 500
|
|
158
|
+
},
|
|
159
|
+
skills: [{
|
|
160
|
+
title: 'java'
|
|
161
|
+
}, {
|
|
162
|
+
title: 'skill'
|
|
163
|
+
}, {
|
|
164
|
+
title: 'computer science'
|
|
165
|
+
}],
|
|
166
|
+
mode: "emphasized"
|
|
167
|
+
}),
|
|
168
|
+
name: 'Emphasized card with progress with animation'
|
|
169
|
+
};
|
|
170
|
+
export const EmphasizedCardWithProgress100Animation = {
|
|
171
|
+
render: args => /*#__PURE__*/_jsx(LearningOutcomeCard, {
|
|
172
|
+
...args,
|
|
173
|
+
level: 2,
|
|
174
|
+
progress: 100,
|
|
175
|
+
progressUpdateData: {
|
|
176
|
+
previousProgress: 50,
|
|
177
|
+
completionDelay: 500
|
|
178
|
+
},
|
|
179
|
+
skills: [{
|
|
180
|
+
title: 'java'
|
|
181
|
+
}, {
|
|
182
|
+
title: 'skill'
|
|
183
|
+
}, {
|
|
184
|
+
title: 'computer science'
|
|
185
|
+
}],
|
|
186
|
+
mode: "emphasized"
|
|
73
187
|
}),
|
|
74
|
-
name: 'Emphasized card
|
|
188
|
+
name: 'Emphasized card with 100% progress with animation'
|
|
75
189
|
};
|
|
@@ -25,7 +25,16 @@ export const Example = () => {
|
|
|
25
25
|
latestScoreAchievedAt: '10/01',
|
|
26
26
|
level: 2,
|
|
27
27
|
outcome: 'Understand the basics of React',
|
|
28
|
-
percentComplete: 75
|
|
28
|
+
percentComplete: 75,
|
|
29
|
+
parentLOs: [{
|
|
30
|
+
id: '1',
|
|
31
|
+
outcome: 'Build a React component',
|
|
32
|
+
level: 3
|
|
33
|
+
}, {
|
|
34
|
+
id: '2',
|
|
35
|
+
outcome: 'Manage state in React',
|
|
36
|
+
level: 3
|
|
37
|
+
}]
|
|
29
38
|
},
|
|
30
39
|
learningOutcomeHref: "/learning-outcomes/123",
|
|
31
40
|
onClose: () => setIsExpanded(false)
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/brand",
|
|
3
3
|
"description": "Brand component library for Codecademy",
|
|
4
|
-
"version": "3.0.0-alpha.
|
|
4
|
+
"version": "3.0.0-alpha.2ba7921cce.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@emotion/is-prop-valid": "^1.2.1",
|