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

package/lib/commonjs/components/primitives/List/ListItem.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _utils = require("../../../utils");
+
+var _Pressable = require("../Pressable");
+
+var _tools = require("../../../theme/tools");
+
+var _Pressable2 = require("../../primitives/Pressable/Pressable");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ListItem = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _Pressable2.useHover)();
+  const {
+    pressableProps,
+    isPressed
+  } = (0, _Pressable2.useIsPressed)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _Pressable2.useFocus)();
+  const {
+    index,
+    start,
+    unordered,
+    ul,
+    ordered,
+    ol,
+    _text,
+    borderTopWidth,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('ListItem', props, {
+    isHovered,
+    isPressed,
+    isFocused
+  });
+
+  const _ref = _react.default.useRef(null); // const { isHovered } = useHover({}, _ref);
+  //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  } // Extracting Pressable Props from resolvedProps
+
+
+  const [pressableComponentProps, nonPressableProps] = (0, _tools.extractInObject)(resolvedProps, ['onPress', 'unstable_pressDelay', 'android_ripple', 'android_disableSound', 'delayLongPress', 'hitSlop', 'disabled', 'onLongPress', 'onPressIn', 'onPressOut', 'pressRetentionOffset', 'testOnly_pressed', 'onHoverIn', 'onHoverOut', 'onFocus', 'onBlur', '_pressed', '_focus']);
+  return Object.keys(pressableComponentProps).length !== 0 ?
+  /*#__PURE__*/
+  // Checking if any Pressable Props present
+  _react.default.createElement(_Pressable.Pressable, _extends({
+    accessibilityRole: "button",
+    accessibilityLabel: "List-Item-".concat(index + start),
+    flexDirection: "row",
+    alignItems: "center"
+  }, resolvedProps, {
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus) // focusRingProps.onFocu
+    ) // @ts-ignore - web only
+    ,
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    ),
+    borderTopWidth: index ? borderTopWidth : 0,
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: "row",
+    alignItems: "center",
+    pl: 2
+  }, ul || unordered ?
+  /*#__PURE__*/
+  //Adding disc in front of ListItem
+  _react.default.createElement(_Box.default, {
+    style: {
+      transform: [{
+        scale: 1.5
+      }]
+    },
+    mr: 2 // _text={{
+    //   fontWeight: 'bold',
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, "\u2022") : null, ol || ordered ?
+  /*#__PURE__*/
+  //Adding index number in front of ListItem
+  _react.default.createElement(_Box.default, {
+    mr: 2 // _text={{
+    //   fontWeight: 'bold',
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, index + start + '.') : null), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: "row",
+    alignItems: "center" // _text={{
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, children))) :
+  /*#__PURE__*/
+  // If no Pressable Props passed by user render Box instead of Pressable
+  _react.default.createElement(_Box.default, _extends({
+    accessibilityRole: "text",
+    accessibilityLabel: "List-Item-".concat(index + start),
+    flexDirection: "row",
+    alignItems: "center"
+  }, nonPressableProps, {
+    borderTopWidth: index ? borderTopWidth : 0,
+    ref: (0, _utils.mergeRefs)([ref, _ref])
+  }, isHovered && resolvedProps._hover, isPressed && resolvedProps._pressed, isFocused && resolvedProps._focus), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flexDirection: "row",
+    alignItems: "center",
+    pl: 2
+  }, ul || unordered ?
+  /*#__PURE__*/
+  //Adding disc in front of ListItem
+  _react.default.createElement(_Box.default, {
+    style: {
+      transform: [{
+        scale: 1.5
+      }]
+    },
+    mr: 2,
+    _text: {
+      fontWeight: 'bold',
+      ..._text
+    }
+  }, "\u2022") : null, ol || ordered ?
+  /*#__PURE__*/
+  //Adding index number in front of ListItem
+  _react.default.createElement(_Box.default, {
+    mr: 2,
+    _text: {
+      fontWeight: 'bold',
+      ..._text
+    }
+  }, index + start + '.') : null), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    _text: _text // ...(isHovered && _hover?._text && { ..._hover._text }),
+
+  }, children));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(ListItem));
+
+exports.default = _default;
+//# sourceMappingURL=ListItem.js.map

package/lib/commonjs/components/primitives/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ListItem.tsx"],"names":["ListItem","children","props","ref","hoverProps","isHovered","pressableProps","isPressed","focusProps","isFocused","index","start","unordered","ul","ordered","ol","_text","borderTopWidth","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","_ref","React","useRef","pressableComponentProps","nonPressableProps","Object","keys","length","transform","scale","_hover","_pressed","_focus","fontWeight"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../Box';\r\nimport type { IListItemProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { Pressable } from '../Pressable';\r\n// import { useHover } from '@react-native-aria/interactions';\r\nimport { extractInObject } from '../../../theme/tools';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ListItem = ({ children, ...props }: IListItemProps, ref: any) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const {\r\n    index,\r\n    start,\r\n    unordered,\r\n    ul,\r\n    ordered,\r\n    ol,\r\n    _text,\r\n    borderTopWidth,\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ListItem', props, {\r\n    isHovered,\r\n    isPressed,\r\n    isFocused,\r\n  });\r\n  const _ref = React.useRef(null);\r\n  // const { isHovered } = useHover({}, _ref);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  // Extracting Pressable Props from resolvedProps\r\n  const [\r\n    pressableComponentProps,\r\n    nonPressableProps,\r\n  ] = extractInObject(resolvedProps, [\r\n    'onPress',\r\n    'unstable_pressDelay',\r\n    'android_ripple',\r\n    'android_disableSound',\r\n    'delayLongPress',\r\n    'hitSlop',\r\n    'disabled',\r\n    'onLongPress',\r\n    'onPressIn',\r\n    'onPressOut',\r\n    'pressRetentionOffset',\r\n    'testOnly_pressed',\r\n    'onHoverIn',\r\n    'onHoverOut',\r\n    'onFocus',\r\n    'onBlur',\r\n    '_pressed',\r\n    '_focus',\r\n  ]);\r\n\r\n  return Object.keys(pressableComponentProps).length !== 0 ? (\r\n    // Checking if any Pressable Props present\r\n    <Pressable\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={`List-Item-${index + start}`}\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      {...resolvedProps}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus)\r\n        // focusRingProps.onFocu\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur)\r\n        // focusRingProps.onBlur\r\n      )}\r\n      borderTopWidth={index ? borderTopWidth : 0}\r\n      ref={ref}\r\n    >\r\n      {/* {({ isPressed, isHovered, isFocusVisible }: any) => {\r\n        const focusTextProps = isFocusVisible &&\r\n          _focus?._text && { ..._focus._text };\r\n        const hoverTextProps = isHovered &&\r\n          _hover?._text && { ..._hover._text };\r\n        const pressedTextProps = isPressed &&\r\n          _pressed?._text && { ..._pressed._text };\r\n        return ( */}\r\n      <>\r\n        <Box flexDirection=\"row\" alignItems=\"center\" pl={2}>\r\n          {ul || unordered ? ( //Adding disc in front of ListItem\r\n            <Box\r\n              style={{ transform: [{ scale: 1.5 }] }}\r\n              mr={2}\r\n              // _text={{\r\n              //   fontWeight: 'bold',\r\n              //   ..._text,\r\n              //   ...hoverTextProps,\r\n              //   ...focusTextProps,\r\n              //   ...pressedTextProps,\r\n              // }}\r\n            >\r\n              •\r\n            </Box>\r\n          ) : null}\r\n          {ol || ordered ? ( //Adding index number in front of ListItem\r\n            <Box\r\n              mr={2}\r\n              // _text={{\r\n              //   fontWeight: 'bold',\r\n              //   ..._text,\r\n              //   ...hoverTextProps,\r\n              //   ...focusTextProps,\r\n              //   ...pressedTextProps,\r\n              // }}\r\n            >\r\n              {index + start + '.'}\r\n            </Box>\r\n          ) : null}\r\n        </Box>\r\n        <Box\r\n          flexDirection=\"row\"\r\n          alignItems=\"center\"\r\n          // _text={{\r\n          //   ..._text,\r\n          //   ...hoverTextProps,\r\n          //   ...focusTextProps,\r\n          //   ...pressedTextProps,\r\n          // }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </>\r\n      {/* ); */}\r\n      {/* }} */}\r\n    </Pressable>\r\n  ) : (\r\n    // If no Pressable Props passed by user render Box instead of Pressable\r\n    <Box\r\n      accessibilityRole=\"text\"\r\n      accessibilityLabel={`List-Item-${index + start}`}\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      {...nonPressableProps}\r\n      borderTopWidth={index ? borderTopWidth : 0}\r\n      ref={mergeRefs([ref, _ref])}\r\n      {...(isHovered && resolvedProps._hover)}\r\n      {...(isPressed && resolvedProps._pressed)}\r\n      {...(isFocused && resolvedProps._focus)}\r\n    >\r\n      <Box flexDirection=\"row\" alignItems=\"center\" pl={2}>\r\n        {ul || unordered ? ( //Adding disc in front of ListItem\r\n          <Box\r\n            style={{ transform: [{ scale: 1.5 }] }}\r\n            mr={2}\r\n            _text={{ fontWeight: 'bold', ..._text }}\r\n          >\r\n            •\r\n          </Box>\r\n        ) : null}\r\n        {ol || ordered ? ( //Adding index number in front of ListItem\r\n          <Box mr={2} _text={{ fontWeight: 'bold', ..._text }}>\r\n            {index + start + '.'}\r\n          </Box>\r\n        ) : null}\r\n      </Box>\r\n      <Box\r\n        flex={1}\r\n        flexDirection=\"row\"\r\n        alignItems=\"center\"\r\n        _text={\r\n          _text\r\n          // ...(isHovered && _hover?._text && { ..._hover._text }),\r\n        }\r\n      >\r\n        {children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ListItem));\r\n"]}

package/lib/commonjs/components/primitives/List/Ordered.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Stack = require("../Stack");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const OrderedList = ({
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    _text,
+    start,
+    _hover,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('List', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  } // add props to children
+
+
+  children = _react.default.Children.map(children, (child, ind) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ol: true,
+      index: ind,
+      _text,
+      _hover,
+      start,
+      ...child.props
+    }, child.props.children);
+  });
+  return /*#__PURE__*/_react.default.createElement(_Stack.VStack, _extends({
+    style: style
+  }, resolvedProps, {
+    ref: ref
+  }), children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(OrderedList));
+
+exports.default = _default;
+//# sourceMappingURL=Ordered.js.map

package/lib/commonjs/components/primitives/List/Ordered.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Ordered.tsx"],"names":["OrderedList","style","children","props","ref","_text","start","_hover","resolvedProps","React","Children","map","child","ind","cloneElement","ol","index","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmB,KAAGC;AAAtB,CAAD,EAA4CC,GAA5C,KAA0D;AAC5E,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,MAAhB;AAAwB,OAAGC;AAA3B,MAA6C,uCACjD,MADiD,EAEjDL,KAFiD,CAAnD,CAD4E,CAK5E;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD,GAR2E,CAS5E;;;AACAD,EAAAA,QAAQ,GAAGO,eAAMC,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,CAACU,KAAD,EAAaC,GAAb,KAA6B;AACnE,wBAAOJ,eAAMK,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,EAAE,EAAE,IADN;AAEEC,MAAAA,KAAK,EAAEH,GAFT;AAGER,MAAAA,KAHF;AAIEE,MAAAA,MAJF;AAKED,MAAAA,KALF;AAME,SAAGM,KAAK,CAACT;AANX,KAFK,EAULS,KAAK,CAACT,KAAN,CAAYD,QAVP,CAAP;AAYD,GAbU,CAAX;AAcA,sBACE,6BAAC,aAAD;AAAQ,IAAA,KAAK,EAAED;AAAf,KAA0BO,aAA1B;AAAyC,IAAA,GAAG,EAAEJ;AAA9C,MACGF,QADH,CADF;AAKD,CA7BD;;4BA+BeO,eAAMQ,IAAN,eAAWR,eAAMS,UAAN,CAAiBlB,WAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { VStack } from '../Stack';\r\nimport type { IListProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst OrderedList = ({ style, children, ...props }: IListProps, ref?: any) => {\r\n  const { _text, start, _hover, ...resolvedProps } = usePropsResolution(\r\n    'List',\r\n    props\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  // add props to children\r\n  children = React.Children.map(children, (child: any, ind: number) => {\r\n    return React.cloneElement(\r\n      child,\r\n      {\r\n        ol: true,\r\n        index: ind,\r\n        _text,\r\n        _hover,\r\n        start,\r\n        ...child.props,\r\n      },\r\n      child.props.children\r\n    );\r\n  });\r\n  return (\r\n    <VStack style={style} {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </VStack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(OrderedList));\r\n"]}

package/lib/commonjs/components/primitives/List/Unordered.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Stack = require("../Stack");
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const UnorderedList = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    _text,
+    _hover,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('List', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  } // add props to children
+
+
+  children = _react.default.Children.map(children, (child, ind) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      index: ind,
+      ul: true,
+      _text: _text,
+      _hover,
+      ...child.props
+    }, child.props.children);
+  });
+  return /*#__PURE__*/_react.default.createElement(_Stack.VStack, _extends({}, resolvedProps, {
+    ref: ref
+  }), children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(UnorderedList));
+
+exports.default = _default;
+//# sourceMappingURL=Unordered.js.map

package/lib/commonjs/components/primitives/List/Unordered.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Unordered.tsx"],"names":["UnorderedList","children","props","ref","_text","_hover","resolvedProps","React","Children","map","child","ind","cloneElement","index","ul","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAqCC,GAArC,KAAmD;AACvE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiB,OAAGC;AAApB,MAAsC,+BAAmB,MAAnB,EAA2BJ,KAA3B,CAA5C,CADuE,CAEvE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD,GALsE,CAMvE;;;AACAD,EAAAA,QAAQ,GAAGM,eAAMC,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA6B,CAACS,KAAD,EAAaC,GAAb,KAA6B;AACnE,wBAAOJ,eAAMK,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,KAAK,EAAEF,GADT;AAEEG,MAAAA,EAAE,EAAE,IAFN;AAGEV,MAAAA,KAAK,EAAEA,KAHT;AAIEC,MAAAA,MAJF;AAKE,SAAGK,KAAK,CAACR;AALX,KAFK,EASLQ,KAAK,CAACR,KAAN,CAAYD,QATP,CAAP;AAWD,GAZU,CAAX;AAcA,sBACE,6BAAC,aAAD,eAAYK,aAAZ;AAA2B,IAAA,GAAG,EAAEH;AAAhC,MACGF,QADH,CADF;AAKD,CA1BD;;4BA4BeM,eAAMQ,IAAN,eAAWR,eAAMS,UAAN,CAAiBhB,aAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { VStack } from '../Stack';\r\nimport type { IListProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst UnorderedList = ({ children, ...props }: IListProps, ref?: any) => {\r\n  const { _text, _hover, ...resolvedProps } = usePropsResolution('List', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  // add props to children\r\n  children = React.Children.map(children, (child: any, ind: number) => {\r\n    return React.cloneElement(\r\n      child,\r\n      {\r\n        index: ind,\r\n        ul: true,\r\n        _text: _text,\r\n        _hover,\r\n        ...child.props,\r\n      },\r\n      child.props.children\r\n    );\r\n  });\r\n\r\n  return (\r\n    <VStack {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </VStack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(UnorderedList));\r\n"]}

package/lib/commonjs/components/primitives/List/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.List = void 0;
+
+var _List = _interopRequireDefault(require("./List"));
+
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+
+var _ListIcon = _interopRequireDefault(require("./ListIcon"));
+
+var _Ordered = _interopRequireDefault(require("./Ordered"));
+
+var _Unordered = _interopRequireDefault(require("./Unordered"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let ListTemp = _List.default;
+ListTemp.Item = _ListItem.default;
+ListTemp.Icon = _ListIcon.default;
+ListTemp.Ordered = _Ordered.default;
+ListTemp.Unordered = _Unordered.default; // To add typings
+
+const List = ListTemp;
+exports.List = List;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ListTemp","ListDefault","Item","ListItem","Icon","ListIcon","Ordered","ListOrdered","Unordered","ListUnordered","List"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAIA,QAAa,GAAGC,aAApB;AACAD,QAAQ,CAACE,IAAT,GAAgBC,iBAAhB;AACAH,QAAQ,CAACI,IAAT,GAAgBC,iBAAhB;AACAL,QAAQ,CAACM,OAAT,GAAmBC,gBAAnB;AACAP,QAAQ,CAACQ,SAAT,GAAqBC,kBAArB,C,CAEA;;AACA,MAAMC,IAAI,GAAGV,QAAb","sourcesContent":["import ListDefault from './List';\r\nimport ListItem from './ListItem';\r\nimport ListIcon from './ListIcon';\r\nimport ListOrdered from './Ordered';\r\nimport ListUnordered from './Unordered';\r\nimport type { IListComponentType } from './types';\r\n\r\nlet ListTemp: any = ListDefault;\r\nListTemp.Item = ListItem;\r\nListTemp.Icon = ListIcon;\r\nListTemp.Ordered = ListOrdered;\r\nListTemp.Unordered = ListUnordered;\r\n\r\n// To add typings\r\nconst List = ListTemp as IListComponentType;\r\n\r\nexport { List };\r\nexport type { IListProps, IListItemProps } from './types';\r\n"]}

package/lib/commonjs/components/primitives/List/types.js

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

package/lib/commonjs/components/primitives/List/types.js.map

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

package/lib/commonjs/components/primitives/List/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findProps = findProps;
+
+var _theme = require("../../../theme");
+
+function findProps(props) {
+  const [textProps, remaining] = _theme.themeTools.extractInObject(props, ['fontWeight', 'fontSize', 'textDecorationLine', 'color']);
+
+  const [borderProps, otherRemainingProps] = _theme.themeTools.extractInObject(remaining, ['border', 'borderBottom', 'borderTop', 'borderLeft', 'borderRight', 'borderWidth', 'borderRadius', 'borderColor', 'borderRightColor', 'borderBottomWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBotttomWidth', 'borderTopLeftRadius', 'borderBottomColor', 'borderBottomEndRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomStartRadius', 'borderBottomWidth', 'borderEndColor', 'borderLeftColor', 'borderLeftWidth', 'borderRadius', 'borderRightWidth', 'borderStartColor', 'borderTopColor', 'borderTopEndRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopStartRadius', 'borderTopWidth']);
+
+  const [layoutProps, remainingProps] = _theme.themeTools.extractInObject(otherRemainingProps, ['m', 'margin', 'mt', 'marginTop', 'mr', 'marginRight', 'mb', 'marginBottom', 'ml', 'marginLeft', 'mx', 'marginX', 'my', 'marginY', 'left', 'top', 'bottom', 'right', 'position', 'minH', 'minHeight', 'minWidth', 'minW', 'height', 'width']);
+
+  return [textProps, remainingProps, layoutProps, borderProps];
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/components/primitives/List/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["findProps","props","textProps","remaining","themeTools","extractInObject","borderProps","otherRemainingProps","layoutProps","remainingProps"],"mappings":";;;;;;;AAAA;;AACO,SAASA,SAAT,CAAmBC,KAAnB,EAA+B;AACpC,QAAM,CAACC,SAAD,EAAYC,SAAZ,IAAyBC,kBAAWC,eAAX,CAA2BJ,KAA3B,EAAkC,CAC/D,YAD+D,EAE/D,UAF+D,EAG/D,oBAH+D,EAI/D,OAJ+D,CAAlC,CAA/B;;AAMA,QAAM,CACJK,WADI,EAEJC,mBAFI,IAGFH,kBAAWC,eAAX,CAA2BF,SAA3B,EAAsC,CACxC,QADwC,EAExC,cAFwC,EAGxC,WAHwC,EAIxC,YAJwC,EAKxC,aALwC,EAMxC,aANwC,EAOxC,cAPwC,EAQxC,aARwC,EASxC,kBATwC,EAUxC,mBAVwC,EAWxC,iBAXwC,EAYxC,gBAZwC,EAaxC,oBAbwC,EAcxC,qBAdwC,EAexC,mBAfwC,EAgBxC,uBAhBwC,EAiBxC,wBAjBwC,EAkBxC,yBAlBwC,EAmBxC,yBAnBwC,EAoBxC,mBApBwC,EAqBxC,gBArBwC,EAsBxC,iBAtBwC,EAuBxC,iBAvBwC,EAwBxC,cAxBwC,EAyBxC,kBAzBwC,EA0BxC,kBA1BwC,EA2BxC,gBA3BwC,EA4BxC,oBA5BwC,EA6BxC,qBA7BwC,EA8BxC,sBA9BwC,EA+BxC,sBA/BwC,EAgCxC,gBAhCwC,CAAtC,CAHJ;;AAqCA,QAAM,CACJK,WADI,EAEJC,cAFI,IAGFL,kBAAWC,eAAX,CAA2BE,mBAA3B,EAAgD,CAClD,GADkD,EAElD,QAFkD,EAGlD,IAHkD,EAIlD,WAJkD,EAKlD,IALkD,EAMlD,aANkD,EAOlD,IAPkD,EAQlD,cARkD,EASlD,IATkD,EAUlD,YAVkD,EAWlD,IAXkD,EAYlD,SAZkD,EAalD,IAbkD,EAclD,SAdkD,EAelD,MAfkD,EAgBlD,KAhBkD,EAiBlD,QAjBkD,EAkBlD,OAlBkD,EAmBlD,UAnBkD,EAoBlD,MApBkD,EAqBlD,WArBkD,EAsBlD,UAtBkD,EAuBlD,MAvBkD,EAwBlD,QAxBkD,EAyBlD,OAzBkD,CAAhD,CAHJ;;AA+BA,SAAO,CAACL,SAAD,EAAYO,cAAZ,EAA4BD,WAA5B,EAAyCF,WAAzC,CAAP;AACD","sourcesContent":["import { themeTools } from '../../../theme';\r\nexport function findProps(props: any) {\r\n  const [textProps, remaining] = themeTools.extractInObject(props, [\r\n    'fontWeight',\r\n    'fontSize',\r\n    'textDecorationLine',\r\n    'color',\r\n  ]);\r\n  const [\r\n    borderProps,\r\n    otherRemainingProps,\r\n  ] = themeTools.extractInObject(remaining, [\r\n    'border',\r\n    'borderBottom',\r\n    'borderTop',\r\n    'borderLeft',\r\n    'borderRight',\r\n    'borderWidth',\r\n    'borderRadius',\r\n    'borderColor',\r\n    'borderRightColor',\r\n    'borderBottomWidth',\r\n    'borderLeftWidth',\r\n    'borderTopWidth',\r\n    'borderBotttomWidth',\r\n    'borderTopLeftRadius',\r\n    'borderBottomColor',\r\n    'borderBottomEndRadius',\r\n    'borderBottomLeftRadius',\r\n    'borderBottomRightRadius',\r\n    'borderBottomStartRadius',\r\n    'borderBottomWidth',\r\n    'borderEndColor',\r\n    'borderLeftColor',\r\n    'borderLeftWidth',\r\n    'borderRadius',\r\n    'borderRightWidth',\r\n    'borderStartColor',\r\n    'borderTopColor',\r\n    'borderTopEndRadius',\r\n    'borderTopLeftRadius',\r\n    'borderTopRightRadius',\r\n    'borderTopStartRadius',\r\n    'borderTopWidth',\r\n  ]);\r\n  const [\r\n    layoutProps,\r\n    remainingProps,\r\n  ] = themeTools.extractInObject(otherRemainingProps, [\r\n    'm',\r\n    'margin',\r\n    'mt',\r\n    'marginTop',\r\n    'mr',\r\n    'marginRight',\r\n    'mb',\r\n    'marginBottom',\r\n    'ml',\r\n    'marginLeft',\r\n    'mx',\r\n    'marginX',\r\n    'my',\r\n    'marginY',\r\n    'left',\r\n    'top',\r\n    'bottom',\r\n    'right',\r\n    'position',\r\n    'minH',\r\n    'minHeight',\r\n    'minWidth',\r\n    'minW',\r\n    'height',\r\n    'width',\r\n  ]);\r\n\r\n  return [textProps, remainingProps, layoutProps, borderProps];\r\n}\r\n"]}

package/lib/commonjs/components/primitives/Overlay/ExitAnimationContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExitAnimationContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ExitAnimationContext = /*#__PURE__*/_react.default.createContext({
+  exited: true,
+  setExited: _exited => {}
+});
+
+exports.ExitAnimationContext = ExitAnimationContext;
+//# sourceMappingURL=ExitAnimationContext.js.map

package/lib/commonjs/components/primitives/Overlay/ExitAnimationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ExitAnimationContext.ts"],"names":["ExitAnimationContext","React","createContext","exited","setExited","_exited"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,gBAAGC,eAAMC,aAAN,CAAoB;AACtDC,EAAAA,MAAM,EAAE,IAD8C;AAEtDC,EAAAA,SAAS,EAAGC,OAAD,IAAsB,CAAE;AAFmB,CAApB,CAA7B","sourcesContent":["import React from 'react';\r\n\r\nexport const ExitAnimationContext = React.createContext({\r\n  exited: true,\r\n  setExited: (_exited: boolean) => {},\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Overlay/Overlay.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlay = Overlay;
+
+var _overlays = require("@react-native-aria/overlays");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _hooks = require("../../../hooks");
+
+var _ExitAnimationContext = require("./ExitAnimationContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+function Overlay({
+  children,
+  isOpen,
+  useRNModal = false,
+  useRNModalOnAndroid = false,
+  isKeyboardDismissable = true,
+  //@ts-ignore
+  animationPreset = 'fade',
+  onRequestClose,
+  style,
+  unmountOnExit
+}) {
+  const [exited, setExited] = _react.default.useState(!isOpen);
+
+  (0, _hooks.useKeyboardDismissable)({
+    enabled: isOpen && isKeyboardDismissable,
+    callback: onRequestClose ? onRequestClose : () => {}
+  });
+  const styleObj = { ...style
+  };
+
+  if (animationPreset === 'slide') {
+    styleObj.overflow = 'hidden';
+    styleObj.display = 'flex';
+  } else {
+    styleObj.display = exited && !isOpen ? 'none' : 'flex';
+  }
+
+  if (unmountOnExit && !isOpen && exited) {
+    return null;
+  }
+
+  if (useRNModal || useRNModalOnAndroid && _reactNative.Platform.OS === 'android') {
+    return /*#__PURE__*/_react.default.createElement(_ExitAnimationContext.ExitAnimationContext.Provider, {
+      value: {
+        exited,
+        setExited
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+      statusBarTranslucent: true,
+      transparent: true,
+      visible: isOpen,
+      onRequestClose: onRequestClose,
+      animationType: animationPreset
+    }, children));
+  }
+
+  if (unmountOnExit && !isOpen && exited) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    //@ts-ignore
+    _react.default.createElement(_overlays.OverlayContainer, {
+      style: { ...styleObj
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ExitAnimationContext.ExitAnimationContext.Provider, {
+      value: {
+        exited,
+        setExited
+      }
+    }, children))
+  );
+}
+//# sourceMappingURL=Overlay.js.map

package/lib/commonjs/components/primitives/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Overlay.tsx"],"names":["Overlay","children","isOpen","useRNModal","useRNModalOnAndroid","isKeyboardDismissable","animationPreset","onRequestClose","style","unmountOnExit","exited","setExited","React","useState","enabled","callback","styleObj","overflow","display","Platform","OS"],"mappings":";;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AANA;AAqBO,SAASA,OAAT,CAAiB;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,UAAU,GAAG,KAHS;AAItBC,EAAAA,mBAAmB,GAAG,KAJA;AAKtBC,EAAAA,qBAAqB,GAAG,IALF;AAMtB;AACAC,EAAAA,eAAe,GAAG,MAPI;AAQtBC,EAAAA,cARsB;AAStBC,EAAAA,KATsB;AAUtBC,EAAAA;AAVsB,CAAjB,EAWW;AAChB,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,CAACX,MAAhB,CAA5B;;AAEA,qCAAuB;AACrBY,IAAAA,OAAO,EAAEZ,MAAM,IAAIG,qBADE;AAErBU,IAAAA,QAAQ,EAAER,cAAc,GAAGA,cAAH,GAAoB,MAAM,CAAE;AAF/B,GAAvB;AAIA,QAAMS,QAAQ,GAAG,EAAE,GAAGR;AAAL,GAAjB;;AACA,MAAIF,eAAe,KAAK,OAAxB,EAAiC;AAC/BU,IAAAA,QAAQ,CAACC,QAAT,GAAoB,QAApB;AACAD,IAAAA,QAAQ,CAACE,OAAT,GAAmB,MAAnB;AACD,GAHD,MAGO;AACLF,IAAAA,QAAQ,CAACE,OAAT,GAAmBR,MAAM,IAAI,CAACR,MAAX,GAAoB,MAApB,GAA6B,MAAhD;AACD;;AAED,MAAIO,aAAa,IAAI,CAACP,MAAlB,IAA4BQ,MAAhC,EAAwC;AACtC,WAAO,IAAP;AACD;;AAED,MAAIP,UAAU,IAAKC,mBAAmB,IAAIe,sBAASC,EAAT,KAAgB,SAA1D,EAAsE;AACpE,wBACE,6BAAC,0CAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAE;AAAEV,QAAAA,MAAF;AAAUC,QAAAA;AAAV;AAAtC,oBACE,6BAAC,kBAAD;AACE,MAAA,oBAAoB,MADtB;AAEE,MAAA,WAAW,MAFb;AAGE,MAAA,OAAO,EAAET,MAHX;AAIE,MAAA,cAAc,EAAEK,cAJlB;AAKE,MAAA,aAAa,EAAED;AALjB,OAOGL,QAPH,CADF,CADF;AAaD;;AAED,MAAIQ,aAAa,IAAI,CAACP,MAAlB,IAA4BQ,MAAhC,EAAwC;AACtC,WAAO,IAAP;AACD;;AAED;AAAA;AACE;AACA,iCAAC,0BAAD;AAAkB,MAAA,KAAK,EAAE,EAAE,GAAGM;AAAL;AAAzB,oBACE,6BAAC,0CAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAE;AAAEN,QAAAA,MAAF;AAAUC,QAAAA;AAAV;AAAtC,OACGV,QADH,CADF;AAFF;AAQD","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport type { ViewStyle } from 'react-native';\r\nimport { Modal, Platform } from 'react-native';\r\nimport { useKeyboardDismissable } from '../../../hooks';\r\nimport { ExitAnimationContext } from './ExitAnimationContext';\r\n\r\nexport interface IOverlayProps {\r\n  isOpen?: boolean;\r\n  children?: any;\r\n  // We use RN modal on android if needed as it supports shifting accessiblity focus to the opened view. IOS automatically shifts focus if an absolutely placed view appears in front.\r\n  useRNModalOnAndroid?: boolean;\r\n  useRNModal?: boolean;\r\n  onRequestClose?: any;\r\n  isKeyboardDismissable?: boolean;\r\n  animationPreset?: 'fade' | 'slide' | 'none';\r\n  style?: ViewStyle;\r\n  unmountOnExit?: boolean;\r\n}\r\n\r\nexport function Overlay({\r\n  children,\r\n  isOpen,\r\n  useRNModal = false,\r\n  useRNModalOnAndroid = false,\r\n  isKeyboardDismissable = true,\r\n  //@ts-ignore\r\n  animationPreset = 'fade',\r\n  onRequestClose,\r\n  style,\r\n  unmountOnExit,\r\n}: IOverlayProps) {\r\n  const [exited, setExited] = React.useState(!isOpen);\r\n\r\n  useKeyboardDismissable({\r\n    enabled: isOpen && isKeyboardDismissable,\r\n    callback: onRequestClose ? onRequestClose : () => {},\r\n  });\r\n  const styleObj = { ...style };\r\n  if (animationPreset === 'slide') {\r\n    styleObj.overflow = 'hidden';\r\n    styleObj.display = 'flex';\r\n  } else {\r\n    styleObj.display = exited && !isOpen ? 'none' : 'flex';\r\n  }\r\n\r\n  if (unmountOnExit && !isOpen && exited) {\r\n    return null;\r\n  }\r\n\r\n  if (useRNModal || (useRNModalOnAndroid && Platform.OS === 'android')) {\r\n    return (\r\n      <ExitAnimationContext.Provider value={{ exited, setExited }}>\r\n        <Modal\r\n          statusBarTranslucent\r\n          transparent\r\n          visible={isOpen}\r\n          onRequestClose={onRequestClose}\r\n          animationType={animationPreset}\r\n        >\r\n          {children}\r\n        </Modal>\r\n      </ExitAnimationContext.Provider>\r\n    );\r\n  }\r\n\r\n  if (unmountOnExit && !isOpen && exited) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    //@ts-ignore\r\n    <OverlayContainer style={{ ...styleObj }}>\r\n      <ExitAnimationContext.Provider value={{ exited, setExited }}>\r\n        {children}\r\n      </ExitAnimationContext.Provider>\r\n    </OverlayContainer>\r\n  );\r\n}\r\n"]}

package/lib/commonjs/components/primitives/Overlay/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Overlay = require("./Overlay");
+
+Object.keys(_Overlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Overlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Overlay[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Overlay/index.js.map

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