@sustaina/shared-ui 1.21.0 → 1.22.0

package/dist/index.d.mts

@@ -730,7 +730,7 @@ declare const inputVariants: (props?: ({
     fullWidth?: boolean | null | undefined;
     appearance?: "filled" | "unfilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type InputProps = Omit<InputPrimitiveProps, "size"> & VariantProps<typeof inputVariants> & {
+type InputProps = Omit<InputPrimitiveProps, "size" | "prefix"> & VariantProps<typeof inputVariants> & {
     prefix?: React$1.ReactNode;
     prefixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
     prefixInteractive?: boolean;
@@ -746,7 +746,7 @@ type InputProps = Omit<InputPrimitiveProps, "size"> & VariantProps<typeof inputV
     validationMessageProps?: React$1.HTMLAttributes<HTMLParagraphElement>;
     onValueChange?: (value: string) => void;
 };
-declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "size"> & VariantProps<(props?: ({
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "prefix" | "size"> & VariantProps<(props?: ({
     controlSize?: "sm" | "lg" | "md" | null | undefined;
     fullWidth?: boolean | null | undefined;
     appearance?: "filled" | "unfilled" | null | undefined;

package/dist/index.d.ts

@@ -730,7 +730,7 @@ declare const inputVariants: (props?: ({
     fullWidth?: boolean | null | undefined;
     appearance?: "filled" | "unfilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type InputProps = Omit<InputPrimitiveProps, "size"> & VariantProps<typeof inputVariants> & {
+type InputProps = Omit<InputPrimitiveProps, "size" | "prefix"> & VariantProps<typeof inputVariants> & {
     prefix?: React$1.ReactNode;
     prefixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
     prefixInteractive?: boolean;
@@ -746,7 +746,7 @@ type InputProps = Omit<InputPrimitiveProps, "size"> & VariantProps<typeof inputV
     validationMessageProps?: React$1.HTMLAttributes<HTMLParagraphElement>;
     onValueChange?: (value: string) => void;
 };
-declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "size"> & VariantProps<(props?: ({
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "prefix" | "size"> & VariantProps<(props?: ({
     controlSize?: "sm" | "lg" | "md" | null | undefined;
     fullWidth?: boolean | null | undefined;
     appearance?: "filled" | "unfilled" | null | undefined;

package/dist/index.js

@@ -1271,14 +1271,14 @@ var Input = React4__namespace.forwardRef(
     type = "text",
     ...rest
   }, ref) => {
+    const inputProps = rest;
     const hasPrefix = Boolean(prefix);
     const hasSuffix = Boolean(suffix) || loading;
     const isFullWidth = fullWidth ?? true;
     const {
       "aria-invalid": ariaInvalidProp,
       "aria-describedby": ariaDescribedByProp,
-      onChange: onChangeProp,
-      ...inputProps
+      onChange: onChangeProp
     } = rest;
     const ariaInvalid = invalid ?? ariaInvalidProp;
     const messageId = React4__namespace.useId();
@@ -1355,7 +1355,7 @@ var Input = React4__namespace.forwardRef(
       return inputWithAffixes;
     }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1", isFullWidth ? "w-full" : "w-fit", wrapperClassName), children: [
-      hasPrefix || hasSuffix ? inputWithAffixes : inputElement,
+      inputWithAffixes,
       /* @__PURE__ */ jsxRuntime.jsxs(
         "p",
         {
@@ -4396,9 +4396,6 @@ var DataTable = ({
       columnResizeMode: columnResizing?.enabled ? columnResizing?.resizeMode ?? "onChange" : "onChange"
     })
   });
-  if (isDefined(tableRef) && !isDefined(tableRef?.current)) {
-    tableRef.current = table;
-  }
   const tableContainerRef = React4.useRef(null);
   const isTableEmpty = table.getCoreRowModel().rows.length === 0;
   const isTableEmptyAfterFiltering = table.getRowModel().rows.length === 0;
@@ -4476,6 +4473,13 @@ var DataTable = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [scrollFetch?.enabled, scrollFetch?.isFetchingMore, scrollFetch?.hasMore, scrollFetch?.fetchMore]
   );
+  React4.useEffect(() => {
+    if (!tableRef) return;
+    tableRef.current = table;
+    return () => {
+      tableRef.current = null;
+    };
+  }, [tableRef, table]);
   React4.useEffect(() => {
     fetchMoreOnScrollReached(tableContainerRef.current);
   }, [fetchMoreOnScrollReached]);