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

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

@@ -0,0 +1,193 @@
+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 get from 'lodash.get';
+import React from 'react';
+import { Animated, Easing, StyleSheet } from 'react-native';
+import { makeStyledComponent } from '../../../utils/styled';
+import { useTheme, useThemeProps } from '../../../hooks';
+import { canUseDom } from '../../../utils';
+import { default as Box } from '../../primitives/Box';
+import { themeTools } from '../../../theme';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const StyleAnimatedView = makeStyledComponent(Animated.View);
+
+const CircularProgress = ({
+  value,
+  isIndeterminate,
+  max,
+  min,
+  ...props
+}, ref) => {
+  const theme = useTheme();
+  const isDomUsable = canUseDom();
+
+  if (min) {
+    value = value - min;
+  }
+
+  let sizeProps;
+  let newProps = useThemeProps('CircularProgress', props);
+  let [, remainingProps] = themeTools.extractInObject(props, ['size']); // removing size from props so that Box don't accept size passed for CircularProgress
+
+  if (!newProps.size) {
+    sizeProps = {
+      height: newProps.height,
+      width: newProps.width
+    };
+  } else {
+    sizeProps = {
+      height: newProps.size,
+      width: newProps.size
+    };
+  } // fetching size from theme for passing into style prop
+
+
+  const themeHeight = get(theme, 'space.' + sizeProps.height);
+  const themeWidth = get(theme, 'space.' + sizeProps.width);
+  const styleSize = {
+    height: themeHeight ? parseInt(themeHeight.slice(themeHeight.Length, -2), 10) : sizeProps.height,
+    width: themeWidth ? parseInt(themeWidth.slice(themeWidth.Length, -2), 10) : sizeProps.width
+  };
+  const defaultThickness = newProps.thickness;
+  const degree = new Animated.Value(0);
+
+  if (isIndeterminate) {
+    if (isDomUsable) {
+      Animated.loop(Animated.timing(degree, {
+        toValue: 1,
+        duration: 600,
+        easing: Easing.linear,
+        useNativeDriver: false
+      })).start();
+    }
+  }
+
+  const [viewHeight, setViewHeight] = React.useState(0);
+
+  const layout = e => {
+    let height = e.nativeEvent.layout.height;
+    setViewHeight(height);
+  };
+
+  const defaultStyling = {
+    borderBottomLeftRadius: viewHeight / 2,
+    borderBottomRightRadius: viewHeight / 2,
+    borderTopLeftRadius: viewHeight / 2,
+    borderTopRightRadius: viewHeight / 2,
+    borderLeftWidth: defaultThickness,
+    borderBottomWidth: defaultThickness,
+    position: 'absolute',
+    borderLeftColor: 'transparent',
+    borderBottomColor: 'transparent',
+    ...styleSize
+  };
+  const styles = StyleSheet.create({
+    firstProgressLayer: {
+      borderTopWidth: defaultThickness,
+      borderRightWidth: defaultThickness,
+      ...defaultStyling,
+      transform: [{
+        rotateZ: '-135deg'
+      }]
+    },
+    secondProgressLayer: {
+      borderTopWidth: defaultThickness,
+      borderRightWidth: defaultThickness,
+      ...defaultStyling,
+      transform: [{
+        rotateZ: '45deg'
+      }]
+    },
+    offsetLayer: {
+      borderTopWidth: defaultThickness,
+      borderRightWidth: defaultThickness,
+      ...defaultStyling,
+      borderRadius: viewHeight / 2,
+      transform: [{
+        rotateZ: '-135deg'
+      }]
+    },
+    animateStyle: {
+      borderTopWidth: defaultThickness,
+      borderRightWidth: defaultThickness,
+      ...defaultStyling,
+      transform: [{
+        rotateZ: degree.interpolate({
+          inputRange: [0, 1],
+          outputRange: ['0deg', '360deg']
+        })
+      }]
+    }
+  });
+  let halfSide = (max ? min ? max - min : max : 100) / 2; // calculating the halfvalue of the progress according to min and max
+
+  const propStyle = (percent, base_degrees) => {
+    const rotateBy = base_degrees + percent * 180 / halfSide;
+    return {
+      transform: [{
+        rotateZ: rotateBy + 'deg'
+      }]
+    };
+  };
+
+  const renderThirdLayer = percent => {
+    if (percent > halfSide) {
+      return /*#__PURE__*/React.createElement(Box, {
+        borderTopColor: newProps.color,
+        borderRightColor: newProps.color,
+        style: [styles.secondProgressLayer, propStyle(percent - halfSide, 45)]
+      });
+    } else {
+      return /*#__PURE__*/React.createElement(Box, {
+        borderTopColor: newProps.trackColor,
+        borderRightColor: newProps.trackColor,
+        style: styles.offsetLayer
+      });
+    }
+  };
+
+  let firstProgressLayerStyle;
+
+  if (value > halfSide) {
+    firstProgressLayerStyle = propStyle(halfSide, -135);
+  } else {
+    firstProgressLayerStyle = propStyle(value, -135);
+  } //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, sizeProps, {
+    rounded: viewHeight / 2,
+    borderWidth: defaultThickness,
+    borderColor: newProps.trackColor,
+    justifyContent: "center",
+    alignItems: "center"
+  }, remainingProps, {
+    ref: ref,
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min,
+      max,
+      now: value
+    }
+  }), !isIndeterminate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    onLayout: layout,
+    borderTopColor: newProps.color,
+    borderRightColor: newProps.color,
+    style: [styles.firstProgressLayer, firstProgressLayerStyle]
+  }), renderThirdLayer(value), /*#__PURE__*/React.createElement(Box, {
+    _text: newProps._text
+  }, remainingProps.children)) : /*#__PURE__*/React.createElement(StyleAnimatedView, {
+    onLayout: layout,
+    borderTopColor: newProps.color,
+    borderRightColor: newProps.color,
+    style: styles.animateStyle
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(CircularProgress));
+//# sourceMappingURL=CircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CircularProgress.tsx"],"names":["get","React","Animated","Easing","StyleSheet","makeStyledComponent","useTheme","useThemeProps","canUseDom","default","Box","themeTools","useHasResponsiveProps","StyleAnimatedView","View","CircularProgress","value","isIndeterminate","max","min","props","ref","theme","isDomUsable","sizeProps","newProps","remainingProps","extractInObject","size","height","width","themeHeight","themeWidth","styleSize","parseInt","slice","Length","defaultThickness","thickness","degree","Value","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","viewHeight","setViewHeight","useState","layout","e","nativeEvent","defaultStyling","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","borderLeftWidth","borderBottomWidth","position","borderLeftColor","borderBottomColor","styles","create","firstProgressLayer","borderTopWidth","borderRightWidth","transform","rotateZ","secondProgressLayer","offsetLayer","borderRadius","animateStyle","interpolate","inputRange","outputRange","halfSide","propStyle","percent","base_degrees","rotateBy","renderThirdLayer","color","trackColor","firstProgressLayerStyle","now","_text","children","memo","forwardRef"],"mappings":"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","sourcesContent":["import get from 'lodash.get';\r\nimport React from 'react';\r\nimport { Animated, Easing, StyleSheet } from 'react-native';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useTheme, useThemeProps } from '../../../hooks';\r\nimport { canUseDom } from '../../../utils';\r\nimport { default as Box } from '../../primitives/Box';\r\nimport type { ICircularProgressProps } from './types';\r\nimport { themeTools } from '../../../theme';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyleAnimatedView = makeStyledComponent(Animated.View);\r\n\r\nconst CircularProgress = (\r\n  { value, isIndeterminate, max, min, ...props }: ICircularProgressProps,\r\n  ref: any\r\n) => {\r\n  const theme = useTheme();\r\n\r\n  const isDomUsable = canUseDom();\r\n  if (min) {\r\n    value = value - min;\r\n  }\r\n\r\n  let sizeProps;\r\n  let newProps = useThemeProps('CircularProgress', props);\r\n  let [, remainingProps] = themeTools.extractInObject(props, ['size']); // removing size from props so that Box don't accept size passed for CircularProgress\r\n\r\n  if (!newProps.size) {\r\n    sizeProps = {\r\n      height: newProps.height,\r\n      width: newProps.width,\r\n    };\r\n  } else {\r\n    sizeProps = { height: newProps.size, width: newProps.size };\r\n  }\r\n  // fetching size from theme for passing into style prop\r\n  const themeHeight = get(theme, 'space.' + sizeProps.height);\r\n  const themeWidth = get(theme, 'space.' + sizeProps.width);\r\n\r\n  const styleSize = {\r\n    height: themeHeight\r\n      ? parseInt(themeHeight.slice(themeHeight.Length, -2), 10)\r\n      : sizeProps.height,\r\n    width: themeWidth\r\n      ? parseInt(themeWidth.slice(themeWidth.Length, -2), 10)\r\n      : sizeProps.width,\r\n  };\r\n\r\n  const defaultThickness = newProps.thickness;\r\n  const degree: any = new Animated.Value(0);\r\n  if (isIndeterminate) {\r\n    if (isDomUsable) {\r\n      Animated.loop(\r\n        Animated.timing(degree, {\r\n          toValue: 1,\r\n          duration: 600,\r\n          easing: Easing.linear,\r\n          useNativeDriver: false,\r\n        })\r\n      ).start();\r\n    }\r\n  }\r\n  const [viewHeight, setViewHeight] = React.useState(0);\r\n  const layout = (e: any) => {\r\n    let height = e.nativeEvent.layout.height;\r\n    setViewHeight(height);\r\n  };\r\n\r\n  const defaultStyling: any = {\r\n    borderBottomLeftRadius: viewHeight / 2,\r\n    borderBottomRightRadius: viewHeight / 2,\r\n    borderTopLeftRadius: viewHeight / 2,\r\n    borderTopRightRadius: viewHeight / 2,\r\n    borderLeftWidth: defaultThickness,\r\n    borderBottomWidth: defaultThickness,\r\n    position: 'absolute',\r\n    borderLeftColor: 'transparent',\r\n    borderBottomColor: 'transparent',\r\n    ...styleSize,\r\n  };\r\n  const styles = StyleSheet.create({\r\n    firstProgressLayer: {\r\n      borderTopWidth: defaultThickness,\r\n      borderRightWidth: defaultThickness,\r\n      ...defaultStyling,\r\n      transform: [{ rotateZ: '-135deg' }],\r\n    },\r\n    secondProgressLayer: {\r\n      borderTopWidth: defaultThickness,\r\n      borderRightWidth: defaultThickness,\r\n      ...defaultStyling,\r\n      transform: [{ rotateZ: '45deg' }],\r\n    },\r\n    offsetLayer: {\r\n      borderTopWidth: defaultThickness,\r\n      borderRightWidth: defaultThickness,\r\n      ...defaultStyling,\r\n      borderRadius: viewHeight / 2,\r\n      transform: [{ rotateZ: '-135deg' }],\r\n    },\r\n    animateStyle: {\r\n      borderTopWidth: defaultThickness,\r\n      borderRightWidth: defaultThickness,\r\n      ...defaultStyling,\r\n      transform: [\r\n        {\r\n          rotateZ: degree.interpolate({\r\n            inputRange: [0, 1],\r\n            outputRange: ['0deg', '360deg'],\r\n          }),\r\n        },\r\n      ],\r\n    },\r\n  });\r\n  let halfSide = (max ? (min ? max - min : max) : 100) / 2; // calculating the halfvalue of the progress according to min and max\r\n\r\n  const propStyle = (percent: number, base_degrees: number) => {\r\n    const rotateBy = base_degrees + (percent * 180) / halfSide;\r\n    return {\r\n      transform: [{ rotateZ: rotateBy + 'deg' }],\r\n    };\r\n  };\r\n\r\n  const renderThirdLayer = (percent: number) => {\r\n    if (percent > halfSide) {\r\n      return (\r\n        <Box\r\n          borderTopColor={newProps.color}\r\n          borderRightColor={newProps.color}\r\n          style={[\r\n            styles.secondProgressLayer,\r\n            propStyle(percent - halfSide, 45),\r\n          ]}\r\n        />\r\n      );\r\n    } else {\r\n      return (\r\n        <Box\r\n          borderTopColor={newProps.trackColor}\r\n          borderRightColor={newProps.trackColor}\r\n          style={styles.offsetLayer}\r\n        />\r\n      );\r\n    }\r\n  };\r\n  let firstProgressLayerStyle;\r\n  if (value > halfSide) {\r\n    firstProgressLayerStyle = propStyle(halfSide, -135);\r\n  } else {\r\n    firstProgressLayerStyle = propStyle(value, -135);\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    <Box\r\n      {...sizeProps}\r\n      rounded={viewHeight / 2}\r\n      borderWidth={defaultThickness}\r\n      borderColor={newProps.trackColor}\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      {...remainingProps}\r\n      ref={ref}\r\n      accessible\r\n      accessibilityRole=\"progressbar\"\r\n      accessibilityValue={{\r\n        min,\r\n        max,\r\n        now: value,\r\n      }}\r\n    >\r\n      {!isIndeterminate ? (\r\n        <>\r\n          <Box\r\n            onLayout={layout}\r\n            borderTopColor={newProps.color}\r\n            borderRightColor={newProps.color}\r\n            style={[styles.firstProgressLayer, firstProgressLayerStyle]}\r\n          />\r\n          {renderThirdLayer(value)}\r\n          <Box _text={newProps._text}>{remainingProps.children}</Box>\r\n        </>\r\n      ) : (\r\n        <StyleAnimatedView\r\n          onLayout={layout}\r\n          borderTopColor={newProps.color}\r\n          borderRightColor={newProps.color}\r\n          style={styles.animateStyle}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(CircularProgress));\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","CircularProgress"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,eAAeA,gBAAf","sourcesContent":["import { default as CircularProgress } from './CircularProgress';\r\nexport default CircularProgress;\r\n"]}

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

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

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

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

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

@@ -0,0 +1,28 @@
+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 { Platform } from 'react-native';
+import { useThemeProps } from '../../../hooks';
+import Box from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Code = ({ ...props
+}, ref) => {
+  let { ...newProps
+  } = useThemeProps('Code', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    _text: {
+      fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace'
+    }
+  }, newProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Code));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","Platform","useThemeProps","Box","useHasResponsiveProps","Code","props","ref","newProps","fontFamily","OS","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,IAAI,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAA2BC,GAA3B,KAAyC;AACpD,MAAI,EAAE,GAAGC;AAAL,MAAkBN,aAAa,CAAC,MAAD,EAASI,KAAT,CAAnC,CADoD,CAEpD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAE;AACLG,MAAAA,UAAU,EAAER,QAAQ,CAACS,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC;AAD3C;AADT,KAIMF,QAJN;AAKE,IAAA,GAAG,EAAED;AALP,KADF;AASD,CAfD;;AAkBA,4BAAeP,KAAK,CAACW,IAAN,eAAWX,KAAK,CAACY,UAAN,CAAiBP,IAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport Box from '../../primitives/Box';\r\nimport type { ICodeProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Code = ({ ...props }: ICodeProps, ref?: any) => {\r\n  let { ...newProps } = useThemeProps('Code', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box\r\n      _text={{\r\n        fontFamily: Platform.OS === 'ios' ? 'Courier' : 'monospace',\r\n      }}\r\n      {...newProps}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport type { ICodeProps };\r\nexport default React.memo(React.forwardRef(Code));\r\n"]}

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

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

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

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

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

@@ -0,0 +1,102 @@
+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 isNil from 'lodash.isnil';
+import React, { useEffect, useRef, forwardRef } from 'react';
+import { LayoutAnimation, UIManager, Platform } from 'react-native';
+import { Box } from '../../primitives';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+function usePrevious(value) {
+  const ref = useRef();
+
+  function updatePrevious(newVal) {
+    ref.current = newVal;
+  }
+
+  useEffect(() => {
+    updatePrevious(value);
+  }, [value]);
+  return {
+    value: ref.current,
+    updatePrevious
+  };
+}
+
+const Collapse = ({
+  endingHeight,
+  startingHeight,
+  duration,
+  // animateOpacity,
+  isOpen,
+  onAnimationEnd,
+  onAnimationStart,
+  ...props
+}, ref) => {
+  if (Platform.OS === 'android') {
+    UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
+  }
+
+  const CustomLayoutLinear = {
+    duration: duration ? duration : 400,
+    create: {
+      type: LayoutAnimation.Types.easeInEaseOut,
+      property: LayoutAnimation.Properties.opacity
+    },
+    update: {
+      type: LayoutAnimation.Types.easeInEaseOut
+    }
+  };
+  const defaultStartHeight = isOpen ? endingHeight : startingHeight ? startingHeight : 1;
+  let animatedStyle = {
+    height: defaultStartHeight
+  };
+
+  const animateView = () => {
+    if (onAnimationStart) {
+      onAnimationStart();
+    }
+
+    animatedStyle = {
+      height: isOpen ? endingHeight : defaultStartHeight
+    };
+    let callback = onAnimationEnd ? onAnimationEnd : () => {};
+    LayoutAnimation.configureNext(CustomLayoutLinear, callback());
+  };
+
+  let wasOpen = usePrevious(isOpen);
+
+  if (!isNil(wasOpen.value) && wasOpen.value !== isOpen) {
+    animateView();
+    wasOpen.updatePrevious(isOpen);
+  }
+
+  const [size, setSize] = React.useState(startingHeight !== null && startingHeight !== void 0 ? startingHeight : 0);
+
+  const provideSize = layoutSize => {
+    setSize(layoutSize.height);
+  };
+
+  const _web = {
+    transition: "height ".concat(duration !== null && duration !== void 0 ? duration : '400', "ms"),
+    height: isOpen ? endingHeight || size : startingHeight || 0
+  }; //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, {
+    style: { ...animatedStyle,
+      ...(Platform.OS === 'web' && _web)
+    },
+    overflow: "hidden",
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Box //@ts-ignore
+  , _extends({
+    overflow: Platform.OS === 'web' ? 'auto' : 'scroll',
+    onLayout: e => provideSize(e.nativeEvent.layout)
+  }, props)));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef(Collapse));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["isNil","React","useEffect","useRef","forwardRef","LayoutAnimation","UIManager","Platform","Box","useHasResponsiveProps","usePrevious","value","ref","updatePrevious","newVal","current","Collapse","endingHeight","startingHeight","duration","isOpen","onAnimationEnd","onAnimationStart","props","OS","setLayoutAnimationEnabledExperimental","CustomLayoutLinear","create","type","Types","easeInEaseOut","property","Properties","opacity","update","defaultStartHeight","animatedStyle","height","animateView","callback","configureNext","wasOpen","size","setSize","useState","provideSize","layoutSize","_web","transition","e","nativeEvent","layout","memo"],"mappings":"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","sourcesContent":["import isNil from 'lodash.isnil';\r\nimport React, { useEffect, useRef, forwardRef } from 'react';\r\nimport { ViewStyle, LayoutAnimation, UIManager, Platform } from 'react-native';\r\nimport { Box } from '../../primitives';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { CustomProps } from '../../../components/types';\r\nexport type InterfaceCollapseProps = InterfaceBoxProps<ICollapseProps> & {\r\n  style?: ViewStyle;\r\n  endingHeight?: number;\r\n  startingHeight?: number;\r\n  duration?: number;\r\n  animateOpacity?: boolean;\r\n  isOpen?: boolean;\r\n  onAnimationEnd?: Function;\r\n  onAnimationStart?: Function;\r\n};\r\n\r\nexport type ICollapseProps = InterfaceCollapseProps & CustomProps<'Box'>;\r\n\r\nfunction usePrevious(value: any) {\r\n  const ref = useRef();\r\n  function updatePrevious(newVal: any) {\r\n    ref.current = newVal;\r\n  }\r\n  useEffect(() => {\r\n    updatePrevious(value);\r\n  }, [value]);\r\n  return { value: ref.current, updatePrevious };\r\n}\r\n\r\nconst Collapse = (\r\n  {\r\n    endingHeight,\r\n    startingHeight,\r\n    duration,\r\n    // animateOpacity,\r\n    isOpen,\r\n    onAnimationEnd,\r\n    onAnimationStart,\r\n    ...props\r\n  }: ICollapseProps,\r\n  ref?: any\r\n) => {\r\n  if (Platform.OS === 'android') {\r\n    UIManager.setLayoutAnimationEnabledExperimental &&\r\n      UIManager.setLayoutAnimationEnabledExperimental(true);\r\n  }\r\n  const CustomLayoutLinear = {\r\n    duration: duration ? duration : 400,\r\n    create: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n      property: LayoutAnimation.Properties.opacity,\r\n    },\r\n    update: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n    },\r\n  };\r\n  const defaultStartHeight: any = isOpen\r\n    ? endingHeight\r\n    : startingHeight\r\n    ? startingHeight\r\n    : 1;\r\n  let animatedStyle = { height: defaultStartHeight };\r\n  const animateView = () => {\r\n    if (onAnimationStart) {\r\n      onAnimationStart();\r\n    }\r\n    animatedStyle = {\r\n      height: isOpen ? endingHeight : defaultStartHeight,\r\n    };\r\n    let callback = onAnimationEnd ? onAnimationEnd : () => {};\r\n    LayoutAnimation.configureNext(CustomLayoutLinear, callback());\r\n  };\r\n\r\n  let wasOpen = usePrevious(isOpen);\r\n  if (!isNil(wasOpen.value) && wasOpen.value !== isOpen) {\r\n    animateView();\r\n    wasOpen.updatePrevious(isOpen);\r\n  }\r\n  const [size, setSize] = React.useState(startingHeight ?? 0);\r\n  const provideSize = (layoutSize: any) => {\r\n    setSize(layoutSize.height);\r\n  };\r\n  const _web = {\r\n    transition: `height ${duration ?? '400'}ms`,\r\n    height: isOpen ? endingHeight || size : startingHeight || 0,\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    <Box\r\n      style={{ ...animatedStyle, ...(Platform.OS === 'web' && _web) }}\r\n      overflow=\"hidden\"\r\n      ref={ref}\r\n    >\r\n      <Box\r\n        //@ts-ignore\r\n        overflow={Platform.OS === 'web' ? 'auto' : 'scroll'}\r\n        onLayout={(e: any) => provideSize(e.nativeEvent.layout)}\r\n        {...props}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(forwardRef(Collapse));\r\n"]}

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

@@ -0,0 +1,24 @@
+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 Box from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Container = ({
+  children,
+  ...props
+}, ref) => {
+  const resolvedProps = usePropsResolution('Container', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref
+  }, resolvedProps), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Container));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","usePropsResolution","Box","useHasResponsiveProps","Container","children","props","ref","resolvedProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0CC,GAA1C,KAAwD;AACxE,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,WAAD,EAAcK,KAAd,CAAxC,CADwE,CAGxE;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAmBC,aAAnB,GACGH,QADH,CADF;AAKD,CAZD;;AAcA,4BAAeL,KAAK,CAACS,IAAN,eAAWT,KAAK,CAACU,UAAN,CAAiBN,SAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport Box from '../../primitives/Box';\r\nimport type { IContainerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Container = ({ children, ...props }: IContainerProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('Container', props);\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    <Box ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Container));\r\nexport type { IContainerProps };\r\n"]}

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

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

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

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

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

@@ -0,0 +1,30 @@
+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, { memo, forwardRef } from 'react';
+import { Platform } from 'react-native';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import Box from './../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Divider = (props, ref) => {
+  const {
+    orientation,
+    ...resolvedProps
+  } = usePropsResolution('Divider', props, {}, {
+    resolveResponsively: ['thickness']
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref,
+    "aria-orientation": orientation //@ts-ignore web only role
+    ,
+    accessibilityRole: Platform.OS === 'web' ? 'separator' : undefined
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Divider));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","Platform","usePropsResolution","Box","useHasResponsiveProps","Divider","props","ref","orientation","resolvedProps","resolveResponsively","OS","undefined"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAuBC,GAAvB,KAAqC;AACnD,QAAM;AAAEC,IAAAA,WAAF;AAAe,OAAGC;AAAlB,MAAoCP,kBAAkB,CAC1D,SAD0D,EAE1DI,KAF0D,EAG1D,EAH0D,EAI1D;AAAEI,IAAAA,mBAAmB,EAAE,CAAC,WAAD;AAAvB,GAJ0D,CAA5D,CADmD,CAOnD;;AACA,MAAIN,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eACMG,aADN;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,wBAAkBC,WAHpB,CAIE;AAJF;AAKE,IAAA,iBAAiB,EAAEP,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,WAAxB,GAAsCC;AAL3D,KADF;AASD,CApBD;;AAsBA,4BAAeb,IAAI,eAACC,UAAU,CAACK,OAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from './../../primitives/Box';\r\nimport type { IDividerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Divider = (props: IDividerProps, ref?: any) => {\r\n  const { orientation, ...resolvedProps } = usePropsResolution(\r\n    'Divider',\r\n    props,\r\n    {},\r\n    { resolveResponsively: ['thickness'] }\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    <Box\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      aria-orientation={orientation}\r\n      //@ts-ignore web only role\r\n      accessibilityRole={Platform.OS === 'web' ? 'separator' : undefined}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Divider));\r\n"]}

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

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

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

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

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

@@ -0,0 +1,52 @@
+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 Backdrop from '../Backdrop';
+import Box from '../../primitives/Box';
+
+const Drawer = ({
+  children,
+  isOpen,
+  onClose,
+  placement = 'right'
+}) => {
+  const placementStyles = React.useMemo(() => {
+    const styles = {
+      position: 'absolute'
+    };
+
+    if (placement === 'top') {
+      styles.top = 0;
+      styles.left = 0;
+      styles.right = 0;
+      styles.width = '100%';
+    } else if (placement === 'bottom') {
+      styles.bottom = 0;
+      styles.left = 0;
+      styles.right = 0;
+      styles.width = '100%';
+    } else if (placement === 'right') {
+      styles.right = 0;
+      styles.top = 0;
+      styles.bottom = 0;
+      styles.height = '100%';
+    } else {
+      styles.top = 0;
+      styles.bottom = 0;
+      styles.left = 0;
+      styles.height = '100%';
+    }
+
+    return styles;
+  }, [placement]);
+  if (!isOpen) return null;
+  return /*#__PURE__*/React.createElement(OverlayContainer, null, /*#__PURE__*/React.createElement(Backdrop, {
+    onPress: onClose ? onClose : () => {}
+  }), /*#__PURE__*/React.createElement(Box, _extends({}, placementStyles, {
+    opacity: 1
+  }), children));
+};
+
+export default Drawer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["OverlayContainer","React","Backdrop","Box","Drawer","children","isOpen","onClose","placement","placementStyles","useMemo","styles","position","top","left","right","width","bottom","height"],"mappings":";;AAAA,SAASA,gBAAT,QAAiC,6BAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,GAAP,MAAgB,sBAAhB;;AASA,MAAMC,MAAM,GAAG,CAAC;AACdC,EAAAA,QADc;AAEdC,EAAAA,MAFc;AAGdC,EAAAA,OAHc;AAIdC,EAAAA,SAAS,GAAG;AAJE,CAAD,KAKK;AAClB,QAAMC,eAAe,GAAGR,KAAK,CAACS,OAAN,CAAc,MAAM;AAC1C,UAAMC,MAAW,GAAG;AAClBC,MAAAA,QAAQ,EAAE;AADQ,KAApB;;AAIA,QAAIJ,SAAS,KAAK,KAAlB,EAAyB;AACvBG,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACK,KAAP,GAAe,MAAf;AACD,KALD,MAKO,IAAIR,SAAS,KAAK,QAAlB,EAA4B;AACjCG,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACK,KAAP,GAAe,MAAf;AACD,KALM,MAKA,IAAIR,SAAS,KAAK,OAAlB,EAA2B;AAChCG,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACO,MAAP,GAAgB,MAAhB;AACD,KALM,MAKA;AACLP,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACO,MAAP,GAAgB,MAAhB;AACD;;AACD,WAAOP,MAAP;AACD,GA3BuB,EA2BrB,CAACH,SAAD,CA3BqB,CAAxB;AA6BA,MAAI,CAACF,MAAL,EAAa,OAAO,IAAP;AAEb,sBACE,oBAAC,gBAAD,qBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAEC,OAAO,GAAGA,OAAH,GAAa,MAAM,CAAE;AAA/C,IADF,eAEE,oBAAC,GAAD,eAASE,eAAT;AAA0B,IAAA,OAAO,EAAE;AAAnC,MACGJ,QADH,CAFF,CADF;AAQD,CA7CD;;AA+CA,eAAeD,MAAf","sourcesContent":["import { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport Backdrop from '../Backdrop';\r\nimport Box from '../../primitives/Box';\r\n\r\nexport type IDrawerProps = {\r\n  placement?: 'top' | 'left' | 'right' | 'bottom';\r\n  children?: any;\r\n  isOpen: boolean;\r\n  onClose?: () => void;\r\n};\r\n\r\nconst Drawer = ({\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n  placement = 'right',\r\n}: IDrawerProps) => {\r\n  const placementStyles = React.useMemo(() => {\r\n    const styles: any = {\r\n      position: 'absolute',\r\n    };\r\n\r\n    if (placement === 'top') {\r\n      styles.top = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'bottom') {\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'right') {\r\n      styles.right = 0;\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.height = '100%';\r\n    } else {\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.height = '100%';\r\n    }\r\n    return styles;\r\n  }, [placement]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <OverlayContainer>\r\n      <Backdrop onPress={onClose ? onClose : () => {}} />\r\n      <Box {...placementStyles} opacity={1}>\r\n        {children}\r\n      </Box>\r\n    </OverlayContainer>\r\n  );\r\n};\r\n\r\nexport default Drawer;\r\n"]}

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

@@ -0,0 +1,36 @@
+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, { memo, forwardRef } from 'react';
+import { Button } from '../../primitives/Button';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { OverlayContainer } from '@react-native-aria/overlays';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { extractInObject } from '../../../theme/tools/utils';
+
+const Fab = ({ ...props
+}, ref) => {
+  /** Extracting Button Specific Props */
+  const [buttonProps, remainingProps] = extractInObject(props, ['variant', '_pressed', '_hover', '_text', '_focus', '_stack', '_loading', '_disabled', '_spinner']);
+  const themeProps = usePropsResolution('FAB', remainingProps);
+  const {
+    label,
+    icon,
+    renderInPortal,
+    placement,
+    placementProps,
+    ...newProps
+  } = themeProps;
+  const fabComponent = /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, placementProps[placement], {
+    ref: ref,
+    startIcon: icon
+  }, newProps), label); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return renderInPortal ? /*#__PURE__*/React.createElement(OverlayContainer, null, fabComponent) : fabComponent;
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Fab));
+//# sourceMappingURL=Fab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Fab.tsx"],"names":["React","memo","forwardRef","Button","usePropsResolution","OverlayContainer","useHasResponsiveProps","extractInObject","Fab","props","ref","buttonProps","remainingProps","themeProps","label","icon","renderInPortal","placement","placementProps","newProps","fabComponent"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,MAAT,QAAuB,yBAAvB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,eAAT,QAAgC,4BAAhC;;AAEA,MAAMC,GAAG,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAA0BC,GAA1B,KAAuC;AACjD;AACA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCL,eAAe,CAACE,KAAD,EAAQ,CAC3D,SAD2D,EAE3D,UAF2D,EAG3D,QAH2D,EAI3D,OAJ2D,EAK3D,QAL2D,EAM3D,QAN2D,EAO3D,UAP2D,EAQ3D,WAR2D,EAS3D,UAT2D,CAAR,CAArD;AAWA,QAAMI,UAAU,GAAGT,kBAAkB,CAAC,KAAD,EAAQQ,cAAR,CAArC;AAEA,QAAM;AACJE,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,cAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,cALI;AAMJ,OAAGC;AANC,MAOFN,UAPJ;AASA,QAAMO,YAAY,gBAChB,oBAAC,MAAD,eACMT,WADN,EAEMO,cAAc,CAACD,SAAD,CAFpB;AAGE,IAAA,GAAG,EAAEP,GAHP;AAIE,IAAA,SAAS,EAAEK;AAJb,KAKMI,QALN,GAOGL,KAPH,CADF,CAxBiD,CAmCjD;;AACA,MAAIR,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,SAAOO,cAAc,gBACnB,oBAAC,gBAAD,QAAmBI,YAAnB,CADmB,GAGnBA,YAHF;AAKD,CA7CD;;AA+CA,4BAAenB,IAAI,eAACC,UAAU,CAACM,GAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Button } from '../../primitives/Button';\r\nimport type { IFabProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { OverlayContainer } from '@react-native-aria/overlays';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { extractInObject } from '../../../theme/tools/utils';\r\n\r\nconst Fab = ({ ...props }: IFabProps, ref: any) => {\r\n  /** Extracting Button Specific Props */\r\n  const [buttonProps, remainingProps] = extractInObject(props, [\r\n    'variant',\r\n    '_pressed',\r\n    '_hover',\r\n    '_text',\r\n    '_focus',\r\n    '_stack',\r\n    '_loading',\r\n    '_disabled',\r\n    '_spinner',\r\n  ]);\r\n  const themeProps = usePropsResolution('FAB', remainingProps);\r\n\r\n  const {\r\n    label,\r\n    icon,\r\n    renderInPortal,\r\n    placement,\r\n    placementProps,\r\n    ...newProps\r\n  } = themeProps;\r\n\r\n  const fabComponent = (\r\n    <Button\r\n      {...buttonProps}\r\n      {...placementProps[placement]}\r\n      ref={ref}\r\n      startIcon={icon}\r\n      {...newProps}\r\n    >\r\n      {label}\r\n    </Button>\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return renderInPortal ? (\r\n    <OverlayContainer>{fabComponent}</OverlayContainer>\r\n  ) : (\r\n    fabComponent\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Fab));\r\n"]}