@coorpacademy/components 11.10.0 → 11.10.2

package/lib/molecule/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                style={{color: mediumColor}}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon style={{color: mediumColor}} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}

package/lib/molecule/titled-checkbox/index.js

@@ -37,8 +37,7 @@ const TitledCheckbox = props => {
       background: background || '#3d3d3d'
     }
   }, choice.selected ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-    className: _style.default.icon,
-    color: "white"
+    className: _style.default.icon
   }) : null, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
     className: _style.default.input,
     checked: choice.selected,

package/lib/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}
+{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI;EAAxB,EAAlB,GAAqD,IANxD,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}

package/lib/molecule/titled-checkbox/style.css

@@ -22,6 +22,7 @@
   left: 2px;
   top: 2px;
   height: 16px;
+  color: white;
 }
 
 .input {

package/lib/molecule/uploading-file-progress/index.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const UploadingFileProgress: {
+    ({ mainText, subText, progressionValue, leftButtonLink, rightButtonLink }: Props): JSX.Element;
+    propTypes: {
+        mainText: import("prop-types").Requireable<string>;
+        subText: import("prop-types").Requireable<string>;
+        imageUrl: import("prop-types").Requireable<any>;
+        progressionValue: import("prop-types").Requireable<number>;
+        leftButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            ariaLabel: import("prop-types").Requireable<string>;
+            dataName: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+            }>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>;
+        rightButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            ariaLabel: import("prop-types").Requireable<string>;
+            dataName: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+            }>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }>>;
+    };
+};
+export default UploadingFileProgress;
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/uploading-file-progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;+EAMxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBP,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/lib/molecule/uploading-file-progress/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _types = require("./types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const UploadingFileProgress = ({
+  mainText,
+  subText,
+  progressionValue,
+  leftButtonLink,
+  rightButtonLink
+}) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.loaderWrapper
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.loader
+}, /*#__PURE__*/_react.default.createElement(_loader.default, {
+  theme: "coorpmanager"
+}))), /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.container
+}, /*#__PURE__*/_react.default.createElement("p", {
+  className: _style.default.mainText
+}, mainText, /*#__PURE__*/_react.default.createElement("span", {
+  className: _style.default.progressionValue
+}, " ", progressionValue, "%")), /*#__PURE__*/_react.default.createElement("p", {
+  className: _style.default.subText
+}, subText), /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.buttonContainer
+}, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, leftButtonLink, {
+  className: _style.default.leftButtonLink
+})), /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, rightButtonLink, {
+  className: _style.default.rightButtonLink
+})))));
+
+UploadingFileProgress.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = UploadingFileProgress;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/uploading-file-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["UploadingFileProgress","mainText","subText","progressionValue","leftButtonLink","rightButtonLink","style","loaderWrapper","loader","container","buttonContainer","propTypes"],"sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst UploadingFileProgress = ({\n  mainText,\n  subText,\n  progressionValue,\n  leftButtonLink,\n  rightButtonLink\n}: Props) => (\n  <div>\n    <div className={style.loaderWrapper}>\n      <div className={style.loader}>\n        <Loader theme=\"coorpmanager\" />\n      </div>\n    </div>\n    <div className={style.container}>\n      <p className={style.mainText}>\n        {mainText}\n        <span className={style.progressionValue}> {progressionValue}%</span>\n      </p>\n      <p className={style.subText}>{subText}</p>\n      <div className={style.buttonContainer}>\n        <ButtonLink {...leftButtonLink} className={style.leftButtonLink} />\n        <ButtonLink {...rightButtonLink} className={style.rightButtonLink} />\n      </div>\n    </div>\n  </div>\n);\n\nUploadingFileProgress.propTypes = propTypes;\n\nexport default UploadingFileProgress;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,qBAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,OAF6B;EAG7BC,gBAH6B;EAI7BC,cAJ6B;EAK7BC;AAL6B,CAAD,kBAO5B,uDACE;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE;EAAK,SAAS,EAAED,cAAA,CAAME;AAAtB,gBACE,6BAAC,eAAD;EAAQ,KAAK,EAAC;AAAd,EADF,CADF,CADF,eAME;EAAK,SAAS,EAAEF,cAAA,CAAMG;AAAtB,gBACE;EAAG,SAAS,EAAEH,cAAA,CAAML;AAApB,GACGA,QADH,eAEE;EAAM,SAAS,EAAEK,cAAA,CAAMH;AAAvB,QAA2CA,gBAA3C,MAFF,CADF,eAKE;EAAG,SAAS,EAAEG,cAAA,CAAMJ;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEI,cAAA,CAAMI;AAAtB,gBACE,6BAAC,mBAAD,eAAgBN,cAAhB;EAAgC,SAAS,EAAEE,cAAA,CAAMF;AAAjD,GADF,eAEE,6BAAC,mBAAD,eAAgBC,eAAhB;EAAiC,SAAS,EAAEC,cAAA,CAAMD;AAAlD,GAFF,CANF,CANF,CAPF;;AA2BAL,qBAAqB,CAACW,SAAtB,2CAAkCA,gBAAlC;eAEeX,qB"}

package/lib/molecule/uploading-file-progress/style.css

@@ -0,0 +1,74 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_800: from colors;
+@value cm_grey_400: from colors;
+
+
+.container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    overflow: hidden;
+    text-align: center;
+    width: 100%;
+}
+
+.loaderWrapper {
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 7px;
+  }
+
+.loader {
+    margin-bottom: 8px;
+    height: 32px;
+    width: 32px;
+  }
+
+.text {
+    font-family: 'Gilroy';
+    margin: 0 auto 0 auto;
+}
+.mainText {
+    composes: text;
+    color: cm_grey_800;
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 32px;
+    padding-top: 36px;
+}
+
+.subText {
+    composes: text;
+    color: cm_grey_400;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    padding-top: 4px;
+}
+
+.progressionValue { 
+    color: cm_grey_400;
+}
+
+.buttonContainer {
+    display: flex;
+    justify-content: center;
+    padding-top: 32px;
+    width: 100%;
+}
+
+.leftButtonLink {
+    width: 152px;
+    height: 44px;
+    margin-left: 0;
+}
+.rightButtonLink {
+    width: 152px;
+    height: 44px;
+    margin-left: 20px;
+}

package/lib/molecule/uploading-file-progress/types.d.ts

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    mainText: PropTypes.Requireable<string>;
+    subText: PropTypes.Requireable<string>;
+    imageUrl: PropTypes.Requireable<any>;
+    progressionValue: PropTypes.Requireable<number>;
+    leftButtonLink: 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>;
+    }>>;
+    rightButtonLink: 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>;
+    }>>;
+};
+export declare type Props = PropTypes.InferProps<typeof propTypes>;
+//# sourceMappingURL=types.d.ts.map

package/lib/molecule/uploading-file-progress/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/lib/molecule/uploading-file-progress/types.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _picture = _interopRequireDefault(require("../../atom/picture"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  mainText: _propTypes.default.string,
+  subText: _propTypes.default.string,
+  imageUrl: _picture.default.propTypes.src,
+  progressionValue: _propTypes.default.number,
+  leftButtonLink: _propTypes.default.shape({
+    type: _propTypes.default.string,
+    label: _propTypes.default.string,
+    ariaLabel: _propTypes.default.string,
+    dataName: _propTypes.default.string,
+    icon: _propTypes.default.shape({
+      position: _propTypes.default.string,
+      type: _propTypes.default.string
+    }),
+    onClick: _propTypes.default.func
+  }),
+  rightButtonLink: _propTypes.default.shape({
+    type: _propTypes.default.string,
+    label: _propTypes.default.string,
+    ariaLabel: _propTypes.default.string,
+    dataName: _propTypes.default.string,
+    icon: _propTypes.default.shape({
+      position: _propTypes.default.string,
+      type: _propTypes.default.string
+    }),
+    onClick: _propTypes.default.func
+  })
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/molecule/uploading-file-progress/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","src","progressionValue","number","leftButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","rightButtonLink"],"sources":["../../../src/molecule/uploading-file-progress/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  progressionValue: PropTypes.number,\n  leftButtonLink: 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  rightButtonLink: 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};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAA,CAAUC,MADG;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC,MAFI;EAGvBE,QAAQ,EAAEC,gBAAA,CAAQN,SAAR,CAAkBO,GAHL;EAIvBC,gBAAgB,EAAEN,kBAAA,CAAUO,MAJL;EAKvBC,cAAc,EAAER,kBAAA,CAAUS,KAAV,CAAgB;IAC9BC,IAAI,EAAEV,kBAAA,CAAUC,MADc;IAE9BU,KAAK,EAAEX,kBAAA,CAAUC,MAFa;IAG9BW,SAAS,EAAEZ,kBAAA,CAAUC,MAHS;IAI9BY,QAAQ,EAAEb,kBAAA,CAAUC,MAJU;IAK9Ba,IAAI,EAAEd,kBAAA,CAAUS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,kBAAA,CAAUC,MADA;MAEpBS,IAAI,EAAEV,kBAAA,CAAUC;IAFI,CAAhB,CALwB;IAS9Be,OAAO,EAAEhB,kBAAA,CAAUiB;EATW,CAAhB,CALO;EAgBvBC,eAAe,EAAElB,kBAAA,CAAUS,KAAV,CAAgB;IAC/BC,IAAI,EAAEV,kBAAA,CAAUC,MADe;IAE/BU,KAAK,EAAEX,kBAAA,CAAUC,MAFc;IAG/BW,SAAS,EAAEZ,kBAAA,CAAUC,MAHU;IAI/BY,QAAQ,EAAEb,kBAAA,CAAUC,MAJW;IAK/Ba,IAAI,EAAEd,kBAAA,CAAUS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,kBAAA,CAAUC,MADA;MAEpBS,IAAI,EAAEV,kBAAA,CAAUC;IAFI,CAAhB,CALyB;IAS/Be,OAAO,EAAEhB,kBAAA,CAAUiB;EATY,CAAhB;AAhBM,CAAlB"}

package/lib/molecule/video-player-mobile/index.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Media } from '../questions/types';
+export declare type Props = {
+    media: Media;
+};
+declare const Video: ({ media }: Props) => JSX.Element;
+export default Video;
+//# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/video-player-mobile/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzC,oBAAY,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,CAAC;AA0BnC,QAAA,MAAM,KAAK,cAAa,KAAK,gBAE5B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/molecule/video-player-mobile/index.native.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeJwMediaPlayer = _interopRequireDefault(require("react-native-jw-media-player"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const styleSheet = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%'
+  },
+  video: {
+    flex: 1,
+    width: '100%'
+  }
+});
+
+const VideoSwitch = ({
+  media
+}) => {
+  switch (media.mimeType) {
+    case 'application/jwplayer':
+      if (!media.jwpOptions?.config) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_reactNativeJwMediaPlayer.default, {
+        style: styleSheet.video,
+        config: media.jwpOptions.config
+      });
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `video mimeType ${media.mimeType} is not handled`);
+  }
+};
+
+const Video = ({
+  media
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.container
+  }, media ? /*#__PURE__*/_react.default.createElement(VideoSwitch, {
+    media: media
+  }) : null);
+};
+
+var _default = Video;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/molecule/video-player-mobile/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["styleSheet","StyleSheet","create","container","flex","width","video","VideoSwitch","media","mimeType","jwpOptions","config","Video"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  },\n  video: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media}: Props) => {\n  switch (media.mimeType) {\n    case 'application/jwplayer':\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      return <JWPlayer style={styleSheet.video} config={media.jwpOptions.config} />;\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media}: Props) => {\n  return <View style={styleSheet.container}>{media ? <VideoSwitch media={media} /> : null}</View>;\n};\n\nexport default Video;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAMA,MAAMA,UAAU,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE;EAFE,CADwB;EAKnCC,KAAK,EAAE;IACLF,IAAI,EAAE,CADD;IAELC,KAAK,EAAE;EAFF;AAL4B,CAAlB,CAAnB;;AAWA,MAAME,WAAW,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACtC,QAAQA,KAAK,CAACC,QAAd;IACE,KAAK,sBAAL;MACE,IAAI,CAACD,KAAK,CAACE,UAAN,EAAkBC,MAAvB,EAA+B;QAC7B,OAAO,IAAP;MACD;;MAED,oBAAO,6BAAC,iCAAD;QAAU,KAAK,EAAEX,UAAU,CAACM,KAA5B;QAAmC,MAAM,EAAEE,KAAK,CAACE,UAAN,CAAiBC;MAA5D,EAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,QAAQ,kBAAiBH,KAAK,CAACC,QAAS,iBAAxC,CAAP;EARJ;AAUD,CAXD;;AAaA,MAAMG,KAAK,GAAG,CAAC;EAACJ;AAAD,CAAD,KAAoB;EAChC,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAER,UAAU,CAACG;EAAxB,GAAoCK,KAAK,gBAAG,6BAAC,WAAD;IAAa,KAAK,EAAEA;EAApB,EAAH,GAAmC,IAA5E,CAAP;AACD,CAFD;;eAIeI,K"}

package/lib/organism/accordion/coorp-manager/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AA2HA,sEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}

package/lib/organism/accordion/coorp-manager/part/index.js

@@ -68,10 +68,14 @@ const MoreLessIcons = ({
 }) => {
   return type !== 'iconLink' ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   });
@@ -120,18 +124,21 @@ const Part = ({
     "data-name": "title",
     className: _style.default.title
   }, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
-    className: (0, _classnames.default)(_style.default.titleIcon, iconColor, hoverIconColor),
-    color: "inherit"
+    className: (0, _classnames.default)(_style.default.titleIcon, iconColor, hoverIconColor)
   }) : null, /*#__PURE__*/_react.default.createElement("h3", {
     className: (0, _classnames.default)(_style.default.titleLabel, selectedBlackLabel)
   }, title, isLink ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   }) : null)), isCollapsible ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : null), isCollapsible ? children : null)));
 };
 

package/lib/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} color={darkColor} />\n      <ArrowIcon className={lessClassName} color={mediumColor} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon\n                  className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n                  color=\"inherit\"\n                />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} color={darkColor} />\n                <ArrowIcon className={lessClassName} color={mediumColor} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAWA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,oCADU;EAEjBC,SAAS,EAAEC,+CAFM;EAGjBC,SAAS,EAAEC,+CAHM;EAIjBC,cAAc,EAAEC,oDAJC;EAKjBC,SAAS,EAAEC,+CALM;EAMjBC,eAAe,EAAEC,qDANA;EAOjBC,gBAAgB,EAAEC;AAPD,CAAnB;AAUA,MAAMC,YAAY,GAAG;EACnBC,SAAS,EAAEC,cAAA,CAAMD,SADE;EAEnBE,KAAK,EAAED,cAAA,CAAME,UAFM;EAGnBC,aAAa,EAAEH,cAAA,CAAME,UAHF;EAInBE,KAAK,EAAEJ,cAAA,CAAMK,UAJM;EAKnBC,SAAS,EAAEN,cAAA,CAAMM,SALE;EAMnBC,UAAU,EAAEP,cAAA,CAAMO,UANC;EAOnBC,YAAY,EAAER,cAAA,CAAMQ,YAPD;EAQnBC,OAAO,EAAE;AARU,CAArB;AAWA,MAAMC,eAAe,GAAG;EACtBX,SAAS,EAAEC,cAAA,CAAMD,SADK;EAEtBY,kBAAkB,EAAEX,cAAA,CAAMY,uBAFJ;EAGtBX,KAAK,EAAED,cAAA,CAAMa,eAHS;EAItBV,aAAa,EAAEH,cAAA,CAAMc,uBAJC;EAKtBC,kBAAkB,EAAEf,cAAA,CAAMe,kBALJ;EAMtBC,aAAa,EAAEhB,cAAA,CAAMgB,aANC;EAOtBZ,KAAK,EAAEJ,cAAA,CAAMK,UAPS;EAQtBC,SAAS,EAAEN,cAAA,CAAMiB,cARK;EAStBV,UAAU,EAAEP,cAAA,CAAMkB,sBATI;EAUtBV,YAAY,EAAER,cAAA,CAAMmB;AAVE,CAAxB;;AAaA,MAAMC,aAAa,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,aAAtB;EAAqCC,SAArC;EAAgDC;AAAhD,CAAD,KAAkE;EACtF,OAAOJ,IAAI,KAAK,UAAT,gBACL,uDACE,6BAAC,6CAAD;IAAW,SAAS,EAAEC,aAAtB;IAAqC,KAAK,EAAEE;EAA5C,EADF,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAEE;EAA5C,EAFF,CADK,gBAML,6BAAC,kDAAD;IAAkB,SAAS,EAAEzB,cAAA,CAAM0B;EAAnC,EANF;AAQD,CATD;;AAWA,MAAMC,IAAI,GAAG,CAAC;EACZC,IADY;EAEZC,QAFY;EAGZC,QAHY;EAIZC,aAJY;EAKZC,OALY;EAMZC,MANY;EAOZ7B,KAPY;EAQZiB,IARY;EASZa,QATY;EAUZC;AAVY,CAAD,KAWP;EACJ,MAAMX,SAAS,GAAG,mBAAI,aAAJ,EAAmBI,IAAnB,CAAlB;EACA,MAAMH,WAAW,GAAG,mBAAI,eAAJ,EAAqBG,IAArB,CAApB;EACA,MAAML,aAAa,GAAGU,MAAM,GAAGjC,cAAA,CAAMoC,iBAAT,GAA6BpC,cAAA,CAAMqC,QAA/D;EACA,MAAMf,aAAa,GAAG,CAACW,MAAD,GAAUjC,cAAA,CAAMsC,kBAAhB,GAAqCtC,cAAA,CAAMuC,SAAjE;EACA,MAAMC,SAAS,GAAGX,QAAQ,GAAG7B,cAAA,CAAMyC,QAAT,GAAoBzC,cAAA,CAAM0C,QAApD;EACA,MAAMC,cAAc,GAAGd,QAAQ,IAAI7B,cAAA,CAAM4C,aAAzC;EACA,MAAMC,kBAAkB,GAAGhB,QAAQ,IAAI7B,cAAA,CAAM8C,UAA7C;EACA,MAAMC,IAAI,GAAGhE,UAAU,CAAC+C,QAAD,CAAvB;EACA,MAAMkB,MAAM,GAAG3B,IAAI,KAAK,UAAxB;EACA,MAAM4B,aAAa,GAAG5B,IAAI,KAAK,gBAA/B;EAEA,oBACE;IAAK,SAAS,EAAErB,cAAA,CAAMkD;EAAtB,GACGf,KAAK,KAAK,OAAV,gBACC;IACE,SAAS,EAAE,IAAAgB,mBAAA,EAAWnD,cAAA,CAAMoD,MAAjB,EAAyBvB,QAAQ,GAAG7B,cAAA,CAAMqD,YAAT,GAAwBrD,cAAA,CAAMsD,YAA/D;EADb,EADD,GAIG,IALN,eAME;IAAK,aAAWxB,QAAhB;IAA0B,OAAO,EAAEC,aAAnC;IAAkD,KAAK,EAAE;MAACwB,IAAI,EAAE;IAAP;EAAzD,gBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvD,cAAA,CAAMwD;EAAhD,gBACE;IAAK,SAAS,EAAExD,cAAA,CAAMyD,MAAtB;IAA8B,aAAW3B,QAAzC;IAAmD,OAAO,EAAEE;EAA5D,gBACE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEhC,cAAA,CAAMI;EAAxC,GACG2C,IAAI,gBACH,6BAAC,IAAD;IACE,SAAS,EAAE,IAAAI,mBAAA,EAAWnD,cAAA,CAAMD,SAAjB,EAA4ByC,SAA5B,EAAuCG,cAAvC,CADb;IAEE,KAAK,EAAC;EAFR,EADG,GAKD,IANN,eAOE;IAAI,SAAS,EAAE,IAAAQ,mBAAA,EAAWnD,cAAA,CAAME,UAAjB,EAA6B2C,kBAA7B;EAAf,GACGzC,KADH,EAEG4C,MAAM,gBAAG,6BAAC,kDAAD;IAAkB,SAAS,EAAEhD,cAAA,CAAM0B;EAAnC,EAAH,GAAuD,IAFhE,CAPF,CADF,EAaGuB,aAAa,gBACZ,uDACE,6BAAC,6CAAD;IAAW,SAAS,EAAE3B,aAAtB;IAAqC,KAAK,EAAEE;EAA5C,EADF,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAEE;EAA5C,EAFF,CADY,GAKV,IAlBN,CADF,EAqBGwB,aAAa,GAAGf,QAAH,GAAc,IArB9B,CADF,CANF,CADF;AAkCD,CAzDD;;AA2DA,MAAMwB,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAAChC;EAAD,IAASgC,OAAf;EACA,MAAM;IACJxD,KADI;IAEJyD,OAFI;IAGJ/B,QAHI;IAIJK,KAJI;IAKJH,OAAO,iBALH;IAMJH,QAAQ,GAAG,KANP;IAOJR,IAPI;IAQJyC,IARI;IASJ7B,MATI;IAUJ8B;EAVI,IAWFJ,KAXJ;EAaA,MAAMK,UAAU,GAAG7B,KAAK,KAAK,OAAV,GAAoBzB,eAApB,GAAsCZ,YAAzD;;EAEA,SAASmE,iBAAT,GAA6B;IAC3BF,iBAAiB;IACjB/B,OAAO;EACR;;EAED,MAAMkC,gBAAgB,GAAG7C,IAAI,KAAK,gBAAlC;EACA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAE2C,UAAU,CAAC7B,KAAD;EAApD,GACG,CAAC+B,gBAAD,gBACC,6BAAC,aAAD;IACE,OAAO,EAAED,iBADX;IAEE,SAAS,MAFX;IAGE,IAAI,EAAEH,IAHR;IAIE,aAAY,WAJd;IAKE,MAAM,EAAE,QALV;IAME,KAAK,EAAE;MACLK,cAAc,EAAE;IADX;EANT,gBAUE,6BAAC,IAAD;IACE,IAAI,EAAEvC,IADR;IAEE,KAAK,EAAExB,KAFT;IAGE,OAAO,EAAEyD,OAHX;IAIE,QAAQ,EAAE/B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE8B,iBANjB;IAOE,OAAO,EAAEjC,OAPX;IAQE,MAAM,EAAEC,MARV;IASE,QAAQ,EAAEJ,QATZ;IAUE,IAAI,EAAER;EAVR,EAVF,CADD,gBAyBC,6BAAC,IAAD;IACE,IAAI,EAAEO,IADR;IAEE,KAAK,EAAExB,KAFT;IAGE,OAAO,EAAEyD,OAHX;IAIE,QAAQ,EAAE/B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE8B,iBANjB;IAOE,OAAO,EAAEjC,OAPX;IAQE,QAAQ,EAAEH,QARZ;IASE,MAAM,EAAEI,MATV;IAUE,IAAI,EAAEZ;EAVR,EA1BJ,EAuCG6C,gBAAgB,IAAIjC,MAApB,gBAA6B;IAAK,SAAS,EAAE+B,UAAU,CAAC1D;EAA3B,GAAuCuD,OAAvC,CAA7B,GAAqF,IAvCxF,CADF;AA2CD,CAlED;;AAoEAH,aAAa,CAACU,YAAd,GAA6B;EAC3BxC,IAAI,EAAEyC,iBAAA,CAASC,iBAAT,CAA2B1C;AADN,CAA7B;AAIA8B,aAAa,CAACa,SAAd,2CAA0B;EACxBzC,QAAQ,EAAE0C,kBAAA,CAAUC,KAAV,CAAgB,oBAAK1F,UAAL,CAAhB,CADc;EAExBsC,IAAI,EAAEmD,kBAAA,CAAUC,KAAV,CAAgB,CAAC,WAAD,EAAc,gBAAd,EAAgC,UAAhC,CAAhB,CAFkB;EAGxBrE,KAAK,EAAEoE,kBAAA,CAAUE,MAHO;EAIxBb,OAAO,EAAEW,kBAAA,CAAUG,IAJK;EAKxB3C,OAAO,EAAEwC,kBAAA,CAAUI,IALK;EAMxB/C,QAAQ,EAAE2C,kBAAA,CAAUK,IANI;EAOxB1C,KAAK,EAAEqC,kBAAA,CAAUE,MAPO;EAQxBZ,IAAI,EAAEU,kBAAA,CAAUE,MARQ;EASxBzC,MAAM,EAAEuC,kBAAA,CAAUK,IATM;EAUxBd,iBAAiB,EAAES,kBAAA,CAAUI;AAVL,CAA1B;AAaAxD,aAAa,CAACmD,SAAd,2CAA0B;EACxBlD,IAAI,EAAEmD,kBAAA,CAAUE,MADQ;EAExBpD,aAAa,EAAEkD,kBAAA,CAAUE,MAFD;EAGxBnD,aAAa,EAAEiD,kBAAA,CAAUE,MAHD;EAIxBlD,SAAS,EAAEgD,kBAAA,CAAUE,MAJG;EAKxBjD,WAAW,EAAE+C,kBAAA,CAAUE;AALC,CAA1B;AAQA/C,IAAI,CAAC4C,SAAL,wDACKb,aAAa,CAACa,SADnB;eAIeb,a"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/lib/organism/accordion/coorp-manager/part/style.css

@@ -95,6 +95,7 @@
   width: 18px;
   height: 18px;
   margin-right: 15px;
+  color: inherit;
 }
 
 .setupTitleActivatedIcon {

package/lib/organism/accordion/part/index.js

@@ -59,16 +59,19 @@ const AccordionPart = (props, context) => {
     "data-name": "title",
     className: _style.default.title
   }, TitleIcon ? /*#__PURE__*/_react.default.createElement(TitleIcon, {
-    className: _style.default.titleIcon,
-    color: "inherit"
+    className: _style.default.titleIcon
   }) : null, /*#__PURE__*/_react.default.createElement("h3", {
     className: _style.default.titleLabel
   }, title)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
     className: closeIconClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationLess, {
     className: openIconClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })), isOpen ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, content) : null);

package/lib/organism/accordion/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM0B;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAEsB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKzC,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEwB,kBAAA,CAAUE,MAFO;EAGxBzB,OAAO,EAAEuB,kBAAA,CAAUG,IAHK;EAIxBvB,OAAO,EAAEoB,kBAAA,CAAUI,IAJK;EAKxBvB,MAAM,EAAEmB,kBAAA,CAAUK,IALM;EAMxB1B,KAAK,EAAEqB,kBAAA,CAAUE;AANO,CAA1B;eASe9B,a"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","color","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n        <LessIcon className={openIconClassName} style={{color: mediumColor}} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM2B;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AADN,CAA7B;AAIAH,aAAa,CAAC4B,SAAd,2CAA0B;EACxBtB,QAAQ,EAAEuB,kBAAA,CAAUC,KAAV,CAAgB,oBAAK1C,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEyB,kBAAA,CAAUE,MAFO;EAGxB1B,OAAO,EAAEwB,kBAAA,CAAUG,IAHK;EAIxBxB,OAAO,EAAEqB,kBAAA,CAAUI,IAJK;EAKxBxB,MAAM,EAAEoB,kBAAA,CAAUK,IALM;EAMxB3B,KAAK,EAAEsB,kBAAA,CAAUE;AANO,CAA1B;eASe/B,a"}