@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","style","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","handleKeyPress","useCallback","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\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=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\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};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  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}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\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    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\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  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","style","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","handleKeyPress","useCallback","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\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=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\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};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  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}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\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    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\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  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dragAndDrop = _interopRequireDefault(require("../drag-and-drop"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const VideoUpload = ({
   title,
   description,
@@ -37,6 +44,7 @@ const VideoUpload = ({
   onDrop: onDragStop,
   onDragLeave: onDragStop
 }));
+
 VideoUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dragAndDrop.default.propTypes, {
   name: _propTypes.default.string,
   onChange: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","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;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,WAAW,GAAG,CAAC;EACnBC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACC,6BAAC,oBAAW;EACV,KAAK,EAAER,KAAM;EACb,WAAW,EAAEC,WAAY;EACzB,YAAY,EAAEC,YAAa;EAC3B,WAAW,EAAEC,WAAY;EACzB,cAAc,EAAEC,cAAe;EAC/B,OAAO,EAAEC,OAAQ;EACjB,QAAQ,EAAEC;AAAS,GAElB,CAACG,WAAW,EAAEC,UAAU,kBACvB;EACE,IAAI,EAAC,MAAM;EACX,IAAI,EAAEF,IAAK;EACX,MAAM,EAAC,SAAS;EAChB,QAAQ,EAAEH,OAAQ;EAClB,SAAS,EAAEM,cAAK,CAACC,KAAM;EACvB,QAAQ,EAAEL,QAAS;EACnB,WAAW,EAAEE,WAAY;EACzB,MAAM,EAAEC,UAAW;EACnB,WAAW,EAAEA;AAAW,EAE3B,CAEJ;AAEDX,WAAW,CAACc,SAAS,wDAChBC,oBAAW,CAACD,SAAS;EACxBL,IAAI,EAAEO,kBAAS,CAACC,MAAM;EACtBT,QAAQ,EAAEQ,kBAAS,CAACE;AAAI;AACxB,eAEalB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","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;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,WAJmB;EAKnBC,cALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QARmB;EASnBC;AATmB,CAAD,kBAWlB,6BAAC,oBAAD;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,EAAEM,cAAA,CAAMC,KALnB;EAME,QAAQ,EAAEL,QANZ;EAOE,WAAW,EAAEE,WAPf;EAQE,MAAM,EAAEC,UARV;EASE,WAAW,EAAEA;AATf,EAVJ,CAXF;;AAoCAX,WAAW,CAACc,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEEL,IAAI,EAAEO,kBAAA,CAAUC,MAFlB;EAGET,QAAQ,EAAEQ,kBAAA,CAAUE;AAHtB;eAMelB,W"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const WizardSteps = props => {
   const {
     steps
@@ -32,6 +38,7 @@ const WizardSteps = props => {
     className: _style.default.container
   }, wizard);
 };
+
 WizardSteps.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["WizardSteps","props","steps","wizard","map","step","index","classnames","style","done","current","label","title","outerDot","dot","container","propTypes","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;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,oBACE;MACE,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACH,IAAI,EAAEA,IAAI,CAACI,IAAI,IAAID,cAAK,CAACC,IAAI,EAAEJ,IAAI,CAACK,OAAO,IAAIF,cAAK,CAACE,OAAO,CAAE;MAC1F,GAAG,EAAG,QAAOJ,KAAM,EAAE;MACrB,aAAWA,KAAM;MACjB,aAAWD,IAAI,CAACK,OAAO,GAAI,QAAOJ,KAAM,EAAC,GAAI,gBAAeA,KAAM;IAAE,gBAEpE;MAAK,SAAS,EAAEE,cAAK,CAACG;IAAM,gBAC1B;MAAK,SAAS,EAAEH,cAAK,CAACI,KAAM;MAAC,aAAY;IAAW,GACjDP,IAAI,CAACO,KAAK,CACP,CACF,eACN;MAAK,SAAS,EAAEJ,cAAK,CAACK;IAAS,gBAC7B;MAAK,SAAS,EAAEL,cAAK,CAACM;IAAI,GAAC,GAAC,CAAM,CAC9B,CACF;EAEV,CAAC,CAAC;EAEF,oBAAO;IAAK,SAAS,EAAEN,cAAK,CAACO;EAAU,GAAEZ,MAAM,CAAO;AACxD,CAAC;AAEDH,WAAW,CAACgB,SAAS,2CAAG;EACtBd,KAAK,EAAEe,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdP,KAAK,EAAEK,kBAAS,CAACG,MAAM;IACvBX,IAAI,EAAEQ,kBAAS,CAACI,IAAI;IACpBX,OAAO,EAAEO,kBAAS,CAACI;EACrB,CAAC,CAAC;AAEN,CAAC;AAAC,eAEarB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["WizardSteps","props","steps","wizard","map","step","index","classnames","style","done","current","label","title","outerDot","dot","container","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMH,IAAjB,EAAuBA,IAAI,CAACI,IAAL,IAAaD,cAAA,CAAMC,IAA1C,EAAgDJ,IAAI,CAACK,OAAL,IAAgBF,cAAA,CAAME,OAAtE,CADb;MAEE,GAAG,EAAG,QAAOJ,KAAM,EAFrB;MAGE,aAAWA,KAHb;MAIE,aAAWD,IAAI,CAACK,OAAL,GAAgB,QAAOJ,KAAM,EAA7B,GAAkC,gBAAeA,KAAM;IAJpE,gBAME;MAAK,SAAS,EAAEE,cAAA,CAAMG;IAAtB,gBACE;MAAK,SAAS,EAAEH,cAAA,CAAMI,KAAtB;MAA6B,aAAY;IAAzC,GACGP,IAAI,CAACO,KADR,CADF,CANF,eAWE;MAAK,SAAS,EAAEJ,cAAA,CAAMK;IAAtB,gBACE;MAAK,SAAS,EAAEL,cAAA,CAAMM;IAAtB,OADF,CAXF,CADF;EAiBD,CAlBc,CAAf;EAoBA,oBAAO;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,GAAkCZ,MAAlC,CAAP;AACD,CAxBD;;AA0BAH,WAAW,CAACgB,SAAZ,2CAAwB;EACtBd,KAAK,EAAEe,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdP,KAAK,EAAEK,kBAAA,CAAUG,MADH;IAEdX,IAAI,EAAEQ,kBAAA,CAAUI,IAFF;IAGdX,OAAO,EAAEO,kBAAA,CAAUI;EAHL,CAAhB,CADK;AADe,CAAxB;eAUerB,W"}

package/lib/hoc/animation/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = exports.SWIFT_OUT = exports.LINEAR = exports.EASE_OUT_SINE = exports.EASE_OUT_QUINT = exports.EASE_OUT_QUART = exports.EASE_OUT_QUAD = exports.EASE_OUT_EXPO = exports.EASE_OUT_CUBIC = exports.EASE_OUT_CIRC = exports.EASE_OUT_BACK = exports.EASE_IN_SINE = exports.EASE_IN_QUINT = exports.EASE_IN_QUART = exports.EASE_IN_QUAD = exports.EASE_IN_OUT_SINE = exports.EASE_IN_OUT_QUINT = exports.EASE_IN_OUT_QUART = exports.EASE_IN_OUT_QUAD = exports.EASE_IN_OUT_EXPO = exports.EASE_IN_OUT_CUBIC = exports.EASE_IN_OUT_CIRC = exports.EASE_IN_OUT_BACK = exports.EASE_IN_EXPO = exports.EASE_IN_CUBIC = exports.EASE_IN_CIRC = exports.EASE_IN_BACK = exports.BOUNCE = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _min2 = _interopRequireDefault(require("lodash/fp/min"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cubicBezier = _interopRequireDefault(require("cubic-bezier"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const EPSILON = 1000;
 const LINEAR = (0, _cubicBezier.default)(0, 0, 1, 1, EPSILON);
 exports.LINEAR = LINEAR;
@@ -63,6 +70,7 @@ const SWIFT_OUT = (0, _cubicBezier.default)(0.55, 0, 0.1, 1, EPSILON);
 exports.SWIFT_OUT = SWIFT_OUT;
 const BOUNCE = (0, _cubicBezier.default)(0.65, 1.95, 0.03, 0.3, EPSILON);
 exports.BOUNCE = BOUNCE;
+
 class Animation extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -71,12 +79,14 @@ class Animation extends _react.default.Component {
       requestID: null
     };
   }
+
   componentDidMount() {
     const {
       animated = false
     } = this.props;
     if (animated) this.startAnimation();
   }
+
   componentDidUpdate(prevProps) {
     const {
       animated: nextAnimated = false
@@ -87,9 +97,11 @@ class Animation extends _react.default.Component {
     if (nextAnimated === prevAnimated) return;
     if (nextAnimated) this.startAnimation();else this.stopAnimation();
   }
+
   componentWillUnmount() {
     this.stopAnimation();
   }
+
   startAnimation() {
     this.setState(prevState => {
       const {
@@ -101,6 +113,7 @@ class Animation extends _react.default.Component {
       };
     });
   }
+
   stopAnimation() {
     this.setState(prevState => {
       const {
@@ -113,6 +126,7 @@ class Animation extends _react.default.Component {
       };
     });
   }
+
   tick(timestamp) {
     this.setState(prevState => {
       const {
@@ -138,12 +152,14 @@ class Animation extends _react.default.Component {
       onAnimationEnd(name);
     });
   }
+
   getProgress(deltaDuration) {
     const {
       duration
     } = this.props;
     return deltaDuration / duration;
   }
+
   render() {
     const {
       bezier: fnBezier,
@@ -155,7 +171,9 @@ class Animation extends _react.default.Component {
     const value = fnBezier(progress);
     return children(value);
   }
+
 }
+
 Animation.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string.isRequired,
   bezier: _propTypes.default.func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EPSILON","LINEAR","bezier","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","React","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","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":["EPSILON","LINEAR","bezier","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","React","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","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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"}

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

@@ -2,28 +2,51 @@
 
 exports.__esModule = true;
 exports.default = exports.AnimationAdapter = void 0;
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _reduce2 = _interopRequireDefault(require("lodash/fp/reduce"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _values2 = _interopRequireDefault(require("lodash/fp/values"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _negate2 = _interopRequireDefault(require("lodash/fp/negate"));
+
 var _some2 = _interopRequireDefault(require("lodash/fp/some"));
+
 var _pickBy2 = _interopRequireDefault(require("lodash/fp/pickBy"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _isArray2 = _interopRequireDefault(require("lodash/fp/isArray"));
+
 var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _every2 = _interopRequireDefault(require("lodash/fp/every"));
+
 var _assign2 = _interopRequireDefault(require("lodash/fp/assign"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _animation = _interopRequireDefault(require("../animation"));
+
 var _transition = _interopRequireDefault(require("../transition"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnimationAdapter = ({
   animated,
   onAnimationEnd = _noop2.default,
@@ -35,15 +58,18 @@ const AnimationAdapter = ({
     onAnimationEnd: () => onAnimationEnd(name)
   }));
 };
+
 exports.AnimationAdapter = AnimationAdapter;
 AnimationAdapter.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string.isRequired,
   onAnimationEnd: _propTypes.default.func,
   animated: _propTypes.default.bool
 } : {};
+
 const pickByWithKey = _pickBy2.default.convert({
   cap: true
 });
+
 const walker = (type, handler) => children => {
   return _react.default.Children.map(children, (child, index) => {
     if ((0, _isNil2.default)(child) || (0, _isString2.default)(child)) return child;
@@ -52,14 +78,18 @@ const walker = (type, handler) => children => {
     return /*#__PURE__*/_react.default.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));
   });
 };
+
 const reduceChildren = fun => acc => children => {
   let newAcc = acc;
+
   _react.default.Children.map(children, child => {
     newAcc = fun(newAcc, child);
     return child;
   });
+
   return newAcc;
 };
+
 const getAnimationNames = reduceChildren((acc, child) => {
   if ((0, _isString2.default)(child)) return acc;
   const {
@@ -76,10 +106,12 @@ const getAnimationNames = reduceChildren((acc, child) => {
   } = child;
   return [name, ...acc, ...getAnimationNames(children)];
 })([]);
+
 const mergeAnimationStates = (animations, children) => {
   const names = getAnimationNames(children);
   return (0, _pipe2.default)(pickByWithKey((value, key) => (0, _includes2.default)(key, names)), (0, _assign2.default)((0, _reduce2.default)((acc, name) => (0, _set2.default)(name, false, acc), {}, names)))(animations);
 };
+
 class AnimationScheduler extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -92,6 +124,7 @@ class AnimationScheduler extends _react.default.Component {
       animations: mergeAnimationStates(animations, children)
     };
   }
+
   constructor(props) {
     super(props);
     const {
@@ -101,6 +134,7 @@ class AnimationScheduler extends _react.default.Component {
       animations: mergeAnimationStates({}, children)
     };
   }
+
   isAnimated(after) {
     if ((0, _isNil2.default)(after)) return true;
     const {
@@ -109,6 +143,7 @@ class AnimationScheduler extends _react.default.Component {
     const isAnimated = (0, _every2.default)(name => (0, _getOr2.default)(false, name, animations), (0, _isArray2.default)(after) ? after : [after]);
     return isAnimated;
   }
+
   handlerAnimationEnd(name) {
     this.setState((0, _set2.default)(['animations', name], true), () => {
       const hasPendingAnimation = (0, _pipe2.default)((0, _get2.default)('state.animations'), _values2.default, (0, _some2.default)((0, _negate2.default)(_identity2.default)))(this);
@@ -118,6 +153,7 @@ class AnimationScheduler extends _react.default.Component {
       if (!hasPendingAnimation) return onAnimationEnd();
     });
   }
+
   processAnimation(child) {
     const {
       animated: parentAnimated
@@ -135,13 +171,16 @@ class AnimationScheduler extends _react.default.Component {
       }
     });
   }
+
   render() {
     const {
       children
     } = this.props;
     return (0, _pipe2.default)(walker(_animation.default, this.processAnimation.bind(this)), walker(_transition.default, this.processAnimation.bind(this)), walker(AnimationAdapter, this.processAnimation.bind(this)))(children);
   }
+
 }
+
 AnimationScheduler.propTypes = process.env.NODE_ENV !== "production" ? {
   onAnimationEnd: _propTypes.default.func,
   animated: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AnimationAdapter","animated","onAnimationEnd","name","children","React","Children","map","child","cloneElement","propTypes","PropTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","Animation","Transition","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":["AnimationAdapter","animated","onAnimationEnd","name","children","React","Children","map","child","cloneElement","propTypes","PropTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","Animation","Transition","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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"}

package/lib/hoc/modal/index.native.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GestureResponderEvent, ViewStyle } from 'react-native';
-export type Props = {
+export declare type Props = {
     children: React.ReactNode;
     headerBackgroundColor?: string;
     iconBackgroundColor?: string;

package/lib/hoc/modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,uBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,uBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -2,15 +2,24 @@
 
 exports.__esModule = true;
 exports.default = exports.HEADER_HEIGHT = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../atom/header-back-button/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const HEADER_HEIGHT = 64;
 exports.HEADER_HEIGHT = HEADER_HEIGHT;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     borderRadius: theme.radius.card,
@@ -50,6 +59,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     alignItems: 'center'
   }
 });
+
 const Modal = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -67,11 +77,14 @@ const Modal = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const contentStyles = [styleSheet.content, contentStyle];
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container,
@@ -96,6 +109,7 @@ const Modal = props => {
     style: contentStyles
   }, children));
 };
+
 var _default = Modal;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map