@coorpacademy/components 11.40.22-slider.21 → 11.40.23

package/es/atom/tooltip/index.d.ts

@@ -8,13 +8,13 @@ declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "d
     closeToolTipInformationTextAriaLabel: any;
     toolTipIsVisible: any;
     iconContainerClassName: any;
-    delayHide?: number;
-    fontSize?: number;
-    iconSize?: string;
+    delayHide?: number | undefined;
+    fontSize?: number | undefined;
+    iconSize?: string | undefined;
     AnchorElement: any;
     tooltipClassName: any;
-    placement?: string;
-}): React.JSX.Element;
+    placement?: string | undefined;
+}): JSX.Element;
 declare namespace ToolTip {
     const propTypes: {
         TooltipContent: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
@@ -32,6 +32,5 @@ declare namespace ToolTip {
         placement: PropTypes.Requireable<string>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA6EO,iGAUN;;AAED;;;;;;;;;;;;;;sBAgHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA8EO,iGAUN;;AAED;;;;;;;;;;;;;;gBAgHC"}

package/es/atom/tooltip/index.js

@@ -44,6 +44,7 @@ const ToolTipWrapper = ({
     return /*#__PURE__*/React.createElement("div", {
       className: coorpToolTipClasses,
       "data-testid": "tooltip",
+      role: "group",
       "aria-label": closeToolTipInformationTextAriaLabel,
       onMouseOver: handleContentMouseOver
     }, content);

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","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    if (isComponent) {\n      return <TooltipContent />;\n    }\n    // For ReactTooltip (when anchorId is provided), don't wrap in <p> to avoid double padding\n    if (anchorId) {\n      return TooltipContent;\n    }\n    // For regular tooltip, keep the <p> wrapper with padding\n    return (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent, anchorId]);\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":[]}
+{"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","role","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        role=\"group\"\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    if (isComponent) {\n      return <TooltipContent />;\n    }\n    // For ReactTooltip (when anchorId is provided), don't wrap in <p> to avoid double padding\n    if (anchorId) {\n      return TooltipContent;\n    }\n    // For regular tooltip, keep the <p> wrapper with padding\n    return (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent, anchorId]);\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.d.ts

@@ -9,7 +9,7 @@ declare function VideoUpload({ title, description, previewLabel, uploadLabel, pr
     modified: any;
     onChange: any;
     name: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace VideoUpload {
     const propTypes: {
         name: PropTypes.Requireable<string>;
@@ -36,6 +36,5 @@ declare namespace VideoUpload {
         multiple: PropTypes.Requireable<boolean>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/video-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/video-upload/index.js"],"names":[],"mappings":";AAKA;;;;;;;;;;sBAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/video-upload/index.js"],"names":[],"mappings":";AAKA;;;;;;;;;;gBAkCC"}

package/es/atom/wizard-steps/index.d.ts

@@ -1,14 +1,13 @@
 export default WizardSteps;
-declare function WizardSteps(props: any): React.JSX.Element;
+declare function WizardSteps(props: any): JSX.Element;
 declare namespace WizardSteps {
     namespace propTypes {
-        const steps: PropTypes.Requireable<PropTypes.InferProps<{
+        const steps: PropTypes.Requireable<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
-        }>[]>;
+        }> | null | undefined)[]>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/wizard-steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/wizard-steps/index.js"],"names":[],"mappings":";AAKA,4DAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/wizard-steps/index.js"],"names":[],"mappings":";AAKA,sDAwBC"}

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 '@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":[]}
+{"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.d.ts

@@ -38,7 +38,7 @@ declare class Animation extends React.Component<any, any, any> {
     constructor(props: any);
     state: {
         progress: number;
-        requestID: any;
+        requestID: null;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;

package/es/hoc/animation-scheduler/index.d.ts

@@ -22,7 +22,7 @@ declare class AnimationScheduler extends React.Component<any, any, any> {
 }
 export function AnimationAdapter({ animated, onAnimationEnd, name, children }: {
     animated: any;
-    onAnimationEnd?: import("lodash/fp").LodashNoop;
+    onAnimationEnd?: import("lodash/fp").LodashNoop | undefined;
     name: any;
     children: any;
 }): any;

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

@@ -10,6 +10,6 @@ export declare type Props = {
     testID?: string;
 };
 export declare const HEADER_HEIGHT = 64;
-declare const Modal: (props: Props) => React.JSX.Element;
+declare const Modal: (props: Props) => JSX.Element | null;
 export default Modal;
 //# sourceMappingURL=index.native.d.ts.map

package/es/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,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,sBA+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/es/hoc/modal/select/index.native.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
 import { ChoiceItem } from '../../../atom/select-modal/index.native';
 export declare type OnChangeFunction = (value: string) => void;
@@ -9,6 +9,6 @@ export declare type Props = {
     onClose?: (event: GestureResponderEvent) => void;
     testID?: string;
 };
-declare const ModalSelect: (props: Props) => React.JSX.Element;
+declare const ModalSelect: (props: Props) => JSX.Element | null;
 export default ModalSelect;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/modal/select/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,oBAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,sBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,oBAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,uBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/hoc/modal/select-item/index.native.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
 export declare type Props = {
     isSelected?: boolean;
@@ -6,6 +6,6 @@ export declare type Props = {
     onPress?: (event: GestureResponderEvent) => void;
     testID?: string;
 };
-declare const ModalSelectItem: (props: Props) => React.JSX.Element;
+declare const ModalSelectItem: (props: Props) => JSX.Element | null;
 export default ModalSelectItem;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/modal/select-item/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,sBA8BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,uBA8BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/hoc/swapper/index.d.ts

@@ -1,4 +1,4 @@
-export function safeCancelAnimationFrame(requestId: any): void;
+export function safeCancelAnimationFrame(requestId: any): any;
 export default Swapper;
 declare class Swapper extends React.Component<any, any, any> {
     static propTypes: {
@@ -9,9 +9,8 @@ declare class Swapper extends React.Component<any, any, any> {
         init: boolean;
     };
     componentDidMount(): void;
-    requestID: number;
+    requestID: number | undefined;
     componentWillUnmount(): void;
-    render(): any;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/hoc/swapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/swapper/index.js"],"names":[],"mappings":"AAGO,+DAA0F;;AAEjG;IACE;;MAEE;IAEF,wBAMC;IAHC;;MAEC;IAGH,0BAIC;IAFG,kBAA0E;IAI9E,6BAIC;IAED,cAMC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/swapper/index.js"],"names":[],"mappings":"AAGO,8DAA0F;;AAEjG;IACE;;MAEE;IAEF,wBAMC;IAHC;;MAEC;IAGH,0BAIC;IAFG,8BAA0E;IAI9E,6BAIC;CASF"}

package/es/hoc/touchable/index.native.d.ts

@@ -28,6 +28,6 @@ export declare type Props = {
     analyticsParams?: AnalyticsEventParams;
     vibration?: Vibration;
 };
-declare const Touchable: (props: Props) => React.JSX.Element;
+declare const Touchable: (props: Props) => JSX.Element;
 export default Touchable;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/touchable/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,sBA6E9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAqE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { Pressable, TouchableHighlight } from 'react-native';
+import { TouchableOpacity, TouchableHighlight } from 'react-native';
 import React, { useMemo } from 'react';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import { ANALYTICS_EVENT_TYPE } from '../../variables/analytics';
@@ -55,23 +55,12 @@ const Touchable = props => {
       activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
     }));
   }
-  const computedActiveOpacity = isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, props, {
     accessibilityLabel: accessibilityLabel,
     hitSlop: hitSlop,
     onPress: handlePress,
     onLongPress: handleLongPress,
-    style: ({
-      pressed
-    }) => {
-      const baseStyle = Array.isArray(props.style) ? props.style : [props.style];
-      if (pressed && computedActiveOpacity !== 1) {
-        return [...baseStyle, {
-          opacity: computedActiveOpacity
-        }];
-      }
-      return baseStyle;
-    }
+    activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
   }));
 };
 export default Touchable;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["Pressable","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","createElement","_extends","underlayColor","colors","gray","light","computedActiveOpacity","style","pressed","baseStyle","Array","isArray","opacity"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  Pressable,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  const computedActiveOpacity = (isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2);\n\n  return (\n    <Pressable\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      style={({pressed}) => {\n        const baseStyle = Array.isArray(props.style) ? props.style : [props.style];\n        if (pressed && computedActiveOpacity !== 1) {\n          return [...baseStyle, {opacity: computedActiveOpacity}];\n        }\n        return baseStyle;\n      }}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["TouchableOpacity","TouchableHighlight","React","useMemo","useTemplateContext","ANALYTICS_EVENT_TYPE","hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","event","vibrate","PRESS","handleLongPress","LONG_PRESS","createElement","_extends","underlayColor","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";AAAA,SACEA,gBAAgB,EAChBC,kBAAkB,QAOb,cAAc;AAErB,OAAOC,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,kBAAkB,QAAO,4CAA4C;AAC7E,SAAQC,oBAAoB,QAAwC,2BAA2B;AAG/F,MAAMC,OAAO,GAAG;EACdC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,GAAG,EAAE;AACP,CAAC;AA+BD,MAAMC,QAAQ,GAAGA,CACfC,SAAiB,EACjBC,WAAmB,EACnBC,SAAoB,EACpBC,eAAsC,KACnC;EACHD,SAAS,IACPA,SAAS,CAACH,QAAQ,CAACC,SAAS,EAAE;IAC5B,IAAIG,eAAe,IAAI,CAAC,CAAC,CAAC;IAC1BC,EAAE,EAAEH;EACN,CAAC,CAAC;AACN,CAAC;AAED,MAAMI,SAAS,GAAIC,KAAY,IAAK;EAClC,MAAMC,eAAe,GAAGf,kBAAkB,CAAC,CAAC;EAE5C,MAAM;IAACgB,KAAK;IAAEC,SAAS;IAAEP;EAAS,CAAC,GAAGK,eAAe;EAErD,MAAM;IACJN,WAAW;IACXE,eAAe;IACfO,kBAAkB;IAClBC,OAAO;IACPC,WAAW;IACXC,iBAAiB;IACjBC,WAAW;IACXC,aAAa;IACbC;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG1B,OAAO,CACzB,MAAO2B,KAA4B,IAAK;IACtC,IAAI,CAACP,OAAO,EAAE;IAEdF,SAAS,EAAEU,OAAO,CAAC,CAAC;IAEpBjB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACN,oBAAoB,CAAC2B,KAAK,EAAEnB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IAC/EQ,OAAO,CAACO,KAAK,CAAC;EAChB,CAAC,EACD,CAAChB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAEQ,OAAO,EAAEF,SAAS,CAC9D,CAAC;EAED,MAAMY,eAAe,GAAG9B,OAAO,CAC7B,MAAO2B,KAA4B,IAAK;IACtC,IAAI,CAACN,WAAW,EAAE;IAElBH,SAAS,EAAEU,OAAO,CAAC,CAAC;IAEpBjB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACN,oBAAoB,CAAC6B,UAAU,EAAErB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IACpFS,WAAW,CAACM,KAAK,CAAC;EACpB,CAAC,EACD,CAAChB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAES,WAAW,EAAEH,SAAS,CAClE,CAAC;EAED,IAAIK,WAAW,EAAE;IACf,oBACExB,KAAA,CAAAiC,aAAA,CAAClC,kBAAkB,EAAAmC,QAAA,KACblB,KAAK;MACTI,kBAAkB,EAAEA,kBAAmB;MACvChB,OAAO,EAAEA,OAAQ;MACjB+B,aAAa,EAAEjB,KAAK,CAACkB,MAAM,CAACC,IAAI,CAACC,KAAM;MACvCjB,OAAO,EAAEM,WAAY;MACrBL,WAAW,EAAES,eAAgB;MAC7BN,aAAa,EAAEA,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,IAAI;IAAE,EACvD,CAAC;EAEN;EAEA,oBACE1B,KAAA,CAAAiC,aAAA,CAACnC,gBAAgB,EAAAoC,QAAA,KACXlB,KAAK;IACTI,kBAAkB,EAAEA,kBAAmB;IACvChB,OAAO,EAAEA,OAAQ;IACjBiB,OAAO,EAAEM,WAAY;IACrBL,WAAW,EAAES,eAAgB;IAC7BN,aAAa,EAAGF,iBAAiB,IAAI,CAAC,IAAKE,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,GAAG;EAAE,EAClF,CAAC;AAEN,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

package/es/hoc/transition/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TransitionProps } from './transition-prop-types';
 declare const Transition: {
-    (props: TransitionProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.JSX.Element[];
+    (props: TransitionProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | JSX.Element[];
     propTypes: {
         isAlreadyEngaged: import("prop-types").Requireable<boolean>;
         isRandom: import("prop-types").Requireable<boolean>;

package/es/molecule/add-to-my-list/index.d.ts

@@ -1,6 +1,6 @@
 export function AddToMyListStatusProvider({ children }: {
     children: any;
-}): React.JSX.Element;
+}): JSX.Element;
 export namespace AddToMyListStatusProvider {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -10,7 +10,7 @@ export function AddToMyListFeedback({ addToMyListText, removeFromMyListText, fav
     addToMyListText: any;
     removeFromMyListText: any;
     favorite: any;
-}): React.JSX.Element;
+}): JSX.Element | null;
 export namespace AddToMyListFeedback {
     export namespace propTypes_1 {
         const addToMyListText: PropTypes.Requireable<string>;
@@ -20,14 +20,13 @@ export namespace AddToMyListFeedback {
     export { propTypes_1 as propTypes };
 }
 export default AddToMyList;
-import React from "react";
 import PropTypes from "prop-types";
 declare function AddToMyList({ style, addToMyListButton, favorite, onFavoriteClick }: {
     style: any;
     addToMyListButton: any;
     favorite: any;
     onFavoriteClick: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace AddToMyList {
     export namespace propTypes_2 {
         export const style: PropTypes.Requireable<string>;

package/es/molecule/add-to-my-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/add-to-my-list/index.js"],"names":[],"mappings":"AAiBO;;sBAYN;;;;;;AAEM;;;;sBAcN;;;;;;;;;;;;AAED;;;;;sBA2BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/add-to-my-list/index.js"],"names":[],"mappings":"AAiBO;;gBAYN;;;;;;AAEM;;;;uBAcN;;;;;;;;;;;AAED;;;;;gBA2BC"}

package/es/molecule/answer/index.d.ts

@@ -1,11 +1,10 @@
 export default Answer;
-declare function Answer(props: any): React.JSX.Element;
+declare function Answer(props: any): JSX.Element;
 declare namespace Answer {
     export { propTypes };
     export namespace contextTypes {
         const translate: import("prop-types").Requireable<(...args: any[]) => any>;
     }
 }
-import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/answer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,uDAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,iDAWC"}

package/es/molecule/answer/index.native.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { AnswerProps } from './prop-types';
-declare const Answer: (props: AnswerProps) => React.JSX.Element;
+declare const Answer: (props: AnswerProps) => JSX.Element;
 export default Answer;
 //# sourceMappingURL=index.native.d.ts.map

package/es/molecule/answer/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAuCzC,QAAA,MAAM,MAAM,UAAW,WAAW,sBA8BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAuCzC,QAAA,MAAM,MAAM,UAAW,WAAW,gBA8BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/molecule/answer/prop-types.d.ts

@@ -22,12 +22,12 @@ export declare const MediaViewPropTypes: {
             file: PropTypes.Requireable<any>;
             customProps: PropTypes.Requireable<PropTypes.InferProps<{
                 aspectratio: PropTypes.Requireable<string>;
-                tracks: PropTypes.Requireable<PropTypes.InferProps<{
+                tracks: PropTypes.Requireable<(PropTypes.InferProps<{
                     file: PropTypes.Requireable<any>;
                     label: PropTypes.Requireable<string>;
                     kind: PropTypes.Requireable<string>;
                     default: PropTypes.Requireable<boolean>;
-                }>[]>;
+                }> | null | undefined)[]>;
                 autostart: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
                 skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -45,27 +45,27 @@ export declare const MediaViewPropTypes: {
     }> | PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
         mediaUrl: PropTypes.Validator<string>;
-    }>>>;
+    }> | null | undefined>>;
 };
 declare const propTypes: {
     model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
-        answer: PropTypes.Requireable<PropTypes.InferProps<{
+        answer: PropTypes.Requireable<(PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             'aria-label': PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             selected: PropTypes.Requireable<boolean>;
             image: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<PropTypes.InferProps<{
+            options: PropTypes.Requireable<(PropTypes.InferProps<{
                 name: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
-            }>[]>;
+            }> | null | undefined)[]>;
             type: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
-        }>[]>;
+        }> | null | undefined)[]>;
     }>>>;
     help: PropTypes.Requireable<string>;
     question: PropTypes.Requireable<string>;
@@ -87,12 +87,12 @@ declare const propTypes: {
             file: PropTypes.Requireable<any>;
             customProps: PropTypes.Requireable<PropTypes.InferProps<{
                 aspectratio: PropTypes.Requireable<string>;
-                tracks: PropTypes.Requireable<PropTypes.InferProps<{
+                tracks: PropTypes.Requireable<(PropTypes.InferProps<{
                     file: PropTypes.Requireable<any>;
                     label: PropTypes.Requireable<string>;
                     kind: PropTypes.Requireable<string>;
                     default: PropTypes.Requireable<boolean>;
-                }>[]>;
+                }> | null | undefined)[]>;
                 autostart: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
                 skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -110,7 +110,7 @@ declare const propTypes: {
     }> | PropTypes.InferProps<{
         type: PropTypes.Validator<string>;
         mediaUrl: PropTypes.Validator<string>;
-    }>>>;
+    }> | null | undefined>>;
 };
 declare type SelectOptions = {
     name: string;

package/es/molecule/audio/index.d.ts

@@ -35,7 +35,7 @@ declare class Audio extends React.Component<any, any, any> {
     setAudio: (element: any) => void;
     shouldComponentUpdate(nextProps: any): boolean;
     componentDidUpdate(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/molecule/audio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/audio/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;MAKE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAKC;IAeD,yBAGC;IApBC,kBAAwB;IAa1B,iCAEE;IAXF,+CAGC;IAED,2BAEC;IAWD,4BAgCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/audio/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;MAKE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAKC;IAeD,yBAGC;IApBC,kBAAwB;IAa1B,iCAEE;IAXF,+CAGC;IAED,2BAEC;IAWD,sBAgCC;CACF"}

package/es/molecule/banner/index.d.ts

@@ -1,20 +1,19 @@
 export default Banner;
-declare function Banner(props: any): React.JSX.Element;
+declare function Banner(props: any): JSX.Element;
 declare namespace Banner {
     namespace propTypes {
         const bannerKey: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
         const message: PropTypes.Validator<string>;
-        const cta: PropTypes.Requireable<PropTypes.InferProps<{
+        const cta: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             action: PropTypes.Requireable<(...args: any[]) => any>;
             oldSwitchValue: PropTypes.Requireable<boolean>;
-        }>[]>;
+        }> | null | undefined)[]>;
         const temporary: PropTypes.Requireable<boolean>;
         const onEnd: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AA0BA,uDAoFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AA0BA,iDAoFC"}

package/es/molecule/base-modal/index.d.ts

@@ -1,5 +1,5 @@
 export default BaseModal;
-declare function BaseModal(props: any, context: any): React.JSX.Element;
+declare function BaseModal(props: any, context: any): JSX.Element | null;
 declare namespace BaseModal {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -50,15 +50,14 @@ declare namespace BaseModal {
                 disabled: PropTypes.Requireable<boolean>;
                 color: PropTypes.Requireable<string>;
             }>>;
-        }>>>;
+        }> | null | undefined>>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
         const onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         const detectScrollbar: PropTypes.Requireable<boolean>;
         const customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number>;
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/base-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AAWA,wEAoMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AAWA,yEAoMC"}

package/es/molecule/base-modal/index.js

@@ -177,6 +177,7 @@ const BaseModal = (props, context) => {
     className: style.headerContent
   }, /*#__PURE__*/React.createElement("div", {
     className: style.headerTitle,
+    role: "group",
     "aria-label": titleAriaLabel
   }, title), description ? /*#__PURE__*/React.createElement("div", {
     className: style.headerDescription