@coorpacademy/components 11.40.25 → 11.41.0

package/lib/organism/assignment-row/index.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { AssignmentRowProps } from './types';
+declare const AssignmentRow: {
+    (props: AssignmentRowProps): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Validator<string>;
+        subtitle: import("prop-types").Requireable<string>;
+        details: import("prop-types").Requireable<string>;
+        progress: import("prop-types").Requireable<import("prop-types").InferProps<{
+            value: import("prop-types").Validator<number>;
+            label: import("prop-types").Validator<string>;
+        }>>;
+        infoTags: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            key: import("prop-types").Validator<NonNullable<"ongoingChanges" | "unavailable" | "processing" | "syncError">>;
+            label: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        leftIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+            iconName: import("prop-types").Requireable<string>;
+            iconColor: import("prop-types").Requireable<string>;
+            backgroundColor: import("prop-types").Requireable<string>;
+            borderRadius: import("prop-types").Requireable<string>;
+            preset: import("prop-types").Requireable<string>;
+            gradientBackground: import("prop-types").Requireable<boolean>;
+            size: import("prop-types").Requireable<number>;
+            wrapperSize: import("prop-types").Requireable<number>;
+        }>>;
+        buttonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            ariaLabel: import("prop-types").Requireable<string>;
+            dataName: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+            }>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>;
+        bulletPointMenuButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+            buttonAriaLabel: import("prop-types").Requireable<string>;
+            menuAriaLabel: import("prop-types").Requireable<string>;
+            buttons: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                'data-name': import("prop-types").Requireable<string>;
+                label: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            }> | null | undefined)[]>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        id: import("prop-types").Requireable<string>;
+        'data-name': import("prop-types").Requireable<string>;
+    };
+};
+export default AssignmentRow;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/assignment-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/assignment-row/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAC;AA6B7E,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA6C,CAAC;AAI9F,eAAe,aAAa,CAAC"}

package/lib/organism/assignment-row/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _find = _interopRequireDefault(require("lodash/fp/find"));
+var _listItem = _interopRequireDefault(require("../list-item"));
+var _assignmentStatusTag = require("../../molecule/assignment-status-tag");
+var _types = _interopRequireWildcard(require("./types"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const toTitleTags = (tags = []) => _types.ROW_TAG_KEYS.map(key => (0, _find.default)({
+  key
+}, tags)).filter(tag => Boolean(tag)).map(({
+  key,
+  label
+}) => ({
+  label,
+  type: (0, _assignmentStatusTag.getAssignmentTagType)(key)
+}));
+
+// A click on one of the row's own controls (the Tracking button or link, the "…" menu and its
+// items) is not a row click.
+const ignoringControls = onClick => onClick ? event => event.target.closest('button, a') ? undefined : onClick(event) : undefined;
+const toListItemProps = ({
+  infoTags,
+  onClick,
+  leftIcon = {
+    iconName: 'calendar-check'
+  },
+  ...props
+}) => ({
+  ...props,
+  leftIcon,
+  titleTags: toTitleTags(infoTags),
+  onClick: ignoringControls(onClick)
+});
+
+// The Coorpmanager assignment list row: the Skills list row (organism/list-item) with
+// the information tags beside the title, a contents line and a thin progress bar.
+const AssignmentRow = props => /*#__PURE__*/_react.default.createElement(_listItem.default, toListItemProps(props));
+AssignmentRow.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = exports.default = AssignmentRow;
+//# sourceMappingURL=index.js.map

package/lib/organism/assignment-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_find","_listItem","_assignmentStatusTag","_types","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toTitleTags","tags","ROW_TAG_KEYS","map","key","find","filter","tag","Boolean","label","type","getAssignmentTagType","ignoringControls","onClick","event","target","closest","undefined","toListItemProps","infoTags","leftIcon","iconName","props","titleTags","AssignmentRow","createElement","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/assignment-row/index.tsx"],"sourcesContent":["import React from 'react';\nimport find from 'lodash/fp/find';\nimport ListItem from '../list-item';\nimport {getAssignmentTagType} from '../../molecule/assignment-status-tag';\nimport propTypes, {AssignmentRowProps, InfoTag, ROW_TAG_KEYS} from './types';\n\nconst toTitleTags = (tags: InfoTag[] = []) =>\n  ROW_TAG_KEYS.map(key => find({key}, tags))\n    .filter((tag): tag is InfoTag => Boolean(tag))\n    .map(({key, label}) => ({label, type: getAssignmentTagType(key)}));\n\n// A click on one of the row's own controls (the Tracking button or link, the \"…\" menu and its\n// items) is not a row click.\nconst ignoringControls = (onClick?: AssignmentRowProps['onClick']) =>\n  onClick\n    ? (event: React.MouseEvent<HTMLElement>) =>\n        (event.target as Element).closest('button, a') ? undefined : onClick(event)\n    : undefined;\n\nconst toListItemProps = ({\n  infoTags,\n  onClick,\n  leftIcon = {iconName: 'calendar-check'},\n  ...props\n}: AssignmentRowProps) => ({\n  ...props,\n  leftIcon,\n  titleTags: toTitleTags(infoTags),\n  onClick: ignoringControls(onClick)\n});\n\n// The Coorpmanager assignment list row: the Skills list row (organism/list-item) with\n// the information tags beside the title, a contents line and a thin progress bar.\nconst AssignmentRow = (props: AssignmentRowProps) => <ListItem {...toListItemProps(props)} />;\n\nAssignmentRow.propTypes = propTypes;\n\nexport default AssignmentRow;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/assignment-row/types.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+import { BulletPointMenuButtonProps } from '../../molecule/bullet-point-menu-button/types';
+export declare const ROW_TAG_KEYS: readonly ["ongoingChanges", "unavailable", "processing", "syncError"];
+export declare type RowTagKey = typeof ROW_TAG_KEYS[number];
+declare const propTypes: {
+    title: PropTypes.Validator<string>;
+    subtitle: PropTypes.Requireable<string>;
+    details: PropTypes.Requireable<string>;
+    progress: PropTypes.Requireable<PropTypes.InferProps<{
+        value: PropTypes.Validator<number>;
+        label: PropTypes.Validator<string>;
+    }>>;
+    infoTags: PropTypes.Requireable<(PropTypes.InferProps<{
+        key: PropTypes.Validator<NonNullable<"ongoingChanges" | "unavailable" | "processing" | "syncError">>;
+        label: PropTypes.Validator<string>;
+    }> | null | undefined)[]>;
+    leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+        iconName: PropTypes.Requireable<string>;
+        iconColor: PropTypes.Requireable<string>;
+        backgroundColor: PropTypes.Requireable<string>;
+        borderRadius: PropTypes.Requireable<string>;
+        preset: PropTypes.Requireable<string>;
+        gradientBackground: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<number>;
+        wrapperSize: PropTypes.Requireable<number>;
+    }>>;
+    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
+        dataName: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+        }>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+        buttonAriaLabel: PropTypes.Requireable<string>;
+        menuAriaLabel: PropTypes.Requireable<string>;
+        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+            'data-name': PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    id: PropTypes.Requireable<string>;
+    'data-name': PropTypes.Requireable<string>;
+};
+export default propTypes;
+export declare type InfoTag = {
+    key: RowTagKey;
+    label: string;
+};
+export declare type AssignmentRowProps = {
+    title: string;
+    subtitle?: string;
+    details?: string;
+    progress?: {
+        value: number;
+        label: string;
+    };
+    infoTags?: InfoTag[];
+    leftIcon?: {
+        iconName: string;
+        iconColor?: string;
+        preset?: string;
+    };
+    buttonLink?: ButtonLinkProps;
+    bulletPointMenuButton?: Omit<BulletPointMenuButtonProps, 'data-name'>;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    id?: string;
+    'data-name'?: string;
+};
+export declare type AssignmentRowPropsFixture = {
+    props: AssignmentRowProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/organism/assignment-row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/assignment-row/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AAIzF,eAAO,MAAM,YAAY,uEAAwE,CAAC;AAElG,oBAAY,SAAS,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,OAAO,GAAG;IAAC,GAAG,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEtD,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACnE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,qBAAqB,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAC,CAAC"}

package/lib/organism/assignment-row/types.js

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ROW_TAG_KEYS = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _listItem = _interopRequireDefault(require("../list-item"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Row tags appear only when they add information, in this order. There is no lifecycle tag (the
+// list tab already says it) and no "up to date" sync tag (only syncing or a sync error shows).
+const ROW_TAG_KEYS = exports.ROW_TAG_KEYS = ['ongoingChanges', 'unavailable', 'processing', 'syncError'];
+const propTypes = {
+  title: _listItem.default.propTypes.title,
+  // The audience summary and the date range, e.g. "Managers FR · 02 Nov 2026 – 15 Dec 2026 (GMT)"
+  subtitle: _listItem.default.propTypes.subtitle,
+  // The contents line, e.g. "6 modules · 2 external · 2 chapters"
+  details: _listItem.default.propTypes.details,
+  // Completion (0 to 100) and its label; absent on a draft
+  progress: _listItem.default.propTypes.progress,
+  infoTags: _propTypes.default.arrayOf(_propTypes.default.shape({
+    key: _propTypes.default.oneOf(ROW_TAG_KEYS).isRequired,
+    label: _propTypes.default.string.isRequired
+  })),
+  // Defaults to the calendar-check icon
+  leftIcon: _listItem.default.propTypes.leftIcon,
+  // The « Tracking » button (or « Edit » on a draft)
+  buttonLink: _listItem.default.propTypes.buttonLink,
+  bulletPointMenuButton: _listItem.default.propTypes.bulletPointMenuButton,
+  // A click on the row opens the tracking page
+  onClick: _propTypes.default.func,
+  id: _propTypes.default.string,
+  'data-name': _propTypes.default.string
+};
+var _default = exports.default = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/organism/assignment-row/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_listItem","e","__esModule","default","ROW_TAG_KEYS","exports","propTypes","title","ListItem","subtitle","details","progress","infoTags","PropTypes","arrayOf","shape","key","oneOf","isRequired","label","string","leftIcon","buttonLink","bulletPointMenuButton","onClick","func","id","_default"],"sources":["../../../src/organism/assignment-row/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport {BulletPointMenuButtonProps} from '../../molecule/bullet-point-menu-button/types';\n\n// Row tags appear only when they add information, in this order. There is no lifecycle tag (the\n// list tab already says it) and no \"up to date\" sync tag (only syncing or a sync error shows).\nexport const ROW_TAG_KEYS = ['ongoingChanges', 'unavailable', 'processing', 'syncError'] as const;\n\nexport type RowTagKey = typeof ROW_TAG_KEYS[number];\n\nconst propTypes = {\n  title: ListItem.propTypes.title,\n  // The audience summary and the date range, e.g. \"Managers FR · 02 Nov 2026 – 15 Dec 2026 (GMT)\"\n  subtitle: ListItem.propTypes.subtitle,\n  // The contents line, e.g. \"6 modules · 2 external · 2 chapters\"\n  details: ListItem.propTypes.details,\n  // Completion (0 to 100) and its label; absent on a draft\n  progress: ListItem.propTypes.progress,\n  infoTags: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.oneOf(ROW_TAG_KEYS).isRequired,\n      label: PropTypes.string.isRequired\n    })\n  ),\n  // Defaults to the calendar-check icon\n  leftIcon: ListItem.propTypes.leftIcon,\n  // The « Tracking » button (or « Edit » on a draft)\n  buttonLink: ListItem.propTypes.buttonLink,\n  bulletPointMenuButton: ListItem.propTypes.bulletPointMenuButton,\n  // A click on the row opens the tracking page\n  onClick: PropTypes.func,\n  id: PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type InfoTag = {key: RowTagKey; label: string};\n\nexport type AssignmentRowProps = {\n  title: string;\n  subtitle?: string;\n  details?: string;\n  progress?: {value: number; label: string};\n  infoTags?: InfoTag[];\n  leftIcon?: {iconName: string; iconColor?: string; preset?: string};\n  buttonLink?: ButtonLinkProps;\n  bulletPointMenuButton?: Omit<BulletPointMenuButtonProps, 'data-name'>;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  id?: string;\n  'data-name'?: string;\n};\n\nexport type AssignmentRowPropsFixture = {props: AssignmentRowProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIpC;AACA;AACO,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,CAAU;AAIjG,MAAME,SAAS,GAAG;EAChBC,KAAK,EAAEC,iBAAQ,CAACF,SAAS,CAACC,KAAK;EAC/B;EACAE,QAAQ,EAAED,iBAAQ,CAACF,SAAS,CAACG,QAAQ;EACrC;EACAC,OAAO,EAAEF,iBAAQ,CAACF,SAAS,CAACI,OAAO;EACnC;EACAC,QAAQ,EAAEH,iBAAQ,CAACF,SAAS,CAACK,QAAQ;EACrCC,QAAQ,EAAEC,kBAAS,CAACC,OAAO,CACzBD,kBAAS,CAACE,KAAK,CAAC;IACdC,GAAG,EAAEH,kBAAS,CAACI,KAAK,CAACb,YAAY,CAAC,CAACc,UAAU;IAC7CC,KAAK,EAAEN,kBAAS,CAACO,MAAM,CAACF;EAC1B,CAAC,CACH,CAAC;EACD;EACAG,QAAQ,EAAEb,iBAAQ,CAACF,SAAS,CAACe,QAAQ;EACrC;EACAC,UAAU,EAAEd,iBAAQ,CAACF,SAAS,CAACgB,UAAU;EACzCC,qBAAqB,EAAEf,iBAAQ,CAACF,SAAS,CAACiB,qBAAqB;EAC/D;EACAC,OAAO,EAAEX,kBAAS,CAACY,IAAI;EACvBC,EAAE,EAAEb,kBAAS,CAACO,MAAM;EACpB,WAAW,EAAEP,kBAAS,CAACO;AACzB,CAAC;AAAC,IAAAO,QAAA,GAAAtB,OAAA,CAAAF,OAAA,GAEaG,SAAS","ignoreList":[]}

package/lib/organism/brand-learning-priorities/index.d.ts

@@ -7,62 +7,17 @@ declare namespace BrandLearningPriorities {
     namespace propTypes {
         const content: PropTypes.Requireable<PropTypes.InferProps<{
             items: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
-                title: PropTypes.Validator<string>;
-                onUp: PropTypes.Requireable<(...args: any[]) => any>;
-                onDown: PropTypes.Requireable<(...args: any[]) => any>;
-                display: PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    id: PropTypes.Requireable<string>;
-                    value: PropTypes.Requireable<boolean>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                    description: PropTypes.Requireable<string>;
-                    'aria-labelledby': PropTypes.Requireable<string>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    modified: PropTypes.Requireable<boolean>;
-                    titlePosition: PropTypes.Requireable<string>;
-                    theme: PropTypes.Requireable<string>;
-                    details: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    requiredSelection: PropTypes.Requireable<boolean>;
-                    icon: PropTypes.Requireable<string>;
-                }>>;
-                contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                    modified: PropTypes.Requireable<boolean>;
-                    color: PropTypes.Requireable<string>;
-                    theme: PropTypes.Requireable<string>;
-                    className: PropTypes.Requireable<string>;
-                    list: PropTypes.Requireable<(PropTypes.InferProps<{
-                        color: PropTypes.Requireable<string>;
-                        value: PropTypes.Validator<string>;
-                        name: PropTypes.Requireable<string>;
-                        theme: PropTypes.Requireable<string>;
-                        checked: PropTypes.Requireable<boolean>;
-                        label: PropTypes.Requireable<string>;
-                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                    }> | null | undefined)[]>;
-                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                }>>;
-            }> | PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    author: PropTypes.Requireable<string>;
-                    modules: PropTypes.Requireable<string>;
-                    position: PropTypes.Requireable<string>;
-                }>>;
-                image: PropTypes.Requireable<string>;
-                badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
-                    category: PropTypes.Requireable<string>;
-                    label: PropTypes.Requireable<string>;
-                }> | null | undefined)[]>;
-                title: PropTypes.Requireable<string>;
-                author: PropTypes.Requireable<string>;
-                position: PropTypes.Requireable<number>;
-                id: PropTypes.Requireable<string>;
-            }> | 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>;
@@ -148,6 +103,60 @@ declare namespace BrandLearningPriorities {
                         [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
                 }>>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                onUp: PropTypes.Requireable<(...args: any[]) => any>;
+                onDown: PropTypes.Requireable<(...args: any[]) => any>;
+                display: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    name: PropTypes.Requireable<string>;
+                    id: PropTypes.Requireable<string>;
+                    value: PropTypes.Requireable<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    modified: PropTypes.Requireable<boolean>;
+                    titlePosition: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
+                    details: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    requiredSelection: PropTypes.Requireable<boolean>;
+                    icon: PropTypes.Requireable<string>;
+                }>>;
+                contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
+                    modified: PropTypes.Requireable<boolean>;
+                    color: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
+                    className: PropTypes.Requireable<string>;
+                    list: PropTypes.Requireable<(PropTypes.InferProps<{
+                        color: PropTypes.Requireable<string>;
+                        value: PropTypes.Validator<string>;
+                        name: PropTypes.Requireable<string>;
+                        theme: PropTypes.Requireable<string>;
+                        checked: PropTypes.Requireable<boolean>;
+                        label: PropTypes.Requireable<string>;
+                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    }> | null | undefined)[]>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+            }> | PropTypes.InferProps<{
+                'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    author: PropTypes.Requireable<string>;
+                    modules: PropTypes.Requireable<string>;
+                    position: PropTypes.Requireable<string>;
+                }>>;
+                image: PropTypes.Requireable<string>;
+                badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
+                    category: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                title: PropTypes.Requireable<string>;
+                author: PropTypes.Requireable<string>;
+                position: PropTypes.Requireable<number>;
+                id: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 'aria-label': PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;

package/lib/organism/content-skill-modal/index.d.ts

@@ -77,6 +77,15 @@ declare const ContentSkillModal: {
                 items: import("prop-types").Requireable<(import("prop-types").InferProps<{
                     title: import("prop-types").Validator<string>;
                     subtitle: import("prop-types").Requireable<string>;
+                    titleTags: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                        label: import("prop-types").Validator<string>;
+                        type: import("prop-types").Requireable<string>;
+                    }> | null | undefined)[]>;
+                    details: import("prop-types").Requireable<string>;
+                    progress: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        value: import("prop-types").Validator<number>;
+                        label: import("prop-types").Validator<string>;
+                    }>>;
                     'data-name': import("prop-types").Requireable<string>;
                     provider: import("prop-types").Requireable<import("prop-types").InferProps<{
                         label: import("prop-types").Requireable<string>;
@@ -523,6 +532,7 @@ declare const ContentSkillModal: {
                     customLabelClassName: import("prop-types").Requireable<string>;
                 }>>;
                 required: import("prop-types").Requireable<boolean>;
+                headingLevel: import("prop-types").Requireable<number>;
             }> | null | undefined>>;
             isFetching: import("prop-types").Requireable<boolean>;
             search: import("prop-types").Requireable<import("prop-types").InferProps<{

package/lib/organism/content-skill-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/types.d.ts

@@ -74,6 +74,15 @@ declare const ContentSkillModalPropTypes: {
             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>;
@@ -520,6 +529,7 @@ declare const ContentSkillModalPropTypes: {
                 customLabelClassName: PropTypes.Requireable<string>;
             }>>;
             required: PropTypes.Requireable<boolean>;
+            headingLevel: PropTypes.Requireable<number>;
         }> | null | undefined>>;
         isFetching: PropTypes.Requireable<boolean>;
         search: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/organism/content-skill-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/organism/list-item/index.d.ts

@@ -1,5 +1,5 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, image, checkbox, "data-name": dataName }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, titleTags, details, progress, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, image, checkbox, "data-name": dataName }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
@@ -9,6 +9,9 @@ declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton,
     selected: any;
     selectedColor: any;
     subtitle: any;
+    titleTags: any;
+    details: any;
+    progress: any;
     dataColumns: any;
     order: any;
     "aria-label": any;
@@ -50,6 +53,15 @@ declare namespace ListItem {
     const propTypes: {
         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>;

package/lib/organism/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;;;;8BAmJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAuBA;;;;;;;;;;;;;;;;;;;;;;;;;8BA4KC"}

package/lib/organism/list-item/index.js

@@ -21,9 +21,16 @@ var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bull
 var _colors = require("../../variables/colors");
 var _cardImagePreview = _interopRequireDefault(require("../../atom/card-image-preview"));
 var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
+var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
+// The thin completion bar: ProgressBar styles its inner bar through its `style` prop.
+const THIN_PROGRESS_STYLE = {
+  backgroundColor: _colors.COLORS.cm_positive_500,
+  borderRadius: '4px',
+  animation: 'none'
+};
 const ListItem = ({
   buttonLink,
   secondButtonLink,
@@ -34,6 +41,9 @@ const ListItem = ({
   selected,
   selectedColor,
   subtitle,
+  titleTags,
+  details,
+  progress,
   dataColumns,
   order,
   'aria-label': ariaLabel,
@@ -108,7 +118,7 @@ const ListItem = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleProviderWrapper
   }, title ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title,
+    className: (0, _classnames.default)(_style.default.title, !(0, _isEmpty2.default)(titleTags) && _style.default.titleBeforeTags),
     title: title.replace(/<[^>]*>/g, '')
     // eslint-disable-next-line react/no-danger
     ,
@@ -119,9 +129,28 @@ const ListItem = ({
     label: provider.label,
     type: provider.type,
     className: _style.default.providerTag
-  }) : null), subtitle ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, !(0, _isEmpty2.default)(titleTags) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleTags,
+    "data-name": "title-tags"
+  }, titleTags.map(tag => /*#__PURE__*/_react.default.createElement("div", {
+    key: tag.label,
+    className: _style.default.tag
+  }, /*#__PURE__*/_react.default.createElement(_tag.default, tag)))) : null), subtitle ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.subtitle
-  }, subtitle) : null), dataColumnsView), /*#__PURE__*/_react.default.createElement("div", {
+  }, subtitle) : null, details ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.details
+  }, details) : null, progress ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.progress,
+    "data-name": "list-item-progress"
+  }, /*#__PURE__*/_react.default.createElement(_progressBar.default, {
+    className: _style.default.progressBar,
+    value: progress.value,
+    max: 100,
+    style: THIN_PROGRESS_STYLE,
+    displayInfo: false
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.progressLabel
+  }, progress.label)) : null), dataColumnsView), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.settings
   }, tagsView, selected ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "circle-check",
@@ -142,6 +171,18 @@ ListItem.contextTypes = {
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   subtitle: _propTypes.default.string,
+  // Tags shown right after the title
+  titleTags: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    type: _tag.default.propTypes.type
+  })),
+  // A second line under the subtitle
+  details: _propTypes.default.string,
+  // A thin completion bar (0 to 100) with its label
+  progress: _propTypes.default.shape({
+    value: _propTypes.default.number.isRequired,
+    label: _propTypes.default.string.isRequired
+  }),
   'data-name': _propTypes.default.string,
   provider: _propTypes.default.shape({
     label: _propTypes.default.string,