@turtleclub/ui 0.7.0-beta.2 → 0.7.0-beta.4

package/dist/types/components/features/data-table/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EACL,SAAS,EAQT,eAAe,EACf,GAAG,EAEH,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAqC/B,KAAK,cAAc,CAAC,KAAK,EAAE,MAAM,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAGxE,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,KAAK,EAAE,OAAO,CAAC,CAAC;IAGvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAG3D,IAAI,CAAC,EAAE;QACL,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,KAAK,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC;QACxB,cAAc,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;KAClC,CAAC;IAEF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,cAAmB,EACnB,uBAAuB,EACvB,IAAgB,EAChB,IAAI,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EAEV,eAAuB,EACvB,aAAqB,EACrB,gBAAwB,EACxB,SAAS,EACT,QAAQ,EACR,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EAAE,yBAAyB,EAC1C,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,EAAE,8BAA8B,EACpD,UAAU,EAAE,oBAAoB,EAChC,kBAAkB,EAAE,4BAA4B,GACjD,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CA4X/B"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EACL,SAAS,EAQT,eAAe,EACf,GAAG,EAEH,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAqC/B,KAAK,cAAc,CAAC,KAAK,EAAE,MAAM,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAGxE,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,KAAK,EAAE,OAAO,CAAC,CAAC;IAGvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAG3D,IAAI,CAAC,EAAE;QACL,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,KAAK,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC;QACxB,cAAc,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;KAClC,CAAC;IAEF,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,cAAmB,EACnB,uBAAuB,EACvB,IAAgB,EAChB,IAAI,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EAEV,eAAuB,EACvB,aAAqB,EACrB,gBAAwB,EACxB,SAAS,EACT,QAAQ,EACR,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EAAE,yBAAyB,EAC1C,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,EAAE,8BAA8B,EACpD,UAAU,EAAE,oBAAoB,EAChC,kBAAkB,EAAE,4BAA4B,GACjD,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAsY/B"}

package/dist/types/components/ui/combobox.d.ts

@@ -77,6 +77,11 @@ interface ComboboxProps<T = string> extends Omit<React.ButtonHTMLAttributes<HTML
      * Receives an array of the new selected values.
      */
     onValueChange: (value: T) => void;
+    /**
+     * Custom renderer for the selected value displayed in the input.
+     * @param option The currently selected option object.
+     */
+    renderValue?: (option: ComboboxOption<T>) => React.ReactNode;
     /** The default selected values when the component mounts. */
     defaultValue?: T;
     /**
@@ -111,6 +116,11 @@ interface ComboboxProps<T = string> extends Omit<React.ButtonHTMLAttributes<HTML
      * Optional, defaults to true.
      */
     searchable?: boolean;
+    /**
+     * If true, searching will also check the 'value' field in addition to 'label'.
+     * Optional, defaults to false.
+     */
+    searchByValue?: boolean;
     /**
      * Custom empty state message when no options match search.
      * Optional, defaults to "No results found."

package/dist/types/components/ui/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turtleclub/ui",
-  "version": "0.7.0-beta.2",
+  "version": "0.7.0-beta.4",
   "description": "shadcn/ui and custom Turtle UI components library",
   "license": "MIT",
   "repository": {
@@ -84,5 +84,5 @@
     "vite": "^7.1.6",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "f7b8bd4f1b705bddc75960c371c87537598f9b13"
+  "gitHead": "64ab8549fe80c0901dc1fcb71289a183f957ae03"
 }

package/src/components/features/data-table/data-table.tsx

@@ -383,7 +383,17 @@ export function DataTable<TData, TValue>({
                 <TableRow>
                   {headers.map((header) => {
                     return (
-                      <TableHead key={header.id}>
+                      <TableHead
+                        key={header.id}
+                        style={{
+                          width: header.column.columnDef.size,
+                          minWidth: header.column.columnDef.minSize,
+                          maxWidth: header.column.columnDef.maxSize,
+                        }}
+                        className={
+                          (header.column.columnDef.meta as any)?.className
+                        }
+                      >
                         <SortableHeader header={header} />
                       </TableHead>
                     );

package/src/components/ui/combobox.tsx

@@ -97,12 +97,19 @@ interface ComboboxProps<T = string>
    * An array of option objects or groups to be displayed in the multi-select component.
    */
   options: ComboboxOption<T>[];
+
   /**
    * Callback function triggered when the selected values change.
    * Receives an array of the new selected values.
    */
   onValueChange: (value: T) => void;
 
+  /**
+   * Custom renderer for the selected value displayed in the input.
+   * @param option The currently selected option object.
+   */
+  renderValue?: (option: ComboboxOption<T>) => React.ReactNode;
+
   /** The default selected values when the component mounts. */
   defaultValue?: T;
 
@@ -144,6 +151,12 @@ interface ComboboxProps<T = string>
    */
   searchable?: boolean;
 
+  /**
+   * If true, searching will also check the 'value' field in addition to 'label'.
+   * Optional, defaults to false.
+   */
+  searchByValue?: boolean;
+
   /**
    * Custom empty state message when no options match search.
    * Optional, defaults to "No results found."
@@ -258,6 +271,8 @@ const ComboboxComponent = <T = string,>(
     minWidth,
     maxWidth,
     closeOnSelect = false,
+    renderValue,
+    searchByValue = false,
     ...restProps
   } = props;
 
@@ -423,12 +438,21 @@ const ComboboxComponent = <T = string,>(
     if (!searchable || !searchValue) return options;
     if (options.length === 0) return [];
 
-    return options.filter(
-      (option) =>
-        option.label.toLowerCase().includes(searchValue.toLowerCase()) ||
-        String(option.value).toLowerCase().includes(searchValue.toLowerCase()),
-    );
-  }, [options, searchValue, searchable]);
+    return options.filter((option) => {
+      const labelMatch = option.label
+        .toLowerCase()
+        .includes(searchValue.toLowerCase());
+      if (!searchByValue) return labelMatch;
+
+      const val = option.value;
+      const valueMatch =
+        typeof val === "string" || typeof val === "number"
+          ? String(val).toLowerCase().includes(searchValue.toLowerCase())
+          : false;
+
+      return labelMatch || valueMatch;
+    });
+  }, [options, searchValue, searchable, searchByValue]);
 
   // const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
   //   if (event.key === "Enter") {
@@ -555,6 +579,11 @@ const ComboboxComponent = <T = string,>(
                     const selectedOption = options.find(
                       (op) => op.value === selectedValue,
                     );
+
+                    if (renderValue && selectedOption) {
+                      return renderValue(selectedOption);
+                    }
+
                     return (
                       <>
                         {selectedOption?.icon && (