@coorpacademy/components 11.40.26 → 11.41.0

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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty2","providerTag","settings","COLORS","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} role=\"group\" aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            {title ? (\n              <div\n                className={style.title}\n                title={title.replace(/<[^>]*>/g, '')}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n            ) : null}\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_progressBar","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","THIN_PROGRESS_STYLE","backgroundColor","COLORS","cm_positive_500","borderRadius","animation","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","titleTags","details","progress","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","containerImage","titleWrapper","titleProviderWrapper","_isEmpty2","titleBeforeTags","replace","dangerouslySetInnerHTML","__html","providerTag","map","progressBar","value","max","displayInfo","progressLabel","settings","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","arrayOf","shape","Tag","number","oneOf","bool","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ProgressBar from '../../molecule/progress-bar';\nimport style from './style.css';\n\n// The thin completion bar: ProgressBar styles its inner bar through its `style` prop.\nconst THIN_PROGRESS_STYLE = {\n  backgroundColor: COLORS.cm_positive_500,\n  borderRadius: '4px',\n  animation: 'none'\n};\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    titleTags,\n    details,\n    progress,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} role=\"group\" aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            {title ? (\n              <div\n                className={classnames(style.title, !isEmpty(titleTags) && style.titleBeforeTags)}\n                title={title.replace(/<[^>]*>/g, '')}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n            ) : null}\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n            {!isEmpty(titleTags) ? (\n              <div className={style.titleTags} data-name=\"title-tags\">\n                {titleTags.map(tag => (\n                  <div key={tag.label} className={style.tag}>\n                    <Tag {...tag} />\n                  </div>\n                ))}\n              </div>\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n          {details ? <div className={style.details}>{details}</div> : null}\n          {progress ? (\n            <div className={style.progress} data-name=\"list-item-progress\">\n              <ProgressBar\n                className={style.progressBar}\n                value={progress.value}\n                max={100}\n                style={THIN_PROGRESS_STYLE}\n                displayInfo={false}\n              />\n              <span className={style.progressLabel}>{progress.label}</span>\n            </div>\n          ) : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  // Tags shown right after the title\n  titleTags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      type: Tag.propTypes.type\n    })\n  ),\n  // A second line under the subtitle\n  details: PropTypes.string,\n  // A thin completion bar (0 to 100) with its label\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    label: PropTypes.string.isRequired\n  }),\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/list-item/style.css

@@ -4,6 +4,7 @@
 @value xtraLightGrey from colors;
 @value primaryAdd1 from colors;
 @value cm_grey_75 from colors;
+@value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
@@ -63,6 +64,10 @@
   text-align: left;
 }
 
+.titleBeforeTags {
+  flex: 0 1 auto;
+}
+
 .subtitle {
   font-size: 12px;
   font-style: normal;
@@ -154,3 +159,34 @@
   border: 2px solid cm_primary_blue;
   padding: 10px 14px;
 }
+
+.titleTags {
+  composes: titleProviderWrapper;
+  flex-wrap: wrap;
+}
+
+.details {
+  composes: subtitle;
+  font-weight: 500;
+  color: cm_grey_500;
+}
+
+.progress {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 6px;
+}
+
+.progressBar {
+  width: 220px;
+  min-width: 220px;
+  height: 4px;
+  border-radius: 4px;
+  background-color: cm_grey_100;
+}
+
+.progressLabel {
+  composes: subtitle;
+  margin: 0;
+}