@openedx/frontend-app-learner-dashboard 1.0.0-alpha.4 → 1.0.0-alpha.6

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/hooks.d.ts

@@ -0,0 +1,3 @@
+export const state: any;
+export function useCourseFilterControlsData({ filters, setSortBy, }: any[]): object;
+export default module.useCourseFilterControlsData;

package/dist/containers/CourseFilterControls/hooks.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useToggle } from '@openedx/paragon';
+import { StrictDict } from '../../utils';
+import track from '../../tracking';
+import { reduxHooks } from '../../hooks';
+import * as module from './hooks';
+export const state = StrictDict({
+    target: (val) => React.useState(val), // eslint-disable-line
+});
+/**
+ * Sets up a toggle for the modal as well as helper functions for handling changes to the form controls.
+ *
+ * @param {array} filters Currently active course filters
+ * @param {function} setSortBy Set function for sorting the course list
+ * @returns {object} data and functions for managing the CourseFilterControls component
+ */
+export const useCourseFilterControlsData = ({ filters, setSortBy, }) => {
+    const [isOpen, toggleOpen, toggleClose] = useToggle(false);
+    const [target, setTarget] = module.state.target(null);
+    const addFilter = reduxHooks.useAddFilter();
+    const removeFilter = reduxHooks.useRemoveFilter();
+    const handleFilterChange = ({ target: { checked, value } }) => {
+        const update = checked ? addFilter : removeFilter;
+        update(value);
+    };
+    const handleSortChange = ({ target: { value } }) => {
+        setSortBy(value);
+    };
+    const open = () => {
+        track.filter.filterClicked();
+        toggleOpen();
+    };
+    const close = () => {
+        track.filter.filterOptionSelected(filters);
+        toggleClose();
+    };
+    return {
+        isOpen,
+        open,
+        close,
+        target,
+        setTarget,
+        handleFilterChange,
+        handleSortChange,
+    };
+};
+export default useCourseFilterControlsData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAElD,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,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QACjD,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;QACN,SAAS;QACT,kBAAkB;QAClB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { useToggle } from '@openedx/paragon';\n\nimport { StrictDict } from '../../utils';\nimport track from '../../tracking';\nimport { reduxHooks } from '../../hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  target: (val) => React.useState(val), // eslint-disable-line\n});\n\n/**\n * Sets up a toggle for the modal as well as helper functions for handling changes to the form controls.\n *\n * @param {array} filters Currently active course filters\n * @param {function} setSortBy Set function for sorting the course list\n * @returns {object} data and functions for managing the CourseFilterControls component\n */\nexport const useCourseFilterControlsData = ({\n  filters,\n  setSortBy,\n}) => {\n  const [isOpen, toggleOpen, toggleClose] = useToggle(false);\n  const [target, setTarget] = module.state.target(null);\n\n  const addFilter = reduxHooks.useAddFilter();\n  const removeFilter = reduxHooks.useRemoveFilter();\n\n  const handleFilterChange = ({ target: { checked, value } }) => {\n    const update = checked ? addFilter : removeFilter;\n    update(value);\n  };\n  const handleSortChange = ({ target: { value } }) => {\n    setSortBy(value);\n  };\n\n  const open = () => {\n    track.filter.filterClicked();\n    toggleOpen();\n  };\n\n  const close = () => {\n    track.filter.filterOptionSelected(filters);\n    toggleClose();\n  };\n\n  return {\n    isOpen,\n    open,\n    close,\n    target,\n    setTarget,\n    handleFilterChange,\n    handleSortChange,\n  };\n};\n\nexport default useCourseFilterControlsData;\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,17 @@
+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)[]>;
+    filterOptions: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
+    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,24 @@
+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 { filterOptions, setPageNumber, numPages, showFilters, visibleList, } = courseListData;
+    const isCollapsed = useIsCollapsed();
+    return (_jsxs(_Fragment, { children: [showFilters && (_jsx("div", { id: "course-list-active-filters-container", children: _jsx(ActiveCourseFilters, Object.assign({}, filterOptions)) })), _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,
+    filterOptions: 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,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GACjE,GAAG,cAAc,CAAC;IACnB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,8BACG,WAAW,IAAI,CACd,cAAK,EAAE,EAAC,sCAAsC,YAC5C,KAAC,mBAAmB,oBAAK,aAAa,EAAI,GACtC,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,aAAa,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,UAAU;IAC3C,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    filterOptions, setPageNumber, numPages, showFilters, visibleList,\n  } = courseListData;\n  const isCollapsed = useIsCollapsed();\n  return (\n    <>\n      {showFilters && (\n        <div id=\"course-list-active-filters-container\">\n          <ActiveCourseFilters {...filterOptions} />\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  filterOptions: 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,17 @@
+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 { reduxHooks } from '../../../hooks';
+import messages from './messages';
+import './index.scss';
+export const NoCoursesView = () => {
+    const { formatMessage } = useIntl();
+    const { courseSearchUrl } = reduxHooks.usePlatformSettingsData();
+    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;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,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,eAAe,EAAE,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IACjE,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';\n\nimport { baseAppUrl } from '../../../data/services/lms/urls';\nimport emptyCourseSVG from '../../../assets/empty-course.svg';\nimport { reduxHooks } from '../../../hooks';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const NoCoursesView = () => {\n  const { formatMessage } = useIntl();\n  const { courseSearchUrl } = reduxHooks.usePlatformSettingsData();\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/hooks.d.ts

@@ -0,0 +1,15 @@
+export const state: any;
+export function useCourseListData(): {
+    pageNumber: unknown;
+    numPages: any;
+    setPageNumber: (value: any) => any;
+    visibleList: any;
+    filterOptions: {
+        sortBy: any;
+        setSortBy: any;
+        filters: unknown;
+        handleRemoveFilter: (filter: any) => () => any;
+    };
+    showFilters: boolean;
+};
+export default module.useCourseListData;

package/dist/containers/CoursesPanel/hooks.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { ListPageSize, SortKeys } from '../../data/constants/app';
+import { reduxHooks } from '../../hooks';
+import { StrictDict } from '../../utils';
+import * as module from './hooks';
+export const state = StrictDict({
+    sortBy: (val) => React.useState(val), // eslint-disable-line
+});
+/**
+ * Filters are fetched from the store and used to generate a list of "visible" courses.
+ * Other values returned and used for the layout of the CoursesPanel component are:
+ * the current page number, the sorting method, and whether or not to enable filters and pagination.
+ *
+ * @returns data for the CoursesPanel component
+ */
+export const useCourseListData = () => {
+    const filters = reduxHooks.useFilters();
+    const removeFilter = reduxHooks.useRemoveFilter();
+    const pageNumber = reduxHooks.usePageNumber();
+    const setPageNumber = reduxHooks.useSetPageNumber();
+    const [sortBy, setSortBy] = module.state.sortBy(SortKeys.enrolled);
+    const querySearch = new URLSearchParams(window.location.search);
+    const disablePagination = querySearch.get('disable_pagination');
+    const { numPages, visibleList } = reduxHooks.useCurrentCourseList({
+        sortBy,
+        filters,
+        pageSize: Number(disablePagination) === 1 ? 0 : ListPageSize,
+    });
+    const handleRemoveFilter = (filter) => () => removeFilter(filter);
+    return {
+        pageNumber,
+        numPages,
+        setPageNumber,
+        visibleList,
+        filterOptions: {
+            sortBy,
+            setSortBy,
+            filters,
+            handleRemoveFilter,
+        },
+        showFilters: filters.length > 0,
+    };
+};
+export default useCourseListData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/CoursesPanel/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAC;IAEpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAEhE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC;QAChE,MAAM;QACN,OAAO;QACP,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;KAC7D,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAElE,OAAO;QACL,UAAU;QACV,QAAQ;QACR,aAAa;QACb,WAAW;QACX,aAAa,EAAE;YACb,MAAM;YACN,SAAS;YACT,OAAO;YACP,kBAAkB;SACnB;QACD,WAAW,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;KAChC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ListPageSize, SortKeys } from '../../data/constants/app';\nimport { reduxHooks } from '../../hooks';\nimport { StrictDict } from '../../utils';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  sortBy: (val) => React.useState(val), // eslint-disable-line\n});\n\n/**\n * Filters are fetched from the store and used to generate a list of \"visible\" courses.\n * Other values returned and used for the layout of the CoursesPanel component are:\n * the current page number, the sorting method, and whether or not to enable filters and pagination.\n *\n * @returns data for the CoursesPanel component\n */\nexport const useCourseListData = () => {\n  const filters = reduxHooks.useFilters();\n  const removeFilter = reduxHooks.useRemoveFilter();\n  const pageNumber = reduxHooks.usePageNumber();\n  const setPageNumber = reduxHooks.useSetPageNumber();\n\n  const [sortBy, setSortBy] = module.state.sortBy(SortKeys.enrolled);\n\n  const querySearch = new URLSearchParams(window.location.search);\n  const disablePagination = querySearch.get('disable_pagination');\n\n  const { numPages, visibleList } = reduxHooks.useCurrentCourseList({\n    sortBy,\n    filters,\n    pageSize: Number(disablePagination) === 1 ? 0 : ListPageSize,\n  });\n\n  const handleRemoveFilter = (filter) => () => removeFilter(filter);\n\n  return {\n    pageNumber,\n    numPages,\n    setPageNumber,\n    visibleList,\n    filterOptions: {\n      sortBy,\n      setSortBy,\n      filters,\n      handleRemoveFilter,\n    },\n    showFilters: filters.length > 0,\n  };\n};\n\nexport default useCourseListData;\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;

package/dist/containers/CoursesPanel/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { reduxHooks } from '../../hooks';
+import { CourseFilterControls, } from '../../containers/CourseFilterControls';
+import CourseListSlot from '../../slots/CourseListSlot';
+import NoCoursesViewSlot from '../../slots/NoCoursesViewSlot';
+import { useCourseListData } from './hooks';
+import messages from './messages';
+import './index.scss';
+/**
+ * Renders the list of CourseCards, as well as the controls (CourseFilterControls) for modifying the list.
+ * Also houses the NoCoursesView to display if the user hasn't enrolled in any courses.
+ * @returns List of courses as CourseCards or empty state
+*/
+export const CoursesPanel = () => {
+    const { formatMessage } = useIntl();
+    const hasCourses = reduxHooks.useHasCourses();
+    const courseListData = useCourseListData();
+    return (_jsxs("div", { className: "course-list-container", children: [_jsxs("div", { className: "course-list-heading-container", children: [_jsx("h2", { className: "course-list-title", children: formatMessage(messages.myCourses) }), _jsx("div", { className: "course-filter-controls-container", children: _jsx(CourseFilterControls, Object.assign({}, courseListData.filterOptions)) })] }), hasCourses ? _jsx(CourseListSlot, { courseListData: courseListData }) : _jsx(NoCoursesViewSlot, {})] }));
+};
+CoursesPanel.propTypes = {};
+export default CoursesPanel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/CoursesPanel/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EACL,oBAAoB,GACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB;;;;EAIE;AACF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,CAAC;IAC9C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,aAAI,SAAS,EAAC,mBAAmB,YAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EAC1E,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,oBAAoB,oBAAK,cAAc,CAAC,aAAa,EAAI,GACtD,IACF,EACL,UAAU,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,GAAI,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,IACpF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC;AAE5B,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { reduxHooks } from '../../hooks';\nimport {\n  CourseFilterControls,\n} from '../../containers/CourseFilterControls';\nimport CourseListSlot from '../../slots/CourseListSlot';\nimport NoCoursesViewSlot from '../../slots/NoCoursesViewSlot';\n\nimport { useCourseListData } from './hooks';\nimport messages from './messages';\nimport './index.scss';\n\n/**\n * Renders the list of CourseCards, as well as the controls (CourseFilterControls) for modifying the list.\n * Also houses the NoCoursesView to display if the user hasn't enrolled in any courses.\n * @returns List of courses as CourseCards or empty state\n*/\nexport const CoursesPanel = () => {\n  const { formatMessage } = useIntl();\n  const hasCourses = reduxHooks.useHasCourses();\n  const courseListData = useCourseListData();\n  return (\n    <div className=\"course-list-container\">\n      <div className=\"course-list-heading-container\">\n        <h2 className=\"course-list-title\">{formatMessage(messages.myCourses)}</h2>\n        <div className=\"course-filter-controls-container\">\n          <CourseFilterControls {...courseListData.filterOptions} />\n        </div>\n      </div>\n      {hasCourses ? <CourseListSlot courseListData={courseListData} /> : <NoCoursesViewSlot />}\n    </div>\n  );\n};\n\nCoursesPanel.propTypes = {};\n\nexport default CoursesPanel;\n"]}