@lobb-js/studio 0.44.0 → 0.44.1

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.
@@ -477,7 +477,12 @@
477
477
  {@const kind = getFieldKind(rule.field)}
478
478
  {@const FieldIcon = getFieldIcon(ctx, rule.field, collectionName)}
479
479
  <!-- Field picker — typeahead popover, same widget Sort uses -->
480
- <Popover.Root bind:open={fieldPickerOpen[rule.id]}>
480
+ <Popover.Root
481
+ bind:open={
482
+ () => fieldPickerOpen[rule.id] ?? false,
483
+ (v) => (fieldPickerOpen[rule.id] = v)
484
+ }
485
+ >
481
486
  <Popover.Trigger
482
487
  class="inline-flex h-7 w-36 items-center justify-between gap-1.5 rounded-md border bg-muted px-2 text-xs"
483
488
  >
@@ -64,6 +64,7 @@
64
64
  {/if}
65
65
  </Popover.Trigger>
66
66
  <Popover.Content
67
+ trapFocus={false}
67
68
  class="
68
69
  w-screen p-0
69
70
  transition-[max-width] duration-150
@@ -208,6 +208,7 @@
208
208
  class="
209
209
  sticky top-0 z-10
210
210
  flex items-center p-2.5 text-xs h-10
211
+ min-w-0
211
212
  bg-muted
212
213
  {lastColumn && !showLastColumnBorder ? '' : 'border-r'}
213
214
  border-b gap-2
@@ -276,7 +277,7 @@
276
277
  onclick={() => {
277
278
  select?.onSelect(entry);
278
279
  }}
279
- class="flex items-center p-2.5 text-xs h-10 text-nowrap overflow-clip bg-card {select ? 'cursor-pointer hover:bg-accent' : ''} {lastColumn && !showLastColumnBorder ? '' : 'border-r'} {onCellClass?.(entry, index + 1) ?? ''}"
280
+ class="flex items-center p-2.5 text-xs h-10 text-nowrap overflow-clip min-w-0 bg-card {select ? 'cursor-pointer hover:bg-accent' : ''} {lastColumn && !showLastColumnBorder ? '' : 'border-r'} {onCellClass?.(entry, index + 1) ?? ''}"
280
281
  >
281
282
  {#if overrideCell}
282
283
  {@render overrideCell(fieldValue, column, entry)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lobb-js/studio",
3
3
  "license": "UNLICENSED",
4
- "version": "0.44.0",
4
+ "version": "0.44.1",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -45,7 +45,7 @@
45
45
  "postpublish": "./scripts/postpublish.sh"
46
46
  },
47
47
  "devDependencies": {
48
- "@lobb-js/core": "^0.38.0",
48
+ "@lobb-js/core": "^0.38.1",
49
49
  "@chromatic-com/storybook": "^4.1.2",
50
50
  "@playwright/test": "^1.60.0",
51
51
  "@storybook/addon-a11y": "^10.0.1",
@@ -477,7 +477,12 @@
477
477
  {@const kind = getFieldKind(rule.field)}
478
478
  {@const FieldIcon = getFieldIcon(ctx, rule.field, collectionName)}
479
479
  <!-- Field picker — typeahead popover, same widget Sort uses -->
480
- <Popover.Root bind:open={fieldPickerOpen[rule.id]}>
480
+ <Popover.Root
481
+ bind:open={
482
+ () => fieldPickerOpen[rule.id] ?? false,
483
+ (v) => (fieldPickerOpen[rule.id] = v)
484
+ }
485
+ >
481
486
  <Popover.Trigger
482
487
  class="inline-flex h-7 w-36 items-center justify-between gap-1.5 rounded-md border bg-muted px-2 text-xs"
483
488
  >
@@ -64,6 +64,7 @@
64
64
  {/if}
65
65
  </Popover.Trigger>
66
66
  <Popover.Content
67
+ trapFocus={false}
67
68
  class="
68
69
  w-screen p-0
69
70
  transition-[max-width] duration-150
@@ -208,6 +208,7 @@
208
208
  class="
209
209
  sticky top-0 z-10
210
210
  flex items-center p-2.5 text-xs h-10
211
+ min-w-0
211
212
  bg-muted
212
213
  {lastColumn && !showLastColumnBorder ? '' : 'border-r'}
213
214
  border-b gap-2
@@ -276,7 +277,7 @@
276
277
  onclick={() => {
277
278
  select?.onSelect(entry);
278
279
  }}
279
- class="flex items-center p-2.5 text-xs h-10 text-nowrap overflow-clip bg-card {select ? 'cursor-pointer hover:bg-accent' : ''} {lastColumn && !showLastColumnBorder ? '' : 'border-r'} {onCellClass?.(entry, index + 1) ?? ''}"
280
+ class="flex items-center p-2.5 text-xs h-10 text-nowrap overflow-clip min-w-0 bg-card {select ? 'cursor-pointer hover:bg-accent' : ''} {lastColumn && !showLastColumnBorder ? '' : 'border-r'} {onCellClass?.(entry, index + 1) ?? ''}"
280
281
  >
281
282
  {#if overrideCell}
282
283
  {@render overrideCell(fieldValue, column, entry)}