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

package/lib/module/components/primitives/Stack/Stack.js

@@ -0,0 +1,50 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { default as Box } from '../Box';
+import { getSpacedChildren } from '../../../utils';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';
+
+const Stack = ({
+  space,
+  ...props
+}, ref) => {
+  const dir = props.direction;
+  const {
+    children,
+    direction,
+    reversed,
+    divider,
+    size,
+    ...resolvedProps
+  } = usePropsResolution('Stack', { ...props,
+    size: space
+  }, {
+    isDisabled: props.isDisabled,
+    isHovered: props.isHovered,
+    isFocused: props.isFocused,
+    isInvalid: props.isInvalid,
+    isReadOnly: props.isReadOnly
+  }, {
+    resolveResponsively: ['space', 'direction']
+  });
+  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries; //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    flexDirection: dir
+  }, resolvedProps, {
+    ref: ref // @ts-ignore
+    ,
+    gap: disableCSSMediaQueries ? undefined : size
+  }), getSpacedChildren(children, size, direction === 'row' ? 'X' : 'Y', reversed ? 'reverse' : 'normal', divider));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Stack));
+//# sourceMappingURL=Stack.js.map

package/lib/module/components/primitives/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Stack.tsx"],"names":["React","memo","forwardRef","default","Box","getSpacedChildren","usePropsResolution","useHasResponsiveProps","ResponsiveQueryContext","Stack","space","props","ref","dir","direction","children","reversed","divider","size","resolvedProps","isDisabled","isHovered","isFocused","isInvalid","isReadOnly","resolveResponsively","responsiveQueryContext","useContext","disableCSSMediaQueries","undefined"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,OAAO,IAAIC,GAApB,QAAkD,QAAlD;AACA,SAASC,iBAAT,QAAkC,gBAAlC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,SAASC,sBAAT,QAAuC,2DAAvC;;AAgDA,MAAMC,KAAK,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CAAD,EAAmCC,GAAnC,KAAiD;AAC7D,QAAMC,GAAG,GAAGF,KAAK,CAACG,SAAlB;AACA,QAAM;AACJC,IAAAA,QADI;AAEJD,IAAAA,SAFI;AAGJE,IAAAA,QAHI;AAIJC,IAAAA,OAJI;AAKJC,IAAAA,IALI;AAMJ,OAAGC;AANC,MAOGb,kBAAkB,CACzB,OADyB,EAEzB,EAAE,GAAGK,KAAL;AAAYO,IAAAA,IAAI,EAAER;AAAlB,GAFyB,EAGzB;AACEU,IAAAA,UAAU,EAAET,KAAK,CAACS,UADpB;AAEEC,IAAAA,SAAS,EAAEV,KAAK,CAACU,SAFnB;AAGEC,IAAAA,SAAS,EAAEX,KAAK,CAACW,SAHnB;AAIEC,IAAAA,SAAS,EAAEZ,KAAK,CAACY,SAJnB;AAKEC,IAAAA,UAAU,EAAEb,KAAK,CAACa;AALpB,GAHyB,EAUzB;AAAEC,IAAAA,mBAAmB,EAAE,CAAC,OAAD,EAAU,WAAV;AAAvB,GAVyB,CAP3B;AAoBA,QAAMC,sBAAsB,GAAG1B,KAAK,CAAC2B,UAAN,CAAiBnB,sBAAjB,CAA/B;AACA,QAAMoB,sBAAsB,GAAGF,sBAAsB,CAACE,sBAAtD,CAvB6D,CAyB7D;;AACA,MAAIrB,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,GAAD;AACE,IAAA,aAAa,EAAEE;AADjB,KAEMM,aAFN;AAGE,IAAA,GAAG,EAAEP,GAHP,CAIE;AAJF;AAKE,IAAA,GAAG,EAAEgB,sBAAsB,GAAGC,SAAH,GAAeX;AAL5C,MAOGb,iBAAiB,CAChBU,QADgB,EAEhBG,IAFgB,EAGhBJ,SAAS,KAAK,KAAd,GAAsB,GAAtB,GAA4B,GAHZ,EAIhBE,QAAQ,GAAG,SAAH,GAAe,QAJP,EAKhBC,OALgB,CAPpB,CADF;AAiBD,CA/CD;;AAiDA,4BAAehB,IAAI,eAACC,UAAU,CAACO,KAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { default as Box, InterfaceBoxProps } from '../Box';\r\nimport { getSpacedChildren } from '../../../utils';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { CustomProps, ResponsiveValue, SpaceType } from '../../types';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\n\r\nexport interface InterfaceStackProps extends InterfaceBoxProps<IStackProps> {\r\n  /**\r\n   * The divider element to use between elements.\r\n   */\r\n  divider?: JSX.Element;\r\n  /**\r\n   * The space between each stack item. Accepts Responsive values\r\n   */\r\n  space?: ResponsiveValue<\r\n    'gutter' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | SpaceType\r\n  >;\r\n  /**\r\n   * Determines whether to reverse the direction of Stack Items.\r\n   */\r\n  reversed?: boolean;\r\n  /**\r\n   * The direction of the Stack Items.\r\n   * @default column\r\n   */\r\n  direction?: ResponsiveValue<\r\n    'column' | 'row' | 'column-reverse' | 'row-reverse'\r\n  >;\r\n  /**\r\n   * If true, the Stack will be in hovered state.\r\n   */\r\n  isHovered?: boolean;\r\n  /**\r\n   * If true, the Stack will be focused.\r\n   */\r\n  isFocused?: boolean;\r\n  /**\r\n   * If true, the Stack will be disabled.\r\n   */\r\n  isDisabled?: boolean;\r\n  /**\r\n   * If true, the Stack will be invalid.\r\n   */\r\n  isInvalid?: boolean;\r\n  /**\r\n   * If true, prevents the value of the children from being edited. Used with FormControls.\r\n   */\r\n  isReadOnly?: boolean;\r\n}\r\n\r\nexport type IStackProps = InterfaceStackProps & CustomProps<'Stack'>;\r\n\r\nconst Stack = ({ space, ...props }: IStackProps, ref?: any) => {\r\n  const dir = props.direction;\r\n  const {\r\n    children,\r\n    direction,\r\n    reversed,\r\n    divider,\r\n    size,\r\n    ...resolvedProps\r\n  }: any = usePropsResolution(\r\n    'Stack',\r\n    { ...props, size: space },\r\n    {\r\n      isDisabled: props.isDisabled,\r\n      isHovered: props.isHovered,\r\n      isFocused: props.isFocused,\r\n      isInvalid: props.isInvalid,\r\n      isReadOnly: props.isReadOnly,\r\n    },\r\n    { resolveResponsively: ['space', 'direction'] }\r\n  );\r\n\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\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\r\n      flexDirection={dir}\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      // @ts-ignore\r\n      gap={disableCSSMediaQueries ? undefined : size}\r\n    >\r\n      {getSpacedChildren(\r\n        children,\r\n        size,\r\n        direction === 'row' ? 'X' : 'Y',\r\n        reversed ? 'reverse' : 'normal',\r\n        divider\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Stack));\r\n"]}

package/lib/module/components/primitives/Stack/VStack.js

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import StackMain from './Stack';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const VStack = (props, ref) => {
+  const resolvedProps = usePropsResolution('VStack', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(StackMain, _extends({
+    ref: ref
+  }, resolvedProps));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(VStack));
+//# sourceMappingURL=VStack.js.map

package/lib/module/components/primitives/Stack/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VStack.tsx"],"names":["React","memo","forwardRef","StackMain","usePropsResolution","useHasResponsiveProps","VStack","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,SAAP,MAA+C,SAA/C;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAaA,MAAMC,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAoC;AACjD,QAAMC,aAAa,GAAGL,kBAAkB,CAAC,QAAD,EAAWG,KAAX,CAAxC,CADiD,CAEjD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,SAAD;AAAW,IAAA,GAAG,EAAEC;AAAhB,KAAyBC,aAAzB,EAAP;AACD,CAPD;;AASA,4BAAeR,IAAI,eAACC,UAAU,CAACI,MAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport StackMain, { InterfaceStackProps } from './Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { CustomProps, ResponsiveValue } from '../../types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nexport interface InterfaceVStackProps extends InterfaceStackProps {\r\n  /**\r\n   * The direction of the Stack Items.\r\n   * @default column\r\n   */\r\n  direction?: ResponsiveValue<\r\n    'column' | 'row' | 'column-reverse' | 'row-reverse'\r\n  >;\r\n}\r\n\r\nexport type IVStackProps = InterfaceVStackProps & CustomProps<'VStack'>;\r\n\r\nconst VStack = (props: IVStackProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('VStack', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <StackMain ref={ref} {...resolvedProps} />;\r\n};\r\n\r\nexport default memo(forwardRef(VStack));\r\n"]}

package/lib/module/components/primitives/Stack/index.js

@@ -0,0 +1,4 @@
+export { default as Stack } from './Stack';
+export { default as HStack } from './HStack';
+export { default as VStack } from './VStack';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","Stack","HStack","VStack"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AACA,SAASF,OAAO,IAAIG,MAApB,QAAkC,UAAlC","sourcesContent":["export { default as Stack } from './Stack';\r\nexport { default as HStack } from './HStack';\r\nexport { default as VStack } from './VStack';\r\n\r\nexport type { IStackProps } from './Stack';\r\n"]}

package/lib/module/components/primitives/Switch/index.js

@@ -0,0 +1,94 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { useToggleState } from '@react-stately/toggle';
+import { Switch as RNSwitch } from 'react-native';
+import isNil from 'lodash.isnil';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useToken } from '../../../hooks';
+import { makeStyledComponent } from '../../../utils/styled';
+import { mergeRefs } from '../../../utils';
+import { useHover } from '@react-native-aria/interactions';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useFormControlContext } from '../../composites/FormControl';
+import { combineContextAndProps } from '../../../utils';
+const StyledNBSwitch = makeStyledComponent(RNSwitch); // TODO: Needs proper refactor
+
+const Switch = ({
+  disabled,
+  isDisabled,
+  isInvalid,
+  isChecked,
+  defaultIsChecked,
+  accessibilityLabel,
+  accessibilityHint,
+  onToggle,
+  value,
+  onValueChange,
+  isHovered: isHoveredProp,
+  ...props
+}, ref) => {
+  const formControlContext = useFormControlContext();
+  const combinedProps = combineContextAndProps(formControlContext, props);
+  const state = useToggleState({
+    defaultSelected: !isNil(defaultIsChecked) ? defaultIsChecked : false
+  });
+  const checked = !isNil(isChecked) ? isChecked : state.isSelected;
+
+  const _ref = React.useRef(null);
+
+  const {
+    isHovered
+  } = useHover({}, _ref);
+  const {
+    onTrackColor: _onTrackColor,
+    offTrackColor: _offTrackColor,
+    onThumbColor: _onThumbColor,
+    offThumbColor: _offThumbColor,
+    ...resolvedProps
+  } = usePropsResolution('Switch', props, {
+    isHovered: isHoveredProp || isHovered,
+    isDisabled: disabled || isDisabled || combinedProps.isDisabled,
+    isInvalid: isInvalid || combinedProps.isInvalid,
+    isChecked: checked
+  });
+  const onTrackColor = useToken('colors', _onTrackColor);
+  const offTrackColor = useToken('colors', _offTrackColor);
+  const onThumbColor = useToken('colors', _onThumbColor);
+  const offThumbColor = useToken('colors', _offThumbColor); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps({ ...props,
+    isDisabled,
+    isInvalid,
+    isChecked,
+    defaultIsChecked,
+    accessibilityLabel,
+    accessibilityHint
+  })) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(StyledNBSwitch, _extends({
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    trackColor: {
+      false: offTrackColor,
+      true: onTrackColor
+    },
+    thumbColor: checked ? onThumbColor : offThumbColor,
+    activeThumbColor: onThumbColor // react-native-web prop for active thumbColor
+    ,
+    ios_backgroundColor: offTrackColor
+  }, resolvedProps, {
+    disabled: disabled || isDisabled || combinedProps.isDisabled,
+    onValueChange: val => {
+      onValueChange && onValueChange(val);
+      onToggle ? onToggle(val) : state.toggle();
+    },
+    value: value || checked,
+    ref: mergeRefs([ref, _ref])
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Switch));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","useToggleState","Switch","RNSwitch","isNil","usePropsResolution","useToken","makeStyledComponent","mergeRefs","useHover","useHasResponsiveProps","useFormControlContext","combineContextAndProps","StyledNBSwitch","disabled","isDisabled","isInvalid","isChecked","defaultIsChecked","accessibilityLabel","accessibilityHint","onToggle","value","onValueChange","isHovered","isHoveredProp","props","ref","formControlContext","combinedProps","state","defaultSelected","checked","isSelected","_ref","useRef","onTrackColor","_onTrackColor","offTrackColor","_offTrackColor","onThumbColor","_onThumbColor","offThumbColor","_offThumbColor","resolvedProps","false","true","val","toggle"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { useToggleState } from '@react-stately/toggle';\r\nimport { Switch as RNSwitch } from 'react-native';\r\nimport isNil from 'lodash.isnil';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useToken } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { ISwitchProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport { combineContextAndProps } from '../../../utils';\r\n\r\nconst StyledNBSwitch = makeStyledComponent(RNSwitch);\r\n\r\n// TODO: Needs proper refactor\r\nconst Switch = (\r\n  {\r\n    disabled,\r\n    isDisabled,\r\n    isInvalid,\r\n    isChecked,\r\n    defaultIsChecked,\r\n    accessibilityLabel,\r\n    accessibilityHint,\r\n    onToggle,\r\n    value,\r\n    onValueChange,\r\n    isHovered: isHoveredProp,\r\n    ...props\r\n  }: ISwitchProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n\r\n  const state = useToggleState({\r\n    defaultSelected: !isNil(defaultIsChecked) ? defaultIsChecked : false,\r\n  });\r\n  const checked = !isNil(isChecked) ? isChecked : state.isSelected;\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const {\r\n    onTrackColor: _onTrackColor,\r\n    offTrackColor: _offTrackColor,\r\n    onThumbColor: _onThumbColor,\r\n    offThumbColor: _offThumbColor,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Switch', props, {\r\n    isHovered: isHoveredProp || isHovered,\r\n    isDisabled: disabled || isDisabled || combinedProps.isDisabled,\r\n    isInvalid: isInvalid || combinedProps.isInvalid,\r\n    isChecked: checked,\r\n  });\r\n\r\n  const onTrackColor = useToken('colors', _onTrackColor);\r\n  const offTrackColor = useToken('colors', _offTrackColor);\r\n  const onThumbColor = useToken('colors', _onThumbColor);\r\n  const offThumbColor = useToken('colors', _offThumbColor);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (\r\n    useHasResponsiveProps({\r\n      ...props,\r\n      isDisabled,\r\n      isInvalid,\r\n      isChecked,\r\n      defaultIsChecked,\r\n      accessibilityLabel,\r\n      accessibilityHint,\r\n    })\r\n  ) {\r\n    return null;\r\n  }\r\n  return (\r\n    <StyledNBSwitch\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      trackColor={{ false: offTrackColor, true: onTrackColor }}\r\n      thumbColor={checked ? onThumbColor : offThumbColor}\r\n      activeThumbColor={onThumbColor} // react-native-web prop for active thumbColor\r\n      ios_backgroundColor={offTrackColor}\r\n      {...resolvedProps}\r\n      disabled={disabled || isDisabled || combinedProps.isDisabled}\r\n      onValueChange={(val: boolean) => {\r\n        onValueChange && onValueChange(val);\r\n        onToggle ? onToggle(val) : state.toggle();\r\n      }}\r\n      value={value || checked}\r\n      ref={mergeRefs([ref, _ref])}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Switch));\r\nexport type { ISwitchProps };\r\n"]}

package/lib/module/components/primitives/Switch/test/switch.test.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { NativeBaseProvider } from '../../../../core/NativeBaseProvider';
+import Switch from '../index';
+jest.useFakeTimers();
+describe('Switch', () => {
+  it('can be default checked', () => {
+    let {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Switch, {
+      defaultIsChecked: true
+    })));
+    let switches = getAllByRole('switch');
+    expect(switches[0].props.value).toBe(true);
+  });
+  it('can be disabled', () => {
+    let {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Switch, {
+      isDisabled: true
+    })));
+    let switches = getAllByRole('switch');
+    expect(switches[0].props.disabled).toBe(true);
+  });
+});
+//# sourceMappingURL=switch.test.js.map

package/lib/module/components/primitives/Switch/test/switch.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["switch.test.tsx"],"names":["React","render","NativeBaseProvider","Switch","jest","useFakeTimers","describe","it","getAllByRole","frame","x","y","width","height","insets","top","left","right","bottom","switches","expect","props","value","toBe","disabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,+BAAvB;AACA,SAASC,kBAAT,QAAmC,qCAAnC;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEAC,IAAI,CAACC,aAAL;AACAC,QAAQ,CAAC,QAAD,EAAW,MAAM;AACvBC,EAAAA,EAAE,CAAC,wBAAD,EAA2B,MAAM;AACjC,QAAI;AAAEC,MAAAA;AAAF,QAAmBP,MAAM,eAC3B,oBAAC,kBAAD;AACE,MAAA,oBAAoB,EAAE;AACpBQ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,CAAC,EAAE,CAAL;AAAQC,UAAAA,CAAC,EAAE,CAAX;AAAcC,UAAAA,KAAK,EAAE,CAArB;AAAwBC,UAAAA,MAAM,EAAE;AAAhC,SADa;AAEpBC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,GAAG,EAAE,CAAP;AAAUC,UAAAA,IAAI,EAAE,CAAhB;AAAmBC,UAAAA,KAAK,EAAE,CAA1B;AAA6BC,UAAAA,MAAM,EAAE;AAArC;AAFY;AADxB,oBAME,oBAAC,MAAD;AAAQ,MAAA,gBAAgB;AAAxB,MANF,CAD2B,CAA7B;AAUA,QAAIC,QAAQ,GAAGX,YAAY,CAAC,QAAD,CAA3B;AACAY,IAAAA,MAAM,CAACD,QAAQ,CAAC,CAAD,CAAR,CAAYE,KAAZ,CAAkBC,KAAnB,CAAN,CAAgCC,IAAhC,CAAqC,IAArC;AACD,GAbC,CAAF;AAeAhB,EAAAA,EAAE,CAAC,iBAAD,EAAoB,MAAM;AAC1B,QAAI;AAAEC,MAAAA;AAAF,QAAmBP,MAAM,eAC3B,oBAAC,kBAAD;AACE,MAAA,oBAAoB,EAAE;AACpBQ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,CAAC,EAAE,CAAL;AAAQC,UAAAA,CAAC,EAAE,CAAX;AAAcC,UAAAA,KAAK,EAAE,CAArB;AAAwBC,UAAAA,MAAM,EAAE;AAAhC,SADa;AAEpBC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,GAAG,EAAE,CAAP;AAAUC,UAAAA,IAAI,EAAE,CAAhB;AAAmBC,UAAAA,KAAK,EAAE,CAA1B;AAA6BC,UAAAA,MAAM,EAAE;AAArC;AAFY;AADxB,oBAME,oBAAC,MAAD;AAAQ,MAAA,UAAU;AAAlB,MANF,CAD2B,CAA7B;AAUA,QAAIC,QAAQ,GAAGX,YAAY,CAAC,QAAD,CAA3B;AACAY,IAAAA,MAAM,CAACD,QAAQ,CAAC,CAAD,CAAR,CAAYE,KAAZ,CAAkBG,QAAnB,CAAN,CAAmCD,IAAnC,CAAwC,IAAxC;AACD,GAbC,CAAF;AAcD,CA9BO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react-native';\r\nimport { NativeBaseProvider } from '../../../../core/NativeBaseProvider';\r\n\r\nimport Switch from '../index';\r\n\r\njest.useFakeTimers();\r\ndescribe('Switch', () => {\r\n  it('can be default checked', () => {\r\n    let { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Switch defaultIsChecked />\r\n      </NativeBaseProvider>\r\n    );\r\n    let switches = getAllByRole('switch');\r\n    expect(switches[0].props.value).toBe(true);\r\n  });\r\n\r\n  it('can be disabled', () => {\r\n    let { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Switch isDisabled />\r\n      </NativeBaseProvider>\r\n    );\r\n    let switches = getAllByRole('switch');\r\n    expect(switches[0].props.disabled).toBe(true);\r\n  });\r\n});\r\n"]}

package/lib/module/components/primitives/Switch/types.js

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

package/lib/module/components/primitives/Switch/types.js.map

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

package/lib/module/components/primitives/Text/__test__/Text.test.js

@@ -0,0 +1,213 @@
+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); }
+
+/** * @jest-environment jsdom */
+//@ts-nocheck
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import Text from '../../Text';
+import { NativeBaseProvider } from '../../../../core/NativeBaseProvider';
+import { theme as defaultTheme } from '../../../../theme';
+import { Platform } from 'react-native';
+jest.useFakeTimers();
+const theme = { ...defaultTheme,
+  fontConfig: {
+    Roboto: {
+      100: 'Roboto-Light',
+      200: 'Roboto-Light',
+      300: 'Roboto-Light',
+      400: {
+        normal: 'Roboto-Regular',
+        italic: 'Roboto-Italic'
+      },
+      500: 'Roboto-Medium',
+      600: 'Roboto-Medium',
+      700: {
+        normal: 'Roboto-Bold',
+        italic: 'Roboto-BoldItalic'
+      },
+      800: 'Roboto-Bold',
+      900: 'Roboto-Black'
+    }
+  },
+  fonts: { ...defaultTheme.fonts,
+    heading: 'Roboto',
+    body: 'Roboto'
+  }
+};
+
+const Provider = props => {
+  return /*#__PURE__*/React.createElement(NativeBaseProvider, _extends({
+    theme: theme
+  }, props, {
+    initialWindowMetrics: {
+      frame: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      },
+      insets: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    }
+  }));
+};
+
+describe('Text component', () => {
+  it('resolves default custom fonts', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text"
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Roboto-Regular');
+  });
+  it('resolves custom font variants', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontStyle: "italic"
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Roboto-Italic');
+  });
+  it('resolves to bold italic font', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontWeight: "bold",
+      fontStyle: "italic"
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Roboto-BoldItalic');
+  });
+  it('resolves to medium font when fontWeight is 500', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontWeight: 500
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Roboto-Medium');
+  });
+  it('resolves to medium font when fontWeight is medium', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontWeight: 'medium'
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Roboto-Medium');
+  });
+  it('respects fontFamily property', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontFamily: "Merriweather-Italic"
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe('Merriweather-Italic');
+  });
+  it("doesn't break if custom font is not specified", () => {
+    const newTheme = JSON.parse(JSON.stringify(defaultTheme));
+    delete newTheme.fontConfig;
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, {
+      theme: newTheme
+    }, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontWeight: 400
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontFamily).toBe(undefined);
+  });
+  it("doesn't pass fontWeight and fontStyle if a custom fontFamily is resolved", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      testID: "my-text",
+      fontWeight: 400
+    }, "hello world")));
+    const text = getByTestId('my-text');
+    expect(text.props.style.fontWeight).toBe(undefined);
+    expect(text.props.style.fontStyle).toBe(undefined);
+    expect(text.props.style.fontFamily).toBe('Roboto-Regular');
+  });
+  it('tests lineHeight from token in text ', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      lineHeight: "md",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(defaultTheme.fontSizes.sm * parseFloat(defaultTheme.lineHeights.md));
+  });
+  it('tests absolute lineHeight in text ', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      lineHeight: 5,
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(5);
+  });
+  it('tests em non token lineHeight in text ', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      lineHeight: "13em",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(defaultTheme.fontSizes.sm * 13);
+  });
+  it('tests letterSpacing from token in text ', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      letterSpacing: "2xl",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.letterSpacing).toBe(defaultTheme.fontSizes.sm * parseFloat(defaultTheme.letterSpacings['2xl']));
+  });
+  it('tests letterSpacing in em from token in text ', () => {
+    Platform.OS = 'web';
+
+    try {
+      render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+        letterSpacing: "2xl",
+        testID: "test"
+      }, "This is a text")));
+    } catch (e) {
+      expect(e.message).toContain("\"letterSpacing\": \"0.1em\"");
+    } finally {
+      Platform.OS = 'ios';
+    }
+  });
+  it('tests lineHeight and letterSpacing in px', () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text, {
+      lineHeight: "24px",
+      letterSpacing: "12px",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(24);
+    expect(text.props.style.letterSpacing).toBe(12);
+  });
+});
+//# sourceMappingURL=Text.test.js.map

package/lib/module/components/primitives/Text/__test__/Text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.test.tsx"],"names":["React","render","Text","NativeBaseProvider","theme","defaultTheme","Platform","jest","useFakeTimers","fontConfig","Roboto","normal","italic","fonts","heading","body","Provider","props","frame","x","y","width","height","insets","top","left","right","bottom","describe","it","getByTestId","text","expect","style","fontFamily","toBe","newTheme","JSON","parse","stringify","undefined","fontWeight","fontStyle","lineHeight","fontSizes","sm","parseFloat","lineHeights","md","letterSpacing","letterSpacings","OS","e","message","toContain"],"mappings":"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","sourcesContent":["/** * @jest-environment jsdom */\r\n//@ts-nocheck\r\nimport React from 'react';\r\nimport { render } from '@testing-library/react-native';\r\nimport Text from '../../Text';\r\nimport { NativeBaseProvider } from '../../../../core/NativeBaseProvider';\r\nimport { theme as defaultTheme } from '../../../../theme';\r\nimport { Platform } from 'react-native';\r\n\r\njest.useFakeTimers();\r\n\r\nconst theme = {\r\n  ...defaultTheme,\r\n  fontConfig: {\r\n    Roboto: {\r\n      100: 'Roboto-Light',\r\n      200: 'Roboto-Light',\r\n      300: 'Roboto-Light',\r\n      400: {\r\n        normal: 'Roboto-Regular',\r\n        italic: 'Roboto-Italic',\r\n      },\r\n      500: 'Roboto-Medium',\r\n      600: 'Roboto-Medium',\r\n      700: {\r\n        normal: 'Roboto-Bold',\r\n        italic: 'Roboto-BoldItalic',\r\n      },\r\n      800: 'Roboto-Bold',\r\n      900: 'Roboto-Black',\r\n    },\r\n  },\r\n  fonts: {\r\n    ...defaultTheme.fonts,\r\n    heading: 'Roboto',\r\n    body: 'Roboto',\r\n  },\r\n};\r\n\r\nconst Provider = (props: any) => {\r\n  return (\r\n    <NativeBaseProvider\r\n      theme={theme}\r\n      {...props}\r\n      initialWindowMetrics={{\r\n        frame: { x: 0, y: 0, width: 0, height: 0 },\r\n        insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\ndescribe('Text component', () => {\r\n  it('resolves default custom fonts', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\">hello world</Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Roboto-Regular');\r\n  });\r\n\r\n  it('resolves custom font variants', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontStyle=\"italic\">\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Roboto-Italic');\r\n  });\r\n\r\n  it('resolves to bold italic font', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontWeight=\"bold\" fontStyle=\"italic\">\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Roboto-BoldItalic');\r\n  });\r\n\r\n  it('resolves to medium font when fontWeight is 500', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontWeight={500}>\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Roboto-Medium');\r\n  });\r\n\r\n  it('resolves to medium font when fontWeight is medium', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontWeight={'medium'}>\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Roboto-Medium');\r\n  });\r\n\r\n  it('respects fontFamily property', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontFamily=\"Merriweather-Italic\">\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe('Merriweather-Italic');\r\n  });\r\n\r\n  it(\"doesn't break if custom font is not specified\", () => {\r\n    const newTheme = JSON.parse(JSON.stringify(defaultTheme));\r\n    delete newTheme.fontConfig;\r\n    const { getByTestId } = render(\r\n      <Provider theme={newTheme}>\r\n        <Text testID=\"my-text\" fontWeight={400}>\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontFamily).toBe(undefined);\r\n  });\r\n\r\n  it(\"doesn't pass fontWeight and fontStyle if a custom fontFamily is resolved\", () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text testID=\"my-text\" fontWeight={400}>\r\n          hello world\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('my-text');\r\n    expect(text.props.style.fontWeight).toBe(undefined);\r\n    expect(text.props.style.fontStyle).toBe(undefined);\r\n    expect(text.props.style.fontFamily).toBe('Roboto-Regular');\r\n  });\r\n\r\n  it('tests lineHeight from token in text ', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text lineHeight=\"md\" testID=\"test\">\r\n          This is a text\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('test');\r\n    expect(text.props.style.lineHeight).toBe(\r\n      defaultTheme.fontSizes.sm * parseFloat(defaultTheme.lineHeights.md)\r\n    );\r\n  });\r\n\r\n  it('tests absolute lineHeight in text ', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text lineHeight={5} testID=\"test\">\r\n          This is a text\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('test');\r\n    expect(text.props.style.lineHeight).toBe(5);\r\n  });\r\n\r\n  it('tests em non token lineHeight in text ', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text lineHeight=\"13em\" testID=\"test\">\r\n          This is a text\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('test');\r\n    expect(text.props.style.lineHeight).toBe(defaultTheme.fontSizes.sm * 13);\r\n  });\r\n\r\n  it('tests letterSpacing from token in text ', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text letterSpacing=\"2xl\" testID=\"test\">\r\n          This is a text\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('test');\r\n    expect(text.props.style.letterSpacing).toBe(\r\n      defaultTheme.fontSizes.sm * parseFloat(defaultTheme.letterSpacings['2xl'])\r\n    );\r\n  });\r\n\r\n  it('tests letterSpacing in em from token in text ', () => {\r\n    Platform.OS = 'web';\r\n    try {\r\n      render(\r\n        <Provider>\r\n          <Text letterSpacing=\"2xl\" testID=\"test\">\r\n            This is a text\r\n          </Text>\r\n        </Provider>\r\n      );\r\n    } catch (e) {\r\n      expect(e.message).toContain(`\"letterSpacing\": \"0.1em\"`);\r\n    } finally {\r\n      Platform.OS = 'ios';\r\n    }\r\n  });\r\n\r\n  it('tests lineHeight and letterSpacing in px', () => {\r\n    const { getByTestId } = render(\r\n      <Provider>\r\n        <Text lineHeight=\"24px\" letterSpacing=\"12px\" testID=\"test\">\r\n          This is a text\r\n        </Text>\r\n      </Provider>\r\n    );\r\n    const text = getByTestId('test');\r\n    expect(text.props.style.lineHeight).toBe(24);\r\n    expect(text.props.style.letterSpacing).toBe(12);\r\n  });\r\n});\r\n"]}

package/lib/module/components/primitives/Text/index.js

@@ -0,0 +1,94 @@
+import React, { memo, forwardRef, useRef } from 'react';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHover } from '@react-native-aria/interactions';
+import { mergeRefs } from '../../../utils/mergeRefs';
+import { makeStyledComponent } from '../../../utils/styled';
+import { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';
+import { Platform, Text as NativeText } from 'react-native';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const StyledText = makeStyledComponent(NativeText); // To have a RN compatible behaviour, we'll inherit parent text styles as base style
+
+const TextAncestorContext = /*#__PURE__*/React.createContext(false);
+
+const Text = ({
+  children,
+  ...props
+}, ref) => {
+  const hasTextAncestor = React.useContext(TextAncestorContext);
+  const {
+    isTruncated,
+    noOfLines,
+    bold,
+    italic,
+    sub,
+    highlight,
+    underline,
+    strikeThrough,
+    fontFamily: propFontFamily,
+    fontWeight: propFontWeight,
+    fontStyle: propFontStyle,
+    _hover,
+    fontSize,
+    numberOfLines,
+    ...resolvedProps
+  } = usePropsResolution('Text', props, {}, {
+    resolveResponsively: ['noOfLines', 'numberOfLines'],
+    // We override the component base theme if text has an ancestor.
+    componentTheme: hasTextAncestor ? {} : undefined
+  });
+
+  const _ref = useRef(null); // TODO: might have to add this condition
+
+
+  const {
+    isHovered
+  } = useHover({}, _hover ? _ref : null); // const { isHovered } = useHover({}, _ref);
+
+  let fontFamily = propFontFamily;
+  const fontStyle = italic ? 'italic' : propFontStyle;
+  const fontWeight = bold ? 'bold' : propFontWeight;
+  let resolvedFontFamily;
+  resolvedFontFamily = useResolvedFontFamily({
+    fontFamily,
+    fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : hasTextAncestor ? undefined : 400,
+    fontStyle: fontStyle !== null && fontStyle !== void 0 ? fontStyle : hasTextAncestor ? undefined : 'normal'
+  });
+
+  if (resolvedFontFamily) {
+    fontFamily = resolvedFontFamily;
+  } // Need to apply fontWeight & fontStyle on web
+
+
+  if (Platform.OS === 'web') {
+    if (resolvedFontFamily) {
+      fontFamily = resolvedFontFamily.fontFamily;
+    }
+
+    resolvedFontFamily = {
+      fontFamily,
+      fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : hasTextAncestor ? undefined : 400,
+      fontStyle: fontStyle !== null && fontStyle !== void 0 ? fontStyle : hasTextAncestor ? undefined : 'normal'
+    };
+  } //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  const propsToSpread = { ...resolvedProps,
+    numberOfLines: numberOfLines || noOfLines ? numberOfLines || noOfLines : isTruncated ? 1 : undefined,
+    ...resolvedFontFamily,
+    bg: highlight ? 'warning.300' : resolvedProps.bg,
+    textDecorationLine: underline && strikeThrough ? 'underline line-through' : underline ? 'underline' : strikeThrough ? 'line-through' : resolvedProps.textDecorationLine,
+    fontSize: sub ? 10 : fontSize,
+    ref: mergeRefs([ref, _ref]),
+    ...(isHovered && _hover)
+  };
+  return hasTextAncestor ? /*#__PURE__*/React.createElement(StyledText, propsToSpread, children) : /*#__PURE__*/React.createElement(TextAncestorContext.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(StyledText, propsToSpread, children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Text));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","useRef","usePropsResolution","useHover","mergeRefs","makeStyledComponent","useResolvedFontFamily","Platform","Text","NativeText","useHasResponsiveProps","StyledText","TextAncestorContext","createContext","children","props","ref","hasTextAncestor","useContext","isTruncated","noOfLines","bold","italic","sub","highlight","underline","strikeThrough","fontFamily","propFontFamily","fontWeight","propFontWeight","fontStyle","propFontStyle","_hover","fontSize","numberOfLines","resolvedProps","resolveResponsively","componentTheme","undefined","_ref","isHovered","resolvedFontFamily","OS","propsToSpread","bg","textDecorationLine"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef, useRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { ITextProps } from './types';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils/mergeRefs';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';\r\nimport { Platform, Text as NativeText } from 'react-native';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledText = makeStyledComponent(NativeText);\r\n// To have a RN compatible behaviour, we'll inherit parent text styles as base style\r\nconst TextAncestorContext = React.createContext(false);\r\n\r\nconst Text = ({ children, ...props }: ITextProps, ref: any) => {\r\n  const hasTextAncestor = React.useContext(TextAncestorContext);\r\n\r\n  const {\r\n    isTruncated,\r\n    noOfLines,\r\n    bold,\r\n    italic,\r\n    sub,\r\n    highlight,\r\n    underline,\r\n    strikeThrough,\r\n    fontFamily: propFontFamily,\r\n    fontWeight: propFontWeight,\r\n    fontStyle: propFontStyle,\r\n    _hover,\r\n    fontSize,\r\n    numberOfLines,\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Text',\r\n    props,\r\n    {},\r\n    {\r\n      resolveResponsively: ['noOfLines', 'numberOfLines'],\r\n      // We override the component base theme if text has an ancestor.\r\n      componentTheme: hasTextAncestor ? {} : undefined,\r\n    }\r\n  );\r\n\r\n  const _ref = useRef(null);\r\n  // TODO: might have to add this condition\r\n  const { isHovered } = useHover({}, _hover ? _ref : null);\r\n  // const { isHovered } = useHover({}, _ref);\r\n  let fontFamily = propFontFamily;\r\n  const fontStyle = italic ? 'italic' : propFontStyle;\r\n  const fontWeight = bold ? 'bold' : propFontWeight;\r\n  let resolvedFontFamily;\r\n\r\n  resolvedFontFamily = useResolvedFontFamily({\r\n    fontFamily,\r\n    fontWeight: fontWeight ?? (hasTextAncestor ? undefined : 400),\r\n    fontStyle: fontStyle ?? (hasTextAncestor ? undefined : 'normal'),\r\n  });\r\n\r\n  if (resolvedFontFamily) {\r\n    fontFamily = resolvedFontFamily;\r\n  }\r\n  // Need to apply fontWeight & fontStyle on web\r\n  if (Platform.OS === 'web') {\r\n    if (resolvedFontFamily) {\r\n      fontFamily = resolvedFontFamily.fontFamily;\r\n    }\r\n\r\n    resolvedFontFamily = {\r\n      fontFamily,\r\n      fontWeight: fontWeight ?? (hasTextAncestor ? undefined : 400),\r\n      fontStyle: fontStyle ?? (hasTextAncestor ? undefined : 'normal'),\r\n    };\r\n  }\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  const propsToSpread = {\r\n    ...resolvedProps,\r\n    numberOfLines:\r\n      numberOfLines || noOfLines\r\n        ? numberOfLines || noOfLines\r\n        : isTruncated\r\n        ? 1\r\n        : undefined,\r\n    ...resolvedFontFamily,\r\n    bg: highlight ? 'warning.300' : resolvedProps.bg,\r\n    textDecorationLine:\r\n      underline && strikeThrough\r\n        ? 'underline line-through'\r\n        : underline\r\n        ? 'underline'\r\n        : strikeThrough\r\n        ? 'line-through'\r\n        : resolvedProps.textDecorationLine,\r\n    fontSize: sub ? 10 : fontSize,\r\n    ref: mergeRefs([ref, _ref]),\r\n    ...(isHovered && _hover),\r\n  };\r\n\r\n  return hasTextAncestor ? (\r\n    <StyledText {...propsToSpread}>{children}</StyledText>\r\n  ) : (\r\n    <TextAncestorContext.Provider value={true}>\r\n      <StyledText {...propsToSpread}>{children}</StyledText>\r\n    </TextAncestorContext.Provider>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Text));\r\nexport type { ITextProps };\r\n"]}