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

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

@@ -0,0 +1,78 @@
+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/Box';
+import { useThemeProps } from '../../../hooks';
+import getIndexedChildren from '../../../utils/getIndexedChildren';
+import { AccordionContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Accordion = ({
+  children,
+  index: pIndex,
+  defaultIndex,
+  allowMultiple,
+  allowToggle,
+  onChange,
+  ...props
+}, ref) => {
+  const {
+    endingHeight,
+    startingHeight,
+    duration,
+    isOpen,
+    onAnimationEnd,
+    onAnimationStart,
+    ...newProps
+  } = useThemeProps('Accordion', props);
+  const [index, setIndex] = React.useState(pIndex || defaultIndex || []); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  const changeHandler = (isOpening, activeIndex) => {
+    let indexCopy = index.map(i => i);
+
+    if (allowToggle) {
+      if (isOpening) {
+        indexCopy.push(activeIndex);
+        allowMultiple ? setIndex(indexCopy) : setIndex([activeIndex]);
+      } else {
+        setIndex(index.splice(index.indexOf(activeIndex), 1));
+      }
+    } else {
+      if (isOpening) {
+        indexCopy.push(activeIndex);
+        allowMultiple ? setIndex(indexCopy) : setIndex([activeIndex]);
+      } else {
+        indexCopy = indexCopy.filter(n => n !== activeIndex);
+        setIndex(indexCopy);
+      }
+    }
+
+    onChange && onChange(indexCopy);
+  };
+
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
+    value: {
+      index: index,
+      changeHandler,
+      AnimationProps: {
+        endingHeight,
+        startingHeight,
+        duration,
+        isOpen,
+        onAnimationEnd,
+        onAnimationStart
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Box, _extends({
+    overflow: "hidden"
+  }, newProps, {
+    ref: ref
+  }), getIndexedChildren(children)));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Accordion));
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Accordion.tsx"],"names":["React","Box","useThemeProps","getIndexedChildren","AccordionContext","useHasResponsiveProps","Accordion","children","index","pIndex","defaultIndex","allowMultiple","allowToggle","onChange","props","ref","endingHeight","startingHeight","duration","isOpen","onAnimationEnd","onAnimationStart","newProps","setIndex","useState","changeHandler","isOpening","activeIndex","indexCopy","map","i","push","splice","indexOf","filter","n","AnimationProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,aAAT,QAA8B,gBAA9B;AACA,OAAOC,kBAAP,MAA+B,mCAA/B;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,SAAS,GAAG,CAChB;AACEC,EAAAA,QADF;AAEEC,EAAAA,KAAK,EAAEC,MAFT;AAGEC,EAAAA,YAHF;AAIEC,EAAAA,aAJF;AAKEC,EAAAA,WALF;AAMEC,EAAAA,QANF;AAOE,KAAGC;AAPL,CADgB,EAUhBC,GAVgB,KAWb;AACH,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,cAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,cALI;AAMJC,IAAAA,gBANI;AAOJ,OAAGC;AAPC,MAQFpB,aAAa,CAAC,WAAD,EAAcY,KAAd,CARjB;AAUA,QAAM,CAACN,KAAD,EAAQe,QAAR,IAAoBvB,KAAK,CAACwB,QAAN,CAAef,MAAM,IAAIC,YAAV,IAA0B,EAAzC,CAA1B,CAXG,CAYH;;AACA,MAAIL,qBAAqB,CAACS,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,QAAMW,aAAa,GAAG,CAACC,SAAD,EAAqBC,WAArB,KAA6C;AACjE,QAAIC,SAAS,GAAGpB,KAAK,CAACqB,GAAN,CAAWC,CAAD,IAAeA,CAAzB,CAAhB;;AACA,QAAIlB,WAAJ,EAAiB;AACf,UAAIc,SAAJ,EAAe;AACbE,QAAAA,SAAS,CAACG,IAAV,CAAeJ,WAAf;AACAhB,QAAAA,aAAa,GAAGY,QAAQ,CAACK,SAAD,CAAX,GAAyBL,QAAQ,CAAC,CAACI,WAAD,CAAD,CAA9C;AACD,OAHD,MAGO;AACLJ,QAAAA,QAAQ,CAACf,KAAK,CAACwB,MAAN,CAAaxB,KAAK,CAACyB,OAAN,CAAcN,WAAd,CAAb,EAAyC,CAAzC,CAAD,CAAR;AACD;AACF,KAPD,MAOO;AACL,UAAID,SAAJ,EAAe;AACbE,QAAAA,SAAS,CAACG,IAAV,CAAeJ,WAAf;AACAhB,QAAAA,aAAa,GAAGY,QAAQ,CAACK,SAAD,CAAX,GAAyBL,QAAQ,CAAC,CAACI,WAAD,CAAD,CAA9C;AACD,OAHD,MAGO;AACLC,QAAAA,SAAS,GAAGA,SAAS,CAACM,MAAV,CAAkBC,CAAD,IAAYA,CAAC,KAAKR,WAAnC,CAAZ;AACAJ,QAAAA,QAAQ,CAACK,SAAD,CAAR;AACD;AACF;;AACDf,IAAAA,QAAQ,IAAIA,QAAQ,CAACe,SAAD,CAApB;AACD,GAnBD;;AAoBA,sBACE,oBAAC,gBAAD,CAAkB,QAAlB;AACE,IAAA,KAAK,EAAE;AACLpB,MAAAA,KAAK,EAAEA,KADF;AAELiB,MAAAA,aAFK;AAGLW,MAAAA,cAAc,EAAE;AACdpB,QAAAA,YADc;AAEdC,QAAAA,cAFc;AAGdC,QAAAA,QAHc;AAIdC,QAAAA,MAJc;AAKdC,QAAAA,cALc;AAMdC,QAAAA;AANc;AAHX;AADT,kBAcE,oBAAC,GAAD;AAAK,IAAA,QAAQ,EAAC;AAAd,KAA2BC,QAA3B;AAAqC,IAAA,GAAG,EAAEP;AAA1C,MACGZ,kBAAkB,CAACI,QAAD,CADrB,CAdF,CADF;AAoBD,CAnED;;AAqEA,4BAAeP,KAAK,CAACqC,IAAN,eAAWrC,KAAK,CAACsC,UAAN,CAAiBhC,SAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { IAccordionProps } from './types';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport getIndexedChildren from '../../../utils/getIndexedChildren';\r\nimport { AccordionContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Accordion = (\r\n  {\r\n    children,\r\n    index: pIndex,\r\n    defaultIndex,\r\n    allowMultiple,\r\n    allowToggle,\r\n    onChange,\r\n    ...props\r\n  }: IAccordionProps,\r\n  ref: any\r\n) => {\r\n  const {\r\n    endingHeight,\r\n    startingHeight,\r\n    duration,\r\n    isOpen,\r\n    onAnimationEnd,\r\n    onAnimationStart,\r\n    ...newProps\r\n  } = useThemeProps('Accordion', props);\r\n\r\n  const [index, setIndex] = React.useState(pIndex || defaultIndex || []);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  const changeHandler = (isOpening: boolean, activeIndex: number) => {\r\n    let indexCopy = index.map((i: number) => i);\r\n    if (allowToggle) {\r\n      if (isOpening) {\r\n        indexCopy.push(activeIndex);\r\n        allowMultiple ? setIndex(indexCopy) : setIndex([activeIndex]);\r\n      } else {\r\n        setIndex(index.splice(index.indexOf(activeIndex), 1));\r\n      }\r\n    } else {\r\n      if (isOpening) {\r\n        indexCopy.push(activeIndex);\r\n        allowMultiple ? setIndex(indexCopy) : setIndex([activeIndex]);\r\n      } else {\r\n        indexCopy = indexCopy.filter((n: any) => n !== activeIndex);\r\n        setIndex(indexCopy);\r\n      }\r\n    }\r\n    onChange && onChange(indexCopy);\r\n  };\r\n  return (\r\n    <AccordionContext.Provider\r\n      value={{\r\n        index: index,\r\n        changeHandler,\r\n        AnimationProps: {\r\n          endingHeight,\r\n          startingHeight,\r\n          duration,\r\n          isOpen,\r\n          onAnimationEnd,\r\n          onAnimationStart,\r\n        },\r\n      }}\r\n    >\r\n      <Box overflow=\"hidden\" {...newProps} ref={ref}>\r\n        {getIndexedChildren(children)}\r\n      </Box>\r\n    </AccordionContext.Provider>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Accordion));\r\n"]}

package/lib/module/components/composites/Accordion/AccordionDetails.js

@@ -0,0 +1,33 @@
+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 { AccordionContext, AccordionItemContext } from './Context';
+import Collapse from '../Collapse';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AccordionDetails = ({
+  children,
+  ...props
+}, ref) => {
+  const { ...newProps
+  } = useThemeProps('AccordionDetails', props);
+  const {
+    isOpen
+  } = React.useContext(AccordionItemContext);
+  const {
+    AnimationProps
+  } = React.useContext(AccordionContext); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Collapse, _extends({}, AnimationProps, newProps, {
+    isOpen: isOpen,
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(AccordionDetails));
+//# sourceMappingURL=AccordionDetails.js.map

package/lib/module/components/composites/Accordion/AccordionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionDetails.tsx"],"names":["React","AccordionContext","AccordionItemContext","Collapse","useThemeProps","useHasResponsiveProps","AccordionDetails","children","props","ref","newProps","isOpen","useContext","AnimationProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,oBAA3B,QAAuD,WAAvD;AACA,OAAOC,QAAP,MAAqB,aAArB;AAMA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,gBAAgB,GAAG,CACvB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADuB,EAEvBC,GAFuB,KAGpB;AACH,QAAM,EAAE,GAAGC;AAAL,MAAkBN,aAAa,CAAC,kBAAD,EAAqBI,KAArB,CAArC;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAyCX,KAAK,CAACY,UAAN,CAC7CV,oBAD6C,CAA/C;AAGA,QAAM;AAAEW,IAAAA;AAAF,MAA6Cb,KAAK,CAACY,UAAN,CACjDX,gBADiD,CAAnD,CALG,CAQH;;AACA,MAAII,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,QAAD,eAAcK,cAAd,EAAkCH,QAAlC;AAA4C,IAAA,MAAM,EAAEC,MAApD;AAA4D,IAAA,GAAG,EAAEF;AAAjE,MACGF,QADH,CADF;AAKD,CApBD;;AAsBA,4BAAeP,KAAK,CAACc,IAAN,eAAWd,KAAK,CAACe,UAAN,CAAiBT,gBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { AccordionContext, AccordionItemContext } from './Context';\r\nimport Collapse from '../Collapse';\r\nimport type {\r\n  IAccordionDetailsProps,\r\n  IAccordionContextProps,\r\n  IAccordionItemContextProps,\r\n} from './types';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AccordionDetails = (\r\n  { children, ...props }: IAccordionDetailsProps,\r\n  ref?: any\r\n) => {\r\n  const { ...newProps } = useThemeProps('AccordionDetails', props);\r\n  const { isOpen }: IAccordionItemContextProps = React.useContext(\r\n    AccordionItemContext\r\n  );\r\n  const { AnimationProps }: IAccordionContextProps = React.useContext(\r\n    AccordionContext\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    <Collapse {...AnimationProps} {...newProps} isOpen={isOpen} ref={ref}>\r\n      {children}\r\n    </Collapse>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(AccordionDetails));\r\n"]}

package/lib/module/components/composites/Accordion/AccordionIcon.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 from 'react';
+import { ChevronDownIcon, ChevronUpIcon } from '../../primitives/Icon/Icons';
+import { AccordionItemContext } from './Context';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AccordionIcon = ({ ...props
+}, ref) => {
+  const {
+    isOpen
+  } = React.useContext(AccordionItemContext);
+  const { ...newProps
+  } = useThemeProps('AccordionIcon', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return isOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, _extends({
+    color: "white"
+  }, newProps, {
+    ref: ref
+  })) : /*#__PURE__*/React.createElement(ChevronDownIcon, _extends({}, newProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(AccordionIcon));
+//# sourceMappingURL=AccordionIcon.js.map

package/lib/module/components/composites/Accordion/AccordionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionIcon.tsx"],"names":["React","ChevronDownIcon","ChevronUpIcon","AccordionItemContext","useThemeProps","useHasResponsiveProps","AccordionIcon","props","ref","isOpen","useContext","newProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,6BAA/C;AAEA,SAASC,oBAAT,QAAqC,WAArC;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAAoCC,GAApC,KAAkD;AACtE,QAAM;AAAEC,IAAAA;AAAF,MAAyCT,KAAK,CAACU,UAAN,CAC7CP,oBAD6C,CAA/C;AAGA,QAAM,EAAE,GAAGQ;AAAL,MAAkBP,aAAa,CAAC,eAAD,EAAkBG,KAAlB,CAArC,CAJsE,CAKtE;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,SAAOE,MAAM,gBACX,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KAAiCE,QAAjC;AAA2C,IAAA,GAAG,EAAEH;AAAhD,KADW,gBAGX,oBAAC,eAAD,eAAqBG,QAArB;AAA+B,IAAA,GAAG,EAAEH;AAApC,KAHF;AAKD,CAdD;;AAgBA,4BAAeR,KAAK,CAACY,IAAN,eAAWZ,KAAK,CAACa,UAAN,CAAiBP,aAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { ChevronDownIcon, ChevronUpIcon } from '../../primitives/Icon/Icons';\r\nimport type { IAccordionIconProps, IAccordionItemContextProps } from './types';\r\nimport { AccordionItemContext } from './Context';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AccordionIcon = ({ ...props }: IAccordionIconProps, ref?: any) => {\r\n  const { isOpen }: IAccordionItemContextProps = React.useContext(\r\n    AccordionItemContext\r\n  );\r\n  const { ...newProps } = useThemeProps('AccordionIcon', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return isOpen ? (\r\n    <ChevronUpIcon color=\"white\" {...newProps} ref={ref} />\r\n  ) : (\r\n    <ChevronDownIcon {...newProps} ref={ref} />\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(AccordionIcon));\r\n"]}

package/lib/module/components/composites/Accordion/AccordionItem.js

@@ -0,0 +1,60 @@
+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/Box';
+import { AccordionContext, AccordionItemContext } from './Context';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AccordionItem = ({
+  children,
+  index: pIndex = 0,
+  isDisabled,
+  ...props
+}, ref) => {
+  const {
+    index: cIndex,
+    changeHandler
+  } = React.useContext(AccordionContext);
+  const { ...newProps
+  } = useThemeProps('AccordionItem', props);
+  const isOpen = cIndex === null || cIndex === void 0 ? void 0 : cIndex.includes(pIndex);
+
+  const onClose = cb => {
+    changeHandler && changeHandler(false, pIndex);
+    cb && cb();
+  };
+
+  const onOpen = cb => {
+    changeHandler && changeHandler(true, pIndex);
+    cb && cb();
+  };
+
+  const childSetter = () => {
+    if (typeof children === 'function') return children({
+      isExpanded: isOpen,
+      isDisabled
+    });
+    return children;
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
+    value: {
+      index: pIndex,
+      isOpen,
+      isDisabled,
+      onClose,
+      onOpen
+    }
+  }, /*#__PURE__*/React.createElement(Box, _extends({}, newProps, {
+    ref: ref
+  }), childSetter()));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(AccordionItem));
+//# sourceMappingURL=AccordionItem.js.map

package/lib/module/components/composites/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionItem.tsx"],"names":["React","Box","AccordionContext","AccordionItemContext","useThemeProps","useHasResponsiveProps","AccordionItem","children","index","pIndex","isDisabled","props","ref","cIndex","changeHandler","useContext","newProps","isOpen","includes","onClose","cb","onOpen","childSetter","isExpanded","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,gBAAT,EAA2BC,oBAA3B,QAAuD,WAAvD;AAEA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CACpB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,KAAK,EAAEC,MAAM,GAAG,CAA5B;AAA+BC,EAAAA,UAA/B;AAA2C,KAAGC;AAA9C,CADoB,EAEpBC,GAFoB,KAGjB;AACH,QAAM;AACJJ,IAAAA,KAAK,EAAEK,MADH;AAEJC,IAAAA;AAFI,MAGsBd,KAAK,CAACe,UAAN,CAAiBb,gBAAjB,CAH5B;AAIA,QAAM,EAAE,GAAGc;AAAL,MAAkBZ,aAAa,CAAC,eAAD,EAAkBO,KAAlB,CAArC;AAEA,QAAMM,MAAM,GAAGJ,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAEK,QAAR,CAAiBT,MAAjB,CAAf;;AACA,QAAMU,OAAO,GAAIC,EAAD,IAAqB;AACnCN,IAAAA,aAAa,IAAIA,aAAa,CAAC,KAAD,EAAQL,MAAR,CAA9B;AACAW,IAAAA,EAAE,IAAIA,EAAE,EAAR;AACD,GAHD;;AAIA,QAAMC,MAAM,GAAID,EAAD,IAAqB;AAClCN,IAAAA,aAAa,IAAIA,aAAa,CAAC,IAAD,EAAOL,MAAP,CAA9B;AACAW,IAAAA,EAAE,IAAIA,EAAE,EAAR;AACD,GAHD;;AAIA,QAAME,WAAW,GAAG,MAAM;AACxB,QAAI,OAAOf,QAAP,KAAoB,UAAxB,EACE,OAAOA,QAAQ,CAAC;AAAEgB,MAAAA,UAAU,EAAEN,MAAd;AAAsBP,MAAAA;AAAtB,KAAD,CAAf;AACF,WAAOH,QAAP;AACD,GAJD,CAhBG,CAqBH;;;AACA,MAAIF,qBAAqB,CAACM,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,oBAAD,CAAsB,QAAtB;AACE,IAAA,KAAK,EAAE;AACLH,MAAAA,KAAK,EAAEC,MADF;AAELQ,MAAAA,MAFK;AAGLP,MAAAA,UAHK;AAILS,MAAAA,OAJK;AAKLE,MAAAA;AALK;AADT,kBASE,oBAAC,GAAD,eAASL,QAAT;AAAmB,IAAA,GAAG,EAAEJ;AAAxB,MACGU,WAAW,EADd,CATF,CADF;AAeD,CA3CD;;AA6CA,4BAAetB,KAAK,CAACwB,IAAN,eAAWxB,KAAK,CAACyB,UAAN,CAAiBnB,aAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { AccordionContext, AccordionItemContext } from './Context';\r\nimport type { IAccordionItemProps, IAccordionContextProps } from './types';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AccordionItem = (\r\n  { children, index: pIndex = 0, isDisabled, ...props }: IAccordionItemProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    index: cIndex,\r\n    changeHandler,\r\n  }: IAccordionContextProps = React.useContext(AccordionContext);\r\n  const { ...newProps } = useThemeProps('AccordionItem', props);\r\n\r\n  const isOpen = cIndex?.includes(pIndex);\r\n  const onClose = (cb?: () => void) => {\r\n    changeHandler && changeHandler(false, pIndex);\r\n    cb && cb();\r\n  };\r\n  const onOpen = (cb?: () => void) => {\r\n    changeHandler && changeHandler(true, pIndex);\r\n    cb && cb();\r\n  };\r\n  const childSetter = () => {\r\n    if (typeof children === 'function')\r\n      return children({ isExpanded: isOpen, isDisabled });\r\n    return children;\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    <AccordionItemContext.Provider\r\n      value={{\r\n        index: pIndex,\r\n        isOpen,\r\n        isDisabled,\r\n        onClose,\r\n        onOpen,\r\n      }}\r\n    >\r\n      <Box {...newProps} ref={ref}>\r\n        {childSetter()}\r\n      </Box>\r\n    </AccordionItemContext.Provider>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(AccordionItem));\r\n"]}

package/lib/module/components/composites/Accordion/AccordionSummary.js

@@ -0,0 +1,65 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { TouchableOpacity, Platform } from 'react-native';
+import Box from '../../primitives/Box';
+import { AccordionItemContext } from './Context';
+import { useThemeProps } from '../../../hooks';
+import { mergeRefs } from '../../../utils';
+import { useHover } from '@react-native-aria/interactions';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const AccordionSummary = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    index,
+    isOpen,
+    isDisabled,
+    onOpen,
+    onClose
+  } = React.useContext(AccordionItemContext);
+  const {
+    _hover,
+    _expanded,
+    _disabled,
+    ...themedProps
+  } = useThemeProps('AccordionSummary', props);
+
+  const pressHandler = () => {
+    isOpen ? onClose && onClose() : onOpen && onOpen();
+  };
+
+  const _ref = React.useRef(null);
+
+  const {
+    isHovered
+  } = useHover({}, _ref); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.2,
+    disabled: isDisabled,
+    onPress: pressHandler,
+    accessible: true,
+    accessibilityRole: "checkbox",
+    ref: mergeRefs([ref, _ref])
+  }, /*#__PURE__*/React.createElement(Box, _extends({
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }, themedProps, isHovered && _hover, isOpen && _expanded, isDisabled && _disabled, !index && {
+    borderTopColor: 'transparent'
+  }, Platform.OS === 'web' ? {
+    disabled: isDisabled,
+    cursor: isDisabled ? 'not-allowed' : 'auto'
+  } : {}), children));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(AccordionSummary));
+//# sourceMappingURL=AccordionSummary.js.map

package/lib/module/components/composites/Accordion/AccordionSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionSummary.tsx"],"names":["React","TouchableOpacity","Platform","Box","AccordionItemContext","useThemeProps","mergeRefs","useHover","useHasResponsiveProps","AccordionSummary","children","props","ref","index","isOpen","isDisabled","onOpen","onClose","useContext","_hover","_expanded","_disabled","themedProps","pressHandler","_ref","useRef","isHovered","borderTopColor","OS","disabled","cursor","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,QAA3B,QAA2C,cAA3C;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAKA,SAASC,oBAAT,QAAqC,WAArC;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,QAAT,QAAyB,iCAAzB;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,gBAAgB,GAAG,CACvB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADuB,EAEvBC,GAFuB,KAGpB;AACH,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,MAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA;AALI,MAM0BjB,KAAK,CAACkB,UAAN,CAAiBd,oBAAjB,CANhC;AAQA,QAAM;AAAEe,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA,SAArB;AAAgC,OAAGC;AAAnC,MAAmDjB,aAAa,CACpE,kBADoE,EAEpEM,KAFoE,CAAtE;;AAIA,QAAMY,YAAY,GAAG,MAAM;AACzBT,IAAAA,MAAM,GAAGG,OAAO,IAAIA,OAAO,EAArB,GAA0BD,MAAM,IAAIA,MAAM,EAAhD;AACD,GAFD;;AAIA,QAAMQ,IAAI,GAAGxB,KAAK,CAACyB,MAAN,CAAa,IAAb,CAAb;;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAgBnB,QAAQ,CAAC,EAAD,EAAKiB,IAAL,CAA9B,CAlBG,CAmBH;;AACA,MAAIhB,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,gBAAD;AACE,IAAA,aAAa,EAAE,GADjB;AAEE,IAAA,QAAQ,EAAEI,UAFZ;AAGE,IAAA,OAAO,EAAEQ,YAHX;AAIE,IAAA,UAAU,MAJZ;AAKE,IAAA,iBAAiB,EAAC,UALpB;AAME,IAAA,GAAG,EAAEjB,SAAS,CAAC,CAACM,GAAD,EAAMY,IAAN,CAAD;AANhB,kBAQE,oBAAC,GAAD;AACE,IAAA,OAAO,EAAC,MADV;AAEE,IAAA,aAAa,EAAC,KAFhB;AAGE,IAAA,cAAc,EAAC,eAHjB;AAIE,IAAA,UAAU,EAAC;AAJb,KAKMF,WALN,EAMOI,SAAS,IAAIP,MANpB,EAOOL,MAAM,IAAIM,SAPjB,EAQOL,UAAU,IAAIM,SARrB,EASO,CAACR,KAAD,IAAU;AAAEc,IAAAA,cAAc,EAAE;AAAlB,GATjB,EAUOzB,QAAQ,CAAC0B,EAAT,KAAgB,KAAhB,GACD;AACEC,IAAAA,QAAQ,EAAEd,UADZ;AAEEe,IAAAA,MAAM,EAAEf,UAAU,GAAG,aAAH,GAAmB;AAFvC,GADC,GAKD,EAfN,GAiBGL,QAjBH,CARF,CADF;AA8BD,CAxDD;;AA0DA,4BAAeV,KAAK,CAAC+B,IAAN,eAAW/B,KAAK,CAACgC,UAAN,CAAiBvB,gBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { TouchableOpacity, Platform } from 'react-native';\r\nimport Box from '../../primitives/Box';\r\nimport type {\r\n  IAccordionSummaryProps,\r\n  IAccordionItemContextProps,\r\n} from './types';\r\nimport { AccordionItemContext } from './Context';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AccordionSummary = (\r\n  { children, ...props }: IAccordionSummaryProps,\r\n  ref: any\r\n) => {\r\n  const {\r\n    index,\r\n    isOpen,\r\n    isDisabled,\r\n    onOpen,\r\n    onClose,\r\n  }: IAccordionItemContextProps = React.useContext(AccordionItemContext);\r\n\r\n  const { _hover, _expanded, _disabled, ...themedProps } = useThemeProps(\r\n    'AccordionSummary',\r\n    props\r\n  );\r\n  const pressHandler = () => {\r\n    isOpen ? onClose && onClose() : onOpen && onOpen();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <TouchableOpacity\r\n      activeOpacity={0.2}\r\n      disabled={isDisabled}\r\n      onPress={pressHandler}\r\n      accessible\r\n      accessibilityRole=\"checkbox\"\r\n      ref={mergeRefs([ref, _ref])}\r\n    >\r\n      <Box\r\n        display=\"flex\"\r\n        flexDirection=\"row\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        {...themedProps}\r\n        {...(isHovered && _hover)}\r\n        {...(isOpen && _expanded)}\r\n        {...(isDisabled && _disabled)}\r\n        {...(!index && { borderTopColor: 'transparent' })}\r\n        {...(Platform.OS === 'web'\r\n          ? {\r\n              disabled: isDisabled,\r\n              cursor: isDisabled ? 'not-allowed' : 'auto',\r\n            }\r\n          : {})}\r\n      >\r\n        {children}\r\n      </Box>\r\n    </TouchableOpacity>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(AccordionSummary));\r\n"]}

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

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export const AccordionContext = /*#__PURE__*/createContext({});
+export const AccordionItemContext = /*#__PURE__*/createContext({});
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["createContext","AccordionContext","AccordionItemContext"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,OAAO,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,EAAD,CAAtC;AAEP,OAAO,MAAME,oBAAoB,gBAAGF,aAAa,CAAC,EAAD,CAA1C","sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const AccordionContext = createContext({});\r\n\r\nexport const AccordionItemContext = createContext({});\r\n"]}

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

@@ -0,0 +1,16 @@
+import AccordionMain from './Accordion';
+import { default as AccordionItem } from './AccordionItem';
+import { default as AccordionSummary } from './AccordionSummary';
+import { default as AccordionDetails } from './AccordionDetails';
+import { default as AccordionIcon } from './AccordionIcon';
+const AccordionTemp = AccordionMain;
+AccordionTemp.Item = AccordionItem;
+AccordionTemp.Summary = AccordionSummary;
+AccordionTemp.Details = AccordionDetails;
+AccordionTemp.Icon = AccordionIcon; // To add typings
+
+const Accordion = AccordionTemp;
+export { Accordion };
+export { AccordionContext } from './Context';
+export { AccordionItemContext } from './Context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AccordionMain","default","AccordionItem","AccordionSummary","AccordionDetails","AccordionIcon","AccordionTemp","Item","Summary","Details","Icon","Accordion","AccordionContext","AccordionItemContext"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,aAA1B;AAEA,SAASC,OAAO,IAAIC,aAApB,QAAyC,iBAAzC;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,oBAA5C;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,oBAA5C;AACA,SAASH,OAAO,IAAII,aAApB,QAAyC,iBAAzC;AAGA,MAAMC,aAAkB,GAAGN,aAA3B;AACAM,aAAa,CAACC,IAAd,GAAqBL,aAArB;AACAI,aAAa,CAACE,OAAd,GAAwBL,gBAAxB;AACAG,aAAa,CAACG,OAAd,GAAwBL,gBAAxB;AACAE,aAAa,CAACI,IAAd,GAAqBL,aAArB,C,CAEA;;AACA,MAAMM,SAAS,GAAGL,aAAlB;AAEA,SAASK,SAAT;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,oBAAT,QAAqC,WAArC","sourcesContent":["import AccordionMain from './Accordion';\r\n\r\nimport { default as AccordionItem } from './AccordionItem';\r\nimport { default as AccordionSummary } from './AccordionSummary';\r\nimport { default as AccordionDetails } from './AccordionDetails';\r\nimport { default as AccordionIcon } from './AccordionIcon';\r\nimport type { IAccordionComponentType } from './types';\r\n\r\nconst AccordionTemp: any = AccordionMain;\r\nAccordionTemp.Item = AccordionItem;\r\nAccordionTemp.Summary = AccordionSummary;\r\nAccordionTemp.Details = AccordionDetails;\r\nAccordionTemp.Icon = AccordionIcon;\r\n\r\n// To add typings\r\nconst Accordion = AccordionTemp as IAccordionComponentType;\r\n\r\nexport { Accordion };\r\nexport { AccordionContext } from './Context';\r\nexport { AccordionItemContext } from './Context';\r\nexport type {\r\n  IAccordionProps,\r\n  IAccordionItemProps,\r\n  IAccordionSummaryProps,\r\n  IAccordionDetailsProps,\r\n  IAccordionIconProps,\r\n  IAccordionContextProps,\r\n  IAccordionItemContextProps,\r\n} from './types';\r\n"]}

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

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

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

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

package/lib/module/components/composites/Actionsheet/ActionSheetContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const ActionSheetContext = /*#__PURE__*/React.createContext({
+  hideDragIndicator: false
+});
+//# sourceMappingURL=ActionSheetContext.js.map

package/lib/module/components/composites/Actionsheet/ActionSheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionSheetContext.ts"],"names":["React","ActionSheetContext","createContext","hideDragIndicator"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AACpDC,EAAAA,iBAAiB,EAAE;AADiC,CAApB,CAA3B","sourcesContent":["import React from 'react';\r\n\r\nexport const ActionSheetContext = React.createContext({\r\n  hideDragIndicator: false,\r\n});\r\n"]}

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

@@ -0,0 +1,48 @@
+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 { Modal } from '../../composites/Modal';
+import { usePropsResolution } from '../../../hooks';
+import { ActionSheetContext } from './ActionSheetContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { Platform } from 'react-native';
+
+const Actionsheet = ({
+  children,
+  hideDragIndicator = false,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    disableOverlay,
+    onClose,
+    ...resolvedProps
+  } = usePropsResolution('Actionsheet', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  } //Fixing overlay position for Web due to scrollView issue
+
+
+  let overlayStyle = Platform.OS === 'web' ? {
+    position: 'fixed'
+  } : {};
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    isOpen: isOpen,
+    onClose: onClose
+  }, resolvedProps, {
+    overlayVisible: disableOverlay ? false : true,
+    closeOnOverlayClick: disableOverlay ? false : true,
+    ref: ref,
+    _overlay: {
+      style: overlayStyle
+    }
+  }), /*#__PURE__*/React.createElement(ActionSheetContext.Provider, {
+    value: {
+      hideDragIndicator
+    }
+  }, children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Actionsheet));
+//# sourceMappingURL=Actionsheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Actionsheet.tsx"],"names":["React","memo","forwardRef","Modal","usePropsResolution","ActionSheetContext","useHasResponsiveProps","Platform","Actionsheet","children","hideDragIndicator","props","ref","isOpen","disableOverlay","onClose","resolvedProps","overlayStyle","OS","position","style"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,QAAT,QAAyB,cAAzB;;AAEA,MAAMC,WAAW,GAAG,CAClB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,iBAAiB,GAAG,KAAhC;AAAuC,KAAGC;AAA1C,CADkB,EAElBC,GAFkB,KAGf;AACH,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,cAFI;AAGJC,IAAAA,OAHI;AAIJ,OAAGC;AAJC,MAKFZ,kBAAkB,CAAC,aAAD,EAAgBO,KAAhB,CALtB,CADG,CAQH;;AACA,MAAIL,qBAAqB,CAACK,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD,GAXE,CAYH;;;AACA,MAAIM,YAAY,GAAGV,QAAQ,CAACW,EAAT,KAAgB,KAAhB,GAAwB;AAAEC,IAAAA,QAAQ,EAAE;AAAZ,GAAxB,GAAgD,EAAnE;AAEA,sBACE,oBAAC,KAAD;AACE,IAAA,MAAM,EAAEN,MADV;AAEE,IAAA,OAAO,EAAEE;AAFX,KAGMC,aAHN;AAIE,IAAA,cAAc,EAAEF,cAAc,GAAG,KAAH,GAAW,IAJ3C;AAKE,IAAA,mBAAmB,EAAEA,cAAc,GAAG,KAAH,GAAW,IALhD;AAME,IAAA,GAAG,EAAEF,GANP;AAOE,IAAA,QAAQ,EAAE;AAAEQ,MAAAA,KAAK,EAAEH;AAAT;AAPZ,mBASE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEP,MAAAA;AAAF;AAApC,KACGD,QADH,CATF,CADF;AAeD,CAjCD;;AAmCA,4BAAeR,IAAI,eAACC,UAAU,CAACM,WAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Modal } from '../../composites/Modal';\r\nimport type { IActionsheetProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { ActionSheetContext } from './ActionSheetContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { Platform } from 'react-native';\r\n\r\nconst Actionsheet = (\r\n  { children, hideDragIndicator = false, ...props }: IActionsheetProps,\r\n  ref: any\r\n) => {\r\n  const {\r\n    isOpen,\r\n    disableOverlay,\r\n    onClose,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Actionsheet', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  //Fixing overlay position for Web due to scrollView issue\r\n  let overlayStyle = Platform.OS === 'web' ? { position: 'fixed' } : {};\r\n\r\n  return (\r\n    <Modal\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      {...resolvedProps}\r\n      overlayVisible={disableOverlay ? false : true}\r\n      closeOnOverlayClick={disableOverlay ? false : true}\r\n      ref={ref}\r\n      _overlay={{ style: overlayStyle }}\r\n    >\r\n      <ActionSheetContext.Provider value={{ hideDragIndicator }}>\r\n        {children}\r\n      </ActionSheetContext.Provider>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Actionsheet));\r\n"]}

package/lib/module/components/composites/Actionsheet/ActionsheetContent.js

@@ -0,0 +1,133 @@
+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 { Modal } from '../../composites/Modal';
+import { usePropsResolution } from '../../../hooks';
+import { Animated, PanResponder } from 'react-native';
+import { ModalContext } from '../Modal/Context';
+import Box from '../../primitives/Box';
+import { ActionSheetContext } from './ActionSheetContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const Content = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  hideDragIndicator,
+  children,
+  handleClose,
+  pan,
+  sheetHeight,
+  ...props
+}, ref) => {
+  const {
+    _dragIndicator,
+    _dragIndicatorWrapperOffSet,
+    _dragIndicatorWrapper,
+    ...resolvedProps
+  } = usePropsResolution('ActionsheetContent', props);
+  const handleCloseRef = React.useRef(null);
+  const handleCloseCallback = React.useCallback(() => {
+    let handleCloseCurrent = handleCloseRef.current; //@ts-ignore
+
+    return handleCloseCurrent();
+  }, []);
+  React.useEffect(() => {
+    handleCloseRef.current = handleClose;
+  }, [handleClose]);
+  const panResponder = React.useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_evt, gestureState) => {
+      return gestureState.dy > 15;
+    },
+    onPanResponderMove: (e, gestureState) => {
+      if (gestureState.dy > 0) {
+        Animated.event([null, {
+          dy: pan.y
+        }], {
+          useNativeDriver: false
+        })(e, gestureState);
+      }
+    },
+    onPanResponderRelease: (_e, gestureState) => {
+      // If sheet is dragged 1/4th of it's height, close it
+      if (sheetHeight.current / 4 - gestureState.dy < 0) {
+        Animated.timing(pan, {
+          toValue: {
+            x: 0,
+            y: sheetHeight.current
+          },
+          duration: 150,
+          useNativeDriver: true
+        }).start(handleCloseCallback);
+        setTimeout(() => {
+          Animated.timing(pan, {
+            toValue: {
+              x: 0,
+              y: 0
+            },
+            duration: 150,
+            useNativeDriver: true
+          }).start();
+        }, 300);
+      } else {
+        Animated.spring(pan, {
+          toValue: {
+            x: 0,
+            y: 0
+          },
+          overshootClamping: true,
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDragIndicator ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _extends({}, panResponder.panHandlers, _dragIndicatorWrapperOffSet))) : null, /*#__PURE__*/React.createElement(Modal.Content, _extends({}, resolvedProps, {
+    ref: ref,
+    safeAreaBottom: true
+  }), !hideDragIndicator ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, _extends({}, panResponder.panHandlers, _dragIndicatorWrapper), /*#__PURE__*/React.createElement(Box, _dragIndicator))) : null, children));
+}));
+
+const ActionsheetContent = ({
+  children,
+  ...props
+}, ref) => {
+  // return null;
+  const {
+    handleClose
+  } = React.useContext(ModalContext);
+  const {
+    hideDragIndicator
+  } = React.useContext(ActionSheetContext);
+  const pan = React.useRef(new Animated.ValueXY()).current;
+  const sheetHeight = React.useRef(0);
+  const handleCloseCallback = React.useCallback(handleClose, [ModalContext, handleClose]); // useEffect(() => {
+  // }, [])
+  //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      transform: [{
+        translateY: pan.y
+      }],
+      width: '100%'
+    },
+    onLayout: event => {
+      const {
+        height
+      } = event.nativeEvent.layout;
+      sheetHeight.current = height;
+    },
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(Content, _extends({
+    children: children,
+    sheetHeight: sheetHeight,
+    pan: pan,
+    hideDragIndicator: hideDragIndicator,
+    handleClose: handleCloseCallback,
+    ref: ref
+  }, props)));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ActionsheetContent));
+//# sourceMappingURL=ActionsheetContent.js.map

package/lib/module/components/composites/Actionsheet/ActionsheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetContent.tsx"],"names":["React","memo","forwardRef","Modal","usePropsResolution","Animated","PanResponder","ModalContext","Box","ActionSheetContext","useHasResponsiveProps","Content","hideDragIndicator","children","handleClose","pan","sheetHeight","props","ref","_dragIndicator","_dragIndicatorWrapperOffSet","_dragIndicatorWrapper","resolvedProps","handleCloseRef","useRef","handleCloseCallback","useCallback","handleCloseCurrent","current","useEffect","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_evt","gestureState","dy","onPanResponderMove","e","event","y","useNativeDriver","onPanResponderRelease","_e","timing","toValue","x","duration","start","setTimeout","spring","overshootClamping","panHandlers","ActionsheetContent","useContext","ValueXY","transform","translateY","width","height","nativeEvent","layout"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,cAAvC;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,OAAO,gBAAGV,IAAI,eAClBC,UAAU,CACR,CACE;AACEU,EAAAA,iBADF;AAEEC,EAAAA,QAFF;AAGEC,EAAAA,WAHF;AAIEC,EAAAA,GAJF;AAKEC,EAAAA,WALF;AAME,KAAGC;AANL,CADF,EASEC,GATF,KAUK;AACH,QAAM;AACJC,IAAAA,cADI;AAEJC,IAAAA,2BAFI;AAGJC,IAAAA,qBAHI;AAIJ,OAAGC;AAJC,MAKFlB,kBAAkB,CAAC,oBAAD,EAAuBa,KAAvB,CALtB;AAOA,QAAMM,cAAc,GAAGvB,KAAK,CAACwB,MAAN,CAAa,IAAb,CAAvB;AACA,QAAMC,mBAAmB,GAAGzB,KAAK,CAAC0B,WAAN,CAAkB,MAAM;AAClD,QAAIC,kBAAkB,GAAGJ,cAAc,CAACK,OAAxC,CADkD,CAElD;;AACA,WAAOD,kBAAkB,EAAzB;AACD,GAJ2B,EAIzB,EAJyB,CAA5B;AAKA3B,EAAAA,KAAK,CAAC6B,SAAN,CAAgB,MAAM;AACpBN,IAAAA,cAAc,CAACK,OAAf,GAAyBd,WAAzB;AACD,GAFD,EAEG,CAACA,WAAD,CAFH;AAIA,QAAMgB,YAAY,GAAG9B,KAAK,CAACwB,MAAN,CACnBlB,YAAY,CAACyB,MAAb,CAAoB;AAClBC,IAAAA,4BAA4B,EAAE,MAAM,IADlB;AAElBC,IAAAA,2BAA2B,EAAE,CAACC,IAAD,EAAOC,YAAP,KAAwB;AACnD,aAAOA,YAAY,CAACC,EAAb,GAAkB,EAAzB;AACD,KAJiB;AAKlBC,IAAAA,kBAAkB,EAAE,CAACC,CAAD,EAAIH,YAAJ,KAAqB;AACvC,UAAIA,YAAY,CAACC,EAAb,GAAkB,CAAtB,EAAyB;AACvB/B,QAAAA,QAAQ,CAACkC,KAAT,CAAe,CAAC,IAAD,EAAO;AAAEH,UAAAA,EAAE,EAAErB,GAAG,CAACyB;AAAV,SAAP,CAAf,EAAsC;AACpCC,UAAAA,eAAe,EAAE;AADmB,SAAtC,EAEGH,CAFH,EAEMH,YAFN;AAGD;AACF,KAXiB;AAYlBO,IAAAA,qBAAqB,EAAE,CAACC,EAAD,EAAKR,YAAL,KAAsB;AAC3C;AACA,UAAInB,WAAW,CAACY,OAAZ,GAAsB,CAAtB,GAA0BO,YAAY,CAACC,EAAvC,GAA4C,CAAhD,EAAmD;AACjD/B,QAAAA,QAAQ,CAACuC,MAAT,CAAgB7B,GAAhB,EAAqB;AACnB8B,UAAAA,OAAO,EAAE;AAAEC,YAAAA,CAAC,EAAE,CAAL;AAAQN,YAAAA,CAAC,EAAExB,WAAW,CAACY;AAAvB,WADU;AAEnBmB,UAAAA,QAAQ,EAAE,GAFS;AAGnBN,UAAAA,eAAe,EAAE;AAHE,SAArB,EAIGO,KAJH,CAISvB,mBAJT;AAMAwB,QAAAA,UAAU,CAAC,MAAM;AACf5C,UAAAA,QAAQ,CAACuC,MAAT,CAAgB7B,GAAhB,EAAqB;AACnB8B,YAAAA,OAAO,EAAE;AAAEC,cAAAA,CAAC,EAAE,CAAL;AAAQN,cAAAA,CAAC,EAAE;AAAX,aADU;AAEnBO,YAAAA,QAAQ,EAAE,GAFS;AAGnBN,YAAAA,eAAe,EAAE;AAHE,WAArB,EAIGO,KAJH;AAKD,SANS,EAMP,GANO,CAAV;AAOD,OAdD,MAcO;AACL3C,QAAAA,QAAQ,CAAC6C,MAAT,CAAgBnC,GAAhB,EAAqB;AACnB8B,UAAAA,OAAO,EAAE;AAAEC,YAAAA,CAAC,EAAE,CAAL;AAAQN,YAAAA,CAAC,EAAE;AAAX,WADU;AAEnBW,UAAAA,iBAAiB,EAAE,IAFA;AAGnBV,UAAAA,eAAe,EAAE;AAHE,SAArB,EAIGO,KAJH;AAKD;AACF;AAnCiB,GAApB,CADmB,EAsCnBpB,OAtCF;AAwCA,sBACE,0CACG,CAAChB,iBAAD,gBACC,uDAEE,oBAAC,GAAD,eACMkB,YAAY,CAACsB,WADnB,EAEMhC,2BAFN,EAFF,CADD,GAQG,IATN,eAWE,oBAAC,KAAD,CAAO,OAAP,eAAmBE,aAAnB;AAAkC,IAAA,GAAG,EAAEJ,GAAvC;AAA4C,IAAA,cAAc;AAA1D,MACG,CAACN,iBAAD,gBACC,uDAEE,oBAAC,GAAD,eAASkB,YAAY,CAACsB,WAAtB,EAAuC/B,qBAAvC,gBACE,oBAAC,GAAD,EAASF,cAAT,CADF,CAFF,CADD,GAOG,IARN,EAUGN,QAVH,CAXF,CADF;AA0BD,CA/FO,CADQ,CAApB;;AAmGA,MAAMwC,kBAAkB,GAAG,CACzB;AAAExC,EAAAA,QAAF;AAAY,KAAGI;AAAf,CADyB,EAEzBC,GAFyB,KAGtB;AACH;AACA,QAAM;AAAEJ,IAAAA;AAAF,MAAkBd,KAAK,CAACsD,UAAN,CAAiB/C,YAAjB,CAAxB;AACA,QAAM;AAAEK,IAAAA;AAAF,MAAwBZ,KAAK,CAACsD,UAAN,CAAiB7C,kBAAjB,CAA9B;AACA,QAAMM,GAAG,GAAGf,KAAK,CAACwB,MAAN,CAAa,IAAInB,QAAQ,CAACkD,OAAb,EAAb,EAAqC3B,OAAjD;AACA,QAAMZ,WAAW,GAAGhB,KAAK,CAACwB,MAAN,CAAa,CAAb,CAApB;AAEA,QAAMC,mBAAmB,GAAGzB,KAAK,CAAC0B,WAAN,CAAkBZ,WAAlB,EAA+B,CACzDP,YADyD,EAEzDO,WAFyD,CAA/B,CAA5B,CAPG,CAYH;AAEA;AAEA;;AACA,MAAIJ,qBAAqB,CAACO,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE;AACLuC,MAAAA,SAAS,EAAE,CAAC;AAAEC,QAAAA,UAAU,EAAE1C,GAAG,CAACyB;AAAlB,OAAD,CADN;AAELkB,MAAAA,KAAK,EAAE;AAFF,KADT;AAKE,IAAA,QAAQ,EAAGnB,KAAD,IAAW;AACnB,YAAM;AAAEoB,QAAAA;AAAF,UAAapB,KAAK,CAACqB,WAAN,CAAkBC,MAArC;AACA7C,MAAAA,WAAW,CAACY,OAAZ,GAAsB+B,MAAtB;AACD,KARH;AASE,IAAA,aAAa,EAAC;AAThB,kBAWE,oBAAC,OAAD;AACE,IAAA,QAAQ,EAAE9C,QADZ;AAEE,IAAA,WAAW,EAAEG,WAFf;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,iBAAiB,EAAEH,iBAJrB;AAKE,IAAA,WAAW,EAAEa,mBALf;AAME,IAAA,GAAG,EAAEP;AANP,KAOMD,KAPN,EAXF,CADF;AAuBD,CA/CD;;AAiDA,4BAAehB,IAAI,eAACC,UAAU,CAACmD,kBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Modal } from '../../composites/Modal';\r\nimport type { IActionsheetContentProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Animated, PanResponder } from 'react-native';\r\nimport { ModalContext } from '../Modal/Context';\r\nimport Box from '../../primitives/Box';\r\nimport { ActionSheetContext } from './ActionSheetContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Content = memo(\r\n  forwardRef(\r\n    (\r\n      {\r\n        hideDragIndicator,\r\n        children,\r\n        handleClose,\r\n        pan,\r\n        sheetHeight,\r\n        ...props\r\n      }: any,\r\n      ref: any\r\n    ) => {\r\n      const {\r\n        _dragIndicator,\r\n        _dragIndicatorWrapperOffSet,\r\n        _dragIndicatorWrapper,\r\n        ...resolvedProps\r\n      } = usePropsResolution('ActionsheetContent', props);\r\n\r\n      const handleCloseRef = React.useRef(null);\r\n      const handleCloseCallback = React.useCallback(() => {\r\n        let handleCloseCurrent = handleCloseRef.current;\r\n        //@ts-ignore\r\n        return handleCloseCurrent();\r\n      }, []);\r\n      React.useEffect(() => {\r\n        handleCloseRef.current = handleClose;\r\n      }, [handleClose]);\r\n\r\n      const panResponder = React.useRef(\r\n        PanResponder.create({\r\n          onStartShouldSetPanResponder: () => true,\r\n          onMoveShouldSetPanResponder: (_evt, gestureState) => {\r\n            return gestureState.dy > 15;\r\n          },\r\n          onPanResponderMove: (e, gestureState) => {\r\n            if (gestureState.dy > 0) {\r\n              Animated.event([null, { dy: pan.y }], {\r\n                useNativeDriver: false,\r\n              })(e, gestureState);\r\n            }\r\n          },\r\n          onPanResponderRelease: (_e, gestureState) => {\r\n            // If sheet is dragged 1/4th of it's height, close it\r\n            if (sheetHeight.current / 4 - gestureState.dy < 0) {\r\n              Animated.timing(pan, {\r\n                toValue: { x: 0, y: sheetHeight.current },\r\n                duration: 150,\r\n                useNativeDriver: true,\r\n              }).start(handleCloseCallback);\r\n\r\n              setTimeout(() => {\r\n                Animated.timing(pan, {\r\n                  toValue: { x: 0, y: 0 },\r\n                  duration: 150,\r\n                  useNativeDriver: true,\r\n                }).start();\r\n              }, 300);\r\n            } else {\r\n              Animated.spring(pan, {\r\n                toValue: { x: 0, y: 0 },\r\n                overshootClamping: true,\r\n                useNativeDriver: true,\r\n              }).start();\r\n            }\r\n          },\r\n        })\r\n      ).current;\r\n\r\n      return (\r\n        <>\r\n          {!hideDragIndicator ? (\r\n            <>\r\n              {/* To increase the draggable area */}\r\n              <Box\r\n                {...panResponder.panHandlers}\r\n                {..._dragIndicatorWrapperOffSet}\r\n              />\r\n            </>\r\n          ) : null}\r\n\r\n          <Modal.Content {...resolvedProps} ref={ref} safeAreaBottom>\r\n            {!hideDragIndicator ? (\r\n              <>\r\n                {/* Hack. Fix later. Add -2 negative margin to remove the padding added by ActionSheetContent */}\r\n                <Box {...panResponder.panHandlers} {..._dragIndicatorWrapper}>\r\n                  <Box {..._dragIndicator} />\r\n                </Box>\r\n              </>\r\n            ) : null}\r\n\r\n            {children}\r\n          </Modal.Content>\r\n        </>\r\n      );\r\n    }\r\n  )\r\n);\r\nconst ActionsheetContent = (\r\n  { children, ...props }: IActionsheetContentProps,\r\n  ref?: any\r\n) => {\r\n  // return null;\r\n  const { handleClose } = React.useContext(ModalContext);\r\n  const { hideDragIndicator } = React.useContext(ActionSheetContext);\r\n  const pan = React.useRef(new Animated.ValueXY()).current;\r\n  const sheetHeight = React.useRef(0);\r\n\r\n  const handleCloseCallback = React.useCallback(handleClose, [\r\n    ModalContext,\r\n    handleClose,\r\n  ]);\r\n\r\n  // useEffect(() => {\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  return (\r\n    <Animated.View\r\n      style={{\r\n        transform: [{ translateY: pan.y }],\r\n        width: '100%',\r\n      }}\r\n      onLayout={(event) => {\r\n        const { height } = event.nativeEvent.layout;\r\n        sheetHeight.current = height;\r\n      }}\r\n      pointerEvents=\"box-none\"\r\n    >\r\n      <Content\r\n        children={children}\r\n        sheetHeight={sheetHeight}\r\n        pan={pan}\r\n        hideDragIndicator={hideDragIndicator}\r\n        handleClose={handleCloseCallback}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    </Animated.View>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetContent));\r\n"]}

package/lib/module/components/composites/Actionsheet/ActionsheetFooter.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 { Modal } from '../../composites/Modal';
+import { usePropsResolution } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ActionsheetFooter = (props, ref) => {
+  const resolvedProps = usePropsResolution('ActionsheetFooter', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Modal.Content, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ActionsheetFooter));
+//# sourceMappingURL=ActionsheetFooter.js.map

package/lib/module/components/composites/Actionsheet/ActionsheetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetFooter.tsx"],"names":["React","memo","forwardRef","Modal","usePropsResolution","useHasResponsiveProps","ActionsheetFooter","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAiCC,GAAjC,KAA+C;AACvE,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,mBAAD,EAAsBG,KAAtB,CAAxC,CADuE,CAEvE;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,KAAD,CAAO,OAAP,eAAmBE,aAAnB;AAAkC,IAAA,GAAG,EAAED;AAAvC,KAAP;AACD,CAPD;;AASA,4BAAeP,IAAI,eAACC,UAAU,CAACI,iBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Modal } from '../../composites/Modal';\r\nimport type { IActionsheetFooterProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ActionsheetFooter = (props: IActionsheetFooterProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ActionsheetFooter', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Modal.Content {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetFooter));\r\n"]}