@lotics/ui 11.7.2 → 11.7.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lotics/ui",
3
- "version": "11.7.2",
3
+ "version": "11.7.3",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./tokens": "./src/tokens.ts",
package/src/combobox.tsx CHANGED
@@ -511,7 +511,6 @@ export function ComboboxContent(props: ComboboxContentProps) {
511
511
  const label = opt.label ?? opt.value;
512
512
  const content = !isCustom ? renderOptionContent?.(opt) : undefined;
513
513
  const shared = {
514
- key: `${row.kind}-${opt.value}`,
515
514
  nativeID: row.nativeID,
516
515
  testID: isCustom ? "combobox-custom-option" : `combobox-option-${opt.value}`,
517
516
  role: "option" as const,
@@ -526,9 +525,10 @@ export function ComboboxContent(props: ComboboxContentProps) {
526
525
  // Rich row (custom content, or a label over its description) → the growing
527
526
  // `MenuListItem`; a plain option stays the fixed-height `MenuButton`.
528
527
  return content || desc ? (
529
- <MenuListItem {...shared} title={content ?? label} description={content ? undefined : desc} />
528
+ <MenuListItem key={`${row.kind}-${opt.value}`} {...shared} title={content ?? label} description={content ? undefined : desc} />
530
529
  ) : (
531
530
  <MenuButton
531
+ key={`${row.kind}-${opt.value}`}
532
532
  {...shared}
533
533
  title={
534
534
  <Text userSelect="none" numberOfLines={1} weight={isCustom ? "medium" : undefined}>
@@ -122,7 +122,6 @@ export function OptionList<T extends string, MULTI extends boolean = false, D =
122
122
  const label = opt.label ?? opt.value;
123
123
  const content = row.kind === "option" ? renderOptionContent?.(opt) : undefined;
124
124
  const shared = {
125
- key: `${row.kind}-${opt.value}`,
126
125
  nativeID: row.nativeID,
127
126
  testID: isCustom ? "option-list-custom" : opt.testID || `picker-option-${opt.value}`,
128
127
  role: "option" as const,
@@ -146,9 +145,10 @@ export function OptionList<T extends string, MULTI extends boolean = false, D =
146
145
  // description — is `MenuListItem`: the listbox row that GROWS. `MenuButton` is
147
146
  // the fixed-height single-line menu row, and stays that for plain options.
148
147
  return content || desc ? (
149
- <MenuListItem {...shared} title={content ?? label} description={content ? undefined : desc} />
148
+ <MenuListItem key={`${row.kind}-${opt.value}`} {...shared} title={content ?? label} description={content ? undefined : desc} />
150
149
  ) : (
151
150
  <MenuButton
151
+ key={`${row.kind}-${opt.value}`}
152
152
  {...shared}
153
153
  title={
154
154
  <Text userSelect="none" numberOfLines={1} weight={isCustom ? "medium" : undefined}>