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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/.turbo/turbo-build.log +119 -119
  2. package/CHANGELOG.md +4 -0
  3. package/dist/index.cjs +16 -16
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +3076 -3068
  6. package/dist/index.js.map +1 -1
  7. package/dist/types/components/ui/combobox.d.ts +10 -0
  8. package/dist/types/components/ui/combobox.d.ts.map +1 -1
  9. package/package.json +2 -2
  10. package/src/components/ui/combobox.tsx +35 -6
package/dist/types/components/ui/combobox.d.ts CHANGED
@@ -77,6 +77,11 @@ interface ComboboxProps<T = string> extends Omit<React.ButtonHTMLAttributes<HTML
77
77
  * Receives an array of the new selected values.
78
78
  */
79
79
  onValueChange: (value: T) => void;
80
+ /**
81
+ * Custom renderer for the selected value displayed in the input.
82
+ * @param option The currently selected option object.
83
+ */
84
+ renderValue?: (option: ComboboxOption<T>) => React.ReactNode;
80
85
  /** The default selected values when the component mounts. */
81
86
  defaultValue?: T;
82
87
  /**
@@ -111,6 +116,11 @@ interface ComboboxProps<T = string> extends Omit<React.ButtonHTMLAttributes<HTML
111
116
  * Optional, defaults to true.
112
117
  */
113
118
  searchable?: boolean;
119
+ /**
120
+ * If true, searching will also check the 'value' field in addition to 'label'.
121
+ * Optional, defaults to false.
122
+ */
123
+ searchByValue?: boolean;
114
124
  /**
115
125
  * Custom empty state message when no options match search.
116
126
  * Optional, defaults to "No results found."
package/dist/types/components/ui/combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,cAAc,CAAC,CAAC,GAAG,MAAM;IACjC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,EAAE,CAAC,CAAC;IACT,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAEpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,UAAU,aAAa,CAAC,CAAC,GAAG,MAAM,CAChC,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,GAAG,cAAc,CACnC;IACD;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAElC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EACP,OAAO,GACP;QACE,iDAAiD;QACjD,MAAM,CAAC,EAAE;YACP,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,OAAO,CAAC;YACpB,WAAW,CAAC,EAAE,OAAO,CAAC;SACvB,CAAC;QACF,wDAAwD;QACxD,MAAM,CAAC,EAAE;YACP,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,OAAO,CAAC;YACpB,WAAW,CAAC,EAAE,OAAO,CAAC;SACvB,CAAC;QACF,mDAAmD;QACnD,OAAO,CAAC,EAAE;YACR,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,OAAO,CAAC;YACpB,WAAW,CAAC,EAAE,OAAO,CAAC;SACvB,CAAC;KACH,CAAC;IAEN;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAudD,QAAA,MAAM,kBAAkB,EAA0C,CAAC,CAAC,GAAG,MAAM,EAC3E,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KACvD,KAAK,CAAC,YAAY,CAAC;AAKxB,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turtleclub/ui",
3
- "version": "0.7.0-beta.3",
3
+ "version": "0.7.0-beta.4",
4
4
  "description": "shadcn/ui and custom Turtle UI components library",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -84,5 +84,5 @@
84
84
  "vite": "^7.1.6",
85
85
  "vite-plugin-dts": "^4.5.4"
86
86
  },
87
- "gitHead": "b9ca4d249faaa0c8fb302f67e35b83f81565fea3"
87
+ "gitHead": "64ab8549fe80c0901dc1fcb71289a183f957ae03"
88
88
  }
package/src/components/ui/combobox.tsx CHANGED
@@ -97,12 +97,19 @@ interface ComboboxProps<T = string>
97
97
  * An array of option objects or groups to be displayed in the multi-select component.
98
98
  */
99
99
  options: ComboboxOption<T>[];
100
+
100
101
  /**
101
102
  * Callback function triggered when the selected values change.
102
103
  * Receives an array of the new selected values.
103
104
  */
104
105
  onValueChange: (value: T) => void;
105
106
 
107
+ /**
108
+ * Custom renderer for the selected value displayed in the input.
109
+ * @param option The currently selected option object.
110
+ */
111
+ renderValue?: (option: ComboboxOption<T>) => React.ReactNode;
112
+
106
113
  /** The default selected values when the component mounts. */
107
114
  defaultValue?: T;
108
115
 
@@ -144,6 +151,12 @@ interface ComboboxProps<T = string>
144
151
  */
145
152
  searchable?: boolean;
146
153
 
154
+ /**
155
+ * If true, searching will also check the 'value' field in addition to 'label'.
156
+ * Optional, defaults to false.
157
+ */
158
+ searchByValue?: boolean;
159
+
147
160
  /**
148
161
  * Custom empty state message when no options match search.
149
162
  * Optional, defaults to "No results found."
@@ -258,6 +271,8 @@ const ComboboxComponent = <T = string,>(
258
271
  minWidth,
259
272
  maxWidth,
260
273
  closeOnSelect = false,
274
+ renderValue,
275
+ searchByValue = false,
261
276
  ...restProps
262
277
  } = props;
263
278
 
@@ -423,12 +438,21 @@ const ComboboxComponent = <T = string,>(
423
438
  if (!searchable || !searchValue) return options;
424
439
  if (options.length === 0) return [];
425
440
 
426
- return options.filter(
427
- (option) =>
428
- option.label.toLowerCase().includes(searchValue.toLowerCase()) ||
429
- String(option.value).toLowerCase().includes(searchValue.toLowerCase()),
430
- );
431
- }, [options, searchValue, searchable]);
441
+ return options.filter((option) => {
442
+ const labelMatch = option.label
443
+ .toLowerCase()
444
+ .includes(searchValue.toLowerCase());
445
+ if (!searchByValue) return labelMatch;
446
+
447
+ const val = option.value;
448
+ const valueMatch =
449
+ typeof val === "string" || typeof val === "number"
450
+ ? String(val).toLowerCase().includes(searchValue.toLowerCase())
451
+ : false;
452
+
453
+ return labelMatch || valueMatch;
454
+ });
455
+ }, [options, searchValue, searchable, searchByValue]);
432
456
 
433
457
  // const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
434
458
  // if (event.key === "Enter") {
@@ -555,6 +579,11 @@ const ComboboxComponent = <T = string,>(
555
579
  const selectedOption = options.find(
556
580
  (op) => op.value === selectedValue,
557
581
  );
582
+
583
+ if (renderValue && selectedOption) {
584
+ return renderValue(selectedOption);
585
+ }
586
+
558
587
  return (
559
588
  <>
560
589
  {selectedOption?.icon && (