@coorpacademy/components 11.40.26 → 11.41.0

package/es/template/my-assignments/index.d.ts

@@ -0,0 +1,167 @@
+export default MyAssignments;
+declare function MyAssignments({ title, tabs, sections, cards, emptyState, loading, onCardClick }: {
+    title: any;
+    tabs?: any[] | undefined;
+    sections?: any[] | undefined;
+    cards?: any[] | undefined;
+    emptyState: any;
+    loading?: boolean | undefined;
+    onCardClick: any;
+}): JSX.Element;
+declare namespace MyAssignments {
+    namespace propTypes {
+        export const title: PropTypes.Requireable<string>;
+        export const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+            key: PropTypes.Validator<string>;
+            label: PropTypes.Requireable<string>;
+            count: PropTypes.Requireable<number>;
+            selected: PropTypes.Requireable<boolean>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        export const sections: PropTypes.Requireable<(PropTypes.InferProps<{
+            key: PropTypes.Validator<string>;
+            title: PropTypes.Requireable<string>;
+            subtitle: PropTypes.Requireable<string>;
+            count: PropTypes.Validator<number>;
+            cards: PropTypes.Validator<(PropTypes.InferProps<{
+                typeLabel: PropTypes.Requireable<string>;
+                dueState: PropTypes.Validator<string>;
+                dueStateLabel: PropTypes.Validator<string>;
+                dueDateLabel: PropTypes.Validator<string>;
+                badge: PropTypes.Requireable<string>;
+                image: PropTypes.Requireable<string>;
+                disabled: PropTypes.Requireable<boolean>;
+                adaptiv: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                title: PropTypes.Requireable<string>;
+                author: PropTypes.Requireable<string>;
+                certifiedAuthor: PropTypes.Requireable<boolean>;
+                customer: PropTypes.Requireable<PropTypes.InferProps<{
+                    theme: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    name: PropTypes.Requireable<string>;
+                    coorpOriginal: PropTypes.Validator<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    'aria-label': PropTypes.Requireable<string>;
+                }>>;
+                progress: PropTypes.Requireable<number>;
+                favorite: PropTypes.Requireable<boolean>;
+                addFavoriteToolTip: PropTypes.Requireable<string>;
+                removeFavoriteToolTip: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+                isSelected: PropTypes.Requireable<boolean>;
+                notification: PropTypes.Requireable<PropTypes.InferProps<{
+                    message: PropTypes.Validator<string>;
+                    icon: PropTypes.Validator<string>;
+                }>>;
+                badgeCategory: PropTypes.Requireable<string>;
+                badgeLabel: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                disabledContent: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'background-aria-label': PropTypes.Requireable<string>;
+                'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    favorite: PropTypes.Requireable<string>;
+                    addToFavorite: PropTypes.Requireable<string>;
+                    removeFromFavorite: PropTypes.Requireable<string>;
+                }>>;
+                'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    select: PropTypes.Requireable<string>;
+                    unSelect: PropTypes.Requireable<string>;
+                }>>;
+                'customer-aria-label': PropTypes.Requireable<string>;
+                'badge-aria-label': PropTypes.Requireable<string>;
+                'disabled-aria-label': PropTypes.Requireable<string>;
+                'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    author: PropTypes.Requireable<string>;
+                    progression: PropTypes.Requireable<string>;
+                    adaptive: PropTypes.Requireable<string>;
+                }>>;
+            }> | null | undefined)[]>;
+        }> | null | undefined)[]>;
+        import cards = cards;
+        export { cards };
+        export const loading: PropTypes.Requireable<boolean>;
+        export const emptyState: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            message: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                href: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+        }>>;
+        export const onCardClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+declare function Grid({ cards, onCardClick, "data-name": dataName }: {
+    cards: any;
+    onCardClick: any;
+    "data-name": any;
+}): JSX.Element;
+declare namespace Grid {
+    const propTypes_1: {
+        cards: PropTypes.Requireable<(PropTypes.InferProps<{
+            typeLabel: PropTypes.Requireable<string>;
+            dueState: PropTypes.Validator<string>;
+            dueStateLabel: PropTypes.Validator<string>;
+            dueDateLabel: PropTypes.Validator<string>;
+            badge: PropTypes.Requireable<string>;
+            image: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            adaptiv: PropTypes.Requireable<boolean>;
+            type: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            author: PropTypes.Requireable<string>;
+            certifiedAuthor: PropTypes.Requireable<boolean>;
+            customer: PropTypes.Requireable<PropTypes.InferProps<{
+                theme: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                coorpOriginal: PropTypes.Validator<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                'aria-label': PropTypes.Requireable<string>;
+            }>>;
+            progress: PropTypes.Requireable<number>;
+            favorite: PropTypes.Requireable<boolean>;
+            addFavoriteToolTip: PropTypes.Requireable<string>;
+            removeFavoriteToolTip: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            onFavoriteClick: PropTypes.Requireable<(...args: any[]) => any>;
+            isSelected: PropTypes.Requireable<boolean>;
+            notification: PropTypes.Requireable<PropTypes.InferProps<{
+                message: PropTypes.Validator<string>;
+                icon: PropTypes.Validator<string>;
+            }>>;
+            badgeCategory: PropTypes.Requireable<string>;
+            badgeLabel: PropTypes.Requireable<string>;
+            theme: PropTypes.Requireable<string>;
+            disabledContent: PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
+            'background-aria-label': PropTypes.Requireable<string>;
+            'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                favorite: PropTypes.Requireable<string>;
+                addToFavorite: PropTypes.Requireable<string>;
+                removeFromFavorite: PropTypes.Requireable<string>;
+            }>>;
+            'selectable-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                select: PropTypes.Requireable<string>;
+                unSelect: PropTypes.Requireable<string>;
+            }>>;
+            'customer-aria-label': PropTypes.Requireable<string>;
+            'badge-aria-label': PropTypes.Requireable<string>;
+            'disabled-aria-label': PropTypes.Requireable<string>;
+            'card-content-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                author: PropTypes.Requireable<string>;
+                progression: PropTypes.Requireable<string>;
+                adaptive: PropTypes.Requireable<string>;
+            }>>;
+        }> | null | undefined)[]>;
+        onCardClick: PropTypes.Requireable<(...args: any[]) => any>;
+        'data-name': PropTypes.Requireable<string>;
+    };
+    export { propTypes_1 as propTypes };
+}
+//# sourceMappingURL=index.d.ts.map

package/es/template/my-assignments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-assignments/index.js"],"names":[],"mappings":";AAuEA;;;;;;;;gBAyEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD;;;;gBAMC"}

package/es/template/my-assignments/index.js

@@ -0,0 +1,221 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import Title from '../../atom/title';
+import Tabs from '../../molecule/tabs';
+import Loader from '../../atom/loader';
+import Link from '../../atom/link';
+import FaIcon from '../../atom/icon';
+import Tag from '../../atom/tag';
+import { COLORS } from '../../variables/colors';
+import AssignmentCard from '../../molecule/assignment-card';
+import style from './style.css';
+
+// To do is split by due date, always in this order (N4). "Later" is gone.
+const SECTIONS = {
+  overdue: {
+    iconName: 'triangle-exclamation',
+    color: COLORS.cm_negative_200
+  },
+  dueThisWeek: {
+    iconName: 'clock',
+    color: COLORS.cm_yellow_400
+  },
+  dueAfterThisWeek: {
+    iconName: 'circle',
+    color: COLORS.cm_grey_500
+  }
+};
+const SECTION_KEYS = ['overdue', 'dueThisWeek', 'dueAfterThisWeek'];
+const GridCard = ({
+  card,
+  onCardClick
+}) => {
+  const handleClick = useCallback(event => onCardClick(card, event), [card, onCardClick]);
+  return /*#__PURE__*/React.createElement(AssignmentCard, _extends({}, card, {
+    onClick: onCardClick ? handleClick : card.onClick
+  }));
+};
+GridCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  card: PropTypes.shape(AssignmentCard.propTypes),
+  onCardClick: PropTypes.func
+} : {};
+const Grid = ({
+  cards,
+  onCardClick,
+  'data-name': dataName
+}) => /*#__PURE__*/React.createElement("div", {
+  className: style.grid,
+  "data-name": dataName
+}, cards.map((card, index) => /*#__PURE__*/React.createElement(GridCard, {
+  key: index,
+  card: card,
+  onCardClick: onCardClick
+})));
+Grid.propTypes = process.env.NODE_ENV !== "production" ? {
+  cards: PropTypes.arrayOf(PropTypes.shape(AssignmentCard.propTypes)),
+  onCardClick: PropTypes.func,
+  'data-name': PropTypes.string
+} : {};
+const DueSection = ({
+  sectionKey,
+  title,
+  subtitle,
+  count,
+  cards,
+  onCardClick
+}) => {
+  const {
+    iconName,
+    color
+  } = SECTIONS[sectionKey];
+  return /*#__PURE__*/React.createElement("section", {
+    className: style.section,
+    "data-name": "due-section",
+    "data-key": sectionKey
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.sectionHead
+  }, /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: iconName,
+    iconColor: color,
+    size: {
+      faSize: 16,
+      wrapperSize: 16
+    }
+  }), /*#__PURE__*/React.createElement("h2", {
+    className: style.sectionTitle
+  }, title), /*#__PURE__*/React.createElement(Tag, {
+    label: String(count),
+    size: "S"
+  }), subtitle ? /*#__PURE__*/React.createElement("span", {
+    className: style.sectionSubtitle
+  }, subtitle) : null), /*#__PURE__*/React.createElement(Grid, {
+    cards: cards,
+    onCardClick: onCardClick
+  }));
+};
+DueSection.propTypes = process.env.NODE_ENV !== "production" ? {
+  sectionKey: PropTypes.oneOf(SECTION_KEYS),
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+  count: PropTypes.number,
+  cards: Grid.propTypes.cards,
+  onCardClick: PropTypes.func
+} : {};
+
+// « Assigned to you » at /assigned (N4): two tabs, To do (not started + in progress) in three
+// due-date sections, and Finished as a flat grid. The MOOC sorts every list; lateness is never
+// shown (L0) and no assignment is ever named (L5).
+const MyAssignments = ({
+  title,
+  tabs = [],
+  sections = [],
+  cards = [],
+  emptyState,
+  loading = false,
+  onCardClick
+}) => {
+  const selectedTab = tabs.find(tab => tab.selected);
+  const isTodo = !selectedTab || selectedTab.key === 'todo';
+  const visibleSections = SECTION_KEYS.map(key => sections.find(section => section.key === key)).filter(section => section && section.cards.length > 0);
+  const isEmpty = isTodo ? visibleSections.length === 0 : cards.length === 0;
+  const handleEmptyLinkClick = emptyState && emptyState.link && emptyState.link.onClick;
+  let panel;
+  if (loading) {
+    panel = /*#__PURE__*/React.createElement(Loader, null);
+  } else if (isEmpty) {
+    panel = emptyState ? /*#__PURE__*/React.createElement("div", {
+      className: style.empty,
+      "data-name": "empty-state"
+    }, /*#__PURE__*/React.createElement("h2", {
+      className: style.emptyTitle
+    }, emptyState.title), /*#__PURE__*/React.createElement("p", {
+      className: style.emptyMessage
+    }, emptyState.message), emptyState.link ? /*#__PURE__*/React.createElement(Link, {
+      className: style.emptyLink,
+      href: emptyState.link.href,
+      onClick: handleEmptyLinkClick
+    }, emptyState.link.label) : null) : null;
+  } else if (isTodo) {
+    panel = visibleSections.map(section => /*#__PURE__*/React.createElement(DueSection, {
+      key: section.key,
+      sectionKey: section.key,
+      title: section.title,
+      subtitle: section.subtitle,
+      count: section.count,
+      cards: section.cards,
+      onCardClick: onCardClick
+    }));
+  } else {
+    panel = /*#__PURE__*/React.createElement(Grid, {
+      cards: cards,
+      onCardClick: onCardClick,
+      "data-name": "finished-grid"
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.backgroundContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, title ? /*#__PURE__*/React.createElement(Title, {
+    type: "page",
+    title: title
+  }) : null, /*#__PURE__*/React.createElement(Tabs, {
+    compact: true,
+    items: tabs.map(({
+      key,
+      label,
+      count,
+      selected,
+      onClick
+    }) => ({
+      key,
+      title: label,
+      count,
+      isActive: selected,
+      onClick
+    }))
+  }), /*#__PURE__*/React.createElement("div", {
+    role: "tabpanel",
+    "aria-label": selectedTab && selectedTab.label,
+    "aria-busy": loading
+  }, panel)));
+};
+MyAssignments.propTypes = process.env.NODE_ENV !== "production" ? {
+  // « Assigned to you »
+  title: PropTypes.string,
+  tabs: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.oneOf(['todo', 'done']).isRequired,
+    label: PropTypes.string,
+    count: PropTypes.number,
+    selected: PropTypes.bool,
+    onClick: PropTypes.func
+  })),
+  // To do: Overdue / Due this week / Due after this week. An empty section is not rendered.
+  sections: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.oneOf(SECTION_KEYS).isRequired,
+    title: PropTypes.string,
+    // A date range label, e.g. "Wed 21 Oct – Wed 28 Oct"
+    subtitle: PropTypes.string,
+    // Every module of the section, whatever the number of cards loaded
+    count: PropTypes.number.isRequired,
+    cards: Grid.propTypes.cards.isRequired
+  })),
+  // Finished: most recently finished first (D1)
+  cards: Grid.propTypes.cards,
+  loading: PropTypes.bool,
+  // The empty state of the selected tab
+  emptyState: PropTypes.shape({
+    title: PropTypes.string,
+    message: PropTypes.string,
+    link: PropTypes.shape({
+      label: PropTypes.string,
+      href: PropTypes.string,
+      onClick: PropTypes.func
+    })
+  }),
+  // Receives the card's content and the click event
+  onCardClick: PropTypes.func
+} : {};
+export default MyAssignments;
+//# sourceMappingURL=index.js.map

package/es/template/my-assignments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Title","Tabs","Loader","Link","FaIcon","Tag","COLORS","AssignmentCard","style","SECTIONS","overdue","iconName","color","cm_negative_200","dueThisWeek","cm_yellow_400","dueAfterThisWeek","cm_grey_500","SECTION_KEYS","GridCard","card","onCardClick","handleClick","event","createElement","_extends","onClick","propTypes","process","env","NODE_ENV","shape","func","Grid","cards","dataName","className","grid","map","index","key","arrayOf","string","DueSection","sectionKey","title","subtitle","count","section","sectionHead","iconColor","size","faSize","wrapperSize","sectionTitle","label","String","sectionSubtitle","oneOf","number","MyAssignments","tabs","sections","emptyState","loading","selectedTab","find","tab","selected","isTodo","visibleSections","filter","length","isEmpty","handleEmptyLinkClick","link","panel","empty","emptyTitle","emptyMessage","message","emptyLink","href","backgroundContainer","container","type","compact","items","isActive","role","isRequired","bool"],"sources":["../../../src/template/my-assignments/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Title from '../../atom/title';\nimport Tabs from '../../molecule/tabs';\nimport Loader from '../../atom/loader';\nimport Link from '../../atom/link';\nimport FaIcon from '../../atom/icon';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport AssignmentCard from '../../molecule/assignment-card';\nimport style from './style.css';\n\n// To do is split by due date, always in this order (N4). \"Later\" is gone.\nconst SECTIONS = {\n  overdue: {iconName: 'triangle-exclamation', color: COLORS.cm_negative_200},\n  dueThisWeek: {iconName: 'clock', color: COLORS.cm_yellow_400},\n  dueAfterThisWeek: {iconName: 'circle', color: COLORS.cm_grey_500}\n};\nconst SECTION_KEYS = ['overdue', 'dueThisWeek', 'dueAfterThisWeek'];\n\nconst GridCard = ({card, onCardClick}) => {\n  const handleClick = useCallback(event => onCardClick(card, event), [card, onCardClick]);\n  return <AssignmentCard {...card} onClick={onCardClick ? handleClick : card.onClick} />;\n};\n\nGridCard.propTypes = {\n  card: PropTypes.shape(AssignmentCard.propTypes),\n  onCardClick: PropTypes.func\n};\n\nconst Grid = ({cards, onCardClick, 'data-name': dataName}) => (\n  <div className={style.grid} data-name={dataName}>\n    {cards.map((card, index) => (\n      <GridCard key={index} card={card} onCardClick={onCardClick} />\n    ))}\n  </div>\n);\n\nGrid.propTypes = {\n  cards: PropTypes.arrayOf(PropTypes.shape(AssignmentCard.propTypes)),\n  onCardClick: PropTypes.func,\n  'data-name': PropTypes.string\n};\n\nconst DueSection = ({sectionKey, title, subtitle, count, cards, onCardClick}) => {\n  const {iconName, color} = SECTIONS[sectionKey];\n  return (\n    <section className={style.section} data-name=\"due-section\" data-key={sectionKey}>\n      <div className={style.sectionHead}>\n        <FaIcon iconName={iconName} iconColor={color} size={{faSize: 16, wrapperSize: 16}} />\n        <h2 className={style.sectionTitle}>{title}</h2>\n        <Tag label={String(count)} size=\"S\" />\n        {subtitle ? <span className={style.sectionSubtitle}>{subtitle}</span> : null}\n      </div>\n      <Grid cards={cards} onCardClick={onCardClick} />\n    </section>\n  );\n};\n\nDueSection.propTypes = {\n  sectionKey: PropTypes.oneOf(SECTION_KEYS),\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  count: PropTypes.number,\n  cards: Grid.propTypes.cards,\n  onCardClick: PropTypes.func\n};\n\n// « Assigned to you » at /assigned (N4): two tabs, To do (not started + in progress) in three\n// due-date sections, and Finished as a flat grid. The MOOC sorts every list; lateness is never\n// shown (L0) and no assignment is ever named (L5).\nconst MyAssignments = ({\n  title,\n  tabs = [],\n  sections = [],\n  cards = [],\n  emptyState,\n  loading = false,\n  onCardClick\n}) => {\n  const selectedTab = tabs.find(tab => tab.selected);\n  const isTodo = !selectedTab || selectedTab.key === 'todo';\n  const visibleSections = SECTION_KEYS.map(key =>\n    sections.find(section => section.key === key)\n  ).filter(section => section && section.cards.length > 0);\n  const isEmpty = isTodo ? visibleSections.length === 0 : cards.length === 0;\n\n  const handleEmptyLinkClick = emptyState && emptyState.link && emptyState.link.onClick;\n\n  let panel;\n  if (loading) {\n    panel = <Loader />;\n  } else if (isEmpty) {\n    panel = emptyState ? (\n      <div className={style.empty} data-name=\"empty-state\">\n        <h2 className={style.emptyTitle}>{emptyState.title}</h2>\n        <p className={style.emptyMessage}>{emptyState.message}</p>\n        {emptyState.link ? (\n          <Link\n            className={style.emptyLink}\n            href={emptyState.link.href}\n            onClick={handleEmptyLinkClick}\n          >\n            {emptyState.link.label}\n          </Link>\n        ) : null}\n      </div>\n    ) : null;\n  } else if (isTodo) {\n    panel = visibleSections.map(section => (\n      <DueSection\n        key={section.key}\n        sectionKey={section.key}\n        title={section.title}\n        subtitle={section.subtitle}\n        count={section.count}\n        cards={section.cards}\n        onCardClick={onCardClick}\n      />\n    ));\n  } else {\n    panel = <Grid cards={cards} onCardClick={onCardClick} data-name=\"finished-grid\" />;\n  }\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container}>\n        {title ? <Title type=\"page\" title={title} /> : null}\n        <Tabs\n          compact\n          items={tabs.map(({key, label, count, selected, onClick}) => ({\n            key,\n            title: label,\n            count,\n            isActive: selected,\n            onClick\n          }))}\n        />\n        <div role=\"tabpanel\" aria-label={selectedTab && selectedTab.label} aria-busy={loading}>\n          {panel}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nMyAssignments.propTypes = {\n  // « Assigned to you »\n  title: PropTypes.string,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.oneOf(['todo', 'done']).isRequired,\n      label: PropTypes.string,\n      count: PropTypes.number,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func\n    })\n  ),\n  // To do: Overdue / Due this week / Due after this week. An empty section is not rendered.\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.oneOf(SECTION_KEYS).isRequired,\n      title: PropTypes.string,\n      // A date range label, e.g. \"Wed 21 Oct – Wed 28 Oct\"\n      subtitle: PropTypes.string,\n      // Every module of the section, whatever the number of cards loaded\n      count: PropTypes.number.isRequired,\n      cards: Grid.propTypes.cards.isRequired\n    })\n  ),\n  // Finished: most recently finished first (D1)\n  cards: Grid.propTypes.cards,\n  loading: PropTypes.bool,\n  // The empty state of the selected tab\n  emptyState: PropTypes.shape({\n    title: PropTypes.string,\n    message: PropTypes.string,\n    link: PropTypes.shape({\n      label: PropTypes.string,\n      href: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  }),\n  // Receives the card's content and the click event\n  onCardClick: PropTypes.func\n};\n\nexport default MyAssignments;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;;AAE/B;AACA,MAAMC,QAAQ,GAAG;EACfC,OAAO,EAAE;IAACC,QAAQ,EAAE,sBAAsB;IAAEC,KAAK,EAAEN,MAAM,CAACO;EAAe,CAAC;EAC1EC,WAAW,EAAE;IAACH,QAAQ,EAAE,OAAO;IAAEC,KAAK,EAAEN,MAAM,CAACS;EAAa,CAAC;EAC7DC,gBAAgB,EAAE;IAACL,QAAQ,EAAE,QAAQ;IAAEC,KAAK,EAAEN,MAAM,CAACW;EAAW;AAClE,CAAC;AACD,MAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC;AAEnE,MAAMC,QAAQ,GAAGA,CAAC;EAACC,IAAI;EAAEC;AAAW,CAAC,KAAK;EACxC,MAAMC,WAAW,GAAGxB,WAAW,CAACyB,KAAK,IAAIF,WAAW,CAACD,IAAI,EAAEG,KAAK,CAAC,EAAE,CAACH,IAAI,EAAEC,WAAW,CAAC,CAAC;EACvF,oBAAOxB,KAAA,CAAA2B,aAAA,CAACjB,cAAc,EAAAkB,QAAA,KAAKL,IAAI;IAAEM,OAAO,EAAEL,WAAW,GAAGC,WAAW,GAAGF,IAAI,CAACM;EAAQ,EAAE,CAAC;AACxF,CAAC;AAEDP,QAAQ,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBV,IAAI,EAAErB,SAAS,CAACgC,KAAK,CAACxB,cAAc,CAACoB,SAAS,CAAC;EAC/CN,WAAW,EAAEtB,SAAS,CAACiC;AACzB,CAAC;AAED,MAAMC,IAAI,GAAGA,CAAC;EAACC,KAAK;EAAEb,WAAW;EAAE,WAAW,EAAEc;AAAQ,CAAC,kBACvDtC,KAAA,CAAA2B,aAAA;EAAKY,SAAS,EAAE5B,KAAK,CAAC6B,IAAK;EAAC,aAAWF;AAAS,GAC7CD,KAAK,CAACI,GAAG,CAAC,CAAClB,IAAI,EAAEmB,KAAK,kBACrB1C,KAAA,CAAA2B,aAAA,CAACL,QAAQ;EAACqB,GAAG,EAAED,KAAM;EAACnB,IAAI,EAAEA,IAAK;EAACC,WAAW,EAAEA;AAAY,CAAE,CAC9D,CACE,CACN;AAEDY,IAAI,CAACN,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfI,KAAK,EAAEnC,SAAS,CAAC0C,OAAO,CAAC1C,SAAS,CAACgC,KAAK,CAACxB,cAAc,CAACoB,SAAS,CAAC,CAAC;EACnEN,WAAW,EAAEtB,SAAS,CAACiC,IAAI;EAC3B,WAAW,EAAEjC,SAAS,CAAC2C;AACzB,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAACC,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEb,KAAK;EAAEb;AAAW,CAAC,KAAK;EAC/E,MAAM;IAACV,QAAQ;IAAEC;EAAK,CAAC,GAAGH,QAAQ,CAACmC,UAAU,CAAC;EAC9C,oBACE/C,KAAA,CAAA2B,aAAA;IAASY,SAAS,EAAE5B,KAAK,CAACwC,OAAQ;IAAC,aAAU,aAAa;IAAC,YAAUJ;EAAW,gBAC9E/C,KAAA,CAAA2B,aAAA;IAAKY,SAAS,EAAE5B,KAAK,CAACyC;EAAY,gBAChCpD,KAAA,CAAA2B,aAAA,CAACpB,MAAM;IAACO,QAAQ,EAAEA,QAAS;IAACuC,SAAS,EAAEtC,KAAM;IAACuC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CAAE,CAAC,eACrFxD,KAAA,CAAA2B,aAAA;IAAIY,SAAS,EAAE5B,KAAK,CAAC8C;EAAa,GAAET,KAAU,CAAC,eAC/ChD,KAAA,CAAA2B,aAAA,CAACnB,GAAG;IAACkD,KAAK,EAAEC,MAAM,CAACT,KAAK,CAAE;IAACI,IAAI,EAAC;EAAG,CAAE,CAAC,EACrCL,QAAQ,gBAAGjD,KAAA,CAAA2B,aAAA;IAAMY,SAAS,EAAE5B,KAAK,CAACiD;EAAgB,GAAEX,QAAe,CAAC,GAAG,IACrE,CAAC,eACNjD,KAAA,CAAA2B,aAAA,CAACS,IAAI;IAACC,KAAK,EAAEA,KAAM;IAACb,WAAW,EAAEA;EAAY,CAAE,CACxC,CAAC;AAEd,CAAC;AAEDsB,UAAU,CAAChB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBc,UAAU,EAAE7C,SAAS,CAAC2D,KAAK,CAACxC,YAAY,CAAC;EACzC2B,KAAK,EAAE9C,SAAS,CAAC2C,MAAM;EACvBI,QAAQ,EAAE/C,SAAS,CAAC2C,MAAM;EAC1BK,KAAK,EAAEhD,SAAS,CAAC4D,MAAM;EACvBzB,KAAK,EAAED,IAAI,CAACN,SAAS,CAACO,KAAK;EAC3Bb,WAAW,EAAEtB,SAAS,CAACiC;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAM4B,aAAa,GAAGA,CAAC;EACrBf,KAAK;EACLgB,IAAI,GAAG,EAAE;EACTC,QAAQ,GAAG,EAAE;EACb5B,KAAK,GAAG,EAAE;EACV6B,UAAU;EACVC,OAAO,GAAG,KAAK;EACf3C;AACF,CAAC,KAAK;EACJ,MAAM4C,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAC;EAClD,MAAMC,MAAM,GAAG,CAACJ,WAAW,IAAIA,WAAW,CAACzB,GAAG,KAAK,MAAM;EACzD,MAAM8B,eAAe,GAAGpD,YAAY,CAACoB,GAAG,CAACE,GAAG,IAC1CsB,QAAQ,CAACI,IAAI,CAAClB,OAAO,IAAIA,OAAO,CAACR,GAAG,KAAKA,GAAG,CAC9C,CAAC,CAAC+B,MAAM,CAACvB,OAAO,IAAIA,OAAO,IAAIA,OAAO,CAACd,KAAK,CAACsC,MAAM,GAAG,CAAC,CAAC;EACxD,MAAMC,OAAO,GAAGJ,MAAM,GAAGC,eAAe,CAACE,MAAM,KAAK,CAAC,GAAGtC,KAAK,CAACsC,MAAM,KAAK,CAAC;EAE1E,MAAME,oBAAoB,GAAGX,UAAU,IAAIA,UAAU,CAACY,IAAI,IAAIZ,UAAU,CAACY,IAAI,CAACjD,OAAO;EAErF,IAAIkD,KAAK;EACT,IAAIZ,OAAO,EAAE;IACXY,KAAK,gBAAG/E,KAAA,CAAA2B,aAAA,CAACtB,MAAM,MAAE,CAAC;EACpB,CAAC,MAAM,IAAIuE,OAAO,EAAE;IAClBG,KAAK,GAAGb,UAAU,gBAChBlE,KAAA,CAAA2B,aAAA;MAAKY,SAAS,EAAE5B,KAAK,CAACqE,KAAM;MAAC,aAAU;IAAa,gBAClDhF,KAAA,CAAA2B,aAAA;MAAIY,SAAS,EAAE5B,KAAK,CAACsE;IAAW,GAAEf,UAAU,CAAClB,KAAU,CAAC,eACxDhD,KAAA,CAAA2B,aAAA;MAAGY,SAAS,EAAE5B,KAAK,CAACuE;IAAa,GAAEhB,UAAU,CAACiB,OAAW,CAAC,EACzDjB,UAAU,CAACY,IAAI,gBACd9E,KAAA,CAAA2B,aAAA,CAACrB,IAAI;MACHiC,SAAS,EAAE5B,KAAK,CAACyE,SAAU;MAC3BC,IAAI,EAAEnB,UAAU,CAACY,IAAI,CAACO,IAAK;MAC3BxD,OAAO,EAAEgD;IAAqB,GAE7BX,UAAU,CAACY,IAAI,CAACpB,KACb,CAAC,GACL,IACD,CAAC,GACJ,IAAI;EACV,CAAC,MAAM,IAAIc,MAAM,EAAE;IACjBO,KAAK,GAAGN,eAAe,CAAChC,GAAG,CAACU,OAAO,iBACjCnD,KAAA,CAAA2B,aAAA,CAACmB,UAAU;MACTH,GAAG,EAAEQ,OAAO,CAACR,GAAI;MACjBI,UAAU,EAAEI,OAAO,CAACR,GAAI;MACxBK,KAAK,EAAEG,OAAO,CAACH,KAAM;MACrBC,QAAQ,EAAEE,OAAO,CAACF,QAAS;MAC3BC,KAAK,EAAEC,OAAO,CAACD,KAAM;MACrBb,KAAK,EAAEc,OAAO,CAACd,KAAM;MACrBb,WAAW,EAAEA;IAAY,CAC1B,CACF,CAAC;EACJ,CAAC,MAAM;IACLuD,KAAK,gBAAG/E,KAAA,CAAA2B,aAAA,CAACS,IAAI;MAACC,KAAK,EAAEA,KAAM;MAACb,WAAW,EAAEA,WAAY;MAAC,aAAU;IAAe,CAAE,CAAC;EACpF;EAEA,oBACExB,KAAA,CAAA2B,aAAA;IAAKY,SAAS,EAAE5B,KAAK,CAAC2E;EAAoB,gBACxCtF,KAAA,CAAA2B,aAAA;IAAKY,SAAS,EAAE5B,KAAK,CAAC4E;EAAU,GAC7BvC,KAAK,gBAAGhD,KAAA,CAAA2B,aAAA,CAACxB,KAAK;IAACqF,IAAI,EAAC,MAAM;IAACxC,KAAK,EAAEA;EAAM,CAAE,CAAC,GAAG,IAAI,eACnDhD,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IACHqF,OAAO;IACPC,KAAK,EAAE1B,IAAI,CAACvB,GAAG,CAAC,CAAC;MAACE,GAAG;MAAEe,KAAK;MAAER,KAAK;MAAEqB,QAAQ;MAAE1C;IAAO,CAAC,MAAM;MAC3Dc,GAAG;MACHK,KAAK,EAAEU,KAAK;MACZR,KAAK;MACLyC,QAAQ,EAAEpB,QAAQ;MAClB1C;IACF,CAAC,CAAC;EAAE,CACL,CAAC,eACF7B,KAAA,CAAA2B,aAAA;IAAKiE,IAAI,EAAC,UAAU;IAAC,cAAYxB,WAAW,IAAIA,WAAW,CAACV,KAAM;IAAC,aAAWS;EAAQ,GACnFY,KACE,CACF,CACF,CAAC;AAEV,CAAC;AAEDhB,aAAa,CAACjC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxB;EACAe,KAAK,EAAE9C,SAAS,CAAC2C,MAAM;EACvBmB,IAAI,EAAE9D,SAAS,CAAC0C,OAAO,CACrB1C,SAAS,CAACgC,KAAK,CAAC;IACdS,GAAG,EAAEzC,SAAS,CAAC2D,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAACgC,UAAU;IACjDnC,KAAK,EAAExD,SAAS,CAAC2C,MAAM;IACvBK,KAAK,EAAEhD,SAAS,CAAC4D,MAAM;IACvBS,QAAQ,EAAErE,SAAS,CAAC4F,IAAI;IACxBjE,OAAO,EAAE3B,SAAS,CAACiC;EACrB,CAAC,CACH,CAAC;EACD;EACA8B,QAAQ,EAAE/D,SAAS,CAAC0C,OAAO,CACzB1C,SAAS,CAACgC,KAAK,CAAC;IACdS,GAAG,EAAEzC,SAAS,CAAC2D,KAAK,CAACxC,YAAY,CAAC,CAACwE,UAAU;IAC7C7C,KAAK,EAAE9C,SAAS,CAAC2C,MAAM;IACvB;IACAI,QAAQ,EAAE/C,SAAS,CAAC2C,MAAM;IAC1B;IACAK,KAAK,EAAEhD,SAAS,CAAC4D,MAAM,CAAC+B,UAAU;IAClCxD,KAAK,EAAED,IAAI,CAACN,SAAS,CAACO,KAAK,CAACwD;EAC9B,CAAC,CACH,CAAC;EACD;EACAxD,KAAK,EAAED,IAAI,CAACN,SAAS,CAACO,KAAK;EAC3B8B,OAAO,EAAEjE,SAAS,CAAC4F,IAAI;EACvB;EACA5B,UAAU,EAAEhE,SAAS,CAACgC,KAAK,CAAC;IAC1Bc,KAAK,EAAE9C,SAAS,CAAC2C,MAAM;IACvBsC,OAAO,EAAEjF,SAAS,CAAC2C,MAAM;IACzBiC,IAAI,EAAE5E,SAAS,CAACgC,KAAK,CAAC;MACpBwB,KAAK,EAAExD,SAAS,CAAC2C,MAAM;MACvBwC,IAAI,EAAEnF,SAAS,CAAC2C,MAAM;MACtBhB,OAAO,EAAE3B,SAAS,CAACiC;IACrB,CAAC;EACH,CAAC,CAAC;EACF;EACAX,WAAW,EAAEtB,SAAS,CAACiC;AACzB,CAAC;AAED,eAAe4B,aAAa","ignoreList":[]}

package/es/template/my-assignments/style.css

@@ -0,0 +1,84 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100, cm_grey_500, cm_grey_800, cm_primary_blue from colors;
+
+.backgroundContainer {
+  background-color: white;
+  min-height: 100%;
+  width: 100%;
+  font-family: "Gilroy";
+}
+
+.container {
+  margin: 48px auto;
+  padding: 0 16px;
+  position: relative;
+  box-sizing: border-box;
+  min-height: 100%;
+  width: 100%;
+  max-width: calc(1080px + 32px);
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(256px, 100%), 1fr));
+  gap: 24px 16px;
+  margin-top: 16px;
+}
+
+.section {
+  margin-top: 32px;
+}
+
+.sectionHead {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid cm_grey_100;
+}
+
+.sectionTitle {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  color: cm_grey_800;
+}
+
+.sectionSubtitle {
+  margin-left: auto;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: cm_grey_500;
+}
+
+.empty {
+  max-width: 502px;
+  margin: 0 auto;
+  padding: 72px 16px;
+  text-align: center;
+  overflow-wrap: anywhere;
+}
+
+.emptyTitle {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 28px;
+  color: cm_grey_800;
+}
+
+.emptyMessage {
+  margin: 8px 0 20px;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 22px;
+  color: cm_grey_500;
+}
+
+.emptyLink {
+  font-size: 14px;
+  font-weight: 700;
+  color: cm_primary_blue;
+}

package/es/template/my-learning/index.d.ts

@@ -52,12 +52,14 @@ declare namespace MyLearning {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
+            alwaysShowMore: PropTypes.Requireable<boolean>;
             cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 adaptiv: PropTypes.Requireable<boolean>;
                 type: PropTypes.Requireable<string>;
+                typeLabel: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 author: PropTypes.Requireable<string>;
                 certifiedAuthor: PropTypes.Requireable<boolean>;
@@ -117,6 +119,7 @@ declare namespace MyLearning {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     isActive: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
+                compact: PropTypes.Requireable<boolean>;
             }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;

package/es/template/playlist-detail/index.d.ts

@@ -175,6 +175,7 @@ declare namespace PlaylistDetail {
                         customLabelClassName: PropTypes.Requireable<string>;
                     }>>;
                     required: PropTypes.Requireable<boolean>;
+                    headingLevel: PropTypes.Requireable<number>;
                 }>>;
                 headerIcon: PropTypes.Requireable<string>;
                 backgroundImage: PropTypes.Requireable<string>;
@@ -325,6 +326,15 @@ declare namespace PlaylistDetail {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            titleTags: PropTypes.Requireable<(PropTypes.InferProps<{
+                                label: PropTypes.Validator<string>;
+                                type: PropTypes.Requireable<string>;
+                            }> | null | undefined)[]>;
+                            details: PropTypes.Requireable<string>;
+                            progress: PropTypes.Requireable<PropTypes.InferProps<{
+                                value: PropTypes.Validator<number>;
+                                label: PropTypes.Validator<string>;
+                            }>>;
                             'data-name': PropTypes.Requireable<string>;
                             provider: PropTypes.Requireable<PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
@@ -771,6 +781,7 @@ declare namespace PlaylistDetail {
                             customLabelClassName: PropTypes.Requireable<string>;
                         }>>;
                         required: PropTypes.Requireable<boolean>;
+                        headingLevel: PropTypes.Requireable<number>;
                     }> | null | undefined>>;
                     isFetching: PropTypes.Requireable<boolean>;
                     search: PropTypes.Requireable<PropTypes.InferProps<{

package/es/template/teams-dashboard/index.d.ts

@@ -39,12 +39,14 @@ declare namespace TeamsDashboard {
             dataName: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
+            alwaysShowMore: PropTypes.Requireable<boolean>;
             cards: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
                 image: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 adaptiv: PropTypes.Requireable<boolean>;
                 type: PropTypes.Requireable<string>;
+                typeLabel: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 author: PropTypes.Requireable<string>;
                 certifiedAuthor: PropTypes.Requireable<boolean>;
@@ -104,6 +106,7 @@ declare namespace TeamsDashboard {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     isActive: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
+                compact: PropTypes.Requireable<boolean>;
             }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;

package/es/util/proptypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AAcA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,2FAoBN;AAED,gCAA4C;AAC5C,8BAAwC"}
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../src/util/proptypes.js"],"names":[],"mappings":"AAcA,8BAAsD;AAGtD,+BAAwD;AAExD,qDAA4E;AAErE,2FAsBN;AAED,gCAA4C;AAC5C,8BAAwC"}

package/es/util/proptypes.js

@@ -14,12 +14,12 @@ const PATH_REGEXP = /^\/([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
 export const PathPropType = stringMatching(PATH_REGEXP);
 export const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);
 export const FilesPropType = (props, propName, componentName) => {
-  const validFilesTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf', 'application/zip', 'text/csv'];
+  const validFilesTypes = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/*', 'application/pdf', 'application/zip', 'text/csv', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'];
   const propValue = props[propName];
   const filesTypes = split(',', propValue);
   const isValid = isEmpty(head(filesTypes)) || every(type => includes(trim(type), validFilesTypes), filesTypes);
   if (isValid) return null;
-  return new Error(`Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/* image/svg+xml or application/pdf.`);
+  return new Error(`Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid file type: image/jpeg, image/png, image/* image/svg+xml, application/pdf, application/zip, text/csv or an Excel type.`);
 };
 export const ColorPropType = _ColorPropType;
 export const HexPropType = _HexPropType;

package/es/util/proptypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"proptypes.js","names":["PropTypes","split","trim","includes","every","stringMatching","_ColorPropType","_HexPropType","isEmpty","head","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","FilesPropType","props","propName","componentName","validFilesTypes","propValue","filesTypes","isValid","type","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport split from 'lodash/fp/split';\nimport trim from 'lodash/fp/trim';\nimport includes from 'lodash/fp/includes';\nimport every from 'lodash/fp/every';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport head from 'lodash/fp/head';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const FilesPropType = (props, propName, componentName) => {\n  const validFilesTypes = [\n    'image/jpeg',\n    'image/png',\n    'image/svg+xml',\n    'image/*',\n    'application/pdf',\n    'application/zip',\n    'text/csv'\n  ];\n\n  const propValue = props[propName];\n  const filesTypes = split(',', propValue);\n  const isValid =\n    isEmpty(head(filesTypes)) || every(type => includes(trim(type), validFilesTypes), filesTypes);\n  if (isValid) return null;\n\n  return new Error(\n    `Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/* image/svg+xml or application/pdf.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAOC,cAAc,MAAM,yCAAyC;AACpE,OAAOC,YAAY,MAAM,uCAAuC;AAChE,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,IAAI,MAAM,gBAAgB;AAEjC,MAAMC,UAAU,GACd,8FAA8F;AAChG,OAAO,MAAMC,WAAW,GAAGN,cAAc,CAACK,UAAU,CAAC;AAErD,MAAME,WAAW,GAAG,oCAAoC;AACxD,OAAO,MAAMC,YAAY,GAAGR,cAAc,CAACO,WAAW,CAAC;AAEvD,OAAO,MAAME,WAAW,GAAGd,SAAS,CAACe,SAAS,CAAC,CAACJ,WAAW,EAAEE,YAAY,CAAC,CAAC;AAE3E,OAAO,MAAMG,aAAa,GAAGA,CAACC,KAAK,EAAEC,QAAQ,EAAEC,aAAa,KAAK;EAC/D,MAAMC,eAAe,GAAG,CACtB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,CACX;EAED,MAAMC,SAAS,GAAGJ,KAAK,CAACC,QAAQ,CAAC;EACjC,MAAMI,UAAU,GAAGrB,KAAK,CAAC,GAAG,EAAEoB,SAAS,CAAC;EACxC,MAAME,OAAO,GACXf,OAAO,CAACC,IAAI,CAACa,UAAU,CAAC,CAAC,IAAIlB,KAAK,CAACoB,IAAI,IAAIrB,QAAQ,CAACD,IAAI,CAACsB,IAAI,CAAC,EAAEJ,eAAe,CAAC,EAAEE,UAAU,CAAC;EAC/F,IAAIC,OAAO,EAAE,OAAO,IAAI;EAExB,OAAO,IAAIE,KAAK,CACd,uBAAuBJ,SAAS,mBAAmBF,aAAa,iGAClE,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,aAAa,GAAGpB,cAAc;AAC3C,OAAO,MAAMqB,WAAW,GAAGpB,YAAY","ignoreList":[]}
+{"version":3,"file":"proptypes.js","names":["PropTypes","split","trim","includes","every","stringMatching","_ColorPropType","_HexPropType","isEmpty","head","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","FilesPropType","props","propName","componentName","validFilesTypes","propValue","filesTypes","isValid","type","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport split from 'lodash/fp/split';\nimport trim from 'lodash/fp/trim';\nimport includes from 'lodash/fp/includes';\nimport every from 'lodash/fp/every';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport head from 'lodash/fp/head';\n\nconst URL_REGEXP =\n  /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const FilesPropType = (props, propName, componentName) => {\n  const validFilesTypes = [\n    'image/jpeg',\n    'image/png',\n    'image/svg+xml',\n    'image/*',\n    'application/pdf',\n    'application/zip',\n    'text/csv',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n  ];\n\n  const propValue = props[propName];\n  const filesTypes = split(',', propValue);\n  const isValid =\n    isEmpty(head(filesTypes)) || every(type => includes(trim(type), validFilesTypes), filesTypes);\n  if (isValid) return null;\n\n  return new Error(\n    `Invalid prop value: ${propValue}, at component: ${componentName}. Expected a valid file type: image/jpeg, image/png, image/* image/svg+xml, application/pdf, application/zip, text/csv or an Excel type.`\n  );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAOC,cAAc,MAAM,yCAAyC;AACpE,OAAOC,YAAY,MAAM,uCAAuC;AAChE,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,IAAI,MAAM,gBAAgB;AAEjC,MAAMC,UAAU,GACd,8FAA8F;AAChG,OAAO,MAAMC,WAAW,GAAGN,cAAc,CAACK,UAAU,CAAC;AAErD,MAAME,WAAW,GAAG,oCAAoC;AACxD,OAAO,MAAMC,YAAY,GAAGR,cAAc,CAACO,WAAW,CAAC;AAEvD,OAAO,MAAME,WAAW,GAAGd,SAAS,CAACe,SAAS,CAAC,CAACJ,WAAW,EAAEE,YAAY,CAAC,CAAC;AAE3E,OAAO,MAAMG,aAAa,GAAGA,CAACC,KAAK,EAAEC,QAAQ,EAAEC,aAAa,KAAK;EAC/D,MAAMC,eAAe,GAAG,CACtB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,0BAA0B,EAC1B,mEAAmE,CACpE;EAED,MAAMC,SAAS,GAAGJ,KAAK,CAACC,QAAQ,CAAC;EACjC,MAAMI,UAAU,GAAGrB,KAAK,CAAC,GAAG,EAAEoB,SAAS,CAAC;EACxC,MAAME,OAAO,GACXf,OAAO,CAACC,IAAI,CAACa,UAAU,CAAC,CAAC,IAAIlB,KAAK,CAACoB,IAAI,IAAIrB,QAAQ,CAACD,IAAI,CAACsB,IAAI,CAAC,EAAEJ,eAAe,CAAC,EAAEE,UAAU,CAAC;EAC/F,IAAIC,OAAO,EAAE,OAAO,IAAI;EAExB,OAAO,IAAIE,KAAK,CACd,uBAAuBJ,SAAS,mBAAmBF,aAAa,0IAClE,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,aAAa,GAAGpB,cAAc;AAC3C,OAAO,MAAMqB,WAAW,GAAGpB,YAAY","ignoreList":[]}

package/lib/atom/chip/index.d.ts

@@ -37,6 +37,7 @@ declare namespace Chip {
         const customStyle: PropTypes.Requireable<{
             [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
+        const ariaLabel: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA8EC"}