@coorpacademy/components 11.32.43 → 11.32.44

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

@@ -1,10 +1,11 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, editAsIcon }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
     tags: any;
     title: any;
+    provider: any;
     selected: any;
     selectedColor: any;
     subtitle: any;
@@ -16,6 +17,8 @@ declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton,
     isBulkStyle?: boolean | undefined;
     isOverflowHidden?: boolean | undefined;
     onClick?: import("lodash/fp").LodashNoop | undefined;
+    leftIcon: any;
+    editAsIcon?: boolean | undefined;
 }, context: any): JSX.Element;
 declare namespace ListItem {
     namespace contextTypes {
@@ -45,6 +48,7 @@ declare namespace ListItem {
     const propTypes: {
         title: PropTypes.Validator<string>;
         subtitle: PropTypes.Requireable<string>;
+        provider: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<boolean>;
         selectedColor: PropTypes.Requireable<string>;
         dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -97,6 +101,17 @@ declare namespace ListItem {
         'aria-label': PropTypes.Requireable<string>;
         contentType: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
+        leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+            iconName: PropTypes.Requireable<string>;
+            iconColor: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+            borderRadius: PropTypes.Requireable<string>;
+            preset: PropTypes.Requireable<string>;
+            gradientBackground: PropTypes.Requireable<boolean>;
+            size: PropTypes.Requireable<number>;
+            wrapperSize: PropTypes.Requireable<number>;
+        }>>;
+        editAsIcon: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

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

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

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

@@ -11,10 +11,10 @@ import { convert } from 'css-color-function';
 import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import Tag from '../../atom/tag';
-import Icon from '../../atom/icon';
+import FaIcon from '../../atom/icon';
 import ButtonLink from '../../atom/button-link';
-import BulletPointMenuButton from '../../molecule/bullet-point-menu-button'; // eslint-disable-next-line css-modules/no-unused-class
-
+import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
+import COLORS from '../../variables/colors';
 import style from './style.css';
 
 const ListItem = ({
@@ -23,6 +23,7 @@ const ListItem = ({
   bulletPointMenuButton,
   tags,
   title,
+  provider,
   selected,
   selectedColor,
   subtitle,
@@ -33,7 +34,9 @@ const ListItem = ({
   contentType,
   isBulkStyle = false,
   isOverflowHidden = false,
-  onClick = _noop
+  onClick = _noop,
+  leftIcon,
+  editAsIcon = false
 }, context) => {
   const {
     skin
@@ -72,6 +75,24 @@ const ListItem = ({
     className: style.order,
     "aria-label": ariaLabel
   }, order + 1) : null;
+  const handleButtonLinkClick = buttonLink?.onClick || _noop;
+
+  const handleRenderButtonLink = () => {
+    if (editAsIcon && buttonLink) {
+      return /*#__PURE__*/React.createElement(FaIcon, {
+        iconName: buttonLink.icon?.type || 'edit',
+        onClick: handleButtonLinkClick,
+        className: style.editIcon
+      });
+    }
+
+    if (buttonLink) {
+      return /*#__PURE__*/React.createElement(ButtonLink, buttonLink);
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.wrapper, isBulkStyle && style.gridLayout, subtitle && style.withSubtitle, disabled && style.disabled, onClick !== _noop && !disabled && style.cursorPointer),
     onClick: !disabled ? onClick : undefined,
@@ -79,21 +100,37 @@ const ListItem = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)
   }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/React.createElement("div", {
+    className: style.leftSection
+  }, leftIcon ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: leftIcon.iconName,
+    gradientBackground: leftIcon.gradientBackground || true,
+    iconColor: leftIcon.iconColor || primarySelectedColor,
+    preset: leftIcon.preset || 'xl',
+    borderRadius: leftIcon.borderRadius || '25%'
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: style.titleWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleProviderWrapper
+  }, /*#__PURE__*/React.createElement("div", {
     className: style.title,
     title: title
-  }, title, subtitle ? /*#__PURE__*/React.createElement("div", {
+  }, title), provider ? /*#__PURE__*/React.createElement(Tag, {
+    label: provider,
+    type: "default",
+    className: style.providerTag
+  }) : null), subtitle ? /*#__PURE__*/React.createElement("div", {
     className: style.subtitle
   }, subtitle) : null), dataColumnsView), /*#__PURE__*/React.createElement("div", {
     className: style.settings
-  }, tagsView, selected ? /*#__PURE__*/React.createElement(Icon, {
+  }, tagsView, selected ? /*#__PURE__*/React.createElement(FaIcon, {
     iconName: "circle-check",
     iconColor: primarySelectedColor,
-    backgroundColor: '#ffffff',
+    backgroundColor: COLORS.white,
     size: {
       faSize: 16,
       wrapperSize: 16
     }
-  }) : null, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
+  }) : null, handleRenderButtonLink(), secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
 };
 
 ListItem.contextTypes = {
@@ -103,6 +140,7 @@ ListItem.contextTypes = {
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
+  provider: PropTypes.string,
   selected: PropTypes.bool,
   selectedColor: PropTypes.string,
   dataColumns: PropTypes.arrayOf(PropTypes.shape({
@@ -154,7 +192,18 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   order: PropTypes.number,
   'aria-label': PropTypes.string,
   contentType: PropTypes.string,
-  id: PropTypes.string
+  id: PropTypes.string,
+  leftIcon: PropTypes.shape({
+    iconName: PropTypes.string,
+    iconColor: PropTypes.string,
+    backgroundColor: PropTypes.string,
+    borderRadius: PropTypes.string,
+    preset: PropTypes.string,
+    gradientBackground: PropTypes.bool,
+    size: PropTypes.number,
+    wrapperSize: PropTypes.number
+  }),
+  editAsIcon: PropTypes.bool
 } : {};
 export default ListItem;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","Icon","ButtonLink","BulletPointMenuButton","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport COLORS from '../../variables/colors';\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    editAsIcon = false\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n  const handleRenderButtonLink = () => {\n    if (editAsIcon && buttonLink) {\n      return (\n        <FaIcon\n          iconName={buttonLink.icon?.type || 'edit'}\n          onClick={handleButtonLinkClick}\n          className={style.editIcon}\n        />\n      );\n    }\n    if (buttonLink) {\n      return <ButtonLink {...buttonLink} />;\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\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            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {handleRenderButtonLink()}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  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  editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}

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

@@ -32,7 +32,6 @@
   color: cm_grey_900;
   display: flex;
   flex-direction: column;
-  height: 56px;
   justify-content: center;
   flex: 2 0 0;
   font-family: Gilroy;
@@ -72,18 +71,33 @@
   white-space: nowrap;
 }
 
-.cell {
+.leftSection {
   display: flex;
-  height: 56px;
   align-items: center;
-  flex: 1 0 0;
-  color: cm_grey_500;
-  font-family: Gilroy;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
+  gap: 8px;
+  margin-right: 16px;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.titleProviderWrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.providerTag {
+  margin-left: 8px;
+}
+
+.editIcon {
+  cursor: pointer;
+  color: cm_grey_900;
+  margin-left: 8px;
 }
 
 .order {

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

@@ -56,6 +56,7 @@ declare namespace ListItems {
             items: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                provider: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -108,6 +109,17 @@ declare namespace ListItems {
                 'aria-label': PropTypes.Requireable<string>;
                 contentType: PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;
+                leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    iconName: PropTypes.Requireable<string>;
+                    iconColor: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    borderRadius: PropTypes.Requireable<string>;
+                    preset: PropTypes.Requireable<string>;
+                    gradientBackground: PropTypes.Requireable<boolean>;
+                    size: PropTypes.Requireable<number>;
+                    wrapperSize: PropTypes.Requireable<number>;
+                }>>;
+                editAsIcon: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
             type: PropTypes.Requireable<string>;
             itemType: PropTypes.Requireable<string>;

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

@@ -137,6 +137,7 @@ declare namespace PlayerLoading {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -189,6 +190,17 @@ declare namespace PlayerLoading {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

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

@@ -188,6 +188,7 @@ declare namespace SlidePlayer {
                             items: PropTypes.Requireable<(PropTypes.InferProps<{
                                 title: PropTypes.Validator<string>;
                                 subtitle: PropTypes.Requireable<string>;
+                                provider: PropTypes.Requireable<string>;
                                 selected: PropTypes.Requireable<boolean>;
                                 selectedColor: PropTypes.Requireable<string>;
                                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -240,6 +241,17 @@ declare namespace SlidePlayer {
                                 'aria-label': PropTypes.Requireable<string>;
                                 contentType: PropTypes.Requireable<string>;
                                 id: PropTypes.Requireable<string>;
+                                leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    iconName: PropTypes.Requireable<string>;
+                                    iconColor: PropTypes.Requireable<string>;
+                                    backgroundColor: PropTypes.Requireable<string>;
+                                    borderRadius: PropTypes.Requireable<string>;
+                                    preset: PropTypes.Requireable<string>;
+                                    gradientBackground: PropTypes.Requireable<boolean>;
+                                    size: PropTypes.Requireable<number>;
+                                    wrapperSize: PropTypes.Requireable<number>;
+                                }>>;
+                                editAsIcon: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             type: PropTypes.Requireable<string>;
                             itemType: PropTypes.Requireable<string>;
@@ -482,6 +494,7 @@ declare namespace SlidePlayer {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -534,6 +547,17 @@ declare namespace SlidePlayer {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

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

@@ -194,6 +194,7 @@ declare namespace SlidesPlayer {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -246,6 +247,17 @@ declare namespace SlidesPlayer {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

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

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

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

@@ -224,6 +224,7 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -276,6 +277,17 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

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

@@ -324,6 +324,7 @@ declare namespace PopinEnd {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -376,6 +377,17 @@ declare namespace PopinEnd {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

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

@@ -645,6 +645,7 @@ declare const AppReview: {
                             items: import("prop-types").Requireable<(import("prop-types").InferProps<{
                                 title: import("prop-types").Validator<string>;
                                 subtitle: import("prop-types").Requireable<string>;
+                                provider: import("prop-types").Requireable<string>;
                                 selected: import("prop-types").Requireable<boolean>;
                                 selectedColor: import("prop-types").Requireable<string>;
                                 dataColumns: import("prop-types").Requireable<(import("prop-types").InferProps<{
@@ -697,6 +698,17 @@ declare const AppReview: {
                                 'aria-label': import("prop-types").Requireable<string>;
                                 contentType: import("prop-types").Requireable<string>;
                                 id: import("prop-types").Requireable<string>;
+                                leftIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                                    iconName: import("prop-types").Requireable<string>;
+                                    iconColor: import("prop-types").Requireable<string>;
+                                    backgroundColor: import("prop-types").Requireable<string>;
+                                    borderRadius: import("prop-types").Requireable<string>;
+                                    preset: import("prop-types").Requireable<string>;
+                                    gradientBackground: import("prop-types").Requireable<boolean>;
+                                    size: import("prop-types").Requireable<number>;
+                                    wrapperSize: import("prop-types").Requireable<number>;
+                                }>>;
+                                editAsIcon: import("prop-types").Requireable<boolean>;
                             }> | null | undefined)[]>;
                             type: import("prop-types").Requireable<string>;
                             itemType: import("prop-types").Requireable<string>;

package/es/template/app-review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/es/template/app-review/player/prop-types.d.ts

@@ -645,6 +645,7 @@ declare const propTypes: {
                     items: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
                         subtitle: PropTypes.Requireable<string>;
+                        provider: PropTypes.Requireable<string>;
                         selected: PropTypes.Requireable<boolean>;
                         selectedColor: PropTypes.Requireable<string>;
                         dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -697,6 +698,17 @@ declare const propTypes: {
                         'aria-label': PropTypes.Requireable<string>;
                         contentType: PropTypes.Requireable<string>;
                         id: PropTypes.Requireable<string>;
+                        leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                            iconName: PropTypes.Requireable<string>;
+                            iconColor: PropTypes.Requireable<string>;
+                            backgroundColor: PropTypes.Requireable<string>;
+                            borderRadius: PropTypes.Requireable<string>;
+                            preset: PropTypes.Requireable<string>;
+                            gradientBackground: PropTypes.Requireable<boolean>;
+                            size: PropTypes.Requireable<number>;
+                            wrapperSize: PropTypes.Requireable<number>;
+                        }>>;
+                        editAsIcon: PropTypes.Requireable<boolean>;
                     }> | null | undefined)[]>;
                     type: PropTypes.Requireable<string>;
                     itemType: PropTypes.Requireable<string>;

package/es/template/app-review/player/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}

package/es/template/app-review/prop-types.d.ts

@@ -649,6 +649,7 @@ declare const propTypes: {
                         items: PropTypes.Requireable<(PropTypes.InferProps<{
                             title: PropTypes.Validator<string>;
                             subtitle: PropTypes.Requireable<string>;
+                            provider: PropTypes.Requireable<string>;
                             selected: PropTypes.Requireable<boolean>;
                             selectedColor: PropTypes.Requireable<string>;
                             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -701,6 +702,17 @@ declare const propTypes: {
                             'aria-label': PropTypes.Requireable<string>;
                             contentType: PropTypes.Requireable<string>;
                             id: PropTypes.Requireable<string>;
+                            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                iconName: PropTypes.Requireable<string>;
+                                iconColor: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                borderRadius: PropTypes.Requireable<string>;
+                                preset: PropTypes.Requireable<string>;
+                                gradientBackground: PropTypes.Requireable<boolean>;
+                                size: PropTypes.Requireable<number>;
+                                wrapperSize: PropTypes.Requireable<number>;
+                            }>>;
+                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

package/es/template/app-review/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}