@coorpacademy/components 11.38.4 → 11.38.5

package/README.md

@@ -176,6 +176,30 @@ You may need to install these optional libs depending on which native components
 - `@coorpacademy/react-native-slider`
 - `@react-native-community/blur`
 
+## Visual Testing with Chromatic
+
+We use [Chromatic](https://www.chromatic.com/) for visual regression testing. This helps catch UI changes and ensure consistency across components.
+
+### Setup
+
+1. Copy the example environment file:
+   ```sh
+   cp .env.example .env
+   ```
+
+2. Add your Chromatic project token to the `.env` file:
+   ```sh
+   CHROMATIC_PROJECT_TOKEN=your_token_here
+   ```
+   
+
+3. Run Chromatic:
+   ```sh
+   npm run chromatic
+   ```
+
+This will build your Storybook and upload it to Chromatic for visual testing.
+
 ## Troubleshooting
 
 Error when trying to launch the storybook:

package/es/atom/input-file-draggable/style.css

@@ -21,6 +21,8 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  align-items: center;
+  gap: 4px;
   text-align: center;
   margin-top: 16px;
   background-color: cm_grey_50;

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAwCC"}

package/es/atom/title/index.js

@@ -67,14 +67,21 @@ const Title = props => {
   const subtitleStyle = getSubtitleStyle(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
-  }, subtitle) : null;
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: subtitle
+    }
+  }) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, icon ? /*#__PURE__*/React.createElement(Icon, _extends({}, icon, {
     className: style.icon
   })) : null, /*#__PURE__*/React.createElement("div", {
     className: style.titleContainer
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleContent
+  }, /*#__PURE__*/React.createElement("div", {
     className: titleStyle,
     "data-name": dataName
   }, title, required ? /*#__PURE__*/React.createElement("span", {

package/es/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","_extends","titleContainer","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Icon","Tag","ButtonLink","style","getTitleStyle","type","size","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","dangerouslySetInnerHTML","__html","container","_extends","titleContainer","titleContent","_isEmpty","propTypes","process","env","NODE_ENV","string","oneOf","shape","bool"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? (\n    <div\n      className={subtitleStyle}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: subtitle}}\n    />\n  ) : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div className={style.titleContent}>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/title/style.css

@@ -24,6 +24,10 @@
   width: 100%;
 }
 
+.titleContent {
+  flex: 1;
+}
+
 .titlePage {
   composes: title;
   font-size: 32px;

package/es/molecule/brand-form-group/style.css

@@ -8,6 +8,7 @@
 .titleWrapper {
   margin-top: 20px;
   margin-bottom: 20px;
+  margin-right: 20px;
 }
 
 .titleWrapper:first-child {

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

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

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

@@ -101,10 +101,15 @@ const ListItem = ({
     className: style.titleWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleProviderWrapper
-  }, /*#__PURE__*/React.createElement("div", {
+  }, title ? /*#__PURE__*/React.createElement("div", {
     className: style.title,
-    title: title
-  }, title), !_isEmpty(provider) ? /*#__PURE__*/React.createElement(Tag, {
+    title: title.replace(/<[^>]*>/g, '')
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }) : null, !_isEmpty(provider) ? /*#__PURE__*/React.createElement(Tag, {
     label: provider.label,
     type: provider.type,
     className: style.providerTag

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            {title ? (\n              <div\n                className={style.title}\n                title={title.replace(/<[^>]*>/g, '')}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n            ) : null}\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/input-file-draggable/style.css

@@ -21,6 +21,8 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  align-items: center;
+  gap: 4px;
   text-align: center;
   margin-top: 16px;
   background-color: cm_grey_50;

package/lib/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAwCC"}

package/lib/atom/title/index.js

@@ -72,14 +72,21 @@ const Title = props => {
   const subtitleStyle = getSubtitleStyle(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/_react.default.createElement("div", {
     className: subtitleStyle
-  }, subtitle) : null;
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: subtitle
+    }
+  }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, icon ? /*#__PURE__*/_react.default.createElement(_icon.default, _extends({}, icon, {
     className: _style.default.icon
   })) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleContainer
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleContent
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: titleStyle,
     "data-name": dataName
   }, title, required ? /*#__PURE__*/_react.default.createElement("span", {

package/lib/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","container","titleContainer","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_icon","_tag","_buttonLink","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getTitleStyle","type","size","style","titlePage","titleFormGroup","titleFormGroupLightWeight","xlStrongTitle","mediumTitleFormGroup","mediumAndLightColorTitleFormGroup","smallTitleFormGroup","smallAndLightTitleFormGroup","getSubtitleStyle","subtitlePage","subtitleFormGroup","subtitleFormGroupWithoutMargin","mediumSubtitleFormGroup","smallSubtitleFormGroup","smallSubtitleFormGroupWithoutMargin","extraSmallSubtitleFormGroup","Title","props","title","subtitle","dataName","titleSize","subtitleSize","icon","tag","button","required","titleStyle","subtitleStyle","subtitleSection","createElement","className","dangerouslySetInnerHTML","__html","container","titleContainer","titleContent","_isEmpty2","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","shape","Icon","Tag","ButtonLink","bool","_default","exports"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst getTitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.titleFormGroup;\n        case 'standard-light-weight':\n          return style.titleFormGroupLightWeight;\n        case 'xl-strong':\n          return style.xlStrongTitle;\n        case 'medium':\n          return style.mediumTitleFormGroup;\n        case 'medium-light-color':\n          return style.mediumAndLightColorTitleFormGroup;\n        case 'small':\n          return style.smallTitleFormGroup;\n        case 'small-and-light':\n          return style.smallAndLightTitleFormGroup;\n      }\n  }\n};\n\nconst getSubtitleStyle = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'standard-without-margin':\n          return style.subtitleFormGroupWithoutMargin;\n        case 'medium':\n          return style.mediumSubtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n        case 'small-without-margin':\n          return style.smallSubtitleFormGroupWithoutMargin;\n        case 'extra-small':\n          return style.extraSmallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {\n    title,\n    subtitle,\n    type,\n    'data-name': dataName,\n    titleSize = 'standard',\n    subtitleSize = 'standard',\n    icon,\n    tag,\n    button,\n    required\n  } = props;\n  const titleStyle = getTitleStyle(type, titleSize);\n  const subtitleStyle = getSubtitleStyle(type, subtitleSize);\n\n  const subtitleSection = subtitle ? (\n    <div\n      className={subtitleStyle}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: subtitle}}\n    />\n  ) : null;\n\n  return (\n    <div className={style.container}>\n      {icon ? <Icon {...icon} className={style.icon} /> : null}\n      <div className={style.titleContainer}>\n        <div className={style.titleContent}>\n          <div className={titleStyle} data-name={dataName}>\n            {title}\n            {required ? <span className={style.required}>*</span> : null}\n            {tag ? <Tag {...tag} /> : null}\n          </div>\n          {subtitleSection}\n        </div>\n        {!isEmpty(button) ? <ButtonLink {...button} /> : null}\n      </div>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  titleSize: PropTypes.oneOf([\n    'xl-strong',\n    'standard',\n    'standard-light-weight',\n    'medium',\n    'medium-light-color',\n    'small',\n    'small-and-light'\n  ]),\n  subtitleSize: PropTypes.oneOf([\n    'standard',\n    'standard-without-margin',\n    'medium',\n    'small',\n    'small-without-margin',\n    'extra-small'\n  ]),\n  icon: PropTypes.shape(Icon.propTypes),\n  tag: PropTypes.shape(Tag.propTypes),\n  button: PropTypes.shape(ButtonLink.propTypes),\n  required: PropTypes.bool\n};\nexport default Title;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,aAAa,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACpC,QAAQD,IAAI;IACV,KAAK,MAAM;MACT,OAAOE,cAAK,CAACC,SAAS;IACxB,KAAK,YAAY;MACf,QAAQF,IAAI;QACV,KAAK,UAAU;UACb,OAAOC,cAAK,CAACE,cAAc;QAC7B,KAAK,uBAAuB;UAC1B,OAAOF,cAAK,CAACG,yBAAyB;QACxC,KAAK,WAAW;UACd,OAAOH,cAAK,CAACI,aAAa;QAC5B,KAAK,QAAQ;UACX,OAAOJ,cAAK,CAACK,oBAAoB;QACnC,KAAK,oBAAoB;UACvB,OAAOL,cAAK,CAACM,iCAAiC;QAChD,KAAK,OAAO;UACV,OAAON,cAAK,CAACO,mBAAmB;QAClC,KAAK,iBAAiB;UACpB,OAAOP,cAAK,CAACQ,2BAA2B;MAC5C;EACJ;AACF,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACX,IAAI,EAAEC,IAAI,KAAK;EACvC,QAAQD,IAAI;IACV,KAAK,MAAM;MACT,OAAOE,cAAK,CAACU,YAAY;IAC3B,KAAK,YAAY;MACf,QAAQX,IAAI;QACV,KAAK,UAAU;UACb,OAAOC,cAAK,CAACW,iBAAiB;QAChC,KAAK,yBAAyB;UAC5B,OAAOX,cAAK,CAACY,8BAA8B;QAC7C,KAAK,QAAQ;UACX,OAAOZ,cAAK,CAACa,uBAAuB;QACtC,KAAK,OAAO;UACV,OAAOb,cAAK,CAACc,sBAAsB;QACrC,KAAK,sBAAsB;UACzB,OAAOd,cAAK,CAACe,mCAAmC;QAClD,KAAK,aAAa;UAChB,OAAOf,cAAK,CAACgB,2BAA2B;MAC5C;EACJ;AACF,CAAC;AAED,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRtB,IAAI;IACJ,WAAW,EAAEuB,QAAQ;IACrBC,SAAS,GAAG,UAAU;IACtBC,YAAY,GAAG,UAAU;IACzBC,IAAI;IACJC,GAAG;IACHC,MAAM;IACNC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,UAAU,GAAG/B,aAAa,CAACC,IAAI,EAAEwB,SAAS,CAAC;EACjD,MAAMO,aAAa,GAAGpB,gBAAgB,CAACX,IAAI,EAAEyB,YAAY,CAAC;EAE1D,MAAMO,eAAe,GAAGV,QAAQ,gBAC9B9C,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IACEC,SAAS,EAAEH;IACX;IAAA;IACAI,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAQ;EAAE,CAC7C,CAAC,GACA,IAAI;EAER,oBACE9C,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEhC,cAAK,CAACmC;EAAU,GAC7BX,IAAI,gBAAGlD,MAAA,CAAAU,OAAA,CAAA+C,aAAA,CAACrD,KAAA,CAAAM,OAAI,EAAAC,QAAA,KAAKuC,IAAI;IAAEQ,SAAS,EAAEhC,cAAK,CAACwB;EAAK,EAAE,CAAC,GAAG,IAAI,eACxDlD,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEhC,cAAK,CAACoC;EAAe,gBACnC9D,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEhC,cAAK,CAACqC;EAAa,gBACjC/D,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEJ,UAAW;IAAC,aAAWP;EAAS,GAC7CF,KAAK,EACLQ,QAAQ,gBAAGrD,MAAA,CAAAU,OAAA,CAAA+C,aAAA;IAAMC,SAAS,EAAEhC,cAAK,CAAC2B;EAAS,GAAC,GAAO,CAAC,GAAG,IAAI,EAC3DF,GAAG,gBAAGnD,MAAA,CAAAU,OAAA,CAAA+C,aAAA,CAACpD,IAAA,CAAAK,OAAG,EAAKyC,GAAM,CAAC,GAAG,IACvB,CAAC,EACLK,eACE,CAAC,EACL,CAAC,IAAAQ,SAAA,CAAAtD,OAAA,EAAQ0C,MAAM,CAAC,gBAAGpD,MAAA,CAAAU,OAAA,CAAA+C,aAAA,CAACnD,WAAA,CAAAI,OAAU,EAAK0C,MAAS,CAAC,GAAG,IAC9C,CACF,CAAC;AAEV,CAAC;AAEDT,KAAK,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBvB,KAAK,EAAEwB,kBAAS,CAACC,MAAM;EACvBxB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;EAC1B9C,IAAI,EAAE6C,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;EAC7C,WAAW,EAAEF,kBAAS,CAACC,MAAM;EAC7BtB,SAAS,EAAEqB,kBAAS,CAACE,KAAK,CAAC,CACzB,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,QAAQ,EACR,oBAAoB,EACpB,OAAO,EACP,iBAAiB,CAClB,CAAC;EACFtB,YAAY,EAAEoB,kBAAS,CAACE,KAAK,CAAC,CAC5B,UAAU,EACV,yBAAyB,EACzB,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,aAAa,CACd,CAAC;EACFrB,IAAI,EAAEmB,kBAAS,CAACG,KAAK,CAACC,aAAI,CAACR,SAAS,CAAC;EACrCd,GAAG,EAAEkB,kBAAS,CAACG,KAAK,CAACE,YAAG,CAACT,SAAS,CAAC;EACnCb,MAAM,EAAEiB,kBAAS,CAACG,KAAK,CAACG,mBAAU,CAACV,SAAS,CAAC;EAC7CZ,QAAQ,EAAEgB,kBAAS,CAACO;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApE,OAAA,GACaiC,KAAK","ignoreList":[]}

package/lib/atom/title/style.css

@@ -24,6 +24,10 @@
   width: 100%;
 }
 
+.titleContent {
+  flex: 1;
+}
+
 .titlePage {
   composes: title;
   font-size: 32px;

package/lib/molecule/brand-form-group/style.css

@@ -8,6 +8,7 @@
 .titleWrapper {
   margin-top: 20px;
   margin-bottom: 20px;
+  margin-right: 20px;
 }
 
 .titleWrapper:first-child {

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

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

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

@@ -106,10 +106,15 @@ const ListItem = ({
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleProviderWrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, title ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title,
-    title: title
-  }, title), !(0, _isEmpty2.default)(provider) ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    title: title.replace(/<[^>]*>/g, '')
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }) : null, !(0, _isEmpty2.default)(provider) ? /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: provider.label,
     type: provider.type,
     className: _style.default.providerTag

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

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

package/locales/lt/global.json

@@ -0,0 +1,229 @@
+{
+  "all": "Visi",
+  "all_courses": "Visi kursai",
+  "all_content": "Visas turinys",
+  "alphabetical": "Abėcėlės tvarka",
+  "add_learning_priority": "Pridėti mokymosi prioritetą",
+  "accepted_cards": "Kredito arba debeto kortelė",
+  "add": "Pridėti",
+  "An Error Occurred": "Įvyko klaida",
+  "Answer": "Atsakymas",
+  "At the end of this level, you will be able to_": "Šio lygio pabaigoje galėsite:",
+  "author": "autorius",
+  "associated_skills": "Susiję įgūdžiai",
+  "back": "Atgal",
+  "Back to Dashboard Home": "Atgal į pagrindinį valdymo puslapį",
+  "back_to_catalog": "Grįžti į kursus",
+  "badge": "Ženklelis",
+  "banner_microlearning_rule_message": "5. Šis mokymosi turinys nepriskiriamas prie mokymosi prioritetų ir buvo paslėptas.",
+  "banner_microlearning_rule_message_skill": "5. Šis mokymosi turinys nepriskiriamas prie įgūdžių tobulinimo ir buvo paslėptas.",
+  "banner_microlearning_rule_label": "Rodyti 5'Mokymąsi",
+  "bonus_stars": "Papildomos žvaigždutės",
+  "certificates": "Sertifikatai",
+  "certificate(s)": "sertifikatas(-ai)",
+  "certificates_subtitle": "Atskleiskite savo žinias ir įgūdžius, kurie jums padės išsiskirti karjeroje ir pasiekti prasmingų rezultatų.",
+  "certification_module": "modulis, kurį reikia užbaigti",
+  "cart_title": "„Coopacademy“ prenumerata",
+  "challenges you on": "meta jums iššūkį",
+  "download": "Atsisiųsti",
+  "is challenging you": "{{username}} meta jums iššūkį {{courseName}}",
+  "items": "daiktai",
+  "certificate": "sertifikatas",
+  "certification": "Sertifikavimas",
+  "certification_progress_wrapper_subtitle": "Norėdami atrakinti savo apdovanojimus, pasiekite šį tikslą",
+  "chapters": "skyriai",
+  "Close": "Uždaryti",
+  "clue_stars_to_loose_plural": "Atskleidus užuominą, žvaigždučių skaičius, kurį galite gauti už šį klausimą, sumažėja {{count}} (jei atsakysite teisingai).",
+  "clue_stars_to_loose": "Atskleidus užuominą, žvaigždučių skaičius, kurį galite gauti už šį klausimą, sumažėja {{count}} (jei atsakysite teisingai).",
+  "completed": "Užbaigta",
+  "confirm_unsubscribe": "Ar tikrai norite atsisakyti prenumeratos?",
+  "cookies_details": "Ši svetainė naudoja slapukus, kad galėtume užtikrinti geriausią mokymosi patirtį. Norėdami sužinoti daugiau apie naudojamus slapukus ir tai, kaip tvarkome Jūsų duomenis, perskaitykite mūsų",
+  "cookies_policy": "Privatumo ir slapukų politika.",
+  "cookies_title": "Kaip mes naudojame slapukus:",
+  "Create a new cohort": "Sukurti naują kohortą",
+  "courses": "Kursai",
+  "content": "turinys",
+  "courses_completed": "Baigti kursai",
+  "continue_learning": "Tęsti mokymąsi",
+  "learning_priority_modal_title": "Naujas mokymosi prioritetas",
+  "learning_priority_modal_description": "Sukurkite mokymosi prioritetą pasirinkdami vieną įgūdį, grojaraštį arba sertifikatą.",
+  "locked": "Užrakinta",
+  "rewards": "Apdovanojimai",
+  "icon_picker_title": "Keisti piktogramą",
+  "icon_picker_description": "Pasirinkite naują piktogramą įgūdžiui ",
+  "icon_editor_color": "Piktogramos spalva",
+  "invalid_color": "Netinkama spalva",
+  "translation_title": "Versti",
+  "translation_description": "Valdykite vertimus, kad pasiektumėte daugiau besimokančiųjų",
+  "skills_change_focus": "Keisti įgūdžių kryptį",
+  "skills_choose_focus": "Pasirinkite savo kryptį",
+  "cancel": "Atšaukti",
+  "close": "Uždaryti",
+  "confirm": "Patvirtinti",
+  "Delete": "Ištrinti",
+  "Draft": "Juodraštis",
+  "diploma": "Diplomas",
+  "answer_the_question": "Atsakykite į klausimą",
+  "Edit": "Redaguoti",
+  "Explore": "Naršyti",
+  "external_content_article": "DOKUMENTAI",
+  "external_content_scorm": "ANIMUOTI IŠTEKLIAI",
+  "external_content_video": "VAIZDO ĮRAŠAI",
+  "external_content_podcast": "PODKASTAI",
+  "empty_search_result_title": "Nėra rezultatų pagal užklausą „ {{searchValue}} “",
+  "empty_search_result_description": "Pabandykite pakoreguoti paiešką, kad rastumėte tai, ko ieškote.",
+  "empty_search_result_clear_search": "Išvalyti paiešką",
+  "in_progress": "Vykdoma",
+  "keep_subscription": "Išsaugoti prenumeratą",
+  "learning_priorities": "Mokymosi prioritetai",
+  "learning_priorities_description": "Jūsų svarbiausios mokymosi prioritetų sritys, nustatytos Jūsų įmonės",
+  "learning_priorities_brand_description": "Apibrėžkite savo įmonės mokymosi prioritetus pasirinkdami įgūdžius, grojaraščius arba sertifikatus. Jie bus rodomi puslapyje „Mano mokymasis“.",
+  "media_stars_to_win_plural": "Pirmą kartą peržiūrėję pamoką, šiame skyriuje laimėkite papildomų žvaigždučių {{count}} !",
+  "media_stars_to_win": "Pirmą kartą peržiūrėję pamoką, šiame skyriuje laimėkite papildomą žvaigždutę {{count}} !",
+  "modules": "{{count}} modulis",
+  "modules_plural": "{{count}} moduliai",
+  "modules_completed_mandatory": "Privalomas modulis <span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}} baigtas",
+  "modules_completed_mandatory_plural": "Privalomi moduliai <span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}} baigti",
+  "More": "Daugiau",
+  "More details": "Daugiau informacijos",
+  "New media": "Nauja pamoka",
+  "No Selected Dashboard": "Nepasirinktas pradinis puslapis",
+  "No status": "Nėra būsenos",
+  "Ok": "Gerai",
+  "Open": "Atidaryti",
+  "payment_form_submit": "Pradėti prenumeruoti „Coopacademy“ ",
+  "Post": "Įrašas",
+  "premium_unsubscribe_confirmation": "Patvirtiname jūsų prenumeratos atšaukimą, kuris įsigalios nuo kito mėnesio.\n\n Tuo tarpu galite ir toliau mėgautis mūsų turiniu „Coorpacademy“ platformoje.",
+  "close_tooltip_information": "Paspauskite „Escape“ klavišą, kad uždarytumėte informacijos tekstą",
+  "product_cancel": "Atšaukti bet kuriuo metu.",
+  "product_desc_battle": "Iššūkio režimas",
+  "product_desc_certificates": "„Coopacademy“ sertifikatai",
+  "product_desc_coach": "Internetiniai mentoriai",
+  "product_desc_culture": "Skaitmeninė kultūra: visi lygiai įveikti",
+  "product_desc_forum": "Forumas",
+  "product_desc_partnership": "Visi mūsų partnerių mokymo kursai",
+  "playlist": "Grojaraštis",
+  "progress": "Pažanga",
+  "your_progress": "Jūsų pažanga",
+  "Put back": "Grąžinti atgal",
+  "Reject": "Atmesti",
+  "Reload": "Įkelti iš naujo",
+  "Review": "Apžvalga",
+  "Review lesson": "Pamokos apžvalga",
+  "skill": "Įgūdis",
+  "search_place_holder": "Ieškoti...",
+  "search_priority_place_holder": "Ieškokite įgūdžio, grojaraščio, sertifikato...",
+  "secured_payment": "Saugus serveris",
+  "start_learning": "Pradėkite mokytis",
+  "sort_by": "Rūšiuoti pagal:",
+  "clear": "Išvalyti",
+  "clear_all": "Išvalyti viską",
+  "See clue": "Žr. užuominą",
+  "See less": "Rodyti mažiau",
+  "See lesson": "Peržiūrėti pamoką",
+  "Select a dashboard in the Sidebar": "Šoninėje juostoje pasirinkite pradinį puslapį",
+  "Show more": "Rodyti daugiau",
+  "Show less": "Rodyti mažiau",
+  "Show": "Rodyti",
+  "show_completed": "Rodyti užbaigtus",
+  "Start battle": "Pradėti iššūkį",
+  "skills_section_title": "Įgūdžiai",
+  "skills_section_description": "Tyrinėkite arba peržiūrėkite įgūdžius",
+  "skills_focus_empty_title": "Pasirinkite įgūdžius, kuriuos norite tobulinti",
+  "skills_focus_description": "Susitelkite į įgūdžius, kuriuos norite tobulinti, ir stebėkite savo pažangą",
+  "skills_focus_empty_description": "Reguliariai praktikuokitės, stebėkite savo pažangą ir įvaldykite pasirinktus įgūdžius, kad atskleistumėte savo potencialą.",
+  "skill_focus_description": "Pasirinkite įgūdžius, į kuriuos norite sutelkti dėmesį",
+  "subscription_disclaimer": "Jūs sutinkate iš karto gauti prieigą prie „Coorpacademy Premium“ „à la carte“. Taip pat sutinkate, kad pirmasis mokestis bus nuskaičiuotas nuo sandorio datos iki mėnesio pabaigos. Vėliau mokestis bus nuskaičiuojamas kiekvieno mėnesio pirmą dieną.",
+  "subscription_freemium_button": "Paleiskite „Coopacademy Premium“",
+  "subscription_freemium_description": "Šiuo metu naudojatės „Coorpacademy Freemium“. Mes siūlome daug geresnę paslaugą – „Coorpacademy Premium“. Su šia paslauga turėsite prieigą prie visų kursų ir visų lygių. Susidomėjote?",
+  "subscription_freemium_title": "Coopacademy Freemium",
+  "subscription_premium_description_part1": "Jūsų prenumerata bus automatiškai atnaujinta ",
+  "subscription_premium_description_part2": "Jums bus nuskaičiuota ši suma: ",
+  "subscription_premium_description_part3_with_link": "atšaukti prenumeratą?",
+  "subscription_premium_description_part3": "Ar norite? ",
+  "subscription_premium_title": "„Coopacademy Premium“",
+  "subscription_price": "$ {currency} $ {price} su mokesčiais per mėnesį",
+  "subscription_promo_code": "Dabar galite nemokamai ir neribotai naudotis mūsų katalogu iki {{date}} . Norėdami ir toliau juo naudotis po šios datos, užsiprenumeruokite",
+  "skill_focus": "Įgūdžių sutelkimas",
+  "skills_focus": "Įgūdžių orientacija",
+  "skill_focus_footer_description": "Pasirinkite bent {{skillNumber}} daugiau įgūdžių",
+  "skill_focus_footer_error_description": "Atžymėkite bent {{skillNumber}} daugiau įgūdžių",
+  "skill_chart_side_panel_content_completed": "Turinys baigtas",
+  "skill_chart_side_panel_questions_to_review": "Klausimai, kuriuos reikia peržiūrėti",
+  "skill_chart_side_panel_learning_hours": "Mokymosi laikas",
+  "skill_focused_chip_tooltip": "Šis įgūdis yra sutelktas",
+  "selected": "pasirinktas",
+  "This message has been removed by its author": "Šią žinutę pašalino jos autorius.",
+  "unsubscribe": "Atsisakyti „Coopacademy“ prenumeratos",
+  "Validated": "Patvirtinta",
+  "Video Loading Error": "Įkeliant vaizdo įrašą įvyko klaida, bandykite dar kartą.",
+  "Wait_creation": "Platforma kuriama. Tai gali užtrukti kelias sekundes. Prašome palaukti...",
+  "comment_aria_label": "Pridėkite savo komentarą",
+  "zuora_discount_code_submit": "Taikyti",
+  "zuora_discount_code": "Reklamos kodas",
+  "mandatory_fields": "*Privalomi laukai",
+  "something_went_wrong": "Oi! Kažkas nutiko ne taip.",
+  "review_mode_tooltip_header": "Kas yra peržiūros režimas?",
+  "review_mode_tooltip_content": "Informacija dingsta iš jūsų atminties vos tik į ją patenka? Tai visiškai normalu: be kartojimo neįsiminsi! Kad žinios išliktų ilgalaikėje perspektyvoje, naudokite kartojimo režimą atminčiai atnaujinti!",
+  "review_mode_tooltip_content_part1": "Pasirinkite 1 įgūdį",
+  "review_mode_tooltip_content_part2": "Atsakykite į 5 klausimus",
+  "review_mode_tooltip_content_part3": "Jūs turite begalinius gyvenimus",
+  "review_mode_tooltip_content_part4": "Viską sutvarkyk",
+  "review_mode_available": "Galima peržiūrėti",
+  "review_header_step_item": {
+    "correct_question": "Ar klausimas {{current}} {{headerStepValue}} teisingas?",
+    "incorrect_question": "{{current}} klausimas {{headerStepValue}} yra neteisingas",
+    "not_answered_question": "Į klausimą {{current}} {{headerStepValue}} dar neatsakyta"
+  },
+  "bulk_import": {
+    "errors_number": "Masinio importo klaidų numeris yra {{bulkImportErrorsNumber}}",
+    "valid_scorm": "scorm failas galioja",
+    "invalid_scorm": "scorm failas negalioja",
+    "show_errors": "rodyti klaidas"
+  },
+  "review_this_skill": "Įvertinkite šį įgūdį",
+  "review_skill_empty": "Dar neturite įgūdžių taisyti",
+  "review_skill_empty_description": "Pirmiausia turite baigti kursus, kad galėtumėte peržiūrėti skirtingus įgūdžius.",
+  "close_button_ariaLabel": "Uždaryti peržiūros skaidrę",
+  "post_comment_aria_label": "Paskelbkite savo komentarą",
+  "validate_aria_label": "Patvirtinkite savo atsakymą ir pereikite prie kito žingsnio",
+  "stars": "žvaigždės",
+  "questions": "Klausimai",
+  "skill_scope_specifier": "<b>{{focusedSkill}}</b>",
+  "focused_skills": "sutelkti įgūdžiai",
+  "custom":{
+    "digitlearning": {
+      "comment_aria_label": "Įvertinkite šį kursą",
+      "diploma": "Patvirtintas kelias"
+    },
+    "esante-formation": {
+      "diploma": "Mokymosi kelias",
+      "rewards": "Atestacija"
+    },
+    "ehc-vd": {
+      "diploma": "sertifikatas"
+    },
+    "givaudan": {
+      "diploma": "Apdovanojimas"
+    },
+    "learning-lab": {
+      "diploma": "Sertifikatas"
+    },
+    "onboarding": {
+      "diploma": "Sertifikatas"
+    },
+    "mylcl-learning": {
+       "diploma": "mokymosi kelias"
+    },
+    "who": {
+      "badge": "Papildoma informacija apie jūsų sertifikatą"
+    },
+    "css": {
+      "modules": "{{count}} lygis",
+      "modules_plural": "{{count}} lygiai",
+      "modules_completed_mandatory": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}} lygis baigtas",
+      "modules_completed_mandatory_plural": "<span data-name=\"progress-stats\" style=\"color=#515161;padding-right: 4px;\">{{count}} / {{total}} baigti privalomi lygiai",
+      "certification_module": "lygis, kurį reikia užbaigti"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.38.4",
+  "version": "11.38.5",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,7 +42,8 @@
     "test": "npm run lint && npm run test:unit",
     "test:unit": "nyc npm run ava",
     "eslint": "eslint . --ext .js,.json,.ts,.tsx --cache --cache-location \"node_modules/.cache/.eslintcache\"",
-    "typecheck": "tsc --noEmit true"
+    "typecheck": "tsc --noEmit true",
+    "chromatic": "npx chromatic --build-script-name storybook:export"
   },
   "engines": {
     "node": ">=18.12.0"
@@ -165,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "cefc54f42c6c658da1a7965a971f6248a304ef8d"
+  "gitHead": "cf005a8e5a4136c8ea35fd5b4855ee33d0547445"
 }