@openedx/frontend-app-learner-dashboard 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/containers/CourseCard/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/CourseCard/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,mCAAmC;QACvC,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,kBAAkB;KACnC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,UAAU;KAC3B;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,kDAAkD;QACtD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,wCAAwC;KACzD;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,6CAA6C;QAC1D,cAAc,EAAE,0BAA0B;KAC3C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  bannerAlt: {\n    id: 'learner-dash.courseCard.bannerAlt',\n    description: 'Course card banner alt-text',\n    defaultMessage: 'Course thumbnail',\n  },\n  verifiedBanner: {\n    id: 'learner-dash.courseCard.verifiedBanner',\n    description: 'Course card verified banner',\n    defaultMessage: 'Verified',\n  },\n  verifiedHoverDescription: {\n    id: 'learner-dash.courseCard.verifiedHoverDescription',\n    description: 'Course card verified hover description',\n    defaultMessage: 'You\\'re enrolled as a verified student',\n  },\n  verifiedBannerRibbonAlt: {\n    id: 'learner-dash.courseCard.verifiedBannerRibbonAlt',\n    description: 'Course card verified banner ribbon alt-text',\n    defaultMessage: 'ID Verified Ribbon/Badge',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseFilterControls/ActiveCourseFilters.d.ts

@@ -0,0 +1,2 @@
+export function ActiveCourseFilters(): import("react/jsx-runtime").JSX.Element;
+export default ActiveCourseFilters;

package/dist/containers/CourseFilterControls/ActiveCourseFilters.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, Chip } from '@openedx/paragon';
+import { CloseSmall } from '@openedx/paragon/icons';
+import { useFilters } from '../../data/context';
+import messages from './messages';
+import './index.scss';
+export const ActiveCourseFilters = () => {
+    const { formatMessage } = useIntl();
+    const { filters, clearFilters, removeFilter } = useFilters();
+    return (_jsxs("div", { id: "course-list-active-filters", children: [filters.map(filter => (_jsx(Chip, { iconAfter: CloseSmall, onClick: () => removeFilter(filter), children: formatMessage(messages[filter]) }, filter))), _jsx(Button, { variant: "link", onClick: clearFilters, children: formatMessage(messages.clearAll) })] }));
+};
+export default ActiveCourseFilters;
+//# sourceMappingURL=ActiveCourseFilters.js.map

package/dist/containers/CourseFilterControls/ActiveCourseFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveCourseFilters.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/ActiveCourseFilters.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,CAAC;IAE7D,OAAO,CACL,eAAK,EAAE,EAAC,4BAA4B,aACjC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,IAAI,IAEH,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAElC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAJ3B,MAAM,CAKN,CACR,CAAC,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,YAAY,YACzC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC1B,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Button, Chip } from '@openedx/paragon';\nimport { CloseSmall } from '@openedx/paragon/icons';\nimport { useFilters } from '@src/data/context';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const ActiveCourseFilters = () => {\n  const { formatMessage } = useIntl();\n  const { filters, clearFilters, removeFilter } = useFilters();\n\n  return (\n    <div id=\"course-list-active-filters\">\n      {filters.map(filter => (\n        <Chip\n          key={filter}\n          iconAfter={CloseSmall}\n          onClick={() => removeFilter(filter)}\n        >\n          {formatMessage(messages[filter])}\n        </Chip>\n      ))}\n      <Button variant=\"link\" onClick={clearFilters}>\n        {formatMessage(messages.clearAll)}\n      </Button>\n    </div>\n  );\n};\n\nexport default ActiveCourseFilters;\n"]}

package/dist/containers/CourseFilterControls/CourseFilterControls.d.ts

@@ -0,0 +1,2 @@
+export function CourseFilterControls(): import("react/jsx-runtime").JSX.Element;
+export default CourseFilterControls;

package/dist/containers/CourseFilterControls/CourseFilterControls.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import track from '../../tracking';
+import { Button, Form, Icon, ModalPopup, Sheet, breakpoints, useWindowSize, ModalCloseButton, } from '@openedx/paragon';
+import { Close, Tune } from '@openedx/paragon/icons';
+import { useInitializeLearnerHome } from '../../data/hooks';
+import { useFilters } from '../../data/context';
+import FilterForm from './components/FilterForm';
+import SortForm from './components/SortForm';
+import messages from './messages';
+import './index.scss';
+export const CourseFilterControls = () => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [targetRef, setTargetRef] = React.useState(null);
+    const { formatMessage } = useIntl();
+    const { data } = useInitializeLearnerHome();
+    const hasCourses = React.useMemo(() => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.courses) === null || _a === void 0 ? void 0 : _a.length) > 0; }, [data]);
+    const { filters, sortBy, setSortBy, addFilter, removeFilter, } = useFilters();
+    const openFiltersOptions = () => {
+        track.filter.filterClicked();
+        setIsOpen(true);
+    };
+    const closeFiltersOptions = () => {
+        track.filter.filterOptionSelected(filters);
+        setIsOpen(false);
+    };
+    const handleSortChange = (event) => {
+        setSortBy(event.target.value);
+    };
+    const handleFilterChange = ({ target: { checked, value } }) => {
+        const update = checked ? addFilter : removeFilter;
+        update(value);
+    };
+    const { width } = useWindowSize();
+    const isMobile = width < breakpoints.small.minWidth;
+    return (_jsxs("div", { id: "course-filter-controls", children: [_jsx(Button, { ref: setTargetRef, variant: "outline-primary", iconBefore: Tune, onClick: openFiltersOptions, disabled: !hasCourses, children: formatMessage(messages.refine) }), _jsx(Form, { children: isMobile
+                    ? (_jsxs(Sheet, { className: "w-75", position: "left", show: isOpen, onClose: closeFiltersOptions, children: [_jsx("div", { className: "p-1 mr-3", children: _jsx("b", { children: formatMessage(messages.refine) }) }), _jsx("hr", {}), _jsx("div", { className: "filter-form-row", children: _jsx(FilterForm, { filters, handleFilterChange }) }), _jsx("div", { className: "filter-form-row text-left m-1", children: _jsx(SortForm, { sortBy, handleSortChange }) }), _jsx("div", { className: "pgn__modal-close-container", children: _jsx(ModalCloseButton, { variant: "tertiary", onClick: closeFiltersOptions, children: _jsx(Icon, { src: Close }) }) })] })) : (_jsx(ModalPopup, { positionRef: targetRef, isOpen: isOpen, onClose: closeFiltersOptions, placement: "bottom-end", children: _jsxs("div", { id: "course-filter-controls-card", className: "bg-white p-3 rounded shadow d-flex flex-row", children: [_jsx("div", { className: "filter-form-col", children: _jsx(FilterForm, { filters, handleFilterChange }) }), _jsx("hr", { className: "h-100 bg-primary-200 mx-3 my-0" }), _jsx("div", { className: "filter-form-col text-left m-1", children: _jsx(SortForm, { sortBy, handleSortChange }) })] }) })) })] }));
+};
+export default CourseFilterControls;
+//# sourceMappingURL=CourseFilterControls.js.map

package/dist/containers/CourseFilterControls/CourseFilterControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseFilterControls.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/CourseFilterControls.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EACL,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,MAAM,EACJ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,GACpD,GAAG,UAAU,EAAE,CAAC;IAEjB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;QACjC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QAC5D,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC;QAClD,MAAM,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC;IAEpD,OAAO,CACL,eAAK,EAAE,EAAC,wBAAwB,aAC9B,KAAC,MAAM,IACL,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,iBAAiB,EACzB,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,UAAU,YAEpB,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GACxB,EACT,KAAC,IAAI,cACF,QAAQ;oBACP,CAAC,CAAC,CACA,MAAC,KAAK,IACJ,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,MAAM,EACf,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mBAAmB,aAE5B,cAAK,SAAS,EAAC,UAAU,YACvB,sBAAI,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAK,GACnC,EACN,cAAM,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,UAAU,IAAO,OAAO,EAAE,kBAAkB,GAAM,GAC/C,EACN,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,QAAQ,IAAO,MAAM,EAAE,gBAAgB,GAAM,GAC1C,EACN,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,gBAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,mBAAmB,YAC/D,KAAC,IAAI,IAAC,GAAG,EAAE,KAAK,GAAI,GACH,GACf,IACA,CACT,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,WAAW,EAAE,SAAS,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAC,YAAY,YAEtB,eACE,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAC,6CAA6C,aAEvD,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,UAAU,IAAO,OAAO,EAAE,kBAAkB,GAAM,GAC/C,EACN,aAAI,SAAS,EAAC,gCAAgC,GAAG,EACjD,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,QAAQ,IAAO,MAAM,EAAE,gBAAgB,GAAM,GAC1C,IACF,GACK,CACd,GACE,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport track from '@src/tracking';\nimport {\n  Button,\n  Form,\n  Icon,\n  ModalPopup,\n  Sheet,\n  breakpoints,\n  useWindowSize,\n  ModalCloseButton,\n} from '@openedx/paragon';\nimport { Close, Tune } from '@openedx/paragon/icons';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport { useFilters } from '@src/data/context';\nimport FilterForm from './components/FilterForm';\nimport SortForm from './components/SortForm';\nimport messages from './messages';\n\nimport './index.scss';\n\nexport const CourseFilterControls = () => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [targetRef, setTargetRef] = React.useState(null);\n  const { formatMessage } = useIntl();\n  const { data } = useInitializeLearnerHome();\n  const hasCourses = React.useMemo(() => data?.courses?.length > 0, [data]);\n  const {\n    filters, sortBy, setSortBy, addFilter, removeFilter,\n  } = useFilters();\n\n  const openFiltersOptions = () => {\n    track.filter.filterClicked();\n    setIsOpen(true);\n  };\n  const closeFiltersOptions = () => {\n    track.filter.filterOptionSelected(filters);\n    setIsOpen(false);\n  };\n\n  const handleSortChange = (event) => {\n    setSortBy(event.target.value);\n  };\n\n  const handleFilterChange = ({ target: { checked, value } }) => {\n    const update = checked ? addFilter : removeFilter;\n    update(value);\n  };\n  const { width } = useWindowSize();\n  const isMobile = width < breakpoints.small.minWidth;\n\n  return (\n    <div id=\"course-filter-controls\">\n      <Button\n        ref={setTargetRef}\n        variant=\"outline-primary\"\n        iconBefore={Tune}\n        onClick={openFiltersOptions}\n        disabled={!hasCourses}\n      >\n        {formatMessage(messages.refine)}\n      </Button>\n      <Form>\n        {isMobile\n          ? (\n            <Sheet\n              className=\"w-75\"\n              position=\"left\"\n              show={isOpen}\n              onClose={closeFiltersOptions}\n            >\n              <div className=\"p-1 mr-3\">\n                <b>{formatMessage(messages.refine)}</b>\n              </div>\n              <hr />\n              <div className=\"filter-form-row\">\n                <FilterForm {...{ filters, handleFilterChange }} />\n              </div>\n              <div className=\"filter-form-row text-left m-1\">\n                <SortForm {...{ sortBy, handleSortChange }} />\n              </div>\n              <div className=\"pgn__modal-close-container\">\n                <ModalCloseButton variant=\"tertiary\" onClick={closeFiltersOptions}>\n                  <Icon src={Close} />\n                </ModalCloseButton>\n              </div>\n            </Sheet>\n          ) : (\n            <ModalPopup\n              positionRef={targetRef}\n              isOpen={isOpen}\n              onClose={closeFiltersOptions}\n              placement=\"bottom-end\"\n            >\n              <div\n                id=\"course-filter-controls-card\"\n                className=\"bg-white p-3 rounded shadow d-flex flex-row\"\n              >\n                <div className=\"filter-form-col\">\n                  <FilterForm {...{ filters, handleFilterChange }} />\n                </div>\n                <hr className=\"h-100 bg-primary-200 mx-3 my-0\" />\n                <div className=\"filter-form-col text-left m-1\">\n                  <SortForm {...{ sortBy, handleSortChange }} />\n                </div>\n              </div>\n            </ModalPopup>\n          )}\n      </Form>\n    </div>\n  );\n};\n\nexport default CourseFilterControls;\n"]}

package/dist/containers/CourseFilterControls/components/Checkbox.d.ts

@@ -0,0 +1,10 @@
+export function Checkbox({ filterKey }: {
+    filterKey: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Checkbox {
+    namespace propTypes {
+        let filterKey: PropTypes.Validator<string>;
+    }
+}
+export default Checkbox;
+import PropTypes from 'prop-types';

package/dist/containers/CourseFilterControls/components/Checkbox.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { Form } from '@openedx/paragon';
+import messages from '../messages';
+export const Checkbox = ({ filterKey }) => {
+    const { formatMessage } = useIntl();
+    return (_jsx(Form.Checkbox, { className: "py-2", value: filterKey, children: formatMessage(messages[filterKey]) }));
+};
+Checkbox.propTypes = {
+    filterKey: PropTypes.string.isRequired,
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/containers/CourseFilterControls/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/containers/CourseFilterControls/components/Checkbox.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,YAC7C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GACrB,CACjB,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACvC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Form } from '@openedx/paragon';\n\nimport messages from '../messages';\n\nexport const Checkbox = ({ filterKey }) => {\n  const { formatMessage } = useIntl();\n  return (\n    <Form.Checkbox className=\"py-2\" value={filterKey}>\n      {formatMessage(messages[filterKey])}\n    </Form.Checkbox>\n  );\n};\nCheckbox.propTypes = {\n  filterKey: PropTypes.string.isRequired,\n};\n\nexport default Checkbox;\n"]}

package/dist/containers/CourseFilterControls/components/FilterForm.d.ts

@@ -0,0 +1,13 @@
+export const filterOrder: any[];
+export function FilterForm({ filters, handleFilterChange, }: {
+    filters: any;
+    handleFilterChange: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace FilterForm {
+    namespace propTypes {
+        let filters: PropTypes.Validator<(string | null | undefined)[]>;
+        let handleFilterChange: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default FilterForm;
+import PropTypes from 'prop-types';

package/dist/containers/CourseFilterControls/components/FilterForm.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { FilterKeys } from '../../../data/constants/app';
+import { Form } from '@openedx/paragon';
+import Checkbox from './Checkbox';
+import messages from '../messages';
+export const filterOrder = [
+    FilterKeys.inProgress,
+    FilterKeys.notStarted,
+    FilterKeys.done,
+    FilterKeys.notEnrolled,
+    FilterKeys.upgraded,
+];
+export const FilterForm = ({ filters, handleFilterChange, }) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(Form.Group, { children: [_jsx("div", { className: "filter-form-heading mb-1", children: formatMessage(messages.courseStatus) }), _jsx(Form.CheckboxSet, { name: "course-status-filters", onChange: handleFilterChange, value: filters, children: filterOrder.map(filterKey => (_jsx(Checkbox, { filterKey: filterKey }, filterKey))) })] }));
+};
+FilterForm.propTypes = {
+    filters: PropTypes.arrayOf(PropTypes.string).isRequired,
+    handleFilterChange: PropTypes.func.isRequired,
+};
+export default FilterForm;
+//# sourceMappingURL=FilterForm.js.map

package/dist/containers/CourseFilterControls/components/FilterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterForm.js","sourceRoot":"","sources":["../../../../src/containers/CourseFilterControls/components/FilterForm.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,UAAU,CAAC,UAAU;IACrB,UAAU,CAAC,UAAU;IACrB,UAAU,CAAC,IAAI;IACf,UAAU,CAAC,WAAW;IACtB,UAAU,CAAC,QAAQ;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,IAAI,CAAC,KAAK,eACT,cAAK,SAAS,EAAC,0BAA0B,YAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAO,EACtF,KAAC,IAAI,CAAC,WAAW,IACf,IAAI,EAAC,uBAAuB,EAC5B,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,OAAO,YAEb,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,IAAO,SAAS,CAAI,CACnD,CAAC,GACe,IACR,CACd,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,SAAS,GAAG;IACrB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACvD,kBAAkB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC9C,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { FilterKeys } from '../../../data/constants/app';\n\nimport { Form } from '@openedx/paragon';\n\nimport Checkbox from './Checkbox';\nimport messages from '../messages';\n\nexport const filterOrder = [\n  FilterKeys.inProgress,\n  FilterKeys.notStarted,\n  FilterKeys.done,\n  FilterKeys.notEnrolled,\n  FilterKeys.upgraded,\n];\n\nexport const FilterForm = ({\n  filters,\n  handleFilterChange,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <Form.Group>\n      <div className=\"filter-form-heading mb-1\">{formatMessage(messages.courseStatus)}</div>\n      <Form.CheckboxSet\n        name=\"course-status-filters\"\n        onChange={handleFilterChange}\n        value={filters}\n      >\n        {filterOrder.map(filterKey => (\n          <Checkbox filterKey={filterKey} key={filterKey} />\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n};\nFilterForm.propTypes = {\n  filters: PropTypes.arrayOf(PropTypes.string).isRequired,\n  handleFilterChange: PropTypes.func.isRequired,\n};\n\nexport default FilterForm;\n"]}

package/dist/containers/CourseFilterControls/components/SortForm.d.ts

@@ -0,0 +1,12 @@
+export function SortForm({ handleSortChange, sortBy, }: {
+    handleSortChange: any;
+    sortBy: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace SortForm {
+    namespace propTypes {
+        let handleSortChange: PropTypes.Validator<(...args: any[]) => any>;
+        let sortBy: PropTypes.Validator<string>;
+    }
+}
+export default SortForm;
+import PropTypes from 'prop-types';

package/dist/containers/CourseFilterControls/components/SortForm.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { SortKeys } from '../../../data/constants/app';
+import { Form } from '@openedx/paragon';
+import messages from '../messages';
+export const SortForm = ({ handleSortChange, sortBy, }) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "filter-form-heading mb-1", children: formatMessage(messages.sort) }), _jsxs(Form.RadioSet, { name: "sort", onChange: handleSortChange, value: sortBy, children: [_jsx(Form.Radio, { className: "py-2", value: SortKeys.enrolled, children: formatMessage(messages.sortLastEnrolled) }), _jsx(Form.Radio, { className: "py-2", value: SortKeys.title, children: formatMessage(messages.sortTitle) })] })] }));
+};
+SortForm.propTypes = {
+    handleSortChange: PropTypes.func.isRequired,
+    sortBy: PropTypes.string.isRequired,
+};
+export default SortForm;
+//# sourceMappingURL=SortForm.js.map

package/dist/containers/CourseFilterControls/components/SortForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortForm.js","sourceRoot":"","sources":["../../../../src/containers/CourseFilterControls/components/SortForm.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,gBAAgB,EAChB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,0BAA0B,YAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAO,EAC9E,MAAC,IAAI,CAAC,QAAQ,IACZ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,MAAM,aAEb,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,YAClD,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAC9B,EACb,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,YAC/C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GACvB,IACC,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,gBAAgB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC3C,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { SortKeys } from '../../../data/constants/app';\n\nimport { Form } from '@openedx/paragon';\n\nimport messages from '../messages';\n\nexport const SortForm = ({\n  handleSortChange,\n  sortBy,\n}) => {\n  const { formatMessage } = useIntl();\n  return (\n    <>\n      <div className=\"filter-form-heading mb-1\">{formatMessage(messages.sort)}</div>\n      <Form.RadioSet\n        name=\"sort\"\n        onChange={handleSortChange}\n        value={sortBy}\n      >\n        <Form.Radio className=\"py-2\" value={SortKeys.enrolled}>\n          {formatMessage(messages.sortLastEnrolled)}\n        </Form.Radio>\n        <Form.Radio className=\"py-2\" value={SortKeys.title}>\n          {formatMessage(messages.sortTitle)}\n        </Form.Radio>\n      </Form.RadioSet>\n    </>\n  );\n};\nSortForm.propTypes = {\n  handleSortChange: PropTypes.func.isRequired,\n  sortBy: PropTypes.string.isRequired,\n};\n\nexport default SortForm;\n"]}

package/dist/containers/CourseFilterControls/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ActiveCourseFilters } from "./ActiveCourseFilters";
+export { CourseFilterControls };
+export default CourseFilterControls;
+import CourseFilterControls from './CourseFilterControls';

package/dist/containers/CourseFilterControls/index.js

@@ -0,0 +1,5 @@
+import CourseFilterControls from './CourseFilterControls';
+export { default as ActiveCourseFilters } from './ActiveCourseFilters';
+export { CourseFilterControls };
+export default CourseFilterControls;
+//# sourceMappingURL=index.js.map

package/dist/containers/CourseFilterControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/index.jsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,eAAe,oBAAoB,CAAC","sourcesContent":["import CourseFilterControls from './CourseFilterControls';\n\nexport { default as ActiveCourseFilters } from './ActiveCourseFilters';\n\nexport { CourseFilterControls };\nexport default CourseFilterControls;\n"]}

package/dist/containers/CourseFilterControls/messages.d.ts

@@ -0,0 +1,88 @@
+export default messages;
+declare namespace messages {
+    namespace courseStatus {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace inProgress {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+    namespace notStarted {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace done {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace notEnrolled {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace upgraded {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+    namespace clearAll {
+        let id_6: string;
+        export { id_6 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+    }
+    namespace sort {
+        let id_7: string;
+        export { id_7 as id };
+        let description_7: string;
+        export { description_7 as description };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+    }
+    namespace sortLastEnrolled {
+        let id_8: string;
+        export { id_8 as id };
+        let description_8: string;
+        export { description_8 as description };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+    }
+    namespace sortTitle {
+        let id_9: string;
+        export { id_9 as id };
+        let description_9: string;
+        export { description_9 as description };
+        let defaultMessage_9: string;
+        export { defaultMessage_9 as defaultMessage };
+    }
+    namespace refine {
+        let id_10: string;
+        export { id_10 as id };
+        let description_10: string;
+        export { description_10 as description };
+        let defaultMessage_10: string;
+        export { defaultMessage_10 as defaultMessage };
+    }
+}

package/dist/containers/CourseFilterControls/messages.js

@@ -0,0 +1,60 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseStatus: {
+        id: 'learner-dash.courseListFilters.courseStatus',
+        description: 'course status filter form heading',
+        defaultMessage: 'Course Status',
+    },
+    inProgress: {
+        id: 'learner-dash.courseListFilters.inProgress',
+        description: 'in-progress filter checkbox label for course list filters',
+        defaultMessage: 'In-Progress',
+    },
+    notStarted: {
+        id: 'learner-dash.courseListFilters.notStarted',
+        description: 'Not-Started filter checkbox label for course list filters',
+        defaultMessage: 'Not Started',
+    },
+    done: {
+        id: 'learner-dash.courseListFilters.done',
+        description: 'done filter checkbox label for course list filters',
+        defaultMessage: 'Done',
+    },
+    notEnrolled: {
+        id: 'learner-dash.courseListFilters.notEnrolled',
+        description: 'not-enrolled filter checkbox label for course list filters',
+        defaultMessage: 'Not Enrolled',
+    },
+    upgraded: {
+        id: 'learner-dash.courseListFilters.upgraded',
+        description: 'upgraded filter checkbox label for course list filters',
+        defaultMessage: 'Upgraded',
+    },
+    clearAll: {
+        id: 'learner-dash.courseListFilters.clearAll',
+        description: 'clear all filters button text',
+        defaultMessage: 'Clear all',
+    },
+    sort: {
+        id: 'learner-dash.courseListFilters.sort',
+        description: 'Sort radio form heading',
+        defaultMessage: 'Sort',
+    },
+    sortLastEnrolled: {
+        id: 'learner-dash.courseListFilters.sortLastEnrolled',
+        description: 'Last enrolled sort option text',
+        defaultMessage: 'Last enrolled',
+    },
+    sortTitle: {
+        id: 'learner-dash.courseListFilters.sortTitle',
+        description: 'Title sort option text',
+        defaultMessage: 'Title (A-Z)',
+    },
+    refine: {
+        id: 'learner-dash.courseListFilters.refine',
+        description: 'Filter button container text',
+        defaultMessage: 'Refine',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CourseFilterControls/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,YAAY,EAAE;QACZ,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,aAAa;KAC9B;IACD,UAAU,EAAE;QACV,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,aAAa;KAC9B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,oDAAoD;QACjE,cAAc,EAAE,MAAM;KACvB;IACD,WAAW,EAAE;QACX,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,4DAA4D;QACzE,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,wDAAwD;QACrE,cAAc,EAAE,UAAU;KAC3B;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,+BAA+B;QAC5C,cAAc,EAAE,WAAW;KAC5B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,yBAAyB;QACtC,cAAc,EAAE,MAAM;KACvB;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,eAAe;KAChC;IACD,SAAS,EAAE;QACT,EAAE,EAAE,0CAA0C;QAC9C,WAAW,EAAE,wBAAwB;QACrC,cAAc,EAAE,aAAa;KAC9B;IACD,MAAM,EAAE;QACN,EAAE,EAAE,uCAAuC;QAC3C,WAAW,EAAE,8BAA8B;QAC3C,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseStatus: {\n    id: 'learner-dash.courseListFilters.courseStatus',\n    description: 'course status filter form heading',\n    defaultMessage: 'Course Status',\n  },\n  inProgress: {\n    id: 'learner-dash.courseListFilters.inProgress',\n    description: 'in-progress filter checkbox label for course list filters',\n    defaultMessage: 'In-Progress',\n  },\n  notStarted: {\n    id: 'learner-dash.courseListFilters.notStarted',\n    description: 'Not-Started filter checkbox label for course list filters',\n    defaultMessage: 'Not Started',\n  },\n  done: {\n    id: 'learner-dash.courseListFilters.done',\n    description: 'done filter checkbox label for course list filters',\n    defaultMessage: 'Done',\n  },\n  notEnrolled: {\n    id: 'learner-dash.courseListFilters.notEnrolled',\n    description: 'not-enrolled filter checkbox label for course list filters',\n    defaultMessage: 'Not Enrolled',\n  },\n  upgraded: {\n    id: 'learner-dash.courseListFilters.upgraded',\n    description: 'upgraded filter checkbox label for course list filters',\n    defaultMessage: 'Upgraded',\n  },\n  clearAll: {\n    id: 'learner-dash.courseListFilters.clearAll',\n    description: 'clear all filters button text',\n    defaultMessage: 'Clear all',\n  },\n  sort: {\n    id: 'learner-dash.courseListFilters.sort',\n    description: 'Sort radio form heading',\n    defaultMessage: 'Sort',\n  },\n  sortLastEnrolled: {\n    id: 'learner-dash.courseListFilters.sortLastEnrolled',\n    description: 'Last enrolled sort option text',\n    defaultMessage: 'Last enrolled',\n  },\n  sortTitle: {\n    id: 'learner-dash.courseListFilters.sortTitle',\n    description: 'Title sort option text',\n    defaultMessage: 'Title (A-Z)',\n  },\n  refine: {\n    id: 'learner-dash.courseListFilters.refine',\n    description: 'Filter button container text',\n    defaultMessage: 'Refine',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CoursesPanel/CourseList/hooks.d.ts

@@ -0,0 +1,2 @@
+export function useIsCollapsed(): boolean;
+export default useIsCollapsed;

package/dist/containers/CoursesPanel/CourseList/hooks.js

@@ -0,0 +1,7 @@
+import { useWindowSize, breakpoints } from '@openedx/paragon';
+export const useIsCollapsed = () => {
+    const { width } = useWindowSize();
+    return width < breakpoints.medium.maxWidth;
+};
+export default useIsCollapsed;
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CoursesPanel/CourseList/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/CourseList/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useWindowSize, breakpoints } from '@openedx/paragon';\n\nexport const useIsCollapsed = () => {\n  const { width } = useWindowSize();\n  return width < breakpoints.medium.maxWidth;\n};\n\nexport default useIsCollapsed;\n"]}

package/dist/containers/CoursesPanel/CourseList/index.d.ts

@@ -0,0 +1,16 @@
+export function CourseList({ courseListData }: {
+    courseListData: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseList {
+    namespace propTypes {
+        export { courseListDataShape as courseListData };
+    }
+}
+export const courseListDataShape: PropTypes.Requireable<PropTypes.InferProps<{
+    showFilters: PropTypes.Validator<boolean>;
+    visibleList: PropTypes.Validator<(PropTypes.InferProps<PropTypes.ValidationMap<any>> | null | undefined)[]>;
+    numPages: PropTypes.Validator<number>;
+    setPageNumber: PropTypes.Validator<(...args: any[]) => any>;
+}>>;
+export default CourseList;
+import PropTypes from 'prop-types';

package/dist/containers/CoursesPanel/CourseList/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Pagination } from '@openedx/paragon';
+import { ActiveCourseFilters, } from '../../../containers/CourseFilterControls';
+import CourseCard from '../../../containers/CourseCard';
+import { useIsCollapsed } from './hooks';
+export const CourseList = ({ courseListData }) => {
+    const { setPageNumber, numPages, visibleList, showFilters, } = courseListData;
+    const isCollapsed = useIsCollapsed();
+    return (_jsxs(_Fragment, { children: [showFilters && (_jsx("div", { id: "course-list-active-filters-container", children: _jsx(ActiveCourseFilters, {}) })), _jsxs("div", { className: "d-flex flex-column flex-grow-1", children: [visibleList.map(({ cardId }) => (_jsx(CourseCard, { cardId: cardId }, cardId))), numPages > 1 && (_jsx(Pagination, { variant: isCollapsed ? 'reduced' : 'secondary', paginationLabel: "Course List", className: "mx-auto mb-2", pageCount: numPages, onPageSelect: setPageNumber }))] })] }));
+};
+export const courseListDataShape = PropTypes.shape({
+    showFilters: PropTypes.bool.isRequired,
+    visibleList: PropTypes.arrayOf(PropTypes.shape()).isRequired,
+    numPages: PropTypes.number.isRequired,
+    setPageNumber: PropTypes.func.isRequired,
+});
+CourseList.propTypes = {
+    courseListData: courseListDataShape,
+};
+export default CourseList;
+//# sourceMappingURL=index.js.map

package/dist/containers/CoursesPanel/CourseList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/CourseList/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/C,MAAM,EACJ,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAClD,GAAG,cAAc,CAAC;IAEnB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,8BACG,WAAW,IAAI,CACd,cAAK,EAAE,EAAC,sCAAsC,YAC5C,KAAC,mBAAmB,KAAG,GACnB,CACP,EACD,eAAK,SAAS,EAAC,gCAAgC,aAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,UAAU,IAAc,MAAM,EAAE,MAAM,IAAtB,MAAM,CAAoB,CAC5C,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC9C,eAAe,EAAC,aAAa,EAC7B,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,aAAa,GAC3B,CACH,IACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC,KAAK,CAAC;IACjD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,WAAW,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU;IAC5D,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACrC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACzC,CAAC,CAAC;AAEH,UAAU,CAAC,SAAS,GAAG;IACrB,cAAc,EAAE,mBAAmB;CACpC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Pagination } from '@openedx/paragon';\nimport {\n  ActiveCourseFilters,\n} from '../../../containers/CourseFilterControls';\nimport CourseCard from '../../../containers/CourseCard';\n\nimport { useIsCollapsed } from './hooks';\n\nexport const CourseList = ({ courseListData }) => {\n  const {\n    setPageNumber, numPages, visibleList, showFilters,\n  } = courseListData;\n\n  const isCollapsed = useIsCollapsed();\n  return (\n    <>\n      {showFilters && (\n        <div id=\"course-list-active-filters-container\">\n          <ActiveCourseFilters />\n        </div>\n      )}\n      <div className=\"d-flex flex-column flex-grow-1\">\n        {visibleList.map(({ cardId }) => (\n          <CourseCard key={cardId} cardId={cardId} />\n        ))}\n        {numPages > 1 && (\n          <Pagination\n            variant={isCollapsed ? 'reduced' : 'secondary'}\n            paginationLabel=\"Course List\"\n            className=\"mx-auto mb-2\"\n            pageCount={numPages}\n            onPageSelect={setPageNumber}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport const courseListDataShape = PropTypes.shape({\n  showFilters: PropTypes.bool.isRequired,\n  visibleList: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n  numPages: PropTypes.number.isRequired,\n  setPageNumber: PropTypes.func.isRequired,\n});\n\nCourseList.propTypes = {\n  courseListData: courseListDataShape,\n};\n\nexport default CourseList;\n"]}

package/dist/containers/CoursesPanel/NoCoursesView/index.d.ts

@@ -0,0 +1,2 @@
+export function NoCoursesView(): import("react/jsx-runtime").JSX.Element;
+export default NoCoursesView;

package/dist/containers/CoursesPanel/NoCoursesView/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, Image } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
+import { baseAppUrl } from '../../../data/services/lms/urls';
+import emptyCourseSVG from '../../../assets/empty-course.svg';
+import { useInitializeLearnerHome } from '../../../data/hooks';
+import messages from './messages';
+import './index.scss';
+export const NoCoursesView = () => {
+    var _a;
+    const { formatMessage } = useIntl();
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseSearchUrl = ((_a = learnerData === null || learnerData === void 0 ? void 0 : learnerData.platformSettings) === null || _a === void 0 ? void 0 : _a.courseSearchUrl) || '';
+    return (_jsxs("div", { id: "no-courses-content-view", className: "d-flex align-items-center justify-content-center mb-4.5", children: [_jsx(Image, { src: emptyCourseSVG, alt: formatMessage(messages.bannerAlt) }), _jsx("h3", { className: "h1", children: formatMessage(messages.lookingForChallengePrompt) }), _jsx("p", { children: formatMessage(messages.exploreCoursesPrompt) }), _jsx(Button, { variant: "brand", as: "a", href: baseAppUrl(courseSearchUrl), iconBefore: Search, children: formatMessage(messages.exploreCoursesButton) })] }));
+};
+export default NoCoursesView;
+//# sourceMappingURL=index.js.map

package/dist/containers/CoursesPanel/NoCoursesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/NoCoursesView/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,0CAAE,eAAe,KAAI,EAAE,CAAC;IAC7E,OAAO,CACL,eACE,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAC,yDAAyD,aAEnE,KAAC,KAAK,IAAC,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,EACtE,aAAI,SAAS,EAAC,IAAI,YACf,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC/C,EACL,sBACG,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAC3C,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EACjC,UAAU,EAAE,MAAM,YAEjB,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GACtC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, Image } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport emptyCourseSVG from '@src/assets/empty-course.svg';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const NoCoursesView = () => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseSearchUrl = learnerData?.platformSettings?.courseSearchUrl || '';\n  return (\n    <div\n      id=\"no-courses-content-view\"\n      className=\"d-flex align-items-center justify-content-center mb-4.5\"\n    >\n      <Image src={emptyCourseSVG} alt={formatMessage(messages.bannerAlt)} />\n      <h3 className=\"h1\">\n        {formatMessage(messages.lookingForChallengePrompt)}\n      </h3>\n      <p>\n        {formatMessage(messages.exploreCoursesPrompt)}\n      </p>\n      <Button\n        variant=\"brand\"\n        as=\"a\"\n        href={baseAppUrl(courseSearchUrl)}\n        iconBefore={Search}\n      >\n        {formatMessage(messages.exploreCoursesButton)}\n      </Button>\n    </div>\n  );\n};\n\nexport default NoCoursesView;\n"]}

package/dist/containers/CoursesPanel/NoCoursesView/index.scss

@@ -0,0 +1,13 @@
+#no-courses-content-view {
+  border: 2px solid var(--pgn-color-light-400);
+  flex-direction: column;
+  padding-bottom: var(--pgn-spacing-spacer-5);
+  padding-top: var(--pgn-spacing-spacer-5);
+  height: 100%;
+
+  & > * {
+    margin-top: var(--pgn-spacing-spacer-3);
+    margin-bottom: var(--pgn-spacing-spacer-3);
+  }
+}
+

package/dist/containers/CoursesPanel/NoCoursesView/messages.d.ts

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace lookingForChallengePrompt {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace exploreCoursesPrompt {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_1: string;
+        export { description_1 as description };
+    }
+    namespace exploreCoursesButton {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    namespace bannerAlt {
+        let id_3: string;
+        export { id_3 as id };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+}

package/dist/containers/CoursesPanel/NoCoursesView/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    lookingForChallengePrompt: {
+        id: 'Dashboard.NoCoursesView.lookingForChallengePrompt',
+        defaultMessage: 'Looking for a new challenge?',
+        description: 'Prompt user for new challenge',
+    },
+    exploreCoursesPrompt: {
+        id: 'Dashboard.NoCoursesView.exploreCoursesPrompt',
+        defaultMessage: 'Explore our courses to add them to your dashboard.',
+        description: 'Prompt user to explore more courses',
+    },
+    exploreCoursesButton: {
+        id: 'Dashboard.NoCoursesView.exploreCoursesButton',
+        defaultMessage: 'Explore courses',
+        description: 'Button to explore more courses',
+    },
+    bannerAlt: {
+        id: 'Dashboard.NoCoursesView.bannerAlt',
+        defaultMessage: 'No Courses view banner',
+        description: 'No Courses view basnner',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/CoursesPanel/NoCoursesView/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/CoursesPanel/NoCoursesView/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,yBAAyB,EAAE;QACzB,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,+BAA+B;KAC7C;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,oDAAoD;QACpE,WAAW,EAAE,qCAAqC;KACnD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,gCAAgC;KAC9C;IACD,SAAS,EAAE;QACT,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,yBAAyB;KACvC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  lookingForChallengePrompt: {\n    id: 'Dashboard.NoCoursesView.lookingForChallengePrompt',\n    defaultMessage: 'Looking for a new challenge?',\n    description: 'Prompt user for new challenge',\n  },\n  exploreCoursesPrompt: {\n    id: 'Dashboard.NoCoursesView.exploreCoursesPrompt',\n    defaultMessage: 'Explore our courses to add them to your dashboard.',\n    description: 'Prompt user to explore more courses',\n  },\n  exploreCoursesButton: {\n    id: 'Dashboard.NoCoursesView.exploreCoursesButton',\n    defaultMessage: 'Explore courses',\n    description: 'Button to explore more courses',\n  },\n  bannerAlt: {\n    id: 'Dashboard.NoCoursesView.bannerAlt',\n    defaultMessage: 'No Courses view banner',\n    description: 'No Courses view basnner',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CoursesPanel/index.d.ts

@@ -0,0 +1,5 @@
+export function CoursesPanel(): import("react/jsx-runtime").JSX.Element;
+export namespace CoursesPanel {
+    let propTypes: {};
+}
+export default CoursesPanel;