@sqlrooms/dropzone 0.0.0 → 0.0.1-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,8 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.0.1-alpha.0 (2025-01-30)
 
+**Note:** Version bump only for package @sqlrooms/dropzone
 
 **Note:** Version bump only for package @sqlrooms/dropzone

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/dropzone",
-  "version": "0.0.0",
+  "version": "0.0.1-alpha.0",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -22,9 +22,9 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@sqlrooms/ui": "0.0.0",
+    "@sqlrooms/ui": "0.0.1-alpha.0",
     "lucide-react": "^0.473.0",
     "react-dropzone": "^14.3.5"
   },
-  "gitHead": "4b0c709542475e4f95db0b2a8405ecadcf2ec186"
+  "gitHead": "8e3c0b884db7755c8b892a590af49c0081336d8d"
 }

package/.turbo/turbo-build.log

@@ -1,4 +0,0 @@
-
-> @sqlrooms/dropzone@0.0.0 build /Users/ilya/Workspace/sqlrooms/packages/dropzone
-> tsc
-

package/.turbo/turbo-lint.log

@@ -1,4 +0,0 @@
-
-> @sqlrooms/dropzone@0.0.0 lint /Users/ilya/Workspace/sqlrooms/packages/dropzone
-> eslint .
-

package/eslint.config.js

@@ -1,4 +0,0 @@
-import {config} from '@sqlrooms/eslint-config/react-internal';
-
-/** @type {import("eslint").Linter.Config} */
-export default config;

package/src/file-dropzone.tsx

@@ -1,85 +0,0 @@
-import {FC, useState} from 'react';
-import {useDropzone} from 'react-dropzone';
-import {Plus} from 'lucide-react';
-import {cn, Spinner} from '@sqlrooms/ui';
-
-export type Props = {
-  className?: string;
-  isInvalid?: boolean;
-  onDrop: (files: File[]) => Promise<void>;
-  multiple?: boolean;
-  acceptedFormats?: Record<string, string[]>;
-  children?: React.ReactNode;
-};
-
-export const FileDropzone: FC<Props> = (props) => {
-  const {
-    isInvalid,
-    onDrop,
-    multiple = true,
-    className,
-    acceptedFormats,
-    children,
-  } = props;
-
-  const [isAddingDropped, setIsAddingDropped] = useState(false);
-
-  const {getRootProps, getInputProps, isDragActive, open} = useDropzone({
-    onDrop: async (files) => {
-      setIsAddingDropped(true);
-      try {
-        await onDrop(files);
-      } finally {
-        setIsAddingDropped(false);
-      }
-    },
-    accept: acceptedFormats,
-    multiple,
-    noClick: true,
-    noKeyboard: true,
-  });
-
-  return (
-    <div
-      className={cn(
-        'relative flex h-full cursor-pointer flex-col overflow-hidden rounded-lg border-2 border-dashed p-2 transition-colors',
-        isDragActive ? 'border-muted bg-muted/50' : 'border-muted',
-        isInvalid && 'border-destructive',
-        !isAddingDropped && 'hover:border-muted',
-        className,
-      )}
-      {...getRootProps()}
-      onClick={isAddingDropped ? undefined : open}
-    >
-      {isAddingDropped ? (
-        <div className="flex h-full w-full items-center justify-center gap-4 text-xs text-muted-foreground">
-          <Spinner className="h-4 w-4" />
-          Adding files...
-        </div>
-      ) : (
-        <>
-          <input {...getInputProps()} />
-          <div className="relative flex h-full flex-col">
-            <div className="flex h-full flex-col items-center justify-center gap-2">
-              <div className="flex items-center gap-2">
-                <Plus className="h-6 w-6" />
-                <p className="text-sm text-muted-foreground">
-                  {isDragActive ? 'Drop here ...' : 'Add files'}
-                </p>
-              </div>
-              {acceptedFormats && (
-                <div className="flex flex-wrap justify-center gap-2">
-                  <p className="text-xs font-bold">Supported formats:</p>
-                  <p className="text-xs text-muted-foreground">
-                    {Object.values(acceptedFormats).flat().join(', ')}
-                  </p>
-                </div>
-              )}
-              {children}
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  );
-};

package/src/index.ts

@@ -1 +0,0 @@
-export * from './file-dropzone';

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "@sqlrooms/typescript-config/react-library.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "baseUrl": "./",
-    "paths": {
-      "@/ui/*": ["./src/*"]
-    }
-  },
-  "include": ["src", "turbo"],
-  "exclude": ["node_modules", "dist"]
-}