@firecms/ui 3.0.0-canary.154 → 3.0.0-canary.155
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/dist/components/DialogContent.d.ts +2 -1
- package/dist/components/DialogTitle.d.ts +2 -1
- package/dist/components/Select.d.ts +1 -0
- package/dist/index.es.js +38975 -8367
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +38975 -8368
- package/dist/index.umd.js.map +1 -1
- package/package.json +5 -3
- package/src/components/Avatar.tsx +1 -0
- package/src/components/BooleanSwitch.tsx +1 -0
- package/src/components/Button.tsx +1 -0
- package/src/components/CenteredView.tsx +1 -0
- package/src/components/Container.tsx +1 -0
- package/src/components/DialogContent.tsx +6 -2
- package/src/components/DialogTitle.tsx +5 -1
- package/src/components/IconButton.tsx +1 -0
- package/src/components/InputLabel.tsx +1 -0
- package/src/components/Label.tsx +1 -0
- package/src/components/Menu.tsx +1 -0
- package/src/components/RadioGroup.tsx +1 -0
- package/src/components/Select.tsx +10 -4
- package/src/components/Slider.tsx +1 -0
- package/src/components/Tabs.tsx +0 -2
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.
|
|
4
|
+
"version": "3.0.0-canary.155",
|
|
5
5
|
"description": "Awesome Firebase/Firestore-based headless open-source CMS",
|
|
6
6
|
"funding": {
|
|
7
7
|
"url": "https://github.com/sponsors/firecmsco"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"repository": {
|
|
12
12
|
"type": "git",
|
|
13
|
-
"url": "
|
|
13
|
+
"url": "https://github.com/firecmsco/firecms.git",
|
|
14
14
|
"directory": "packages/ui"
|
|
15
15
|
},
|
|
16
16
|
"main": "./dist/index.umd.js",
|
|
@@ -95,7 +95,9 @@
|
|
|
95
95
|
"@types/react-dom": "^18.3.1",
|
|
96
96
|
"@types/react-measure": "^2.0.12",
|
|
97
97
|
"@vitejs/plugin-react": "^4.3.3",
|
|
98
|
+
"babel-plugin-react-compiler": "beta",
|
|
98
99
|
"cross-env": "^7.0.3",
|
|
100
|
+
"eslint-plugin-react-compiler": "beta",
|
|
99
101
|
"firebase": "^10.14.1",
|
|
100
102
|
"jest": "^29.7.0",
|
|
101
103
|
"npm-run-all": "^4.1.5",
|
|
@@ -112,7 +114,7 @@
|
|
|
112
114
|
"index.css",
|
|
113
115
|
"tailwind.config.js"
|
|
114
116
|
],
|
|
115
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "c9b71679d709242ff3a47ec56a0ecf980ec76564",
|
|
116
118
|
"publishConfig": {
|
|
117
119
|
"access": "public"
|
|
118
120
|
}
|
|
@@ -4,9 +4,11 @@ import { cls } from "../util";
|
|
|
4
4
|
export function DialogContent({
|
|
5
5
|
children,
|
|
6
6
|
className,
|
|
7
|
-
fullHeight
|
|
7
|
+
fullHeight,
|
|
8
|
+
includeMargin = true
|
|
8
9
|
}: {
|
|
9
10
|
children: React.ReactNode,
|
|
11
|
+
includeMargin?: boolean,
|
|
10
12
|
fullHeight?: boolean,
|
|
11
13
|
className?: string
|
|
12
14
|
}) {
|
|
@@ -17,7 +19,9 @@ export function DialogContent({
|
|
|
17
19
|
</div>;
|
|
18
20
|
|
|
19
21
|
return <div
|
|
20
|
-
className={cls("
|
|
22
|
+
className={cls("h-full flex-grow",
|
|
23
|
+
{ "my-6 mx-6": includeMargin },
|
|
24
|
+
className)}>
|
|
21
25
|
{children}
|
|
22
26
|
</div>;
|
|
23
27
|
}
|
|
@@ -8,6 +8,7 @@ export type DialogContentProps = TypographyProps & {
|
|
|
8
8
|
children: React.ReactNode,
|
|
9
9
|
hidden?: boolean,
|
|
10
10
|
className?: string,
|
|
11
|
+
includeMargin?: boolean,
|
|
11
12
|
variant?: TypographyVariant
|
|
12
13
|
};
|
|
13
14
|
|
|
@@ -16,12 +17,15 @@ export function DialogTitle({
|
|
|
16
17
|
hidden,
|
|
17
18
|
className,
|
|
18
19
|
variant = "subtitle2",
|
|
20
|
+
gutterBottom = true,
|
|
21
|
+
includeMargin = true,
|
|
19
22
|
...props
|
|
20
23
|
}: DialogContentProps) {
|
|
21
24
|
|
|
22
25
|
const title = <DialogPrimitive.Title asChild>
|
|
23
26
|
<Typography variant={variant}
|
|
24
|
-
className={cls("mt-8
|
|
27
|
+
className={cls({ "mt-8 mx-6": includeMargin }, className)}
|
|
28
|
+
gutterBottom={gutterBottom}
|
|
25
29
|
{...props}>
|
|
26
30
|
{children}
|
|
27
31
|
</Typography>
|
package/src/components/Label.tsx
CHANGED
package/src/components/Menu.tsx
CHANGED
|
@@ -16,6 +16,7 @@ import { SelectInputLabel } from "./common/SelectInputLabel";
|
|
|
16
16
|
export type SelectProps = {
|
|
17
17
|
open?: boolean,
|
|
18
18
|
name?: string,
|
|
19
|
+
fullWidth?: boolean,
|
|
19
20
|
id?: string,
|
|
20
21
|
onOpenChange?: (open: boolean) => void,
|
|
21
22
|
value?: string,
|
|
@@ -41,6 +42,7 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
|
|
|
41
42
|
inputRef,
|
|
42
43
|
open,
|
|
43
44
|
name,
|
|
45
|
+
fullWidth = false,
|
|
44
46
|
id,
|
|
45
47
|
onOpenChange,
|
|
46
48
|
value,
|
|
@@ -105,7 +107,9 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
|
|
|
105
107
|
{
|
|
106
108
|
"min-h-[28px]": size === "small",
|
|
107
109
|
"min-h-[42px]": size === "medium",
|
|
108
|
-
"min-h-[64px]": size === "large"
|
|
110
|
+
"min-h-[64px]": size === "large",
|
|
111
|
+
"w-fit": !fullWidth,
|
|
112
|
+
"w-full": fullWidth
|
|
109
113
|
}
|
|
110
114
|
)}>
|
|
111
115
|
<SelectPrimitive.Trigger
|
|
@@ -114,7 +118,7 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
|
|
|
114
118
|
asChild
|
|
115
119
|
>
|
|
116
120
|
<div className={cls(
|
|
117
|
-
"
|
|
121
|
+
"h-full",
|
|
118
122
|
padding ? {
|
|
119
123
|
"px-4": size === "large",
|
|
120
124
|
"px-3": size === "medium",
|
|
@@ -129,14 +133,16 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
|
|
|
129
133
|
{
|
|
130
134
|
"min-h-[28px]": size === "small",
|
|
131
135
|
"min-h-[42px]": size === "medium",
|
|
132
|
-
"min-h-[64px]": size === "large"
|
|
136
|
+
"min-h-[64px]": size === "large",
|
|
137
|
+
"w-full": fullWidth,
|
|
138
|
+
"w-fit": !fullWidth
|
|
133
139
|
},
|
|
134
140
|
inputClassName
|
|
135
141
|
)}>
|
|
136
142
|
<div
|
|
137
143
|
ref={ref}
|
|
138
144
|
className={cls(
|
|
139
|
-
"flex-grow
|
|
145
|
+
"flex-grow max-w-full flex flex-row gap-2 items-center",
|
|
140
146
|
"overflow-visible",
|
|
141
147
|
{
|
|
142
148
|
"min-h-[28px]": size === "small",
|
package/src/components/Tabs.tsx
CHANGED
|
@@ -53,8 +53,6 @@ export function Tab({
|
|
|
53
53
|
: cls("text-surface-accent-700 dark:text-surface-accent-300",
|
|
54
54
|
"data-[state=active]:text-surface-accent-900 data-[state=active]:dark:text-white",
|
|
55
55
|
"hover:text-surface-accent-800 dark:hover:text-surface-accent-200"),
|
|
56
|
-
// disabled ? "text-surface-accent-400 dark:text-surface-accent-500" : "data-[state=active]:text-primary",
|
|
57
|
-
// "data-[state=active]:bg-surface-accent-50 data-[state=active]:dark:bg-surface-accent-800",
|
|
58
56
|
className)}>
|
|
59
57
|
<div className={cls("uppercase inline-block p-2 px-4 m-2 rounded",
|
|
60
58
|
"hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800",
|