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

package/lib/commonjs/components/composites/Center/Center.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+const Center = (props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Center', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    ref: ref
+  }, resolvedProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Center));
+
+exports.default = _default;
+//# sourceMappingURL=Center.js.map

package/lib/commonjs/components/composites/Center/Center.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Center.tsx"],"names":["Center","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAmC;AAChD,QAAMC,aAAa,GAAG,uCAAmB,QAAnB,EAA6BF,KAA7B,CAAtB,CADgD,CAEhD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAmBC,aAAnB,EAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWH,MAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from '../../primitives/Box';\r\nimport type { ICenterProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Center = (props: ICenterProps, ref: any) => {\r\n  const resolvedProps = usePropsResolution('Center', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box ref={ref} {...resolvedProps} />;\r\n};\r\n\r\nexport default memo(forwardRef(Center));\r\n"]}

package/lib/commonjs/components/composites/Center/Circle.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const Circle = (props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Circle', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Circle));
+
+exports.default = _default;
+//# sourceMappingURL=Circle.js.map

package/lib/commonjs/components/composites/Center/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.tsx"],"names":["Circle","props","ref","resolvedProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAmC;AAChD,QAAMC,aAAa,GAAG,uCAAmB,QAAnB,EAA6BF,KAA7B,CAAtB,CADgD,CAGhD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CARD;;4BAUeE,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBN,MAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ICircleProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Circle = (props: ICircleProps, ref: any) => {\r\n  const resolvedProps = usePropsResolution('Circle', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Circle));\r\n"]}

package/lib/commonjs/components/composites/Center/Square.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Square = props => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Square', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, resolvedProps);
+};
+
+var _default = /*#__PURE__*/_react.default.memo(Square);
+
+exports.default = _default;
+//# sourceMappingURL=Square.js.map

package/lib/commonjs/components/composites/Center/Square.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Square.tsx"],"names":["Square","props","resolvedProps","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,MAAM,GAAIC,KAAD,IAAyB;AACtC,QAAMC,aAAa,GAAG,uCAAmB,QAAnB,EAA6BD,KAA7B,CAAtB,CADsC,CAGtC;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD,EAASC,aAAT,CAAP;AACD,CARD;;4BAUeC,eAAMC,IAAN,CAAWJ,MAAX,C","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISquareProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nconst Square = (props: ISquareProps) => {\r\n  const resolvedProps = usePropsResolution('Square', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box {...resolvedProps} />;\r\n};\r\n\r\nexport default React.memo(Square);\r\n"]}

package/lib/commonjs/components/composites/Center/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Center", {
+  enumerable: true,
+  get: function () {
+    return _Center.default;
+  }
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function () {
+    return _Circle.default;
+  }
+});
+Object.defineProperty(exports, "Square", {
+  enumerable: true,
+  get: function () {
+    return _Square.default;
+  }
+});
+
+var _Center = _interopRequireDefault(require("./Center"));
+
+var _Circle = _interopRequireDefault(require("./Circle"));
+
+var _Square = _interopRequireDefault(require("./Square"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Center/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as Center } from './Center';\r\nexport { default as Circle } from './Circle';\r\nexport { default as Square } from './Square';\r\nexport type { ICenterProps, ICircleProps, ISquareProps } from './types';\r\n"]}

package/lib/commonjs/components/composites/Center/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Center/types.js.map

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

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

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _styled = require("../../../utils/styled");
+
+var _hooks = require("../../../hooks");
+
+var _utils = require("../../../utils");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _theme = require("../../../theme");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const StyleAnimatedView = (0, _styled.makeStyledComponent)(_reactNative.Animated.View);
+
+const CircularProgress = ({
+  value,
+  isIndeterminate,
+  max,
+  min,
+  ...props
+}, ref) => {
+  const theme = (0, _hooks.useTheme)();
+  const isDomUsable = (0, _utils.canUseDom)();
+
+  if (min) {
+    value = value - min;
+  }
+
+  let sizeProps;
+  let newProps = (0, _hooks.useThemeProps)('CircularProgress', props);
+
+  let [, remainingProps] = _theme.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 = (0, _lodash.default)(theme, 'space.' + sizeProps.height);
+  const themeWidth = (0, _lodash.default)(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 _reactNative.Animated.Value(0);
+
+  if (isIndeterminate) {
+    if (isDomUsable) {
+      _reactNative.Animated.loop(_reactNative.Animated.timing(degree, {
+        toValue: 1,
+        duration: 600,
+        easing: _reactNative.Easing.linear,
+        useNativeDriver: false
+      })).start();
+    }
+  }
+
+  const [viewHeight, setViewHeight] = _react.default.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 = _reactNative.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.default.createElement(_Box.default, {
+        borderTopColor: newProps.color,
+        borderRightColor: newProps.color,
+        style: [styles.secondProgressLayer, propStyle(percent - halfSide, 45)]
+      });
+    } else {
+      return /*#__PURE__*/_react.default.createElement(_Box.default, {
+        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 ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    onLayout: layout,
+    borderTopColor: newProps.color,
+    borderRightColor: newProps.color,
+    style: [styles.firstProgressLayer, firstProgressLayerStyle]
+  }), renderThirdLayer(value), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    _text: newProps._text
+  }, remainingProps.children)) : /*#__PURE__*/_react.default.createElement(StyleAnimatedView, {
+    onLayout: layout,
+    borderTopColor: newProps.color,
+    borderRightColor: newProps.color,
+    style: styles.animateStyle
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(CircularProgress));
+
+exports.default = _default;
+//# sourceMappingURL=CircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CircularProgress.tsx"],"names":["StyleAnimatedView","Animated","View","CircularProgress","value","isIndeterminate","max","min","props","ref","theme","isDomUsable","sizeProps","newProps","remainingProps","themeTools","extractInObject","size","height","width","themeHeight","themeWidth","styleSize","parseInt","slice","Length","defaultThickness","thickness","degree","Value","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","viewHeight","setViewHeight","React","useState","layout","e","nativeEvent","defaultStyling","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","borderLeftWidth","borderBottomWidth","position","borderLeftColor","borderBottomColor","styles","StyleSheet","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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAG,iCAAoBC,sBAASC,IAA7B,CAA1B;;AAEA,MAAMC,gBAAgB,GAAG,CACvB;AAAEC,EAAAA,KAAF;AAASC,EAAAA,eAAT;AAA0BC,EAAAA,GAA1B;AAA+BC,EAAAA,GAA/B;AAAoC,KAAGC;AAAvC,CADuB,EAEvBC,GAFuB,KAGpB;AACH,QAAMC,KAAK,GAAG,sBAAd;AAEA,QAAMC,WAAW,GAAG,uBAApB;;AACA,MAAIJ,GAAJ,EAAS;AACPH,IAAAA,KAAK,GAAGA,KAAK,GAAGG,GAAhB;AACD;;AAED,MAAIK,SAAJ;AACA,MAAIC,QAAQ,GAAG,0BAAc,kBAAd,EAAkCL,KAAlC,CAAf;;AACA,MAAI,GAAGM,cAAH,IAAqBC,kBAAWC,eAAX,CAA2BR,KAA3B,EAAkC,CAAC,MAAD,CAAlC,CAAzB,CAVG,CAUmE;;;AAEtE,MAAI,CAACK,QAAQ,CAACI,IAAd,EAAoB;AAClBL,IAAAA,SAAS,GAAG;AACVM,MAAAA,MAAM,EAAEL,QAAQ,CAACK,MADP;AAEVC,MAAAA,KAAK,EAAEN,QAAQ,CAACM;AAFN,KAAZ;AAID,GALD,MAKO;AACLP,IAAAA,SAAS,GAAG;AAAEM,MAAAA,MAAM,EAAEL,QAAQ,CAACI,IAAnB;AAAyBE,MAAAA,KAAK,EAAEN,QAAQ,CAACI;AAAzC,KAAZ;AACD,GAnBE,CAoBH;;;AACA,QAAMG,WAAW,GAAG,qBAAIV,KAAJ,EAAW,WAAWE,SAAS,CAACM,MAAhC,CAApB;AACA,QAAMG,UAAU,GAAG,qBAAIX,KAAJ,EAAW,WAAWE,SAAS,CAACO,KAAhC,CAAnB;AAEA,QAAMG,SAAS,GAAG;AAChBJ,IAAAA,MAAM,EAAEE,WAAW,GACfG,QAAQ,CAACH,WAAW,CAACI,KAAZ,CAAkBJ,WAAW,CAACK,MAA9B,EAAsC,CAAC,CAAvC,CAAD,EAA4C,EAA5C,CADO,GAEfb,SAAS,CAACM,MAHE;AAIhBC,IAAAA,KAAK,EAAEE,UAAU,GACbE,QAAQ,CAACF,UAAU,CAACG,KAAX,CAAiBH,UAAU,CAACI,MAA5B,EAAoC,CAAC,CAArC,CAAD,EAA0C,EAA1C,CADK,GAEbb,SAAS,CAACO;AANE,GAAlB;AASA,QAAMO,gBAAgB,GAAGb,QAAQ,CAACc,SAAlC;AACA,QAAMC,MAAW,GAAG,IAAI3B,sBAAS4B,KAAb,CAAmB,CAAnB,CAApB;;AACA,MAAIxB,eAAJ,EAAqB;AACnB,QAAIM,WAAJ,EAAiB;AACfV,4BAAS6B,IAAT,CACE7B,sBAAS8B,MAAT,CAAgBH,MAAhB,EAAwB;AACtBI,QAAAA,OAAO,EAAE,CADa;AAEtBC,QAAAA,QAAQ,EAAE,GAFY;AAGtBC,QAAAA,MAAM,EAAEC,oBAAOC,MAHO;AAItBC,QAAAA,eAAe,EAAE;AAJK,OAAxB,CADF,EAOEC,KAPF;AAQD;AACF;;AACD,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,eAAMC,QAAN,CAAe,CAAf,CAApC;;AACA,QAAMC,MAAM,GAAIC,CAAD,IAAY;AACzB,QAAI1B,MAAM,GAAG0B,CAAC,CAACC,WAAF,CAAcF,MAAd,CAAqBzB,MAAlC;AACAsB,IAAAA,aAAa,CAACtB,MAAD,CAAb;AACD,GAHD;;AAKA,QAAM4B,cAAmB,GAAG;AAC1BC,IAAAA,sBAAsB,EAAER,UAAU,GAAG,CADX;AAE1BS,IAAAA,uBAAuB,EAAET,UAAU,GAAG,CAFZ;AAG1BU,IAAAA,mBAAmB,EAAEV,UAAU,GAAG,CAHR;AAI1BW,IAAAA,oBAAoB,EAAEX,UAAU,GAAG,CAJT;AAK1BY,IAAAA,eAAe,EAAEzB,gBALS;AAM1B0B,IAAAA,iBAAiB,EAAE1B,gBANO;AAO1B2B,IAAAA,QAAQ,EAAE,UAPgB;AAQ1BC,IAAAA,eAAe,EAAE,aARS;AAS1BC,IAAAA,iBAAiB,EAAE,aATO;AAU1B,OAAGjC;AAVuB,GAA5B;;AAYA,QAAMkC,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,cAAc,EAAElC,gBADE;AAElBmC,MAAAA,gBAAgB,EAAEnC,gBAFA;AAGlB,SAAGoB,cAHe;AAIlBgB,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAD;AAJO,KADW;AAO/BC,IAAAA,mBAAmB,EAAE;AACnBJ,MAAAA,cAAc,EAAElC,gBADG;AAEnBmC,MAAAA,gBAAgB,EAAEnC,gBAFC;AAGnB,SAAGoB,cAHgB;AAInBgB,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAD;AAJQ,KAPU;AAa/BE,IAAAA,WAAW,EAAE;AACXL,MAAAA,cAAc,EAAElC,gBADL;AAEXmC,MAAAA,gBAAgB,EAAEnC,gBAFP;AAGX,SAAGoB,cAHQ;AAIXoB,MAAAA,YAAY,EAAE3B,UAAU,GAAG,CAJhB;AAKXuB,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAD;AALA,KAbkB;AAoB/BI,IAAAA,YAAY,EAAE;AACZP,MAAAA,cAAc,EAAElC,gBADJ;AAEZmC,MAAAA,gBAAgB,EAAEnC,gBAFN;AAGZ,SAAGoB,cAHS;AAIZgB,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,OAAO,EAAEnC,MAAM,CAACwC,WAAP,CAAmB;AAC1BC,UAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADc;AAE1BC,UAAAA,WAAW,EAAE,CAAC,MAAD,EAAS,QAAT;AAFa,SAAnB;AADX,OADS;AAJC;AApBiB,GAAlB,CAAf;;AAkCA,MAAIC,QAAQ,GAAG,CAACjE,GAAG,GAAIC,GAAG,GAAGD,GAAG,GAAGC,GAAT,GAAeD,GAAtB,GAA6B,GAAjC,IAAwC,CAAvD,CAnGG,CAmGuD;;AAE1D,QAAMkE,SAAS,GAAG,CAACC,OAAD,EAAkBC,YAAlB,KAA2C;AAC3D,UAAMC,QAAQ,GAAGD,YAAY,GAAID,OAAO,GAAG,GAAX,GAAkBF,QAAlD;AACA,WAAO;AACLT,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,OAAO,EAAEY,QAAQ,GAAG;AAAtB,OAAD;AADN,KAAP;AAGD,GALD;;AAOA,QAAMC,gBAAgB,GAAIH,OAAD,IAAqB;AAC5C,QAAIA,OAAO,GAAGF,QAAd,EAAwB;AACtB,0BACE,6BAAC,YAAD;AACE,QAAA,cAAc,EAAE1D,QAAQ,CAACgE,KAD3B;AAEE,QAAA,gBAAgB,EAAEhE,QAAQ,CAACgE,KAF7B;AAGE,QAAA,KAAK,EAAE,CACLrB,MAAM,CAACQ,mBADF,EAELQ,SAAS,CAACC,OAAO,GAAGF,QAAX,EAAqB,EAArB,CAFJ;AAHT,QADF;AAUD,KAXD,MAWO;AACL,0BACE,6BAAC,YAAD;AACE,QAAA,cAAc,EAAE1D,QAAQ,CAACiE,UAD3B;AAEE,QAAA,gBAAgB,EAAEjE,QAAQ,CAACiE,UAF7B;AAGE,QAAA,KAAK,EAAEtB,MAAM,CAACS;AAHhB,QADF;AAOD;AACF,GArBD;;AAsBA,MAAIc,uBAAJ;;AACA,MAAI3E,KAAK,GAAGmE,QAAZ,EAAsB;AACpBQ,IAAAA,uBAAuB,GAAGP,SAAS,CAACD,QAAD,EAAW,CAAC,GAAZ,CAAnC;AACD,GAFD,MAEO;AACLQ,IAAAA,uBAAuB,GAAGP,SAAS,CAACpE,KAAD,EAAQ,CAAC,GAAT,CAAnC;AACD,GAvIE,CAwIH;;;AACA,MAAI,kDAAsBI,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eACMI,SADN;AAEE,IAAA,OAAO,EAAE2B,UAAU,GAAG,CAFxB;AAGE,IAAA,WAAW,EAAEb,gBAHf;AAIE,IAAA,WAAW,EAAEb,QAAQ,CAACiE,UAJxB;AAKE,IAAA,cAAc,EAAC,QALjB;AAME,IAAA,UAAU,EAAC;AANb,KAOMhE,cAPN;AAQE,IAAA,GAAG,EAAEL,GARP;AASE,IAAA,UAAU,MATZ;AAUE,IAAA,iBAAiB,EAAC,aAVpB;AAWE,IAAA,kBAAkB,EAAE;AAClBF,MAAAA,GADkB;AAElBD,MAAAA,GAFkB;AAGlB0E,MAAAA,GAAG,EAAE5E;AAHa;AAXtB,MAiBG,CAACC,eAAD,gBACC,yEACE,6BAAC,YAAD;AACE,IAAA,QAAQ,EAAEsC,MADZ;AAEE,IAAA,cAAc,EAAE9B,QAAQ,CAACgE,KAF3B;AAGE,IAAA,gBAAgB,EAAEhE,QAAQ,CAACgE,KAH7B;AAIE,IAAA,KAAK,EAAE,CAACrB,MAAM,CAACG,kBAAR,EAA4BoB,uBAA5B;AAJT,IADF,EAOGH,gBAAgB,CAACxE,KAAD,CAPnB,eAQE,6BAAC,YAAD;AAAK,IAAA,KAAK,EAAES,QAAQ,CAACoE;AAArB,KAA6BnE,cAAc,CAACoE,QAA5C,CARF,CADD,gBAYC,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEvC,MADZ;AAEE,IAAA,cAAc,EAAE9B,QAAQ,CAACgE,KAF3B;AAGE,IAAA,gBAAgB,EAAEhE,QAAQ,CAACgE,KAH7B;AAIE,IAAA,KAAK,EAAErB,MAAM,CAACW;AAJhB,IA7BJ,CADF;AAuCD,CAtLD;;4BAwLe1B,eAAM0C,IAAN,eAAW1C,eAAM2C,UAAN,CAAiBjF,gBAAjB,CAAX,C","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/commonjs/components/composites/CircularProgress/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _CircularProgress.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["CircularProgress"],"mappings":";;;;;;;AAAA;;;;eACeA,yB","sourcesContent":["import { default as CircularProgress } from './CircularProgress';\r\nexport default CircularProgress;\r\n"]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _hooks = require("../../../hooks");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const Code = ({ ...props
+}, ref) => {
+  let { ...newProps
+  } = (0, _hooks.useThemeProps)('Code', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    _text: {
+      fontFamily: _reactNative.Platform.OS === 'ios' ? 'Courier' : 'monospace'
+    }
+  }, newProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Code));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Code","props","ref","newProps","fontFamily","Platform","OS","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,IAAI,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAA2BC,GAA3B,KAAyC;AACpD,MAAI,EAAE,GAAGC;AAAL,MAAkB,0BAAc,MAAd,EAAsBF,KAAtB,CAAtB,CADoD,CAEpD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD;AACE,IAAA,KAAK,EAAE;AACLG,MAAAA,UAAU,EAAEC,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC;AAD3C;AADT,KAIMH,QAJN;AAKE,IAAA,GAAG,EAAED;AALP,KADF;AASD,CAfD;;4BAkBeK,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBT,IAAjB,CAAX,C","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/commonjs/components/composites/Code/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.isnil"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _primitives = require("../../primitives");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function usePrevious(value) {
+  const ref = (0, _react.useRef)();
+
+  function updatePrevious(newVal) {
+    ref.current = newVal;
+  }
+
+  (0, _react.useEffect)(() => {
+    updatePrevious(value);
+  }, [value]);
+  return {
+    value: ref.current,
+    updatePrevious
+  };
+}
+
+const Collapse = ({
+  endingHeight,
+  startingHeight,
+  duration,
+  // animateOpacity,
+  isOpen,
+  onAnimationEnd,
+  onAnimationStart,
+  ...props
+}, ref) => {
+  if (_reactNative.Platform.OS === 'android') {
+    _reactNative.UIManager.setLayoutAnimationEnabledExperimental && _reactNative.UIManager.setLayoutAnimationEnabledExperimental(true);
+  }
+
+  const CustomLayoutLinear = {
+    duration: duration ? duration : 400,
+    create: {
+      type: _reactNative.LayoutAnimation.Types.easeInEaseOut,
+      property: _reactNative.LayoutAnimation.Properties.opacity
+    },
+    update: {
+      type: _reactNative.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 : () => {};
+
+    _reactNative.LayoutAnimation.configureNext(CustomLayoutLinear, callback());
+  };
+
+  let wasOpen = usePrevious(isOpen);
+
+  if (!(0, _lodash.default)(wasOpen.value) && wasOpen.value !== isOpen) {
+    animateView();
+    wasOpen.updatePrevious(isOpen);
+  }
+
+  const [size, setSize] = _react.default.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 ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    style: { ...animatedStyle,
+      ...(_reactNative.Platform.OS === 'web' && _web)
+    },
+    overflow: "hidden",
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box //@ts-ignore
+  , _extends({
+    overflow: _reactNative.Platform.OS === 'web' ? 'auto' : 'scroll',
+    onLayout: e => provideSize(e.nativeEvent.layout)
+  }, props)));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/(0, _react.forwardRef)(Collapse));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["usePrevious","value","ref","updatePrevious","newVal","current","Collapse","endingHeight","startingHeight","duration","isOpen","onAnimationEnd","onAnimationStart","props","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","CustomLayoutLinear","create","type","LayoutAnimation","Types","easeInEaseOut","property","Properties","opacity","update","defaultStartHeight","animatedStyle","height","animateView","callback","configureNext","wasOpen","size","setSize","React","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"]}