@firecms/ui 3.0.0-canary.123 → 3.0.0-canary.125

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,7 +1,7 @@
1
1
  {
2
2
  "name": "@firecms/ui",
3
3
  "type": "module",
4
- "version": "3.0.0-canary.123",
4
+ "version": "3.0.0-canary.125",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/firecmsco"
@@ -105,7 +105,7 @@
105
105
  "src",
106
106
  "tailwind.config.js"
107
107
  ],
108
- "gitHead": "e1e5cea937b902c939ac7505d91d8209d19a0b09",
108
+ "gitHead": "501db4cb508b17b75c72c1244cdf88e25f8c1e47",
109
109
  "publishConfig": {
110
110
  "access": "public"
111
111
  }
@@ -5,7 +5,8 @@ import {
5
5
  fieldBackgroundDisabledMixin,
6
6
  fieldBackgroundHoverMixin,
7
7
  fieldBackgroundInvisibleMixin,
8
- fieldBackgroundMixin
8
+ fieldBackgroundMixin,
9
+ focusedDisabled
9
10
  } from "../styles";
10
11
  import { CheckIcon, ExpandMoreIcon } from "../icons";
11
12
  import { cls } from "../util";
@@ -140,7 +141,6 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
140
141
  }}
141
142
  placeholder={placeholder}
142
143
  className={"w-full"}>
143
- {!hasValue && placeholder}
144
144
  {hasValue && value && renderValue ? renderValue(value) : placeholder}
145
145
  {hasValue && !renderValue && value}
146
146
  </SelectPrimitive.Value>
@@ -162,7 +162,7 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
162
162
  </div>
163
163
  <SelectPrimitive.Portal>
164
164
  <SelectPrimitive.Content position={position}
165
- className={cls("z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
165
+ className={cls(focusedDisabled, "z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
166
166
  <SelectPrimitive.Viewport className={"p-1"}
167
167
  style={{ maxHeight: "var(--radix-select-content-available-height)" }}>
168
168
  {children}
@@ -206,8 +206,7 @@ export function SelectItem({
206
206
  "[&>*]:w-full",
207
207
  "overflow-visible",
208
208
  className
209
- )}
210
- >
209
+ )}>
211
210
  <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
212
211
  <div
213
212
  className="absolute left-1 data-[state=checked]:block hidden">
@@ -53,7 +53,7 @@ export const Sheet: React.FC<SheetProps> = ({
53
53
  <DialogPrimitive.Root open={displayed || open}
54
54
  onOpenChange={onOpenChange}>
55
55
  <DialogPrimitive.Portal>
56
- <DialogPrimitive.Title>
56
+ <DialogPrimitive.Title autoFocus tabIndex={0}>
57
57
  {title ?? "Sheet"}
58
58
  </DialogPrimitive.Title>
59
59
  <DialogPrimitive.Overlay
@@ -18,6 +18,7 @@ export type TooltipProps = {
18
18
  tooltipStyle?: React.CSSProperties;
19
19
  children: React.ReactNode,
20
20
  className?: string,
21
+ container?: HTMLElement,
21
22
  style?: React.CSSProperties;
22
23
  };
23
24
 
@@ -34,6 +35,7 @@ export const Tooltip = ({
34
35
  tooltipStyle,
35
36
  children,
36
37
  asChild = false,
38
+ container,
37
39
  className,
38
40
  style
39
41
  }: TooltipProps) => {
@@ -57,7 +59,7 @@ export const Tooltip = ({
57
59
  <TooltipPrimitive.Provider delayDuration={delayDuration}>
58
60
  <TooltipPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>
59
61
  {trigger}
60
- <TooltipPrimitive.Portal>
62
+ <TooltipPrimitive.Portal container={container}>
61
63
  <TooltipPrimitive.Content
62
64
  className={cls("TooltipContent",
63
65
  "max-w-lg leading-relaxed",