@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/commonjs/component/ReanimatedBox/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReanimatedBox = void 0;
+var _core = require("@react-native-styled-system/core");
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ReanimatedBox = exports.ReanimatedBox = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: ref,
+    style: getStyle(),
+    ...filteredProps
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/ReanimatedBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ReanimatedBox","exports","forwardRef","props","ref","filteredProps","getStyle","useSx","jsx","View","style"],"sourceRoot":"../../../../src","sources":["component/ReanimatedBox/index.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/C,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAyB,EAAEC,GAAgC,KAAK;EAChG,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAG,IAAAC,WAAK,EAACJ,KAAK,CAAC;EAChD,oBAAO,IAAAP,WAAA,CAAAY,GAAA,EAACd,sBAAA,CAAAK,OAAQ,CAACU,IAAI;IAACL,GAAG,EAAEA,GAAI;IAACM,KAAK,EAAEJ,QAAQ,CAAC,CAAE;IAAA,GAAKD;EAAa,CAAG,CAAC;AAC1E,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/component/ReanimatedStyledScrollView/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReanimatedStyledScrollView = void 0;
+var _core = require("@react-native-styled-system/core");
+var _react = require("react");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ReanimatedStyledScrollView = exports.ReanimatedStyledScrollView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props);
+  const {
+    getStyle: contentContainerStyle
+  } = (0, _core.useSx)(props.contentContainerSx);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+    ref: ref,
+    style: getStyle(),
+    contentContainerStyle: contentContainerStyle(),
+    ...filteredProps
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/ReanimatedStyledScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ReanimatedStyledScrollView","exports","forwardRef","props","ref","filteredProps","getStyle","useSx","contentContainerStyle","contentContainerSx","jsx","ScrollView","style"],"sourceRoot":"../../../../src","sources":["component/ReanimatedStyledScrollView/index.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO/C,MAAMG,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,gBAAG,IAAAE,iBAAU,EAC3C,CAACC,KAAsC,EAAEC,GAAsC,KAAK;EAClF,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAG,IAAAC,WAAK,EAACJ,KAAK,CAAC;EAChD,MAAM;IAAEG,QAAQ,EAAEE;EAAsB,CAAC,GAAG,IAAAD,WAAK,EAACJ,KAAK,CAACM,kBAAkB,CAAC;EAC3E,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAAChB,sBAAA,CAAAK,OAAQ,CAACY,UAAU;IAClBP,GAAG,EAAEA,GAAI;IACTQ,KAAK,EAAEN,QAAQ,CAAC,CAAE;IAClBE,qBAAqB,EAAEA,qBAAqB,CAAC,CAAE;IAAA,GAC3CH;EAAa,CAClB,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/component/RefreshControlEx.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RefreshControlEx = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RefreshControlEx = ({
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+    tintColor: _reactNativeKit.palette.violet400,
+    colors: [_reactNativeKit.palette.violet400, _reactNativeKit.palette.violet600, _reactNativeKit.palette.green500],
+    ...rest
+  });
+};
+exports.RefreshControlEx = RefreshControlEx;
+//# sourceMappingURL=RefreshControlEx.js.map

package/lib/commonjs/component/RefreshControlEx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RefreshControlEx","rest","jsx","RefreshControl","tintColor","palette","violet400","colors","violet600","green500","exports"],"sourceRoot":"../../../src","sources":["component/RefreshControlEx.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,gBAAiC,GAAGA,CAAC;EAAE,GAAGC;AAAY,CAAC,KAAK;EAChE,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,cAAc;IACbC,SAAS,EAAEC,uBAAO,CAACC,SAAU;IAC7BC,MAAM,EAAE,CAACF,uBAAO,CAACC,SAAS,EAAED,uBAAO,CAACG,SAAS,EAAEH,uBAAO,CAACI,QAAQ,CAAE;IAAA,GAC7DR;EAAI,CACT,CAAC;AAEN,CAAC;AAACS,OAAA,CAAAV,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/component/StyledScrollView/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledScrollView = void 0;
+var _core = require("@react-native-styled-system/core");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledScrollView = exports.StyledScrollView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    getStyle,
+    filteredProps
+  } = (0, _core.useSx)(props);
+  const {
+    getStyle: contentContainerStyle
+  } = (0, _core.useSx)(props.contentContainerSx ?? {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ref: ref,
+    ...filteredProps,
+    style: getStyle(),
+    contentContainerStyle: contentContainerStyle()
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/StyledScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_reactNative","_jsxRuntime","StyledScrollView","exports","forwardRef","props","ref","getStyle","filteredProps","useSx","contentContainerStyle","contentContainerSx","jsx","ScrollView","style"],"sourceRoot":"../../../../src","sources":["component/StyledScrollView/index.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAQ1C,MAAMI,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAA4B,EAAEC,GAA6B,KAAK;EACnG,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAG,IAAAC,WAAK,EAACJ,KAAK,CAAQ;EACvD,MAAM;IAAEE,QAAQ,EAAEG;EAAsB,CAAC,GAAG,IAAAD,WAAK,EAACJ,KAAK,CAACM,kBAAkB,IAAI,CAAC,CAAC,CAAC;EACjF,oBAAO,IAAAV,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAAa,UAAU;IAACP,GAAG,EAAEA,GAAI;IAAA,GAAKE,aAAa;IAAEM,KAAK,EAAEP,QAAQ,CAAC,CAAE;IAACG,qBAAqB,EAAEA,qBAAqB,CAAC;EAAE,CAAE,CAAC;AACvH,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/component/Switch.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const AnimatedTouchableOpacity = _reactNative.Animated.createAnimatedComponent(_reactNative.TouchableOpacity);
+const Switch = ({
+  value,
+  onValueChanged,
+  style,
+  testID,
+  disabled
+}) => {
+  const animValue = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.spring(animValue, {
+      useNativeDriver: false,
+      toValue: value ? 1 : 0
+    }).start();
+    return () => {
+      animValue.stopAnimation();
+    };
+  }, [value, animValue]);
+  const cursorTranslationX = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [2, 22]
+  });
+  const backgroundColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [_reactNativeKit.palette.gray200, _reactNativeKit.palette.violet500]
+  });
+  const {
+    containerWidth,
+    containerHeight,
+    containerRadius,
+    thumbRadius
+  } = {
+    containerWidth: 51,
+    containerHeight: 31,
+    containerRadius: 9999,
+    thumbRadius: 27 / 2
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedTouchableOpacity, {
+    disabled,
+    testID,
+    accessibilityLabel: `switch ${value ? 'on' : 'off'}`,
+    onPress: () => onValueChanged?.(!value),
+    activeOpacity: 0.8,
+    style: [{
+      width: containerWidth,
+      height: containerHeight,
+      backgroundColor,
+      borderRadius: containerRadius,
+      justifyContent: 'center'
+    }, disabled && value ? {
+      backgroundColor: _reactNativeKit.palette.violet100
+    } : disabled && !value ? {
+      backgroundColor: _reactNativeKit.palette.gray100
+    } : null, style],
+    hitSlop: {
+      left: 12,
+      top: 12,
+      bottom: 12,
+      right: 12
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      pointerEvents: 'none',
+      style: [{
+        width: thumbRadius * 2,
+        height: thumbRadius * 2,
+        backgroundColor: _reactNativeKit.palette.white,
+        borderRadius: thumbRadius
+      }, {
+        transform: [{
+          translateX: cursorTranslationX
+        }]
+      }]
+    })
+  });
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switch.js.map

package/lib/commonjs/component/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_reactNative","_jsxRuntime","AnimatedTouchableOpacity","Animated","createAnimatedComponent","TouchableOpacity","Switch","value","onValueChanged","style","testID","disabled","animValue","useRef","Value","current","useEffect","spring","useNativeDriver","toValue","start","stopAnimation","cursorTranslationX","interpolate","inputRange","outputRange","backgroundColor","palette","gray200","violet500","containerWidth","containerHeight","containerRadius","thumbRadius","jsx","accessibilityLabel","onPress","activeOpacity","width","height","borderRadius","justifyContent","violet100","gray100","hitSlop","left","top","bottom","right","children","View","pointerEvents","white","transform","translateX","exports"],"sourceRoot":"../../../src","sources":["component/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Tab/BaseTab.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseTab = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BaseTab = ({
+  selectedIndex,
+  tabs,
+  onSelected,
+  onReselected,
+  renderContainer = children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flexDirection: 'row'
+    },
+    children: children
+  }),
+  renderTab = ({
+    text,
+    isSelected
+  }) => isSelected ? _reactNativeKit.Txt.M.Medium.render(text) : _reactNativeKit.Txt.M.Gray500.render(text),
+  testID = 'BaseTab',
+  stretchItemWidth = true
+}) => {
+  const tabElements = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: tabs.map((tab, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: `${testID}/${tab}`,
+      onPress: () => {
+        if (i !== selectedIndex) {
+          onSelected?.(i);
+        } else {
+          onReselected?.(i);
+        }
+      },
+      style: [stretchItemWidth ? {
+        flex: 1
+      } : {}, {
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 'auto'
+      }],
+      children: renderTab({
+        text: tab,
+        isSelected: i === selectedIndex,
+        index: i
+      })
+    }, i))
+  });
+  return renderContainer(tabElements);
+};
+exports.BaseTab = BaseTab;
+//# sourceMappingURL=BaseTab.js.map

package/lib/commonjs/component/Tab/BaseTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","BaseTab","selectedIndex","tabs","onSelected","onReselected","renderContainer","children","jsx","View","style","flexDirection","renderTab","text","isSelected","Txt","M","Medium","render","Gray500","testID","stretchItemWidth","tabElements","Fragment","map","tab","i","Pressable","onPress","flex","alignItems","justifyContent","height","index","exports"],"sourceRoot":"../../../../src","sources":["component/Tab/BaseTab.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB/C,MAAMG,OAAO,GAAGA,CAAC;EACfC,aAAa;EACbC,IAAI;EACJC,UAAU;EACVC,YAAY;EACZC,eAAe,GAAIC,QAAQ,iBAAK,IAAAV,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAM,CAAE;IAAAJ,QAAA,EAAEA;EAAQ,CAAO,CAAC;EACxFK,SAAS,GAAGA,CAAC;IAAEC,IAAI;IAAEC;EAAW,CAAC,KAAMA,UAAU,GAAGC,mBAAG,CAACC,CAAC,CAACC,MAAM,CAACC,MAAM,CAACL,IAAI,CAAC,GAAGE,mBAAG,CAACC,CAAC,CAACG,OAAO,CAACD,MAAM,CAACL,IAAI,CAAE;EAC3GO,MAAM,GAAG,SAAS;EAClBC,gBAAgB,GAAG;AACd,CAAC,KAAK;EACX,MAAMC,WAAW,gBACf,IAAAzB,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAA0B,QAAA;IAAAhB,QAAA,EACGJ,IAAI,CAACqB,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACf,IAAA7B,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAA+B,SAAS;MACRP,MAAM,EAAE,GAAGA,MAAM,IAAIK,GAAG,EAAG;MAC3BG,OAAO,EAAEA,CAAA,KAAM;QACb,IAAIF,CAAC,KAAKxB,aAAa,EAAE;UACvBE,UAAU,GAAGsB,CAAC,CAAC;QACjB,CAAC,MAAM;UACLrB,YAAY,GAAGqB,CAAC,CAAC;QACnB;MACF,CAAE;MAEFhB,KAAK,EAAE,CACLW,gBAAgB,GAAG;QAAEQ,IAAI,EAAE;MAAE,CAAC,GAAG,CAAC,CAAC,EACnC;QAAEC,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE,QAAQ;QAAEC,MAAM,EAAE;MAAO,CAAC,CAClE;MAAAzB,QAAA,EAEDK,SAAS,CAAC;QAAEC,IAAI,EAAEY,GAAG;QAAEX,UAAU,EAAEY,CAAC,KAAKxB,aAAa;QAAE+B,KAAK,EAAEP;MAAE,CAAC;IAAC,GAN/DA,CAOI,CACZ;EAAC,CACF,CACH;EAED,OAAOpB,eAAe,CAACgB,WAAW,CAAC;AACrC,CAAC;AAACY,OAAA,CAAAjC,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/component/Tab/IndicatorTab.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IndicatorTab = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _reactNative = require("react-native");
+var _BaseTab = require("./BaseTab.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const IndicatorTab = ({
+  redDotIndice,
+  style,
+  testID = 'IndicatorTab',
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseTab.BaseTab, {
+    renderContainer: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        borderBottomWidth: 1,
+        borderBottomColor: _reactNativeKit.palette.gray200,
+        flexDirection: 'row'
+      }, style],
+      children: children
+    }),
+    renderTab: ({
+      isSelected,
+      text,
+      index
+    }) => {
+      const textElement = isSelected ? _reactNativeKit.Txt.M.Medium.render(text) : _reactNativeKit.Txt.M.Gray500.render(text);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          borderBottomWidth: 2,
+          borderBottomColor: isSelected ? _reactNativeKit.palette.violet500 : _reactNativeKit.palette.transparent,
+          alignItems: 'center',
+          width: '100%',
+          justifyContent: 'center',
+          paddingVertical: _reactNativeKit.spacing[3]
+        },
+        children: redDotIndice?.includes(index) ? wrapWithRedDot() : textElement
+      });
+      function wrapWithRedDot() {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 12
+            }
+          }), textElement, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Badge, {
+            color: _reactNativeKit.palette.red500,
+            size: 6,
+            layout: {
+              top: -8
+            }
+          })]
+        });
+      }
+    },
+    testID: testID,
+    stretchItemWidth: true,
+    ...rest
+  });
+};
+exports.IndicatorTab = IndicatorTab;
+//# sourceMappingURL=IndicatorTab.js.map

package/lib/commonjs/component/Tab/IndicatorTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_reactNative","_BaseTab","_jsxRuntime","IndicatorTab","redDotIndice","style","testID","rest","jsx","BaseTab","renderContainer","children","View","borderBottomWidth","borderBottomColor","palette","gray200","flexDirection","renderTab","isSelected","text","index","textElement","Txt","M","Medium","render","Gray500","violet500","transparent","alignItems","width","justifyContent","paddingVertical","spacing","includes","wrapWithRedDot","jsxs","Badge","color","red500","size","layout","top","stretchItemWidth","exports"],"sourceRoot":"../../../../src","sources":["component/Tab/IndicatorTab.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAyE,IAAAG,WAAA,GAAAH,OAAA;AAMzE,MAAMI,YAAY,GAAGA,CAAC;EAAEC,YAAY;EAAEC,KAAK;EAAEC,MAAM,GAAG,cAAc;EAAE,GAAGC;AAAY,CAAC,KAAK;EACzF,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,QAAA,CAAAQ,OAAO;IACNC,eAAe,EAAGC,QAAQ,iBACxB,IAAAT,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAY,IAAI;MAACP,KAAK,EAAE,CAAC;QAAEQ,iBAAiB,EAAE,CAAC;QAAEC,iBAAiB,EAAEC,uBAAO,CAACC,OAAO;QAAEC,aAAa,EAAE;MAAM,CAAC,EAAEZ,KAAK,CAAE;MAAAM,QAAA,EACtGA;IAAQ,CACL,CACN;IACFO,SAAS,EAAEA,CAAC;MAAEC,UAAU;MAAEC,IAAI;MAAEC;IAAM,CAAC,KAAK;MAC1C,MAAMC,WAAW,GAAGH,UAAU,GAAGI,mBAAG,CAACC,CAAC,CAACC,MAAM,CAACC,MAAM,CAACN,IAAI,CAAC,GAAGG,mBAAG,CAACC,CAAC,CAACG,OAAO,CAACD,MAAM,CAACN,IAAI,CAAC;MACvF,oBACE,IAAAlB,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAY,IAAI;QACHP,KAAK,EAAE;UACLQ,iBAAiB,EAAE,CAAC;UACpBC,iBAAiB,EAAEK,UAAU,GAAGJ,uBAAO,CAACa,SAAS,GAAGb,uBAAO,CAACc,WAAW;UACvEC,UAAU,EAAE,QAAQ;UACpBC,KAAK,EAAE,MAAM;UACbC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAEC,uBAAO,CAAC,CAAC;QAC5B,CAAE;QAAAvB,QAAA,EAEDP,YAAY,EAAE+B,QAAQ,CAACd,KAAK,CAAC,GAAGe,cAAc,CAAC,CAAC,GAAGd;MAAW,CAC3D,CAAC;MAGT,SAASc,cAAcA,CAAA,EAAG;QACxB,oBACE,IAAAlC,WAAA,CAAAmC,IAAA,EAACrC,YAAA,CAAAY,IAAI;UAACP,KAAK,EAAE;YAAEY,aAAa,EAAE,KAAK;YAAEa,UAAU,EAAE;UAAS,CAAE;UAAAnB,QAAA,gBAC1D,IAAAT,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAY,IAAI;YAACP,KAAK,EAAE;cAAE0B,KAAK,EAAE;YAAG;UAAE,CAAE,CAAC,EAC7BT,WAAW,eACZ,IAAApB,WAAA,CAAAM,GAAA,EAACV,eAAA,CAAAwC,KAAK;YAACC,KAAK,EAAExB,uBAAO,CAACyB,MAAO;YAACC,IAAI,EAAE,CAAE;YAACC,MAAM,EAAE;cAAEC,GAAG,EAAE,CAAC;YAAE;UAAE,CAAE,CAAC;QAAA,CAC1D,CAAC;MAEX;IACF,CAAE;IACFrC,MAAM,EAAEA,MAAO;IACfsC,gBAAgB;IAAA,GACZrC;EAAI,CACT,CAAC;AAEN,CAAC;AAACsC,OAAA,CAAA1C,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/component/Tab/RoundTab.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoundTab = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _index = require("../Box/index.js");
+var _index2 = require("../Icon/index.js");
+var _index3 = require("../Layout/index.js");
+var _BaseTab = require("./BaseTab.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const TextComponentBySize = {
+  l: _reactNativeKit.Txt.M,
+  m: _reactNativeKit.Txt.S,
+  s: _reactNativeKit.Txt.XS
+};
+const StyleBySize = {
+  l: {
+    selectedFontWeight: _reactNativeKit.FontWeight.Bold,
+    iconSize: 20,
+    paddingHorizontal: _reactNativeKit.spacing[4]
+  },
+  m: {
+    selectedFontWeight: _reactNativeKit.FontWeight.Medium,
+    iconSize: 20,
+    paddingHorizontal: _reactNativeKit.spacing[4]
+  },
+  s: {
+    selectedFontWeight: _reactNativeKit.FontWeight.Medium,
+    iconSize: 16,
+    paddingHorizontal: _reactNativeKit.spacing[3]
+  }
+};
+const StyleByVariant = {
+  default: {
+    backgroundColor: _reactNativeKit.palette.gray100,
+    padding: _reactNativeKit.spacing[1],
+    gap: _reactNativeKit.spacing[0]
+  },
+  plain: {
+    backgroundColor: _reactNativeKit.palette.white,
+    padding: 0,
+    gap: _reactNativeKit.spacing[3]
+  },
+  dim: {
+    backgroundColor: _reactNativeKit.palette.transparent,
+    padding: 0,
+    gap: _reactNativeKit.spacing[3]
+  }
+};
+const ContextualStyleByVariant = ({
+  isSelected
+}) => ({
+  default: {
+    tabItemStyle: {
+      backgroundColor: isSelected ? _reactNativeKit.palette.white : _reactNativeKit.palette.transparent,
+      borderWidth: 1,
+      borderColor: isSelected ? _reactNativeKit.palette.gray200 : _reactNativeKit.palette.transparent
+    },
+    iconProps: {
+      fill: isSelected ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray300
+    },
+    textColor: isSelected ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray500
+  },
+  plain: {
+    tabItemStyle: {
+      backgroundColor: isSelected ? _reactNativeKit.palette.gray100 : _reactNativeKit.palette.transparent
+    },
+    iconProps: {
+      fill: isSelected ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray300
+    },
+    textColor: isSelected ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray500
+  },
+  dim: {
+    tabItemStyle: {
+      backgroundColor: isSelected ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.transparent
+    },
+    iconProps: {
+      fill: _reactNativeKit.palette.gray300
+    },
+    textColor: isSelected ? _reactNativeKit.palette.white : _reactNativeKit.palette.gray300
+  }
+});
+const RoundTab = ({
+  size = 'm',
+  redDotIndice = [],
+  variant = 'default',
+  leadingIcons,
+  ...rest
+}) => {
+  const {
+    backgroundColor,
+    padding,
+    gap
+  } = StyleByVariant[variant];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseTab.BaseTab, {
+    renderContainer: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Row, {
+      style: {
+        backgroundColor: backgroundColor,
+        borderRadius: 9999,
+        padding,
+        gap
+      },
+      children: children
+    }),
+    renderTab: ({
+      isSelected,
+      text,
+      index
+    }) => {
+      const {
+        iconProps,
+        tabItemStyle,
+        textColor
+      } = ContextualStyleByVariant({
+        isSelected
+      })[variant];
+      const {
+        iconSize,
+        selectedFontWeight,
+        paddingHorizontal
+      } = StyleBySize[size];
+      const textElement = isSelected ? TextComponentBySize[size].render(text, {
+        weight: selectedFontWeight,
+        color: textColor
+      }) : TextComponentBySize[size].render(text, {
+        color: textColor
+      });
+      const activeIcon = leadingIcons && leadingIcons.length > index && _reactNativeKit.is.plainObject(leadingIcons[index]) ? leadingIcons[index].active : null;
+      const inActiveIcon = leadingIcons && leadingIcons.length > index && _reactNativeKit.is.plainObject(leadingIcons[index]) ? leadingIcons[index].inActive : null;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+        center: true,
+        style: [{
+          borderRadius: 9999,
+          paddingVertical: _reactNativeKit.spacing[2],
+          paddingHorizontal: paddingHorizontal,
+          width: '100%'
+        }, tabItemStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.RowCenter, {
+          style: {
+            gap: _reactNativeKit.spacing[1]
+          },
+          children: [activeIcon && inActiveIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+            size: iconSize,
+            ...iconProps,
+            name: isSelected ? activeIcon : inActiveIcon
+          }) : null, textElement, redDotIndice?.includes(index) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Dot, {
+            color: 'red500',
+            size: 6,
+            sx: {
+              position: 'absolute',
+              top: (0, _reactNativeKit.px)(-2),
+              right: (0, _reactNativeKit.px)(-8)
+            }
+          }) : null]
+        })
+      });
+    },
+    stretchItemWidth: variant === 'default',
+    ...rest
+  });
+};
+exports.RoundTab = RoundTab;
+//# sourceMappingURL=RoundTab.js.map

package/lib/commonjs/component/Tab/RoundTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_index","_index2","_index3","_BaseTab","_jsxRuntime","TextComponentBySize","l","Txt","M","m","S","s","XS","StyleBySize","selectedFontWeight","FontWeight","Bold","iconSize","paddingHorizontal","spacing","Medium","StyleByVariant","default","backgroundColor","palette","gray100","padding","gap","plain","white","dim","transparent","ContextualStyleByVariant","isSelected","tabItemStyle","borderWidth","borderColor","gray200","iconProps","fill","gray900","gray300","textColor","gray500","RoundTab","size","redDotIndice","variant","leadingIcons","rest","jsx","BaseTab","renderContainer","children","Row","style","borderRadius","renderTab","text","index","textElement","render","weight","color","activeIcon","length","is","plainObject","active","inActiveIcon","inActive","Box","center","paddingVertical","width","jsxs","RowCenter","Icon","name","includes","Dot","sx","position","top","px","right","stretchItemWidth","exports"],"sourceRoot":"../../../../src","sources":["component/Tab/RoundTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Tab/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BaseTab = require("./BaseTab.js");
+Object.keys(_BaseTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BaseTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BaseTab[key];
+    }
+  });
+});
+var _RoundTab = require("./RoundTab.js");
+Object.keys(_RoundTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RoundTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RoundTab[key];
+    }
+  });
+});
+var _IndicatorTab = require("./IndicatorTab.js");
+Object.keys(_IndicatorTab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IndicatorTab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IndicatorTab[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/Tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BaseTab","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RoundTab","_IndicatorTab"],"sourceRoot":"../../../../src","sources":["component/Tab/index.ts"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/component/TabPager.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabPager = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const TabPager = ({
+  tabElements,
+  lazyMount = true,
+  index,
+  style,
+  detachOnInActive = false,
+  activePageStyle,
+  testID = 'TapPager'
+}) => {
+  const size = tabElements.length;
+  const [mountedIndice, setMountedIndice] = (0, _react.useState)(lazyMount ? [index] : [...new Array(size).keys()]);
+  (0, _react.useEffect)(() => {
+    if (!mountedIndice.includes(index)) {
+      setMountedIndice(indice => [...indice, index]);
+    }
+  }, [index, mountedIndice]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: style,
+    testID: testID,
+    children: tabElements.map((element, i) => {
+      const isActive = index === i;
+      return detachOnInActive && index !== i ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: `${testID}/tab/${index}`,
+        style: [_reactNative.StyleSheet.absoluteFill, {
+          opacity: isActive ? 1 : 0
+        }, isActive ? activePageStyle : null],
+        pointerEvents: isActive ? 'auto' : 'none',
+        children: mountedIndice.includes(i) ? element : null
+      }, i);
+    })
+  });
+};
+exports.TabPager = TabPager;
+//# sourceMappingURL=TabPager.js.map

package/lib/commonjs/component/TabPager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","TabPager","tabElements","lazyMount","index","style","detachOnInActive","activePageStyle","testID","size","length","mountedIndice","setMountedIndice","useState","Array","keys","useEffect","includes","indice","jsx","View","children","map","element","i","isActive","StyleSheet","absoluteFill","opacity","pointerEvents","exports"],"sourceRoot":"../../../src","sources":["component/TabPager.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAWhD,MAAMG,QAAQ,GAAGA,CAAC;EAChBC,WAAW;EACXC,SAAS,GAAG,IAAI;EAChBC,KAAK;EACLC,KAAK;EACLC,gBAAgB,GAAG,KAAK;EACxBC,eAAe;EACfC,MAAM,GAAG;AACJ,CAAC,KAAK;EACX,MAAMC,IAAI,GAAGP,WAAW,CAACQ,MAAM;EAE/B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAACV,SAAS,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAIU,KAAK,CAACL,IAAI,CAAC,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;EAErG,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACb,KAAK,CAAC,EAAE;MAClCQ,gBAAgB,CAAEM,MAAM,IAAK,CAAC,GAAGA,MAAM,EAAEd,KAAK,CAAC,CAAC;IAClD;EACF,CAAC,EAAE,CAACA,KAAK,EAAEO,aAAa,CAAC,CAAC;EAE1B,oBACE,IAAAX,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACf,KAAK,EAAEA,KAAM;IAACG,MAAM,EAAEA,MAAO;IAAAa,QAAA,EAChCnB,WAAW,CAACoB,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;MAC/B,MAAMC,QAAQ,GAAGrB,KAAK,KAAKoB,CAAC;MAE5B,OAAOlB,gBAAgB,IAAIF,KAAK,KAAKoB,CAAC,GAAG,IAAI,gBAC3C,IAAAxB,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;QACHZ,MAAM,EAAE,GAAGA,MAAM,QAAQJ,KAAK,EAAG;QAEjCC,KAAK,EAAE,CAACqB,uBAAU,CAACC,YAAY,EAAE;UAAEC,OAAO,EAAEH,QAAQ,GAAG,CAAC,GAAG;QAAE,CAAC,EAAEA,QAAQ,GAAGlB,eAAe,GAAG,IAAI,CAAE;QACnGsB,aAAa,EAAEJ,QAAQ,GAAG,MAAM,GAAG,MAAO;QAAAJ,QAAA,EAEzCV,aAAa,CAACM,QAAQ,CAACO,CAAC,CAAC,GAAGD,OAAO,GAAG;MAAI,GAJtCC,CAKD,CACP;IACH,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAACM,OAAA,CAAA7B,QAAA,GAAAA,QAAA","ignoreList":[]}