create-ej-app 2.6.0 → 2.7.0

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 (11) hide show
  1. package/package.json +1 -1
  2. package/template/advanced/components.json +1 -1
  3. package/template/advanced/src/components/ui/alert-dialog.tsx +3 -7
  4. package/template/advanced/src/components/ui/button.tsx +1 -1
  5. package/template/advanced/src/components/ui/dialog.tsx +6 -7
  6. package/template/advanced/src/components/ui/table.tsx +1 -1
  7. package/template/base/components.json +1 -1
  8. package/template/base/src/components/ui/alert-dialog.tsx +3 -7
  9. package/template/base/src/components/ui/button.tsx +1 -1
  10. package/template/base/src/components/ui/dialog.tsx +6 -7
  11. package/template/base/src/components/ui/table.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-ej-app",
3
- "version": "2.6.0",
3
+ "version": "2.7.0",
4
4
  "description": "Bootstrap a next.js app with my preferred setup",
5
5
  "main": "cli.js",
6
6
  "scripts": {
package/template/advanced/components.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "rsc": true,
5
5
  "tsx": true,
6
6
  "tailwind": {
7
- "config": "tailwind.config.cjs",
7
+ "config": "tailwind.config.ts",
8
8
  "css": "src/styles/globals.css",
9
9
  "baseColor": "neutral",
10
10
  "cssVariables": true
package/template/advanced/src/components/ui/alert-dialog.tsx CHANGED
@@ -10,13 +10,7 @@ const AlertDialog = AlertDialogPrimitive.Root
10
10
 
11
11
  const AlertDialogTrigger = AlertDialogPrimitive.Trigger
12
12
 
13
- const AlertDialogPortal = ({
14
- className,
15
- ...props
16
- }: AlertDialogPrimitive.AlertDialogPortalProps) => (
17
- <AlertDialogPrimitive.Portal className={cn(className)} {...props} />
18
- )
19
- AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName
13
+ const AlertDialogPortal = AlertDialogPrimitive.Portal
20
14
 
21
15
  const AlertDialogOverlay = React.forwardRef<
22
16
  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
@@ -140,6 +134,8 @@ export {
140
134
  AlertDialogDescription,
141
135
  AlertDialogFooter,
142
136
  AlertDialogHeader,
137
+ AlertDialogOverlay,
138
+ AlertDialogPortal,
143
139
  AlertDialogTitle,
144
140
  AlertDialogTrigger
145
141
  }
package/template/advanced/src/components/ui/button.tsx CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react'
5
5
  import { cn } from '@/lib/cn'
6
6
 
7
7
  const buttonVariants = cva(
8
- 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
8
+ 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
9
9
  {
10
10
  variants: {
11
11
  variant: {
package/template/advanced/src/components/ui/dialog.tsx CHANGED
@@ -10,13 +10,9 @@ const Dialog = DialogPrimitive.Root
10
10
 
11
11
  const DialogTrigger = DialogPrimitive.Trigger
12
12
 
13
- const DialogPortal = ({
14
- className,
15
- ...props
16
- }: DialogPrimitive.DialogPortalProps) => (
17
- <DialogPrimitive.Portal className={cn(className)} {...props} />
18
- )
19
- DialogPortal.displayName = DialogPrimitive.Portal.displayName
13
+ const DialogPortal = DialogPrimitive.Portal
14
+
15
+ const DialogClose = DialogPrimitive.Close
20
16
 
21
17
  const DialogOverlay = React.forwardRef<
22
18
  React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -114,10 +110,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName
114
110
 
115
111
  export {
116
112
  Dialog,
113
+ DialogClose,
117
114
  DialogContent,
118
115
  DialogDescription,
119
116
  DialogFooter,
120
117
  DialogHeader,
118
+ DialogOverlay,
119
+ DialogPortal,
121
120
  DialogTitle,
122
121
  DialogTrigger
123
122
  }
package/template/advanced/src/components/ui/table.tsx CHANGED
@@ -6,7 +6,7 @@ const Table = React.forwardRef<
6
6
  HTMLTableElement,
7
7
  React.HTMLAttributes<HTMLTableElement>
8
8
  >(({ className, ...props }, ref) => (
9
- <div className="w-full overflow-auto">
9
+ <div className="relative w-full overflow-auto">
10
10
  <table
11
11
  ref={ref}
12
12
  className={cn('w-full caption-bottom text-sm', className)}
package/template/base/components.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "rsc": true,
5
5
  "tsx": true,
6
6
  "tailwind": {
7
- "config": "tailwind.config.cjs",
7
+ "config": "tailwind.config.ts",
8
8
  "css": "src/styles/globals.css",
9
9
  "baseColor": "neutral",
10
10
  "cssVariables": true
package/template/base/src/components/ui/alert-dialog.tsx CHANGED
@@ -10,13 +10,7 @@ const AlertDialog = AlertDialogPrimitive.Root
10
10
 
11
11
  const AlertDialogTrigger = AlertDialogPrimitive.Trigger
12
12
 
13
- const AlertDialogPortal = ({
14
- className,
15
- ...props
16
- }: AlertDialogPrimitive.AlertDialogPortalProps) => (
17
- <AlertDialogPrimitive.Portal className={cn(className)} {...props} />
18
- )
19
- AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName
13
+ const AlertDialogPortal = AlertDialogPrimitive.Portal
20
14
 
21
15
  const AlertDialogOverlay = React.forwardRef<
22
16
  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
@@ -140,6 +134,8 @@ export {
140
134
  AlertDialogDescription,
141
135
  AlertDialogFooter,
142
136
  AlertDialogHeader,
137
+ AlertDialogOverlay,
138
+ AlertDialogPortal,
143
139
  AlertDialogTitle,
144
140
  AlertDialogTrigger
145
141
  }
package/template/base/src/components/ui/button.tsx CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react'
5
5
  import { cn } from '@/lib/cn'
6
6
 
7
7
  const buttonVariants = cva(
8
- 'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
8
+ 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
9
9
  {
10
10
  variants: {
11
11
  variant: {
package/template/base/src/components/ui/dialog.tsx CHANGED
@@ -10,13 +10,9 @@ const Dialog = DialogPrimitive.Root
10
10
 
11
11
  const DialogTrigger = DialogPrimitive.Trigger
12
12
 
13
- const DialogPortal = ({
14
- className,
15
- ...props
16
- }: DialogPrimitive.DialogPortalProps) => (
17
- <DialogPrimitive.Portal className={cn(className)} {...props} />
18
- )
19
- DialogPortal.displayName = DialogPrimitive.Portal.displayName
13
+ const DialogPortal = DialogPrimitive.Portal
14
+
15
+ const DialogClose = DialogPrimitive.Close
20
16
 
21
17
  const DialogOverlay = React.forwardRef<
22
18
  React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -114,10 +110,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName
114
110
 
115
111
  export {
116
112
  Dialog,
113
+ DialogClose,
117
114
  DialogContent,
118
115
  DialogDescription,
119
116
  DialogFooter,
120
117
  DialogHeader,
118
+ DialogOverlay,
119
+ DialogPortal,
121
120
  DialogTitle,
122
121
  DialogTrigger
123
122
  }
package/template/base/src/components/ui/table.tsx CHANGED
@@ -6,7 +6,7 @@ const Table = React.forwardRef<
6
6
  HTMLTableElement,
7
7
  React.HTMLAttributes<HTMLTableElement>
8
8
  >(({ className, ...props }, ref) => (
9
- <div className="w-full overflow-auto">
9
+ <div className="relative w-full overflow-auto">
10
10
  <table
11
11
  ref={ref}
12
12
  className={cn('w-full caption-bottom text-sm', className)}