@coorpacademy/components 11.20.4 → 11.20.6-alpha.3

package/es/molecule/cm-popin/style.css

@@ -149,7 +149,7 @@
 .headerContent {
   gap: 16px;
   display: flex;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: center;
   width: 100%;
   padding-bottom: 16px;

package/es/molecule/cm-popin/types.d.ts

@@ -129,19 +129,16 @@ declare const propTypes: {
                         }>>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     }>>;
-                    buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                        size: PropTypes.Requireable<string>;
-                        'aria-label': PropTypes.Requireable<string>;
-                        'data-name': PropTypes.Requireable<string>;
-                        icon: PropTypes.Requireable<string>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        link: PropTypes.Requireable<PropTypes.InferProps<{
-                            href: PropTypes.Requireable<string>;
-                            download: PropTypes.Requireable<boolean>;
-                            target: PropTypes.Requireable<string>;
+                    secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        ariaLabel: PropTypes.Requireable<string>;
+                        dataName: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
                         }>>;
-                        disabled: PropTypes.Requireable<boolean>;
-                        className: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     }>>;
                     bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                         buttonAriaLabel: PropTypes.Requireable<string>;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/draggable-list/index.d.ts

@@ -77,19 +77,16 @@ declare namespace DraggableList {
                 }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
-            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                size: PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                icon: PropTypes.Requireable<string>;
-                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                link: PropTypes.Requireable<PropTypes.InferProps<{
-                    href: PropTypes.Requireable<string>;
-                    download: PropTypes.Requireable<boolean>;
-                    target: PropTypes.Requireable<string>;
+            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                dataName: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
                 }>>;
-                disabled: PropTypes.Requireable<boolean>;
-                className: PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                 buttonAriaLabel: PropTypes.Requireable<string>;

package/es/molecule/expandible-actionable-table/style.css

@@ -88,7 +88,7 @@
 .columnFirst .columFirstWrapper,
 .columnFirstSticky .columFirstWrapper {
   display: flex;
-  justify-content: start;
+  justify-content: flex-start;
   gap: 16px;
 }
 
@@ -114,7 +114,7 @@
   color: cm_grey_700;
   border-top: 1px solid light;
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
 }
 
 .columnLastSticky {

package/es/molecule/quick-access-card/style.css

@@ -68,7 +68,7 @@
   width: 100%;
   display: flex;
   align-items: end;
-  justify-content: end;
+  justify-content: flex-end;
   flex: 1;
 }
 

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

@@ -1,7 +1,7 @@
 export default ListItem;
-declare function ListItem({ buttonLink, buttonLinkIcon, bulletPointMenuButton, tags, title, dataColumns, order, "aria-label": ariaLabel, contentType, isBulkStyle }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, dataColumns, order, "aria-label": ariaLabel, contentType, isBulkStyle }: {
     buttonLink: any;
-    buttonLinkIcon: any;
+    secondButtonLink: any;
     bulletPointMenuButton: any;
     tags: any;
     title: any;
@@ -30,19 +30,16 @@ declare namespace ListItem {
             }>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            size: PropTypes.Requireable<string>;
-            'aria-label': PropTypes.Requireable<string>;
-            'data-name': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<string>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            link: PropTypes.Requireable<PropTypes.InferProps<{
-                href: PropTypes.Requireable<string>;
-                download: PropTypes.Requireable<boolean>;
-                target: PropTypes.Requireable<string>;
+        secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            ariaLabel: PropTypes.Requireable<string>;
+            dataName: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
             }>>;
-            disabled: PropTypes.Requireable<boolean>;
-            className: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
         bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
             buttonAriaLabel: PropTypes.Requireable<string>;

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

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

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

@@ -5,14 +5,13 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import BulletPointMenuButton from '../../molecule/bullet-point-menu-button'; // eslint-disable-next-line css-modules/no-unused-class
 
 import style from './style.css';
 
 const ListItem = ({
   buttonLink,
-  buttonLinkIcon,
+  secondButtonLink,
   bulletPointMenuButton,
   tags,
   title,
@@ -56,7 +55,7 @@ const ListItem = ({
     title: title
   }, title), dataColumnsView), /*#__PURE__*/React.createElement("div", {
     className: style.settings
-  }, tagsView, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, buttonLinkIcon ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonLinkIcon) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
+  }, tagsView, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
 };
 
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -77,19 +76,16 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
     }),
     onClick: PropTypes.func
   }),
-  buttonLinkIcon: PropTypes.shape({
-    size: PropTypes.oneOf(['default', 'small', 'responsive']),
-    'aria-label': PropTypes.string,
-    'data-name': PropTypes.string,
-    icon: PropTypes.string,
-    onClick: PropTypes.func,
-    link: PropTypes.shape({
-      href: PropTypes.string,
-      download: PropTypes.bool,
-      target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  secondButtonLink: PropTypes.shape({
+    type: PropTypes.string,
+    label: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    dataName: PropTypes.string,
+    icon: PropTypes.shape({
+      position: PropTypes.string,
+      type: PropTypes.string
     }),
-    disabled: PropTypes.bool,
-    className: PropTypes.string
+    onClick: PropTypes.func
   }),
   bulletPointMenuButton: PropTypes.shape({
     buttonAriaLabel: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Tag","ButtonLink","ButtonLinkIconOnly","BulletPointMenuButton","style","ListItem","buttonLink","buttonLinkIcon","bulletPointMenuButton","tags","title","dataColumns","order","ariaLabel","contentType","isBulkStyle","isPublished","tagsView","convert","cap","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","dataColumnsWrapper","settings","propTypes","string","isRequired","arrayOf","shape","oneOf","dataName","icon","position","onClick","func","size","link","href","download","bool","target","disabled","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} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\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  buttonLink,\n  buttonLinkIcon,\n  bulletPointMenuButton,\n  tags,\n  title,\n  dataColumns,\n  order,\n  'aria-label': ariaLabel,\n  contentType,\n  isBulkStyle = false\n}) => {\n  let isPublished = false;\n\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = map.convert({cap: false})((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 className={classnames(style.wrapper, isBulkStyle && style.gridLayout)}>\n      <div className={style.dataColumnsWrapper}>\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {buttonLinkIcon ? <ButtonLinkIconOnly {...buttonLinkIcon} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\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  buttonLinkIcon: PropTypes.shape({\n    size: PropTypes.oneOf(['default', 'small', 'responsive']),\n    'aria-label': PropTypes.string,\n    'data-name': PropTypes.string,\n    icon: PropTypes.string,\n    onClick: PropTypes.func,\n    link: PropTypes.shape({\n      href: PropTypes.string,\n      download: PropTypes.bool,\n      target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n    }),\n    disabled: PropTypes.bool,\n    className: PropTypes.string\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  isBulkStyle: 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","classnames","Tag","ButtonLink","BulletPointMenuButton","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","dataColumns","order","ariaLabel","contentType","isBulkStyle","isPublished","tagsView","convert","cap","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","dataColumnsWrapper","settings","propTypes","string","isRequired","arrayOf","shape","oneOf","dataName","icon","position","onClick","func","buttonAriaLabel","menuAriaLabel","buttons","bool","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Tag from '../../atom/tag';\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  buttonLink,\n  secondButtonLink,\n  bulletPointMenuButton,\n  tags,\n  title,\n  dataColumns,\n  order,\n  'aria-label': ariaLabel,\n  contentType,\n  isBulkStyle = false\n}) => {\n  let isPublished = false;\n\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = map.convert({cap: false})((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 className={classnames(style.wrapper, isBulkStyle && style.gridLayout)}>\n      <div className={style.dataColumnsWrapper}>\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\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.propTypes = {\n  title: PropTypes.string.isRequired,\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  isBulkStyle: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}

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

@@ -17,22 +17,19 @@
   justify-content: space-between;
   padding: 0 24px;
   width: 100%;
-  gap: 24px;
 }
 
 .gridLayout {
   display: grid;
-  grid-template-columns: 70% auto; 
+  grid-template-columns: 60% auto;
 }
 
 .title {
   color: cm_grey_900;
-  flex-grow: 0;
   display: flex;
   height: 56px;
   align-items: center;
-  gap: 16px;
-  flex: 1 0 0;
+  flex: 2 0 0;
   font-family: Gilroy;
   font-size: 16px;
   font-stretch: normal;
@@ -51,6 +48,8 @@
   display: flex;
   height: 100%;
   gap: 16px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .tag {
@@ -62,7 +61,6 @@
   display: flex;
   height: 56px;
   align-items: center;
-  gap: 16px;
   flex: 1 0 0;
   color: cm_grey_500;
   font-family: Gilroy;
@@ -86,7 +84,8 @@
 }
 
 .dataColumnsWrapper {
-  align-items: center;
   display: flex;
-  max-width: 80%;
+  width: 100%;
+  align-items: center;
+  align-content: space-between;
 }

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

@@ -66,19 +66,16 @@ declare namespace ListItems {
                     }>>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 }>>;
-                buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                    size: PropTypes.Requireable<string>;
-                    'aria-label': PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    icon: PropTypes.Requireable<string>;
-                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                        href: PropTypes.Requireable<string>;
-                        download: PropTypes.Requireable<boolean>;
-                        target: PropTypes.Requireable<string>;
+                secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    ariaLabel: PropTypes.Requireable<string>;
+                    dataName: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
                     }>>;
-                    disabled: PropTypes.Requireable<boolean>;
-                    className: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 }>>;
                 bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                     buttonAriaLabel: PropTypes.Requireable<string>;

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

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

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

@@ -41,7 +41,16 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
   }, tableHeader.map((tableHeaderItem, index) => /*#__PURE__*/React.createElement("div", {
     key: `tableHeadeColumn-key-${index}`,
     className: style.tableHeaderItem,
-    "data-name": `tableHeader-${index}`
+    "data-name": `tableHeader-${index}`,
+    style: index === 0 ? {
+      flexGrow: 2,
+      flexShrink: 0,
+      flexBasis: 0
+    } : {
+      flexGrow: 1,
+      flexShrink: 0,
+      flexBasis: 0
+    }
   }, tableHeaderItem))), /*#__PURE__*/React.createElement("div", {
     className: style.settings
   }, '')) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","isNil","isEmpty","ListItem","DraggableList","Title","ButtonLink","SelectMultiple","ExpandibleActionableTable","style","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","map","item","contentType","index","id","tableHeaderView","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","contentView","header","actionsWrapper","propTypes","string","shape","oneOfType","arrayOf","oneOf","func","bool"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({title, buttonLink, selectMultiple, content, 'aria-label': ariaLabel}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {contentView}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string)\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CAACC,OAAD,EAAUC,SAAV,EAAqBC,cAArB,KAAwC;EACjE,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,MAAlB;IAA0BC,WAAW,GAAG,KAAxC;IAA+CC;EAA/C,IAA8DP,OAApE;EACA,MAAMQ,SAAS,GACbF,WAAW,IAAIH,KAAK,CAACM,MAAN,GAAe,CAA9B,gBACE,oBAAC,aAAD;IACE,KAAK,EAAEN,KAAK,CAACO,GAAN,CAAUC,IAAI,iBAASA,IAAT;MAAeC,WAAW,EAAER;IAA5B,EAAd,CADT;IAEE,QAAQ,EAAC,WAFX;IAGE,MAAM,EAAEC;EAHV,EADF,GAOEF,KAAK,CAACO,GAAN,CAAU,CAACC,IAAD,EAAOE,KAAP,kBACR;IAAI,GAAG,EAAEF,IAAI,CAACG,EAAd;IAAkB,SAAS,EAAEhB,KAAK,CAACa,IAAnC;IAAyC,aAAY,WAAUE,KAAM;EAArE,gBACE,oBAAC,QAAD,eAAcF,IAAd;IAAoB,KAAK,EAAE,IAA3B;IAAiC,WAAW,EAAEP;EAA9C,GADF,CADF,CARJ;EAcA,MAAMW,eAAe,GACnB,CAACzB,KAAK,CAACiB,WAAD,CAAN,IAAuB,CAAChB,OAAO,CAACgB,WAAD,CAA/B,gBACE;IAAK,SAAS,EAAET,KAAK,CAACkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,GACGV,WAAW,CAACG,GAAZ,CAAgB,CAACQ,eAAD,EAAkBL,KAAlB,kBACf;IACE,GAAG,EAAG,wBAAuBA,KAAM,EADrC;IAEE,SAAS,EAAEf,KAAK,CAACoB,eAFnB;IAGE,aAAY,eAAcL,KAAM;EAHlC,GAKGK,eALH,CADD,CADH,CADF,eAYE;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,GAAiC,EAAjC,CAZF,CADF,GAeI,IAhBN;EAiBA,oBACE,iCACGJ,eADH,eAEE;IACE,SAAS,EAAE,CAACb,cAAD,GAAkBJ,KAAK,CAACsB,IAAxB,GAA+BtB,KAAK,CAACuB,sBADlD;IAEE,cAAYpB,SAFd;IAGE,aAAW;EAHb,GAKGO,SALH,CAFF,CADF;AAYD,CA7CD;;AA+CA,MAAMc,gBAAgB,GAAG,CAACtB,OAAD,EAAUC,SAAV,EAAqBC,cAArB,KAAwC;EAC/D,MAAM;IAACqB;EAAD,IAASvB,OAAf;;EACA,QAAQuB,IAAR;IACE,KAAK,MAAL;MACE,OAAOxB,kBAAkB,CAACC,OAAD,EAAUC,SAAV,EAAqBC,cAArB,CAAzB;;IACF,KAAK,6BAAL;MACE,oBAAO,oBAAC,yBAAD,EAA+BF,OAA/B,CAAP;EAJJ;AAMD,CARD;;AAUA,MAAMwB,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBxB,cAApB;EAAoCF,OAApC;EAA6C,cAAcC;AAA3D,CAAD,KAA2E;EAC3F,MAAM0B,WAAW,GAAGL,gBAAgB,CAACtB,OAAD,EAAUC,SAAV,EAAqBC,cAArB,CAApC;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEJ,KAAK,CAAC8B;EAAtB,gBACE;IAAK,SAAS,EAAE9B,KAAK,CAAC2B;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAE3B,KAAK,CAAC+B;EAAtB,GACG3B,cAAc,gBACb;IAAK,SAAS,EAAEJ,KAAK,CAACI;EAAtB,gBACE,oBAAC,cAAD,EAAoBA,cAApB,CADF,CADa,GAIX,IALN,eAOE,oBAAC,UAAD,EAAgBwB,UAAhB,CAPF,CAJF,CADF,EAeGC,WAfH,CADF;AAmBD,CAtBD;;AAwBAH,SAAS,CAACM,SAAV,2CAAsB;EACpB,cAAczC,SAAS,CAAC0C,MADJ;EAEpBL,UAAU,EAAErC,SAAS,CAAC2C,KAAV,CAAgBrC,UAAU,CAACmC,SAA3B,CAFQ;EAGpB5B,cAAc,EAAEb,SAAS,CAAC2C,KAAV,CAAgBpC,cAAc,CAACkC,SAA/B,CAHI;EAIpB9B,OAAO,EAAEX,SAAS,CAAC4C,SAAV,CAAoB,CAC3B5C,SAAS,CAAC2C,KAAV,CAAgB;IACd7B,KAAK,EAAEd,SAAS,CAAC6C,OAAV,CAAkB7C,SAAS,CAAC2C,KAAV,CAAgBxC,QAAQ,CAACsC,SAAzB,CAAlB,CADO;IAEdP,IAAI,EAAElC,SAAS,CAAC8C,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFQ;IAGd/B,QAAQ,EAAEf,SAAS,CAAC0C,MAHN;IAId1B,MAAM,EAAEhB,SAAS,CAAC+C,IAJJ;IAKd9B,WAAW,EAAEjB,SAAS,CAACgD,IALT;IAMd9B,WAAW,EAAElB,SAAS,CAAC6C,OAAV,CAAkB7C,SAAS,CAAC0C,MAA5B;EANC,CAAhB,CAD2B,EAS3B1C,SAAS,CAAC2C,KAAV,cACKnC,yBAAyB,CAACiC,SAD/B;IAEEP,IAAI,EAAElC,SAAS,CAAC8C,KAAV,CAAgB,CAAC,6BAAD,CAAhB;EAFR,GAT2B,CAApB,CAJW;EAkBpBV,KAAK,EAAEpC,SAAS,CAAC0C;AAlBG,CAAtB;AAqBA,eAAeP,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","isNil","isEmpty","ListItem","DraggableList","Title","ButtonLink","SelectMultiple","ExpandibleActionableTable","style","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","map","item","contentType","index","id","tableHeaderView","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","contentView","header","actionsWrapper","propTypes","string","shape","oneOfType","arrayOf","oneOf","func","bool"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({title, buttonLink, selectMultiple, content, 'aria-label': ariaLabel}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {contentView}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string)\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":"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"}

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

@@ -55,22 +55,18 @@
 
 .tableHeaderWrapper {
   display: grid;
-  grid-template-columns: 70% auto; 
-  padding: 8px 16px;
+  grid-template-columns: 60% auto; 
   align-items: center;
-  gap: 24px;
   border-radius: 7px;
-  padding: 8px 16px;
+  padding: 8px 24px;
 }
 
 
 .tableHeaderItem {
   display: flex;
-  gap: 16px;
   flex: 1 0 0;
   overflow: hidden;
   align-items: flex-start;
-  gap: 8px;
   flex-shrink: 0;
   color: var(--font-font-color-tertiary, #9999A8);
   text-overflow: ellipsis;
@@ -85,11 +81,11 @@
   align-items: center;
   display: flex;
   width: 100%;
-  margin-left: 24px;
+  align-content: space-between;
 }
 
 .settings {
   align-items: center;
   display: flex;
   height: 100%;
-}
+}

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

@@ -131,19 +131,16 @@ declare namespace PlayerLoading {
                                 }>>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
-                            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                                size: PropTypes.Requireable<string>;
-                                'aria-label': PropTypes.Requireable<string>;
-                                'data-name': PropTypes.Requireable<string>;
-                                icon: PropTypes.Requireable<string>;
-                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                                link: PropTypes.Requireable<PropTypes.InferProps<{
-                                    href: PropTypes.Requireable<string>;
-                                    download: PropTypes.Requireable<boolean>;
-                                    target: PropTypes.Requireable<string>;
+                            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                label: PropTypes.Requireable<string>;
+                                ariaLabel: PropTypes.Requireable<string>;
+                                dataName: PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    position: PropTypes.Requireable<string>;
+                                    type: PropTypes.Requireable<string>;
                                 }>>;
-                                disabled: PropTypes.Requireable<boolean>;
-                                className: PropTypes.Requireable<string>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
                             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                                 buttonAriaLabel: PropTypes.Requireable<string>;

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

@@ -182,19 +182,16 @@ declare namespace SlidePlayer {
                                     }>>;
                                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 }>>;
-                                buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                                    size: PropTypes.Requireable<string>;
-                                    'aria-label': PropTypes.Requireable<string>;
-                                    'data-name': PropTypes.Requireable<string>;
-                                    icon: PropTypes.Requireable<string>;
-                                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                                    link: PropTypes.Requireable<PropTypes.InferProps<{
-                                        href: PropTypes.Requireable<string>;
-                                        download: PropTypes.Requireable<boolean>;
-                                        target: PropTypes.Requireable<string>;
+                                secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                                    type: PropTypes.Requireable<string>;
+                                    label: PropTypes.Requireable<string>;
+                                    ariaLabel: PropTypes.Requireable<string>;
+                                    dataName: PropTypes.Requireable<string>;
+                                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                        position: PropTypes.Requireable<string>;
+                                        type: PropTypes.Requireable<string>;
                                     }>>;
-                                    disabled: PropTypes.Requireable<boolean>;
-                                    className: PropTypes.Requireable<string>;
+                                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
                                 }>>;
                                 bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                                     buttonAriaLabel: PropTypes.Requireable<string>;
@@ -429,19 +426,16 @@ declare namespace SlidePlayer {
                                 }>>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
-                            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                                size: PropTypes.Requireable<string>;
-                                'aria-label': PropTypes.Requireable<string>;
-                                'data-name': PropTypes.Requireable<string>;
-                                icon: PropTypes.Requireable<string>;
-                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                                link: PropTypes.Requireable<PropTypes.InferProps<{
-                                    href: PropTypes.Requireable<string>;
-                                    download: PropTypes.Requireable<boolean>;
-                                    target: PropTypes.Requireable<string>;
+                            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                label: PropTypes.Requireable<string>;
+                                ariaLabel: PropTypes.Requireable<string>;
+                                dataName: PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    position: PropTypes.Requireable<string>;
+                                    type: PropTypes.Requireable<string>;
                                 }>>;
-                                disabled: PropTypes.Requireable<boolean>;
-                                className: PropTypes.Requireable<string>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
                             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                                 buttonAriaLabel: PropTypes.Requireable<string>;

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

@@ -188,19 +188,16 @@ declare namespace SlidesPlayer {
                                 }>>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
-                            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                                size: PropTypes.Requireable<string>;
-                                'aria-label': PropTypes.Requireable<string>;
-                                'data-name': PropTypes.Requireable<string>;
-                                icon: PropTypes.Requireable<string>;
-                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                                link: PropTypes.Requireable<PropTypes.InferProps<{
-                                    href: PropTypes.Requireable<string>;
-                                    download: PropTypes.Requireable<boolean>;
-                                    target: PropTypes.Requireable<string>;
+                            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                label: PropTypes.Requireable<string>;
+                                ariaLabel: PropTypes.Requireable<string>;
+                                dataName: PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    position: PropTypes.Requireable<string>;
+                                    type: PropTypes.Requireable<string>;
                                 }>>;
-                                disabled: PropTypes.Requireable<boolean>;
-                                className: PropTypes.Requireable<string>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
                             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                                 buttonAriaLabel: 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

@@ -216,19 +216,16 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                                 }>>;
                                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
-                            buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
-                                size: PropTypes.Requireable<string>;
-                                'aria-label': PropTypes.Requireable<string>;
-                                'data-name': PropTypes.Requireable<string>;
-                                icon: PropTypes.Requireable<string>;
-                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                                link: PropTypes.Requireable<PropTypes.InferProps<{
-                                    href: PropTypes.Requireable<string>;
-                                    download: PropTypes.Requireable<boolean>;
-                                    target: PropTypes.Requireable<string>;
+                            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                                type: PropTypes.Requireable<string>;
+                                label: PropTypes.Requireable<string>;
+                                ariaLabel: PropTypes.Requireable<string>;
+                                dataName: PropTypes.Requireable<string>;
+                                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    position: PropTypes.Requireable<string>;
+                                    type: PropTypes.Requireable<string>;
                                 }>>;
-                                disabled: PropTypes.Requireable<boolean>;
-                                className: PropTypes.Requireable<string>;
+                                onClick: PropTypes.Requireable<(...args: any[]) => any>;
                             }>>;
                             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
                                 buttonAriaLabel: PropTypes.Requireable<string>;