chore: make all panda versions equal

omnifed · Sep 11, 2024 · 2aea9ad · 2aea9ad
1 parent b017b4d
commit 2aea9ad
Show file tree

Hide file tree

Showing 7 changed files with 134 additions and 390 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -23,5 +23,6 @@
   ],
   "prettier.configPath": ".prettierrc",
   "prettier.prettierPath": "./node_modules/prettier",
-  "prettier.singleQuote": true
+  "prettier.singleQuote": true,
+  "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/docs/app/react/file-uploader/dev.mdx b/docs/app/react/file-uploader/dev.mdx
@@ -30,10 +30,12 @@ If you choose to process the file, you can use the `FileStatus` component to dis
 
 ## Customizing
 
-To customize the FileUploader, we recommend extending the `fileUploader` slot recipe in your panda config.
+To customize the FileUploader or FileStatus, we recommend extending the `fileUploader` or the `fileStatus` slot recipe in your panda config.
 
 ## API
 
+### FileUploader
+
 ```ts showLineNumbers=false
 export interface FileUploaderProps
   extends InputHTMLAttributes<HTMLInputElement> {
@@ -44,6 +46,24 @@ export interface FileUploaderProps
 define function FileUploader(props: FileUploaderProps): ReactNode
 ```
 
+### FileStatus
+
+```ts showLineNumbers=false
+export type FileStatusKey = (typeof processStatus)[keyof typeof processStatus]
+export type FileStatusActions = 'cancel' | 'retry' | 'delete'
+
+export interface FileBaseStatusProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+  file: string
+  now: number
+  status: processStatus
+  onClick: (status: FileStatusActions, e: MouseEvent<HTMLButtonElement>) => void
+}
+export type FileStatusProps = FileBaseStatusProps & FileStatusVariantProps
+
+define function FileStatus(props: FileStatusProps): ReactNode
+```
+
 ### Props
 
 The `FileUploader` component accepts the following props:
@@ -52,3 +72,11 @@ The `FileUploader` component accepts the following props:
 | -------- | ------- | ------------------------------------------------------------- |
 | heading  |         | The heading for the file uploader                             |
 | name     |         | The unique name of the file uploader                                  |
+
+The `FileStatus` component accepts the following props:
+
+| Name     | Default | Description                                                   |
+| -------- | ------- | ------------------------------------------------------------- |
+| file     |         | The name of the file being processed                          |
+| now      |         | The current progress of the file upload                       |
+| status   |    'todo'     | The status of the file upload                                 |
diff --git a/docs/package.json b/docs/package.json
@@ -29,6 +29,7 @@
     "@next/mdx": "^14.2.3",
     "@pandacss/dev": "^0.46.0",
     "@pandacss/preset-panda": "^0.46.0",
+    "@pandacss/types": "^0.46.0",
     "@shikijs/rehype": "^1.5.1",
     "@shikijs/transformers": "^1.5.1",
     "@shikijs/twoslash": "^1.5.1",

diff --git a/docs/panda.config.ts b/docs/panda.config.ts
@@ -1,8 +1,8 @@
-import { defineConfig } from '@pandacss/dev'
+import { defineConfig, type Config } from '@pandacss/dev'
 import pandaPreset from '@pandacss/preset-panda'
 import { cerberusPreset, cerberusConfig } from '@cerberus-design/panda-preset'
 
-export default defineConfig({
+const config: Config = {
   ...cerberusConfig,
 
   include: [
@@ -13,4 +13,6 @@ export default defineConfig({
   exclude: [],
 
   presets: [pandaPreset, cerberusPreset],
-})
+}
+
+export default defineConfig(config)
diff --git a/packages/panda-preset/package.json b/packages/panda-preset/package.json
@@ -20,8 +20,8 @@
   "devDependencies": {
     "@cerberus-design/configs": "workspace:*",
     "@microsoft/api-extractor": "^7.46.2",
-    "@pandacss/dev": "^0.45.0",
-    "@pandacss/types": "^0.45.0",
+    "@pandacss/dev": "^0.46.0",
+    "@pandacss/types": "^0.46.0",
     "tsup": "^8.0.2"
   },
   "publishConfig": {