@coorpacademy/components 11.32.24-alpha.6 → 11.32.25

package/es/organism/brand-form/index.js

@@ -10,7 +10,7 @@ import Link from '../../atom/link';
 import Loader from '../../atom/loader';
 import style from './style.css';
 
-const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme, massiveBattleForm) => {
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, massiveBattleForm) => {
   if (!onSubmit && !onReset) {
     return null;
   }
@@ -20,27 +20,36 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     "data-tip": tooltip.title,
     "data-for": "submitButton",
     className: massiveBattleForm ? style.massiveBattleButton : style.saveButton
-  }, theme === 'coorpmanager' ? /*#__PURE__*/React.createElement(ButtonLink, {
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
     type: "primary",
     label: submitValue,
     disabled: disabledSubmit,
     "data-testid": "submit-button",
-    buttonType: "submit",
-    onClick: onSubmit
-  }) : /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    disabled: disabledSubmit,
-    submitValue: submitValue
+    usage: "submit",
+    onClick: onSubmit,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'circle-check',
+        color: '#FFFFFF',
+        size: 16
+      }
+    }
   })) : null;
-  const cancelBackground = {
-    backgroundColor: darkColor
-  };
   const resetButton = onReset ? /*#__PURE__*/React.createElement("div", {
     className: style.resetButton
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "reset",
-    submitValue: resetValue,
-    style: cancelBackground
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
+    usage: "reset",
+    label: resetValue,
+    "data-testid": "reset-button",
+    onClick: onReset,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'trash',
+        size: 16
+      }
+    }
   })) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: style.buttons

package/es/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","ButtonLink","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","massiveBattleForm","disabledSubmit","submitButton","title","massiveBattleButton","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","fields","type","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor,\n  theme,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme,\n    massiveBattleForm\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","ButtonLink","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","title","massiveBattleButton","saveButton","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","fields","type","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme,\n    massiveBattleForm\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

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

@@ -2,27 +2,6 @@ export default BrandLearningPriorities;
 declare function BrandLearningPriorities(props: any, context: any): JSX.Element;
 declare namespace BrandLearningPriorities {
     namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
-            }>>;
-            icons: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            mod: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
@@ -84,6 +63,7 @@ declare namespace BrandLearningPriorities {
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
+                selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;

package/es/organism/brand-learning-priorities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFAiGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,gFA2FC"}

package/es/organism/brand-learning-priorities/index.js

@@ -1,10 +1,7 @@
-import _get from "lodash/fp/get";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useState, useCallback, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { convert } from 'css-color-function';
 import Provider from '../../atom/provider';
 import Loader from '../../atom/loader';
 import { SelectOptionPropTypes } from '../../atom/select';
@@ -29,12 +26,8 @@ const BrandLearningPriorities = (props, context) => {
   const [itemList, setItemList] = useState([...items]);
   const [openModal, setOpenModal] = useState(false);
   const {
-    skin,
     translate
   } = context;
-
-  const primarySkinColor = _get('common.primary', skin);
-
   const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);
   const handleDropItem = useCallback((dragRef, dropRef) => {
     const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);
@@ -82,14 +75,10 @@ const BrandLearningPriorities = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.priorityCount
   }, `${items.length} ${translate('items')}`), /*#__PURE__*/React.createElement(ButtonLink, {
+    type: "primary",
     customStyle: {
-      backgroundColor: primarySkinColor,
-      color: '#FFFFFF',
-      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },
-    hoverBackgroundColor: convert(`color(${primarySkinColor} a(0.07))`),
-    hoverColor: primarySkinColor,
     onClick: handleOpenModal,
     label: translate('add_learning_priority'),
     "data-name": "add-learning-priority",
@@ -97,7 +86,6 @@ const BrandLearningPriorities = (props, context) => {
       position: 'left',
       faIcon: {
         name: 'plus',
-        backgroundColor: primarySkinColor,
         color: '#FFFFFF',
         size: 16
       }
@@ -110,7 +98,6 @@ const BrandLearningPriorities = (props, context) => {
 };
 
 BrandLearningPriorities.contextTypes = {
-  skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
 BrandLearningPriorities.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","convert","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","skin","translate","primarySkinColor","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","loaderContainer","loader","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","translate","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","loaderContainer","loader","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}

package/es/organism/brand-learning-priorities/style.css

@@ -4,6 +4,7 @@
 .container {
   font-family: "Gilroy";
   font-style: normal;
+  margin-bottom: 48px;
 }
 
 .LPtitle {
@@ -38,6 +39,7 @@
 .ctaWrapper {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   margin-bottom: 16px;
 }
 

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

@@ -1,11 +1,12 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
     tags: any;
     title: any;
     selected: any;
+    selectedColor: any;
     subtitle: any;
     dataColumns: any;
     order: any;
@@ -45,6 +46,7 @@ declare namespace ListItem {
         title: PropTypes.Validator<string>;
         subtitle: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<boolean>;
+        selectedColor: PropTypes.Requireable<string>;
         dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: 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":";AAaA;;;;;;;;;;;;;;;;8BAuGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;8BAwGC"}

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

@@ -24,6 +24,7 @@ const ListItem = ({
   tags,
   title,
   selected,
+  selectedColor,
   subtitle,
   dataColumns,
   order,
@@ -38,7 +39,7 @@ const ListItem = ({
     skin
   } = context;
 
-  const primarySkinColor = _get('common.primary', skin);
+  const primarySelectedColor = selectedColor || _get('common.primary', skin);
 
   const mapUncapped = _map.convert({
     cap: false
@@ -46,11 +47,11 @@ const ListItem = ({
 
   let isPublished = false;
   const selectedStyle = selected ? {
-    backgroundColor: convert(`color(${primarySkinColor} a(0.07))`)
+    backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)
   } : {};
   const tagSelectedStyle = selected ? {
-    backgroundColor: convert(`color(${primarySkinColor} a(0.15))`),
-    color: primarySkinColor
+    backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),
+    color: primarySelectedColor
   } : {};
   const tagsView = mapUncapped((tag, index) => {
     isPublished = tag.type === 'success';
@@ -86,7 +87,7 @@ const ListItem = ({
     className: style.settings
   }, tagsView, selected ? /*#__PURE__*/React.createElement(Icon, {
     iconName: "circle-check",
-    iconColor: primarySkinColor,
+    iconColor: primarySelectedColor,
     backgroundColor: '#ffffff',
     size: {
       faSize: 16,
@@ -103,6 +104,7 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
   selected: PropTypes.bool,
+  selectedColor: PropTypes.string,
   dataColumns: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","Icon","ButtonLink","BulletPointMenuButton","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySkinColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","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} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    selected,\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  },\n  context\n) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySkinColor} a(0.15))`),\n        color: primarySkinColor\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} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySkinColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\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  selected: PropTypes.bool,\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};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","Icon","ButtonLink","BulletPointMenuButton","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","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} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\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  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: 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} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\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  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};\n\nexport default ListItem;\n"],"mappings":"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"}

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

@@ -12,6 +12,7 @@ declare namespace ListItems {
         'aria-label': PropTypes.Requireable<string>;
         buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
+            usage: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             'aria-label': PropTypes.Requireable<string>;
@@ -56,6 +57,7 @@ declare namespace ListItems {
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
+                selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
@@ -150,6 +152,7 @@ declare namespace ListItems {
             lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 componentType: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;

package/es/organism/setup-header/index.d.ts

@@ -5,6 +5,7 @@ declare namespace SetupHeader {
         const items: PropTypes.Requireable<PropTypes.InferProps<{
             seeMyPlatform: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -28,6 +29,7 @@ declare namespace SetupHeader {
             }>>;
             logOut: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -51,6 +53,7 @@ declare namespace SetupHeader {
             }>>;
             globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -74,6 +77,7 @@ declare namespace SetupHeader {
             }>>;
             platformList: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;

package/es/organism/wizard-contents/index.d.ts

@@ -21,6 +21,7 @@ declare namespace WizardContents {
             }>>;
             firstButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -44,6 +45,7 @@ declare namespace WizardContents {
             }>>;
             secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;
@@ -438,6 +440,7 @@ declare namespace WizardContents {
             lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 componentType: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;

package/es/template/app-player/loading/index.d.ts

@@ -92,6 +92,7 @@ declare namespace PlayerLoading {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -136,6 +137,7 @@ declare namespace PlayerLoading {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -230,6 +232,7 @@ declare namespace PlayerLoading {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/app-player/player/index.d.ts

@@ -143,6 +143,7 @@ declare namespace SlidePlayer {
                         'aria-label': PropTypes.Requireable<string>;
                         buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;
@@ -187,6 +188,7 @@ declare namespace SlidePlayer {
                                 title: PropTypes.Validator<string>;
                                 subtitle: PropTypes.Requireable<string>;
                                 selected: PropTypes.Requireable<boolean>;
+                                selectedColor: PropTypes.Requireable<string>;
                                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                     label: PropTypes.Requireable<string>;
                                     type: PropTypes.Requireable<string>;
@@ -281,6 +283,7 @@ declare namespace SlidePlayer {
                             lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                                 componentType: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
+                                usage: PropTypes.Requireable<string>;
                                 label: PropTypes.Requireable<string>;
                                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                                 'aria-label': PropTypes.Requireable<string>;
@@ -433,6 +436,7 @@ declare namespace SlidePlayer {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -477,6 +481,7 @@ declare namespace SlidePlayer {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -571,6 +576,7 @@ declare namespace SlidePlayer {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/app-player/player/slides/index.d.ts

@@ -149,6 +149,7 @@ declare namespace SlidesPlayer {
                     'aria-label': PropTypes.Requireable<string>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
+                        usage: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
                         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                         'aria-label': PropTypes.Requireable<string>;
@@ -193,6 +194,7 @@ declare namespace SlidesPlayer {
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
+                            selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                                 label: PropTypes.Requireable<string>;
                                 type: PropTypes.Requireable<string>;
@@ -287,6 +289,7 @@ declare namespace SlidesPlayer {
                         lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                             componentType: PropTypes.Requireable<string>;
                             type: PropTypes.Requireable<string>;
+                            usage: PropTypes.Requireable<string>;
                             label: PropTypes.Requireable<string>;
                             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                             'aria-label': PropTypes.Requireable<string>;

package/es/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AA+aA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1ID;;uBAyBC;;;;;;;;;;;;;;;;;;;;;;;;;AArPD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;;gBAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlHD,oEAQC;;;;;;;;;AAgND;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}