@herca/rn-kit 0.1.99 → 0.1.101

package/src/Icon/icons/Global.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const GlobalIcon: React.FC<Props> = ({
+  size = 24,
+  color = 'currentColor',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M6.37496 17.4243C6.34996 17.4243 6.31663 17.441 6.29163 17.441C4.67496 16.641 3.35829 15.316 2.54996 13.6993C2.54996 13.6743 2.56663 13.641 2.56663 13.616C3.58329 13.916 4.63329 14.141 5.67496 14.316C5.85829 15.366 6.07496 16.4077 6.37496 17.4243Z"
+      fill={color}
+    />
+    <Path
+      d="M17.45 13.7077C16.625 15.366 15.25 16.7077 13.575 17.516C13.8916 16.4577 14.1583 15.391 14.3333 14.316C15.3833 14.141 16.4166 13.916 17.4333 13.616C17.425 13.6493 17.45 13.6827 17.45 13.7077Z"
+      fill={color}
+    />
+    <Path
+      d="M17.5166 6.42435C16.4666 6.10768 15.4083 5.84935 14.3333 5.66602C14.1583 4.59102 13.9 3.52435 13.575 2.48268C15.3 3.30768 16.6916 4.69935 17.5166 6.42435Z"
+      fill={color}
+    />
+    <Path
+      d="M6.37496 2.57435C6.07496 3.59102 5.85829 4.62435 5.68329 5.67435C4.60829 5.84102 3.54163 6.10768 2.48329 6.42435C3.29163 4.74935 4.63329 3.37435 6.29163 2.54935C6.31663 2.54935 6.34996 2.57435 6.37496 2.57435Z"
+      fill={color}
+    />
+    <Path
+      d="M12.9083 5.49102C10.975 5.27435 9.02496 5.27435 7.09163 5.49102C7.29996 4.34935 7.56663 3.20768 7.94163 2.10768C7.95829 2.04102 7.94996 1.99102 7.95829 1.92435C8.61663 1.76602 9.29163 1.66602 9.99996 1.66602C10.7 1.66602 11.3833 1.76602 12.0333 1.92435C12.0416 1.99102 12.0416 2.04102 12.0583 2.10768C12.4333 3.21602 12.7 4.34935 12.9083 5.49102Z"
+      fill={color}
+    />
+    <Path
+      d="M5.49163 12.9077C4.34163 12.6993 3.20829 12.4327 2.10829 12.0577C2.04163 12.041 1.99163 12.0493 1.92496 12.041C1.76663 11.3827 1.66663 10.7077 1.66663 9.99935C1.66663 9.29935 1.76663 8.61602 1.92496 7.96602C1.99163 7.95768 2.04163 7.95768 2.10829 7.94102C3.21663 7.57435 4.34163 7.29935 5.49163 7.09102C5.28329 9.02435 5.28329 10.9743 5.49163 12.9077Z"
+      fill={color}
+    />
+    <Path
+      d="M18.3333 9.99935C18.3333 10.7077 18.2333 11.3827 18.075 12.041C18.0083 12.0493 17.9583 12.041 17.8916 12.0577C16.7833 12.4243 15.65 12.6993 14.5083 12.9077C14.725 10.9743 14.725 9.02435 14.5083 7.09102C15.65 7.29935 16.7916 7.56602 17.8916 7.94102C17.9583 7.95768 18.0083 7.96602 18.075 7.96602C18.2333 8.62435 18.3333 9.29935 18.3333 9.99935Z"
+      fill={color}
+    />
+    <Path
+      d="M12.9083 14.5077C12.7 15.6577 12.4333 16.791 12.0583 17.891C12.0416 17.9577 12.0416 18.0077 12.0333 18.0743C11.3833 18.2327 10.7 18.3327 9.99996 18.3327C9.29163 18.3327 8.61663 18.2327 7.95829 18.0743C7.94996 18.0077 7.95829 17.9577 7.94163 17.891C7.57496 16.7827 7.29996 15.6577 7.09163 14.5077C8.05829 14.616 9.02496 14.691 9.99996 14.691C10.975 14.691 11.95 14.616 12.9083 14.5077Z"
+      fill={color}
+    />
+    <Path
+      d="M13.1361 13.1355C11.0518 13.3984 8.9481 13.3984 6.86385 13.1355C6.60088 11.0512 6.60088 8.94749 6.86385 6.86324C8.9481 6.60027 11.0518 6.60027 13.1361 6.86324C13.399 8.94749 13.399 11.0512 13.1361 13.1355Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default GlobalIcon;

package/src/Icon/icons/Hierarchy3.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+  color?: string;
+}
+
+const Hierarchy3: React.FC<Props> = ({ size = 24, style, color = '#000' }) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M4.1665 6.66699C5.54722 6.66699 6.6665 5.5477 6.6665 4.16699C6.6665 2.78628 5.54722 1.66699 4.1665 1.66699C2.78579 1.66699 1.6665 2.78628 1.6665 4.16699C1.6665 5.5477 2.78579 6.66699 4.1665 6.66699Z"
+      fill={color}
+    />
+    <Path
+      d="M15.8332 12.5003C17.2139 12.5003 18.3332 11.381 18.3332 10.0003C18.3332 8.61961 17.2139 7.50033 15.8332 7.50033C14.4525 7.50033 13.3332 8.61961 13.3332 10.0003C13.3332 11.381 14.4525 12.5003 15.8332 12.5003Z"
+      fill={color}
+    />
+    <Path
+      d="M4.1665 18.3337C5.54722 18.3337 6.6665 17.2144 6.6665 15.8337C6.6665 14.4529 5.54722 13.3337 4.1665 13.3337C2.78579 13.3337 1.6665 14.4529 1.6665 15.8337C1.6665 17.2144 2.78579 18.3337 4.1665 18.3337Z"
+      fill={color}
+    />
+    <Path
+      d="M4.1665 13.9587C3.82484 13.9587 3.5415 13.6753 3.5415 13.3337V6.66699C3.5415 6.32533 3.82484 6.04199 4.1665 6.04199C4.50817 6.04199 4.7915 6.32533 4.7915 6.66699C4.7915 8.49199 5.67484 9.37533 7.49984 9.37533H13.3332C13.6748 9.37533 13.9582 9.65866 13.9582 10.0003C13.9582 10.342 13.6748 10.6253 13.3332 10.6253H7.49984C6.3665 10.6253 5.45817 10.3337 4.7915 9.78366V13.3337C4.7915 13.6753 4.50817 13.9587 4.1665 13.9587Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default Hierarchy3;

package/src/Icon/icons/SortVertical.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const SortVertical: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      d="M16.7071 13.2933C17.0981 13.6842 17.0981 14.3163 16.7071 14.7073L12.7071 18.7073C12.5121 18.9023 12.256 19.0003 12 19.0003C11.744 19.0003 11.488 18.9023 11.293 18.7073L7.29301 14.7073C6.90201 14.3163 6.90201 13.6842 7.29301 13.2933C7.68401 12.9023 8.31607 12.9023 8.70707 13.2933L12 16.5862L15.293 13.2933C15.684 12.9023 16.3161 12.9023 16.7071 13.2933ZM8.70707 10.7073L12 7.41434L15.293 10.7073C15.488 10.9023 15.744 11.0003 16 11.0003C16.256 11.0003 16.5121 10.9023 16.7071 10.7073C17.0981 10.3163 17.0981 9.68425 16.7071 9.29325L12.7071 5.29325C12.3161 4.90225 11.684 4.90225 11.293 5.29325L7.29301 9.29325C6.90201 9.68425 6.90201 10.3163 7.29301 10.7073C7.68401 11.0983 8.31607 11.0983 8.70707 10.7073Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default SortVertical;

package/src/Icon/icons/UserSquareOutline.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const UserSquareOutline: React.FC<Props> = ({
+  size = 24,
+  color = '#909090',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M13.4915 1.66699H6.50817C3.47484 1.66699 1.6665 3.47533 1.6665 6.50866V13.492C1.6665 15.8337 2.7415 17.442 4.63317 18.0503C5.18317 18.242 5.8165 18.3337 6.50817 18.3337H13.4915C14.1832 18.3337 14.8165 18.242 15.3665 18.0503C17.2582 17.442 18.3332 15.8337 18.3332 13.492V6.50866C18.3332 3.47533 16.5248 1.66699 13.4915 1.66699ZM17.0832 13.492C17.0832 15.2753 16.3832 16.4003 14.9748 16.867C14.1665 15.2753 12.2498 14.142 9.99984 14.142C7.74984 14.142 5.8415 15.267 5.02484 16.867H5.0165C3.62484 16.417 2.9165 15.2837 2.9165 13.5003V6.50866C2.9165 4.15866 4.15817 2.91699 6.50817 2.91699H13.4915C15.8415 2.91699 17.0832 4.15866 17.0832 6.50866V13.492Z"
+      fill={color}
+    />
+    <Path
+      d="M9.99984 6.66699C8.34984 6.66699 7.0165 8.00033 7.0165 9.65033C7.0165 11.3003 8.34984 12.642 9.99984 12.642C11.6498 12.642 12.9832 11.3003 12.9832 9.65033C12.9832 8.00033 11.6498 6.66699 9.99984 6.66699Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default UserSquareOutline;

package/src/Icon/type.tsx

@@ -144,7 +144,15 @@ export type IconNameProps =
   | 'user-change'
   | 'calendar-plus'
   | 'calendar-clock'
-  | 'warning-letter';
+  | 'sort-vertical'
+  | 'warning-letter'
+  | 'bar-code'
+  | 'devices'
+  | 'user-square-outline'
+  | 'box-search-outline'
+  | 'hierarchy-3'
+  | 'global'
+  | 'cube-scan';
 export interface IconProps {
   name: IconNameProps;
   size?: number;

package/src/Tab/Tab.tsx

@@ -17,6 +17,7 @@ const Tab: React.FC<TabProps> = ({
   current = 0,
   onChangeTab,
   renderHeader,
+  refreshControl,
 }) => {
   const items = Children.toArray(children).filter(
     isValidElement
@@ -124,6 +125,7 @@ const Tab: React.FC<TabProps> = ({
     <View style={styles.container}>
       {renderHeader ? (
         <ScrollView
+          refreshControl={refreshControl}
           stickyHeaderIndices={[renderHeader ? 1 : 0]} // bikin tabBar sticky
           contentContainerStyle={styles.scrollViewContainer}
           showsVerticalScrollIndicator={false}

package/src/Tab/type.tsx

@@ -1,4 +1,5 @@
 import React, { type ReactElement } from 'react';
+import type { RefreshControlProps } from 'react-native';
 
 export type TabItemProps =
   | {
@@ -19,4 +20,8 @@ export interface TabProps {
   current?: number;
   renderHeader?: React.ReactElement;
   onChangeTab?: (e: any) => void;
+  refreshControl?: React.ReactElement<
+    RefreshControlProps,
+    string | React.JSXElementConstructor<any>
+  >;
 }