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

package/lib/commonjs/components/primitives/Stack/HStack.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Stack = _interopRequireDefault(require("./Stack"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+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 HStack = (props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('HStack', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Stack.default, _extends({
+    ref: ref,
+    direction: "row"
+  }, resolvedProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(HStack));
+
+exports.default = _default;
+//# sourceMappingURL=HStack.js.map

package/lib/commonjs/components/primitives/Stack/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HStack.tsx"],"names":["HStack","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAMA;;;;;;;;;;AAaA,MAAMA,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAoC;AACjD,QAAMC,aAAa,GAAG,uCAAmB,QAAnB,EAA6BF,KAA7B,CAAtB,CADiD,CAEjD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,cAAD;AAAW,IAAA,GAAG,EAAEC,GAAhB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KAAyCC,aAAzC,EAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWH,MAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport StackMain, { InterfaceStackProps } from './Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type {\r\n  CustomProps,\r\n  ResponsiveValue,\r\n  // ThemeComponentSizeType,\r\n} from '../../types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nexport interface InterfaceHStackProps extends InterfaceStackProps {\r\n  /**\r\n   * The direction of the Stack Items.\r\n   * @default row\r\n   */\r\n  direction?: ResponsiveValue<\r\n    'column' | 'row' | 'column-reverse' | 'row-reverse'\r\n  >;\r\n}\r\n\r\nexport type IHStackProps = InterfaceHStackProps & CustomProps<'HStack'>;\r\n\r\nconst HStack = (props: IHStackProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('HStack', 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} direction=\"row\" {...resolvedProps} />;\r\n};\r\n\r\nexport default memo(forwardRef(HStack));\r\n"]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _utils = require("../../../utils");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _ResponsiveQueryProvider = require("../../../utils/useResponsiveQuery/ResponsiveQueryProvider");
+
+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 Stack = ({
+  space,
+  ...props
+}, ref) => {
+  const dir = props.direction;
+  const {
+    children,
+    direction,
+    reversed,
+    divider,
+    size,
+    ...resolvedProps
+  } = (0, _useThemeProps.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.default.useContext(_ResponsiveQueryProvider.ResponsiveQueryContext);
+
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries; //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    flexDirection: dir
+  }, resolvedProps, {
+    ref: ref // @ts-ignore
+    ,
+    gap: disableCSSMediaQueries ? undefined : size
+  }), (0, _utils.getSpacedChildren)(children, size, direction === 'row' ? 'X' : 'Y', reversed ? 'reverse' : 'normal', divider));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Stack));
+
+exports.default = _default;
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Stack.tsx"],"names":["Stack","space","props","ref","dir","direction","children","reversed","divider","size","resolvedProps","isDisabled","isHovered","isFocused","isInvalid","isReadOnly","resolveResponsively","responsiveQueryContext","React","useContext","ResponsiveQueryContext","disableCSSMediaQueries","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAgDA,MAAMA,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,MAOG,uCACP,OADO,EAEP,EAAE,GAAGR,KAAL;AAAYO,IAAAA,IAAI,EAAER;AAAlB,GAFO,EAGP;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,GAHO,EAUP;AAAEC,IAAAA,mBAAmB,EAAE,CAAC,OAAD,EAAU,WAAV;AAAvB,GAVO,CAPT;;AAoBA,QAAMC,sBAAsB,GAAGC,eAAMC,UAAN,CAAiBC,+CAAjB,CAA/B;;AACA,QAAMC,sBAAsB,GAAGJ,sBAAsB,CAACI,sBAAtD,CAvB6D,CAyB7D;;AACA,MAAI,kDAAsBnB,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,YAAD;AACE,IAAA,aAAa,EAAEE;AADjB,KAEMM,aAFN;AAGE,IAAA,GAAG,EAAEP,GAHP,CAIE;AAJF;AAKE,IAAA,GAAG,EAAEkB,sBAAsB,GAAGC,SAAH,GAAeb;AAL5C,MAOG,8BACCH,QADD,EAECG,IAFD,EAGCJ,SAAS,KAAK,KAAd,GAAsB,GAAtB,GAA4B,GAH7B,EAICE,QAAQ,GAAG,SAAH,GAAe,QAJxB,EAKCC,OALD,CAPH,CADF;AAiBD,CA/CD;;4BAiDe,+BAAK,uBAAWR,KAAX,CAAL,C","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/commonjs/components/primitives/Stack/VStack.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["VStack.tsx"],"names":["VStack","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;AAaA,MAAMA,MAAM,GAAG,CAACC,KAAD,EAAsBC,GAAtB,KAAoC;AACjD,QAAMC,aAAa,GAAG,uCAAmB,QAAnB,EAA6BF,KAA7B,CAAtB,CADiD,CAEjD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,cAAD;AAAW,IAAA,GAAG,EAAEC;AAAhB,KAAyBC,aAAzB,EAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWH,MAAX,CAAL,C","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/commonjs/components/primitives/Stack/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: function () {
+    return _Stack.default;
+  }
+});
+Object.defineProperty(exports, "HStack", {
+  enumerable: true,
+  get: function () {
+    return _HStack.default;
+  }
+});
+Object.defineProperty(exports, "VStack", {
+  enumerable: true,
+  get: function () {
+    return _VStack.default;
+  }
+});
+
+var _Stack = _interopRequireDefault(require("./Stack"));
+
+var _HStack = _interopRequireDefault(require("./HStack"));
+
+var _VStack = _interopRequireDefault(require("./VStack"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","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/commonjs/components/primitives/Switch/index.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _toggle = require("@react-stately/toggle");
+
+var _reactNative = require("react-native");
+
+var _lodash = _interopRequireDefault(require("lodash.isnil"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _hooks = require("../../../hooks");
+
+var _styled = require("../../../utils/styled");
+
+var _utils = require("../../../utils");
+
+var _interactions = require("@react-native-aria/interactions");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _FormControl = require("../../composites/FormControl");
+
+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 StyledNBSwitch = (0, _styled.makeStyledComponent)(_reactNative.Switch); // TODO: Needs proper refactor
+
+const Switch = ({
+  disabled,
+  isDisabled,
+  isInvalid,
+  isChecked,
+  defaultIsChecked,
+  accessibilityLabel,
+  accessibilityHint,
+  onToggle,
+  value,
+  onValueChange,
+  isHovered: isHoveredProp,
+  ...props
+}, ref) => {
+  const formControlContext = (0, _FormControl.useFormControlContext)();
+  const combinedProps = (0, _utils.combineContextAndProps)(formControlContext, props);
+  const state = (0, _toggle.useToggleState)({
+    defaultSelected: !(0, _lodash.default)(defaultIsChecked) ? defaultIsChecked : false
+  });
+  const checked = !(0, _lodash.default)(isChecked) ? isChecked : state.isSelected;
+
+  const _ref = _react.default.useRef(null);
+
+  const {
+    isHovered
+  } = (0, _interactions.useHover)({}, _ref);
+  const {
+    onTrackColor: _onTrackColor,
+    offTrackColor: _offTrackColor,
+    onThumbColor: _onThumbColor,
+    offThumbColor: _offThumbColor,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Switch', props, {
+    isHovered: isHoveredProp || isHovered,
+    isDisabled: disabled || isDisabled || combinedProps.isDisabled,
+    isInvalid: isInvalid || combinedProps.isInvalid,
+    isChecked: checked
+  });
+  const onTrackColor = (0, _hooks.useToken)('colors', _onTrackColor);
+  const offTrackColor = (0, _hooks.useToken)('colors', _offTrackColor);
+  const onThumbColor = (0, _hooks.useToken)('colors', _onThumbColor);
+  const offThumbColor = (0, _hooks.useToken)('colors', _offThumbColor); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+    isDisabled,
+    isInvalid,
+    isChecked,
+    defaultIsChecked,
+    accessibilityLabel,
+    accessibilityHint
+  })) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.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: (0, _utils.mergeRefs)([ref, _ref])
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Switch));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["StyledNBSwitch","RNSwitch","Switch","disabled","isDisabled","isInvalid","isChecked","defaultIsChecked","accessibilityLabel","accessibilityHint","onToggle","value","onValueChange","isHovered","isHoveredProp","props","ref","formControlContext","combinedProps","state","defaultSelected","checked","isSelected","_ref","React","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/commonjs/components/primitives/Switch/test/switch.test.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("@testing-library/react-native");
+
+var _NativeBaseProvider = require("../../../../core/NativeBaseProvider");
+
+var _index = _interopRequireDefault(require("../index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+jest.useFakeTimers();
+describe('Switch', () => {
+  it('can be default checked', () => {
+    let {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      defaultIsChecked: true
+    })));
+    let switches = getAllByRole('switch');
+    expect(switches[0].props.value).toBe(true);
+  });
+  it('can be disabled', () => {
+    let {
+      getAllByRole
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      isDisabled: true
+    })));
+    let switches = getAllByRole('switch');
+    expect(switches[0].props.disabled).toBe(true);
+  });
+});
+//# sourceMappingURL=switch.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["switch.test.tsx"],"names":["jest","useFakeTimers","describe","it","getAllByRole","frame","x","y","width","height","insets","top","left","right","bottom","switches","expect","props","value","toBe","disabled"],"mappings":";;AAAA;;AACA;;AACA;;AAEA;;;;AAEAA,IAAI,CAACC,aAAL;AACAC,QAAQ,CAAC,QAAD,EAAW,MAAM;AACvBC,EAAAA,EAAE,CAAC,wBAAD,EAA2B,MAAM;AACjC,QAAI;AAAEC,MAAAA;AAAF,QAAmB,uCACrB,6BAAC,sCAAD;AACE,MAAA,oBAAoB,EAAE;AACpBC,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,6BAAC,cAAD;AAAQ,MAAA,gBAAgB;AAAxB,MANF,CADqB,CAAvB;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,QAAmB,uCACrB,6BAAC,sCAAD;AACE,MAAA,oBAAoB,EAAE;AACpBC,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,6BAAC,cAAD;AAAQ,MAAA,UAAU;AAAlB,MANF,CADqB,CAAvB;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/commonjs/components/primitives/Switch/types.js

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

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

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

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

@@ -0,0 +1,221 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("@testing-library/react-native");
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _NativeBaseProvider = require("../../../../core/NativeBaseProvider");
+
+var _theme = require("../../../../theme");
+
+var _reactNative2 = require("react-native");
+
+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); }
+
+jest.useFakeTimers();
+const theme = { ..._theme.theme,
+  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: { ..._theme.theme.fonts,
+    heading: 'Roboto',
+    body: 'Roboto'
+  }
+};
+
+const Provider = props => {
+  return /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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(_theme.theme));
+    delete newTheme.fontConfig;
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+      theme: newTheme
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      lineHeight: "md",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(_theme.theme.fontSizes.sm * parseFloat(_theme.theme.lineHeights.md));
+  });
+  it('tests absolute lineHeight in text ', () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      lineHeight: "13em",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.lineHeight).toBe(_theme.theme.fontSizes.sm * 13);
+  });
+  it('tests letterSpacing from token in text ', () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      letterSpacing: "2xl",
+      testID: "test"
+    }, "This is a text")));
+    const text = getByTestId('test');
+    expect(text.props.style.letterSpacing).toBe(_theme.theme.fontSizes.sm * parseFloat(_theme.theme.letterSpacings['2xl']));
+  });
+  it('tests letterSpacing in em from token in text ', () => {
+    _reactNative2.Platform.OS = 'web';
+
+    try {
+      (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+        letterSpacing: "2xl",
+        testID: "test"
+      }, "This is a text")));
+    } catch (e) {
+      expect(e.message).toContain("\"letterSpacing\": \"0.1em\"");
+    } finally {
+      _reactNative2.Platform.OS = 'ios';
+    }
+  });
+  it('tests lineHeight and letterSpacing in px', () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      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