@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/es/atom/difficulty-level/index.js

@@ -4,6 +4,7 @@ import classnames from 'classnames';
 import includes from 'lodash/fp/includes';
 import { NovaCompositionCoorpacademyLevel0, NovaCompositionCoorpacademyLevel1, NovaCompositionCoorpacademyLevel2, NovaCompositionCoorpacademyLevel3 } from '@coorpacademy/nova-icons';
 import style from './style.css';
+
 const Icon = ({
   level = 0
 }) => {
@@ -13,16 +14,19 @@ const Icon = ({
         className: style.icon,
         color: "#fff"
       });
+
     case 2:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel2, {
         className: style.icon,
         color: "#fff"
       });
+
     case 3:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel3, {
         className: style.icon,
         color: "#fff"
       });
+
     default:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel0, {
         className: style.icon,
@@ -30,9 +34,11 @@ const Icon = ({
       });
   }
 };
+
 Icon.propTypes = process.env.NODE_ENV !== "production" ? {
   level: PropTypes.oneOf([1, 2, 3])
 } : {};
+
 const DifficultyLevel = ({
   level,
   children
@@ -50,6 +56,7 @@ const DifficultyLevel = ({
 }), /*#__PURE__*/React.createElement("span", {
   className: style.text
 }, children)));
+
 DifficultyLevel.propTypes = process.env.NODE_ENV !== "production" ? {
   level: Icon.propTypes.level,
   children: PropTypes.string

package/es/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SACEC,iCAAiC,EACjCC,iCAAiC,EACjCC,iCAAiC,EACjCC,iCAAiC,QAC5B,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAC,CAAC,KAAK;EAC5B,QAAQA,KAAK;IACX,KAAK,CAAC;MACJ,oBAAO,oBAAC,iCAAiC;QAAC,SAAS,EAAEF,KAAK,CAACG,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF,KAAK,CAAC;MACJ,oBAAO,oBAAC,iCAAiC;QAAC,SAAS,EAAEH,KAAK,CAACG,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF,KAAK,CAAC;MACJ,oBAAO,oBAAC,iCAAiC;QAAC,SAAS,EAAEH,KAAK,CAACG,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;IAClF;MACE,oBAAO,oBAAC,iCAAiC;QAAC,SAAS,EAAEH,KAAK,CAACG,IAAK;QAAC,KAAK,EAAC;MAAM,EAAG;EAAC;AAEvF,CAAC;AAEDF,IAAI,CAACG,SAAS,2CAAG;EACfF,KAAK,EAAET,SAAS,CAACY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAClC,CAAC;AAED,MAAMC,eAAe,GAAG,CAAC;EAACJ,KAAK;EAAEK;AAAQ,CAAC,kBACxC;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAgB,gBACpC;EACE,SAAS,EAAEd,UAAU,CAAC;IACpB,CAACM,KAAK,CAACS,gBAAgB,GAAG,CAACd,QAAQ,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,CAACF,KAAK,CAACU,aAAa,GAAGR,KAAK,KAAK,CAAC;IAClC,CAACF,KAAK,CAACW,eAAe,GAAGT,KAAK,KAAK,CAAC;IACpC,CAACF,KAAK,CAACY,aAAa,GAAGV,KAAK,KAAK;EACnC,CAAC;AAAE,gBAEH,oBAAC,IAAI;EAAC,KAAK,EAAEA;AAAM,EAAG,eACtB;EAAM,SAAS,EAAEF,KAAK,CAACa;AAAK,GAAEN,QAAQ,CAAQ,CAC1C,CAET;AAEDD,eAAe,CAACF,SAAS,2CAAG;EAC1BF,KAAK,EAAED,IAAI,CAACG,SAAS,CAACF,KAAK;EAC3BK,QAAQ,EAAEd,SAAS,CAACqB;AACtB,CAAC;AAED,eAAeR,eAAe"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEF,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;EARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;EACfF,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACJ,KAAD;EAAQK;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EACE,SAAS,EAAEd,UAAU,CAAC;IACpB,CAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;IAEpB,CAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;IAGpB,CAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;IAIpB,CAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;EAJb,CAAD;AADvB,gBAQE,oBAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;EAC1BF,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;EAE1BK,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf"}

package/es/atom/drag-and-drop/index.js

@@ -1,7 +1,9 @@
 import _isEmpty from "lodash/fp/isEmpty";
 import _constant from "lodash/fp/constant";
 import _uniqueId from "lodash/fp/uniqueId";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidStatusClose as Close, NovaSolidFilesBasicFileUpload2 as FileUploadIcon, NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon } from '@coorpacademy/nova-icons';
@@ -10,7 +12,9 @@ import Loader from '../loader';
 import Button from '../button-link';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
+
 const constantNull = _constant(null);
+
 class DragAndDrop extends React.Component {
   constructor(props) {
     super(props);
@@ -20,18 +24,22 @@ class DragAndDrop extends React.Component {
     this.handleDragStart = this.handleDragStart.bind(this);
     this.handleDragStop = this.handleDragStop.bind(this);
   }
+
   handleDragStart() {
     this.setState({
       dragging: true
     });
   }
+
   handleDragStop() {
     this.setState({
       dragging: false
     });
   }
+
   render() {
     const idBox = _uniqueId('drop-box-');
+
     const {
       children = constantNull,
       title,
@@ -51,6 +59,7 @@ class DragAndDrop extends React.Component {
       dragging
     } = this.state;
     let previewView = null;
+
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/React.createElement("div", {
         className: style.preview
@@ -86,6 +95,7 @@ class DragAndDrop extends React.Component {
     } else {
       previewView = /*#__PURE__*/React.createElement("span", null, previewLabel);
     }
+
     const resetContent = previewContent && previewContent.src ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.resetUploadWrapper, disabled && style.disabled)
     }, /*#__PURE__*/React.createElement("div", {
@@ -97,6 +107,7 @@ class DragAndDrop extends React.Component {
       className: style.closeIcon,
       onClick: onReset
     }) : null) : null;
+
     const buildButton = () => {
       const defaultButtonProps = {
         label: uploadLabel,
@@ -107,6 +118,7 @@ class DragAndDrop extends React.Component {
           type: 'folders'
         }
       };
+
       if (dragging) {
         return null;
       } else if (error) {
@@ -118,6 +130,7 @@ class DragAndDrop extends React.Component {
         return /*#__PURE__*/React.createElement(Button, defaultButtonProps);
       }
     };
+
     const button = buildButton(dragging, error);
     const previewContainer = getClassState(style.previewContainer, style.modifiedPreviewContainer, null, modified, error);
     const inputWrapper = getClassState(style.inputWrapper, style.modifiedInputWrapper, style.errorInputWrapper, modified, error);
@@ -146,7 +159,9 @@ class DragAndDrop extends React.Component {
       className: classnames(style.errorMessage, disabled && style.disabled)
     }, error) : resetContent);
   }
+
 }
+
 DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,

package/es/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SACEC,oBAAoB,IAAIC,KAAK,EAC7BC,8BAA8B,IAAIC,cAAc,EAChDC,6BAA6B,IAAIC,qBAAqB,QACjD,0BAA0B;AACjC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,MAAM,MAAM,gBAAgB;AACnC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAG,UAAS,IAAI,CAAC;AAEnC,MAAMC,WAAW,SAASd,KAAK,CAACe,SAAS,CAAC;EAqBxCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MACXC,QAAQ,EAAE;IACZ,CAAC;IAED,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACD,IAAI,CAAC,IAAI,CAAC;EACtD;EAEAD,eAAe,GAAG;IAChB,IAAI,CAACG,QAAQ,CAAC;MACZJ,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;EAEAG,cAAc,GAAG;IACf,IAAI,CAACC,QAAQ,CAAC;MACZJ,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;EAEAK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,UAAS,WAAW,CAAC;IACnC,MAAM;MACJC,QAAQ,GAAGb,YAAY;MACvBc,KAAK;MACLC,WAAW;MACXC,WAAW;MACXC,YAAY,GAAG,EAAE;MACjBC,cAAc;MACdC,OAAO,GAAG,KAAK;MACfC,QAAQ,GAAG,KAAK;MAChBC,OAAO,GAAG,IAAI;MACdC,KAAK,GAAG,EAAE;MACVC,eAAe,GAAG,EAAE;MACpBC,gBAAgB,GAAG,EAAE;MACrBC,QAAQ,GAAG;IACb,CAAC,GAAG,IAAI,CAACrB,KAAK;IACd,MAAM;MAACE;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAE7B,IAAIqB,WAAW,GAAG,IAAI;IAEtB,IAAIR,cAAc,IAAIA,cAAc,CAACS,IAAI,KAAK,OAAO,EAAE;MACrDD,WAAW,gBACT;QAAK,SAAS,EAAE3B,KAAK,CAAC6B;MAAQ,gBAC5B;QAAK,GAAG,EAAEV,cAAc,CAACW;MAAI,EAAG,CAEnC;IACH,CAAC,MAAM,IAAIX,cAAc,IAAIA,cAAc,CAACS,IAAI,KAAK,OAAO,EAAE;MAC5DD,WAAW,gBACT;QAAK,SAAS,EAAE3B,KAAK,CAAC6B;MAAQ,gBAC5B;QAAO,QAAQ;QAAC,GAAG,EAAEV,cAAc,CAACW,GAAI;QAAC,IAAI,EAAC;MAAS,EAAG,CAE7D;IACH,CAAC,MAAM,IAAIV,OAAO,EAAE;MAClBO,WAAW,gBACT;QAAK,SAAS,EAAE3B,KAAK,CAAC+B;MAAc,gBAClC;QAAK,SAAS,EAAE/B,KAAK,CAACgC;MAAc,gBAClC,oBAAC,KAAK;QACJ,aAAU,oBAAoB;QAC9B,MAAM,EAAE,EAAG;QACX,KAAK,EAAE,EAAG;QACV,SAAS,EAAEhC,KAAK,CAACiC,SAAU;QAC3B,OAAO,EAAEX;MAAQ,EACjB,CACE,eACN;QAAK,SAAS,EAAEtB,KAAK,CAACkC;MAAO,gBAC3B,oBAAC,MAAM;QAAC,KAAK,EAAC;MAAc,EAAG,CAC3B,eACN;QAAM,SAAS,EAAElC,KAAK,CAACmC;MAAW,GAAC,WAAS,CAAO,CAEtD;IACH,CAAC,MAAM;MACLR,WAAW,gBAAG,kCAAOT,YAAY,CAAQ;IAC3C;IAEA,MAAMkB,YAAY,GAChBjB,cAAc,IAAIA,cAAc,CAACW,GAAG,gBAClC;MAAK,SAAS,EAAElC,UAAU,CAACI,KAAK,CAACqC,kBAAkB,EAAEX,QAAQ,IAAI1B,KAAK,CAAC0B,QAAQ;IAAE,gBAC/E;MAAK,SAAS,EAAE1B,KAAK,CAACsC;IAAc,GACjCnB,cAAc,CAACoB,KAAK,GAAGpB,cAAc,CAACoB,KAAK,GAAGpB,cAAc,CAACW,GAAG,CAC7D,EACLR,OAAO,gBACN,oBAAC,KAAK;MACJ,aAAU,oBAAoB;MAC9B,MAAM,EAAE,EAAG;MACX,KAAK,EAAE,EAAG;MACV,SAAS,EAAEtB,KAAK,CAACiC,SAAU;MAC3B,OAAO,EAAEX;IAAQ,EACjB,GACA,IAAI,CACJ,GACJ,IAAI;IAEV,MAAMkB,WAAW,GAAG,MAAM;MACxB,MAAMC,kBAAkB,GAAG;QACzBF,KAAK,EAAEtB,WAAW;QAClB,YAAY,EAAEO,eAAe;QAC7B,WAAW,EAAE,gBAAgB;QAC7BkB,IAAI,EAAE;UACJC,QAAQ,EAAE,MAAM;UAChBf,IAAI,EAAE;QACR;MACF,CAAC;MACD,IAAIrB,QAAQ,EAAE;QACZ,OAAO,IAAI;MACb,CAAC,MAAM,IAAIgB,KAAK,EAAE;QAChB,oBAAO,oBAAC,MAAM,eAAKkB,kBAAkB;UAAE,KAAK,EAAEhB,gBAAiB;UAAC,IAAI,EAAE,CAAC;QAAE,GAAG;MAC9E,CAAC,MAAM;QACL,oBAAO,oBAAC,MAAM,EAAKgB,kBAAkB,CAAI;MAC3C;IACF,CAAC;IAED,MAAMG,MAAM,GAAGJ,WAAW,CAACjC,QAAQ,EAAEgB,KAAK,CAAC;IAE3C,MAAMsB,gBAAgB,GAAG9C,aAAa,CACpCC,KAAK,CAAC6C,gBAAgB,EACtB7C,KAAK,CAAC8C,wBAAwB,EAC9B,IAAI,EACJzB,QAAQ,EACRE,KAAK,CACN;IACD,MAAMwB,YAAY,GAAGhD,aAAa,CAChCC,KAAK,CAAC+C,YAAY,EAClB/C,KAAK,CAACgD,oBAAoB,EAC1BhD,KAAK,CAACiD,iBAAiB,EACvB5B,QAAQ,EACRE,KAAK,CACN;IAED,oBACE;MAAK,SAAS,EAAEvB,KAAK,CAACkD,OAAQ;MAAC,aAAU;IAAuB,gBAC9D;MAAK,SAAS,EAAElD,KAAK,CAACe;IAAM,GAAEA,KAAK,CAAO,EACzC,CAAC,SAAQI,cAAc,CAAC,IAAIC,OAAO,gBAClC;MAAK,SAAS,EAAExB,UAAU,CAACiD,gBAAgB,EAAEnB,QAAQ,IAAI1B,KAAK,CAAC0B,QAAQ;IAAE,GACtEC,WAAW,CACR,gBAEN;MACE,SAAS,EAAE/B,UAAU,CACnBW,QAAQ,GAAGP,KAAK,CAACO,QAAQ,GAAGwC,YAAY,EACxCrB,QAAQ,IAAI1B,KAAK,CAAC0B,QAAQ,CAC1B;MACF,EAAE,EAAEb,KAAM;MACV,aAAU;IAAmB,gBAE7B;MAAK,SAAS,EAAEb,KAAK,CAACmD;IAAe,GAClC5B,KAAK,gBACJ,oBAAC,qBAAqB;MAAC,SAAS,EAAEvB,KAAK,CAACoD;IAAU,EAAG,gBAErD,oBAAC,cAAc;MAAC,SAAS,EAAEpD,KAAK,CAAC0C;IAAK,EACvC,EACA1B,WAAW,gBAAG;MAAK,SAAS,EAAEhB,KAAK,CAACgB;IAAY,GAAEA,WAAW,CAAO,GAAG,IAAI,EAC3EO,KAAK,GAAG,IAAI,gBAAG;MAAK,SAAS,EAAEvB,KAAK,CAACqD;IAAiB,GAAE,kBAAkB,CAAO,CAC9E,EACLT,MAAM,eACP,iCAAM9B,QAAQ,CAAC,IAAI,CAACN,eAAe,EAAE,IAAI,CAACE,cAAc,CAAC,CAAO,CAEnE,EACAa,KAAK,gBACJ;MAAM,SAAS,EAAE3B,UAAU,CAACI,KAAK,CAACsD,YAAY,EAAE5B,QAAQ,IAAI1B,KAAK,CAAC0B,QAAQ;IAAE,GACzEH,KAAK,CACD,GAEPa,YACD,CACG;EAEV;AACF;AAhMMlC,WAAW,CACRqD,SAAS,2CAAG;EACjBxC,KAAK,EAAE1B,SAAS,CAACmE,MAAM;EACvBxC,WAAW,EAAE3B,SAAS,CAACmE,MAAM;EAC7BvC,WAAW,EAAE5B,SAAS,CAACmE,MAAM;EAC7BtC,YAAY,EAAE7B,SAAS,CAACmE,MAAM;EAC9BrC,cAAc,EAAE9B,SAAS,CAACoE,KAAK,CAAC;IAC9B7B,IAAI,EAAEvC,SAAS,CAACmE,MAAM;IACtB1B,GAAG,EAAEzC,SAAS,CAACmE,MAAM;IACrBjB,KAAK,EAAElD,SAAS,CAACmE;EACnB,CAAC,CAAC;EACFpC,OAAO,EAAE/B,SAAS,CAACqE,IAAI;EACvBrC,QAAQ,EAAEhC,SAAS,CAACqE,IAAI;EACxBhC,QAAQ,EAAErC,SAAS,CAACqE,IAAI;EACxB5C,QAAQ,EAAEzB,SAAS,CAACsE,IAAI;EACxBrC,OAAO,EAAEjC,SAAS,CAACsE,IAAI;EACvBpC,KAAK,EAAElC,SAAS,CAACmE,MAAM;EACvBhC,eAAe,EAAEnC,SAAS,CAACmE,MAAM;EACjC/B,gBAAgB,EAAEpC,SAAS,CAACmE;AAC9B,CAAC;AA+KH,eAAetD,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    disabled: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = '',\n      disabled = false\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        ) : (\n          <div\n            className={classnames(\n              dragging ? style.dragging : inputWrapper,\n              disabled && style.disabled\n            )}\n            id={idBox}\n            data-name=\"drag-and-drop-box\"\n          >\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? (\n          <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n            {error}\n          </span>\n        ) : (\n          resetContent\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/es/atom/empty-search-result/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const EmptySearchResult = props => {
   const {
     firstMessage,
@@ -14,6 +15,7 @@ const EmptySearchResult = props => {
     className: style.secondMessage
   }, secondMessage));
 };
+
 EmptySearchResult.propTypes = process.env.NODE_ENV !== "production" ? {
   firstMessage: PropTypes.string.isRequired,
   secondMessage: PropTypes.string.isRequired

package/es/atom/empty-search-result/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","EmptySearchResult","props","firstMessage","secondMessage","container","propTypes","string","isRequired"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage} = props;\n  return (\n    <div className={style.container}>\n      <span className={style.firstMessage}>{firstMessage}</span>\n      <span className={style.secondMessage}>{secondMessage}</span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired\n};\n\nexport default EmptySearchResult;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAY;IAAEC;EAAa,CAAC,GAAGF,KAAK;EAC3C,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAU,gBAC9B;IAAM,SAAS,EAAEL,KAAK,CAACG;EAAa,GAAEA,YAAY,CAAQ,eAC1D;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAc,GAAEA,aAAa,CAAQ,CACxD;AAEV,CAAC;AAEDH,iBAAiB,CAACK,SAAS,2CAAG;EAC5BH,YAAY,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EACzCJ,aAAa,EAAEL,SAAS,CAACQ,MAAM,CAACC;AAClC,CAAC;AAED,eAAeP,iBAAiB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","EmptySearchResult","props","firstMessage","secondMessage","container","propTypes","string","isRequired"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage} = props;\n  return (\n    <div className={style.container}>\n      <span className={style.firstMessage}>{firstMessage}</span>\n      <span className={style.secondMessage}>{secondMessage}</span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired\n};\n\nexport default EmptySearchResult;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAD;IAAeC;EAAf,IAAgCF,KAAtC;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,gBACE;IAAM,SAAS,EAAEL,KAAK,CAACG;EAAvB,GAAsCA,YAAtC,CADF,eAEE;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAvB,GAAuCA,aAAvC,CAFF,CADF;AAMD,CARD;;AAUAH,iBAAiB,CAACK,SAAlB,2CAA8B;EAC5BH,YAAY,EAAEJ,SAAS,CAACQ,MAAV,CAAiBC,UADH;EAE5BJ,aAAa,EAAEL,SAAS,CAACQ,MAAV,CAAiBC;AAFJ,CAA9B;AAKA,eAAeP,iBAAf"}

package/es/atom/gradient/index.native.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
-export type Props = {
+export declare type Props = {
     children?: ReactNode;
     colors: Array<string>;
     transparencyPosition?: 'top' | 'bottom';

package/es/atom/gradient/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBA+BP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBA+BP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/atom/gradient/index.native.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import LinearGradient from 'react-native-linear-gradient';
 import Color from 'color';
+
 const Gradient = ({
   children,
   colors,
@@ -11,6 +12,7 @@ const Gradient = ({
   pointerEvents
 }) => {
   let calculatedColors = colors;
+
   if (colors.length === 1) {
     const {
       r,
@@ -19,15 +21,19 @@ const Gradient = ({
     } = Color(colors[0]).object();
     calculatedColors = transparencyPosition === 'top' ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]] : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];
   }
+
   const _style = [];
+
   if (style) {
     _style.push(style);
   }
+
   if (height) {
     _style.push({
       height
     });
   }
+
   return /*#__PURE__*/React.createElement(LinearGradient, {
     colors: calculatedColors,
     style: _style,
@@ -35,5 +41,6 @@ const Gradient = ({
     testID: testID
   }, children) || null;
 };
+
 export default Gradient;
 //# sourceMappingURL=index.native.js.map

package/es/atom/gradient/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AAEtC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAYzB,MAAMC,QAAQ,GAAG,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX,IAAIC,gBAAgB,GAAGN,MAAM;EAC7B,IAAIA,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IACvB,MAAM;MAACC,CAAC;MAAEC,CAAC;MAAEC;IAAC,CAAC,GAAGb,KAAK,CAACG,MAAM,CAAC,CAAC,CAAC,CAAC,CAACW,MAAM,EAAE;IAC3CL,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAK,EAAEV,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC,GACnD,CAACA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,EAAG,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAK,CAAC;EAC3D;EAEA,MAAME,MAAM,GAAG,EAAE;EAEjB,IAAIT,KAAK,EAAE;IACTS,MAAM,CAACC,IAAI,CAACV,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVU,MAAM,CAACC,IAAI,CAAC;MAACX;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACE,oBAAC,cAAc;IACb,MAAM,EAAEI,gBAAiB;IACzB,KAAK,EAAEM,MAAO;IACd,aAAa,EAAEP,aAAc;IAC7B,MAAM,EAAED;EAAO,GAEdL,QAAQ,CACM,IACd,IAAI;AAEb,CAAC;AAED,eAAeD,QAAQ"}
+{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","r","g","b","object","_style","push"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'color';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const {r, g, b} = Color(colors[0]).object();\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [`rgba(${r}, ${g}, ${b}, 0)`, colors[0], colors[0]]\n        : [colors[0], colors[0], `rgba(${r}, ${g}, ${b}, 0)`];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA+B,OAA/B;AAEA,OAAOC,cAAP,MAA2B,8BAA3B;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAYA,MAAMC,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,MAFgB;EAGhBC,oBAAoB,GAAG,KAHP;EAIhBC,MAJgB;EAKhBC,KALgB;EAMhBC,MANgB;EAOhBC;AAPgB,CAAD,KAQJ;EACX,IAAIC,gBAAgB,GAAGN,MAAvB;;EACA,IAAIA,MAAM,CAACO,MAAP,KAAkB,CAAtB,EAAyB;IACvB,MAAM;MAACC,CAAD;MAAIC,CAAJ;MAAOC;IAAP,IAAYb,KAAK,CAACG,MAAM,CAAC,CAAD,CAAP,CAAL,CAAiBW,MAAjB,EAAlB;IACAL,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAAE,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAAvB,EAA8BV,MAAM,CAAC,CAAD,CAApC,EAAyCA,MAAM,CAAC,CAAD,CAA/C,CADJ,GAEI,CAACA,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAwB,QAAOQ,CAAE,KAAIC,CAAE,KAAIC,CAAE,MAA7C,CAHN;EAID;;EAED,MAAME,MAAM,GAAG,EAAf;;EAEA,IAAIT,KAAJ,EAAW;IACTS,MAAM,CAACC,IAAP,CAAYV,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVU,MAAM,CAACC,IAAP,CAAY;MAACX;IAAD,CAAZ;EACD;;EAED,OACE,aACE,oBAAC,cAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEM,MAFT;IAGE,aAAa,EAAEP,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CAvCD;;AAyCA,eAAeD,QAAf"}

package/es/atom/header-back-button/index.native.d.ts

@@ -3,7 +3,7 @@ import { GestureResponderEvent } from 'react-native';
 export declare const HOME_ICON_HEIGHT = 20;
 export declare const CLOSE_ICON_HEIGHT = 16;
 export declare const BACK_ICON_HEIGHT = 20;
-export type Props = {
+export declare type Props = {
     type: 'close' | 'back' | 'home';
     color?: string;
     onPress?: (event: GestureResponderEvent) => void;

package/es/atom/header-back-button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/atom/header-back-button/index.native.js

@@ -7,6 +7,7 @@ import HeaderBackIcon from '../header-back-icon/index.native';
 export const HOME_ICON_HEIGHT = 20;
 export const CLOSE_ICON_HEIGHT = 16;
 export const BACK_ICON_HEIGHT = 20;
+
 const createStyleSheet = (theme, statusBarHeight) => StyleSheet.create({
   container: {
     paddingLeft: theme.spacing.base
@@ -20,6 +21,7 @@ const createStyleSheet = (theme, statusBarHeight) => StyleSheet.create({
     top: 0
   }
 });
+
 const HeaderBackButton = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -39,11 +41,14 @@ const HeaderBackButton = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme, statusBarHeight);
+
     setStylesheet(_stylesheet);
   }, [theme, statusBarHeight]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.container, isFloating && styleSheet.floating, isFloating && noSafeArea && styleSheet.noSafeArea]
   }, /*#__PURE__*/React.createElement(Touchable, {
@@ -64,5 +69,6 @@ const HeaderBackButton = props => {
     color: color
   }) : null));
 };
+
 export default HeaderBackButton;
 //# sourceMappingURL=index.native.js.map

package/es/atom/header-back-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaSolidPlacesPlacesHome2","HomeIcon","NovaSolidStatusClose","CloseIcon","useTemplateContext","Touchable","HeaderBackIcon","HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","styleSheet","setStylesheet","display","type","color","colors","white","onPress","isFloating","testID","_stylesheet"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,UAAU,QAAyC,cAAc;AAE/E,SACEC,0BAA0B,IAAIC,QAAQ,EACtCC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAC7E,OAAOC,SAAS,MAAM,kCAAkC;AACxD,OAAOC,cAAc,MAAM,kCAAkC;AAG7D,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAClC,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAiBlC,MAAMC,gBAAgB,GAAG,CAACC,KAAY,EAAEC,eAAuB,KAC7Db,UAAU,CAACc,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAEJ,KAAK,CAACK,OAAO,CAACC;EAC7B,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAER,KAAK,CAACK,OAAO,CAACC,IAAI;IAC9BG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAET;EACP,CAAC;EACDU,UAAU,EAAE;IACVD,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEJ,MAAME,gBAAgB,GAAIC,KAAY,IAAK;EACzC,MAAMC,eAAe,GAAGrB,kBAAkB,EAAE;EAC5C,MAAM,CAACsB,UAAU,EAAEC,aAAa,CAAC,GAAG/B,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IACJe,KAAK;IACLiB,OAAO,EAAE;MAAChB;IAAe;EAC3B,CAAC,GAAGa,eAAe;EAEnB,MAAM;IACJI,IAAI;IACJC,KAAK,GAAGnB,KAAK,CAACoB,MAAM,CAACC,KAAK;IAC1BC,OAAO;IACPC,UAAU,GAAG,IAAI;IACjBZ,UAAU,GAAG,KAAK;IAClBa,MAAM,GAAG;EACX,CAAC,GAAGX,KAAK;EAET3B,SAAS,CAAC,MAAM;IACd,MAAMuC,WAAW,GAAG1B,gBAAgB,CAACC,KAAK,EAAEC,eAAe,CAAC;IAC5De,aAAa,CAACS,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzB,KAAK,EAAEC,eAAe,CAAC,CAAC;EAE5B,IAAI,CAACc,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLA,UAAU,CAACZ,SAAS,EACpBoB,UAAU,IAAIR,UAAU,CAACR,QAAQ,EACjCgB,UAAU,IAAIZ,UAAU,IAAII,UAAU,CAACJ,UAAU;EACjD,gBAEF,oBAAC,SAAS;IAAC,MAAM,EAAEa,MAAO;IAAC,OAAO,EAAEF,OAAQ;IAAC,WAAW,EAAC;EAAc,GACpEJ,IAAI,KAAK,MAAM,gBACd,oBAAC,QAAQ;IAAC,MAAM,EAAEtB,gBAAiB;IAAC,KAAK,EAAEA,gBAAiB;IAAC,KAAK,EAAEuB;EAAM,EAAG,GAC3E,IAAI,EACPD,IAAI,KAAK,OAAO,gBACf,oBAAC,SAAS;IAAC,MAAM,EAAErB,iBAAkB;IAAC,KAAK,EAAEA,iBAAkB;IAAC,KAAK,EAAEsB;EAAM,EAAG,GAC9E,IAAI,EACPD,IAAI,KAAK,MAAM,gBACd,oBAAC,cAAc;IAAC,MAAM,EAAEpB,gBAAiB;IAAC,KAAK,EAAEA,gBAAiB;IAAC,KAAK,EAAEqB;EAAM,EAAG,GACjF,IAAI,CACE,CACP;AAEX,CAAC;AAED,eAAeP,gBAAgB"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","NovaSolidPlacesPlacesHome2","HomeIcon","NovaSolidStatusClose","CloseIcon","useTemplateContext","Touchable","HeaderBackIcon","HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","styleSheet","setStylesheet","display","type","color","colors","white","onPress","isFloating","testID","_stylesheet"],"sources":["../../../src/atom/header-back-button/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n  type: 'close' | 'back' | 'home';\n  color?: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  isFloating?: boolean;\n  noSafeArea?: boolean;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  floating: ViewStyle;\n  noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      paddingLeft: theme.spacing.base\n    },\n    floating: {\n      paddingTop: theme.spacing.base,\n      position: 'absolute',\n      top: statusBarHeight\n    },\n    noSafeArea: {\n      top: 0\n    }\n  });\n\nconst HeaderBackButton = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {\n    theme,\n    display: {statusBarHeight}\n  } = templateContext;\n\n  const {\n    type,\n    color = theme.colors.white,\n    onPress,\n    isFloating = true,\n    noSafeArea = false,\n    testID = 'default-header-back-button-test-id'\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, statusBarHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, statusBarHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        styleSheet.container,\n        isFloating && styleSheet.floating,\n        isFloating && noSafeArea && styleSheet.noSafeArea\n      ]}\n    >\n      <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n        {type === 'home' ? (\n          <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'close' ? (\n          <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n        ) : null}\n        {type === 'back' ? (\n          <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n        ) : null}\n      </Touchable>\n    </View>\n  );\n};\n\nexport default HeaderBackButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,QAAiE,cAAjE;AAEA,SACEC,0BAA0B,IAAIC,QADhC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AACA,OAAOC,cAAP,MAA2B,kCAA3B;AAGA,OAAO,MAAMC,gBAAgB,GAAG,EAAzB;AACP,OAAO,MAAMC,iBAAiB,GAAG,EAA1B;AACP,OAAO,MAAMC,gBAAgB,GAAG,EAAzB;;AAiBP,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,eAAf,KACvBb,UAAU,CAACc,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAEJ,KAAK,CAACK,OAAN,CAAcC;EADlB,CADK;EAIhBC,QAAQ,EAAE;IACRC,UAAU,EAAER,KAAK,CAACK,OAAN,CAAcC,IADlB;IAERG,QAAQ,EAAE,UAFF;IAGRC,GAAG,EAAET;EAHG,CAJM;EAShBU,UAAU,EAAE;IACVD,GAAG,EAAE;EADK;AATI,CAAlB,CADF;;AAeA,MAAME,gBAAgB,GAAIC,KAAD,IAAkB;EACzC,MAAMC,eAAe,GAAGrB,kBAAkB,EAA1C;EACA,MAAM,CAACsB,UAAD,EAAaC,aAAb,IAA8B/B,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IACJe,KADI;IAEJiB,OAAO,EAAE;MAAChB;IAAD;EAFL,IAGFa,eAHJ;EAKA,MAAM;IACJI,IADI;IAEJC,KAAK,GAAGnB,KAAK,CAACoB,MAAN,CAAaC,KAFjB;IAGJC,OAHI;IAIJC,UAAU,GAAG,IAJT;IAKJZ,UAAU,GAAG,KALT;IAMJa,MAAM,GAAG;EANL,IAOFX,KAPJ;EASA3B,SAAS,CAAC,MAAM;IACd,MAAMuC,WAAW,GAAG1B,gBAAgB,CAACC,KAAD,EAAQC,eAAR,CAApC;;IACAe,aAAa,CAACS,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzB,KAAD,EAAQC,eAAR,CAHM,CAAT;;EAKA,IAAI,CAACc,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLA,UAAU,CAACZ,SADN,EAELoB,UAAU,IAAIR,UAAU,CAACR,QAFpB,EAGLgB,UAAU,IAAIZ,UAAd,IAA4BI,UAAU,CAACJ,UAHlC;EADT,gBAOE,oBAAC,SAAD;IAAW,MAAM,EAAEa,MAAnB;IAA2B,OAAO,EAAEF,OAApC;IAA6C,WAAW,EAAC;EAAzD,GACGJ,IAAI,KAAK,MAAT,gBACC,oBAAC,QAAD;IAAU,MAAM,EAAEtB,gBAAlB;IAAoC,KAAK,EAAEA,gBAA3C;IAA6D,KAAK,EAAEuB;EAApE,EADD,GAEG,IAHN,EAIGD,IAAI,KAAK,OAAT,gBACC,oBAAC,SAAD;IAAW,MAAM,EAAErB,iBAAnB;IAAsC,KAAK,EAAEA,iBAA7C;IAAgE,KAAK,EAAEsB;EAAvE,EADD,GAEG,IANN,EAOGD,IAAI,KAAK,MAAT,gBACC,oBAAC,cAAD;IAAgB,MAAM,EAAEpB,gBAAxB;IAA0C,KAAK,EAAEA,gBAAjD;IAAmE,KAAK,EAAEqB;EAA1E,EADD,GAEG,IATN,CAPF,CADF;AAqBD,CA/CD;;AAiDA,eAAeP,gBAAf"}

package/es/atom/header-back-icon/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
-export type Props = {
+export declare type Props = {
     color?: string;
     height?: number;
     width?: number;

package/es/atom/header-back-icon/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,gBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,gBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/atom/header-back-icon/index.native.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { View } from 'react-native';
 import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const HeaderBackIcon = props => {
   const templateContext = useTemplateContext();
   const {
@@ -21,5 +22,6 @@ const HeaderBackIcon = props => {
     width: width
   }));
 };
+
 export default HeaderBackIcon;
 //# sourceMappingURL=index.native.js.map

package/es/atom/header-back-icon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","View","NovaCompositionNavigationArrowLeft","BackIcon","useTemplateContext","HeaderBackIcon","props","templateContext","theme","color","colors","gray","dark","height","width","style"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAkB,cAAc;AAC5C,SAAQC,kCAAkC,IAAIC,QAAQ,QAAO,0BAA0B;AACvF,SAAQC,kBAAkB,QAAO,4CAA4C;AAS7E,MAAMC,cAAc,GAAIC,KAAY,IAAK;EACvC,MAAMC,eAAe,GAAGH,kBAAkB,EAAE;EAC5C,MAAM;IAACI;EAAK,CAAC,GAAGD,eAAe;EAE/B,MAAM;IAACE,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAACC,IAAI;IAAEC,MAAM,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC;EAAK,CAAC,GAAGT,KAAK;EAE9E,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAES;EAAM,gBACjB,oBAAC,QAAQ;IAAC,KAAK,EAAEN,KAAM;IAAC,MAAM,EAAEI,MAAO;IAAC,KAAK,EAAEC;EAAM,EAAG,CACnD;AAEX,CAAC;AAED,eAAeT,cAAc"}
+{"version":3,"file":"index.native.js","names":["React","View","NovaCompositionNavigationArrowLeft","BackIcon","useTemplateContext","HeaderBackIcon","props","templateContext","theme","color","colors","gray","dark","height","width","style"],"sources":["../../../src/atom/header-back-icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, ViewStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  color?: string;\n  height?: number;\n  width?: number;\n  style?: ViewStyle;\n};\n\nconst HeaderBackIcon = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const {color = theme.colors.gray.dark, height = 16, width = 16, style} = props;\n\n  return (\n    <View style={style}>\n      <BackIcon color={color} height={height} width={width} />\n    </View>\n  );\n};\n\nexport default HeaderBackIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAA8B,cAA9B;AACA,SAAQC,kCAAkC,IAAIC,QAA9C,QAA6D,0BAA7D;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AASA,MAAMC,cAAc,GAAIC,KAAD,IAAkB;EACvC,MAAMC,eAAe,GAAGH,kBAAkB,EAA1C;EACA,MAAM;IAACI;EAAD,IAAUD,eAAhB;EAEA,MAAM;IAACE,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaC,IAAb,CAAkBC,IAA3B;IAAiCC,MAAM,GAAG,EAA1C;IAA8CC,KAAK,GAAG,EAAtD;IAA0DC;EAA1D,IAAmET,KAAzE;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAES;EAAb,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAEN,KAAjB;IAAwB,MAAM,EAAEI,MAAhC;IAAwC,KAAK,EAAEC;EAA/C,EADF,CADF;AAKD,CAXD;;AAaA,eAAeT,cAAf"}

package/es/atom/html/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
-export type Props = {
+export declare type Props = {
     children: string;
     fontSize?: TextStyle['fontSize'];
     numberOfLines?: number;

package/es/atom/html/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/atom/html/index.native.js

@@ -1,13 +1,16 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useMemo, useState } from 'react';
 import { View } from 'react-native';
 import RenderHTML from 'react-native-render-html';
 import { HTML_ANCHOR_TEXT_COLOR } from '../../variables/theme.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import Text, { DEFAULT_STYLE as DEFAULT_TEXT_STYLE } from '../text/index.native';
+
 const HtmlBase = props => {
   return /*#__PURE__*/React.createElement(RenderHTML, props);
 };
+
 const Html = props => {
   const templateContext = useTemplateContext();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState(false);
@@ -24,9 +27,8 @@ const Html = props => {
     anchorTextColor = HTML_ANCHOR_TEXT_COLOR,
     isTextCentered,
     numberOfLines
-  } = props;
+  } = props; // Don't use StyleSheet there, it's not a react style
 
-  // Don't use StyleSheet there, it's not a react style
   const styles = {
     p: {
       marginVertical: 0,
@@ -45,6 +47,7 @@ const Html = props => {
       textDecorationLine: 'line-through'
     }
   };
+
   const tagsStyles = _extends({}, styles, {
     h1: {
       fontSize
@@ -69,10 +72,12 @@ const Html = props => {
     },
     img: imageStyle || {}
   });
+
   let baseFontStyle = useMemo(() => _extends({}, DEFAULT_TEXT_STYLE, {
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);
+
   if (style) {
     if (Array.isArray(style)) {
       const styleObject = style.reduce((result, child) => _extends({}, result, child));
@@ -81,6 +86,7 @@ const Html = props => {
       baseFontStyle = _extends({}, baseFontStyle, style);
     }
   }
+
   const SpanRenderer = useCallback((htmlAttribs, _children) => /*#__PURE__*/React.createElement(Text, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -88,6 +94,7 @@ const Html = props => {
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
+
     return /*#__PURE__*/React.createElement(Text, {
       key: 1,
       style: _extends({}, baseFontStyle, {
@@ -102,8 +109,7 @@ const Html = props => {
   return /*#__PURE__*/React.createElement(View, {
     testID: testID,
     style: containerStyle
-  }, /*#__PURE__*/React.createElement(HtmlBase
-  // to text-align center on android
+  }, /*#__PURE__*/React.createElement(HtmlBase // to text-align center on android
   // we have to encapsulate between <p> tag
   // and use custom style define on <p>
   // definition in component style doesn't work
@@ -116,8 +122,7 @@ const Html = props => {
     baseFontStyle: _extends({}, baseFontStyle, {
       color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color
     }),
-    renderers: renderers
-    // this is exceptionally for the onboarding course
+    renderers: renderers // this is exceptionally for the onboarding course
     // is the only course that has a gif in the context but the img tag
     // comes with width & height attr and these makes this lib do not render the gif
     // so to avoid it, we decided to ignore these attr
@@ -126,5 +131,6 @@ const Html = props => {
     testID: "html-base"
   }));
 };
+
 export default Html;
 //# sourceMappingURL=index.native.js.map