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

package/lib/commonjs/components/composites/Skeleton/SkeletonText.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Stack = require("../../primitives/Stack");
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+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 SkeletonText = (props, ref) => {
+  // const { children, ...props } = allProps;
+  const {
+    children,
+    startColor,
+    endColor,
+    lines,
+    isLoaded,
+    _line,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('SkeletonText', props);
+  const computedChildren = []; //generating an array of skeleton components (same length as noOfLines)
+
+  for (let i = 0; i < lines; i++) {
+    //check for last line (to change the width of last line)
+    if (i === lines - 1 && lines !== 1) {
+      computedChildren.push(
+      /*#__PURE__*/
+      //Using Skeleton component with required props
+      _react.default.createElement(_Skeleton.default, _extends({
+        key: i,
+        endColor: endColor,
+        startColor: startColor,
+        w: "75%"
+      }, _line)));
+    } else computedChildren.push( /*#__PURE__*/_react.default.createElement(_Skeleton.default, _extends({
+      key: i,
+      endColor: endColor,
+      startColor: startColor
+    }, _line)));
+  }
+
+  return isLoaded ? children : /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, resolvedProps, {
+    ref: ref
+  }), computedChildren);
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(SkeletonText));
+
+exports.default = _default;
+//# sourceMappingURL=SkeletonText.js.map

package/lib/commonjs/components/composites/Skeleton/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SkeletonText.tsx"],"names":["SkeletonText","props","ref","children","startColor","endColor","lines","isLoaded","_line","resolvedProps","computedChildren","i","push"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,YAAY,GAAG,CAEnBC,KAFmB,EAGnBC,GAHmB,KAIhB;AACH;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,KANI;AAOJ,OAAGC;AAPC,MAQF,+BAAmB,cAAnB,EAAmCR,KAAnC,CARJ;AAUA,QAAMS,gBAAgB,GAAG,EAAzB,CAZG,CAaH;;AACA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGL,KAApB,EAA2BK,CAAC,EAA5B,EAAgC;AAC9B;AACA,QAAIA,CAAC,KAAKL,KAAK,GAAG,CAAd,IAAmBA,KAAK,KAAK,CAAjC,EAAoC;AAClCI,MAAAA,gBAAgB,CAACE,IAAjB;AAAA;AACE;AACA,mCAAC,iBAAD;AACE,QAAA,GAAG,EAAED,CADP;AAEE,QAAA,QAAQ,EAAEN,QAFZ;AAGE,QAAA,UAAU,EAAED,UAHd;AAIE,QAAA,CAAC,EAAC;AAJJ,SAKMI,KALN,EAFF;AAUD,KAXD,MAYEE,gBAAgB,CAACE,IAAjB,eACE,6BAAC,iBAAD;AACE,MAAA,GAAG,EAAED,CADP;AAEE,MAAA,QAAQ,EAAEN,QAFZ;AAGE,MAAA,UAAU,EAAED;AAHd,OAIMI,KAJN,EADF;AAQH;;AACD,SAAOD,QAAQ,GACbJ,QADa,gBAGb,6BAAC,YAAD,eAAWM,aAAX;AAA0B,IAAA,GAAG,EAAEP;AAA/B,MACGQ,gBADH,CAHF;AAOD,CAhDD;;4BAkDe,+BAAK,uBAAWV,YAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport Skeleton from './Skeleton';\r\nimport type { ISkeletonTextProps } from './types';\r\n\r\nconst SkeletonText = (\r\n  //@ts-ignore\r\n  props: ISkeletonTextProps,\r\n  ref: any\r\n) => {\r\n  // const { children, ...props } = allProps;\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    lines,\r\n    isLoaded,\r\n    _line,\r\n    ...resolvedProps\r\n  } = usePropsResolution('SkeletonText', props);\r\n\r\n  const computedChildren = [];\r\n  //generating an array of skeleton components (same length as noOfLines)\r\n  for (let i = 0; i < lines; i++) {\r\n    //check for last line (to change the width of last line)\r\n    if (i === lines - 1 && lines !== 1) {\r\n      computedChildren.push(\r\n        //Using Skeleton component with required props\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          w=\"75%\"\r\n          {..._line}\r\n        />\r\n      );\r\n    } else\r\n      computedChildren.push(\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          {..._line}\r\n        />\r\n      );\r\n  }\r\n  return isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Stack {...resolvedProps} ref={ref}>\r\n      {computedChildren}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(SkeletonText));\r\n"]}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = void 0;
+
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+
+var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SkeletonTemp = _Skeleton.default;
+SkeletonTemp.Text = _SkeletonText.default; // To add typings
+
+const Skeleton = SkeletonTemp;
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["SkeletonTemp","SkeletonMain","Text","SkeletonText","Skeleton"],"mappings":";;;;;;;AACA;;AACA;;;;AAEA,MAAMA,YAAiB,GAAGC,iBAA1B;AACAD,YAAY,CAACE,IAAb,GAAoBC,qBAApB,C,CAEA;;AACA,MAAMC,QAAQ,GAAGJ,YAAjB","sourcesContent":["import type { ISkeletonComponentType } from './types';\r\nimport SkeletonMain from './Skeleton';\r\nimport SkeletonText from './SkeletonText';\r\n\r\nconst SkeletonTemp: any = SkeletonMain;\r\nSkeletonTemp.Text = SkeletonText;\r\n\r\n// To add typings\r\nconst Skeleton = SkeletonTemp as ISkeletonComponentType;\r\nexport { Skeleton };\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StatGroup = exports.StatArrow = exports.StatHelpText = exports.StatNumber = exports.StatLabel = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _hooks = require("../../../hooks");
+
+var _Icons = require("../../primitives/Icon/Icons");
+
+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 StatLabel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  let newProps = (0, _hooks.useThemeProps)('Stat', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, newProps._statLabel, newProps, {
+    style: style
+  }, props, {
+    ref: ref
+  }), props.children);
+}));
+
+exports.StatLabel = StatLabel;
+
+const StatNumber = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  let newProps = (0, _hooks.useThemeProps)('Stat', props);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, newProps._statNumber, newProps, {
+    style: style,
+    ref: ref
+  }), props.children);
+}));
+
+exports.StatNumber = StatNumber;
+
+const StatHelpText = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  let newProps = (0, _hooks.useThemeProps)('Stat', props);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, newProps._statHelpText, newProps, {
+    style: style,
+    ref: ref
+  }), props.children);
+}));
+
+exports.StatHelpText = StatHelpText;
+
+const StatArrow = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+  type,
+  ...props
+}, ref) => {
+  return type === 'increase' ? /*#__PURE__*/_react.default.createElement(_Icons.ChevronUpIcon, _extends({
+    ml: -1,
+    color: "green.500",
+    size: 8
+  }, props, {
+    ref: ref
+  })) : /*#__PURE__*/_react.default.createElement(_Icons.ChevronDownIcon, _extends({
+    ml: -1,
+    color: "red.500",
+    size: 8
+  }, props, {
+    ref: ref
+  }));
+}));
+
+exports.StatArrow = StatArrow;
+
+const StatGroup = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  let newProps = (0, _hooks.useThemeProps)('Stat', props);
+  return /*#__PURE__*/_react.default.createElement(_primitives.HStack, _extends({}, newProps._statGroup, newProps, {
+    ref: ref,
+    style: style
+  }));
+}));
+
+exports.StatGroup = StatGroup;
+
+const StatMain = /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, props, {
+    ref: ref,
+    style: style
+  }));
+});
+
+const StatTemp = StatMain;
+StatTemp.Label = StatLabel;
+StatTemp.Number = StatNumber;
+StatTemp.HelpText = StatHelpText;
+StatTemp.Arrow = StatArrow;
+StatTemp.Group = StatGroup;
+const Stat = StatTemp;
+var _default = Stat;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["StatLabel","React","memo","forwardRef","style","props","ref","newProps","_statLabel","children","StatNumber","_statNumber","StatHelpText","_statHelpText","StatArrow","type","StatGroup","_statGroup","StatMain","StatTemp","Label","Number","HelpText","Arrow","Group","Stat"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {\r\n  Box,\r\n  IBoxProps,\r\n  Text,\r\n  ITextProps,\r\n  IIconProps,\r\n  HStack,\r\n  IStackProps,\r\n} from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { ChevronDownIcon, ChevronUpIcon } from '../../primitives/Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const StatLabel = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Text\r\n        {...newProps._statLabel}\r\n        {...newProps}\r\n        style={style}\r\n        {...props}\r\n        ref={ref}\r\n      >\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatNumber = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Text {...newProps._statNumber} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatHelpText = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Box {...newProps._statHelpText} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\n\r\ntype IStatArrowProps = IIconProps & { type?: 'increase' | 'decrease' };\r\nexport const StatArrow = React.memo(\r\n  React.forwardRef(({ type, ...props }: IStatArrowProps, ref?: any) => {\r\n    return type === 'increase' ? (\r\n      <ChevronUpIcon ml={-1} color=\"green.500\" size={8} {...props} ref={ref} />\r\n    ) : (\r\n      <ChevronDownIcon ml={-1} color=\"red.500\" size={8} {...props} ref={ref} />\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatGroup = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <HStack {...newProps._statGroup} {...newProps} ref={ref} style={style} />\r\n    );\r\n  })\r\n);\r\n\r\nconst StatMain = React.forwardRef(\r\n  ({ style, ...props }: IBoxProps, ref: any) => {\r\n    return <Box {...props} ref={ref} style={style} />;\r\n  }\r\n);\r\n\r\ntype IStatComponentType = ((\r\n  props: IBoxProps & { ref?: any }\r\n) => JSX.Element) & {\r\n  Label: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Number: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  HelpText: React.MemoExoticComponent<\r\n    (props: IBoxProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Arrow: React.MemoExoticComponent<\r\n    (props: IStatArrowProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Group: React.MemoExoticComponent<\r\n    (props: IStackProps & { ref?: any }) => JSX.Element\r\n  >;\r\n};\r\n\r\nconst StatTemp: any = StatMain;\r\nStatTemp.Label = StatLabel;\r\nStatTemp.Number = StatNumber;\r\nStatTemp.HelpText = StatHelpText;\r\nStatTemp.Arrow = StatArrow;\r\nStatTemp.Group = StatGroup;\r\n\r\nconst Stat = StatTemp as IStatComponentType;\r\n\r\nexport default Stat;\r\n"]}

package/lib/commonjs/components/composites/Tabs/Context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabsContext = void 0;
+
+var _react = require("react");
+
+const TabsContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TabsContext = TabsContext;
+//# sourceMappingURL=Context.js.map

package/lib/commonjs/components/composites/Tabs/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["TabsContext"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,WAAW,gBAAG,0BAAc,EAAd,CAApB","sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const TabsContext = createContext({});\r\n"]}

package/lib/commonjs/components/composites/Tabs/Tab.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TabContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Pressable = require("../../primitives/Pressable");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Context = require("./Context");
+
+var _utils = require("../../../theme/tools/utils");
+
+var _tabs = require("@react-native-aria/tabs");
+
+var _interactions = require("@react-native-aria/interactions");
+
+var _utils2 = require("../../../utils");
+
+var _lodash = _interopRequireDefault(require("lodash.merge"));
+
+var _theme = require("../../../theme");
+
+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 TabContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TabContext = TabContext;
+
+const Tab = ({
+  children,
+  isDisabled,
+  style,
+  _active,
+  _disabled,
+  item,
+  ...props
+}, ref) => {
+  const newProps = (0, _utils.omitUndefined)(props);
+
+  const {
+    inactiveTabStyle,
+    activeTabStyle,
+    state,
+    isFitted
+  } = _react.default.useContext(_Context.TabsContext);
+
+  let tabRef = _react.default.useRef(null);
+
+  const _ref = _react.default.useRef(null);
+
+  const {
+    isHovered
+  } = (0, _interactions.useHover)({}, _ref);
+  let isSelected = state.selectedKey === item.key;
+  let {
+    tabProps
+  } = (0, _tabs.useTab)({
+    item,
+    isDisabled
+  }, state, tabRef);
+
+  _react.default.useEffect(() => {
+    if (isDisabled) {
+      state.disabledKeys.add(item.key);
+    } else {
+      state.disabledKeys.delete(item.key);
+    }
+  }, [isDisabled, item.key, state.disabledKeys]);
+
+  const tabStyle = isSelected ? activeTabStyle : inactiveTabStyle;
+  const {
+    _hover,
+    ...remainingTabStyle
+  } = tabStyle;
+  const mergedProps = (0, _lodash.default)(remainingTabStyle, newProps);
+
+  const [marginalProps, remainingProps] = _theme.themeTools.extractInObject(mergedProps, ['margin', 'm', 'marginTop', 'mt', 'marginRight', 'mr', 'marginBottom', 'mb', 'marginLeft', 'ml', 'marginX', 'mx', 'marginY', 'my']); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(TabContext.Provider, {
+    value: {
+      isSelected
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    disabled: isDisabled,
+    ref: (0, _utils2.mergeRefs)([tabRef, _ref, ref]),
+    flex: isFitted ? 1 : undefined
+  }, tabProps, marginalProps), /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, remainingProps, isHovered && _hover, {
+    style: [style, isSelected && _active, isDisabled && _disabled]
+  }), children)));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Tab));
+
+exports.default = _default;
+//# sourceMappingURL=Tab.js.map

package/lib/commonjs/components/composites/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tab.tsx"],"names":["TabContext","Tab","children","isDisabled","style","_active","_disabled","item","props","ref","newProps","inactiveTabStyle","activeTabStyle","state","isFitted","React","useContext","TabsContext","tabRef","useRef","_ref","isHovered","isSelected","selectedKey","key","tabProps","useEffect","disabledKeys","add","delete","tabStyle","_hover","remainingTabStyle","mergedProps","marginalProps","remainingProps","themeTools","extractInObject","undefined","memo","forwardRef"],"mappings":"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","sourcesContent":["import React, { createContext } from 'react';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport Box from '../../primitives/Box';\r\nimport { TabsContext } from './Context';\r\nimport type { ITabProps, ITabsContextProps } from './types';\r\nimport { omitUndefined } from '../../../theme/tools/utils';\r\nimport { useTab } from '@react-native-aria/tabs';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport merge from 'lodash.merge';\r\nimport { themeTools } from '../../../theme';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const TabContext = createContext({});\r\n\r\nconst Tab = (\r\n  {\r\n    children,\r\n    isDisabled,\r\n    style,\r\n    _active,\r\n    _disabled,\r\n    item,\r\n    ...props\r\n  }: ITabProps,\r\n  ref?: any\r\n) => {\r\n  const newProps = omitUndefined(props);\r\n\r\n  const {\r\n    inactiveTabStyle,\r\n    activeTabStyle,\r\n    state,\r\n    isFitted,\r\n  }: ITabsContextProps = React.useContext(TabsContext);\r\n  let tabRef = React.useRef<any>(null);\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n  let isSelected = state.selectedKey === item.key;\r\n\r\n  let { tabProps } = useTab({ item, isDisabled }, state, tabRef);\r\n\r\n  React.useEffect(() => {\r\n    if (isDisabled) {\r\n      state.disabledKeys.add(item.key);\r\n    } else {\r\n      state.disabledKeys.delete(item.key);\r\n    }\r\n  }, [isDisabled, item.key, state.disabledKeys]);\r\n\r\n  const tabStyle = isSelected ? activeTabStyle : inactiveTabStyle;\r\n  const { _hover, ...remainingTabStyle } = tabStyle;\r\n  const mergedProps = merge(remainingTabStyle, newProps);\r\n  const [\r\n    marginalProps,\r\n    remainingProps,\r\n  ] = themeTools.extractInObject(mergedProps, [\r\n    'margin',\r\n    'm',\r\n    'marginTop',\r\n    'mt',\r\n    'marginRight',\r\n    'mr',\r\n    'marginBottom',\r\n    'mb',\r\n    'marginLeft',\r\n    'ml',\r\n    'marginX',\r\n    'mx',\r\n    'marginY',\r\n    'my',\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    <TabContext.Provider\r\n      value={{\r\n        isSelected,\r\n      }}\r\n    >\r\n      <Pressable\r\n        disabled={isDisabled}\r\n        ref={mergeRefs([tabRef, _ref, ref])}\r\n        flex={isFitted ? 1 : undefined}\r\n        {...tabProps}\r\n        {...marginalProps}\r\n      >\r\n        <Box\r\n          {...remainingProps}\r\n          {...(isHovered && _hover)}\r\n          style={[style, isSelected && _active, isDisabled && _disabled]}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </Pressable>\r\n    </TabContext.Provider>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Tab));\r\n"]}

package/lib/commonjs/components/composites/Tabs/TabBar.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Context = require("./Context");
+
+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 TabBarImpl = ({
+  tablistRef,
+  tabListProps,
+  ...props
+}, ref) => {
+  const {
+    tabBarStyle,
+    align,
+    isFitted,
+    state
+  } = _react.default.useContext(_Context.TabsContext); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    flexDirection: "row",
+    width: "100%",
+    justifyContent: isFitted ? 'space-between' : align
+  }, tabListProps, tabBarStyle, props, {
+    ref: (0, _utils.mergeRefs)([ref, tablistRef])
+  }), [...state.collection].map(item => /*#__PURE__*/_react.default.cloneElement(item.rendered, {
+    item,
+    key: item.key
+  })));
+};
+
+const TabBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(TabBarImpl));
+
+TabBar.displayName = 'TabBar';
+var _default = TabBar;
+exports.default = _default;
+//# sourceMappingURL=TabBar.js.map

package/lib/commonjs/components/composites/Tabs/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabBar.tsx"],"names":["TabBarImpl","tablistRef","tabListProps","props","ref","tabBarStyle","align","isFitted","state","React","useContext","TabsContext","collection","map","item","cloneElement","rendered","key","TabBar","memo","forwardRef","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CACjB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,YAAd;AAA4B,KAAGC;AAA/B,CADiB,EAEjBC,GAFiB,KAGd;AACH,QAAM;AACJC,IAAAA,WADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA;AAJI,MAKiBC,eAAMC,UAAN,CAAiBC,oBAAjB,CALvB,CADG,CAOH;;;AACA,MAAI,kDAAsBR,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD;AACE,IAAA,aAAa,EAAC,KADhB;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,cAAc,EAAEI,QAAQ,GAAG,eAAH,GAAqBD;AAH/C,KAIMJ,YAJN,EAKMG,WALN,EAMMF,KANN;AAOE,IAAA,GAAG,EAAE,sBAAU,CAACC,GAAD,EAAMH,UAAN,CAAV;AAPP,MASG,CAAC,GAAGO,KAAK,CAACI,UAAV,EAAsBC,GAAtB,CAA2BC,IAAD,iBACzBL,eAAMM,YAAN,CAAmBD,IAAI,CAACE,QAAxB,EAAkC;AAAEF,IAAAA,IAAF;AAAQG,IAAAA,GAAG,EAAEH,IAAI,CAACG;AAAlB,GAAlC,CADD,CATH,CADF;AAeD,CA7BD;;AA8BA,MAAMC,MAAM,gBAAGT,eAAMU,IAAN,eAAWV,eAAMW,UAAN,CAAiBpB,UAAjB,CAAX,CAAf;;AAEAkB,MAAM,CAACG,WAAP,GAAqB,QAArB;eAEeH,M","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { TabsContext } from './Context';\r\nimport type { ITabsContextProps, ITabBarProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TabBarImpl = (\r\n  { tablistRef, tabListProps, ...props }: ITabBarProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    tabBarStyle,\r\n    align,\r\n    isFitted,\r\n    state,\r\n  }: ITabsContextProps = React.useContext(TabsContext);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box\r\n      flexDirection=\"row\"\r\n      width=\"100%\"\r\n      justifyContent={isFitted ? 'space-between' : align}\r\n      {...tabListProps}\r\n      {...tabBarStyle}\r\n      {...props}\r\n      ref={mergeRefs([ref, tablistRef])}\r\n    >\r\n      {[...state.collection].map((item) =>\r\n        React.cloneElement(item.rendered, { item, key: item.key })\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\nconst TabBar = React.memo(React.forwardRef(TabBarImpl));\r\n\r\nTabBar.displayName = 'TabBar';\r\n\r\nexport default TabBar;\r\n"]}

package/lib/commonjs/components/composites/Tabs/TabIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = require("../../primitives/Icon");
+
+var _Context = require("./Context");
+
+var _Tab = require("./Tab");
+
+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 TabIcon = (props, ref) => {
+  const {
+    activeIconProps,
+    inactiveIconProps
+  } = _react.default.useContext(_Context.TabsContext);
+
+  const {
+    isSelected
+  } = _react.default.useContext(_Tab.TabContext);
+
+  const iconProps = isSelected ? activeIconProps : inactiveIconProps; //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Icon.Icon, _extends({}, iconProps, props, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(TabIcon));
+
+exports.default = _default;
+//# sourceMappingURL=TabIcon.js.map

package/lib/commonjs/components/composites/Tabs/TabIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabIcon.tsx"],"names":["TabIcon","props","ref","activeIconProps","inactiveIconProps","React","useContext","TabsContext","isSelected","TabContext","iconProps","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAkC;AAChD,QAAM;AACJC,IAAAA,eADI;AAEJC,IAAAA;AAFI,MAGiBC,eAAMC,UAAN,CAAiBC,oBAAjB,CAHvB;;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAAmCH,eAAMC,UAAN,CAAiBG,eAAjB,CAAzC;;AACA,QAAMC,SAAS,GAAGF,UAAU,GAAGL,eAAH,GAAqBC,iBAAjD,CANgD,CAOhD;;AACA,MAAI,kDAAsBH,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,UAAD,eAAUS,SAAV,EAAyBT,KAAzB;AAAgC,IAAA,GAAG,EAAEC;AAArC,KAAP;AACD,CAZD;;4BAceG,eAAMM,IAAN,eAAWN,eAAMO,UAAN,CAAiBZ,OAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { Icon, IIconProps } from '../../primitives/Icon';\r\nimport type { ITabsContextProps, ITabContextProps } from './types';\r\nimport { TabsContext } from './Context';\r\nimport { TabContext } from './Tab';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TabIcon = (props: IIconProps, ref?: any) => {\r\n  const {\r\n    activeIconProps,\r\n    inactiveIconProps,\r\n  }: ITabsContextProps = React.useContext(TabsContext);\r\n  const { isSelected }: ITabContextProps = React.useContext(TabContext);\r\n  const iconProps = isSelected ? activeIconProps : inactiveIconProps;\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Icon {...iconProps} {...props} ref={ref} />;\r\n};\r\n\r\nexport default React.memo(React.forwardRef(TabIcon));\r\n"]}

package/lib/commonjs/components/composites/Tabs/TabView.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+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 TabView = ({
+  children,
+  ...props
+}, ref) => {
+  //TODO: refactor for responsive prop
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    p: 3
+  }, props, {
+    ref: ref
+  }), children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(TabView));
+
+exports.default = _default;
+//# sourceMappingURL=TabView.js.map

package/lib/commonjs/components/composites/Tabs/TabView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabView.tsx"],"names":["TabView","children","props","ref","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAwCC,GAAxC,KAAsD;AACpE;AACA,MAAI,kDAAsBD,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD;AAAK,IAAA,CAAC,EAAE;AAAR,KAAeA,KAAf;AAAsB,IAAA,GAAG,EAAEC;AAA3B,MACGF,QADH,CADF;AAKD,CAVD;;4BAYeG,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBN,OAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ITabViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TabView = ({ children, ...props }: ITabViewProps, ref?: any) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box p={3} {...props} ref={ref}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(TabView));\r\n"]}

package/lib/commonjs/components/composites/Tabs/TabViews.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+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 TabViewsImpl = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  //TODO: refactor for responsive prop
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, props, {
+    ref: ref
+  }), children);
+});
+
+const TabViews = /*#__PURE__*/_react.default.memo(TabViewsImpl);
+
+TabViews.displayName = 'TabViews';
+var _default = TabViews;
+exports.default = _default;
+//# sourceMappingURL=TabViews.js.map

package/lib/commonjs/components/composites/Tabs/TabViews.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TabViews.tsx"],"names":["TabViewsImpl","React","forwardRef","children","props","ref","TabViews","memo","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA,MAAMA,YAAY,gBAAGC,eAAMC,UAAN,CACnB,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAyCC,GAAzC,KAAuD;AACrD;AACA,MAAI,kDAAsBD,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eAASA,KAAT;AAAgB,IAAA,GAAG,EAAEC;AAArB,MACGF,QADH,CADF;AAKD,CAXkB,CAArB;;AAcA,MAAMG,QAAQ,gBAAGL,eAAMM,IAAN,CAAWP,YAAX,CAAjB;;AACAM,QAAQ,CAACE,WAAT,GAAuB,UAAvB;eAEeF,Q","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ITabViewsProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TabViewsImpl = React.forwardRef(\r\n  ({ children, ...props }: ITabViewsProps, ref?: any) => {\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Box {...props} ref={ref}>\r\n        {children}\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n\r\nconst TabViews = React.memo(TabViewsImpl);\r\nTabViews.displayName = 'TabViews';\r\n\r\nexport default TabViews;\r\n"]}