@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/components/composites/TextField/TextField.js

@@ -0,0 +1,65 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { usePropsResolution } from '../../../hooks';
+import { Stack } from '../../primitives/Stack';
+import { Input } from '../../primitives/Input';
+import Text from '../../primitives/Text';
+import { extractInObject, stylingProps } from '../../../theme/tools/utils';
+import Select from '../../primitives/Select';
+import TextArea from '../../primitives/TextArea';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const TextField = (mainProps, ref) => {
+  //TODO: Remove `any`
+  const {
+    children,
+    helperText,
+    errorMessage,
+    InputLeftElement,
+    InputRightElement,
+    dropdownIcon,
+    ...props
+  } = mainProps;
+  const {
+    divider,
+    _errorMessageProps,
+    _helperTextProps,
+    component,
+    ...resolvedProps
+  } = usePropsResolution('TextField', props);
+  const [layoutProps, componentProps] = extractInObject(resolvedProps, ['space', 'reversed', ...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  const activeComponent = () => {
+    switch (component) {
+      case 'select':
+        return /*#__PURE__*/React.createElement(Select, _extends({}, componentProps, {
+          dropdownIcon: dropdownIcon
+        }), children);
+
+      case 'textarea':
+        return /*#__PURE__*/React.createElement(TextArea, _extends({}, componentProps, {
+          ref: ref
+        }));
+
+      default:
+        return /*#__PURE__*/React.createElement(Input, _extends({
+          InputLeftElement: InputLeftElement,
+          InputRightElement: InputRightElement
+        }, componentProps, {
+          ref: ref
+        }));
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(Stack, _extends({
+    divider: divider
+  }, layoutProps), activeComponent(), componentProps.isInvalid && /*#__PURE__*/React.createElement(Text, _errorMessageProps, errorMessage), !componentProps.isInvalid && /*#__PURE__*/React.createElement(Text, _helperTextProps, helperText));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(TextField));
+//# sourceMappingURL=TextField.js.map

package/lib/module/components/composites/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextField.tsx"],"names":["React","usePropsResolution","Stack","Input","Text","extractInObject","stylingProps","Select","TextArea","useHasResponsiveProps","TextField","mainProps","ref","children","helperText","errorMessage","InputLeftElement","InputRightElement","dropdownIcon","props","divider","_errorMessageProps","_helperTextProps","component","resolvedProps","layoutProps","componentProps","margin","layout","flexbox","position","activeComponent","isInvalid","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AAEA,SAASC,KAAT,QAAsB,wBAAtB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,SAASC,eAAT,EAA0BC,YAA1B,QAA8C,4BAA9C;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,SAAS,GAAG,CAACC,SAAD,EAA6BC,GAA7B,KAA2C;AAC3D;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,YAHI;AAIJC,IAAAA,gBAJI;AAKJC,IAAAA,iBALI;AAMJC,IAAAA,YANI;AAOJ,OAAGC;AAPC,MAQGR,SART;AAUA,QAAM;AACJS,IAAAA,OADI;AAEJC,IAAAA,kBAFI;AAGJC,IAAAA,gBAHI;AAIJC,IAAAA,SAJI;AAKJ,OAAGC;AALC,MAMFvB,kBAAkB,CAAC,WAAD,EAAckB,KAAd,CANtB;AAQA,QAAM,CAACM,WAAD,EAAcC,cAAd,IAAgCrB,eAAe,CAACmB,aAAD,EAAgB,CACnE,OADmE,EAEnE,UAFmE,EAGnE,GAAGlB,YAAY,CAACqB,MAHmD,EAInE,GAAGrB,YAAY,CAACsB,MAJmD,EAKnE,GAAGtB,YAAY,CAACuB,OALmD,EAMnE,GAAGvB,YAAY,CAACwB,QANmD,CAAhB,CAArD,CApB2D,CA4B3D;;AACA,MAAIrB,qBAAqB,CAACU,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,QAAMY,eAAe,GAAG,MAAM;AAC5B,YAAQR,SAAR;AACE,WAAK,QAAL;AACE,4BACE,oBAAC,MAAD,eAAYG,cAAZ;AAA4B,UAAA,YAAY,EAAER;AAA1C,YACGL,QADH,CADF;;AAKF,WAAK,UAAL;AACE,4BAAO,oBAAC,QAAD,eAAca,cAAd;AAA8B,UAAA,GAAG,EAAEd;AAAnC,WAAP;;AACF;AACE,4BACE,oBAAC,KAAD;AACE,UAAA,gBAAgB,EAAEI,gBADpB;AAEE,UAAA,iBAAiB,EAAEC;AAFrB,WAGMS,cAHN;AAIE,UAAA,GAAG,EAAEd;AAJP,WADF;AAVJ;AAmBD,GApBD;;AAsBA,sBACE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAEQ;AAAhB,KAA6BK,WAA7B,GACGM,eAAe,EADlB,EAEGL,cAAc,CAACM,SAAf,iBACC,oBAAC,IAAD,EAAUX,kBAAV,EAA+BN,YAA/B,CAHJ,EAKG,CAACW,cAAc,CAACM,SAAhB,iBACC,oBAAC,IAAD,EAAUV,gBAAV,EAA6BR,UAA7B,CANJ,CADF;AAWD,CAjED;;AAmEA,4BAAed,KAAK,CAACiC,IAAN,eAAWjC,KAAK,CAACkC,UAAN,CAAiBxB,SAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { ITextFieldProps } from './types';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport { Input } from '../../primitives/Input';\r\nimport Text from '../../primitives/Text';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport Select from '../../primitives/Select';\r\nimport TextArea from '../../primitives/TextArea';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TextField = (mainProps: ITextFieldProps, ref?: any) => {\r\n  //TODO: Remove `any`\r\n  const {\r\n    children,\r\n    helperText,\r\n    errorMessage,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    dropdownIcon,\r\n    ...props\r\n  }: any = mainProps;\r\n\r\n  const {\r\n    divider,\r\n    _errorMessageProps,\r\n    _helperTextProps,\r\n    component,\r\n    ...resolvedProps\r\n  } = usePropsResolution('TextField', props);\r\n\r\n  const [layoutProps, componentProps] = extractInObject(resolvedProps, [\r\n    'space',\r\n    'reversed',\r\n    ...stylingProps.margin,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n  ]);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  const activeComponent = () => {\r\n    switch (component) {\r\n      case 'select':\r\n        return (\r\n          <Select {...componentProps} dropdownIcon={dropdownIcon}>\r\n            {children}\r\n          </Select>\r\n        );\r\n      case 'textarea':\r\n        return <TextArea {...componentProps} ref={ref} />;\r\n      default:\r\n        return (\r\n          <Input\r\n            InputLeftElement={InputLeftElement}\r\n            InputRightElement={InputRightElement}\r\n            {...componentProps}\r\n            ref={ref}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Stack divider={divider} {...layoutProps}>\r\n      {activeComponent()}\r\n      {componentProps.isInvalid && (\r\n        <Text {..._errorMessageProps}>{errorMessage}</Text>\r\n      )}\r\n      {!componentProps.isInvalid && (\r\n        <Text {..._helperTextProps}>{helperText}</Text>\r\n      )}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(TextField));\r\n"]}

package/lib/module/components/composites/TextField/index.js

@@ -0,0 +1,2 @@
+export { default as TextField } from './TextField';
+//# sourceMappingURL=index.js.map

package/lib/module/components/composites/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","TextField"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC","sourcesContent":["export { default as TextField } from './TextField';\r\nexport type { ITextFieldProps } from './types';\r\n"]}

package/lib/module/components/composites/TextField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/composites/TextField/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/composites/Toast/Toast.js

@@ -0,0 +1,281 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { Overlay } from '../../primitives/Overlay';
+import { PresenceTransition } from '../Transitions';
+import VStack from '../../primitives/Stack/VStack';
+import React, { createContext, useState, useMemo } from 'react';
+import { AccessibilityInfo, Platform, SafeAreaView } from 'react-native';
+import Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks';
+import { useKeyboardBottomInset } from '../../../utils';
+const INSET = 50;
+const POSITIONS = {
+  'top': {
+    top: INSET,
+    left: 0,
+    right: 0
+  },
+  'top-right': {
+    top: INSET,
+    right: 0
+  },
+  'top-left': {
+    top: INSET,
+    left: 0
+  },
+  'bottom': {
+    bottom: INSET,
+    left: 0,
+    right: 0
+  },
+  'bottom-left': {
+    bottom: INSET,
+    left: 0
+  },
+  'bottom-right': {
+    bottom: INSET,
+    right: 0
+  }
+};
+const initialAnimationOffset = 24;
+const transitionConfig = {
+  'bottom': initialAnimationOffset,
+  'top': -initialAnimationOffset,
+  'top-right': -initialAnimationOffset,
+  'top-left': -initialAnimationOffset,
+  'bottom-left': initialAnimationOffset,
+  'bottom-right': initialAnimationOffset
+};
+const ToastContext = /*#__PURE__*/createContext({
+  toastInfo: {},
+  setToastInfo: () => {},
+  setToast: () => {},
+  removeToast: () => {},
+  hideAll: () => {},
+  isActive: () => false,
+  visibleToasts: {},
+  setVisibleToasts: () => {},
+  hideToast: () => {}
+});
+
+const CustomToast = ({
+  _overlay,
+  _stack,
+  _presenceTransition
+}) => {
+  const {
+    toastInfo,
+    visibleToasts,
+    removeToast
+  } = React.useContext(ToastContext);
+  const bottomInset = useKeyboardBottomInset() * 2;
+
+  const getPositions = () => {
+    return Object.keys(toastInfo);
+  };
+
+  let hasToastOnOverlay = false;
+  getPositions().map(position => {
+    var _toastInfo$position;
+
+    if (((_toastInfo$position = toastInfo[position]) === null || _toastInfo$position === void 0 ? void 0 : _toastInfo$position.length) > 0) hasToastOnOverlay = true;
+  });
+  return getPositions().length > 0 ? /*#__PURE__*/React.createElement(Overlay, _extends({}, _overlay, {
+    isOpen: hasToastOnOverlay,
+    isKeyboardDismissable: false
+  }), getPositions().map(position => {
+    if (Object.keys(POSITIONS).includes(position)) return /*#__PURE__*/React.createElement(VStack, _extends({}, _stack, {
+      key: position // @ts-ignore
+
+    }, POSITIONS[position]), // @ts-ignore
+    toastInfo[position].map(toast => {
+      var _toast$config3;
+
+      return /*#__PURE__*/React.createElement(PresenceTransition, _extends({}, _presenceTransition, {
+        key: toast.id,
+        visible: visibleToasts[toast.id],
+        onTransitionComplete: status => {
+          if (status === 'exited') {
+            var _toast$config, _toast$config2;
+
+            removeToast(toast.id);
+            ((_toast$config = toast.config) === null || _toast$config === void 0 ? void 0 : _toast$config.onCloseComplete) && ((_toast$config2 = toast.config) === null || _toast$config2 === void 0 ? void 0 : _toast$config2.onCloseComplete());
+          }
+        },
+        initial: {
+          opacity: 0,
+          translateY: transitionConfig[position]
+        }
+      }), /*#__PURE__*/React.createElement(SafeAreaView, null, /*#__PURE__*/React.createElement(Box, {
+        bottom: ['bottom', 'bottom-left', 'bottom-right'].includes(position) && (_toast$config3 = toast.config) !== null && _toast$config3 !== void 0 && _toast$config3.avoidKeyboard ? bottomInset + 'px' : undefined
+      }, toast.component)));
+    }));else return null;
+  })) : null;
+};
+
+export const ToastProvider = ({
+  children
+}) => {
+  const [toastInfo, setToastInfo] = useState({});
+  const [visibleToasts, setVisibleToasts] = useState({});
+  const [themeProps] = useState(usePropsResolution('Toast', {}));
+  const toastIndex = React.useRef(1);
+  const hideAll = React.useCallback(() => {
+    setVisibleToasts({});
+  }, [setVisibleToasts]);
+  const hideToast = React.useCallback(id => {
+    setVisibleToasts(prevVisibleToasts => ({ ...prevVisibleToasts,
+      [id]: false
+    }));
+  }, [setVisibleToasts]);
+  const isActive = React.useCallback(id => {
+    for (const toastPosition of Object.keys(toastInfo)) {
+      const positionArray = toastInfo[toastPosition];
+      return positionArray.findIndex(toastData => toastData.id === id) > -1;
+    }
+
+    return false;
+  }, [toastInfo]);
+  const removeToast = React.useCallback(id => {
+    setToastInfo(prev => {
+      for (const toastPosition of Object.keys(prev)) {
+        const positionArray = prev[toastPosition];
+        const isToastPresent = positionArray.findIndex(toastData => toastData.id === id) > -1;
+
+        if (isToastPresent) {
+          const newPositionArray = positionArray.filter(item => item.id !== id);
+          const temp = {};
+          temp[toastPosition] = newPositionArray;
+          const newToastInfo = { ...prev,
+            ...temp
+          };
+          return newToastInfo;
+        }
+      }
+
+      return prev;
+    });
+  }, [setToastInfo]);
+  const setToast = React.useCallback(props => {
+    const {
+      placement = 'bottom',
+      title,
+      render,
+      id = toastIndex.current++,
+      description,
+      duration = 5000,
+      _title,
+      _description,
+      accessibilityAnnouncement,
+      // @ts-ignore
+      avoidKeyboard = false,
+      //eslint-disable-line
+      ...rest
+    } = props;
+    let positionToastArray = toastInfo[placement];
+    if (!positionToastArray) positionToastArray = [];
+    let component = null;
+
+    if (render) {
+      component = render({
+        id
+      });
+    } else {
+      component =
+      /*#__PURE__*/
+      // Below VStack is the default component where all the direct props spread.
+      React.createElement(VStack, _extends({}, themeProps, rest), /*#__PURE__*/React.createElement(Box, {
+        _text: { ...themeProps._title,
+          ..._title
+        }
+      }, title), description && /*#__PURE__*/React.createElement(Box, {
+        _text: { ...themeProps._description,
+          ..._description
+        }
+      }, description));
+    }
+
+    toastInfo[placement] = [...positionToastArray, {
+      component,
+      id,
+      config: props
+    }];
+    setToastInfo({ ...toastInfo
+    });
+    setVisibleToasts({ ...visibleToasts,
+      [id]: true
+    });
+
+    if (duration !== null) {
+      setTimeout(function () {
+        hideToast(id);
+      }, duration);
+    } // iOS doesn't support accessibilityLiveRegion
+
+
+    if (accessibilityAnnouncement && Platform.OS === 'ios') {
+      AccessibilityInfo.announceForAccessibility(accessibilityAnnouncement);
+    }
+
+    return id;
+  }, [themeProps, toastInfo, visibleToasts, hideToast]);
+  const contextValue = React.useMemo(() => {
+    return {
+      toastInfo,
+      setToastInfo,
+      setToast,
+      removeToast,
+      hideAll,
+      isActive,
+      visibleToasts,
+      setVisibleToasts,
+      hideToast
+    };
+  }, [toastInfo, setToastInfo, setToast, removeToast, hideAll, isActive, visibleToasts, setVisibleToasts, hideToast]);
+  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+    value: contextValue
+  }, children, /*#__PURE__*/React.createElement(CustomToast, {
+    _overlay: themeProps._overlay,
+    _stack: themeProps._stack,
+    _presenceTransition: themeProps._presenceTransition
+  }));
+};
+export const useToast = () => {
+  const {
+    setToast,
+    hideAll,
+    isActive,
+    hideToast
+  } = React.useContext(ToastContext);
+  const toast = useMemo(() => ({
+    show: setToast,
+    close: hideToast,
+    closeAll: hideAll,
+    isActive
+  }), [setToast, hideAll, isActive, hideToast]);
+  return toast;
+};
+export const ToastRef = /*#__PURE__*/React.createRef();
+export const Toast = {
+  show: props => {
+    var _ToastRef$current;
+
+    return (_ToastRef$current = ToastRef.current) === null || _ToastRef$current === void 0 ? void 0 : _ToastRef$current.show(props);
+  },
+  close: id => {
+    var _ToastRef$current2;
+
+    return (_ToastRef$current2 = ToastRef.current) === null || _ToastRef$current2 === void 0 ? void 0 : _ToastRef$current2.close(id);
+  },
+  closeAll: () => {
+    var _ToastRef$current3;
+
+    return (_ToastRef$current3 = ToastRef.current) === null || _ToastRef$current3 === void 0 ? void 0 : _ToastRef$current3.closeAll();
+  },
+  isActive: id => {
+    var _ToastRef$current4;
+
+    return (_ToastRef$current4 = ToastRef.current) === null || _ToastRef$current4 === void 0 ? void 0 : _ToastRef$current4.isActive(id);
+  }
+};
+//# sourceMappingURL=Toast.js.map

package/lib/module/components/composites/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Toast.tsx"],"names":["Overlay","PresenceTransition","VStack","React","createContext","useState","useMemo","AccessibilityInfo","Platform","SafeAreaView","Box","usePropsResolution","useKeyboardBottomInset","INSET","POSITIONS","top","left","right","bottom","initialAnimationOffset","transitionConfig","ToastContext","toastInfo","setToastInfo","setToast","removeToast","hideAll","isActive","visibleToasts","setVisibleToasts","hideToast","CustomToast","_overlay","_stack","_presenceTransition","useContext","bottomInset","getPositions","Object","keys","hasToastOnOverlay","map","position","length","includes","toast","id","status","config","onCloseComplete","opacity","translateY","avoidKeyboard","undefined","component","ToastProvider","children","themeProps","toastIndex","useRef","useCallback","prevVisibleToasts","toastPosition","positionArray","findIndex","toastData","prev","isToastPresent","newPositionArray","filter","item","temp","newToastInfo","props","placement","title","render","current","description","duration","_title","_description","accessibilityAnnouncement","rest","positionToastArray","setTimeout","OS","announceForAccessibility","contextValue","useToast","show","close","closeAll","ToastRef","createRef","Toast"],"mappings":"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","sourcesContent":["import { Overlay } from '../../primitives/Overlay';\r\nimport { PresenceTransition } from '../Transitions';\r\nimport VStack from '../../primitives/Stack/VStack';\r\nimport React, {\r\n  createContext,\r\n  MutableRefObject,\r\n  useState,\r\n  useMemo,\r\n} from 'react';\r\nimport { AccessibilityInfo, Platform, SafeAreaView } from 'react-native';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { IToastContext, IToastInfo, IToast, IToastProps } from './types';\r\nimport { useKeyboardBottomInset } from '../../../utils';\r\n\r\nconst INSET = 50;\r\n\r\nconst POSITIONS = {\r\n  'top': {\r\n    top: INSET,\r\n    left: 0,\r\n    right: 0,\r\n  },\r\n  'top-right': {\r\n    top: INSET,\r\n    right: 0,\r\n  },\r\n  'top-left': {\r\n    top: INSET,\r\n    left: 0,\r\n  },\r\n  'bottom': {\r\n    bottom: INSET,\r\n    left: 0,\r\n    right: 0,\r\n  },\r\n  'bottom-left': {\r\n    bottom: INSET,\r\n    left: 0,\r\n  },\r\n  'bottom-right': {\r\n    bottom: INSET,\r\n    right: 0,\r\n  },\r\n};\r\n\r\nconst initialAnimationOffset = 24;\r\n\r\nconst transitionConfig: any = {\r\n  'bottom': initialAnimationOffset,\r\n  'top': -initialAnimationOffset,\r\n  'top-right': -initialAnimationOffset,\r\n  'top-left': -initialAnimationOffset,\r\n  'bottom-left': initialAnimationOffset,\r\n  'bottom-right': initialAnimationOffset,\r\n};\r\n\r\nconst ToastContext = createContext<IToastContext>({\r\n  toastInfo: {},\r\n  setToastInfo: () => {},\r\n  setToast: () => {},\r\n  removeToast: () => {},\r\n  hideAll: () => {},\r\n  isActive: () => false,\r\n  visibleToasts: {},\r\n  setVisibleToasts: () => {},\r\n  hideToast: () => {},\r\n});\r\n\r\nconst CustomToast = ({ _overlay, _stack, _presenceTransition }: any) => {\r\n  const { toastInfo, visibleToasts, removeToast } = React.useContext(\r\n    ToastContext\r\n  );\r\n\r\n  const bottomInset = useKeyboardBottomInset() * 2;\r\n  const getPositions = () => {\r\n    return Object.keys(toastInfo);\r\n  };\r\n\r\n  let hasToastOnOverlay = false;\r\n  getPositions().map((position) => {\r\n    if (toastInfo[position]?.length > 0) hasToastOnOverlay = true;\r\n  });\r\n\r\n  return getPositions().length > 0 ? (\r\n    <Overlay\r\n      {..._overlay}\r\n      isOpen={hasToastOnOverlay}\r\n      isKeyboardDismissable={false}\r\n    >\r\n      {getPositions().map((position: string) => {\r\n        if (Object.keys(POSITIONS).includes(position))\r\n          return (\r\n            <VStack\r\n              {..._stack}\r\n              key={position}\r\n              // @ts-ignore\r\n              {...POSITIONS[position]}\r\n            >\r\n              {\r\n                // @ts-ignore\r\n                toastInfo[position].map((toast: IToast) => (\r\n                  <PresenceTransition\r\n                    {..._presenceTransition}\r\n                    key={toast.id}\r\n                    visible={visibleToasts[toast.id]}\r\n                    onTransitionComplete={(status: any) => {\r\n                      if (status === 'exited') {\r\n                        removeToast(toast.id);\r\n                        toast.config?.onCloseComplete &&\r\n                          toast.config?.onCloseComplete();\r\n                      }\r\n                    }}\r\n                    initial={{\r\n                      opacity: 0,\r\n                      translateY: transitionConfig[position],\r\n                    }}\r\n                  >\r\n                    <SafeAreaView>\r\n                      <Box\r\n                        bottom={\r\n                          ['bottom', 'bottom-left', 'bottom-right'].includes(\r\n                            position\r\n                          ) && toast.config?.avoidKeyboard\r\n                            ? bottomInset + 'px'\r\n                            : undefined\r\n                        }\r\n                      >\r\n                        {toast.component}\r\n                      </Box>\r\n                    </SafeAreaView>\r\n                  </PresenceTransition>\r\n                ))\r\n              }\r\n            </VStack>\r\n          );\r\n        else return null;\r\n      })}\r\n    </Overlay>\r\n  ) : null;\r\n};\r\n\r\nexport const ToastProvider = ({ children }: { children: any }) => {\r\n  const [toastInfo, setToastInfo] = useState<IToastInfo>({});\r\n  const [visibleToasts, setVisibleToasts] = useState<\r\n    {\r\n      [key in string]: boolean;\r\n    }\r\n  >({});\r\n\r\n  const [themeProps] = useState(usePropsResolution('Toast', {}));\r\n  const toastIndex = React.useRef(1);\r\n\r\n  const hideAll = React.useCallback(() => {\r\n    setVisibleToasts({});\r\n  }, [setVisibleToasts]);\r\n\r\n  const hideToast = React.useCallback(\r\n    (id: any) => {\r\n      setVisibleToasts((prevVisibleToasts) => ({\r\n        ...prevVisibleToasts,\r\n        [id]: false,\r\n      }));\r\n    },\r\n    [setVisibleToasts]\r\n  );\r\n\r\n  const isActive = React.useCallback(\r\n    (id: any) => {\r\n      for (const toastPosition of Object.keys(toastInfo)) {\r\n        const positionArray: Array<IToast> = toastInfo[toastPosition];\r\n        return positionArray.findIndex((toastData) => toastData.id === id) > -1;\r\n      }\r\n\r\n      return false;\r\n    },\r\n    [toastInfo]\r\n  );\r\n\r\n  const removeToast = React.useCallback(\r\n    (id: any) => {\r\n      setToastInfo((prev) => {\r\n        for (const toastPosition of Object.keys(prev)) {\r\n          const positionArray: Array<IToast> = prev[toastPosition];\r\n          const isToastPresent =\r\n            positionArray.findIndex((toastData) => toastData.id === id) > -1;\r\n\r\n          if (isToastPresent) {\r\n            const newPositionArray = positionArray.filter(\r\n              (item) => item.id !== id\r\n            );\r\n            const temp: any = {};\r\n            temp[toastPosition] = newPositionArray;\r\n\r\n            const newToastInfo = { ...prev, ...temp };\r\n            return newToastInfo;\r\n          }\r\n        }\r\n\r\n        return prev;\r\n      });\r\n    },\r\n    [setToastInfo]\r\n  );\r\n\r\n  const setToast = React.useCallback(\r\n    (props: IToastProps): number => {\r\n      const {\r\n        placement = 'bottom',\r\n        title,\r\n        render,\r\n        id = toastIndex.current++,\r\n        description,\r\n        duration = 5000,\r\n        _title,\r\n        _description,\r\n        accessibilityAnnouncement,\r\n        // @ts-ignore\r\n        avoidKeyboard = false, //eslint-disable-line\r\n        ...rest\r\n      } = props;\r\n\r\n      let positionToastArray = toastInfo[placement];\r\n      if (!positionToastArray) positionToastArray = [];\r\n\r\n      let component = null;\r\n\r\n      if (render) {\r\n        component = render({ id });\r\n      } else {\r\n        component = (\r\n          // Below VStack is the default component where all the direct props spread.\r\n          <VStack {...themeProps} {...rest}>\r\n            <Box _text={{ ...themeProps._title, ..._title }}>{title}</Box>\r\n            {description && (\r\n              <Box _text={{ ...themeProps._description, ..._description }}>\r\n                {description}\r\n              </Box>\r\n            )}\r\n          </VStack>\r\n        );\r\n      }\r\n\r\n      toastInfo[placement] = [\r\n        ...positionToastArray,\r\n        { component, id, config: props },\r\n      ];\r\n\r\n      setToastInfo({ ...toastInfo });\r\n\r\n      setVisibleToasts({ ...visibleToasts, [id]: true });\r\n      if (duration !== null) {\r\n        setTimeout(function () {\r\n          hideToast(id);\r\n        }, duration);\r\n      }\r\n\r\n      // iOS doesn't support accessibilityLiveRegion\r\n      if (accessibilityAnnouncement && Platform.OS === 'ios') {\r\n        AccessibilityInfo.announceForAccessibility(accessibilityAnnouncement);\r\n      }\r\n\r\n      return id;\r\n    },\r\n    [themeProps, toastInfo, visibleToasts, hideToast]\r\n  );\r\n\r\n  const contextValue = React.useMemo(() => {\r\n    return {\r\n      toastInfo,\r\n      setToastInfo,\r\n      setToast,\r\n      removeToast,\r\n      hideAll,\r\n      isActive,\r\n      visibleToasts,\r\n      setVisibleToasts,\r\n      hideToast,\r\n    };\r\n  }, [\r\n    toastInfo,\r\n    setToastInfo,\r\n    setToast,\r\n    removeToast,\r\n    hideAll,\r\n    isActive,\r\n    visibleToasts,\r\n    setVisibleToasts,\r\n    hideToast,\r\n  ]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={contextValue}>\r\n      {children}\r\n      <CustomToast\r\n        _overlay={themeProps._overlay}\r\n        _stack={themeProps._stack}\r\n        _presenceTransition={themeProps._presenceTransition}\r\n      />\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useToast = () => {\r\n  const { setToast, hideAll, isActive, hideToast } = React.useContext(\r\n    ToastContext\r\n  );\r\n\r\n  const toast = useMemo(\r\n    () => ({\r\n      show: setToast,\r\n      close: hideToast,\r\n      closeAll: hideAll,\r\n      isActive,\r\n    }),\r\n    [setToast, hideAll, isActive, hideToast]\r\n  );\r\n\r\n  return toast;\r\n};\r\n\r\nexport type IToastService = ReturnType<typeof useToast>;\r\n\r\nexport const ToastRef = React.createRef<IToastService>() as MutableRefObject<IToastService>;\r\n\r\nexport const Toast: IToastService = {\r\n  show: (props: IToastProps) => ToastRef.current?.show(props),\r\n  close: (id: any) => ToastRef.current?.close(id),\r\n  closeAll: () => ToastRef.current?.closeAll(),\r\n  isActive: (id: any) => ToastRef.current?.isActive(id),\r\n};\r\n"]}

package/lib/module/components/composites/Toast/ToastDummy.js

@@ -0,0 +1,5 @@
+// This component is just exported for the documentation purpose
+export const Toast = props => {
+  props; // no-op
+};
+//# sourceMappingURL=ToastDummy.js.map

package/lib/module/components/composites/Toast/ToastDummy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ToastDummy.tsx"],"names":["Toast","props"],"mappings":"AAAA;AAGA,OAAO,MAAMA,KAAK,GAAIC,KAAD,IAAwB;AAC3CA,EAAAA,KAAK,CADsC,CACpC;AACR,CAFM","sourcesContent":["// This component is just exported for the documentation purpose\r\nimport type { IToastProps } from './types';\r\n\r\nexport const Toast = (props: IToastProps) => {\r\n  props; // no-op\r\n};\r\n"]}

package/lib/module/components/composites/Toast/index.js

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/lib/module/components/composites/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './Toast';\r\nexport * from './types';\r\n"]}

package/lib/module/components/composites/Toast/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/composites/Toast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/composites/Toast/utils.js

@@ -0,0 +1,30 @@
+let INSET = 0;
+export const POSITIONS = {
+  'bottom': {
+    bottom: INSET,
+    left: 0,
+    right: 0
+  },
+  'top': {
+    top: INSET,
+    left: 0,
+    right: 0
+  },
+  'top-right': {
+    top: INSET,
+    right: INSET
+  },
+  'top-left': {
+    top: INSET,
+    left: INSET
+  },
+  'bottom-left': {
+    bottom: INSET,
+    left: INSET
+  },
+  'bottom-right': {
+    bottom: INSET,
+    right: INSET
+  }
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/components/composites/Toast/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["INSET","POSITIONS","bottom","left","right","top"],"mappings":"AAAA,IAAIA,KAAK,GAAG,CAAZ;AACA,OAAO,MAAMC,SAAS,GAAG;AACvB,YAAU;AACRC,IAAAA,MAAM,EAAEF,KADA;AAERG,IAAAA,IAAI,EAAE,CAFE;AAGRC,IAAAA,KAAK,EAAE;AAHC,GADa;AAMvB,SAAO;AACLC,IAAAA,GAAG,EAAEL,KADA;AAELG,IAAAA,IAAI,EAAE,CAFD;AAGLC,IAAAA,KAAK,EAAE;AAHF,GANgB;AAWvB,eAAa;AACXC,IAAAA,GAAG,EAAEL,KADM;AAEXI,IAAAA,KAAK,EAAEJ;AAFI,GAXU;AAevB,cAAY;AACVK,IAAAA,GAAG,EAAEL,KADK;AAEVG,IAAAA,IAAI,EAAEH;AAFI,GAfW;AAmBvB,iBAAe;AACbE,IAAAA,MAAM,EAAEF,KADK;AAEbG,IAAAA,IAAI,EAAEH;AAFO,GAnBQ;AAuBvB,kBAAgB;AACdE,IAAAA,MAAM,EAAEF,KADM;AAEdI,IAAAA,KAAK,EAAEJ;AAFO;AAvBO,CAAlB","sourcesContent":["let INSET = 0;\r\nexport const POSITIONS = {\r\n  'bottom': {\r\n    bottom: INSET,\r\n    left: 0,\r\n    right: 0,\r\n  },\r\n  'top': {\r\n    top: INSET,\r\n    left: 0,\r\n    right: 0,\r\n  },\r\n  'top-right': {\r\n    top: INSET,\r\n    right: INSET,\r\n  },\r\n  'top-left': {\r\n    top: INSET,\r\n    left: INSET,\r\n  },\r\n  'bottom-left': {\r\n    bottom: INSET,\r\n    left: INSET,\r\n  },\r\n  'bottom-right': {\r\n    bottom: INSET,\r\n    right: INSET,\r\n  },\r\n};\r\n"]}

package/lib/module/components/composites/Tooltip/Tooltip.js

@@ -0,0 +1,147 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { OverlayContainer } from '@react-native-aria/overlays';
+import React from 'react';
+import { useControllableState, useKeyboardDismissable } from '../../../hooks';
+import { Popper } from '../Popper';
+import { composeEventHandlers, mergeRefs } from '../../../utils';
+import { PresenceTransition } from '../Transitions';
+import { Platform, StyleSheet } from 'react-native';
+import { usePropsResolution } from '../../../hooks';
+import Box from '../../primitives/Box';
+import { useId } from '@react-native-aria/utils';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import uniqueId from 'lodash.uniqueid';
+import { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';
+export const Tooltip = ({
+  label,
+  children,
+  onClose,
+  onOpen,
+  defaultIsOpen,
+  placement,
+  openDelay = 0,
+  closeDelay = 0,
+  closeOnClick = true,
+  offset,
+  isDisabled,
+  hasArrow,
+  arrowSize = 12,
+  isOpen: isOpenProp,
+  ...props
+}) => {
+  var _ref, _ref2, _props$backgroundColo;
+
+  if (hasArrow && offset === undefined) {
+    offset = 0;
+  } else {
+    offset = 6;
+  }
+
+  const resolvedProps = usePropsResolution('Tooltip', props);
+  const [isOpen, setIsOpen] = useControllableState({
+    value: isOpenProp,
+    defaultValue: defaultIsOpen,
+    onChange: value => {
+      value ? onOpen && onOpen() : onClose && onClose();
+    }
+  });
+  const arrowBg = (_ref = (_ref2 = (_props$backgroundColo = props.backgroundColor) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : props.bgColor) !== null && _ref2 !== void 0 ? _ref2 : props.bg) !== null && _ref !== void 0 ? _ref : resolvedProps.bg;
+  const targetRef = React.useRef(null);
+  const enterTimeout = React.useRef();
+  const exitTimeout = React.useRef(); // const tooltipID = '';
+  // const tooltipID = useId();
+
+  let tooltipID = uniqueId(); // let id = uniqueId();
+
+  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
+
+  if (!disableCSSMediaQueries) {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    tooltipID = useId();
+  }
+
+  const openWithDelay = React.useCallback(() => {
+    if (!isDisabled) {
+      enterTimeout.current = setTimeout(() => setIsOpen(true), openDelay);
+    }
+  }, [isDisabled, setIsOpen, openDelay]);
+  const closeWithDelay = React.useCallback(() => {
+    if (enterTimeout.current) {
+      clearTimeout(enterTimeout.current);
+    }
+
+    exitTimeout.current = setTimeout(() => setIsOpen(false), closeDelay);
+  }, [closeDelay, setIsOpen]);
+  React.useEffect(() => () => {
+    clearTimeout(enterTimeout.current);
+    clearTimeout(exitTimeout.current);
+  }, []);
+  let newChildren = children;
+
+  if (typeof children === 'string') {
+    newChildren = /*#__PURE__*/React.createElement(Box, null, children);
+  }
+
+  newChildren = /*#__PURE__*/React.cloneElement(newChildren, {
+    'onPress': composeEventHandlers(newChildren.props.onPress, () => {
+      if (closeOnClick) {
+        closeWithDelay();
+      }
+    }),
+    'onFocus': composeEventHandlers(newChildren.props.onFocus, openWithDelay),
+    'onBlur': composeEventHandlers(newChildren.props.onBlur, closeWithDelay),
+    'onMouseEnter': composeEventHandlers(newChildren.props.onMouseEnter, openWithDelay),
+    'onMouseLeave': composeEventHandlers(newChildren.props.onMouseLeave, closeWithDelay),
+    'ref': mergeRefs([newChildren.ref, targetRef]),
+    'aria-describedby': isOpen ? tooltipID : undefined
+  });
+  useKeyboardDismissable({
+    enabled: isOpen,
+    callback: () => setIsOpen(false)
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, newChildren, isOpen && /*#__PURE__*/React.createElement(OverlayContainer, null, /*#__PURE__*/React.createElement(PresenceTransition, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 1,
+      transition: {
+        duration: 150
+      }
+    },
+    exit: {
+      opacity: 0,
+      transition: {
+        duration: 100
+      }
+    },
+    visible: isOpen,
+    style: StyleSheet.absoluteFill
+  }, /*#__PURE__*/React.createElement(Popper, {
+    triggerRef: targetRef,
+    onClose: () => setIsOpen(false),
+    placement: placement,
+    offset: offset
+  }, /*#__PURE__*/React.createElement(Popper.Content, {
+    isOpen: isOpen
+  }, hasArrow && /*#__PURE__*/React.createElement(Popper.Arrow, {
+    borderColor: "transparent",
+    backgroundColor: arrowBg,
+    height: arrowSize,
+    width: arrowSize
+  }), /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    //@ts-ignore
+    accessibilityRole: Platform.OS === 'web' ? 'tooltip' : undefined,
+    nativeID: tooltipID
+  }), label))))));
+};
+//# sourceMappingURL=Tooltip.js.map

package/lib/module/components/composites/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tooltip.tsx"],"names":["OverlayContainer","React","useControllableState","useKeyboardDismissable","Popper","composeEventHandlers","mergeRefs","PresenceTransition","Platform","StyleSheet","usePropsResolution","Box","useId","useHasResponsiveProps","uniqueId","ResponsiveQueryContext","Tooltip","label","children","onClose","onOpen","defaultIsOpen","placement","openDelay","closeDelay","closeOnClick","offset","isDisabled","hasArrow","arrowSize","isOpen","isOpenProp","props","undefined","resolvedProps","setIsOpen","value","defaultValue","onChange","arrowBg","backgroundColor","bgColor","bg","targetRef","useRef","enterTimeout","exitTimeout","tooltipID","responsiveQueryContext","useContext","disableCSSMediaQueries","openWithDelay","useCallback","current","setTimeout","closeWithDelay","clearTimeout","useEffect","newChildren","cloneElement","onPress","onFocus","onBlur","onMouseEnter","onMouseLeave","ref","enabled","callback","opacity","transition","duration","absoluteFill","OS"],"mappings":"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","sourcesContent":["import { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport { useControllableState, useKeyboardDismissable } from '../../../hooks';\r\nimport { Popper } from '../Popper';\r\nimport { composeEventHandlers, mergeRefs } from '../../../utils';\r\nimport { PresenceTransition } from '../Transitions';\r\nimport { Platform, StyleSheet } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport Box from '../../primitives/Box';\r\nimport type { ITooltipProps } from './types';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport uniqueId from 'lodash.uniqueid';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\n\r\nexport const Tooltip = ({\r\n  label,\r\n  children,\r\n  onClose,\r\n  onOpen,\r\n  defaultIsOpen,\r\n  placement,\r\n  openDelay = 0,\r\n  closeDelay = 0,\r\n  closeOnClick = true,\r\n  offset,\r\n  isDisabled,\r\n  hasArrow,\r\n  arrowSize = 12,\r\n  isOpen: isOpenProp,\r\n  ...props\r\n}: ITooltipProps) => {\r\n  if (hasArrow && offset === undefined) {\r\n    offset = 0;\r\n  } else {\r\n    offset = 6;\r\n  }\r\n\r\n  const resolvedProps = usePropsResolution('Tooltip', props);\r\n  const [isOpen, setIsOpen] = useControllableState({\r\n    value: isOpenProp,\r\n    defaultValue: defaultIsOpen,\r\n    onChange: (value) => {\r\n      value ? onOpen && onOpen() : onClose && onClose();\r\n    },\r\n  });\r\n\r\n  const arrowBg =\r\n    props.backgroundColor ?? props.bgColor ?? props.bg ?? resolvedProps.bg;\r\n\r\n  const targetRef = React.useRef(null);\r\n\r\n  const enterTimeout = React.useRef<any>();\r\n  const exitTimeout = React.useRef<any>();\r\n  // const tooltipID = '';\r\n  // const tooltipID = useId();\r\n\r\n  let tooltipID = uniqueId();\r\n\r\n  // let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    tooltipID = useId();\r\n  }\r\n\r\n  const openWithDelay = React.useCallback(() => {\r\n    if (!isDisabled) {\r\n      enterTimeout.current = setTimeout(() => setIsOpen(true), openDelay);\r\n    }\r\n  }, [isDisabled, setIsOpen, openDelay]);\r\n\r\n  const closeWithDelay = React.useCallback(() => {\r\n    if (enterTimeout.current) {\r\n      clearTimeout(enterTimeout.current);\r\n    }\r\n    exitTimeout.current = setTimeout(() => setIsOpen(false), closeDelay);\r\n  }, [closeDelay, setIsOpen]);\r\n\r\n  React.useEffect(\r\n    () => () => {\r\n      clearTimeout(enterTimeout.current);\r\n      clearTimeout(exitTimeout.current);\r\n    },\r\n    []\r\n  );\r\n\r\n  let newChildren = children;\r\n\r\n  if (typeof children === 'string') {\r\n    newChildren = <Box>{children}</Box>;\r\n  }\r\n\r\n  newChildren = React.cloneElement(newChildren, {\r\n    'onPress': composeEventHandlers<any>(newChildren.props.onPress, () => {\r\n      if (closeOnClick) {\r\n        closeWithDelay();\r\n      }\r\n    }),\r\n    'onFocus': composeEventHandlers<any>(\r\n      newChildren.props.onFocus,\r\n      openWithDelay\r\n    ),\r\n    'onBlur': composeEventHandlers<any>(\r\n      newChildren.props.onBlur,\r\n      closeWithDelay\r\n    ),\r\n    'onMouseEnter': composeEventHandlers<any>(\r\n      newChildren.props.onMouseEnter,\r\n      openWithDelay\r\n    ),\r\n    'onMouseLeave': composeEventHandlers<any>(\r\n      newChildren.props.onMouseLeave,\r\n      closeWithDelay\r\n    ),\r\n    'ref': mergeRefs([newChildren.ref, targetRef]),\r\n\r\n    'aria-describedby': isOpen ? tooltipID : undefined,\r\n  });\r\n\r\n  useKeyboardDismissable({\r\n    enabled: isOpen,\r\n    callback: () => setIsOpen(false),\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <>\r\n      {newChildren}\r\n      {isOpen && (\r\n        <OverlayContainer>\r\n          <PresenceTransition\r\n            initial={{ opacity: 0 }}\r\n            animate={{ opacity: 1, transition: { duration: 150 } }}\r\n            exit={{ opacity: 0, transition: { duration: 100 } }}\r\n            visible={isOpen}\r\n            style={StyleSheet.absoluteFill}\r\n          >\r\n            <Popper\r\n              triggerRef={targetRef}\r\n              onClose={() => setIsOpen(false)}\r\n              placement={placement}\r\n              offset={offset}\r\n            >\r\n              <Popper.Content isOpen={isOpen}>\r\n                {hasArrow && (\r\n                  <Popper.Arrow\r\n                    borderColor=\"transparent\"\r\n                    backgroundColor={arrowBg}\r\n                    height={arrowSize}\r\n                    width={arrowSize}\r\n                  />\r\n                )}\r\n                <Box\r\n                  {...resolvedProps}\r\n                  //@ts-ignore\r\n                  accessibilityRole={\r\n                    Platform.OS === 'web' ? 'tooltip' : undefined\r\n                  }\r\n                  nativeID={tooltipID}\r\n                >\r\n                  {label}\r\n                </Box>\r\n              </Popper.Content>\r\n            </Popper>\r\n          </PresenceTransition>\r\n        </OverlayContainer>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n"]}

package/lib/module/components/composites/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+//# sourceMappingURL=index.js.map