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

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

@@ -0,0 +1,402 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AspectRatio: true,
+  Badge: true,
+  Card: true,
+  IconButton: true,
+  Alert: true,
+  Avatar: true,
+  Breadcrumb: true,
+  Backdrop: true,
+  Container: true,
+  Modal: true,
+  Drawer: true,
+  useToast: true,
+  Toast: true,
+  Divider: true,
+  Progress: true,
+  Skeleton: true,
+  Accordion: true,
+  FormControl: true,
+  useFormControlContext: true,
+  NumberInput: true,
+  NumberInputField: true,
+  NumberInputStepper: true,
+  NumberIncrementStepper: true,
+  NumberDecrementStepper: true,
+  Tag: true,
+  Kbd: true,
+  Code: true,
+  Center: true,
+  Square: true,
+  Circle: true,
+  Wrap: true,
+  PinInput: true,
+  Collapse: true,
+  CircularProgress: true,
+  Popover: true,
+  Tooltip: true,
+  AlertDialog: true,
+  Menu: true,
+  SimpleGrid: true,
+  TextField: true,
+  Actionsheet: true,
+  Fab: true,
+  Typeahead: true,
+  useTypeahead: true
+};
+Object.defineProperty(exports, "AspectRatio", {
+  enumerable: true,
+  get: function () {
+    return _AspectRatio.default;
+  }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return _Badge.default;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function () {
+    return _IconButton.default;
+  }
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.Alert;
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _Avatar.Avatar;
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumb.Breadcrumb;
+  }
+});
+Object.defineProperty(exports, "Backdrop", {
+  enumerable: true,
+  get: function () {
+    return _Backdrop.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    return _Modal.Modal;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () {
+    return _Drawer.default;
+  }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () {
+    return _Toast.useToast;
+  }
+});
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () {
+    return _Toast.Toast;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.default;
+  }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () {
+    return _Progress.default;
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.Skeleton;
+  }
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.Accordion;
+  }
+});
+Object.defineProperty(exports, "FormControl", {
+  enumerable: true,
+  get: function () {
+    return _FormControl.FormControl;
+  }
+});
+Object.defineProperty(exports, "useFormControlContext", {
+  enumerable: true,
+  get: function () {
+    return _FormControl.useFormControlContext;
+  }
+});
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.NumberInput;
+  }
+});
+Object.defineProperty(exports, "NumberInputField", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.NumberInputField;
+  }
+});
+Object.defineProperty(exports, "NumberInputStepper", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.NumberInputStepper;
+  }
+});
+Object.defineProperty(exports, "NumberIncrementStepper", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.NumberIncrementStepper;
+  }
+});
+Object.defineProperty(exports, "NumberDecrementStepper", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.NumberDecrementStepper;
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _Tag.default;
+  }
+});
+Object.defineProperty(exports, "Kbd", {
+  enumerable: true,
+  get: function () {
+    return _KBD.default;
+  }
+});
+Object.defineProperty(exports, "Code", {
+  enumerable: true,
+  get: function () {
+    return _Code.default;
+  }
+});
+Object.defineProperty(exports, "Center", {
+  enumerable: true,
+  get: function () {
+    return _Center.Center;
+  }
+});
+Object.defineProperty(exports, "Square", {
+  enumerable: true,
+  get: function () {
+    return _Center.Square;
+  }
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function () {
+    return _Center.Circle;
+  }
+});
+Object.defineProperty(exports, "Wrap", {
+  enumerable: true,
+  get: function () {
+    return _Wrap.default;
+  }
+});
+Object.defineProperty(exports, "PinInput", {
+  enumerable: true,
+  get: function () {
+    return _PinInput.PinInput;
+  }
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function () {
+    return _Collapse.default;
+  }
+});
+Object.defineProperty(exports, "CircularProgress", {
+  enumerable: true,
+  get: function () {
+    return _CircularProgress.default;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.Tooltip;
+  }
+});
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function () {
+    return _AlertDialog.AlertDialog;
+  }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _Menu.Menu;
+  }
+});
+Object.defineProperty(exports, "SimpleGrid", {
+  enumerable: true,
+  get: function () {
+    return _SimpleGrid.SimpleGrid;
+  }
+});
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () {
+    return _TextField.TextField;
+  }
+});
+Object.defineProperty(exports, "Actionsheet", {
+  enumerable: true,
+  get: function () {
+    return _Actionsheet.Actionsheet;
+  }
+});
+Object.defineProperty(exports, "Fab", {
+  enumerable: true,
+  get: function () {
+    return _Fab.Fab;
+  }
+});
+Object.defineProperty(exports, "Typeahead", {
+  enumerable: true,
+  get: function () {
+    return _Typeahead.Typeahead;
+  }
+});
+Object.defineProperty(exports, "useTypeahead", {
+  enumerable: true,
+  get: function () {
+    return _Typeahead.useTypeahead;
+  }
+});
+
+var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
+
+var _Badge = _interopRequireDefault(require("./Badge"));
+
+var _Card = _interopRequireDefault(require("./Card"));
+
+var _IconButton = _interopRequireDefault(require("./IconButton"));
+
+var _Alert = require("./Alert");
+
+var _Avatar = require("./Avatar");
+
+var _Breadcrumb = require("./Breadcrumb");
+
+var _Backdrop = _interopRequireDefault(require("./Backdrop"));
+
+var _Container = _interopRequireDefault(require("./Container"));
+
+var _Modal = require("./Modal");
+
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+
+var _Toast = require("./Toast");
+
+var _Divider = _interopRequireDefault(require("./Divider"));
+
+var _Progress = _interopRequireDefault(require("./Progress"));
+
+var _Skeleton = require("./Skeleton");
+
+var _Accordion = require("./Accordion");
+
+var _FormControl = require("./FormControl");
+
+var _NumberInput = require("./NumberInput");
+
+var _Tag = _interopRequireDefault(require("./Tag"));
+
+var _KBD = _interopRequireDefault(require("./KBD"));
+
+var _Code = _interopRequireDefault(require("./Code"));
+
+var _Center = require("./Center");
+
+var _Wrap = _interopRequireDefault(require("./Wrap"));
+
+var _PinInput = require("./PinInput");
+
+var _Transitions = require("./Transitions");
+
+Object.keys(_Transitions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Transitions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Transitions[key];
+    }
+  });
+});
+
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+
+var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
+
+var _Popover = require("./Popover");
+
+var _Tooltip = require("./Tooltip");
+
+var _AlertDialog = require("./AlertDialog");
+
+var _Menu = require("./Menu");
+
+var _SimpleGrid = require("./SimpleGrid");
+
+var _TextField = require("./TextField");
+
+var _Actionsheet = require("./Actionsheet");
+
+var _Fab = require("./Fab");
+
+var _Typeahead = require("./Typeahead");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAEA;;AAGA;;AAEA;;AAGA;;AAGA;;AAGA;;AAKA;;AAGA;;AAWA;;AASA;;AAeA;;AAGA;;AAGA;;AAEA;;AAGA;;AAKA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAQA;;AACA;;AAEA;;AACA;;AAKA;;AAGA;;AASA;;AAYA;;AAGA;;AAQA;;AAEA","sourcesContent":["export { default as AspectRatio } from './AspectRatio';\r\nexport type { IAspectRatioProps } from './AspectRatio/types';\r\n\r\nexport { default as Badge } from './Badge';\r\nexport type { IBadgeProps } from './Badge';\r\n\r\nexport { default as Card } from './Card';\r\nexport type { ICardProps } from './Card';\r\n\r\nexport { default as IconButton } from './IconButton';\r\nexport type { IIconButtonProps } from './IconButton';\r\n\r\nexport { Alert } from './Alert';\r\nexport type { IAlertProps } from './Alert';\r\n\r\nexport { Avatar } from './Avatar';\r\nexport type { IAvatarProps } from './Avatar';\r\n\r\nexport { Breadcrumb } from './Breadcrumb';\r\nexport type { IBreadcrumbProps } from './Breadcrumb';\r\n\r\nexport { default as Backdrop } from './Backdrop';\r\n\r\nexport { default as Container } from './Container';\r\nexport type { IContainerProps } from './Container';\r\n\r\nexport { Modal } from './Modal';\r\nexport type { IModalProps } from './Modal';\r\nexport { default as Drawer } from './Drawer';\r\nexport type { IDrawerProps } from './Drawer';\r\n\r\nexport { useToast, Toast } from './Toast';\r\nexport type { IToastProps } from './Toast';\r\n\r\nexport { default as Divider } from './Divider';\r\nexport type { IDividerProps } from './Divider/types';\r\n\r\nexport { default as Progress } from './Progress';\r\nexport type { IProgressProps } from './Progress';\r\n\r\n// export { default as Stat } from './Stat';\r\n\r\nexport { Skeleton } from './Skeleton';\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './Skeleton';\r\n\r\nexport { Accordion } from './Accordion';\r\nexport type {\r\n  IAccordionProps,\r\n  IAccordionDetailsProps,\r\n  IAccordionSummaryProps,\r\n  IAccordionItemProps,\r\n  IAccordionIconProps,\r\n  IAccordionContextProps,\r\n  IAccordionItemContextProps,\r\n} from './Accordion';\r\n\r\nexport { FormControl, useFormControlContext } from './FormControl';\r\nexport type {\r\n  IFormControlProps,\r\n  IFormControlLabelProps,\r\n  IFormControlErrorMessageProps,\r\n  IFormControlHelperTextProps,\r\n  IFormControlContext,\r\n} from './FormControl';\r\n\r\nexport {\r\n  NumberInput,\r\n  NumberInputField,\r\n  NumberInputStepper,\r\n  NumberIncrementStepper,\r\n  NumberDecrementStepper,\r\n} from './NumberInput';\r\nexport type {\r\n  INumberInputProps,\r\n  INumberInputFieldProps,\r\n  INumberInputSteppersProps,\r\n  INumberInputStepperProps,\r\n  INumberInputContext,\r\n} from './NumberInput';\r\n\r\nexport { default as Tag } from './Tag';\r\nexport type { ITagProps } from './Tag';\r\n\r\nexport { default as Kbd } from './KBD';\r\nexport type { IKbdProps } from './KBD';\r\n\r\nexport { default as Code } from './Code';\r\n\r\nexport { Center, Square, Circle } from './Center';\r\nexport type { ICenterProps, ICircleProps, ISquareProps } from './Center';\r\n\r\nexport { default as Wrap } from './Wrap';\r\nexport type { IWrapProps } from './Wrap';\r\n\r\n// export type { IToastProps } from './Toast';\r\n\r\nexport { PinInput } from './PinInput';\r\nexport type { IPinInputProps, IPinInputFieldProps } from './PinInput';\r\n\r\nexport * from './Transitions';\r\nexport type {\r\n  IFadeProps,\r\n  IScaleFadeProps,\r\n  ISlideProps,\r\n  ISlideFadeProps,\r\n} from './Transitions';\r\n\r\nexport { default as Collapse } from './Collapse';\r\nexport { default as CircularProgress } from './CircularProgress';\r\n\r\nexport { Popover } from './Popover';\r\nexport { Tooltip } from './Tooltip';\r\nexport type { ITooltipProps } from './Tooltip';\r\n\r\nexport type { IPopoverProps } from './Popover';\r\n\r\nexport { AlertDialog } from './AlertDialog';\r\nexport type { IAlertDialogProps } from './AlertDialog';\r\n\r\nexport { Menu } from './Menu';\r\nexport type {\r\n  IMenuProps,\r\n  IMenuItemProps,\r\n  IMenuItemOptionProps,\r\n  IMenuGroupProps,\r\n  IMenuOptionGroupProps,\r\n} from './Menu';\r\n\r\nexport { SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './SimpleGrid';\r\n\r\n// export { Tabs } from './Tabs';\r\n// export type {\r\n//   ITabsProps,\r\n//   ITabBarProps,\r\n//   ITabProps,\r\n//   ITabViewsProps,\r\n//   ITabViewProps,\r\n//   ITabsContextProps,\r\n// } from './Tabs';\r\nexport { TextField } from './TextField';\r\nexport type { ITextFieldProps } from './TextField';\r\n\r\nexport { Actionsheet } from './Actionsheet';\r\nexport type {\r\n  IActionsheetProps,\r\n  IActionsheetContentProps,\r\n  IActionsheetItemProps,\r\n} from './Actionsheet';\r\n\r\n// export { AppBar } from './AppBar';\r\nexport { Fab } from './Fab';\r\nexport type { IFabProps } from './Fab';\r\nexport { Typeahead, useTypeahead } from './Typeahead';\r\n"]}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _theme = require("../../../theme");
+
+var _hooks = require("../../../hooks");
+
+var _styled = require("../../../utils/styled");
+
+var _wrapStringChild = require("../../../utils/wrapStringChild");
+
+var _useSafeArea = require("../../../hooks/useSafeArea");
+
+var _NativeBaseContext = require("../../../core/NativeBaseContext");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _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 StyledBox = (0, _styled.makeStyledComponent)(_reactNative.View);
+let MemoizedGradient;
+
+const Box = ({
+  children,
+  ...props
+}, ref) => {
+  var _useNativeBaseConfig$, _resolvedProps$bg, _resolvedProps$backgr, _resolvedProps$bgColo, _resolvedProps$backgr2;
+
+  // const { _text, ...resolvedProps } = useThemeProps('Box', props);
+  const theme = (0, _hooks.useTheme)();
+  const {
+    _text,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Box', props);
+  let Gradient = (_useNativeBaseConfig$ = (0, _NativeBaseContext.useNativeBaseConfig)('NativeBaseConfigProvider').config.dependencies) === null || _useNativeBaseConfig$ === void 0 ? void 0 : _useNativeBaseConfig$['linear-gradient'];
+  const safeAreaProps = (0, _useSafeArea.useSafeArea)(resolvedProps); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  if ((_resolvedProps$bg = resolvedProps.bg) !== null && _resolvedProps$bg !== void 0 && _resolvedProps$bg.linearGradient || (_resolvedProps$backgr = resolvedProps.background) !== null && _resolvedProps$backgr !== void 0 && _resolvedProps$backgr.linearGradient || (_resolvedProps$bgColo = resolvedProps.bgColor) !== null && _resolvedProps$bgColo !== void 0 && _resolvedProps$bgColo.linearGradient || (_resolvedProps$backgr2 = resolvedProps.backgroundColor) !== null && _resolvedProps$backgr2 !== void 0 && _resolvedProps$backgr2.linearGradient) {
+    var _resolvedProps$bg2, _resolvedProps$backgr3, _resolvedProps$bgColo2, _resolvedProps$backgr4;
+
+    const lgrad = ((_resolvedProps$bg2 = resolvedProps.bg) === null || _resolvedProps$bg2 === void 0 ? void 0 : _resolvedProps$bg2.linearGradient) || ((_resolvedProps$backgr3 = resolvedProps.background) === null || _resolvedProps$backgr3 === void 0 ? void 0 : _resolvedProps$backgr3.linearGradient) || ((_resolvedProps$bgColo2 = resolvedProps.bgColor) === null || _resolvedProps$bgColo2 === void 0 ? void 0 : _resolvedProps$bgColo2.linearGradient) || ((_resolvedProps$backgr4 = resolvedProps.backgroundColor) === null || _resolvedProps$backgr4 === void 0 ? void 0 : _resolvedProps$backgr4.linearGradient);
+
+    if (Gradient) {
+      var _lgrad$colors;
+
+      if (!MemoizedGradient) {
+        MemoizedGradient = (0, _styled.makeStyledComponent)(Gradient);
+      }
+
+      Gradient = MemoizedGradient;
+      lgrad.colors = (_lgrad$colors = lgrad.colors) === null || _lgrad$colors === void 0 ? void 0 : _lgrad$colors.map(color => {
+        return (0, _theme.getColor)(color, theme.colors, theme);
+      });
+      let startObj = {
+        x: 0,
+        y: 0
+      };
+      let endObj = {
+        x: 0,
+        y: 1
+      };
+
+      if (lgrad.start && lgrad.start.length === 2) {
+        startObj = {
+          x: lgrad.start[0],
+          y: lgrad.start[1]
+        };
+      }
+
+      if (lgrad.end && lgrad.end.length === 2) {
+        endObj = {
+          x: lgrad.end[0],
+          y: lgrad.end[1]
+        };
+      }
+
+      const backgroundColorProps = ['bg', 'bgColor', 'background', 'backgroundColor'];
+      backgroundColorProps.forEach(backgroundColorProp => {
+        if (backgroundColorProp in safeAreaProps) delete safeAreaProps[backgroundColorProp];
+      });
+      return /*#__PURE__*/_react.default.createElement(Gradient, _extends({
+        ref: ref
+      }, safeAreaProps, {
+        colors: lgrad.colors,
+        start: startObj,
+        end: endObj,
+        locations: lgrad.locations
+      }), (0, _wrapStringChild.wrapStringChild)(children, _text));
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(StyledBox, _extends({
+    ref: ref
+  }, safeAreaProps), (0, _wrapStringChild.wrapStringChild)(children, _text));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Box));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["StyledBox","View","MemoizedGradient","Box","children","props","ref","theme","_text","resolvedProps","Gradient","config","dependencies","safeAreaProps","bg","linearGradient","background","bgColor","backgroundColor","lgrad","colors","map","color","startObj","x","y","endObj","start","length","end","backgroundColorProps","forEach","backgroundColorProp","locations"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { View } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { getColor } from '../../../theme';\r\nimport { useTheme } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IBoxProps, InterfaceBoxProps } from './types';\r\nimport { useSafeArea } from '../../../hooks/useSafeArea';\r\nimport { useNativeBaseConfig } from '../../../core/NativeBaseContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledBox = makeStyledComponent(View);\r\n\r\nlet MemoizedGradient: any;\r\n\r\nconst Box = ({ children, ...props }: IBoxProps, ref: any) => {\r\n  // const { _text, ...resolvedProps } = useThemeProps('Box', props);\r\n  const theme = useTheme();\r\n  const { _text, ...resolvedProps } = usePropsResolution('Box', props);\r\n  let Gradient = useNativeBaseConfig('NativeBaseConfigProvider').config\r\n    .dependencies?.['linear-gradient'];\r\n\r\n  const safeAreaProps = useSafeArea(resolvedProps);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (\r\n    resolvedProps.bg?.linearGradient ||\r\n    resolvedProps.background?.linearGradient ||\r\n    resolvedProps.bgColor?.linearGradient ||\r\n    resolvedProps.backgroundColor?.linearGradient\r\n  ) {\r\n    const lgrad =\r\n      resolvedProps.bg?.linearGradient ||\r\n      resolvedProps.background?.linearGradient ||\r\n      resolvedProps.bgColor?.linearGradient ||\r\n      resolvedProps.backgroundColor?.linearGradient;\r\n\r\n    if (Gradient) {\r\n      if (!MemoizedGradient) {\r\n        MemoizedGradient = makeStyledComponent(Gradient);\r\n      }\r\n\r\n      Gradient = MemoizedGradient;\r\n\r\n      lgrad.colors = lgrad.colors?.map((color: string) => {\r\n        return getColor(color, theme.colors, theme);\r\n      });\r\n      let startObj = { x: 0, y: 0 };\r\n      let endObj = { x: 0, y: 1 };\r\n      if (lgrad.start && lgrad.start.length === 2) {\r\n        startObj = {\r\n          x: lgrad.start[0],\r\n          y: lgrad.start[1],\r\n        };\r\n      }\r\n      if (lgrad.end && lgrad.end.length === 2) {\r\n        endObj = {\r\n          x: lgrad.end[0],\r\n          y: lgrad.end[1],\r\n        };\r\n      }\r\n      const backgroundColorProps = [\r\n        'bg',\r\n        'bgColor',\r\n        'background',\r\n        'backgroundColor',\r\n      ];\r\n      backgroundColorProps.forEach((backgroundColorProp) => {\r\n        if (backgroundColorProp in safeAreaProps)\r\n          delete safeAreaProps[backgroundColorProp];\r\n      });\r\n\r\n      return (\r\n        <Gradient\r\n          ref={ref}\r\n          {...safeAreaProps}\r\n          colors={lgrad.colors}\r\n          start={startObj}\r\n          end={endObj}\r\n          locations={lgrad.locations}\r\n        >\r\n          {/* {React.Children.map(children, (child) =>\r\n            typeof child === 'string' || typeof child === 'number' ? (\r\n              <Text {..._text}>{child}</Text>\r\n            ) : (\r\n              child\r\n            )\r\n          )} */}\r\n          {wrapStringChild(children, _text)}\r\n        </Gradient>\r\n      );\r\n    }\r\n  }\r\n  return (\r\n    <StyledBox ref={ref} {...safeAreaProps}>\r\n      {/* {React.Children.map(children, (child) => {\r\n        return typeof child === 'string' ||\r\n          typeof child === 'number' ||\r\n          (child?.type === React.Fragment &&\r\n            (typeof child.props?.children === 'string' ||\r\n              typeof child.props?.children === 'number')) ? (\r\n          <Text {..._text}>{child}</Text>\r\n        ) : (\r\n          child\r\n        );\r\n      })} */}\r\n      {wrapStringChild(children, _text)}\r\n    </StyledBox>\r\n  );\r\n};\r\n\r\nexport type { IBoxProps, InterfaceBoxProps };\r\nexport default memo(forwardRef(Box));\r\n"]}

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

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

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

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