@kivid/native-components 1.0.0-alpha.24 → 1.0.0-alpha.26

package/src/components/TextAreaInput/types.ts

@@ -0,0 +1,28 @@
+import {
+  TextInputProps as RNTextInputProps,
+  TextInput as RNTextInput,
+} from "react-native";
+import { TextAreaInputCornersEnum } from "./enums";
+
+export type TextAreaInputCorners = TextAreaInputCornersEnum;
+
+export interface TextAreaInputProps
+  extends Omit<RNTextInputProps, "value" | "onChangeText"> {
+  corners?: TextAreaInputCorners;
+  label?: string;
+  value?: string;
+  disabled?: boolean;
+  error?: string;
+  className?: string;
+  inputClassName?: string;
+  labelClassName?: string;
+  containerTestID?: string;
+  tooltipClassName?: string;
+  tooltipPointerClassName?: string;
+  tooltipContainerClassName?: string;
+  maxLength?: number;
+  showMaxLength?: boolean;
+  insideLabel?: boolean;
+  onChangeText?: (text: string) => void;
+  ref?: React.RefObject<RNTextInput | null>;
+}

package/src/components/Title/components/marker/index.tsx

@@ -3,7 +3,7 @@ import type { MarkerProps } from "./types";
 import { SizeEnum } from "../../../../enums";
 
 export function Marker(props: MarkerProps) {
-  const { size = SizeEnum.MEDIUM, color = "chia" } = props;
+  const { size = SizeEnum.MEDIUM, color = "chia", customMarkerComponent } = props;
 
   const mappedSize = {
     [SizeEnum.SMALL]: "w-700 h-300",
@@ -22,5 +22,13 @@ export function Marker(props: MarkerProps) {
     ghost: "bg-chia-200",
   }[color];
 
-  return <View className={`${mappedColor} ${mappedSize} rounded-500`} />;
+  function renderMarker() {
+    if (customMarkerComponent) {
+      return customMarkerComponent
+    }
+
+    return <View className={`${mappedColor} ${mappedSize} rounded-500`} />;
+  }
+
+  return renderMarker();
 }

package/src/components/Title/components/marker/types.ts

@@ -3,6 +3,7 @@ import { SizeEnum } from "../../../../enums";
 export type MarkerSize = SizeEnum.SMALL | SizeEnum.MEDIUM;
 
 export interface MarkerProps {
+  customMarkerComponent?: React.ReactNode;
   size?: MarkerSize;
   color?:
     | "pear"

package/src/components/index.ts

@@ -50,6 +50,7 @@ export * from "./Toast/enums";
 export type * from "./Toast/types";
 
 export * from "./Tooltip";
+export * from "./Tooltip/enum";
 export type * from "./Tooltip/types";
 
 export * from "./ListButton";
@@ -86,3 +87,13 @@ export type * from "./MessageInput/types";
 
 export * from "./DatePicker";
 export type * from "./DatePicker/types";
+
+export * from "./Tab";
+export type * from "./Tab/types";
+
+export * from "./Dropdown";
+export type * from "./Dropdown/types";
+
+export * from "./TextAreaInput";
+export * from "./TextAreaInput/enums";
+export type * from "./TextAreaInput/types";