@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

package/es/atom/tooltip/index.js

@@ -16,7 +16,6 @@ const IconSizes = {
   small: 12,
   big: 20
 };
-
 const ToolTipWrapper = ({
   toolTipIsVisible,
   anchorId,
@@ -28,10 +27,10 @@ const ToolTipWrapper = ({
   usesAnchorElement,
   placement
 }) => {
-  const coorpToolTipClasses = classnames(style.toolTip, tooltipClassName, // eslint-disable-next-line no-nested-ternary
+  const coorpToolTipClasses = classnames(style.toolTip, tooltipClassName,
+  // eslint-disable-next-line no-nested-ternary
   usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip);
   if (!toolTipIsVisible) return null;
-
   if (anchorId) {
     return /*#__PURE__*/React.createElement(ReactTooltip, {
       id: anchorId,
@@ -50,7 +49,6 @@ const ToolTipWrapper = ({
     }, content);
   }
 };
-
 ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   toolTipIsVisible: PropTypes.bool,
   anchorId: PropTypes.string,
@@ -71,7 +69,6 @@ export const toggleStateOnKeyPress = (state, setState, ref) => event => {
     setState(false);
   }
 };
-
 const ToolTip = ({
   anchorId,
   TooltipContent,
@@ -94,9 +91,7 @@ const ToolTip = ({
     toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);
   }, [toolTipIsVisible]);
   const handleContentMouseOver = useCallback(() => {
-    mouseLeaveTimer &&
-    /* istanbul ignore next */
-    clearTimeout(mouseLeaveTimer);
+    mouseLeaveTimer && /* istanbul ignore next */clearTimeout(mouseLeaveTimer);
   }, [mouseLeaveTimer]);
   const handleMouseOver = useCallback(() => {
     mouseLeaveTimer && clearTimeout(mouseLeaveTimer);
@@ -149,7 +144,6 @@ const ToolTip = ({
     usesAnchorElement: !isNil(AnchorElement)
   }));
 };
-
 ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
   TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),
   'data-testid': PropTypes.string,

package/es/atom/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","classnames","PropTypes","ReactTooltip","isString","has","isNil","keys","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","FontSizes","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","placement","coorpToolTipClasses","toolTip","bigIconToolTip","smallIconToolTip","toolTipReact","propTypes","bool","string","isRequired","node","func","oneOf","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","tooltipIconContainer","informationIcon","tooltipContainer","oneOfType","number"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize,\n  tooltipClassName,\n  usesAnchorElement,\n  placement\n}) => {\n  const coorpToolTipClasses = classnames(\n    style.toolTip,\n    tooltipClassName,\n    // eslint-disable-next-line no-nested-ternary\n    usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n  );\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place={placement}\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={coorpToolTipClasses}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func,\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  tooltipClassName: PropTypes.string,\n  usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (!has('key', event)) return;\n  else if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14,\n  iconSize = 'small',\n  AnchorElement,\n  tooltipClassName,\n  placement = 'left'\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  const anchorElement = useMemo(\n    () =>\n      AnchorElement ? (\n        <AnchorElement onKeyDown={handleKeyPress} />\n      ) : (\n        <button\n          type=\"button\"\n          className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n          data-testid={dataTestId}\n          onKeyDown={handleKeyPress}\n          tabIndex={0}\n        >\n          <InformationIcon\n            className={style.informationIcon}\n            width={IconSizes[iconSize]}\n            height={IconSizes[iconSize]}\n            aria-label={ariaLabel}\n          />\n        </button>\n      ),\n    [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n  );\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n      placement={placement}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {anchorElement}\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n        iconSize={iconSize}\n        tooltipClassName={tooltipClassName}\n        usesAnchorElement={!isNil(AnchorElement)}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  // If using an Anchor element w/ the regular Tooltip\n  AnchorElement: PropTypes.func,\n  tooltipClassName: PropTypes.string,\n  //\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool,\n  placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ToolTip;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","classnames","PropTypes","ReactTooltip","isString","has","isNil","keys","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","FontSizes","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","placement","coorpToolTipClasses","toolTip","bigIconToolTip","smallIconToolTip","createElement","id","className","toolTipReact","place","effect","onMouseOver","propTypes","process","env","NODE_ENV","bool","string","isRequired","node","func","oneOf","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","onKeyDown","type","tooltipIconContainer","tabIndex","informationIcon","width","height","onMouseLeave","tooltipContainer","oneOfType","number"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize,\n  tooltipClassName,\n  usesAnchorElement,\n  placement\n}) => {\n  const coorpToolTipClasses = classnames(\n    style.toolTip,\n    tooltipClassName,\n    // eslint-disable-next-line no-nested-ternary\n    usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n  );\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place={placement}\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={coorpToolTipClasses}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func,\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  tooltipClassName: PropTypes.string,\n  usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (!has('key', event)) return;\n  else if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14,\n  iconSize = 'small',\n  AnchorElement,\n  tooltipClassName,\n  placement = 'left'\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  const anchorElement = useMemo(\n    () =>\n      AnchorElement ? (\n        <AnchorElement onKeyDown={handleKeyPress} />\n      ) : (\n        <button\n          type=\"button\"\n          className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n          data-testid={dataTestId}\n          onKeyDown={handleKeyPress}\n          tabIndex={0}\n        >\n          <InformationIcon\n            className={style.informationIcon}\n            width={IconSizes[iconSize]}\n            height={IconSizes[iconSize]}\n            aria-label={ariaLabel}\n          />\n        </button>\n      ),\n    [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n  );\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n      placement={placement}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {anchorElement}\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n        iconSize={iconSize}\n        tooltipClassName={tooltipClassName}\n        usesAnchorElement={!isNil(AnchorElement)}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  // If using an Anchor element w/ the regular Tooltip\n  AnchorElement: PropTypes.func,\n  tooltipClassName: PropTypes.string,\n  //\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool,\n  placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ToolTip;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/video-upload/index.js

@@ -1,10 +1,7 @@
-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 DragAndDrop from '../drag-and-drop';
 import style from './style.css';
-
 const VideoUpload = ({
   title,
   description,
@@ -34,10 +31,10 @@ const VideoUpload = ({
   onDrop: onDragStop,
   onDragLeave: onDragStop
 }));
-
-VideoUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, DragAndDrop.propTypes, {
+VideoUpload.propTypes = process.env.NODE_ENV !== "production" ? {
+  ...DragAndDrop.propTypes,
   name: PropTypes.string,
   onChange: PropTypes.func
-}) : {};
+} : {};
 export default VideoUpload;
 //# sourceMappingURL=index.js.map

package/es/atom/video-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","DragAndDrop","style","VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","onDragStart","onDragStop","input","propTypes","string","func"],"sources":["../../../src/atom/video-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragAndDrop from '../drag-and-drop';\nimport style from './style.css';\n\nconst VideoUpload = ({\n  title,\n  description,\n  previewLabel,\n  uploadLabel,\n  previewContent,\n  loading,\n  modified,\n  onChange,\n  name\n}) => (\n  <DragAndDrop\n    title={title}\n    description={description}\n    previewLabel={previewLabel}\n    uploadLabel={uploadLabel}\n    previewContent={previewContent}\n    loading={loading}\n    modified={modified}\n  >\n    {(onDragStart, onDragStop) => (\n      <input\n        type=\"file\"\n        name={name}\n        accept=\"video/*\"\n        disabled={loading}\n        className={style.input}\n        onChange={onChange}\n        onDragEnter={onDragStart}\n        onDrop={onDragStop}\n        onDragLeave={onDragStop}\n      />\n    )}\n  </DragAndDrop>\n);\n\nVideoUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default VideoUpload;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,WAJmB;EAKnBC,cALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QARmB;EASnBC;AATmB,CAAD,kBAWlB,oBAAC,WAAD;EACE,KAAK,EAAER,KADT;EAEE,WAAW,EAAEC,WAFf;EAGE,YAAY,EAAEC,YAHhB;EAIE,WAAW,EAAEC,WAJf;EAKE,cAAc,EAAEC,cALlB;EAME,OAAO,EAAEC,OANX;EAOE,QAAQ,EAAEC;AAPZ,GASG,CAACG,WAAD,EAAcC,UAAd,kBACC;EACE,IAAI,EAAC,MADP;EAEE,IAAI,EAAEF,IAFR;EAGE,MAAM,EAAC,SAHT;EAIE,QAAQ,EAAEH,OAJZ;EAKE,SAAS,EAAEP,KAAK,CAACa,KALnB;EAME,QAAQ,EAAEJ,QANZ;EAOE,WAAW,EAAEE,WAPf;EAQE,MAAM,EAAEC,UARV;EASE,WAAW,EAAEA;AATf,EAVJ,CAXF;;AAoCAX,WAAW,CAACa,SAAZ,wDACKf,WAAW,CAACe,SADjB;EAEEJ,IAAI,EAAEZ,SAAS,CAACiB,MAFlB;EAGEN,QAAQ,EAAEX,SAAS,CAACkB;AAHtB;AAMA,eAAef,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","DragAndDrop","style","VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","createElement","onDragStart","onDragStop","type","accept","disabled","className","input","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/atom/video-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragAndDrop from '../drag-and-drop';\nimport style from './style.css';\n\nconst VideoUpload = ({\n  title,\n  description,\n  previewLabel,\n  uploadLabel,\n  previewContent,\n  loading,\n  modified,\n  onChange,\n  name\n}) => (\n  <DragAndDrop\n    title={title}\n    description={description}\n    previewLabel={previewLabel}\n    uploadLabel={uploadLabel}\n    previewContent={previewContent}\n    loading={loading}\n    modified={modified}\n  >\n    {(onDragStart, onDragStop) => (\n      <input\n        type=\"file\"\n        name={name}\n        accept=\"video/*\"\n        disabled={loading}\n        className={style.input}\n        onChange={onChange}\n        onDragEnter={onDragStart}\n        onDrop={onDragStop}\n        onDragLeave={onDragStop}\n      />\n    )}\n  </DragAndDrop>\n);\n\nVideoUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default VideoUpload;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,kBAAkB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGA,CAAC;EACnBC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACCb,KAAA,CAAAc,aAAA,CAACZ,WAAW;EACVG,KAAK,EAAEA,KAAM;EACbC,WAAW,EAAEA,WAAY;EACzBC,YAAY,EAAEA,YAAa;EAC3BC,WAAW,EAAEA,WAAY;EACzBC,cAAc,EAAEA,cAAe;EAC/BC,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAEA;AAAS,GAElB,CAACI,WAAW,EAAEC,UAAU,kBACvBhB,KAAA,CAAAc,aAAA;EACEG,IAAI,EAAC,MAAM;EACXJ,IAAI,EAAEA,IAAK;EACXK,MAAM,EAAC,SAAS;EAChBC,QAAQ,EAAET,OAAQ;EAClBU,SAAS,EAAEjB,KAAK,CAACkB,KAAM;EACvBT,QAAQ,EAAEA,QAAS;EACnBU,WAAW,EAAEP,WAAY;EACzBQ,MAAM,EAAEP,UAAW;EACnBQ,WAAW,EAAER;AAAW,CACzB,CAEQ,CACd;AAEDZ,WAAW,CAACqB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtB,GAAG1B,WAAW,CAACuB,SAAS;EACxBZ,IAAI,EAAEZ,SAAS,CAAC4B,MAAM;EACtBjB,QAAQ,EAAEX,SAAS,CAAC6B;AACtB,CAAC;AAED,eAAe1B,WAAW","ignoreList":[]}

package/es/atom/wizard-steps/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './style.css';
-
 const WizardSteps = props => {
   const {
     steps
@@ -28,7 +27,6 @@ const WizardSteps = props => {
     className: style.container
   }, wizard);
 };
-
 WizardSteps.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,

package/es/atom/wizard-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","WizardSteps","props","steps","wizard","map","step","index","done","current","label","title","outerDot","dot","container","propTypes","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxC,oBACE;MACE,SAAS,EAAER,UAAU,CAACC,KAAK,CAACM,IAAP,EAAaA,IAAI,CAACE,IAAL,IAAaR,KAAK,CAACQ,IAAhC,EAAsCF,IAAI,CAACG,OAAL,IAAgBT,KAAK,CAACS,OAA5D,CADvB;MAEE,GAAG,EAAG,QAAOF,KAAM,EAFrB;MAGE,aAAWA,KAHb;MAIE,aAAWD,IAAI,CAACG,OAAL,GAAgB,QAAOF,KAAM,EAA7B,GAAkC,gBAAeA,KAAM;IAJpE,gBAME;MAAK,SAAS,EAAEP,KAAK,CAACU;IAAtB,gBACE;MAAK,SAAS,EAAEV,KAAK,CAACW,KAAtB;MAA6B,aAAY;IAAzC,GACGL,IAAI,CAACK,KADR,CADF,CANF,eAWE;MAAK,SAAS,EAAEX,KAAK,CAACY;IAAtB,gBACE;MAAK,SAAS,EAAEZ,KAAK,CAACa;IAAtB,OADF,CAXF,CADF;EAiBD,CAlBc,CAAf;EAoBA,oBAAO;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,GAAkCV,MAAlC,CAAP;AACD,CAxBD;;AA0BAH,WAAW,CAACc,SAAZ,2CAAwB;EACtBZ,KAAK,EAAEL,SAAS,CAACkB,OAAV,CACLlB,SAAS,CAACmB,KAAV,CAAgB;IACdN,KAAK,EAAEb,SAAS,CAACoB,MADH;IAEdV,IAAI,EAAEV,SAAS,CAACqB,IAFF;IAGdV,OAAO,EAAEX,SAAS,CAACqB;EAHL,CAAhB,CADK;AADe,CAAxB;AAUA,eAAelB,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","WizardSteps","props","steps","wizard","map","step","index","createElement","className","done","current","key","label","title","outerDot","dot","container","propTypes","process","env","NODE_ENV","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxC,oBACEV,KAAA,CAAAW,aAAA;MACEC,SAAS,EAAEV,UAAU,CAACC,KAAK,CAACM,IAAI,EAAEA,IAAI,CAACI,IAAI,IAAIV,KAAK,CAACU,IAAI,EAAEJ,IAAI,CAACK,OAAO,IAAIX,KAAK,CAACW,OAAO,CAAE;MAC1FC,GAAG,EAAE,QAAQL,KAAK,EAAG;MACrB,aAAWA,KAAM;MACjB,aAAWD,IAAI,CAACK,OAAO,GAAG,QAAQJ,KAAK,EAAE,GAAG,gBAAgBA,KAAK;IAAG,gBAEpEV,KAAA,CAAAW,aAAA;MAAKC,SAAS,EAAET,KAAK,CAACa;IAAM,gBAC1BhB,KAAA,CAAAW,aAAA;MAAKC,SAAS,EAAET,KAAK,CAACc,KAAM;MAAC,aAAW;IAAY,GACjDR,IAAI,CAACQ,KACH,CACF,CAAC,eACNjB,KAAA,CAAAW,aAAA;MAAKC,SAAS,EAAET,KAAK,CAACe;IAAS,gBAC7BlB,KAAA,CAAAW,aAAA;MAAKC,SAAS,EAAET,KAAK,CAACgB;IAAI,GAAC,GAAM,CAC9B,CACF,CAAC;EAEV,CAAC,CAAC;EAEF,oBAAOnB,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACiB;EAAU,GAAEb,MAAY,CAAC;AACxD,CAAC;AAEDH,WAAW,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBlB,KAAK,EAAEL,SAAS,CAACwB,OAAO,CACtBxB,SAAS,CAACyB,KAAK,CAAC;IACdT,KAAK,EAAEhB,SAAS,CAAC0B,MAAM;IACvBd,IAAI,EAAEZ,SAAS,CAAC2B,IAAI;IACpBd,OAAO,EAAEb,SAAS,CAAC2B;EACrB,CAAC,CACH;AACF,CAAC;AAED,eAAexB,WAAW","ignoreList":[]}

package/es/globals.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'css-color-function';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":""}
+{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'css-color-function';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":"","ignoreList":[]}

package/es/hoc/animation/index.js

@@ -31,7 +31,6 @@ export const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);
 export const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);
 export const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);
 export const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);
-
 class Animation extends React.Component {
   constructor(props) {
     super(props);
@@ -40,14 +39,12 @@ class Animation extends React.Component {
       requestID: null
     };
   }
-
   componentDidMount() {
     const {
       animated = false
     } = this.props;
     if (animated) this.startAnimation();
   }
-
   componentDidUpdate(prevProps) {
     const {
       animated: nextAnimated = false
@@ -58,11 +55,9 @@ class Animation extends React.Component {
     if (nextAnimated === prevAnimated) return;
     if (nextAnimated) this.startAnimation();else this.stopAnimation();
   }
-
   componentWillUnmount() {
     this.stopAnimation();
   }
-
   startAnimation() {
     this.setState(prevState => {
       const {
@@ -74,7 +69,6 @@ class Animation extends React.Component {
       };
     });
   }
-
   stopAnimation() {
     this.setState(prevState => {
       const {
@@ -87,7 +81,6 @@ class Animation extends React.Component {
       };
     });
   }
-
   tick(timestamp) {
     this.setState(prevState => {
       const {
@@ -113,14 +106,12 @@ class Animation extends React.Component {
       onAnimationEnd(name);
     });
   }
-
   getProgress(deltaDuration) {
     const {
       duration
     } = this.props;
     return deltaDuration / duration;
   }
-
   render() {
     const {
       bezier: fnBezier,
@@ -132,9 +123,7 @@ class Animation extends React.Component {
     const value = fnBezier(progress);
     return children(value);
   }
-
 }
-
 Animation.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string.isRequired,
   bezier: PropTypes.func.isRequired,

package/es/hoc/animation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","getProgress","onAnimationEnd","name","duration","render","fnBezier","children","value","propTypes","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","_min","getProgress","onAnimationEnd","_noop","name","duration","render","fnBezier","children","value","propTypes","process","env","NODE_ENV","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":"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","ignoreList":[]}

package/es/hoc/animation-scheduler/index.js

@@ -19,7 +19,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Animation from '../animation';
 import Transition from '../transition';
-
 const AnimationAdapter = ({
   animated,
   onAnimationEnd = _noop,
@@ -31,17 +30,14 @@ const AnimationAdapter = ({
     onAnimationEnd: () => onAnimationEnd(name)
   }));
 };
-
 AnimationAdapter.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string.isRequired,
   onAnimationEnd: PropTypes.func,
   animated: PropTypes.bool
 } : {};
-
 const pickByWithKey = _pickBy.convert({
   cap: true
 });
-
 const walker = (type, handler) => children => {
   return React.Children.map(children, (child, index) => {
     if (_isNil(child) || _isString(child)) return child;
@@ -50,7 +46,6 @@ const walker = (type, handler) => children => {
     return /*#__PURE__*/React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));
   });
 };
-
 const reduceChildren = fun => acc => children => {
   let newAcc = acc;
   React.Children.map(children, child => {
@@ -59,7 +54,6 @@ const reduceChildren = fun => acc => children => {
   });
   return newAcc;
 };
-
 const getAnimationNames = reduceChildren((acc, child) => {
   if (_isString(child)) return acc;
   const {
@@ -76,12 +70,10 @@ const getAnimationNames = reduceChildren((acc, child) => {
   } = child;
   return [name, ...acc, ...getAnimationNames(children)];
 })([]);
-
 const mergeAnimationStates = (animations, children) => {
   const names = getAnimationNames(children);
   return _pipe(pickByWithKey((value, key) => _includes(key, names)), _assign(_reduce((acc, name) => _set(name, false, acc), {}, names)))(animations);
 };
-
 class AnimationScheduler extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -94,7 +86,6 @@ class AnimationScheduler extends React.Component {
       animations: mergeAnimationStates(animations, children)
     };
   }
-
   constructor(props) {
     super(props);
     const {
@@ -104,29 +95,23 @@ class AnimationScheduler extends React.Component {
       animations: mergeAnimationStates({}, children)
     };
   }
-
   isAnimated(after) {
     if (_isNil(after)) return true;
     const {
       animations
     } = this.state;
-
     const isAnimated = _every(name => _getOr(false, name, animations), _isArray(after) ? after : [after]);
-
     return isAnimated;
   }
-
   handlerAnimationEnd(name) {
     this.setState(_set(['animations', name], true), () => {
       const hasPendingAnimation = _pipe(_get('state.animations'), _values, _some(_negate(_identity)))(this);
-
       const {
         onAnimationEnd = _noop
       } = this.props;
       if (!hasPendingAnimation) return onAnimationEnd();
     });
   }
-
   processAnimation(child) {
     const {
       animated: parentAnimated
@@ -144,16 +129,13 @@ class AnimationScheduler extends React.Component {
       }
     });
   }
-
   render() {
     const {
       children
     } = this.props;
     return _pipe(walker(Animation, this.processAnimation.bind(this)), walker(Transition, this.processAnimation.bind(this)), walker(AnimationAdapter, this.processAnimation.bind(this)))(children);
   }
-
 }
-
 AnimationScheduler.propTypes = process.env.NODE_ENV !== "production" ? {
   onAnimationEnd: PropTypes.func,
   animated: PropTypes.bool,

package/es/hoc/animation-scheduler/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Animation","Transition","AnimationAdapter","animated","onAnimationEnd","name","children","Children","map","child","cloneElement","propTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","mergeAnimationStates","animations","names","value","key","AnimationScheduler","Component","getDerivedStateFromProps","state","constructor","isAnimated","after","handlerAnimationEnd","setState","hasPendingAnimation","processAnimation","parentAnimated","render","bind","node"],"sources":["../../../src/hoc/animation-scheduler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  assign,\n  every,\n  getOr,\n  get,\n  includes,\n  isArray,\n  isNil,\n  isString,\n  noop,\n  pickBy,\n  some,\n  negate,\n  identity,\n  values,\n  pipe,\n  reduce,\n  set\n} from 'lodash/fp';\nimport Animation from '../animation';\nimport Transition from '../transition';\n\nconst AnimationAdapter = ({animated, onAnimationEnd = noop, name, children}) => {\n  return React.Children.map(children, child =>\n    React.cloneElement(child, {\n      animated,\n      onAnimationEnd: () => onAnimationEnd(name)\n    })\n  );\n};\n\nAnimationAdapter.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nconst pickByWithKey = pickBy.convert({cap: true});\n\nconst walker = (type, handler) => children => {\n  return React.Children.map(children, (child, index) => {\n    if (isNil(child) || isString(child)) return child;\n    const newChild = child.type === type ? handler(child) : child;\n    if (React.Children.count(newChild.props.children) === 0) return newChild;\n    return React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));\n  });\n};\n\nconst reduceChildren = fun => acc => children => {\n  let newAcc = acc;\n  React.Children.map(children, child => {\n    newAcc = fun(newAcc, child);\n    return child;\n  });\n  return newAcc;\n};\n\nconst getAnimationNames = reduceChildren((acc, child) => {\n  if (isString(child)) return acc;\n\n  const {\n    type,\n    props: {children}\n  } = child;\n  if (Animation !== type && Transition !== type && AnimationAdapter !== type)\n    return [...acc, ...getAnimationNames(children)];\n\n  const {\n    props: {name}\n  } = child;\n  return [name, ...acc, ...getAnimationNames(children)];\n})([]);\n\nconst mergeAnimationStates = (animations, children) => {\n  const names = getAnimationNames(children);\n\n  return pipe(\n    pickByWithKey((value, key) => includes(key, names)),\n    assign(reduce((acc, name) => set(name, false, acc), {}, names))\n  )(animations);\n};\n\nclass AnimationScheduler extends React.Component {\n  static propTypes = {\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {children} = props;\n    const {animations} = state;\n    return {\n      animations: mergeAnimationStates(animations, children)\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    const {children} = props;\n    this.state = {\n      animations: mergeAnimationStates({}, children)\n    };\n  }\n\n  isAnimated(after) {\n    if (isNil(after)) return true;\n\n    const {animations} = this.state;\n\n    const isAnimated = every(\n      name => getOr(false, name, animations),\n      isArray(after) ? after : [after]\n    );\n\n    return isAnimated;\n  }\n\n  handlerAnimationEnd(name) {\n    this.setState(set(['animations', name], true), () => {\n      const hasPendingAnimation = pipe(\n        get('state.animations'),\n        values,\n        some(negate(identity))\n      )(this);\n      const {onAnimationEnd = noop} = this.props;\n      if (!hasPendingAnimation) return onAnimationEnd();\n    });\n  }\n\n  processAnimation(child) {\n    const {animated: parentAnimated} = this.props;\n    const {animated, onAnimationEnd = noop, after} = child.props;\n\n    return React.cloneElement(child, {\n      animated: parentAnimated ? this.isAnimated(after) || animated : animated,\n      onAnimationEnd: name => {\n        this.handlerAnimationEnd(name);\n        return onAnimationEnd(name);\n      }\n    });\n  }\n\n  render() {\n    const {children} = this.props;\n    return pipe(\n      walker(Animation, this.processAnimation.bind(this)),\n      walker(Transition, this.processAnimation.bind(this)),\n      walker(AnimationAdapter, this.processAnimation.bind(this))\n    )(children);\n  }\n}\n\nexport default AnimationScheduler;\n\nexport {AnimationAdapter};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Animation","Transition","AnimationAdapter","animated","onAnimationEnd","_noop","name","children","Children","map","child","cloneElement","propTypes","process","env","NODE_ENV","string","isRequired","func","bool","pickByWithKey","_pickBy","convert","cap","walker","type","handler","index","_isNil","_isString","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","mergeAnimationStates","animations","names","_pipe","value","key","_includes","_assign","_reduce","_set","AnimationScheduler","Component","getDerivedStateFromProps","state","constructor","isAnimated","after","_every","_getOr","_isArray","handlerAnimationEnd","setState","hasPendingAnimation","_get","_values","_some","_negate","_identity","processAnimation","parentAnimated","render","bind","node"],"sources":["../../../src/hoc/animation-scheduler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  assign,\n  every,\n  getOr,\n  get,\n  includes,\n  isArray,\n  isNil,\n  isString,\n  noop,\n  pickBy,\n  some,\n  negate,\n  identity,\n  values,\n  pipe,\n  reduce,\n  set\n} from 'lodash/fp';\nimport Animation from '../animation';\nimport Transition from '../transition';\n\nconst AnimationAdapter = ({animated, onAnimationEnd = noop, name, children}) => {\n  return React.Children.map(children, child =>\n    React.cloneElement(child, {\n      animated,\n      onAnimationEnd: () => onAnimationEnd(name)\n    })\n  );\n};\n\nAnimationAdapter.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nconst pickByWithKey = pickBy.convert({cap: true});\n\nconst walker = (type, handler) => children => {\n  return React.Children.map(children, (child, index) => {\n    if (isNil(child) || isString(child)) return child;\n    const newChild = child.type === type ? handler(child) : child;\n    if (React.Children.count(newChild.props.children) === 0) return newChild;\n    return React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));\n  });\n};\n\nconst reduceChildren = fun => acc => children => {\n  let newAcc = acc;\n  React.Children.map(children, child => {\n    newAcc = fun(newAcc, child);\n    return child;\n  });\n  return newAcc;\n};\n\nconst getAnimationNames = reduceChildren((acc, child) => {\n  if (isString(child)) return acc;\n\n  const {\n    type,\n    props: {children}\n  } = child;\n  if (Animation !== type && Transition !== type && AnimationAdapter !== type)\n    return [...acc, ...getAnimationNames(children)];\n\n  const {\n    props: {name}\n  } = child;\n  return [name, ...acc, ...getAnimationNames(children)];\n})([]);\n\nconst mergeAnimationStates = (animations, children) => {\n  const names = getAnimationNames(children);\n\n  return pipe(\n    pickByWithKey((value, key) => includes(key, names)),\n    assign(reduce((acc, name) => set(name, false, acc), {}, names))\n  )(animations);\n};\n\nclass AnimationScheduler extends React.Component {\n  static propTypes = {\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {children} = props;\n    const {animations} = state;\n    return {\n      animations: mergeAnimationStates(animations, children)\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    const {children} = props;\n    this.state = {\n      animations: mergeAnimationStates({}, children)\n    };\n  }\n\n  isAnimated(after) {\n    if (isNil(after)) return true;\n\n    const {animations} = this.state;\n\n    const isAnimated = every(\n      name => getOr(false, name, animations),\n      isArray(after) ? after : [after]\n    );\n\n    return isAnimated;\n  }\n\n  handlerAnimationEnd(name) {\n    this.setState(set(['animations', name], true), () => {\n      const hasPendingAnimation = pipe(\n        get('state.animations'),\n        values,\n        some(negate(identity))\n      )(this);\n      const {onAnimationEnd = noop} = this.props;\n      if (!hasPendingAnimation) return onAnimationEnd();\n    });\n  }\n\n  processAnimation(child) {\n    const {animated: parentAnimated} = this.props;\n    const {animated, onAnimationEnd = noop, after} = child.props;\n\n    return React.cloneElement(child, {\n      animated: parentAnimated ? this.isAnimated(after) || animated : animated,\n      onAnimationEnd: name => {\n        this.handlerAnimationEnd(name);\n        return onAnimationEnd(name);\n      }\n    });\n  }\n\n  render() {\n    const {children} = this.props;\n    return pipe(\n      walker(Animation, this.processAnimation.bind(this)),\n      walker(Transition, this.processAnimation.bind(this)),\n      walker(AnimationAdapter, this.processAnimation.bind(this))\n    )(children);\n  }\n}\n\nexport default AnimationScheduler;\n\nexport {AnimationAdapter};\n"],"mappings":"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","ignoreList":[]}

package/es/hoc/modal/index.native.js

@@ -3,7 +3,6 @@ import { StyleSheet, View } from 'react-native';
 import HeaderBackButton from '../../atom/header-back-button/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 export const HEADER_HEIGHT = 64;
-
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     borderRadius: theme.radius.card,
@@ -43,7 +42,6 @@ const createStyleSheet = theme => StyleSheet.create({
     alignItems: 'center'
   }
 });
-
 const Modal = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -61,14 +59,11 @@ const Modal = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   const contentStyles = [styleSheet.content, contentStyle];
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container,
@@ -93,6 +88,5 @@ const Modal = props => {
     style: contentStyles
   }, children));
 };
-
 export default Modal;
 //# sourceMappingURL=index.native.js.map

package/es/hoc/modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","View","HeaderBackButton","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","borderRadius","radius","card","overflow","backgroundColor","colors","white","header","alignItems","justifyContent","paddingHorizontal","spacing","medium","height","content","paddingBottom","contentWithHeader","paddingTop","contentWithIcon","small","icon","marginTop","padding","thumbnail","alignSelf","iconContent","Modal","props","templateContext","styleSheet","setStylesheet","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","_stylesheet","contentStyles","gray","dark"],"sources":["../../../src/hoc/modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, View, ViewStyle} from 'react-native';\nimport HeaderBackButton from '../../atom/header-back-button/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  children: React.ReactNode;\n  headerBackgroundColor?: string;\n  iconBackgroundColor?: string;\n  renderIcon?: React.ReactNode;\n  contentStyle?: ViewStyle;\n  onClose: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\nexport const HEADER_HEIGHT = 64;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  content: ViewStyle;\n  contentWithHeader: ViewStyle;\n  contentWithIcon: ViewStyle;\n  icon: ViewStyle;\n  iconContent: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      borderRadius: theme.radius.card,\n      overflow: 'hidden',\n      backgroundColor: theme.colors.white\n    },\n    header: {\n      backgroundColor: theme.colors.white,\n      alignItems: 'flex-end',\n      justifyContent: 'center',\n      paddingHorizontal: theme.spacing.medium,\n      height: HEADER_HEIGHT\n    },\n    content: {\n      paddingHorizontal: theme.spacing.medium,\n      paddingBottom: theme.spacing.medium,\n      alignItems: 'center'\n    },\n    contentWithHeader: {\n      paddingTop: theme.spacing.medium\n    },\n    contentWithIcon: {\n      paddingTop: theme.spacing.small\n    },\n    icon: {\n      marginTop: -HEADER_HEIGHT * (3 / 4),\n      padding: 5,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.thumbnail,\n      alignSelf: 'center'\n    },\n    iconContent: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small,\n      borderRadius: theme.radius.thumbnail,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n  });\n\nconst Modal = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {\n    children,\n    headerBackgroundColor,\n    iconBackgroundColor,\n    renderIcon,\n    contentStyle,\n    onClose,\n    testID\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const contentStyles = [styleSheet.content, contentStyle];\n\n  return (\n    <View style={styleSheet.container} testID={testID}>\n      <View style={[styleSheet.header, {backgroundColor: headerBackgroundColor}]}>\n        <HeaderBackButton\n          color={theme.colors.gray.dark}\n          isFloating={false}\n          testID=\"close-modal\"\n          onPress={onClose}\n          type=\"close\"\n        />\n      </View>\n      {renderIcon ? (\n        <View style={styleSheet.icon}>\n          <View style={[styleSheet.iconContent, {backgroundColor: iconBackgroundColor}]}>\n            {renderIcon}\n          </View>\n        </View>\n      ) : null}\n      <View style={contentStyles}>{children}</View>\n    </View>\n  );\n};\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","View","HeaderBackButton","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","borderRadius","radius","card","overflow","backgroundColor","colors","white","header","alignItems","justifyContent","paddingHorizontal","spacing","medium","height","content","paddingBottom","contentWithHeader","paddingTop","contentWithIcon","small","icon","marginTop","padding","thumbnail","alignSelf","iconContent","Modal","props","templateContext","styleSheet","setStylesheet","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","_stylesheet","contentStyles","createElement","style","color","gray","dark","isFloating","onPress","type"],"sources":["../../../src/hoc/modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, View, ViewStyle} from 'react-native';\nimport HeaderBackButton from '../../atom/header-back-button/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  children: React.ReactNode;\n  headerBackgroundColor?: string;\n  iconBackgroundColor?: string;\n  renderIcon?: React.ReactNode;\n  contentStyle?: ViewStyle;\n  onClose: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\nexport const HEADER_HEIGHT = 64;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  content: ViewStyle;\n  contentWithHeader: ViewStyle;\n  contentWithIcon: ViewStyle;\n  icon: ViewStyle;\n  iconContent: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      borderRadius: theme.radius.card,\n      overflow: 'hidden',\n      backgroundColor: theme.colors.white\n    },\n    header: {\n      backgroundColor: theme.colors.white,\n      alignItems: 'flex-end',\n      justifyContent: 'center',\n      paddingHorizontal: theme.spacing.medium,\n      height: HEADER_HEIGHT\n    },\n    content: {\n      paddingHorizontal: theme.spacing.medium,\n      paddingBottom: theme.spacing.medium,\n      alignItems: 'center'\n    },\n    contentWithHeader: {\n      paddingTop: theme.spacing.medium\n    },\n    contentWithIcon: {\n      paddingTop: theme.spacing.small\n    },\n    icon: {\n      marginTop: -HEADER_HEIGHT * (3 / 4),\n      padding: 5,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.thumbnail,\n      alignSelf: 'center'\n    },\n    iconContent: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small,\n      borderRadius: theme.radius.thumbnail,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n  });\n\nconst Modal = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {\n    children,\n    headerBackgroundColor,\n    iconBackgroundColor,\n    renderIcon,\n    contentStyle,\n    onClose,\n    testID\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const contentStyles = [styleSheet.content, contentStyle];\n\n  return (\n    <View style={styleSheet.container} testID={testID}>\n      <View style={[styleSheet.header, {backgroundColor: headerBackgroundColor}]}>\n        <HeaderBackButton\n          color={theme.colors.gray.dark}\n          isFloating={false}\n          testID=\"close-modal\"\n          onPress={onClose}\n          type=\"close\"\n        />\n      </View>\n      {renderIcon ? (\n        <View style={styleSheet.icon}>\n          <View style={[styleSheet.iconContent, {backgroundColor: iconBackgroundColor}]}>\n            {renderIcon}\n          </View>\n        </View>\n      ) : null}\n      <View style={contentStyles}>{children}</View>\n    </View>\n  );\n};\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}