@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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, NovaSolidFilesBasicFileLines as FileLinesIcon } 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,
@@ -60,6 +68,7 @@ class DragAndDrop extends React.Component {
       padding: '12px 24px',
       boxSizing: 'border-box'
     };
+
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/React.createElement("div", {
         className: style.preview
@@ -132,6 +141,7 @@ class DragAndDrop extends React.Component {
     } else {
       previewView = /*#__PURE__*/React.createElement("span", null, previewLabel);
     }
+
     const resetContent = previewContent && previewContent.src && !multiple ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.resetUploadWrapper, disabled && style.disabled)
     }, /*#__PURE__*/React.createElement("div", {
@@ -143,6 +153,7 @@ class DragAndDrop extends React.Component {
       className: style.closeIcon,
       onClick: onReset
     }) : null) : null;
+
     const buildButton = () => {
       const defaultButtonProps = {
         label: uploadLabel,
@@ -154,6 +165,7 @@ class DragAndDrop extends React.Component {
         },
         customStyle: customButtonStyle
       };
+
       if (dragging) {
         return null;
       } else if (error) {
@@ -165,9 +177,11 @@ class DragAndDrop extends React.Component {
         return /*#__PURE__*/React.createElement(Button, defaultButtonProps);
       }
     };
+
     const button = buildButton(dragging, error);
     const previewContainer = getClassState(multiple ? style.previewContainerMultiple : style.previewContainer, style.modifiedPreviewContainer, null, modified, error);
     const inputWrapper = getClassState(style.inputWrapper, style.modifiedInputWrapper, style.errorInputWrapper, modified, error);
+
     const buildContent = () => {
       if (loading) {
         return previewView;
@@ -193,6 +207,7 @@ class DragAndDrop extends React.Component {
         }, 'Drag & Drop here')), button, /*#__PURE__*/React.createElement("div", null, children(this.handleDragStart, this.handleDragStop)));
       }
     };
+
     const content = buildContent();
     return /*#__PURE__*/React.createElement("div", {
       className: style.wrapper,
@@ -203,7 +218,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","NovaSolidFilesBasicFileLines","FileLinesIcon","classnames","Loader","Button","getClassState","style","constantNull","_constant","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","height","closeIcon","onClick","loader","theme","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","_extends","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty","id","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","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  NovaSolidFilesBasicFileLines as FileLinesIcon\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    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\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      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\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 (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'csv') {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\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 && !multiple ? (\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        customStyle: customButtonStyle\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      multiple ? style.previewContainerMultiple : 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    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\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      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","NovaSolidFilesBasicFileLines","FileLinesIcon","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","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","preview","src","previewPdf","previewLabelPdf","href","target","download","position","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","customStyle","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","infosContainer","iconError","dragAndDropLabel","content","wrapper","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  NovaSolidFilesBasicFileLines as FileLinesIcon\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    pdfButtonLabel: PropTypes.string,\n    pdfButtonAriaLabel: PropTypes.string,\n    multiple: PropTypes.bool\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      pdfButtonLabel,\n      pdfButtonAriaLabel,\n      multiple\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    const customButtonStyle = {\n      width: 'auto',\n      maxWidth: '150px',\n      padding: '12px 24px',\n      boxSizing: 'border-box'\n    };\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 (previewContent && previewContent.type === 'pdf') {\n      previewView = (\n        <div className={style.previewPdf}>\n          <p className={style.previewLabelPdf}>{previewLabel}</p>\n          <Button\n            type=\"secondary\"\n            link={{href: previewContent.src, target: '_blank', download: false}}\n            label={pdfButtonLabel}\n            aria-label={pdfButtonAriaLabel}\n            data-name=\"default-button-pdf\"\n            icon={{\n              position: 'left',\n              type: 'pdf'\n            }}\n            customStyle={customButtonStyle}\n          />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'xlsx') {\n      previewView = (\n        <div className={style.previewXlsxContainer}>\n          <div className={style.previewXlsx}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'csv') {\n      previewView = (\n        <div className={style.preview}>\n          <div className={style.multiplePreview}>\n            <FileLinesIcon className={style.iconFile} />\n          </div>\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 && !multiple ? (\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        customStyle: customButtonStyle\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      multiple ? style.previewContainerMultiple : 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    const buildContent = () => {\n      if (loading) {\n        return previewView;\n      } else if (!isEmpty(previewContent)) {\n        return (\n          <div className={classnames(previewContainer, disabled && style.disabled)}>\n            {previewView}\n          </div>\n        );\n      } else {\n        return (\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      }\n    };\n\n    const content = buildContent();\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {content}\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,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,oBAAoB,IAAIC,KAD1B,EAEEC,8BAA8B,IAAIC,cAFpC,EAGEC,6BAA6B,IAAIC,qBAHnC,EAIEC,4BAA4B,IAAIC,aAJlC,QAKO,0BALP;AAMA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,gBAAnB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,UAAS,IAAT,CAArB;;AAEA,MAAMC,WAAN,SAA0BhB,KAAK,CAACiB,SAAhC,CAA0C;EAwBxCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,UAAS,WAAT,CAAd;;IACA,MAAM;MACJC,QAAQ,GAAGb,YADP;MAEJc,KAFI;MAGJC,WAHI;MAIJC,WAJI;MAKJC,YAAY,GAAG,EALX;MAMJC,cANI;MAOJC,OAAO,GAAG,KAPN;MAQJC,QAAQ,GAAG,KARP;MASJC,OAAO,GAAG,IATN;MAUJC,KAAK,GAAG,EAVJ;MAWJC,eAAe,GAAG,EAXd;MAYJC,gBAAgB,GAAG,EAZf;MAaJC,QAAQ,GAAG,KAbP;MAcJC,cAdI;MAeJC,kBAfI;MAgBJC;IAhBI,IAiBF,KAAKxB,KAjBT;IAkBA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIwB,WAAW,GAAG,IAAlB;IAEA,MAAMC,iBAAiB,GAAG;MACxBC,KAAK,EAAE,MADiB;MAExBC,QAAQ,EAAE,OAFc;MAGxBC,OAAO,EAAE,WAHe;MAIxBC,SAAS,EAAE;IAJa,CAA1B;;IAOA,IAAIhB,cAAc,IAAIA,cAAc,CAACiB,IAAf,KAAwB,OAA9C,EAAuD;MACrDN,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAACqC;MAAtB,gBACE;QAAK,GAAG,EAAElB,cAAc,CAACmB;MAAzB,EADF,CADF;IAKD,CAND,MAMO,IAAInB,cAAc,IAAIA,cAAc,CAACiB,IAAf,KAAwB,OAA9C,EAAuD;MAC5DN,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAACqC;MAAtB,gBACE;QAAO,QAAQ,MAAf;QAAgB,GAAG,EAAElB,cAAc,CAACmB,GAApC;QAAyC,IAAI,EAAC;MAA9C,EADF,CADF;IAKD,CANM,MAMA,IAAInB,cAAc,IAAIA,cAAc,CAACiB,IAAf,KAAwB,KAA9C,EAAqD;MAC1DN,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAACuC;MAAtB,gBACE;QAAG,SAAS,EAAEvC,KAAK,CAACwC;MAApB,GAAsCtB,YAAtC,CADF,eAEE,oBAAC,MAAD;QACE,IAAI,EAAC,WADP;QAEE,IAAI,EAAE;UAACuB,IAAI,EAAEtB,cAAc,CAACmB,GAAtB;UAA2BI,MAAM,EAAE,QAAnC;UAA6CC,QAAQ,EAAE;QAAvD,CAFR;QAGE,KAAK,EAAEhB,cAHT;QAIE,cAAYC,kBAJd;QAKE,aAAU,oBALZ;QAME,IAAI,EAAE;UACJgB,QAAQ,EAAE,MADN;UAEJR,IAAI,EAAE;QAFF,CANR;QAUE,WAAW,EAAEL;MAVf,EAFF,CADF;IAiBD,CAlBM,MAkBA,IAAIZ,cAAc,IAAIA,cAAc,CAACiB,IAAf,KAAwB,MAA9C,EAAsD;MAC3DN,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAAC6C;MAAtB,gBACE;QAAK,SAAS,EAAE7C,KAAK,CAAC8C;MAAtB,gBACE,oBAAC,aAAD;QAAe,SAAS,EAAE9C,KAAK,CAAC+C;MAAhC,EADF,CADF,CADF;IAOD,CARM,MAQA,IAAI5B,cAAc,IAAIA,cAAc,CAACiB,IAAf,KAAwB,KAA9C,EAAqD;MAC1DN,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAACqC;MAAtB,gBACE;QAAK,SAAS,EAAErC,KAAK,CAACgD;MAAtB,gBACE,oBAAC,aAAD;QAAe,SAAS,EAAEhD,KAAK,CAAC+C;MAAhC,EADF,CADF,CADF;IAOD,CARM,MAQA,IAAI3B,OAAJ,EAAa;MAClBU,WAAW,gBACT;QAAK,SAAS,EAAE9B,KAAK,CAACiD;MAAtB,gBACE;QAAK,SAAS,EAAEjD,KAAK,CAACkD;MAAtB,gBACE,oBAAC,KAAD;QACE,aAAU,oBADZ;QAEE,MAAM,EAAE,EAFV;QAGE,KAAK,EAAE,EAHT;QAIE,SAAS,EAAElD,KAAK,CAACmD,SAJnB;QAKE,OAAO,EAAE7B;MALX,EADF,CADF,eAUE;QAAK,SAAS,EAAEtB,KAAK,CAACoD;MAAtB,gBACE,oBAAC,MAAD;QAAQ,KAAK,EAAC;MAAd,EADF,CAVF,eAaE;QAAM,SAAS,EAAEpD,KAAK,CAACqD;MAAvB,eAbF,CADF;IAiBD,CAlBM,MAkBA;MACLvB,WAAW,gBAAG,kCAAOZ,YAAP,CAAd;IACD;;IAED,MAAMoC,YAAY,GAChBnC,cAAc,IAAIA,cAAc,CAACmB,GAAjC,IAAwC,CAACT,QAAzC,gBACE;MAAK,SAAS,EAAEjC,UAAU,CAACI,KAAK,CAACuD,kBAAP,EAA2B7B,QAAQ,IAAI1B,KAAK,CAAC0B,QAA7C;IAA1B,gBACE;MAAK,SAAS,EAAE1B,KAAK,CAACwD;IAAtB,GACGrC,cAAc,CAACsC,KAAf,GAAuBtC,cAAc,CAACsC,KAAtC,GAA8CtC,cAAc,CAACmB,GADhE,CADF,EAIGhB,OAAO,gBACN,oBAAC,KAAD;MACE,aAAU,oBADZ;MAEE,MAAM,EAAE,EAFV;MAGE,KAAK,EAAE,EAHT;MAIE,SAAS,EAAEtB,KAAK,CAACmD,SAJnB;MAKE,OAAO,EAAE7B;IALX,EADM,GAQJ,IAZN,CADF,GAeI,IAhBN;;IAkBA,MAAMoC,WAAW,GAAG,MAAM;MACxB,MAAMC,kBAAkB,GAAG;QACzBF,KAAK,EAAExC,WADkB;QAEzB,cAAcO,eAFW;QAGzB,aAAa,gBAHY;QAIzBoC,IAAI,EAAE;UACJhB,QAAQ,EAAE,MADN;UAEJR,IAAI,EAAE;QAFF,CAJmB;QAQzByB,WAAW,EAAE9B;MARY,CAA3B;;MAUA,IAAIxB,QAAJ,EAAc;QACZ,OAAO,IAAP;MACD,CAFD,MAEO,IAAIgB,KAAJ,EAAW;QAChB,oBAAO,oBAAC,MAAD,eAAYoC,kBAAZ;UAAgC,KAAK,EAAElC,gBAAvC;UAAyD,IAAI,EAAE;QAA/D,GAAP;MACD,CAFM,MAEA;QACL,oBAAO,oBAAC,MAAD,EAAYkC,kBAAZ,CAAP;MACD;IACF,CAlBD;;IAoBA,MAAMG,MAAM,GAAGJ,WAAW,CAACnD,QAAD,EAAWgB,KAAX,CAA1B;IAEA,MAAMwC,gBAAgB,GAAGhE,aAAa,CACpC8B,QAAQ,GAAG7B,KAAK,CAACgE,wBAAT,GAAoChE,KAAK,CAAC+D,gBADd,EAEpC/D,KAAK,CAACiE,wBAF8B,EAGpC,IAHoC,EAIpC5C,QAJoC,EAKpCE,KALoC,CAAtC;IAOA,MAAM2C,YAAY,GAAGnE,aAAa,CAChCC,KAAK,CAACkE,YAD0B,EAEhClE,KAAK,CAACmE,oBAF0B,EAGhCnE,KAAK,CAACoE,iBAH0B,EAIhC/C,QAJgC,EAKhCE,KALgC,CAAlC;;IAQA,MAAM8C,YAAY,GAAG,MAAM;MACzB,IAAIjD,OAAJ,EAAa;QACX,OAAOU,WAAP;MACD,CAFD,MAEO,IAAI,CAAC,SAAQX,cAAR,CAAL,EAA8B;QACnC,oBACE;UAAK,SAAS,EAAEvB,UAAU,CAACmE,gBAAD,EAAmBrC,QAAQ,IAAI1B,KAAK,CAAC0B,QAArC;QAA1B,GACGI,WADH,CADF;MAKD,CANM,MAMA;QACL,oBACE;UACE,SAAS,EAAElC,UAAU,CACnBW,QAAQ,GAAGP,KAAK,CAACO,QAAT,GAAoB2D,YADT,EAEnBxC,QAAQ,IAAI1B,KAAK,CAAC0B,QAFC,CADvB;UAKE,EAAE,EAAEb,KALN;UAME,aAAU;QANZ,gBAQE;UAAK,SAAS,EAAEb,KAAK,CAACsE;QAAtB,GACG/C,KAAK,gBACJ,oBAAC,qBAAD;UAAuB,SAAS,EAAEvB,KAAK,CAACuE;QAAxC,EADI,gBAGJ,oBAAC,cAAD;UAAgB,SAAS,EAAEvE,KAAK,CAAC4D;QAAjC,EAJJ,EAMG5C,WAAW,gBAAG;UAAK,SAAS,EAAEhB,KAAK,CAACgB;QAAtB,GAAoCA,WAApC,CAAH,GAA4D,IAN1E,EAOGO,KAAK,GAAG,IAAH,gBAAU;UAAK,SAAS,EAAEvB,KAAK,CAACwE;QAAtB,GAAyC,kBAAzC,CAPlB,CARF,EAiBGV,MAjBH,eAkBE,iCAAMhD,QAAQ,CAAC,KAAKN,eAAN,EAAuB,KAAKE,cAA5B,CAAd,CAlBF,CADF;MAsBD;IACF,CAjCD;;IAmCA,MAAM+D,OAAO,GAAGJ,YAAY,EAA5B;IAEA,oBACE;MAAK,SAAS,EAAErE,KAAK,CAAC0E,OAAtB;MAA+B,aAAU;IAAzC,gBACE;MAAK,SAAS,EAAE1E,KAAK,CAACe;IAAtB,GAA8BA,KAA9B,CADF,EAEG0D,OAFH,EAGGlD,KAAK,gBACJ;MAAM,SAAS,EAAE3B,UAAU,CAACI,KAAK,CAAC2E,YAAP,EAAqBjD,QAAQ,IAAI1B,KAAK,CAAC0B,QAAvC;IAA3B,GACGH,KADH,CADI,GAKJ+B,YARJ,CADF;EAaD;;AA3PuC;;AAApCpD,W,CACG0E,S,2CAAY;EACjB7D,KAAK,EAAE5B,SAAS,CAAC0F,MADA;EAEjB7D,WAAW,EAAE7B,SAAS,CAAC0F,MAFN;EAGjB5D,WAAW,EAAE9B,SAAS,CAAC0F,MAHN;EAIjB3D,YAAY,EAAE/B,SAAS,CAAC0F,MAJP;EAKjB1D,cAAc,EAAEhC,SAAS,CAAC2F,KAAV,CAAgB;IAC9B1C,IAAI,EAAEjD,SAAS,CAAC0F,MADc;IAE9BvC,GAAG,EAAEnD,SAAS,CAAC0F,MAFe;IAG9BpB,KAAK,EAAEtE,SAAS,CAAC0F;EAHa,CAAhB,CALC;EAUjBzD,OAAO,EAAEjC,SAAS,CAAC4F,IAVF;EAWjB1D,QAAQ,EAAElC,SAAS,CAAC4F,IAXH;EAYjBrD,QAAQ,EAAEvC,SAAS,CAAC4F,IAZH;EAajBjE,QAAQ,EAAE3B,SAAS,CAAC6F,IAbH;EAcjB1D,OAAO,EAAEnC,SAAS,CAAC6F,IAdF;EAejBzD,KAAK,EAAEpC,SAAS,CAAC0F,MAfA;EAgBjBrD,eAAe,EAAErC,SAAS,CAAC0F,MAhBV;EAiBjBpD,gBAAgB,EAAEtC,SAAS,CAAC0F,MAjBX;EAkBjBlD,cAAc,EAAExC,SAAS,CAAC0F,MAlBT;EAmBjBjD,kBAAkB,EAAEzC,SAAS,CAAC0F,MAnBb;EAoBjBhD,QAAQ,EAAE1C,SAAS,CAAC4F;AApBH,C;AA6PrB,eAAe7E,WAAf"}

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,
@@ -15,6 +16,7 @@ const EmptySearchResult = props => {
     className: isBulk ? style.secondMessageBulk : 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","isBulk","createElement","className","container","firstMessageBulk","secondMessageBulk","propTypes","process","env","NODE_ENV","string","isRequired","bool"],"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, isBulk = false} = props;\n  return (\n    <div className={style.container}>\n      <span className={isBulk ? style.firstMessageBulk : style.firstMessage}>{firstMessage}</span>\n      <span className={isBulk ? style.secondMessageBulk : style.secondMessage}>\n        {secondMessage}\n      </span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired,\n  isBulk: PropTypes.bool\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,aAAa;IAAEC,MAAM,GAAG;EAAK,CAAC,GAAGH,KAAK;EAC3D,oBACEJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAU,gBAC9BV,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAEF,MAAM,GAAGL,KAAK,CAACS,gBAAgB,GAAGT,KAAK,CAACG;EAAa,GAAEA,YAAmB,CAAC,eAC5FL,KAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAEF,MAAM,GAAGL,KAAK,CAACU,iBAAiB,GAAGV,KAAK,CAACI;EAAc,GACrEA,aACG,CACH,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BX,YAAY,EAAEJ,SAAS,CAACgB,MAAM,CAACC,UAAU;EACzCZ,aAAa,EAAEL,SAAS,CAACgB,MAAM,CAACC,UAAU;EAC1CX,MAAM,EAAEN,SAAS,CAACkB;AACpB,CAAC;AAED,eAAehB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","EmptySearchResult","props","firstMessage","secondMessage","isBulk","container","firstMessageBulk","secondMessageBulk","propTypes","string","isRequired","bool"],"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, isBulk = false} = props;\n  return (\n    <div className={style.container}>\n      <span className={isBulk ? style.firstMessageBulk : style.firstMessage}>{firstMessage}</span>\n      <span className={isBulk ? style.secondMessageBulk : style.secondMessage}>\n        {secondMessage}\n      </span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired,\n  isBulk: PropTypes.bool\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,aAAf;IAA8BC,MAAM,GAAG;EAAvC,IAAgDH,KAAtD;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAM,SAAS,EAAED,MAAM,GAAGL,KAAK,CAACO,gBAAT,GAA4BP,KAAK,CAACG;EAAzD,GAAwEA,YAAxE,CADF,eAEE;IAAM,SAAS,EAAEE,MAAM,GAAGL,KAAK,CAACQ,iBAAT,GAA6BR,KAAK,CAACI;EAA1D,GACGA,aADH,CAFF,CADF;AAQD,CAVD;;AAYAH,iBAAiB,CAACQ,SAAlB,2CAA8B;EAC5BN,YAAY,EAAEJ,SAAS,CAACW,MAAV,CAAiBC,UADH;EAE5BP,aAAa,EAAEL,SAAS,CAACW,MAAV,CAAiBC,UAFJ;EAG5BN,MAAM,EAAEN,SAAS,CAACa;AAHU,CAA9B;AAMA,eAAeX,iBAAf"}

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 'colorjs.io';
+
 const Gradient = ({
   children,
   colors,
@@ -11,21 +12,26 @@ const Gradient = ({
   pointerEvents
 }) => {
   let calculatedColors = colors;
+
   if (colors.length === 1) {
     const [raw] = colors;
     const transparent = new Color(raw).to('srgb');
     transparent.alpha = 0;
     calculatedColors = transparencyPosition === 'top' ? [transparent.toString(), raw, raw] : [raw, raw, transparent.toString()];
   }
+
   const _style = [];
+
   if (style) {
     _style.push(style);
   }
+
   if (height) {
     _style.push({
       height
     });
   }
+
   return /*#__PURE__*/React.createElement(LinearGradient, {
     colors: calculatedColors,
     style: _style,
@@ -33,5 +39,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","raw","transparent","to","alpha","toString","_style","push","createElement"],"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 'colorjs.io';\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 [raw] = colors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\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,YAAY;AAY9B,MAAMC,QAAQ,GAAGA,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,CAACC,GAAG,CAAC,GAAGR,MAAM;IACpB,MAAMS,WAAW,GAAG,IAAIZ,KAAK,CAACW,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBL,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAACQ,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIV,KAAK,EAAE;IACTU,MAAM,CAACC,IAAI,CAACX,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVW,MAAM,CAACC,IAAI,CAAC;MAACZ;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACEP,KAAA,CAAAoB,aAAA,CAACnB,cAAc;IACbI,MAAM,EAAEM,gBAAiB;IACzBH,KAAK,EAAEU,MAAO;IACdR,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC,IACd,IAAI;AAEb,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","raw","transparent","to","alpha","toString","_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 'colorjs.io';\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 [raw] = colors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\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,YAAlB;;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,CAACC,GAAD,IAAQR,MAAd;IACA,MAAMS,WAAW,GAAG,IAAIZ,KAAJ,CAAUW,GAAV,EAAeE,EAAf,CAAkB,MAAlB,CAApB;IACAD,WAAW,CAACE,KAAZ,GAAoB,CAApB;IAEAL,gBAAgB,GACdL,oBAAoB,KAAK,KAAzB,GACI,CAACQ,WAAW,CAACG,QAAZ,EAAD,EAAyBJ,GAAzB,EAA8BA,GAA9B,CADJ,GAEI,CAACA,GAAD,EAAMA,GAAN,EAAWC,WAAW,CAACG,QAAZ,EAAX,CAHN;EAID;;EAED,MAAMC,MAAM,GAAG,EAAf;;EAEA,IAAIV,KAAJ,EAAW;IACTU,MAAM,CAACC,IAAP,CAAYX,KAAZ;EACD;;EACD,IAAID,MAAJ,EAAY;IACVW,MAAM,CAACC,IAAP,CAAY;MAACZ;IAAD,CAAZ;EACD;;EAED,OACE,aACE,oBAAC,cAAD;IACE,MAAM,EAAEI,gBADV;IAEE,KAAK,EAAEO,MAFT;IAGE,aAAa,EAAER,aAHjB;IAIE,MAAM,EAAED;EAJV,GAMGL,QANH,CADF,IASK,IAVP;AAYD,CA1CD;;AA4CA,eAAeD,QAAf"}

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","createElement","style","analyticsID","height","width"],"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":"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","ignoreList":[]}
+{"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.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","createElement"],"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,CAAC,CAAC;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,oBACEN,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACc,KAAK,EAAEA;EAAM,gBACjBf,KAAA,CAAAgB,aAAA,CAACb,QAAQ;IAACM,KAAK,EAAEA,KAAM;IAACI,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,CAAE,CACnD,CAAC;AAEX,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}
+{"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.js

@@ -4,9 +4,11 @@ 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 from '../text/index.native';
+
 const HtmlBase = props => {
   return /*#__PURE__*/React.createElement(RenderHTML, props);
 };
+
 const Html = props => {
   const templateContext = useTemplateContext();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState(false);
@@ -23,9 +25,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,
@@ -44,8 +45,7 @@ const Html = props => {
       textDecorationLine: 'line-through'
     }
   };
-  const tagsStyles = {
-    ...styles,
+  const tagsStyles = { ...styles,
     h1: {
       fontSize
     },
@@ -73,23 +73,22 @@ const Html = props => {
     fontSize,
     color: theme.colors.black
   }), [fontSize, theme]);
+
   if (style) {
     if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => ({
-        ...result,
+      const styleObject = style.reduce((result, child) => ({ ...result,
         ...child
       }));
-      baseFontStyle = {
-        ...baseFontStyle,
+      baseFontStyle = { ...baseFontStyle,
         ...styleObject
       };
     } else {
-      baseFontStyle = {
-        ...baseFontStyle,
+      baseFontStyle = { ...baseFontStyle,
         ...style
       };
     }
   }
+
   const SpanRenderer = useCallback((htmlAttribs, _children) => /*#__PURE__*/React.createElement(Text, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -97,10 +96,10 @@ const Html = props => {
     if (htmlAttribs.color) {
       disableBaseFontStyleColor(true);
     }
+
     return /*#__PURE__*/React.createElement(Text, {
       key: 1,
-      style: {
-        ...baseFontStyle,
+      style: { ...baseFontStyle,
         color: htmlAttribs.color?.replace(/ /g, '')
       }
     }, _children);
@@ -112,8 +111,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
@@ -123,12 +121,10 @@ const Html = props => {
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
     tagsStyles: tagsStyles,
-    baseFontStyle: {
-      ...baseFontStyle,
+    baseFontStyle: { ...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
@@ -137,5 +133,6 @@ const Html = props => {
     testID: "html-base"
   }));
 };
+
 export default Html;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}

package/es/atom/icon/index.js

@@ -33,8 +33,7 @@ export const createGradientBackground = baseColor => {
   const endColor = convert(`color(${baseColor} lightness(81%))`);
   return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;
 };
-export const getForegroundColor = backgroundColor => convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);
-// set lightness to 32%
+export const getForegroundColor = backgroundColor => convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`); // set lightness to 32%
 
 const Icon = /*#__PURE__*/React.memo(function Icon({
   iconName,
@@ -58,8 +57,7 @@ const Icon = /*#__PURE__*/React.memo(function Icon({
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper,
-    style: {
-      ...iconWrapperStyle,
+    style: { ...iconWrapperStyle,
       ...customStyle
     }
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {