From b14ea5f0cd8e5bd260f4f0d900cb6c5313e97a91 Mon Sep 17 00:00:00 2001 From: Keith Grootboom Date: Fri, 24 Mar 2023 20:46:56 +0200 Subject: [PATCH 01/31] feat: add icon size xs that looks good against a 1rem font (#2149) * feat: add icon size xs that looks good against a 1rem font * feat: icons now support sizing The Button component makes use of this new sizing rather than modifying the classes directly. --- src/Button/index.jsx | 4 ++-- src/Icon/Icon.scss | 5 +++++ src/Icon/README.md | 4 ++++ src/Icon/_variables.scss | 1 + src/Icon/index.jsx | 7 ++++++- 5 files changed, 18 insertions(+), 3 deletions(-) diff --git a/src/Button/index.jsx b/src/Button/index.jsx index 395f704557..1d0af5498d 100644 --- a/src/Button/index.jsx +++ b/src/Button/index.jsx @@ -19,9 +19,9 @@ const WrappedButton = React.forwardRef(({ className={classNames(props.className)} ref={ref} > - {iconBefore && } + {iconBefore && } {children} - {iconAfter && } + {iconAfter && } )); diff --git a/src/Icon/Icon.scss b/src/Icon/Icon.scss index beb47b5d4e..621d45dc51 100644 --- a/src/Icon/Icon.scss +++ b/src/Icon/Icon.scss @@ -12,6 +12,11 @@ height: $icon-inline; } + &.pgn__icon__xs { + width: $icon-xs; + height: $icon-xs; + } + &.pgn__icon__sm { width: $icon-sm; height: $icon-sm; diff --git a/src/Icon/README.md b/src/Icon/README.md index 563ff06484..9cf87990d7 100644 --- a/src/Icon/README.md +++ b/src/Icon/README.md @@ -26,6 +26,10 @@ HTML attributes can be passed to this component allowing for customization of th // import { Add, AddCircle } from '@edx/paragon/icons';
+ + + +
``` diff --git a/src/Icon/_variables.scss b/src/Icon/_variables.scss index fb5072cf10..81d970479b 100644 --- a/src/Icon/_variables.scss +++ b/src/Icon/_variables.scss @@ -1,6 +1,7 @@ // Icons sizes $icon-inline: .8em !default; +$icon-xs: 1rem !default; $icon-sm: 1.25rem !default; $icon-md: 1.5rem !default; $icon-lg: 1.75rem !default; diff --git a/src/Icon/index.jsx b/src/Icon/index.jsx index 97b3cf0ab6..cb01fb1ad0 100644 --- a/src/Icon/index.jsx +++ b/src/Icon/index.jsx @@ -19,6 +19,7 @@ function Icon({ hidden, screenReaderText, svgAttrs, + size, ...attrs }) { if (Component) { @@ -34,7 +35,7 @@ function Icon({ return ( @@ -81,6 +82,9 @@ Icon.propTypes = { /** the `id` property of the Icon element, by default this value is generated with the `newId` function with the `prefix` of `Icon`. */ id: PropTypes.string, // eslint-disable-next-line max-len + /** The size of the icon. */ + size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']), + // eslint-disable-next-line max-len /** A class name that will define what the Icon looks like. */ className: PropTypes.string, // eslint-disable-next-line max-len @@ -98,6 +102,7 @@ Icon.defaultProps = { id: undefined, hidden: true, screenReaderText: undefined, + size: undefined, className: undefined, }; From 6d8584354c7f00e86491f764c77d289db3cb4ea9 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sat, 25 Mar 2023 10:08:59 -0400 Subject: [PATCH 02/31] docs: update dependent-usage.json (#2163) --- dependent-usage.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 58933a239b..1bf55efe9a 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1679666948765, + "lastModified": 1679753292157, "projectUsages": [ { "version": "19.19.1", @@ -11886,7 +11886,7 @@ } }, { - "version": "20.28.5", + "version": "20.29.0", "name": "@edx/frontend-app-enterprise-public-catalog", "repository": { "type": "git", @@ -24911,8 +24911,8 @@ }, { "filePath": "src/editors/sharedComponents/ErrorBoundary/ErrorPage.jsx", - "line": 40, - "column": 12 + "line": 30, + "column": 8 }, { "filePath": "src/editors/sharedComponents/ImageUploadModal/ImageSettingsModal/index.jsx", @@ -25923,8 +25923,8 @@ }, { "filePath": "src/editors/sharedComponents/ErrorBoundary/ErrorPage.jsx", - "line": 25, - "column": 6 + "line": 19, + "column": 2 } ], "Card.Section": [ @@ -25964,8 +25964,8 @@ }, { "filePath": "src/editors/sharedComponents/ErrorBoundary/ErrorPage.jsx", - "line": 26, - "column": 8 + "line": 20, + "column": 4 } ], "Form.Checkbox": [ @@ -26110,8 +26110,8 @@ }, { "filePath": "src/editors/sharedComponents/ErrorBoundary/ErrorPage.jsx", - "line": 27, - "column": 10 + "line": 21, + "column": 6 } ], "ArrowBack": [ From 1ac063b72da8215013b875c562d79d9795b81ec2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 26 Mar 2023 10:08:44 -0400 Subject: [PATCH 03/31] docs: update dependent-usage.json (#2164) --- dependent-usage.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dependent-usage.json b/dependent-usage.json index 1bf55efe9a..17043435aa 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1679753292157, + "lastModified": 1679839682832, "projectUsages": [ { "version": "19.19.1", From cbe4282db6bb1dacb59bb071a548a2ee4f350bcc Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 27 Mar 2023 10:20:13 -0400 Subject: [PATCH 04/31] docs: update dependent-usage.json (#2167) --- dependent-usage.json | 37 ++++++++++++++++--------------------- 1 file changed, 16 insertions(+), 21 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 17043435aa..d0acfdcf1d 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1679839682832, + "lastModified": 1679926723076, "projectUsages": [ { "version": "19.19.1", @@ -10369,7 +10369,7 @@ "column": 10 }, { - "filePath": "src/components/PostPreviewPane.jsx", + "filePath": "src/components/PostPreviewPanel.jsx", "line": 27, "column": 20 }, @@ -10801,7 +10801,7 @@ ], "IconButton": [ { - "filePath": "src/components/PostPreviewPane.jsx", + "filePath": "src/components/PostPreviewPanel.jsx", "line": 23, "column": 10 }, @@ -10858,7 +10858,7 @@ ], "Close": [ { - "filePath": "src/components/PostPreviewPane.jsx", + "filePath": "src/components/PostPreviewPanel.jsx", "line": 26, "column": 17 }, @@ -10870,8 +10870,8 @@ ], "Button": [ { - "filePath": "src/components/PostPreviewPane.jsx", - "line": 43, + "filePath": "src/components/PostPreviewPanel.jsx", + "line": 44, "column": 10 }, { @@ -11575,11 +11575,6 @@ "filePath": "src/discussions/in-context-topics/topic-search/TopicSearchResultBar.jsx", "line": 16, "column": 6 - }, - { - "filePath": "src/discussions/topics/topic-search-bar/TopicSearchBar.jsx", - "line": 15, - "column": 6 } ], "Avatar": [ @@ -14402,7 +14397,7 @@ }, { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 50, + "line": 51, "column": 6 }, { @@ -15865,29 +15860,29 @@ "Tabs": [ { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 54, + "line": 56, "column": 8 } ], "Tab": [ { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 55, + "line": 57, "column": 10 }, { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 58, + "line": 60, "column": 10 }, { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 66, + "line": 68, "column": 12 }, { "filePath": "src/components/dashboard/DashboardPage.jsx", - "line": 75, + "line": 77, "column": 12 } ], @@ -23921,7 +23916,7 @@ } }, { - "version": "20.28.5", + "version": "20.29.0", "name": "@edx/frontend-component-header-edx", "repository": { "type": "git", @@ -27806,7 +27801,7 @@ }, { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 114, + "line": 116, "column": 16 }, { @@ -29362,14 +29357,14 @@ "FormGroup": [ { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 130, + "line": 132, "column": 10 } ], "FormControl": [ { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 131, + "line": 133, "column": 12 } ], From 9c65af9fd7fee80c55ddd91680962fc2709cb9f0 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 28 Mar 2023 10:09:26 -0400 Subject: [PATCH 05/31] docs: update dependent-usage.json (#2168) --- dependent-usage.json | 353 ++++++++++++++++++++++++++++++------------- 1 file changed, 247 insertions(+), 106 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index d0acfdcf1d..25335696b7 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1679926723076, + "lastModified": 1680012519188, "projectUsages": [ { "version": "19.19.1", @@ -7586,7 +7586,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 188, + "line": 192, "column": 16 }, { @@ -7707,7 +7707,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 184, + "line": 188, "column": 10 }, { @@ -8128,7 +8128,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 179, + "line": 183, "column": 12 }, { @@ -8175,7 +8175,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 180, + "line": 184, "column": 14 }, { @@ -8258,12 +8258,12 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 201, + "line": 205, "column": 14 }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 213, + "line": 217, "column": 14 }, { @@ -8369,7 +8369,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 179, + "line": 183, "column": 79 }, { @@ -14377,7 +14377,7 @@ }, { "filePath": "src/components/course/CourseHeader.jsx", - "line": 40, + "line": 42, "column": 6 }, { @@ -14390,6 +14390,11 @@ "line": 145, "column": 10 }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 8, + "column": 2 + }, { "filePath": "src/components/course/LicenseRequestedAlert.jsx", "line": 50, @@ -14705,7 +14710,7 @@ "Row": [ { "filePath": "src/components/course/CourseHeader.jsx", - "line": 41, + "line": 43, "column": 8 }, { @@ -14713,6 +14718,21 @@ "line": 146, "column": 12 }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 9, + "column": 4 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 12, + "column": 4 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 31, + "column": 4 + }, { "filePath": "src/components/course/CourseSidebarListItem.jsx", "line": 11, @@ -14847,13 +14867,48 @@ "Col": [ { "filePath": "src/components/course/CourseHeader.jsx", - "line": 42, + "line": 44, "column": 10 }, { "filePath": "src/components/course/CourseHeader.jsx", - "line": 104, - "column": 12 + "line": 96, + "column": 10 + }, + { + "filePath": "src/components/course/CourseHeader.jsx", + "line": 99, + "column": 10 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 10, + "column": 6 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 13, + "column": 6 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 17, + "column": 6 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 22, + "column": 6 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 26, + "column": 6 + }, + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 32, + "column": 6 }, { "filePath": "src/components/course/CourseSidebarListItem.jsx", @@ -14974,7 +15029,7 @@ "Breadcrumb": [ { "filePath": "src/components/course/CourseHeader.jsx", - "line": 45, + "line": 47, "column": 16 }, { @@ -15569,6 +15624,65 @@ "column": 10 } ], + "Icon": [ + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 18, + "column": 93 + }, + { + "filePath": "src/components/dashboard/main-content/course-enrollments/course-cards/BaseCourseCard.jsx", + "line": 252, + "column": 22 + }, + { + "filePath": "src/components/my-career/AddJobRole.jsx", + "line": 66, + "column": 20 + }, + { + "filePath": "src/components/my-career/VisualizeCareer.jsx", + "line": 47, + "column": 16 + }, + { + "filePath": "src/components/pathway/PathwayModal.jsx", + "line": 98, + "column": 16 + }, + { + "filePath": "src/components/pathway/PathwayModal.jsx", + "line": 113, + "column": 16 + }, + { + "filePath": "src/components/pathway/PathwayModal.jsx", + "line": 128, + "column": 16 + }, + { + "filePath": "src/components/search/SearchProgramCard.jsx", + "line": 133, + "column": 12 + }, + { + "filePath": "src/components/skills-quiz/SearchProgramCard.jsx", + "line": 226, + "column": 20 + }, + { + "filePath": "src/components/system-wide-banner/SystemWideWarningBanner.jsx", + "line": 8, + "column": 4 + } + ], + "StarFilled": [ + { + "filePath": "src/components/course/CourseReview.jsx", + "line": 18, + "column": 127 + } + ], "Skeleton": [ { "filePath": "src/components/course/CourseSidebarPrice.jsx", @@ -15954,53 +16068,6 @@ "column": 19 } ], - "Icon": [ - { - "filePath": "src/components/dashboard/main-content/course-enrollments/course-cards/BaseCourseCard.jsx", - "line": 252, - "column": 22 - }, - { - "filePath": "src/components/my-career/AddJobRole.jsx", - "line": 66, - "column": 20 - }, - { - "filePath": "src/components/my-career/VisualizeCareer.jsx", - "line": 47, - "column": 16 - }, - { - "filePath": "src/components/pathway/PathwayModal.jsx", - "line": 98, - "column": 16 - }, - { - "filePath": "src/components/pathway/PathwayModal.jsx", - "line": 113, - "column": 16 - }, - { - "filePath": "src/components/pathway/PathwayModal.jsx", - "line": 128, - "column": 16 - }, - { - "filePath": "src/components/search/SearchProgramCard.jsx", - "line": 133, - "column": 12 - }, - { - "filePath": "src/components/skills-quiz/SearchProgramCard.jsx", - "line": 226, - "column": 20 - }, - { - "filePath": "src/components/system-wide-banner/SystemWideWarningBanner.jsx", - "line": 8, - "column": 4 - } - ], "Dropdown.Menu": [ { "filePath": "src/components/dashboard/main-content/course-enrollments/course-cards/BaseCourseCard.jsx", @@ -18137,12 +18204,12 @@ }, { "filePath": "src/courseware/course/sidebar/common/SidebarBase.jsx", - "line": 56, + "line": 57, "column": 10 }, { "filePath": "src/courseware/course/sidebar/common/SidebarBase.jsx", - "line": 73, + "line": 74, "column": 28 }, { @@ -18312,7 +18379,7 @@ }, { "filePath": "src/courseware/course/sidebar/common/SidebarBase.jsx", - "line": 70, + "line": 71, "column": 18 } ], @@ -18643,7 +18710,7 @@ }, { "filePath": "src/courseware/course/Course.test.jsx", - "line": 38, + "line": 44, "column": 24 }, { @@ -19126,14 +19193,14 @@ "ArrowBackIos": [ { "filePath": "src/courseware/course/sidebar/common/SidebarBase.jsx", - "line": 56, + "line": 57, "column": 21 } ], "Close": [ { "filePath": "src/courseware/course/sidebar/common/SidebarBase.jsx", - "line": 71, + "line": 72, "column": 25 } ], @@ -21389,7 +21456,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 63, + "line": 75, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 97, "column": 8 } ], @@ -21401,7 +21473,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 67, + "line": 79, + "column": 8 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 101, "column": 10 } ], @@ -21435,12 +21512,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 21, - "column": 6 + "line": 16, + "column": 4 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 38, + "line": 39, "column": 6 } ], @@ -21454,6 +21531,11 @@ "filePath": "src/profile/ProfilePage.jsx", "line": 115, "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 19, + "column": 4 } ], "Button": [ @@ -21576,17 +21658,12 @@ "Stack": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 28, - "column": 4 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 17, + "line": 27, "column": 4 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 28, + "line": 27, "column": 4 }, { @@ -21606,26 +21683,43 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 62, + "line": 96, + "column": 6 + } + ], + "Form.Label": [ + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", + "line": 28, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", + "line": 17, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", + "line": 28, "column": 6 } ], "Row": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 38, + "line": 39, "column": 6 }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 54, + "line": 88, "column": 6 } ], "Col": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 41, + "line": 42, "column": 10 } ], @@ -21633,7 +21727,7 @@ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", "line": 22, - "column": 8 + "column": 6 } ], "Form.Autosuggest": [ @@ -21646,26 +21740,26 @@ "Form.AutosuggestOption": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx", - "line": 32, + "line": 31, "column": 8 } ], "Form.CheckboxSet": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 39, + "line": 40, "column": 8 } ], "Form.Checkbox": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 43, + "line": 44, "column": 10 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 46, + "line": 47, "column": 10 } ], @@ -21742,6 +21836,53 @@ "column": 10 } ], + "CardCarousel": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/CarouselStack.jsx", + "line": 40, + "column": 6 + } + ], + "Card": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 20, + "column": 6 + } + ], + "Card.ImageCap": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 21, + "column": 8 + } + ], + "Card.Header": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 27, + "column": 8 + } + ], + "Card.Section": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 28, + "column": 8 + } + ], + "Chip": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 31, + "column": 12 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", + "line": 17, + "column": 8 + } + ], "useMediaQuery": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21756,13 +21897,6 @@ "column": 49 } ], - "Chip": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", - "line": 17, - "column": 8 - } - ], "SelectableBox.Set": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21777,17 +21911,24 @@ "column": 8 } ], + "ErrorOutline": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 77, + "column": 14 + } + ], "Spinner": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 55, + "line": 89, "column": 8 } ], "CheckCircle": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 65, + "line": 99, "column": 16 } ] @@ -21915,12 +22056,12 @@ }, { "filePath": "src/components/CreateCoursePage/index.jsx", - "line": 97, + "line": 100, "column": 8 }, { "filePath": "src/components/CreateCoursePage/index.jsx", - "line": 178, + "line": 195, "column": 16 }, { @@ -22032,7 +22173,7 @@ }, { "filePath": "src/components/CreateCoursePage/index.jsx", - "line": 101, + "line": 104, "column": 10 }, { @@ -22111,7 +22252,7 @@ }, { "filePath": "src/components/RenderSelectField/index.jsx", - "line": 15, + "line": 17, "column": 2 }, { @@ -22138,8 +22279,8 @@ }, { "filePath": "src/components/RenderSelectField/index.jsx", - "line": 16, - "column": 4 + "line": 18, + "column": 21 }, { "filePath": "src/components/RenderSelectField/updated-paragon-component.jsx", @@ -22182,12 +22323,12 @@ }, { "filePath": "src/components/EditCoursePage/EditCourseForm.jsx", - "line": 141, + "line": 143, "column": 10 }, { "filePath": "src/components/EditCoursePage/EditCourseForm.jsx", - "line": 155, + "line": 157, "column": 10 }, { @@ -22230,7 +22371,7 @@ "Add": [ { "filePath": "src/components/EditCoursePage/EditCourseForm.jsx", - "line": 118, + "line": 120, "column": 8 }, { From 5179d5ebf97aa8c86ce07373d9b4189f087ba1da Mon Sep 17 00:00:00 2001 From: edX requirements bot <49161187+edx-requirements-bot@users.noreply.github.com> Date: Tue, 28 Mar 2023 14:55:43 -0400 Subject: [PATCH 06/31] chore: update browserslist DB (#2165) Co-authored-by: adamstankiewicz --- package-lock.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package-lock.json b/package-lock.json index 8db5f4f99a..831e728944 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5354,9 +5354,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001468", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001468.tgz", - "integrity": "sha512-zgAo8D5kbOyUcRAgSmgyuvBkjrGk5CGYG5TYgFdpQv+ywcyEpo1LOWoG8YmoflGnh+V+UsNuKYedsoYs0hzV5A==", + "version": "1.0.30001470", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001470.tgz", + "integrity": "sha512-065uNwY6QtHCBOExzbV6m236DDhYCCtPmQUCoQtwkVqzud8v5QPidoMr6CoMkC2nfp6nksjttqWQRRh75LqUmA==", "dev": true, "funding": [ { @@ -22385,9 +22385,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001468", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001468.tgz", - "integrity": "sha512-zgAo8D5kbOyUcRAgSmgyuvBkjrGk5CGYG5TYgFdpQv+ywcyEpo1LOWoG8YmoflGnh+V+UsNuKYedsoYs0hzV5A==", + "version": "1.0.30001470", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001470.tgz", + "integrity": "sha512-065uNwY6QtHCBOExzbV6m236DDhYCCtPmQUCoQtwkVqzud8v5QPidoMr6CoMkC2nfp6nksjttqWQRRh75LqUmA==", "dev": true }, "cardinal": { From 5eb927133ce0af5a63c9f96dc2626c67d0b4aa95 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 29 Mar 2023 10:09:26 -0400 Subject: [PATCH 07/31] docs: update dependent-usage.json (#2169) --- dependent-usage.json | 746 ++++++++++++++----------------------------- 1 file changed, 245 insertions(+), 501 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 25335696b7..28056df97d 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680012519188, + "lastModified": 1680098920171, "projectUsages": [ { "version": "19.19.1", @@ -1845,32 +1845,32 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 128, + "line": 126, "column": 10 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 136, + "line": 134, "column": 10 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 138, + "line": 136, "column": 10 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 144, + "line": 142, "column": 8 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 159, + "line": 157, "column": 12 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 166, + "line": 164, "column": 12 }, { @@ -1900,12 +1900,12 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 151, + "line": 155, "column": 10 }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 170, + "line": 174, "column": 14 }, { @@ -1918,26 +1918,6 @@ "line": 141, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 201, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 202, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 221, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 222, - "column": 10 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 219, @@ -2177,12 +2157,12 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 187, + "line": 185, "column": 37 }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 190, + "line": 194, "column": 55 }, { @@ -2307,66 +2287,6 @@ "line": 121, "column": 8 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 116, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 135, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 148, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 161, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 179, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 117, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 135, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 148, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 161, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 174, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 192, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 206, - "column": 8 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 125, @@ -2696,66 +2616,6 @@ "line": 122, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 117, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 136, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 149, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 162, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 180, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 118, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 136, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 149, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 162, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 175, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 193, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 207, - "column": 10 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 126, @@ -3165,12 +3025,12 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 76, + "line": 74, "column": 12 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 86, + "line": 84, "column": 12 }, { @@ -3507,12 +3367,12 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 222, + "line": 220, "column": 8 }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 234, + "line": 240, "column": 8 }, { @@ -3810,7 +3670,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 152, + "line": 150, "column": 6 }, { @@ -3827,7 +3687,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 76, + "line": 74, "column": 23 }, { @@ -3934,22 +3794,22 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 127, + "line": 125, "column": 8 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 135, + "line": 133, "column": 8 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 143, + "line": 141, "column": 6 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 158, + "line": 156, "column": 10 }, { @@ -4570,6 +4430,11 @@ "line": 16, "column": 47 }, + { + "filePath": "src/components/settings/SettingsLMSTab/index.jsx", + "line": 51, + "column": 62 + }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/CornerstoneConfig.jsx", "line": 21, @@ -4580,26 +4445,6 @@ "line": 22, "column": 47 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 24, - "column": 47 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 25, - "column": 47 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 26, - "column": 47 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 27, - "column": 47 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 24, @@ -4848,7 +4693,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 164, + "line": 168, "column": 8 }, { @@ -5077,7 +4922,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 174, + "line": 178, "column": 10 }, { @@ -5214,7 +5059,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 197, + "line": 195, "column": 10 }, { @@ -5326,7 +5171,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 198, + "line": 196, "column": 12 }, { @@ -5827,7 +5672,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 167, + "line": 171, "column": 16 }, { @@ -5891,7 +5736,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 86, + "line": 84, "column": 23 }, { @@ -6034,7 +5879,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 142, + "line": 146, "column": 8 }, { @@ -6111,7 +5956,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 154, + "line": 158, "column": 24 }, { @@ -6380,7 +6225,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/index.jsx", - "line": 204, + "line": 208, "column": 10 }, { @@ -6899,31 +6744,6 @@ "line": 114, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 128, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 191, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 128, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 204, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 218, - "column": 10 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 136, @@ -7195,16 +7015,6 @@ "line": 102, "column": 6 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/Degreed2Config.jsx", - "line": 115, - "column": 6 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/DegreedConfig.jsx", - "line": 116, - "column": 6 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", "line": 124, @@ -7246,7 +7056,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 204, + "line": 202, "column": 16 }, { @@ -7261,8 +7071,18 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigPage.jsx", - "line": 47, - "column": 8 + "line": 80, + "column": 12 + }, + { + "filePath": "src/components/settings/SettingsLMSTab/LMSConfigPage.jsx", + "line": 113, + "column": 12 + }, + { + "filePath": "src/components/settings/SettingsLMSTab/LMSConfigPage.jsx", + "line": 129, + "column": 12 } ], "Download": [ @@ -7297,24 +7117,24 @@ "Card.Status": [ { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 74, + "line": 72, "column": 8 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 84, + "line": 82, "column": 8 } ], "Sync": [ { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 74, + "line": 72, "column": 27 }, { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 84, + "line": 82, "column": 27 }, { @@ -7331,7 +7151,7 @@ "Breadcrumb": [ { "filePath": "src/components/settings/SettingsLMSTab/ErrorReporting/SyncHistory.jsx", - "line": 191, + "line": 189, "column": 10 } ], @@ -7526,33 +7346,33 @@ "Hyperlink": [ { "filePath": "src/base-component/AuthLargeLayout.jsx", - "line": 13, - "column": 6 + "line": 16, + "column": 8 }, { "filePath": "src/base-component/AuthMediumLayout.jsx", - "line": 15, - "column": 8 + "line": 18, + "column": 10 }, { "filePath": "src/base-component/AuthSmallLayout.jsx", - "line": 13, - "column": 4 + "line": 16, + "column": 6 }, { "filePath": "src/base-component/LargeLayout.jsx", - "line": 14, - "column": 6 + "line": 16, + "column": 8 }, { "filePath": "src/base-component/MediumLayout.jsx", - "line": 16, - "column": 8 + "line": 18, + "column": 10 }, { "filePath": "src/base-component/SmallLayout.jsx", - "line": 15, - "column": 6 + "line": 17, + "column": 8 }, { "filePath": "src/common-components/InstitutionLogistration.jsx", @@ -7561,12 +7381,12 @@ }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 145, + "line": 146, "column": 14 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 159, + "line": 160, "column": 16 }, { @@ -7586,74 +7406,74 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 192, + "line": 194, "column": 16 }, { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 40, + "line": 39, "column": 6 }, { "filePath": "src/recommendations/RecommendationsPage.jsx", - "line": 104, + "line": 105, "column": 10 }, { "filePath": "src/register/registrationFields/HonorCode.jsx", - "line": 32, + "line": 33, "column": 14 }, { "filePath": "src/register/registrationFields/HonorCode.jsx", - "line": 37, + "line": 38, "column": 14 }, { "filePath": "src/register/registrationFields/HonorCode.jsx", - "line": 64, + "line": 65, "column": 14 }, { "filePath": "src/register/registrationFields/TermsOfService.jsx", - "line": 33, + "line": 34, "column": 14 } ], "Image": [ { "filePath": "src/base-component/AuthLargeLayout.jsx", - "line": 14, - "column": 8 + "line": 17, + "column": 10 }, { "filePath": "src/base-component/AuthMediumLayout.jsx", - "line": 16, - "column": 10 + "line": 19, + "column": 12 }, { "filePath": "src/base-component/AuthSmallLayout.jsx", - "line": 14, - "column": 6 + "line": 17, + "column": 8 }, { "filePath": "src/base-component/LargeLayout.jsx", - "line": 15, - "column": 8 + "line": 17, + "column": 10 }, { "filePath": "src/base-component/MediumLayout.jsx", - "line": 17, - "column": 10 + "line": 19, + "column": 12 }, { "filePath": "src/base-component/SmallLayout.jsx", - "line": 16, - "column": 8 + "line": 18, + "column": 10 }, { "filePath": "src/recommendations/RecommendationsPage.jsx", - "line": 105, + "line": 106, "column": 12 } ], @@ -7697,7 +7517,7 @@ }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 111, + "line": 112, "column": 10 }, { @@ -7707,7 +7527,7 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 188, + "line": 190, "column": 10 }, { @@ -7717,7 +7537,7 @@ }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 176, + "line": 177, "column": 14 } ], @@ -7739,12 +7559,12 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 40, + "line": 41, "column": 10 }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 23, + "line": 24, "column": 10 } ], @@ -7822,7 +7642,7 @@ }, { "filePath": "src/common-components/Logistration.jsx", - "line": 66, + "line": 67, "column": 6 }, { @@ -7872,7 +7692,7 @@ }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 91, + "line": 92, "column": 6 }, { @@ -7882,12 +7702,12 @@ }, { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 105, + "line": 104, "column": 14 }, { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 120, + "line": 119, "column": 14 }, { @@ -7897,17 +7717,17 @@ }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 41, + "line": 42, "column": 49 }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 45, + "line": 46, "column": 49 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 141, + "line": 142, "column": 6 } ], @@ -7926,76 +7746,76 @@ "ChevronLeft": [ { "filePath": "src/common-components/Logistration.jsx", - "line": 66, + "line": 67, "column": 17 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 91, + "line": 92, "column": 17 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 141, + "line": 142, "column": 17 } ], "Tabs": [ { "filePath": "src/common-components/Logistration.jsx", - "line": 88, + "line": 89, "column": 16 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 104, + "line": 105, "column": 18 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 110, + "line": 111, "column": 20 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 104, + "line": 105, "column": 8 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 165, + "line": 166, "column": 10 } ], "Tab": [ { "filePath": "src/common-components/Logistration.jsx", - "line": 89, + "line": 90, "column": 18 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 105, + "line": 106, "column": 20 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 111, + "line": 112, "column": 22 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 112, + "line": 113, "column": 22 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 105, + "line": 106, "column": 10 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 166, + "line": 167, "column": 12 } ], @@ -8024,22 +7844,22 @@ }, { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 99, + "line": 98, "column": 4 }, { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 114, + "line": 113, "column": 4 }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 41, + "line": 42, "column": 17 }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 45, + "line": 46, "column": 17 } ], @@ -8108,17 +7928,17 @@ "Alert": [ { "filePath": "src/common-components/ThirdPartyAuthAlert.jsx", - "line": 28, + "line": 29, "column": 6 }, { "filePath": "src/forgot-password/ForgotPasswordAlert.jsx", - "line": 74, + "line": 75, "column": 6 }, { "filePath": "src/login/AccountActivationMessage.jsx", - "line": 59, + "line": 60, "column": 4 }, { @@ -8128,12 +7948,12 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 183, + "line": 185, "column": 12 }, { "filePath": "src/register/RegistrationFailure.jsx", - "line": 42, + "line": 43, "column": 4 }, { @@ -8143,29 +7963,29 @@ }, { "filePath": "src/reset-password/ResetPasswordFailure.jsx", - "line": 36, + "line": 37, "column": 6 }, { "filePath": "src/reset-password/ResetPasswordSuccess.jsx", - "line": 13, + "line": 12, "column": 4 } ], "Alert.Heading": [ { "filePath": "src/common-components/ThirdPartyAuthAlert.jsx", - "line": 30, + "line": 31, "column": 10 }, { "filePath": "src/forgot-password/ForgotPasswordAlert.jsx", - "line": 80, + "line": 81, "column": 8 }, { "filePath": "src/login/AccountActivationMessage.jsx", - "line": 65, + "line": 66, "column": 18 }, { @@ -8175,22 +7995,22 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 184, + "line": 186, "column": 14 }, { "filePath": "src/register/RegistrationFailure.jsx", - "line": 43, + "line": 44, "column": 6 }, { "filePath": "src/reset-password/ResetPasswordFailure.jsx", - "line": 37, + "line": 38, "column": 8 }, { "filePath": "src/reset-password/ResetPasswordSuccess.jsx", - "line": 14, + "line": 13, "column": 6 } ], @@ -8202,7 +8022,7 @@ }, { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 106, + "line": 105, "column": 11 } ], @@ -8214,24 +8034,24 @@ }, { "filePath": "src/register/registrationFields/HonorCode.jsx", - "line": 49, + "line": 50, "column": 6 }, { "filePath": "src/register/registrationFields/TermsOfService.jsx", - "line": 17, + "line": 18, "column": 6 } ], "Alert.Link": [ { "filePath": "src/forgot-password/ForgotPasswordAlert.jsx", - "line": 38, + "line": 39, "column": 14 }, { "filePath": "src/login/AccountActivationMessage.jsx", - "line": 38, + "line": 39, "column": 8 }, { @@ -8248,7 +8068,7 @@ "StatefulButton": [ { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", - "line": 130, + "line": 131, "column": 12 }, { @@ -8258,17 +8078,17 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 205, + "line": 207, "column": 14 }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 217, + "line": 219, "column": 14 }, { "filePath": "src/recommendations/RecommendationsPage.jsx", - "line": 116, + "line": 117, "column": 14 }, { @@ -8278,86 +8098,86 @@ }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 195, + "line": 196, "column": 16 } ], "ModalDialog": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 36, + "line": 37, "column": 4 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 20, + "line": 21, "column": 4 } ], "ModalDialog.Header": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 43, + "line": 44, "column": 6 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 28, + "line": 29, "column": 6 } ], "ModalDialog.Title": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 44, + "line": 45, "column": 8 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 29, + "line": 30, "column": 8 } ], "ModalDialog.Body": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 48, + "line": 49, "column": 6 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 34, + "line": 35, "column": 6 } ], "ModalDialog.Footer": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 51, + "line": 52, "column": 6 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 38, + "line": 39, "column": 6 } ], "ActionRow": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 52, + "line": 53, "column": 8 }, { "filePath": "src/progressive-profiling/ProgressiveProfilingPageModal.jsx", - "line": 39, + "line": 40, "column": 8 } ], "ModalDialog.CloseButton": [ { "filePath": "src/login/ChangePasswordPrompt.jsx", - "line": 57, + "line": 58, "column": 12 } ], @@ -8369,12 +8189,12 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 183, + "line": 185, "column": 79 }, { "filePath": "src/register/RegistrationFailure.jsx", - "line": 42, + "line": 43, "column": 74 }, { @@ -8384,68 +8204,68 @@ }, { "filePath": "src/reset-password/ResetPasswordFailure.jsx", - "line": 36, + "line": 37, "column": 76 } ], "Card": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 46, + "line": 45, "column": 8 } ], "Card.ImageCap": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 47, + "line": 46, "column": 10 } ], "Card.Header": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 53, + "line": 52, "column": 10 } ], "Card.Section": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 57, + "line": 56, "column": 10 } ], "Card.Footer": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 58, + "line": 57, "column": 10 } ], "Container": [ { "filePath": "src/recommendations/RecommendationsList.jsx", - "line": 13, + "line": 12, "column": 4 } ], "Spinner": [ { "filePath": "src/recommendations/RecommendationsPage.jsx", - "line": 129, + "line": 130, "column": 12 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", - "line": 150, + "line": 151, "column": 13 } ], "ExpandLess": [ { "filePath": "src/register/registrationFields/CountryField.jsx", - "line": 121, + "line": 120, "column": 11 } ], @@ -8457,12 +8277,12 @@ }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 41, + "line": 42, "column": 34 }, { "filePath": "src/register/registrationFields/UsernameField.jsx", - "line": 45, + "line": 46, "column": 34 } ] @@ -10299,12 +10119,12 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 72, + "line": 74, "column": 4 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 134, + "line": 136, "column": 4 } ], @@ -10316,12 +10136,12 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 77, + "line": 79, "column": 6 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 139, + "line": 141, "column": 6 } ], @@ -10338,22 +10158,22 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 83, + "line": 85, "column": 8 }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 86, + "line": 88, "column": 8 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 151, + "line": 153, "column": 10 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 154, + "line": 156, "column": 10 } ], @@ -10445,17 +10265,17 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 31, + "line": 33, "column": 4 }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 84, + "line": 86, "column": 10 }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 87, + "line": 89, "column": 10 }, { @@ -10490,17 +10310,17 @@ }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 45, + "line": 47, "column": 4 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 152, + "line": 154, "column": 12 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 155, + "line": 157, "column": 12 }, { @@ -10587,22 +10407,22 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 84, + "line": 86, "column": 21 }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 87, + "line": 89, "column": 21 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 152, + "line": 154, "column": 23 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 155, + "line": 157, "column": 23 } ], @@ -10614,12 +10434,12 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 90, + "line": 92, "column": 6 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 160, + "line": 162, "column": 6 } ], @@ -10631,7 +10451,7 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 91, + "line": 93, "column": 8 }, { @@ -10646,7 +10466,7 @@ }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 161, + "line": 163, "column": 8 } ], @@ -10663,7 +10483,7 @@ }, { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 93, + "line": 95, "column": 12 }, { @@ -10673,22 +10493,22 @@ }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 163, + "line": 165, "column": 12 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 188, + "line": 190, "column": 12 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 235, + "line": 237, "column": 12 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 270, + "line": 272, "column": 18 } ], @@ -10740,7 +10560,7 @@ }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 266, + "line": 268, "column": 18 }, { @@ -11607,19 +11427,19 @@ "Check": [ { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 31, + "line": 33, "column": 15 }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 45, + "line": 47, "column": 15 } ], "Form.Radio": [ { "filePath": "src/discussions/learners/learner/LearnerFilterBar.jsx", - "line": 32, + "line": 34, "column": 4 }, { @@ -11629,7 +11449,7 @@ }, { "filePath": "src/discussions/posts/post-filter-bar/PostFilterBar.jsx", - "line": 46, + "line": 48, "column": 4 } ], @@ -14300,7 +14120,7 @@ }, { "filePath": "src/components/course/enrollment/components/ToDataSharingConsent.jsx", - "line": 44, + "line": 39, "column": 10 }, { @@ -15195,7 +15015,7 @@ }, { "filePath": "src/components/course/CourseRunCard.jsx", - "line": 235, + "line": 227, "column": 4 }, { @@ -15245,7 +15065,7 @@ }, { "filePath": "src/components/search/SearchCourseCard.jsx", - "line": 96, + "line": 81, "column": 4 }, { @@ -15307,7 +15127,7 @@ }, { "filePath": "src/components/search/SearchCourseCard.jsx", - "line": 105, + "line": 90, "column": 6 }, { @@ -15369,7 +15189,7 @@ }, { "filePath": "src/components/search/SearchCourseCard.jsx", - "line": 111, + "line": 96, "column": 6 }, { @@ -15406,7 +15226,7 @@ }, { "filePath": "src/components/course/CourseRunCard.jsx", - "line": 236, + "line": 228, "column": 6 }, { @@ -15471,7 +15291,7 @@ }, { "filePath": "src/components/search/SearchCourseCard.jsx", - "line": 123, + "line": 108, "column": 6 }, { @@ -15533,7 +15353,7 @@ }, { "filePath": "src/components/search/SearchCourseCard.jsx", - "line": 124, + "line": 109, "column": 6 }, { @@ -21456,12 +21276,7 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 75, - "column": 6 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 97, + "line": 63, "column": 8 } ], @@ -21473,12 +21288,7 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 79, - "column": 8 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 101, + "line": 67, "column": 10 } ], @@ -21512,12 +21322,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 16, - "column": 4 + "line": 21, + "column": 6 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 39, + "line": 38, "column": 6 } ], @@ -21531,11 +21341,6 @@ "filePath": "src/profile/ProfilePage.jsx", "line": 115, "column": 6 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 19, - "column": 4 } ], "Button": [ @@ -21658,12 +21463,17 @@ "Stack": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 27, + "line": 28, + "column": 4 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", + "line": 17, "column": 4 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 27, + "line": 28, "column": 4 }, { @@ -21683,43 +21493,26 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 96, - "column": 6 - } - ], - "Form.Label": [ - { - "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 28, - "column": 6 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 17, - "column": 6 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 28, + "line": 62, "column": 6 } ], "Row": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 39, + "line": 38, "column": 6 }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 88, + "line": 54, "column": 6 } ], "Col": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 42, + "line": 41, "column": 10 } ], @@ -21727,7 +21520,7 @@ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", "line": 22, - "column": 6 + "column": 8 } ], "Form.Autosuggest": [ @@ -21740,26 +21533,26 @@ "Form.AutosuggestOption": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx", - "line": 31, + "line": 32, "column": 8 } ], "Form.CheckboxSet": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 40, + "line": 39, "column": 8 } ], "Form.Checkbox": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 44, + "line": 43, "column": 10 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 47, + "line": 46, "column": 10 } ], @@ -21836,53 +21629,6 @@ "column": 10 } ], - "CardCarousel": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/CarouselStack.jsx", - "line": 40, - "column": 6 - } - ], - "Card": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 20, - "column": 6 - } - ], - "Card.ImageCap": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 21, - "column": 8 - } - ], - "Card.Header": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 27, - "column": 8 - } - ], - "Card.Section": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 28, - "column": 8 - } - ], - "Chip": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", - "line": 31, - "column": 12 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", - "line": 17, - "column": 8 - } - ], "useMediaQuery": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21897,6 +21643,13 @@ "column": 49 } ], + "Chip": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", + "line": 17, + "column": 8 + } + ], "SelectableBox.Set": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21911,24 +21664,17 @@ "column": 8 } ], - "ErrorOutline": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 77, - "column": 14 - } - ], "Spinner": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 89, + "line": 55, "column": 8 } ], "CheckCircle": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 99, + "line": 65, "column": 16 } ] @@ -24165,7 +23911,6 @@ } }, { - "version": "20.28.5", "name": "@edx/frontend-component-header", "repository": { "type": "git", @@ -27253,7 +26998,7 @@ }, { "filePath": "src/timer/ExamTimerBlock.jsx", - "line": 116, + "line": 117, "column": 14 } ], @@ -27338,24 +27083,23 @@ "Alert.Link": [ { "filePath": "src/timer/ExamTimerBlock.jsx", - "line": 71, - "column": 12 + "line": 72, + "column": 18 }, { "filePath": "src/timer/ExamTimerBlock.jsx", - "line": 89, + "line": 90, "column": 20 }, { "filePath": "src/timer/ExamTimerBlock.jsx", - "line": 98, + "line": 99, "column": 18 } ] } }, { - "version": "20.28.5", "name": "@edx/frontend-platform", "repository": { "type": "git", @@ -27455,12 +27199,12 @@ "Container": [ { "filePath": "src/packages/about-edx-page/template/AboutEdXPage/index.jsx", - "line": 374, + "line": 377, "column": 12 }, { "filePath": "src/packages/about-edx-page/template/AboutEdXPage/index.jsx", - "line": 398, + "line": 401, "column": 12 }, { From 998dfe35446fb7d7a6dbc5a044aea47f2aedab1a Mon Sep 17 00:00:00 2001 From: Keith Grootboom Date: Wed, 29 Mar 2023 17:40:49 +0200 Subject: [PATCH 08/31] test: improve coverage by adding tests for ButtonToolbar and ButtonGroup (#2166) --- src/Button/Button.test.jsx | 12 ++++ src/Button/ButtonGroup.test.jsx | 26 +++++++++ src/Button/ButtonToolbar.test.jsx | 15 +++++ src/Button/__snapshots__/Button.test.jsx.snap | 58 +++++++++++++++++++ .../__snapshots__/ButtonGroup.test.jsx.snap | 37 ++++++++++++ .../__snapshots__/ButtonToolbar.test.jsx.snap | 8 +++ src/Icon/Icon.test.jsx | 11 ++++ 7 files changed, 167 insertions(+) create mode 100644 src/Button/ButtonGroup.test.jsx create mode 100644 src/Button/ButtonToolbar.test.jsx create mode 100644 src/Button/__snapshots__/ButtonGroup.test.jsx.snap create mode 100644 src/Button/__snapshots__/ButtonToolbar.test.jsx.snap diff --git a/src/Button/Button.test.jsx b/src/Button/Button.test.jsx index 61f75041e5..79b2e72086 100644 --- a/src/Button/Button.test.jsx +++ b/src/Button/Button.test.jsx @@ -18,6 +18,18 @@ describe(' + )).toJSON(); + expect(tree).toMatchSnapshot(); + }); + it('renders with props iconAfter and size', () => { + const tree = renderer.create(( + + )).toJSON(); + expect(tree).toMatchSnapshot(); + }); it('renders with props iconBefore', () => { const tree = renderer.create(( diff --git a/src/Button/ButtonGroup.test.jsx b/src/Button/ButtonGroup.test.jsx new file mode 100644 index 0000000000..c43dc7ec2f --- /dev/null +++ b/src/Button/ButtonGroup.test.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import renderer from 'react-test-renderer'; + +import Button, { ButtonGroup } from './index'; + +describe('', () => { + describe('correct rendering', () => { + it('renders without props', () => { + const tree = renderer.create(( + + )).toJSON(); + expect(tree).toMatchSnapshot(); + }); + + it('renders with children', () => { + const tree = renderer.create(( + + + + + + )).toJSON(); + expect(tree).toMatchSnapshot(); + }); + }); +}); diff --git a/src/Button/ButtonToolbar.test.jsx b/src/Button/ButtonToolbar.test.jsx new file mode 100644 index 0000000000..efccb2a753 --- /dev/null +++ b/src/Button/ButtonToolbar.test.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +import renderer from 'react-test-renderer'; + +import { ButtonToolbar } from './index'; + +describe('', () => { + describe('correct rendering', () => { + it('renders without props', () => { + const tree = renderer.create(( + + )).toJSON(); + expect(tree).toMatchSnapshot(); + }); + }); +}); diff --git a/src/Button/__snapshots__/Button.test.jsx.snap b/src/Button/__snapshots__/Button.test.jsx.snap index 503d7ebd29..1a3ef8a158 100644 --- a/src/Button/__snapshots__/Button.test.jsx.snap +++ b/src/Button/__snapshots__/Button.test.jsx.snap @@ -53,6 +53,35 @@ exports[` `; +exports[` +`; + exports[` `; +exports[` +`; + exports[` + + + +`; + +exports[` correct rendering renders without props 1`] = ` +
+`; diff --git a/src/Button/__snapshots__/ButtonToolbar.test.jsx.snap b/src/Button/__snapshots__/ButtonToolbar.test.jsx.snap new file mode 100644 index 0000000000..1d9d29090f --- /dev/null +++ b/src/Button/__snapshots__/ButtonToolbar.test.jsx.snap @@ -0,0 +1,8 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[` correct rendering renders without props 1`] = ` +
+`; diff --git a/src/Icon/Icon.test.jsx b/src/Icon/Icon.test.jsx index abd9725f6e..8183c3a6e8 100644 --- a/src/Icon/Icon.test.jsx +++ b/src/Icon/Icon.test.jsx @@ -10,6 +10,10 @@ const classNames = [ ]; const srTest = 'srTest'; +function BlankSrc() { + return
; +} + let wrapper; describe('', () => { @@ -53,5 +57,12 @@ describe('', () => { expect(iconSpans.at(0).prop('id')).toEqual(testId); expect(iconSpans.at(1).hasClass('sr-only')).toEqual(true); }); + it('receives size prop correctly', () => { + wrapper = mount(); + const iconSpans = wrapper.find('span'); + const iconSpan = iconSpans.at(0); + + expect(iconSpan.hasClass('pgn__icon__xs')).toEqual(true); + }); }); }); From 6e69a4ee9b64bced5fff368b8c9cef27ff1c25f6 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 30 Mar 2023 10:10:12 -0400 Subject: [PATCH 09/31] docs: update dependent-usage.json (#2171) --- dependent-usage.json | 46 ++++++++++++++++++++++---------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 28056df97d..7024429215 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680098920171, + "lastModified": 1680185365552, "projectUsages": [ { "version": "19.19.1", @@ -10205,17 +10205,17 @@ }, { "filePath": "src/components/TopicStats.jsx", - "line": 40, + "line": 41, "column": 10 }, { "filePath": "src/components/TopicStats.jsx", - "line": 56, + "line": 58, "column": 10 }, { "filePath": "src/components/TopicStats.jsx", - "line": 80, + "line": 83, "column": 12 }, { @@ -10380,17 +10380,17 @@ }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 70, + "line": 71, "column": 16 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 86, + "line": 88, "column": 16 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 110, + "line": 113, "column": 18 } ], @@ -10892,12 +10892,12 @@ }, { "filePath": "src/components/TopicStats.jsx", - "line": 44, + "line": 45, "column": 6 }, { "filePath": "src/components/TopicStats.jsx", - "line": 61, + "line": 63, "column": 8 }, { @@ -10972,29 +10972,29 @@ }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 74, + "line": 75, "column": 12 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 91, + "line": 93, "column": 14 } ], "Tooltip": [ { "filePath": "src/components/TopicStats.jsx", - "line": 30, + "line": 31, "column": 10 }, { "filePath": "src/components/TopicStats.jsx", - "line": 46, + "line": 48, "column": 10 }, { "filePath": "src/components/TopicStats.jsx", - "line": 63, + "line": 66, "column": 12 }, { @@ -11064,48 +11064,48 @@ }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 60, + "line": 61, "column": 16 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 76, + "line": 78, "column": 16 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 93, + "line": 96, "column": 18 } ], "PostOutline": [ { "filePath": "src/components/TopicStats.jsx", - "line": 40, + "line": 41, "column": 21 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 70, + "line": 71, "column": 27 } ], "HelpOutline": [ { "filePath": "src/components/TopicStats.jsx", - "line": 56, + "line": 58, "column": 21 }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 86, + "line": 88, "column": 27 } ], "Report": [ { "filePath": "src/components/TopicStats.jsx", - "line": 80, + "line": 83, "column": 23 }, { @@ -11115,7 +11115,7 @@ }, { "filePath": "src/discussions/topics/topic-group/topic/Topic.jsx", - "line": 110, + "line": 113, "column": 29 } ], From c6c12e725a1b3d2740e61654aeb6991972200a68 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sat, 1 Apr 2023 10:08:43 -0400 Subject: [PATCH 10/31] docs: update dependent-usage.json (#2172) --- dependent-usage.json | 659 ++++++++++++++++++++++--------------------- 1 file changed, 344 insertions(+), 315 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 7024429215..4053df43de 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680185365552, + "lastModified": 1680358078160, "projectUsages": [ { "version": "19.19.1", @@ -1918,16 +1918,6 @@ "line": 141, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 219, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 220, - "column": 10 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 216, @@ -2287,36 +2277,6 @@ "line": 121, "column": 8 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 125, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 143, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 161, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 173, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 189, - "column": 8 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 205, - "column": 8 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 116, @@ -2616,36 +2576,6 @@ "line": 122, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 126, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 144, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 162, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 174, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 190, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 206, - "column": 10 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 117, @@ -4445,16 +4375,6 @@ "line": 22, "column": 47 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 24, - "column": 47 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 25, - "column": 47 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 25, @@ -6744,21 +6664,6 @@ "line": 114, "column": 10 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 136, - "column": 10 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 186, - "column": 12 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 202, - "column": 12 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 127, @@ -7015,11 +6920,6 @@ "line": 102, "column": 6 }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/MoodleConfig.jsx", - "line": 124, - "column": 6 - }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigs/SAPConfig.jsx", "line": 115, @@ -7071,12 +6971,7 @@ }, { "filePath": "src/components/settings/SettingsLMSTab/LMSConfigPage.jsx", - "line": 80, - "column": 12 - }, - { - "filePath": "src/components/settings/SettingsLMSTab/LMSConfigPage.jsx", - "line": 113, + "line": 81, "column": 12 }, { @@ -7335,7 +7230,7 @@ } }, { - "version": "20.28.4", + "version": "20.29.0", "name": "@edx/frontend-app-authn", "repository": { "type": "git", @@ -7406,8 +7301,8 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 194, - "column": 16 + "line": 193, + "column": 14 }, { "filePath": "src/recommendations/RecommendationCard.jsx", @@ -7527,8 +7422,8 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 190, - "column": 10 + "line": 189, + "column": 8 }, { "filePath": "src/register/RegistrationPage.jsx", @@ -7773,8 +7668,8 @@ }, { "filePath": "src/common-components/Logistration.jsx", - "line": 111, - "column": 20 + "line": 110, + "column": 18 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", @@ -7800,13 +7695,13 @@ }, { "filePath": "src/common-components/Logistration.jsx", - "line": 112, - "column": 22 + "line": 111, + "column": 20 }, { "filePath": "src/common-components/Logistration.jsx", - "line": 113, - "column": 22 + "line": 112, + "column": 20 }, { "filePath": "src/forgot-password/ForgotPasswordPage.jsx", @@ -7948,8 +7843,8 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 185, - "column": 12 + "line": 184, + "column": 10 }, { "filePath": "src/register/RegistrationFailure.jsx", @@ -7995,8 +7890,8 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 186, - "column": 14 + "line": 185, + "column": 12 }, { "filePath": "src/register/RegistrationFailure.jsx", @@ -8078,13 +7973,13 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 207, - "column": 14 + "line": 206, + "column": 12 }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 219, - "column": 14 + "line": 218, + "column": 12 }, { "filePath": "src/recommendations/RecommendationsPage.jsx", @@ -8189,8 +8084,8 @@ }, { "filePath": "src/progressive-profiling/ProgressiveProfiling.jsx", - "line": 185, - "column": 79 + "line": 184, + "column": 77 }, { "filePath": "src/register/RegistrationFailure.jsx", @@ -21276,7 +21171,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 63, + "line": 75, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 97, "column": 8 } ], @@ -21288,7 +21188,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 67, + "line": 79, + "column": 8 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 101, "column": 10 } ], @@ -21322,12 +21227,12 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 21, - "column": 6 + "line": 16, + "column": 4 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 38, + "line": 39, "column": 6 } ], @@ -21341,6 +21246,11 @@ "filePath": "src/profile/ProfilePage.jsx", "line": 115, "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 19, + "column": 4 } ], "Button": [ @@ -21463,17 +21373,12 @@ "Stack": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 28, - "column": 4 - }, - { - "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", - "line": 17, + "line": 27, "column": 4 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 28, + "line": 27, "column": 4 }, { @@ -21493,26 +21398,43 @@ }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 62, + "line": 96, + "column": 6 + } + ], + "Form.Label": [ + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", + "line": 28, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", + "line": 17, + "column": 6 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", + "line": 28, "column": 6 } ], "Row": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 38, + "line": 39, "column": 6 }, { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 54, + "line": 88, "column": 6 } ], "Col": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/CareerInterestSelect.jsx", - "line": 41, + "line": 42, "column": 10 } ], @@ -21520,7 +21442,7 @@ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/GoalSelect.jsx", "line": 22, - "column": 8 + "column": 6 } ], "Form.Autosuggest": [ @@ -21533,26 +21455,26 @@ "Form.AutosuggestOption": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx", - "line": 32, + "line": 31, "column": 8 } ], "Form.CheckboxSet": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 39, + "line": 40, "column": 8 } ], "Form.Checkbox": [ { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 43, + "line": 44, "column": 10 }, { "filePath": "src/skills-builder/skills-builder-modal/select-preferences/JobTitleSelect.jsx", - "line": 46, + "line": 47, "column": 10 } ], @@ -21629,6 +21551,53 @@ "column": 10 } ], + "CardCarousel": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/CarouselStack.jsx", + "line": 40, + "column": 6 + } + ], + "Card": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 20, + "column": 6 + } + ], + "Card.ImageCap": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 21, + "column": 8 + } + ], + "Card.Header": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 27, + "column": 8 + } + ], + "Card.Section": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 28, + "column": 8 + } + ], + "Chip": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RecommendationCard.jsx", + "line": 31, + "column": 12 + }, + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", + "line": 17, + "column": 8 + } + ], "useMediaQuery": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21643,13 +21612,6 @@ "column": 49 } ], - "Chip": [ - { - "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", - "line": 17, - "column": 8 - } - ], "SelectableBox.Set": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/RelatedSkillsSelectableBoxSet.jsx", @@ -21664,17 +21626,24 @@ "column": 8 } ], + "ErrorOutline": [ + { + "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", + "line": 77, + "column": 14 + } + ], "Spinner": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 55, + "line": 89, "column": 8 } ], "CheckCircle": [ { "filePath": "src/skills-builder/skills-builder-modal/view-results/ViewResults.jsx", - "line": 65, + "line": 99, "column": 16 } ] @@ -24931,7 +24900,7 @@ }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/Tolerance/index.jsx", - "line": 77, + "line": 74, "column": 6 }, { @@ -25018,8 +24987,13 @@ }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 64, - "column": 10 + "line": 55, + "column": 8 + }, + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", + "line": 69, + "column": 8 }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/GeneralFeedback/index.jsx", @@ -25063,12 +25037,12 @@ }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/Tolerance/index.jsx", - "line": 78, + "line": 75, "column": 8 }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/Tolerance/index.jsx", - "line": 95, + "line": 92, "column": 10 }, { @@ -25223,14 +25197,19 @@ }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 88, + "line": 118, "column": 20 }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 95, + "line": 125, "column": 18 }, + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 53, + "column": 12 + }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/GroupFeedback/GroupFeedbackRow.jsx", "line": 33, @@ -25459,12 +25438,12 @@ }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 86, + "line": 116, "column": 10 }, { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 93, + "line": 123, "column": 8 }, { @@ -25582,7 +25561,7 @@ "Collapsible.Advanced": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 42, + "line": 89, "column": 4 }, { @@ -25624,7 +25603,7 @@ "Collapsible.Body": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 74, + "line": 104, "column": 8 }, { @@ -25661,7 +25640,7 @@ "Collapsible.Trigger": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 85, + "line": 115, "column": 8 }, { @@ -25678,14 +25657,14 @@ "FeedbackOutline": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 87, + "line": 117, "column": 17 } ], "DeleteOutline": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx", - "line": 94, + "line": 124, "column": 15 }, { @@ -25719,6 +25698,176 @@ "column": 19 } ], + "Dropdown": [ + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 48, + "column": 8 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 69, + "column": 12 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 85, + "column": 6 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 36, + "column": 4 + }, + { + "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", + "line": 46, + "column": 4 + } + ], + "Dropdown.Toggle": [ + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 49, + "column": 10 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 70, + "column": 14 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 88, + "column": 8 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 37, + "column": 6 + }, + { + "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", + "line": 47, + "column": 6 + } + ], + "Add": [ + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 54, + "column": 19 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx", + "line": 74, + "column": 26 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx", + "line": 168, + "column": 24 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx", + "line": 165, + "column": 20 + }, + { + "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/index.jsx", + "line": 56, + "column": 28 + } + ], + "Dropdown.Menu": [ + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 58, + "column": 10 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 78, + "column": 14 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 98, + "column": 8 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 45, + "column": 6 + }, + { + "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", + "line": 50, + "column": 6 + } + ], + "Dropdown.Item": [ + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 59, + "column": 12 + }, + { + "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswersContainer.jsx", + "line": 66, + "column": 12 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 79, + "column": 16 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 85, + "column": 16 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", + "line": 88, + "column": 16 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 101, + "column": 22 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 104, + "column": 22 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", + "line": 106, + "column": 20 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 46, + "column": 8 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 52, + "column": 8 + }, + { + "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", + "line": 55, + "column": 8 + }, + { + "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", + "line": 52, + "column": 10 + } + ], "Form.Label": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/components/Checker/index.jsx", @@ -25913,7 +26062,7 @@ "Alert": [ { "filePath": "src/editors/containers/ProblemEditor/components/EditProblemView/SettingsWidget/settingsComponents/Tolerance/index.jsx", - "line": 66, + "line": 63, "column": 7 }, { @@ -26297,50 +26446,6 @@ "column": 10 } ], - "Dropdown": [ - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 69, - "column": 12 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 85, - "column": 6 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 36, - "column": 4 - }, - { - "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", - "line": 46, - "column": 4 - } - ], - "Dropdown.Toggle": [ - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 70, - "column": 14 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 88, - "column": 8 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 37, - "column": 6 - }, - { - "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", - "line": 47, - "column": 6 - } - ], "MoreHoriz": [ { "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", @@ -26353,80 +26458,6 @@ "column": 13 } ], - "Dropdown.Menu": [ - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 78, - "column": 14 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 98, - "column": 8 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 45, - "column": 6 - }, - { - "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", - "line": 50, - "column": 6 - } - ], - "Dropdown.Item": [ - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 79, - "column": 16 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 85, - "column": 16 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", - "line": 88, - "column": 16 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 101, - "column": 22 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 104, - "column": 22 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/LanguageSelector.jsx", - "line": 106, - "column": 20 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 46, - "column": 8 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 52, - "column": 8 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/TranscriptActionMenu.jsx", - "line": 55, - "column": 8 - }, - { - "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/SearchSort.jsx", - "line": 52, - "column": 10 - } - ], "FileUpload": [ { "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx", @@ -26439,28 +26470,6 @@ "column": 24 } ], - "Add": [ - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx", - "line": 74, - "column": 26 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx", - "line": 168, - "column": 24 - }, - { - "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx", - "line": 165, - "column": 20 - }, - { - "filePath": "src/editors/sharedComponents/ImageUploadModal/SelectImageModal/index.jsx", - "line": 56, - "column": 28 - } - ], "Copyright": [ { "filePath": "src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/LicenseBlurb.jsx", @@ -27279,7 +27288,7 @@ }, { "filePath": "src/packages/exec-ed-page/template/ExecEdDetailPage/index.jsx", - "line": 461, + "line": 465, "column": 18 }, { @@ -27684,6 +27693,16 @@ "line": 131, "column": 12 }, + { + "filePath": "src/packages/common/ui/ProactiveMessage/index.jsx", + "line": 53, + "column": 12 + }, + { + "filePath": "src/packages/common/ui/ProactiveMessage/index.jsx", + "line": 63, + "column": 10 + }, { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", "line": 116, @@ -27711,7 +27730,7 @@ }, { "filePath": "src/packages/exec-ed-page/template/ExecEdDetailPage/index.jsx", - "line": 323, + "line": 327, "column": 6 }, { @@ -27873,6 +27892,11 @@ "line": 66, "column": 10 }, + { + "filePath": "src/packages/common/ui/ProactiveMessage/index.jsx", + "line": 60, + "column": 14 + }, { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", "line": 120, @@ -28227,6 +28251,11 @@ "line": 186, "column": 52 }, + { + "filePath": "src/packages/common/ui/ProactiveMessage/index.jsx", + "line": 60, + "column": 57 + }, { "filePath": "src/packages/common/ui/SitewideBanner/index.jsx", "line": 83, From 08acb114ab7282f0f140d801bbefde245d168380 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 2 Apr 2023 10:09:44 -0400 Subject: [PATCH 11/31] docs: update dependent-usage.json (#2173) --- dependent-usage.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dependent-usage.json b/dependent-usage.json index 4053df43de..68c98fe945 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680358078160, + "lastModified": 1680444542174, "projectUsages": [ { "version": "19.19.1", From e7aad580018474ada4c45e0328fe7a0e65157316 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 3 Apr 2023 10:09:50 -0400 Subject: [PATCH 12/31] docs: update dependent-usage.json (#2175) --- dependent-usage.json | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 68c98fe945..88dbb02e07 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680444542174, + "lastModified": 1680530945543, "projectUsages": [ { "version": "19.19.1", @@ -7427,8 +7427,8 @@ }, { "filePath": "src/register/RegistrationPage.jsx", - "line": 495, - "column": 10 + "line": 543, + "column": 12 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", @@ -7988,8 +7988,8 @@ }, { "filePath": "src/register/RegistrationPage.jsx", - "line": 554, - "column": 12 + "line": 602, + "column": 14 }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", @@ -8106,35 +8106,35 @@ "Card": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 45, + "line": 46, "column": 8 } ], "Card.ImageCap": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 46, + "line": 47, "column": 10 } ], "Card.Header": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 52, + "line": 53, "column": 10 } ], "Card.Section": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 56, + "line": 57, "column": 10 } ], "Card.Footer": [ { "filePath": "src/recommendations/RecommendationCard.jsx", - "line": 57, + "line": 58, "column": 10 } ], @@ -8151,6 +8151,11 @@ "line": 130, "column": 12 }, + { + "filePath": "src/register/RegistrationPage.jsx", + "line": 529, + "column": 12 + }, { "filePath": "src/reset-password/ResetPasswordPage.jsx", "line": 151, From 05476c25ca9665be4f7fce67fb8ac8cf134bfbf2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 4 Apr 2023 10:10:30 -0400 Subject: [PATCH 13/31] docs: update dependent-usage.json (#2176) --- dependent-usage.json | 93 ++++++++++++++++++++++++++++---------------- 1 file changed, 60 insertions(+), 33 deletions(-) diff --git a/dependent-usage.json b/dependent-usage.json index 88dbb02e07..b53d0fadf4 100644 --- a/dependent-usage.json +++ b/dependent-usage.json @@ -1,5 +1,5 @@ { - "lastModified": 1680530945543, + "lastModified": 1680617373634, "projectUsages": [ { "version": "19.19.1", @@ -21972,7 +21972,7 @@ }, { "filePath": "src/components/RenderSelectField/index.jsx", - "line": 17, + "line": 16, "column": 2 }, { @@ -21999,7 +21999,7 @@ }, { "filePath": "src/components/RenderSelectField/index.jsx", - "line": 18, + "line": 17, "column": 21 }, { @@ -22026,7 +22026,7 @@ }, { "filePath": "src/components/RenderSelectField/index.jsx", - "line": 19, + "line": 18, "column": 4 }, { @@ -27196,7 +27196,7 @@ }, { "filePath": "src/packages/common/ui/Header/components/SiteNav/components/SiteNavLink.jsx", - "line": 90, + "line": 93, "column": 15 }, { @@ -27293,7 +27293,7 @@ }, { "filePath": "src/packages/exec-ed-page/template/ExecEdDetailPage/index.jsx", - "line": 465, + "line": 459, "column": 18 }, { @@ -27363,7 +27363,7 @@ }, { "filePath": "src/packages/learn-page/components/DynamicProductList/index.jsx", - "line": 225, + "line": 224, "column": 6 }, { @@ -27488,7 +27488,7 @@ }, { "filePath": "src/packages/open-course-page/components/CourseRecommendations/Variant1/index.jsx", - "line": 16, + "line": 15, "column": 4 }, { @@ -27648,7 +27648,7 @@ }, { "filePath": "src/packages/search-page/components/Results/SecondLevelResult.jsx", - "line": 40, + "line": 39, "column": 4 }, { @@ -27710,7 +27710,7 @@ }, { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 116, + "line": 121, "column": 16 }, { @@ -27750,7 +27750,7 @@ }, { "filePath": "src/packages/modular-page/modules/DynamicProductModule/index.jsx", - "line": 37, + "line": 39, "column": 12 }, { @@ -27884,7 +27884,7 @@ }, { "filePath": "src/packages/common/ui/Header/components/SiteNav/components/SiteNavLink.jsx", - "line": 91, + "line": 94, "column": 18 }, { @@ -27902,11 +27902,6 @@ "line": 60, "column": 14 }, - { - "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", - "line": 120, - "column": 10 - }, { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", "line": 128, @@ -27947,6 +27942,21 @@ "line": 184, "column": 10 }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 192, + "column": 10 + }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 200, + "column": 10 + }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 344, + "column": 14 + }, { "filePath": "src/packages/degree-page/template/DegreeDetailPage/index.jsx", "line": 252, @@ -28079,12 +28089,12 @@ }, { "filePath": "src/packages/modular-page/modules/FootnoteModule/index.jsx", - "line": 53, + "line": 54, "column": 16 }, { "filePath": "src/packages/modular-page/modules/FootnoteModule/index.jsx", - "line": 110, + "line": 124, "column": 16 }, { @@ -28604,7 +28614,7 @@ }, { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", - "line": 311, + "line": 336, "column": 14 }, { @@ -28893,7 +28903,7 @@ "IconButton": [ { "filePath": "src/packages/common/ui/Header/components/SiteNav/components/SiteNavLink.jsx", - "line": 89, + "line": 92, "column": 8 }, { @@ -29100,11 +29110,6 @@ } ], "Launch": [ - { - "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", - "line": 120, - "column": 48 - }, { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", "line": 128, @@ -29145,6 +29150,21 @@ "line": 184, "column": 48 }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 192, + "column": 48 + }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 200, + "column": 48 + }, + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 344, + "column": 25 + }, { "filePath": "src/packages/exec-ed-page/components/CourseCurriculum/index.jsx", "line": 101, @@ -29184,7 +29204,7 @@ "Card": [ { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", - "line": 266, + "line": 291, "column": 8 }, { @@ -29211,7 +29231,7 @@ "Card.Body": [ { "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", - "line": 291, + "line": 316, "column": 10 }, { @@ -29225,6 +29245,13 @@ "column": 6 } ], + "Card.Footer": [ + { + "filePath": "src/packages/common/ui/ProductCardLegacy/index.jsx", + "line": 342, + "column": 12 + } + ], "MarketingModal": [ { "filePath": "src/packages/common/ui/SaveForLaterMarketingModal/index.jsx", @@ -29276,14 +29303,14 @@ "FormGroup": [ { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 132, + "line": 137, "column": 10 } ], "FormControl": [ { "filePath": "src/packages/degree-page/components/TabSections/index.jsx", - "line": 133, + "line": 138, "column": 12 } ], @@ -29482,7 +29509,7 @@ }, { "filePath": "src/packages/modular-page/modules/FootnoteModule/index.jsx", - "line": 105, + "line": 119, "column": 14 } ], @@ -29629,7 +29656,7 @@ "OpenInNew": [ { "filePath": "src/packages/modular-page/modules/FootnoteModule/index.jsx", - "line": 54, + "line": 55, "column": 23 }, { @@ -29646,7 +29673,7 @@ "ArrowUpward": [ { "filePath": "src/packages/modular-page/modules/FootnoteModule/index.jsx", - "line": 111, + "line": 125, "column": 23 } ], From fc24230c51204174d15f4588431290b908c4f19e Mon Sep 17 00:00:00 2001 From: Kira Miller <31229189+kiram15@users.noreply.github.com> Date: Tue, 4 Apr 2023 10:09:08 -0600 Subject: [PATCH 14/31] feat: create new ColorPicker component (#2003) * feat: create new ColorPicker component * fix: PWG review changes --- package-lock.json | 16 +++ package.json | 1 + src/ColorPicker/ColorPicker.scss | 52 ++++++++ src/ColorPicker/ColorPicker.test.jsx | 42 +++++++ src/ColorPicker/README.md | 45 +++++++ .../__snapshots__/ColorPicker.test.jsx.snap | 19 +++ src/ColorPicker/_variables.scss | 2 + src/ColorPicker/index.jsx | 112 ++++++++++++++++++ src/index.js | 1 + src/index.scss | 1 + 10 files changed, 291 insertions(+) create mode 100644 src/ColorPicker/ColorPicker.scss create mode 100644 src/ColorPicker/ColorPicker.test.jsx create mode 100644 src/ColorPicker/README.md create mode 100644 src/ColorPicker/__snapshots__/ColorPicker.test.jsx.snap create mode 100644 src/ColorPicker/_variables.scss create mode 100644 src/ColorPicker/index.jsx diff --git a/package-lock.json b/package-lock.json index 831e728944..a7802b9126 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,6 +22,7 @@ "mailto-link": "^2.0.0", "prop-types": "^15.8.1", "react-bootstrap": "^1.6.5", + "react-colorful": "^5.6.1", "react-dropzone": "^14.2.1", "react-focus-on": "^3.5.4", "react-loading-skeleton": "^3.1.0", @@ -15479,6 +15480,15 @@ "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-colorful": { + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz", + "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, "node_modules/react-dom": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", @@ -29758,6 +29768,12 @@ "@babel/runtime": "^7.12.13" } }, + "react-colorful": { + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz", + "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", + "requires": {} + }, "react-dom": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", diff --git a/package.json b/package.json index 57afbaaa11..c392e08300 100644 --- a/package.json +++ b/package.json @@ -61,6 +61,7 @@ "mailto-link": "^2.0.0", "prop-types": "^15.8.1", "react-bootstrap": "^1.6.5", + "react-colorful": "^5.6.1", "react-dropzone": "^14.2.1", "react-focus-on": "^3.5.4", "react-loading-skeleton": "^3.1.0", diff --git a/src/ColorPicker/ColorPicker.scss b/src/ColorPicker/ColorPicker.scss new file mode 100644 index 0000000000..a9139304b1 --- /dev/null +++ b/src/ColorPicker/ColorPicker.scss @@ -0,0 +1,52 @@ +@import "variables"; + +.pgn__color-picker { + box-shadow: 0 0 3px 1px $gray-300; + border: none; + background: + linear-gradient(to bottom right, + rgb(255, 0, 0) 0%, + rgb(255, 154, 0) 17%, + rgb(208, 222, 33) 33%, + rgb(79, 220, 74) 40%, + rgb(28, 127, 238) 75%, + rgb(95, 21, 242) 86%, + rgb(186, 12, 248) 100% + ); + + &.pgn__color-picker-sm { + height: $picker-size-sm; + width: $picker-size-sm; + } + + &.pgn__color-picker-md { + height: $picker-size-md; + width: $picker-size-md; + } +} + +.pgn__color-modal { + background: $white; + padding-bottom: .1rem; + margin-bottom: 1rem; +} + +.pgn__color-error { + font-size: 70%; +} + +.pgn__hex-form { + display: flex; + max-width: 180px; + margin: 5px; + + h5 { + margin: 10px; + } + + .form-field { + @media (min-width: map-get($grid-breakpoints, "sm")) { + margin-inline-end: 0; + } + } +} diff --git a/src/ColorPicker/ColorPicker.test.jsx b/src/ColorPicker/ColorPicker.test.jsx new file mode 100644 index 0000000000..60daa02323 --- /dev/null +++ b/src/ColorPicker/ColorPicker.test.jsx @@ -0,0 +1,42 @@ +import React from 'react'; +import renderer from 'react-test-renderer'; +import userEvent from '@testing-library/user-event'; +import { render, fireEvent, screen } from '@testing-library/react'; +import { act } from 'react-dom/test-utils'; +import '@testing-library/jest-dom'; +import ColorPicker from './index'; + +describe('renders correctly', () => { + const color = ''; + const setColor = jest.fn(); + it('successfully renders', () => { + const tree = renderer.create().toJSON(); + expect(tree).toMatchSnapshot(); + }); + it('renders with defaults', () => { + const { container } = render(); + expect(container.firstChild.firstChild).toHaveClass('pgn__color-picker-md'); + }); + it('renders with the passed variables ', () => { + const className = 'testClassName'; + const { container } = render( + , + ); + expect(container.firstChild.firstChild).toHaveClass(className); + expect(container.firstChild.firstChild).toHaveClass('pgn__color-picker-lg'); + }); +}); +describe('picker works as expected', () => { + const color = 'wassap'; + const setColor = jest.fn(); + it('validates hex color', async () => { + render(); + await act(async () => { + userEvent.click(screen.getByRole('button')); + }); + expect(screen.queryByText('Colors must be in hexadecimal format.')).toBeInTheDocument(); + const input = screen.getByTestId('hex-input'); + fireEvent.change(input, { target: { value: '#32116c' } }); + expect(screen.queryByText('Colors must be in hexadecimal format.')).not.toBeInTheDocument(); + }); +}); diff --git a/src/ColorPicker/README.md b/src/ColorPicker/README.md new file mode 100644 index 0000000000..484d9620d8 --- /dev/null +++ b/src/ColorPicker/README.md @@ -0,0 +1,45 @@ +--- +title: 'ColorPicker' +type: 'component' +components: +- ColorPicker +categories: +- Imagery & Iconography +status: 'In progress' +designStatus: 'In progress' +devStatus: 'In progress' +notes: | +--- + +### Basic Usage + +```jsx live +() => { + const [colorSm, setColorSm] = useState('') + const [colorMd, setColorMd] = useState('') + + return ( +
+ + +
+ ) +} +``` +### With good and malformatted default color passed + +```jsx live + +() => { + const [color, setColor] = useState('#32116c') + const [colorBad, setColorBad] = useState('#badcolor') + + return ( +
+ + +
+ ) +} +``` + diff --git a/src/ColorPicker/__snapshots__/ColorPicker.test.jsx.snap b/src/ColorPicker/__snapshots__/ColorPicker.test.jsx.snap new file mode 100644 index 0000000000..7e0187dd59 --- /dev/null +++ b/src/ColorPicker/__snapshots__/ColorPicker.test.jsx.snap @@ -0,0 +1,19 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`renders correctly successfully renders 1`] = ` + +