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

package/lib/module/components/composites/AlertDialog/AlertDialogHeader.js

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

package/lib/module/components/composites/AlertDialog/AlertDialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AlertDialogHeader.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","AlertDialogHeader","props","ref","newProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAA+B,sBAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACzD,QAAMC,QAAQ,GAAGL,kBAAkB,CAAC,mBAAD,EAAsBG,KAAtB,CAAnC,CADyD,CAEzD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD,eAASE,QAAT;AAAmB,IAAA,GAAG,EAAED;AAAxB,KAAP;AACD,CAPD;;AASA,4BAAeP,IAAI,eAACC,UAAU,CAACI,iBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AlertDialogHeader = (props: IBoxProps, ref?: any) => {\r\n  const newProps = usePropsResolution('AlertDialogHeader', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box {...newProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(AlertDialogHeader));\r\n"]}

package/lib/module/components/composites/AlertDialog/Context.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export const AlertDialogContext = /*#__PURE__*/React.createContext({
+  handleClose: () => {},
+  contentSize: {},
+  initialFocusRef: {
+    current: null
+  },
+  finalFocusRef: {
+    current: null
+  }
+});
+//# sourceMappingURL=Context.js.map

package/lib/module/components/composites/AlertDialog/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["React","AlertDialogContext","createContext","handleClose","contentSize","initialFocusRef","current","finalFocusRef"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AACpDC,EAAAA,WAAW,EAAE,MAAM,CAAE,CAD+B;AAEpDC,EAAAA,WAAW,EAAE,EAFuC;AAGpDC,EAAAA,eAAe,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAHmC;AAIpDC,EAAAA,aAAa,EAAE;AAAED,IAAAA,OAAO,EAAE;AAAX;AAJqC,CAApB,CAA3B","sourcesContent":["import React from 'react';\r\nexport const AlertDialogContext = React.createContext({\r\n  handleClose: () => {},\r\n  contentSize: {},\r\n  initialFocusRef: { current: null },\r\n  finalFocusRef: { current: null },\r\n});\r\n"]}

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

@@ -0,0 +1,15 @@
+import AlertDialog from './AlertDialog';
+import AlertDialogContent from './AlertDialogContent';
+import AlertDialogBody from './AlertDialogBody';
+import AlertDialogCloseButton from './AlertDialogCloseButton';
+import AlertDialogFooter from './AlertDialogFooter';
+import AlertDialogHeader from './AlertDialogHeader';
+const AlertDialogTemp = AlertDialog;
+AlertDialogTemp.Content = AlertDialogContent;
+AlertDialogTemp.CloseButton = AlertDialogCloseButton;
+AlertDialogTemp.Header = AlertDialogHeader;
+AlertDialogTemp.Footer = AlertDialogFooter;
+AlertDialogTemp.Body = AlertDialogBody;
+const AlertDialogMain = AlertDialogTemp;
+export { AlertDialogMain as AlertDialog };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AlertDialog","AlertDialogContent","AlertDialogBody","AlertDialogCloseButton","AlertDialogFooter","AlertDialogHeader","AlertDialogTemp","Content","CloseButton","Header","Footer","Body","AlertDialogMain"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,sBAAP,MAAmC,0BAAnC;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AAGA,MAAMC,eAAoB,GAAGN,WAA7B;AAEAM,eAAe,CAACC,OAAhB,GAA0BN,kBAA1B;AACAK,eAAe,CAACE,WAAhB,GAA8BL,sBAA9B;AACAG,eAAe,CAACG,MAAhB,GAAyBJ,iBAAzB;AACAC,eAAe,CAACI,MAAhB,GAAyBN,iBAAzB;AACAE,eAAe,CAACK,IAAhB,GAAuBT,eAAvB;AAEA,MAAMU,eAAe,GAAGN,eAAxB;AAEA,SAASM,eAAe,IAAIZ,WAA5B","sourcesContent":["import AlertDialog from './AlertDialog';\r\nimport AlertDialogContent from './AlertDialogContent';\r\nimport AlertDialogBody from './AlertDialogBody';\r\nimport AlertDialogCloseButton from './AlertDialogCloseButton';\r\nimport AlertDialogFooter from './AlertDialogFooter';\r\nimport AlertDialogHeader from './AlertDialogHeader';\r\nimport type { IAlertDialogComponentType } from './types';\r\n\r\nconst AlertDialogTemp: any = AlertDialog;\r\n\r\nAlertDialogTemp.Content = AlertDialogContent;\r\nAlertDialogTemp.CloseButton = AlertDialogCloseButton;\r\nAlertDialogTemp.Header = AlertDialogHeader;\r\nAlertDialogTemp.Footer = AlertDialogFooter;\r\nAlertDialogTemp.Body = AlertDialogBody;\r\n\r\nconst AlertDialogMain = AlertDialogTemp as IAlertDialogComponentType;\r\n\r\nexport { AlertDialogMain as AlertDialog };\r\nexport type { IAlertDialogProps } from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,32 @@
+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 { useThemeProps } from '../../../hooks';
+import { HStack } from '../../primitives';
+import { APPROX_STATUSBAR_HEIGHT } from './utils';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AppBar = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    statusBarHeight = APPROX_STATUSBAR_HEIGHT,
+    ...newProps
+  } = useThemeProps('AppBar', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(HStack, _extends({
+    mt: statusBarHeight,
+    justifyContent: "space-between",
+    alignItems: "center"
+  }, newProps, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(AppBar));
+//# sourceMappingURL=AppBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBar.tsx"],"names":["React","useThemeProps","HStack","APPROX_STATUSBAR_HEIGHT","useHasResponsiveProps","AppBar","children","props","ref","statusBarHeight","newProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,uBAAT,QAAwC,SAAxC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAuCC,GAAvC,KAAoD;AACjE,QAAM;AACJC,IAAAA,eAAe,GAAGN,uBADd;AAEJ,OAAGO;AAFC,MAGFT,aAAa,CAAC,QAAD,EAAWM,KAAX,CAHjB,CADiE,CAKjE;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAEE,eADN;AAEE,IAAA,cAAc,EAAC,eAFjB;AAGE,IAAA,UAAU,EAAC;AAHb,KAIMC,QAJN;AAKE,IAAA,GAAG,EAAEF;AALP,MAOGF,QAPH,CADF;AAWD,CApBD;;AAsBA,4BAAeN,KAAK,CAACW,IAAN,eAAWX,KAAK,CAACY,UAAN,CAAiBP,MAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { HStack } from '../../primitives';\r\nimport { APPROX_STATUSBAR_HEIGHT } from './utils';\r\nimport type { IAppBarProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AppBar = ({ children, ...props }: IAppBarProps, ref: any) => {\r\n  const {\r\n    statusBarHeight = APPROX_STATUSBAR_HEIGHT,\r\n    ...newProps\r\n  } = useThemeProps('AppBar', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <HStack\r\n      mt={statusBarHeight}\r\n      justifyContent=\"space-between\"\r\n      alignItems=\"center\"\r\n      {...newProps}\r\n      ref={ref}\r\n    >\r\n      {children}\r\n    </HStack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(AppBar));\r\n"]}

package/lib/module/components/composites/AppBar/AppBarContent.js

@@ -0,0 +1,21 @@
+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 { Box } from '../../primitives';
+import { useThemeProps } from '../../../hooks';
+
+const AppBarContent = props => {
+  const {
+    color
+  } = useThemeProps('AppBar', props);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    alignItems: "center",
+    flexDirection: "row",
+    _text: {
+      color
+    }
+  }, props));
+};
+
+export default /*#__PURE__*/React.memo(AppBarContent);
+//# sourceMappingURL=AppBarContent.js.map

package/lib/module/components/composites/AppBar/AppBarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBarContent.tsx"],"names":["React","Box","useThemeProps","AppBarContent","props","color","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,gBAA9B;;AAIA,MAAMC,aAAa,GAAIC,KAAD,IAAgC;AACpD,QAAM;AAAEC,IAAAA;AAAF,MAAYH,aAAa,CAAC,QAAD,EAAWE,KAAX,CAA/B;AACA,sBACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAyB,IAAA,aAAa,EAAC,KAAvC;AAA6C,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF;AAApD,KAAmED,KAAnE,EADF;AAGD,CALD;;AAOA,4BAAeJ,KAAK,CAACM,IAAN,CAAWH,aAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { Box, IBoxProps } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\n\r\nexport type IAppBarContentProps = IBoxProps;\r\n\r\nconst AppBarContent = (props: IAppBarContentProps) => {\r\n  const { color } = useThemeProps('AppBar', props);\r\n  return (\r\n    <Box alignItems=\"center\" flexDirection=\"row\" _text={{ color }} {...props} />\r\n  );\r\n};\r\n\r\nexport default React.memo(AppBarContent);\r\n"]}

package/lib/module/components/composites/AppBar/AppBarLeft.js

@@ -0,0 +1,26 @@
+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 { HStack } from '../../primitives';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AppBarLeft = props => {
+  const {
+    color
+  } = useThemeProps('AppBar', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(HStack, _extends({
+    alignItems: "center",
+    _text: {
+      color
+    }
+  }, props));
+};
+
+export default /*#__PURE__*/React.memo(AppBarLeft);
+//# sourceMappingURL=AppBarLeft.js.map

package/lib/module/components/composites/AppBar/AppBarLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBarLeft.tsx"],"names":["React","HStack","useThemeProps","useHasResponsiveProps","AppBarLeft","props","color","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAoC,kBAApC;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,UAAU,GAAIC,KAAD,IAAwB;AACzC,QAAM;AAAEC,IAAAA;AAAF,MAAYJ,aAAa,CAAC,QAAD,EAAWG,KAAX,CAA/B,CADyC,CAEzC;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF;AAAnC,KAAkDD,KAAlD,EAAP;AACD,CAPD;;AASA,4BAAeL,KAAK,CAACO,IAAN,CAAWH,UAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { HStack, IStackProps } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AppBarLeft = (props: IStackProps) => {\r\n  const { color } = useThemeProps('AppBar', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <HStack alignItems=\"center\" _text={{ color }} {...props} />;\r\n};\r\n\r\nexport default React.memo(AppBarLeft);\r\n"]}

package/lib/module/components/composites/AppBar/AppBarRight.js

@@ -0,0 +1,27 @@
+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 { HStack } from '../../primitives';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AppBarRight = props => {
+  const {
+    color
+  } = useThemeProps('AppBar', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(HStack, _extends({
+    alignItems: "center",
+    justifyContent: "flex-end",
+    _text: {
+      color
+    }
+  }, props));
+};
+
+export default /*#__PURE__*/React.memo(AppBarRight);
+//# sourceMappingURL=AppBarRight.js.map

package/lib/module/components/composites/AppBar/AppBarRight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBarRight.tsx"],"names":["React","HStack","useThemeProps","useHasResponsiveProps","AppBarRight","props","color","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAoC,kBAApC;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAIC,KAAD,IAAwB;AAC1C,QAAM;AAAEC,IAAAA;AAAF,MAAYJ,aAAa,CAAC,QAAD,EAAWG,KAAX,CAA/B,CAD0C,CAE1C;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,MAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,cAAc,EAAC,UAFjB;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA;AADK;AAHT,KAMMD,KANN,EADF;AAUD,CAhBD;;AAkBA,4BAAeL,KAAK,CAACO,IAAN,CAAWH,WAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { HStack, IStackProps } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AppBarRight = (props: IStackProps) => {\r\n  const { color } = useThemeProps('AppBar', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <HStack\r\n      alignItems=\"center\"\r\n      justifyContent=\"flex-end\"\r\n      _text={{\r\n        color,\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default React.memo(AppBarRight);\r\n"]}

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

@@ -0,0 +1,11 @@
+import AppBarMain from './AppBar';
+import AppBarLeft from './AppBarLeft';
+import AppBarRight from './AppBarRight';
+import AppBarContent from './AppBarContent';
+const AppBarTemp = AppBarMain;
+AppBarTemp.Left = AppBarLeft;
+AppBarTemp.Right = AppBarRight;
+AppBarTemp.Content = AppBarContent;
+const AppBar = AppBarTemp;
+export { AppBar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AppBarMain","AppBarLeft","AppBarRight","AppBarContent","AppBarTemp","Left","Right","Content","AppBar"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,UAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AAGA,MAAMC,UAAe,GAAGJ,UAAxB;AACAI,UAAU,CAACC,IAAX,GAAkBJ,UAAlB;AACAG,UAAU,CAACE,KAAX,GAAmBJ,WAAnB;AACAE,UAAU,CAACG,OAAX,GAAqBJ,aAArB;AAEA,MAAMK,MAAM,GAAGJ,UAAf;AAEA,SAASI,MAAT","sourcesContent":["import AppBarMain from './AppBar';\r\nimport AppBarLeft from './AppBarLeft';\r\nimport AppBarRight from './AppBarRight';\r\nimport AppBarContent from './AppBarContent';\r\nimport type { IAppBarComponentType } from './types';\r\n\r\nconst AppBarTemp: any = AppBarMain;\r\nAppBarTemp.Left = AppBarLeft;\r\nAppBarTemp.Right = AppBarRight;\r\nAppBarTemp.Content = AppBarContent;\r\n\r\nconst AppBar = AppBarTemp as IAppBarComponentType;\r\n\r\nexport { AppBar };\r\nexport type { IAppBarProps } from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Platform, StatusBar } from 'react-native'; // import Constants from 'expo-constants';
+// @ts-ignore
+// const expo = global.__expo;
+
+const IOS_STATUS_BAR_HEIGHT = 20;
+const DEFAULT_STATUSBAR_HEIGHT_EXPO = 0; // https://docs.expo.io/versions/latest/sdk/constants/
+// Try to get height from expo if app is using expo env
+// IOS >= 11 is handled using SafeAreaView
+
+export const APPROX_STATUSBAR_HEIGHT = Platform.select({
+  android: DEFAULT_STATUSBAR_HEIGHT_EXPO ? DEFAULT_STATUSBAR_HEIGHT_EXPO : StatusBar.currentHeight,
+  ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO ? DEFAULT_STATUSBAR_HEIGHT_EXPO : IOS_STATUS_BAR_HEIGHT : 0
+});
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["Platform","StatusBar","IOS_STATUS_BAR_HEIGHT","DEFAULT_STATUSBAR_HEIGHT_EXPO","APPROX_STATUSBAR_HEIGHT","select","android","currentHeight","ios","Version"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,cAApC,C,CACA;AACA;AACA;;AAEA,MAAMC,qBAAqB,GAAG,EAA9B;AAEA,MAAMC,6BAA6B,GAAG,CAAtC,C,CAEA;AACA;AACA;;AACA,OAAO,MAAMC,uBAAuB,GAAGJ,QAAQ,CAACK,MAAT,CAAgB;AACrDC,EAAAA,OAAO,EAAEH,6BAA6B,GAClCA,6BADkC,GAElCF,SAAS,CAACM,aAHuC;AAIrDC,EAAAA,GAAG,EACDR,QAAQ,CAACS,OAAT,GAAmB,EAAnB,GACIN,6BAA6B,GAC3BA,6BAD2B,GAE3BD,qBAHN,GAII;AAT+C,CAAhB,CAAhC","sourcesContent":["import { Platform, StatusBar } from 'react-native';\r\n// import Constants from 'expo-constants';\r\n// @ts-ignore\r\n// const expo = global.__expo;\r\n\r\nconst IOS_STATUS_BAR_HEIGHT = 20;\r\n\r\nconst DEFAULT_STATUSBAR_HEIGHT_EXPO = 0;\r\n\r\n// https://docs.expo.io/versions/latest/sdk/constants/\r\n// Try to get height from expo if app is using expo env\r\n// IOS >= 11 is handled using SafeAreaView\r\nexport const APPROX_STATUSBAR_HEIGHT = Platform.select({\r\n  android: DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n    ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n    : StatusBar.currentHeight,\r\n  ios:\r\n    Platform.Version < 11\r\n      ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n        ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n        : IOS_STATUS_BAR_HEIGHT\r\n      : 0,\r\n});\r\n"]}

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

@@ -0,0 +1,84 @@
+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, { forwardRef, memo } from 'react';
+import { StyleSheet, Platform } from 'react-native';
+import { default as Box } from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { usePropsResolution } from '../../../hooks';
+const AspectView = /*#__PURE__*/forwardRef((props, ref) => {
+  const [layout, setLayout] = React.useState();
+  const aspectViewStyle = [StyleSheet.flatten(props.style) || {}];
+
+  if (layout) {
+    // @ts-ignore
+    let {
+      width = 0,
+      height = 0
+    } = layout;
+
+    if (width === 0) {
+      aspectViewStyle.push({
+        width: height * props.aspectRatio,
+        height
+      });
+    } else {
+      aspectViewStyle.push({
+        width,
+        height: width / props.aspectRatio
+      });
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref
+  }, props, {
+    style: aspectViewStyle,
+    onLayout: ({
+      nativeEvent: {
+        layout: inLayout
+      }
+    }) => setLayout(inLayout)
+  }));
+});
+
+const AspectRatio = (props, ref) => {
+  var _children$props;
+
+  const {
+    ratio,
+    children = /*#__PURE__*/React.createElement(React.Fragment, null),
+    ...resolvedProps
+  } = usePropsResolution('AspectRatio', props, {}, {
+    resolveResponsively: ['ratio']
+  });
+  let computedStyle = resolvedProps.style;
+  const newChildWithProps = /*#__PURE__*/React.cloneElement(children, { ...(children === null || children === void 0 ? void 0 : children.props),
+    style: StyleSheet.absoluteFillObject
+  }, children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(resolvedProps)) {
+    return null;
+  } // DOC:  It uses a aspectRatio property of React Native and manually calculate on Web
+
+
+  if (Platform.OS === 'web') {
+    return /*#__PURE__*/React.createElement(AspectView, _extends({
+      aspectRatio: ratio
+    }, resolvedProps, {
+      ref: ref
+    }), newChildWithProps);
+  } else {
+    computedStyle = StyleSheet.flatten([{
+      style: resolvedProps.style
+    }, {
+      aspectRatio: ratio
+    }]);
+    return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+      style: computedStyle,
+      ref: ref
+    }), newChildWithProps);
+  }
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(AspectRatio));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","forwardRef","memo","StyleSheet","Platform","default","Box","useHasResponsiveProps","usePropsResolution","AspectView","props","ref","layout","setLayout","useState","aspectViewStyle","flatten","style","width","height","push","aspectRatio","nativeEvent","inLayout","AspectRatio","ratio","children","resolvedProps","resolveResponsively","computedStyle","newChildWithProps","cloneElement","absoluteFillObject","OS"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { StyleSheet, ViewStyle, Platform } from 'react-native';\r\nimport { default as Box } from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { IAspectRatioProps } from './types';\r\n\r\nconst AspectView = forwardRef((props: any, ref?: any) => {\r\n  const [layout, setLayout] = React.useState();\r\n  const aspectViewStyle = [StyleSheet.flatten(props.style) || {}];\r\n  if (layout) {\r\n    // @ts-ignore\r\n    let { width = 0, height = 0 } = layout;\r\n    if (width === 0) {\r\n      aspectViewStyle.push({ width: height * props.aspectRatio, height });\r\n    } else {\r\n      aspectViewStyle.push({ width, height: width / props.aspectRatio });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      ref={ref}\r\n      {...props}\r\n      style={aspectViewStyle}\r\n      onLayout={({ nativeEvent: { layout: inLayout } }: any) =>\r\n        setLayout(inLayout)\r\n      }\r\n    />\r\n  );\r\n});\r\n\r\nconst AspectRatio = (props: IAspectRatioProps, ref?: any) => {\r\n  const { ratio, children = <></>, ...resolvedProps } = usePropsResolution(\r\n    'AspectRatio',\r\n    props,\r\n    {},\r\n    { resolveResponsively: ['ratio'] }\r\n  );\r\n  let computedStyle: ViewStyle | undefined = resolvedProps.style;\r\n  const newChildWithProps = React.cloneElement(\r\n    children,\r\n    {\r\n      ...children?.props,\r\n      style: StyleSheet.absoluteFillObject,\r\n    },\r\n    children?.props?.children\r\n  );\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(resolvedProps)) {\r\n    return null;\r\n  }\r\n  // DOC:  It uses a aspectRatio property of React Native and manually calculate on Web\r\n  if (Platform.OS === 'web') {\r\n    return (\r\n      <AspectView aspectRatio={ratio} {...resolvedProps} ref={ref}>\r\n        {newChildWithProps}\r\n      </AspectView>\r\n    );\r\n  } else {\r\n    computedStyle = StyleSheet.flatten([\r\n      { style: resolvedProps.style },\r\n      { aspectRatio: ratio },\r\n    ]);\r\n    return (\r\n      <Box {...resolvedProps} style={computedStyle} ref={ref}>\r\n        {newChildWithProps}\r\n      </Box>\r\n    );\r\n  }\r\n};\r\n\r\nexport default memo(forwardRef(AspectRatio));\r\n"]}

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

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

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

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

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

@@ -0,0 +1,64 @@
+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 { Box, Image } from '../../primitives';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import isNil from 'lodash.isnil';
+import has from 'lodash.has';
+
+const Avatar = ({
+  children,
+  ...props
+}, ref) => {
+  const [error, setError] = React.useState(false);
+  const {
+    _image,
+    _badgeSize,
+    source,
+    ...resolvedProps
+  } = usePropsResolution('Avatar', props);
+  let Badge = /*#__PURE__*/React.createElement(React.Fragment, null);
+  const remainingChildren = []; //  Pop Badge from children
+
+  React.Children.map(children, child => {
+    if (typeof (child === null || child === void 0 ? void 0 : child.type) === 'object' && (child === null || child === void 0 ? void 0 : child.type.displayName) === 'AvatarBadge') {
+      var _child$props, _child$props2;
+
+      Badge = /*#__PURE__*/React.cloneElement(child, {
+        size: child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.size ? child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.size : _badgeSize ? _badgeSize[0] : undefined
+      });
+    } else {
+      remainingChildren.push(child);
+    }
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  const getSource = () => {
+    if (source) {
+      if (has(source, 'uri') && !isNil(source.uri)) {
+        return source;
+      } else if (!has(source, 'uri')) {
+        return source;
+      }
+    }
+
+    return null;
+  };
+
+  const imageSource = getSource();
+  return /*#__PURE__*/React.createElement(Box, resolvedProps, imageSource && !error ? /*#__PURE__*/React.createElement(Image, _extends({
+    source: source,
+    onError: () => {
+      setError(true);
+    }
+  }, _image, {
+    ref: ref
+  })) : remainingChildren.length !== 0 && remainingChildren, Badge);
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Avatar));
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Avatar.tsx"],"names":["React","memo","forwardRef","Box","Image","usePropsResolution","useHasResponsiveProps","isNil","has","Avatar","children","props","ref","error","setError","useState","_image","_badgeSize","source","resolvedProps","Badge","remainingChildren","Children","map","child","type","displayName","cloneElement","size","undefined","push","getSource","uri","imageSource","length"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,GAAT,EAAcC,KAAd,QAA2B,kBAA3B;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;;AAEA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAuCC,GAAvC,KAAoD;AACjE,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBd,KAAK,CAACe,QAAN,CAAe,KAAf,CAA1B;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,UAAV;AAAsBC,IAAAA,MAAtB;AAA8B,OAAGC;AAAjC,MAAmDd,kBAAkB,CACzE,QADyE,EAEzEM,KAFyE,CAA3E;AAKA,MAAIS,KAAK,gBAAG,yCAAZ;AACA,QAAMC,iBAAgC,GAAG,EAAzC,CARiE,CASjE;;AACArB,EAAAA,KAAK,CAACsB,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA8Bc,KAAD,IAAW;AACtC,QACE,QAAOA,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,IAAd,MAAuB,QAAvB,IACA,CAAAD,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,CAAYC,WAAZ,MAA4B,aAF9B,EAGE;AAAA;;AACAN,MAAAA,KAAK,gBAAGpB,KAAK,CAAC2B,YAAN,CAAmBH,KAAnB,EAA0B;AAChCI,QAAAA,IAAI,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,oBAAAA,KAAK,CAAEb,KAAP,sDAAciB,IAAd,GACFJ,KADE,aACFA,KADE,wCACFA,KAAK,CAAEb,KADL,kDACF,cAAciB,IADZ,GAEFX,UAAU,GACVA,UAAU,CAAC,CAAD,CADA,GAEVY;AAL4B,OAA1B,CAAR;AAOD,KAXD,MAWO;AACLR,MAAAA,iBAAiB,CAACS,IAAlB,CAAuBN,KAAvB;AACD;AACF,GAfD,EAViE,CA2BjE;;AACA,MAAIlB,qBAAqB,CAACK,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,QAAMoB,SAAS,GAAG,MAAM;AACtB,QAAIb,MAAJ,EAAY;AACV,UAAIV,GAAG,CAACU,MAAD,EAAS,KAAT,CAAH,IAAsB,CAACX,KAAK,CAACW,MAAM,CAACc,GAAR,CAAhC,EAA8C;AAC5C,eAAOd,MAAP;AACD,OAFD,MAEO,IAAI,CAACV,GAAG,CAACU,MAAD,EAAS,KAAT,CAAR,EAAyB;AAC9B,eAAOA,MAAP;AACD;AACF;;AACD,WAAO,IAAP;AACD,GATD;;AAUA,QAAMe,WAAW,GAAGF,SAAS,EAA7B;AAEA,sBACE,oBAAC,GAAD,EAASZ,aAAT,EACGc,WAAW,IAAI,CAACpB,KAAhB,gBACC,oBAAC,KAAD;AACE,IAAA,MAAM,EAAEK,MADV;AAEE,IAAA,OAAO,EAAE,MAAM;AACbJ,MAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AAJH,KAKME,MALN;AAME,IAAA,GAAG,EAAEJ;AANP,KADD,GAUCS,iBAAiB,CAACa,MAAlB,KAA6B,CAA7B,IAAkCb,iBAXtC,EAaGD,KAbH,CADF;AAiBD,CA7DD;;AA+DA,4BAAenB,IAAI,eAACC,UAAU,CAACO,MAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box, Image } from '../../primitives';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IAvatarProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport isNil from 'lodash.isnil';\r\nimport has from 'lodash.has';\r\n\r\nconst Avatar = ({ children, ...props }: IAvatarProps, ref: any) => {\r\n  const [error, setError] = React.useState(false);\r\n  const { _image, _badgeSize, source, ...resolvedProps } = usePropsResolution(\r\n    'Avatar',\r\n    props\r\n  );\r\n\r\n  let Badge = <></>;\r\n  const remainingChildren: JSX.Element[] = [];\r\n  //  Pop Badge from children\r\n  React.Children.map(children, (child) => {\r\n    if (\r\n      typeof child?.type === 'object' &&\r\n      child?.type.displayName === 'AvatarBadge'\r\n    ) {\r\n      Badge = React.cloneElement(child, {\r\n        size: child?.props?.size\r\n          ? child?.props?.size\r\n          : _badgeSize\r\n          ? _badgeSize[0]\r\n          : undefined,\r\n      });\r\n    } else {\r\n      remainingChildren.push(child);\r\n    }\r\n  });\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  const getSource = () => {\r\n    if (source) {\r\n      if (has(source, 'uri') && !isNil(source.uri)) {\r\n        return source;\r\n      } else if (!has(source, 'uri')) {\r\n        return source;\r\n      }\r\n    }\r\n    return null;\r\n  };\r\n  const imageSource = getSource();\r\n\r\n  return (\r\n    <Box {...resolvedProps}>\r\n      {imageSource && !error ? (\r\n        <Image\r\n          source={source}\r\n          onError={() => {\r\n            setError(true);\r\n          }}\r\n          {..._image}\r\n          ref={ref}\r\n        />\r\n      ) : (\r\n        remainingChildren.length !== 0 && remainingChildren\r\n      )}\r\n      {Badge}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Avatar));\r\n"]}

package/lib/module/components/composites/Avatar/Badge.js

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

package/lib/module/components/composites/Avatar/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Badge.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","AvatarBadge","props","ref","resolvedProps","displayName"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,WAAW,gBAAGL,IAAI,eACtBC,UAAU,CAAC,CAACK,KAAD,EAA2BC,GAA3B,KAAyC;AAClD,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,aAAD,EAAgBG,KAAhB,CAAxC,CADkD,CAElD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,GAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CAPS,CADY,CAAxB;AAWAF,WAAW,CAACI,WAAZ,GAA0B,aAA1B;AACA,eAAeJ,WAAf","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IAvatarBadgeProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AvatarBadge = memo(\r\n  forwardRef((props: IAvatarBadgeProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('AvatarBadge', props);\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\n\r\nAvatarBadge.displayName = 'AvatarBadge';\r\nexport default AvatarBadge as (props: IAvatarBadgeProps, ref?: any) => any;\r\n"]}

package/lib/module/components/composites/Avatar/Group.js

@@ -0,0 +1,58 @@
+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 Box from '../../primitives/Box';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import isNil from 'lodash.isnil';
+import { default as Avatar } from './Avatar';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps'; // Todo: Try using HStack instead
+
+const getAvatarGroupChildren = (children, space, max, _hiddenAvatarPlaceholder, _avatar, isVertical) => {
+  let childrenArray = React.Children.toArray(children);
+  let plusAvatars = 0;
+
+  if (!isNil(max) && max < childrenArray.length && max > 0) {
+    plusAvatars = childrenArray.length - max;
+    childrenArray = childrenArray.slice(0, max);
+  }
+
+  const spacingProps = {
+    ml: isVertical ? 0 : space,
+    mt: isVertical ? space : 0
+  };
+  return [plusAvatars > 0 ? /*#__PURE__*/React.createElement(Avatar, _extends({
+    key: "avatar-group-wrapper"
+  }, spacingProps, _avatar, _hiddenAvatarPlaceholder), '+ ' + plusAvatars) : null, React.Children.map(childrenArray.reverse(), (child, index) => {
+    return /*#__PURE__*/React.cloneElement(child, {
+      key: "avatar-group-child-".concat(index),
+      ..._avatar,
+      ...spacingProps,
+      ...child.props
+    }, child.props.children);
+  })];
+};
+
+const AvatarGroup = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    max,
+    _avatar,
+    _hiddenAvatarPlaceholder,
+    isVertical,
+    space,
+    ...resolvedProps
+  } = usePropsResolution('AvatarGroup', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }), getAvatarGroupChildren(children, space, max, _hiddenAvatarPlaceholder, _avatar, isVertical));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(AvatarGroup));
+//# sourceMappingURL=Group.js.map

package/lib/module/components/composites/Avatar/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Group.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","isNil","default","Avatar","useHasResponsiveProps","getAvatarGroupChildren","children","space","max","_hiddenAvatarPlaceholder","_avatar","isVertical","childrenArray","Children","toArray","plusAvatars","length","slice","spacingProps","ml","mt","map","reverse","child","index","cloneElement","key","props","AvatarGroup","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,KAAP,MAAkB,cAAlB;AAEA,SAASC,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASC,qBAAT,QAAsC,sCAAtC,C,CAEA;;AAEA,MAAMC,sBAAsB,GAAG,CAC7BC,QAD6B,EAE7BC,KAF6B,EAG7BC,GAH6B,EAI7BC,wBAJ6B,EAK7BC,OAL6B,EAM7BC,UAN6B,KAO1B;AACH,MAAIC,aAAkB,GAAGhB,KAAK,CAACiB,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,CAAzB;AACA,MAAIS,WAAmB,GAAG,CAA1B;;AACA,MAAI,CAACd,KAAK,CAACO,GAAD,CAAN,IAAeA,GAAG,GAAGI,aAAa,CAACI,MAAnC,IAA6CR,GAAG,GAAG,CAAvD,EAA0D;AACxDO,IAAAA,WAAW,GAAGH,aAAa,CAACI,MAAd,GAAuBR,GAArC;AACAI,IAAAA,aAAa,GAAGA,aAAa,CAACK,KAAd,CAAoB,CAApB,EAAuBT,GAAvB,CAAhB;AACD;;AACD,QAAMU,YAAY,GAAG;AACnBC,IAAAA,EAAE,EAAER,UAAU,GAAG,CAAH,GAAOJ,KADF;AAEnBa,IAAAA,EAAE,EAAET,UAAU,GAAGJ,KAAH,GAAW;AAFN,GAArB;AAIA,SAAO,CACLQ,WAAW,GAAG,CAAd,gBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAC;AADN,KAEMG,YAFN,EAGMR,OAHN,EAIMD,wBAJN,GAMG,OAAOM,WANV,CADF,GASI,IAVC,EAWLnB,KAAK,CAACiB,QAAN,CAAeQ,GAAf,CAAmBT,aAAa,CAACU,OAAd,EAAnB,EAA4C,CAACC,KAAD,EAAaC,KAAb,KAA+B;AACzE,wBAAO5B,KAAK,CAAC6B,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,GAAG,+BAAwBF,KAAxB,CADL;AAEE,SAAGd,OAFL;AAGE,SAAGQ,YAHL;AAIE,SAAGK,KAAK,CAACI;AAJX,KAFK,EAQLJ,KAAK,CAACI,KAAN,CAAYrB,QARP,CAAP;AAUD,GAXD,CAXK,CAAP;AAwBD,CA1CD;;AA4CA,MAAMsB,WAAW,GAAG,CAAC;AAAEtB,EAAAA,QAAF;AAAY,KAAGqB;AAAf,CAAD,EAA4CE,GAA5C,KAAyD;AAC3E,QAAM;AACJrB,IAAAA,GADI;AAEJE,IAAAA,OAFI;AAGJD,IAAAA,wBAHI;AAIJE,IAAAA,UAJI;AAKJJ,IAAAA,KALI;AAMJ,OAAGuB;AANC,MAOF9B,kBAAkB,CAAC,aAAD,EAAgB2B,KAAhB,CAPtB,CAD2E,CAU3E;;AACA,MAAIvB,qBAAqB,CAACuB,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eAASG,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,MACGxB,sBAAsB,CACrBC,QADqB,EAErBC,KAFqB,EAGrBC,GAHqB,EAIrBC,wBAJqB,EAKrBC,OALqB,EAMrBC,UANqB,CADzB,CADF;AAYD,CA1BD;;AA4BA,4BAAed,IAAI,eAACC,UAAU,CAAC8B,WAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport isNil from 'lodash.isnil';\r\nimport type { IAvatarGroupProps } from './types';\r\nimport { default as Avatar } from './Avatar';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\n// Todo: Try using HStack instead\r\n\r\nconst getAvatarGroupChildren = (\r\n  children?: JSX.Element[] | JSX.Element,\r\n  space?: number,\r\n  max?: number,\r\n  _hiddenAvatarPlaceholder?: Object,\r\n  _avatar?: any,\r\n  isVertical?: Boolean\r\n) => {\r\n  let childrenArray: any = React.Children.toArray(children);\r\n  let plusAvatars: number = 0;\r\n  if (!isNil(max) && max < childrenArray.length && max > 0) {\r\n    plusAvatars = childrenArray.length - max;\r\n    childrenArray = childrenArray.slice(0, max);\r\n  }\r\n  const spacingProps = {\r\n    ml: isVertical ? 0 : space,\r\n    mt: isVertical ? space : 0,\r\n  };\r\n  return [\r\n    plusAvatars > 0 ? (\r\n      <Avatar\r\n        key=\"avatar-group-wrapper\"\r\n        {...spacingProps}\r\n        {..._avatar}\r\n        {..._hiddenAvatarPlaceholder}\r\n      >\r\n        {'+ ' + plusAvatars}\r\n      </Avatar>\r\n    ) : null,\r\n    React.Children.map(childrenArray.reverse(), (child: any, index: number) => {\r\n      return React.cloneElement(\r\n        child,\r\n        {\r\n          key: `avatar-group-child-${index}`,\r\n          ..._avatar,\r\n          ...spacingProps,\r\n          ...child.props,\r\n        },\r\n        child.props.children\r\n      );\r\n    }),\r\n  ];\r\n};\r\n\r\nconst AvatarGroup = ({ children, ...props }: IAvatarGroupProps, ref: any) => {\r\n  const {\r\n    max,\r\n    _avatar,\r\n    _hiddenAvatarPlaceholder,\r\n    isVertical,\r\n    space,\r\n    ...resolvedProps\r\n  } = usePropsResolution('AvatarGroup', 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 {...resolvedProps} ref={ref}>\r\n      {getAvatarGroupChildren(\r\n        children,\r\n        space,\r\n        max,\r\n        _hiddenAvatarPlaceholder,\r\n        _avatar,\r\n        isVertical\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(AvatarGroup));\r\n"]}

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

@@ -0,0 +1,10 @@
+import AvatarDefault from './Avatar';
+import AvatarBadge from './Badge';
+import AvatarGroup from './Group';
+let AvatarTemp = AvatarDefault;
+AvatarTemp.Badge = AvatarBadge;
+AvatarTemp.Group = AvatarGroup; // To add typings
+
+const Avatar = AvatarTemp;
+export { Avatar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AvatarDefault","AvatarBadge","AvatarGroup","AvatarTemp","Badge","Group","Avatar"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,UAA1B;AACA,OAAOC,WAAP,MAAwB,SAAxB;AACA,OAAOC,WAAP,MAAwB,SAAxB;AAGA,IAAIC,UAAe,GAAGH,aAAtB;AACAG,UAAU,CAACC,KAAX,GAAmBH,WAAnB;AACAE,UAAU,CAACE,KAAX,GAAmBH,WAAnB,C,CAEA;;AACA,MAAMI,MAAM,GAAGH,UAAf;AAEA,SAASG,MAAT","sourcesContent":["import AvatarDefault from './Avatar';\r\nimport AvatarBadge from './Badge';\r\nimport AvatarGroup from './Group';\r\nimport type { IAvatarComponentType } from './types';\r\n\r\nlet AvatarTemp: any = AvatarDefault;\r\nAvatarTemp.Badge = AvatarBadge;\r\nAvatarTemp.Group = AvatarGroup;\r\n\r\n// To add typings\r\nconst Avatar = AvatarTemp as IAvatarComponentType;\r\n\r\nexport { Avatar };\r\nexport type { IAvatarProps, IAvatarBadgeProps } from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,31 @@
+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 } from 'react';
+import { Pressable } from '../../primitives/Pressable';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Backdrop = props => {
+  //TODO: refactor for responsive prop
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    _web: {
+      //@ts-ignore
+      cursor: 'default'
+    },
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    accessible: false,
+    importantForAccessibility: "no",
+    bg: props.bg || 'rgb(0, 0, 0)',
+    opacity: 0.3
+  }, props));
+};
+
+export default /*#__PURE__*/memo(Backdrop);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","Pressable","useHasResponsiveProps","Backdrop","props","cursor","bg"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,SAASC,SAAT,QAA2C,4BAA3C;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,QAAQ,GAAIC,KAAD,IAA4B;AAC3C;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAE;AACJ;AACAC,MAAAA,MAAM,EAAE;AAFJ,KADR;AAKE,IAAA,QAAQ,EAAC,UALX;AAME,IAAA,GAAG,EAAE,CANP;AAOE,IAAA,MAAM,EAAE,CAPV;AAQE,IAAA,IAAI,EAAE,CARR;AASE,IAAA,KAAK,EAAE,CATT;AAUE,IAAA,UAAU,EAAE,KAVd;AAWE,IAAA,yBAAyB,EAAC,IAX5B;AAYE,IAAA,EAAE,EAAED,KAAK,CAACE,EAAN,IAAY,cAZlB;AAaE,IAAA,OAAO,EAAE;AAbX,KAcMF,KAdN,EADF;AAkBD,CAvBD;;AAyBA,4BAAeJ,IAAI,CAACG,QAAD,CAAnB","sourcesContent":["import React, { memo } from 'react';\r\nimport { Pressable, IPressableProps } from '../../primitives/Pressable';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Backdrop = (props: IPressableProps) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Pressable\r\n      _web={{\r\n        //@ts-ignore\r\n        cursor: 'default',\r\n      }}\r\n      position=\"absolute\"\r\n      top={0}\r\n      bottom={0}\r\n      left={0}\r\n      right={0}\r\n      accessible={false}\r\n      importantForAccessibility=\"no\"\r\n      bg={props.bg || 'rgb(0, 0, 0)'}\r\n      opacity={0.3}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(Backdrop);\r\n"]}