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

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Stack = require("../../primitives/Stack");
+
+var _hooks = require("../../../hooks");
+
+var _FormControl = require("../FormControl");
+
+var _reactNative = require("react-native");
+
+var _Context = require("./Context");
+
+var _theme = require("../../../theme");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const PinInput = ({
+  children,
+  ...props
+}, ref) => {
+  let [padding, remProps] = _theme.themeTools.extractInObject(props, ['p', 'px', 'py', 'pt', 'pb', 'pl', 'pr']);
+
+  const {
+    manageFocus,
+    defaultValue,
+    value,
+    space,
+    onChange,
+    ...newProps
+  } = (0, _hooks.useThemeProps)('PinInput', remProps);
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const RefList = [];
+
+  const setRefList = (ref, index) => {
+    RefList[index] = ref;
+  };
+
+  const [pinInputValue, setPinInputValue] = _react.default.useState(value || defaultValue);
+
+  const handleChange = (newValue, fieldIndex) => {
+    let temp = pinInputValue && [...pinInputValue] || [];
+    temp[fieldIndex] = newValue;
+    value === undefined && setPinInputValue(temp.join(''));
+    onChange && onChange(temp.join(''));
+    if (newValue === '' && manageFocus && fieldIndex - 1 > -1) RefList[fieldIndex - 1].current.focus();else if (newValue && manageFocus && fieldIndex + 1 < RefList.length) RefList[fieldIndex + 1].current.focus();
+    return temp.join('');
+  };
+
+  const handleMultiValueChange = (newValue, fieldIndex) => {
+    const pinFieldLength = RefList.length;
+    const newValueLength = newValue.length;
+
+    if (newValueLength >= pinFieldLength && newValueLength > 2) {
+      let splicedValue = newValue ? [...newValue] : [];
+      splicedValue.splice(pinFieldLength);
+      RefList[pinFieldLength - 1].current.focus();
+      setPinInputValue(splicedValue.join(''));
+      onChange && onChange(splicedValue.join(''));
+    }
+
+    if (_reactNative.Platform.OS !== 'ios') {
+      let temp = pinInputValue ? [...pinInputValue] : [];
+
+      if (newValue === '') {
+        // Handling Backward focus.
+        temp = temp.filter((_n, i) => i !== fieldIndex);
+        if (manageFocus && fieldIndex - 1 > -1) RefList[fieldIndex - 1].current.focus();
+      } else {
+        temp[fieldIndex] = JSON.stringify(parseInt(newValue, 10) % 10);
+        if (manageFocus && fieldIndex + 1 < RefList.length) RefList[fieldIndex + 1].current.focus();
+      }
+
+      value === undefined && setPinInputValue(temp.join(''));
+      onChange && onChange(temp.join(''));
+    }
+  };
+
+  const indexSetter = allChildren => {
+    let pinInputFiledCounter = -1;
+    return _react.default.Children.map(allChildren, child => {
+      pinInputFiledCounter++;
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        fieldIndex: pinInputFiledCounter
+      }, child.props.children);
+    });
+  };
+
+  _react.default.useEffect(() => {
+    if (value !== undefined && value != pinInputValue) setPinInputValue(value);
+  }, [value, pinInputValue, setPinInputValue]); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Context.PinInputContext.Provider, {
+    value: { ...formControlContext,
+      ...newProps,
+      setRefList,
+      handleChange,
+      handleMultiValueChange,
+      value: pinInputValue
+    }
+  }, children && /*#__PURE__*/_react.default.createElement(_Stack.HStack, _extends({
+    flexDirection: "row",
+    space: space
+  }, padding, {
+    ref: ref
+  }), indexSetter(children)));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(PinInput));
+
+exports.default = _default;
+//# sourceMappingURL=PinInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PinInput.tsx"],"names":["PinInput","children","props","ref","padding","remProps","themeTools","extractInObject","manageFocus","defaultValue","value","space","onChange","newProps","formControlContext","RefList","setRefList","index","pinInputValue","setPinInputValue","React","useState","handleChange","newValue","fieldIndex","temp","undefined","join","current","focus","length","handleMultiValueChange","pinFieldLength","newValueLength","splicedValue","splice","Platform","OS","filter","_n","i","JSON","stringify","parseInt","indexSetter","allChildren","pinInputFiledCounter","Children","map","child","cloneElement","useEffect","memo","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IPinInputProps } from './types';\r\nimport { useFormControlContext } from '../FormControl';\r\nimport { Platform } from 'react-native';\r\nimport { PinInputContext } from './Context';\r\nimport { themeTools } from '../../../theme';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PinInput = ({ children, ...props }: IPinInputProps, ref?: any) => {\r\n  let [padding, remProps] = themeTools.extractInObject(props, [\r\n    'p',\r\n    'px',\r\n    'py',\r\n    'pt',\r\n    'pb',\r\n    'pl',\r\n    'pr',\r\n  ]);\r\n  const {\r\n    manageFocus,\r\n    defaultValue,\r\n    value,\r\n    space,\r\n    onChange,\r\n    ...newProps\r\n  } = useThemeProps('PinInput', remProps);\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const RefList: Array<any> = [];\r\n  const setRefList = (ref: any, index: number) => {\r\n    RefList[index] = ref;\r\n  };\r\n  const [pinInputValue, setPinInputValue] = React.useState(\r\n    value || defaultValue\r\n  );\r\n\r\n  const handleChange = (newValue: string, fieldIndex: number) => {\r\n    let temp = (pinInputValue && [...pinInputValue]) || [];\r\n    temp[fieldIndex] = newValue;\r\n    value === undefined && setPinInputValue(temp.join(''));\r\n    onChange && onChange(temp.join(''));\r\n    if (newValue === '' && manageFocus && fieldIndex - 1 > -1)\r\n      RefList[fieldIndex - 1].current.focus();\r\n    else if (newValue && manageFocus && fieldIndex + 1 < RefList.length)\r\n      RefList[fieldIndex + 1].current.focus();\r\n    return temp.join('');\r\n  };\r\n  const handleMultiValueChange = (newValue: string, fieldIndex: number) => {\r\n    const pinFieldLength = RefList.length;\r\n    const newValueLength = newValue.length;\r\n    if (newValueLength >= pinFieldLength && newValueLength > 2) {\r\n      let splicedValue = newValue ? [...newValue] : [];\r\n      splicedValue.splice(pinFieldLength);\r\n      RefList[pinFieldLength - 1].current.focus();\r\n      setPinInputValue(splicedValue.join(''));\r\n      onChange && onChange(splicedValue.join(''));\r\n    }\r\n\r\n    if (Platform.OS !== 'ios') {\r\n      let temp = pinInputValue ? [...pinInputValue] : [];\r\n      if (newValue === '') {\r\n        // Handling Backward focus.\r\n        temp = temp.filter((_n, i) => i !== fieldIndex);\r\n        if (manageFocus && fieldIndex - 1 > -1)\r\n          RefList[fieldIndex - 1].current.focus();\r\n      } else {\r\n        temp[fieldIndex] = JSON.stringify(parseInt(newValue, 10) % 10);\r\n        if (manageFocus && fieldIndex + 1 < RefList.length)\r\n          RefList[fieldIndex + 1].current.focus();\r\n      }\r\n      value === undefined && setPinInputValue(temp.join(''));\r\n      onChange && onChange(temp.join(''));\r\n    }\r\n  };\r\n\r\n  const indexSetter = (allChildren: JSX.Element | JSX.Element[]) => {\r\n    let pinInputFiledCounter = -1;\r\n    return React.Children.map(allChildren, (child: JSX.Element) => {\r\n      pinInputFiledCounter++;\r\n      return React.cloneElement(\r\n        child,\r\n        {\r\n          fieldIndex: pinInputFiledCounter,\r\n        },\r\n        child.props.children\r\n      );\r\n    });\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (value !== undefined && value != pinInputValue) setPinInputValue(value);\r\n  }, [value, pinInputValue, setPinInputValue]);\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    <PinInputContext.Provider\r\n      value={{\r\n        ...formControlContext,\r\n        ...newProps,\r\n        setRefList,\r\n        handleChange,\r\n        handleMultiValueChange,\r\n        value: pinInputValue,\r\n      }}\r\n    >\r\n      {children && (\r\n        <HStack flexDirection=\"row\" space={space} {...padding} ref={ref}>\r\n          {indexSetter(children)}\r\n        </HStack>\r\n      )}\r\n    </PinInputContext.Provider>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(PinInput));\r\n"]}

package/lib/commonjs/components/composites/PinInput/PinInputField.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Input = require("../../primitives/Input");
+
+var _Context = require("./Context");
+
+var _reactNative = require("react-native");
+
+var _utils = require("../../../utils");
+
+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 PinInputFiled = ({
+  fieldIndex = 0,
+  defaultValue: pDefaultValue,
+  ...props
+}, ref) => {
+  let {
+    handleChange,
+    value: cValue,
+    setRefList,
+    defaultValue: cDefaultValue,
+    handleMultiValueChange,
+    ...context
+  } = _react.default.useContext(_Context.PinInputContext);
+
+  cDefaultValue = cDefaultValue && cDefaultValue[fieldIndex];
+  let defaultValue = pDefaultValue || cDefaultValue;
+  let value = cValue && cValue[fieldIndex];
+
+  const keyPressHandler = event => {
+    if (_reactNative.Platform.OS !== 'web') {
+      if (event.nativeEvent.key >= 0 && event.nativeEvent.key <= 9) {
+        handleChange && handleChange(event.nativeEvent.key, fieldIndex);
+      } else if (event.nativeEvent.key === 'Backspace') {
+        handleChange && handleChange('', fieldIndex);
+      }
+    }
+  };
+
+  const textChangeHandler = value => {
+    // Also used to handle change for Android.
+    handleMultiValueChange && handleMultiValueChange(value, fieldIndex);
+  };
+
+  const myRef = _react.default.useRef(null);
+
+  _react.default.useEffect(() => {
+    setRefList && setRefList(myRef, fieldIndex);
+  }, [myRef, fieldIndex, setRefList]); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Input.Input //@ts-ignore
+  , _extends({
+    ref: (0, _utils.mergeRefs)([myRef, ref])
+  }, context, props, {
+    onKeyPress: event => keyPressHandler(event),
+    onChangeText: value => textChangeHandler(value),
+    keyboardType: "numeric",
+    defaultValue: defaultValue,
+    value: value
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(PinInputFiled));
+
+exports.default = _default;
+//# sourceMappingURL=PinInputField.js.map

package/lib/commonjs/components/composites/PinInput/PinInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PinInputField.tsx"],"names":["PinInputFiled","fieldIndex","defaultValue","pDefaultValue","props","ref","handleChange","value","cValue","setRefList","cDefaultValue","handleMultiValueChange","context","React","useContext","PinInputContext","keyPressHandler","event","Platform","OS","nativeEvent","key","textChangeHandler","myRef","useRef","useEffect","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAG,CACpB;AACEC,EAAAA,UAAU,GAAG,CADf;AAEEC,EAAAA,YAAY,EAAEC,aAFhB;AAGE,KAAGC;AAHL,CADoB,EAMpBC,GANoB,KAOjB;AACH,MAAI;AACFC,IAAAA,YADE;AAEFC,IAAAA,KAAK,EAAEC,MAFL;AAGFC,IAAAA,UAHE;AAIFP,IAAAA,YAAY,EAAEQ,aAJZ;AAKFC,IAAAA,sBALE;AAMF,OAAGC;AAND,MAOkBC,eAAMC,UAAN,CAAiBC,wBAAjB,CAPtB;;AAQAL,EAAAA,aAAa,GAAGA,aAAa,IAAIA,aAAa,CAACT,UAAD,CAA9C;AACA,MAAIC,YAAY,GAAGC,aAAa,IAAIO,aAApC;AACA,MAAIH,KAAK,GAAGC,MAAM,IAAIA,MAAM,CAACP,UAAD,CAA5B;;AAEA,QAAMe,eAAe,GAAIC,KAAD,IAAgB;AACtC,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB,UAAIF,KAAK,CAACG,WAAN,CAAkBC,GAAlB,IAAyB,CAAzB,IAA8BJ,KAAK,CAACG,WAAN,CAAkBC,GAAlB,IAAyB,CAA3D,EAA8D;AAC5Df,QAAAA,YAAY,IAAIA,YAAY,CAACW,KAAK,CAACG,WAAN,CAAkBC,GAAnB,EAAwBpB,UAAxB,CAA5B;AACD,OAFD,MAEO,IAAIgB,KAAK,CAACG,WAAN,CAAkBC,GAAlB,KAA0B,WAA9B,EAA2C;AAChDf,QAAAA,YAAY,IAAIA,YAAY,CAAC,EAAD,EAAKL,UAAL,CAA5B;AACD;AACF;AACF,GARD;;AASA,QAAMqB,iBAAiB,GAAIf,KAAD,IAAgB;AACxC;AACAI,IAAAA,sBAAsB,IAAIA,sBAAsB,CAACJ,KAAD,EAAQN,UAAR,CAAhD;AACD,GAHD;;AAIA,QAAMsB,KAAK,GAAGV,eAAMW,MAAN,CAAa,IAAb,CAAd;;AACAX,iBAAMY,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,UAAU,IAAIA,UAAU,CAACc,KAAD,EAAQtB,UAAR,CAAxB;AACD,GAFD,EAEG,CAACsB,KAAD,EAAQtB,UAAR,EAAoBQ,UAApB,CAFH,EA3BG,CA+BH;;;AACA,MAAI,kDAAsBL,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,CACE;AADF;AAEE,IAAA,GAAG,EAAE,sBAAU,CAACmB,KAAD,EAAQlB,GAAR,CAAV;AAFP,KAGMO,OAHN,EAIMR,KAJN;AAKE,IAAA,UAAU,EAAGa,KAAD,IAAWD,eAAe,CAACC,KAAD,CALxC;AAME,IAAA,YAAY,EAAGV,KAAD,IAAWe,iBAAiB,CAACf,KAAD,CAN5C;AAOE,IAAA,YAAY,EAAC,SAPf;AAQE,IAAA,YAAY,EAAEL,YARhB;AASE,IAAA,KAAK,EAAEK;AATT,KADF;AAaD,CAvDD;;4BAyDeM,eAAMa,IAAN,eAAWb,eAAMc,UAAN,CAAiB3B,aAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { Input } from '../../primitives/Input';\r\nimport type { IPinInputFieldProps, IPinInputContext } from './types';\r\nimport { PinInputContext } from './Context';\r\nimport { Platform } from 'react-native';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PinInputFiled = (\r\n  {\r\n    fieldIndex = 0,\r\n    defaultValue: pDefaultValue,\r\n    ...props\r\n  }: IPinInputFieldProps,\r\n  ref?: any\r\n) => {\r\n  let {\r\n    handleChange,\r\n    value: cValue,\r\n    setRefList,\r\n    defaultValue: cDefaultValue,\r\n    handleMultiValueChange,\r\n    ...context\r\n  }: IPinInputContext = React.useContext(PinInputContext);\r\n  cDefaultValue = cDefaultValue && cDefaultValue[fieldIndex];\r\n  let defaultValue = pDefaultValue || cDefaultValue;\r\n  let value = cValue && cValue[fieldIndex];\r\n\r\n  const keyPressHandler = (event: any) => {\r\n    if (Platform.OS !== 'web') {\r\n      if (event.nativeEvent.key >= 0 && event.nativeEvent.key <= 9) {\r\n        handleChange && handleChange(event.nativeEvent.key, fieldIndex);\r\n      } else if (event.nativeEvent.key === 'Backspace') {\r\n        handleChange && handleChange('', fieldIndex);\r\n      }\r\n    }\r\n  };\r\n  const textChangeHandler = (value: any) => {\r\n    // Also used to handle change for Android.\r\n    handleMultiValueChange && handleMultiValueChange(value, fieldIndex);\r\n  };\r\n  const myRef = React.useRef(null);\r\n  React.useEffect(() => {\r\n    setRefList && setRefList(myRef, fieldIndex);\r\n  }, [myRef, fieldIndex, setRefList]);\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    <Input\r\n      //@ts-ignore\r\n      ref={mergeRefs([myRef, ref])}\r\n      {...context}\r\n      {...props}\r\n      onKeyPress={(event) => keyPressHandler(event)}\r\n      onChangeText={(value) => textChangeHandler(value)}\r\n      keyboardType=\"numeric\"\r\n      defaultValue={defaultValue}\r\n      value={value}\r\n    />\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(PinInputFiled));\r\n"]}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinInput = void 0;
+
+var _PinInputField = _interopRequireDefault(require("./PinInputField"));
+
+var _PinInput = _interopRequireDefault(require("./PinInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let PinInputTemp = _PinInput.default;
+PinInputTemp.Field = _PinInputField.default; // To add typings
+
+const PinInput = PinInputTemp;
+exports.PinInput = PinInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["PinInputTemp","PinInputMain","Field","PinInputField","PinInput"],"mappings":";;;;;;;AAAA;;AACA;;;;AAQA,IAAIA,YAAiB,GAAGC,iBAAxB;AACAD,YAAY,CAACE,KAAb,GAAqBC,sBAArB,C,CAEA;;AACA,MAAMC,QAAQ,GAAGJ,YAAjB","sourcesContent":["import PinInputField from './PinInputField';\r\nimport PinInputMain from './PinInput';\r\nexport type {\r\n  IPinInputContext,\r\n  IPinInputFieldProps,\r\n  IPinInputProps,\r\n} from './types';\r\nimport type { IPinInputComponentType } from './types';\r\n\r\nlet PinInputTemp: any = PinInputMain;\r\nPinInputTemp.Field = PinInputField;\r\n\r\n// To add typings\r\nconst PinInput = PinInputTemp as IPinInputComponentType;\r\nexport { PinInput };\r\n"]}

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

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

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

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

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

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Popper = require("../Popper");
+
+var _utils = require("../../../utils");
+
+var _hooks = require("../../../hooks");
+
+var _PopoverContext = require("./PopoverContext");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Backdrop = _interopRequireDefault(require("../Backdrop"));
+
+var _focus = require("@react-native-aria/focus");
+
+var _Transitions = require("../Transitions");
+
+var _reactNative = require("react-native");
+
+var _utils2 = require("@react-native-aria/utils");
+
+var _Overlay = require("../../primitives/Overlay");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
+
+var _ResponsiveQueryProvider = require("../../../utils/useResponsiveQuery/ResponsiveQueryProvider");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+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 Popover = ({
+  onOpen,
+  trigger,
+  onClose,
+  isOpen: isOpenProp,
+  children,
+  defaultIsOpen,
+  initialFocusRef,
+  finalFocusRef,
+  useRNModal,
+  trapFocus = true,
+  _backdrop,
+  ...props
+}, ref) => {
+  const {
+    _overlay
+  } = (0, _useThemeProps.usePropsResolution)('Popover', props);
+
+  const triggerRef = _react.default.useRef(null);
+
+  const mergedRef = (0, _utils.mergeRefs)([triggerRef]);
+  const [isOpen, setIsOpen] = (0, _hooks.useControllableState)({
+    value: isOpenProp,
+    defaultValue: defaultIsOpen,
+    onChange: value => {
+      value ? onOpen && onOpen() : onClose && onClose();
+    }
+  });
+
+  const [bodyMounted, setBodyMounted] = _react.default.useState(false);
+
+  const [headerMounted, setHeaderMounted] = _react.default.useState(false);
+
+  let id = (0, _lodash.default)();
+
+  const responsiveQueryContext = _react.default.useContext(_ResponsiveQueryProvider.ResponsiveQueryContext);
+
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
+
+  if (!disableCSSMediaQueries) {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    id = (0, _utils2.useId)();
+  }
+
+  const popoverContentId = "".concat(id, "-content");
+  const headerId = "".concat(popoverContentId, "-header");
+  const bodyId = "".concat(popoverContentId, "-body");
+
+  const handleOpen = _react.default.useCallback(() => {
+    setIsOpen(true);
+  }, [setIsOpen]);
+
+  const updatedTrigger = () => {
+    return trigger({
+      'ref': mergedRef,
+      'onPress': handleOpen,
+      'aria-expanded': isOpen ? true : false,
+      'aria-controls': isOpen ? popoverContentId : undefined,
+      'aria-haspopup': true
+    }, {
+      open: isOpen
+    });
+  };
+
+  const handleClose = () => {
+    setIsOpen(false);
+  }; //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    ref: ref
+  }, updatedTrigger(), /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, _extends({
+    isOpen: isOpen,
+    onRequestClose: handleClose,
+    useRNModalOnAndroid: true,
+    useRNModal: useRNModal
+  }, _overlay), /*#__PURE__*/_react.default.createElement(_Transitions.PresenceTransition, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 1,
+      transition: {
+        duration: 150
+      }
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.95,
+      transition: {
+        duration: 100
+      }
+    },
+    visible: isOpen,
+    style: _reactNative.StyleSheet.absoluteFill
+  }, /*#__PURE__*/_react.default.createElement(_Popper.Popper, _extends({
+    onClose: handleClose,
+    triggerRef: triggerRef
+  }, props), /*#__PURE__*/_react.default.createElement(_Backdrop.default, _extends({
+    onPress: handleClose,
+    bg: "transparent"
+  }, _backdrop)), /*#__PURE__*/_react.default.createElement(_PopoverContext.PopoverContext.Provider, {
+    value: {
+      onClose: handleClose,
+      initialFocusRef,
+      finalFocusRef,
+      popoverContentId,
+      bodyId,
+      headerId,
+      headerMounted,
+      bodyMounted,
+      setBodyMounted,
+      setHeaderMounted,
+      isOpen
+    }
+  }, /*#__PURE__*/_react.default.createElement(_focus.FocusScope, {
+    contain: trapFocus,
+    restoreFocus: true,
+    autoFocus: true
+  }, children))))));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Popover));
+
+exports.default = _default;
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Popover.tsx"],"names":["Popover","onOpen","trigger","onClose","isOpen","isOpenProp","children","defaultIsOpen","initialFocusRef","finalFocusRef","useRNModal","trapFocus","_backdrop","props","ref","_overlay","triggerRef","React","useRef","mergedRef","setIsOpen","value","defaultValue","onChange","bodyMounted","setBodyMounted","useState","headerMounted","setHeaderMounted","id","responsiveQueryContext","useContext","ResponsiveQueryContext","disableCSSMediaQueries","popoverContentId","headerId","bodyId","handleOpen","useCallback","updatedTrigger","undefined","open","handleClose","opacity","transition","duration","scale","StyleSheet","absoluteFill"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { Popper } from '../Popper';\r\nimport type { IPopoverProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useControllableState } from '../../../hooks';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport Box from '../../primitives/Box';\r\nimport Backdrop from '../Backdrop';\r\nimport { FocusScope } from '@react-native-aria/focus';\r\nimport { PresenceTransition } from '../Transitions';\r\nimport { StyleSheet } from 'react-native';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport { Overlay } from '../../primitives/Overlay';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport uniqueId from 'lodash.uniqueid';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nconst Popover = (\r\n  {\r\n    onOpen,\r\n    trigger,\r\n    onClose,\r\n    isOpen: isOpenProp,\r\n    children,\r\n    defaultIsOpen,\r\n    initialFocusRef,\r\n    finalFocusRef,\r\n    useRNModal,\r\n    trapFocus = true,\r\n    _backdrop,\r\n    ...props\r\n  }: IPopoverProps,\r\n  ref: any\r\n) => {\r\n  const { _overlay } = usePropsResolution('Popover', props);\r\n\r\n  const triggerRef = React.useRef(null);\r\n  const mergedRef = mergeRefs([triggerRef]);\r\n  const [isOpen, setIsOpen] = useControllableState({\r\n    value: isOpenProp,\r\n    defaultValue: defaultIsOpen,\r\n    onChange: (value) => {\r\n      value ? onOpen && onOpen() : onClose && onClose();\r\n    },\r\n  });\r\n\r\n  const [bodyMounted, setBodyMounted] = React.useState(false);\r\n  const [headerMounted, setHeaderMounted] = React.useState(false);\r\n  let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    id = useId();\r\n  }\r\n\r\n  const popoverContentId = `${id}-content`;\r\n  const headerId = `${popoverContentId}-header`;\r\n  const bodyId = `${popoverContentId}-body`;\r\n\r\n  const handleOpen = React.useCallback(() => {\r\n    setIsOpen(true);\r\n  }, [setIsOpen]);\r\n\r\n  const updatedTrigger = () => {\r\n    return trigger(\r\n      {\r\n        'ref': mergedRef,\r\n        'onPress': handleOpen,\r\n        'aria-expanded': isOpen ? true : false,\r\n        'aria-controls': isOpen ? popoverContentId : undefined,\r\n        'aria-haspopup': true,\r\n      },\r\n      { open: isOpen }\r\n    );\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false);\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    <Box ref={ref}>\r\n      {updatedTrigger()}\r\n      <Overlay\r\n        isOpen={isOpen}\r\n        onRequestClose={handleClose}\r\n        useRNModalOnAndroid\r\n        useRNModal={useRNModal}\r\n        {..._overlay}\r\n      >\r\n        <PresenceTransition\r\n          initial={{ opacity: 0 }}\r\n          animate={{ opacity: 1, transition: { duration: 150 } }}\r\n          exit={{ opacity: 0, scale: 0.95, transition: { duration: 100 } }}\r\n          visible={isOpen}\r\n          style={StyleSheet.absoluteFill}\r\n        >\r\n          <Popper onClose={handleClose} triggerRef={triggerRef} {...props}>\r\n            <Backdrop onPress={handleClose} bg=\"transparent\" {..._backdrop} />\r\n            <PopoverContext.Provider\r\n              value={{\r\n                onClose: handleClose,\r\n                initialFocusRef,\r\n                finalFocusRef,\r\n                popoverContentId,\r\n                bodyId,\r\n                headerId,\r\n                headerMounted,\r\n                bodyMounted,\r\n                setBodyMounted,\r\n                setHeaderMounted,\r\n                isOpen,\r\n              }}\r\n            >\r\n              <FocusScope contain={trapFocus} restoreFocus autoFocus>\r\n                {children}\r\n              </FocusScope>\r\n            </PopoverContext.Provider>\r\n          </Popper>\r\n        </PresenceTransition>\r\n      </Overlay>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Popover));\r\n"]}

package/lib/commonjs/components/composites/Popover/PopoverArrow.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Popper = require("../Popper");
+
+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 PopoverArrow = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('PopoverArrow', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Popper.Popper.Arrow, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+});
+
+PopoverArrow.displayName = 'PopperArrow';
+var _default = PopoverArrow;
+exports.default = _default;
+//# sourceMappingURL=PopoverArrow.js.map

package/lib/commonjs/components/composites/Popover/PopoverArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverArrow.tsx"],"names":["PopoverArrow","React","forwardRef","props","ref","resolvedProps","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,YAAY,gBAAGC,eAAMC,UAAN,CAAiB,CAACC,KAAD,EAAmBC,GAAnB,KAAgC;AACpE,QAAMC,aAAa,GAAG,+BAAmB,cAAnB,EAAmCF,KAAnC,CAAtB,CADoE,CAEpE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,cAAD,CAAQ,KAAR,eAAkBE,aAAlB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAAP;AACD,CAPoB,CAArB;;AASAJ,YAAY,CAACM,WAAb,GAA2B,aAA3B;eAEeN,Y","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Popper } from '../Popper';\r\nimport type { IBoxProps } from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverArrow = React.forwardRef((props: IBoxProps, ref: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverArrow', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Popper.Arrow {...resolvedProps} ref={ref} />;\r\n});\r\n\r\nPopoverArrow.displayName = 'PopperArrow';\r\n\r\nexport default PopoverArrow;\r\n"]}

package/lib/commonjs/components/composites/Popover/PopoverBody.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _hooks = require("../../../hooks");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _PopoverContext = require("./PopoverContext");
+
+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 PopoverBody = (props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('PopoverBody', props);
+  const {
+    setBodyMounted,
+    bodyId
+  } = (0, _react.useContext)(_PopoverContext.PopoverContext);
+  (0, _react.useEffect)(() => {
+    setBodyMounted(true);
+    return () => {
+      setBodyMounted(false);
+    };
+  }, [setBodyMounted]); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    nativeID: bodyId
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(PopoverBody));
+
+exports.default = _default;
+//# sourceMappingURL=PopoverBody.js.map

package/lib/commonjs/components/composites/Popover/PopoverBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PopoverBody.tsx"],"names":["PopoverBody","props","ref","resolvedProps","setBodyMounted","bodyId","PopoverContext"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AACnD,QAAMC,aAAa,GAAG,+BAAmB,aAAnB,EAAkCF,KAAlC,CAAtB;AACA,QAAM;AAAEG,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAA6B,uBAAWC,8BAAX,CAAnC;AAEA,wBAAU,MAAM;AACdF,IAAAA,cAAc,CAAC,IAAD,CAAd;AACA,WAAO,MAAM;AACXA,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAFD;AAGD,GALD,EAKG,CAACA,cAAD,CALH,EAJmD,CAWnD;;AACA,MAAI,kDAAsBH,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD;AAAK,IAAA,QAAQ,EAAEI;AAAf,KAA2BF,aAA3B;AAA0C,IAAA,GAAG,EAAED;AAA/C,KAAP;AACD,CAhBD;;4BAkBe,+BAAK,uBAAWF,WAAX,CAAL,C","sourcesContent":["import { usePropsResolution } from '../../../hooks';\r\nimport React, { useContext, memo, forwardRef, useEffect } from 'react';\r\nimport { default as Box, IBoxProps } from '../../primitives/Box';\r\nimport { PopoverContext } from './PopoverContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PopoverBody = (props: IBoxProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('PopoverBody', props);\r\n  const { setBodyMounted, bodyId } = useContext(PopoverContext);\r\n\r\n  useEffect(() => {\r\n    setBodyMounted(true);\r\n    return () => {\r\n      setBodyMounted(false);\r\n    };\r\n  }, [setBodyMounted]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box nativeID={bodyId} {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(PopoverBody));\r\n"]}