@coorpacademy/components 11.12.1 → 11.12.2

package/lib/atom/drag-and-drop/style.css

@@ -78,12 +78,31 @@
   background-color: white;
 }
 
-.preview img, video {
+.preview img,
+video {
   max-width: 100%;
   max-height: 100%;
   margin: auto;
 }
 
+.previewPdf {
+  composes: preview;
+  min-height: 150px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+}
+
+.previewLabelPdf {
+  text-align: center;
+  font-family: "Gilroy";
+  color: cm_grey_300;
+  padding: 0px 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 90%;
+  white-space: nowrap;
+}
 .infosContainer {
   width: 100%;
   height: 100%;
@@ -152,7 +171,7 @@
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
-  padding: 4px 8px;
+  padding: 8px 14px 8px 1px;
   font-size: 12px;
   font-weight: 400;
   position: relative;
@@ -164,9 +183,6 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-wrap: nowrap;
-  position: absolute;
-  left: 0;
-  right: 15px;
 }
 
 .closeIcon {

package/lib/atom/image-upload/index.d.ts

@@ -1,5 +1,5 @@
 export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
+declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -18,6 +18,8 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
+    pdfButtonLabel: any;
+    pdfButtonAriaLabel: any;
 }): JSX.Element;
 declare namespace ImageUpload {
     const propTypes: {
@@ -43,6 +45,8 @@ declare namespace ImageUpload {
         modified: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<(...args: any[]) => any>;
+        pdfButtonLabel: PropTypes.Requireable<string>;
+        pdfButtonAriaLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;;;gBAkFC"}

package/lib/atom/image-upload/index.js

@@ -5,12 +5,6 @@ exports.default = void 0;
 
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
 
-var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
-var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
-var _join2 = _interopRequireDefault(require("lodash/fp/join"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -43,21 +37,22 @@ const ImageUpload = ({
   onChange,
   onReset = null,
   name,
-  // See ImagePropType for accepted values
   labelLink,
   labelButtonLink,
   hrefLink,
+  // See ImagePropType for accepted values
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
-  errorButtonLabel
+  errorButtonLabel,
+  pdfButtonLabel,
+  pdfButtonAriaLabel
 }) => {
   const handleReset = (0, _react.useCallback)(e => {
     if ((0, _isNil2.default)(onReset)) return;
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
-  const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -74,11 +69,13 @@ const ImageUpload = ({
     error: error,
     disabled: disabled,
     buttonAriaLabel: buttonAriaLabel,
-    errorButtonLabel: errorButtonLabel
+    errorButtonLabel: errorButtonLabel,
+    pdfButtonLabel: pdfButtonLabel,
+    pdfButtonAriaLabel: pdfButtonAriaLabel
   }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
-    accept: acceptedImages,
+    accept: imageTypes,
     disabled: loading || disabled,
     className: _style.default.input,
     onChange: onChange,

package/lib/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACU,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEY,cAHV;IAIE,QAAQ,EAAEjB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC,gBAnBmB;EAoBnBC,cApBmB;EAqBnBC;AArBmB,CAAD,KAsBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMb,OAAN,CAAJ,EAAoB;IACpBa,CAAC,CAACC,cAAF;IACA,OAAOd,OAAO,CAACa,CAAD,CAAd;EACD,CALiB,EAMlB,CAACb,OAAD,CANkB,CAApB;EASA,MAAMe,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEc,WARX;IASE,KAAK,EAAEL,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC,gBAZpB;IAaE,cAAc,EAAEC,cAblB;IAcE,kBAAkB,EAAEC;EAdtB,GAgBG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAjBJ,CADF,EA+BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAzCN,CADF;AA6CD,CAlFD;;AAoFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

package/lib/atom/video-upload/index.d.ts

@@ -31,6 +31,8 @@ declare namespace VideoUpload {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
+        pdfButtonLabel: PropTypes.Requireable<string>;
+        pdfButtonAriaLabel: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/molecule/brand-form-group/index.d.ts

@@ -148,6 +148,8 @@ declare namespace BrandFormGroup {
             modified: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             children: PropTypes.Requireable<(...args: any[]) => any>;
+            pdfButtonLabel: PropTypes.Requireable<string>;
+            pdfButtonAriaLabel: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -266,6 +268,8 @@ declare namespace BrandFormGroup {
                     modified: PropTypes.Requireable<boolean>;
                     disabled: PropTypes.Requireable<boolean>;
                     children: PropTypes.Requireable<(...args: any[]) => any>;
+                    pdfButtonLabel: PropTypes.Requireable<string>;
+                    pdfButtonAriaLabel: PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;

package/lib/molecule/card/favorite.d.ts

@@ -1,6 +1,15 @@
 export default Favorite;
-declare class Favorite extends React.Component<any, any, any> {
-    static propTypes: {
+declare function Favorite({ favorite, addFavoriteToolTip, removeFavoriteToolTip, className, "aria-label": ariaLabel, onFavoriteClick, disabled }: {
+    favorite: any;
+    addFavoriteToolTip: any;
+    removeFavoriteToolTip: any;
+    className: any;
+    "aria-label"?: {} | undefined;
+    onFavoriteClick?: import("lodash/fp").LodashNoop | undefined;
+    disabled: any;
+}, legacyContext: any): JSX.Element;
+declare namespace Favorite {
+    const propTypes: {
         className: PropTypes.Requireable<string>;
         favorite: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
@@ -13,8 +22,8 @@ declare class Favorite extends React.Component<any, any, any> {
             removeFromFavorite: PropTypes.Requireable<string>;
         }>>;
     };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -35,11 +44,7 @@ declare class Favorite extends React.Component<any, any, any> {
                 [x: string]: any;
             }>;
         }>>;
-    };
-    constructor(props: any, context: any);
-    handleFavoviteClick(e: any): void;
-    render(): JSX.Element;
+    }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=favorite.d.ts.map

package/lib/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAWA;IACE;;;;;;;;;;;;MAYE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAGC;IAED,kCAKC;IAED,sBAoDC;CACF"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAWA;;;;;;;;oCAoEC"}

package/lib/molecule/card/favorite.js

@@ -9,7 +9,7 @@ var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -17,79 +17,66 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 var _favorite = _interopRequireDefault(require("./favorite.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-class Favorite extends _react.default.Component {
-  constructor(props, context) {
-    super(props, context);
-    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);
-  }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  handleFavoviteClick(e) {
-    const {
-      disabled,
-      onFavoriteClick = _noop2.default
-    } = this.props;
+const Favorite = ({
+  favorite,
+  addFavoriteToolTip,
+  removeFavoriteToolTip,
+  className,
+  'aria-label': ariaLabel = {},
+  onFavoriteClick = _noop2.default,
+  disabled
+}, legacyContext) => {
+  const skin = (0, _provider.GetSkinFromContext)(legacyContext);
+  const handleFavoriteClick = (0, _react.useCallback)(e => {
     e.stopPropagation();
     e.preventDefault();
     if (!disabled) onFavoriteClick(e);
-  }
-
-  render() {
-    const {
-      skin
-    } = this.context;
-    const {
-      favorite,
-      addFavoriteToolTip,
-      removeFavoriteToolTip,
-      className,
-      'aria-label': ariaLabel = {}
-    } = this.props;
-    const primaryColor = (0, _get2.default)('common.primary', skin);
-    const darkColor = (0, _get2.default)('common.dark', skin);
-    const brandColor = (0, _get2.default)('common.brand', skin);
-    const toolTipView = !(0, _isEmpty2.default)(removeFavoriteToolTip) && !(0, _isEmpty2.default)(addFavoriteToolTip) ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _favorite.default.showToolTip
-    }, /*#__PURE__*/_react.default.createElement("span", null, favorite ? removeFavoriteToolTip : addFavoriteToolTip)) : null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _favorite.default.blocFavorite
-    }, toolTipView, /*#__PURE__*/_react.default.createElement("div", {
-      "data-name": "favorite",
-      "aria-label": ariaLabel.favorite,
-      className: (0, _classnames.default)(_favorite.default.favorite, className, favorite && _favorite.default.selected),
-      onClick: this.handleFavoviteClick,
-      style: {
-        color: primaryColor
-      }
-    }, favorite ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-      className: _favorite.default.checkIcon,
-      style: {
-        color: brandColor
-      },
-      width: 13,
-      height: 13,
-      "aria-label": ariaLabel.removeFromFavorite
-    }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
-      className: _favorite.default.moreIcon,
-      style: {
-        color: darkColor
-      },
-      width: 13,
-      height: 13,
-      "aria-label": ariaLabel.addToFavorite
-    })));
-  }
-
-}
-
-Favorite.contextTypes = {
-  skin: _provider.default.childContextTypes.skin
+  }, [disabled, onFavoriteClick]);
+  const primaryColor = (0, _get2.default)('common.primary', skin);
+  const darkColor = (0, _get2.default)('common.dark', skin);
+  const brandColor = (0, _get2.default)('common.brand', skin);
+  const toolTipView = (0, _react.useMemo)(() => !(0, _isEmpty2.default)(removeFavoriteToolTip) && !(0, _isEmpty2.default)(addFavoriteToolTip) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _favorite.default.showToolTip
+  }, /*#__PURE__*/_react.default.createElement("span", null, favorite ? removeFavoriteToolTip : addFavoriteToolTip)) : null, [addFavoriteToolTip, favorite, removeFavoriteToolTip]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _favorite.default.blocFavorite
+  }, toolTipView, /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "favorite",
+    "aria-label": ariaLabel.favorite,
+    className: (0, _classnames.default)(_favorite.default.favorite, className, favorite && _favorite.default.selected),
+    onClick: handleFavoriteClick,
+    style: {
+      color: primaryColor
+    }
+  }, favorite ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
+    className: _favorite.default.checkIcon,
+    style: {
+      color: brandColor
+    },
+    width: 13,
+    height: 13,
+    "aria-label": ariaLabel.removeFromFavorite
+  }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
+    className: _favorite.default.moreIcon,
+    style: {
+      color: darkColor
+    },
+    width: 13,
+    height: 13,
+    "aria-label": ariaLabel.addToFavorite
+  })));
 };
+
 Favorite.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   favorite: _propTypes.default.bool,
@@ -103,6 +90,9 @@ Favorite.propTypes = process.env.NODE_ENV !== "production" ? {
     removeFromFavorite: _propTypes.default.string
   })
 } : {};
+Favorite.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 var _default = Favorite;
 exports.default = _default;
 //# sourceMappingURL=favorite.js.map

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              style={{color: brandColor}}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              style={{color: darkColor}}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}
+{"version":3,"file":"favorite.js","names":["Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","disabled","legacyContext","skin","GetSkinFromContext","handleFavoriteClick","useCallback","e","stopPropagation","preventDefault","primaryColor","darkColor","brandColor","toolTipView","useMemo","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","propTypes","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const toolTipView = useMemo(\n    () =>\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null,\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip]\n  );\n\n  return (\n    <div className={style.blocFavorite}>\n      {toolTipView}\n      <div\n        data-name=\"favorite\"\n        aria-label={ariaLabel.favorite}\n        className={classnames(style.favorite, className, favorite && style.selected)}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n      >\n        {favorite ? (\n          <CheckIcon\n            className={style.checkIcon}\n            style={{color: brandColor}}\n            width={13}\n            height={13}\n            aria-label={ariaLabel.removeFromFavorite}\n          />\n        ) : (\n          <MoreIcon\n            className={style.moreIcon}\n            style={{color: darkColor}}\n            width={13}\n            height={13}\n            aria-label={ariaLabel.addToFavorite}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Favorite;\n"],"mappings":"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"}

package/lib/molecule/drag-and-drop-wrapper/index.d.ts

@@ -25,6 +25,8 @@ declare namespace DragAndDropWrapper {
             modified: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             children: PropTypes.Requireable<(...args: any[]) => any>;
+            pdfButtonLabel: PropTypes.Requireable<string>;
+            pdfButtonAriaLabel: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
         'data-name': PropTypes.Requireable<string>;
     };

package/lib/molecule/drag-and-drop-wrapper/style.css

@@ -10,5 +10,5 @@
 .dragAndDrop {
   margin-right: 16px;
   width: 202px;
-  height: 183px;
+  min-height: 183px;
 }

package/lib/molecule/setup-slide/index.d.ts

@@ -105,6 +105,8 @@ declare namespace SetupSlide {
             modified: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             children: PropTypes.Requireable<(...args: any[]) => any>;
+            pdfButtonLabel: PropTypes.Requireable<string>;
+            pdfButtonAriaLabel: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;

package/lib/molecule/setup-slider/index.d.ts

@@ -118,6 +118,8 @@ declare namespace SetupSlider {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -65,6 +65,8 @@ declare namespace TitleAndCheckBoxWrapper {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
             'data-name': PropTypes.Requireable<string>;
         }> | null | undefined>>;

package/lib/organism/brand-form/index.d.ts

@@ -178,6 +178,8 @@ declare namespace BrandForm {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -296,6 +298,8 @@ declare namespace BrandForm {
                         modified: PropTypes.Requireable<boolean>;
                         disabled: PropTypes.Requireable<boolean>;
                         children: PropTypes.Requireable<(...args: any[]) => any>;
+                        pdfButtonLabel: PropTypes.Requireable<string>;
+                        pdfButtonAriaLabel: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         title: PropTypes.Validator<string>;

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

@@ -31,6 +31,7 @@ declare namespace ListItem {
         title: PropTypes.Validator<string>;
         order: PropTypes.Requireable<number>;
         'aria-label': PropTypes.Requireable<string>;
+        contentType: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

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

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

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

@@ -27,7 +27,8 @@ const ListItem = props => {
     tags,
     title,
     order,
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    contentType
   } = props;
 
   const tagsView = _map2.default.convert({
@@ -42,7 +43,7 @@ const ListItem = props => {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
-  }, isPublished ? /*#__PURE__*/_react.default.createElement("div", {
+  }, isPublished && contentType === 'certification' ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.orderWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.order,
@@ -89,7 +90,8 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   title: _propTypes.default.string.isRequired,
   order: _propTypes.default.number,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  contentType: _propTypes.default.string
 } : {};
 var _default = ListItem;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","tagsView","convert","cap","tag","index","type","style","wrapper","orderWrapper","settings","edit","propTypes","PropTypes","shape","buttonAriaLabel","string","menuAriaLabel","buttons","arrayOf","label","onClick","func","dataName","icon","position","oneOf","isRequired","number"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport style from './style.css';\n\nconst ListItem = props => {\n  let isPublished = false;\n  const {bulletPointMenuButton, buttonLink, tags, title, order, 'aria-label': ariaLabel} = props;\n\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'published';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n  return (\n    <div className={style.wrapper}>\n      {isPublished ? (\n        <div className={style.orderWrapper}>\n          <div className={style.order} aria-label={ariaLabel}>\n            {order + 1}\n          </div>\n          <div className={style.title} title={title}>\n            {title}\n          </div>\n        </div>\n      ) : (\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n      )}\n      <div className={style.settings}>\n        {tagsView}\n        <div className={style.edit}>\n          <ButtonLink {...buttonLink} />\n        </div>\n        <BulletPointMenuButton {...bulletPointMenuButton} />\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\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  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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ListItem","props","isPublished","bulletPointMenuButton","buttonLink","tags","title","order","ariaLabel","contentType","tagsView","convert","cap","tag","index","type","style","wrapper","orderWrapper","settings","edit","propTypes","PropTypes","shape","buttonAriaLabel","string","menuAriaLabel","buttons","arrayOf","label","onClick","func","dataName","icon","position","oneOf","isRequired","number"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport style from './style.css';\n\nconst ListItem = props => {\n  let isPublished = false;\n  const {\n    bulletPointMenuButton,\n    buttonLink,\n    tags,\n    title,\n    order,\n    'aria-label': ariaLabel,\n    contentType\n  } = props;\n  const tagsView = map.convert({cap: false})((tag, index) => {\n    isPublished = tag.type === 'published';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} />\n      </div>\n    );\n  })(tags);\n  return (\n    <div className={style.wrapper}>\n      {isPublished && contentType === 'certification' ? (\n        <div className={style.orderWrapper}>\n          <div className={style.order} aria-label={ariaLabel}>\n            {order + 1}\n          </div>\n          <div className={style.title} title={title}>\n            {title}\n          </div>\n        </div>\n      ) : (\n        <div className={style.title} title={title}>\n          {title}\n        </div>\n      )}\n      <div className={style.settings}>\n        {tagsView}\n        <div className={style.edit}>\n          <ButtonLink {...buttonLink} />\n        </div>\n        <BulletPointMenuButton {...bulletPointMenuButton} />\n      </div>\n    </div>\n  );\n};\n\nListItem.propTypes = {\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  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  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 export default ListItems;
-declare function ListItems({ title, buttonLink, items, "aria-label": ariaLabel }: {
+declare function ListItems({ title, buttonLink, items, "aria-label": ariaLabel, contentType }: {
     title: any;
     buttonLink: any;
     items: any;
     "aria-label": any;
+    contentType: any;
 }): JSX.Element;
 declare namespace ListItems {
     const propTypes: {
@@ -58,8 +59,10 @@ declare namespace ListItems {
             title: PropTypes.Validator<string>;
             order: PropTypes.Requireable<number>;
             'aria-label': PropTypes.Requireable<string>;
+            contentType: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
         title: PropTypes.Requireable<string>;
+        contentType: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/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":";AAOA;;;;;gBAsBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAOA;;;;;;gBAsBC"}