@coorpacademy/components 11.40.25 → 11.41.0

package/es/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/es/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/es/organism/assignment-row/types.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import ListItem from '../list-item';
+// 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).
+export const ROW_TAG_KEYS = ['ongoingChanges', 'unavailable', 'processing', 'syncError'];
+const propTypes = {
+  title: ListItem.propTypes.title,
+  // The audience summary and the date range, e.g. "Managers FR · 02 Nov 2026 – 15 Dec 2026 (GMT)"
+  subtitle: ListItem.propTypes.subtitle,
+  // The contents line, e.g. "6 modules · 2 external · 2 chapters"
+  details: ListItem.propTypes.details,
+  // Completion (0 to 100) and its label; absent on a draft
+  progress: ListItem.propTypes.progress,
+  infoTags: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.oneOf(ROW_TAG_KEYS).isRequired,
+    label: PropTypes.string.isRequired
+  })),
+  // Defaults to the calendar-check icon
+  leftIcon: ListItem.propTypes.leftIcon,
+  // The « Tracking » button (or « Edit » on a draft)
+  buttonLink: ListItem.propTypes.buttonLink,
+  bulletPointMenuButton: ListItem.propTypes.bulletPointMenuButton,
+  // A click on the row opens the tracking page
+  onClick: PropTypes.func,
+  id: PropTypes.string,
+  'data-name': PropTypes.string
+};
+export default propTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","ListItem","ROW_TAG_KEYS","propTypes","title","subtitle","details","progress","infoTags","arrayOf","shape","key","oneOf","isRequired","label","string","leftIcon","buttonLink","bulletPointMenuButton","onClick","func","id"],"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,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,cAAc;AAInC;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,CAAU;AAIjG,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,QAAQ,CAACE,SAAS,CAACC,KAAK;EAC/B;EACAC,QAAQ,EAAEJ,QAAQ,CAACE,SAAS,CAACE,QAAQ;EACrC;EACAC,OAAO,EAAEL,QAAQ,CAACE,SAAS,CAACG,OAAO;EACnC;EACAC,QAAQ,EAAEN,QAAQ,CAACE,SAAS,CAACI,QAAQ;EACrCC,QAAQ,EAAER,SAAS,CAACS,OAAO,CACzBT,SAAS,CAACU,KAAK,CAAC;IACdC,GAAG,EAAEX,SAAS,CAACY,KAAK,CAACV,YAAY,CAAC,CAACW,UAAU;IAC7CC,KAAK,EAAEd,SAAS,CAACe,MAAM,CAACF;EAC1B,CAAC,CACH,CAAC;EACD;EACAG,QAAQ,EAAEf,QAAQ,CAACE,SAAS,CAACa,QAAQ;EACrC;EACAC,UAAU,EAAEhB,QAAQ,CAACE,SAAS,CAACc,UAAU;EACzCC,qBAAqB,EAAEjB,QAAQ,CAACE,SAAS,CAACe,qBAAqB;EAC/D;EACAC,OAAO,EAAEnB,SAAS,CAACoB,IAAI;EACvBC,EAAE,EAAErB,SAAS,CAACe,MAAM;EACpB,WAAW,EAAEf,SAAS,CAACe;AACzB,CAAC;AAED,eAAeZ,SAAS","ignoreList":[]}

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/organism/list-item/index.js

@@ -18,7 +18,15 @@ import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
 import { COLORS } from '../../variables/colors';
 import CardImagePreview from '../../atom/card-image-preview';
 import CheckboxWithTitle from '../../atom/checkbox-with-title';
+import ProgressBar from '../../molecule/progress-bar';
 import style from './style.css';
+
+// The thin completion bar: ProgressBar styles its inner bar through its `style` prop.
+const THIN_PROGRESS_STYLE = {
+  backgroundColor: COLORS.cm_positive_500,
+  borderRadius: '4px',
+  animation: 'none'
+};
 const ListItem = ({
   buttonLink,
   secondButtonLink,
@@ -29,6 +37,9 @@ const ListItem = ({
   selected,
   selectedColor,
   subtitle,
+  titleTags,
+  details,
+  progress,
   dataColumns,
   order,
   'aria-label': ariaLabel,
@@ -103,7 +114,7 @@ const ListItem = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleProviderWrapper
   }, title ? /*#__PURE__*/React.createElement("div", {
-    className: style.title,
+    className: classnames(style.title, !_isEmpty(titleTags) && style.titleBeforeTags),
     title: title.replace(/<[^>]*>/g, '')
     // eslint-disable-next-line react/no-danger
     ,
@@ -114,9 +125,28 @@ const ListItem = ({
     label: provider.label,
     type: provider.type,
     className: style.providerTag
-  }) : null), subtitle ? /*#__PURE__*/React.createElement("div", {
+  }) : null, !_isEmpty(titleTags) ? /*#__PURE__*/React.createElement("div", {
+    className: style.titleTags,
+    "data-name": "title-tags"
+  }, titleTags.map(tag => /*#__PURE__*/React.createElement("div", {
+    key: tag.label,
+    className: style.tag
+  }, /*#__PURE__*/React.createElement(Tag, tag)))) : null), subtitle ? /*#__PURE__*/React.createElement("div", {
     className: style.subtitle
-  }, subtitle) : null), dataColumnsView), /*#__PURE__*/React.createElement("div", {
+  }, subtitle) : null, details ? /*#__PURE__*/React.createElement("div", {
+    className: style.details
+  }, details) : null, progress ? /*#__PURE__*/React.createElement("div", {
+    className: style.progress,
+    "data-name": "list-item-progress"
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    className: style.progressBar,
+    value: progress.value,
+    max: 100,
+    style: THIN_PROGRESS_STYLE,
+    displayInfo: false
+  }), /*#__PURE__*/React.createElement("span", {
+    className: style.progressLabel
+  }, progress.label)) : null), dataColumnsView), /*#__PURE__*/React.createElement("div", {
     className: style.settings
   }, tagsView, selected ? /*#__PURE__*/React.createElement(FaIcon, {
     iconName: "circle-check",
@@ -137,6 +167,18 @@ ListItem.contextTypes = {
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
+  // Tags shown right after the title
+  titleTags: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    type: Tag.propTypes.type
+  })),
+  // A second line under the subtitle
+  details: PropTypes.string,
+  // A thin completion bar (0 to 100) with its label
+  progress: PropTypes.shape({
+    value: PropTypes.number.isRequired,
+    label: PropTypes.string.isRequired
+  }),
   'data-name': PropTypes.string,
   provider: PropTypes.shape({
     label: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"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","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","ProgressBar","style","THIN_PROGRESS_STYLE","backgroundColor","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","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","containerImage","titleWrapper","titleProviderWrapper","_isEmpty","titleBeforeTags","replace","dangerouslySetInnerHTML","__html","providerTag","map","progressBar","value","max","displayInfo","progressLabel","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","arrayOf","shape","number","oneOf","bool","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","id"],"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/es/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;
+}

package/es/organism/list-items/index.d.ts

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

package/es/organism/list-items/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAqHA;;;;;;;;;;;gBAoDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AA0HA;;;;;;;;;;;gBAoDC"}