@k3-tech/react-kit 0.0.59 → 0.0.61

package/src/kit/components/autocomplete/Autocomplete.tsx

@@ -2,8 +2,8 @@ import { useCombobox } from 'downshift';
 import { Check, ChevronsUpDown, Loader2, X } from 'lucide-react';
 import {
   forwardRef,
-  ReactElement,
-  RefAttributes,
+  type ReactElement,
+  type RefAttributes,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -54,6 +54,7 @@ export type AutocompleteProps<T = unknown> = {
   defaultValue?: string | number | null | Array<string | number>;
   allowCustomValue?: boolean;
   clearable?: boolean;
+  dataTestID?: string;
   initialSelectedOptions?: AutocompleteOption<T> | AutocompleteOption<T>[];
   loadSelected?: (
     values: Array<string | number>,
@@ -83,6 +84,7 @@ export function Autocomplete<T = unknown>({
   defaultValue,
   allowCustomValue = false,
   clearable = true,
+  dataTestID,
   initialSelectedOptions,
   loadSelected,
 }: AutocompleteProps<T>, ref?: any) {
@@ -554,7 +556,7 @@ export function Autocomplete<T = unknown>({
         <div
           inert={disabled}
           className={cn(
-            'flex min-h-10 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm',
+            'flex min-h-9 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm',
             'ring-offset-background',
             'focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2',
             disabled && 'cursor-not-allowed opacity-50',
@@ -612,6 +614,7 @@ export function Autocomplete<T = unknown>({
                 }
               },
             })}
+            data-testid={dataTestID}
             className={cn(
               'flex-1 bg-transparent outline-none placeholder:text-muted-foreground',
               width ? 'w-full' : 'min-w-[120px]'

package/src/kit/components/fileuploader/FileUploader.tsx

@@ -214,6 +214,7 @@ export function FileUploader({
   withImagePreview = false,
   placeholder = "Drag and drop files here, or click to select",
   className,
+  dataTestID
 }: FileUploaderProps) {
   const isControlled = value !== undefined;
   const [files, setFiles] = useState<FileRecord[]>(() => defaultValue ?? []);
@@ -747,6 +748,7 @@ export function FileUploader({
       ) : null}
       <div {...getRootProps({ className: rootClasses })}>
         <input
+          data-testid={dataTestID}
           {...getInputProps({
             onClick: (e) => {
               (e.target as HTMLInputElement).value = "";

package/src/kit/components/fileuploader/types.ts

@@ -89,4 +89,6 @@ export type FileUploaderProps = {
   placeholder?: string;
   /** Additional className */
   className?: string;
+
+  dataTestID?: string
 };

package/src/kit/components/info-tooltip/InfoTooltip.tsx

@@ -0,0 +1,18 @@
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/shadcn/ui/tooltip';
+import { InfoIcon } from 'lucide-react';
+
+export interface InfoTooltipProps {
+  content: React.ReactNode;
+  iconSize?: string | number;
+}
+
+export default function InfoTooltip({ iconSize, content }: InfoTooltipProps) {
+  return (
+    <Tooltip>
+      <TooltipTrigger>
+        <InfoIcon size={iconSize} />
+      </TooltipTrigger>
+      <TooltipContent>{content}</TooltipContent>
+    </Tooltip>
+  );
+}