@tecsinapse/cortex-react 1.9.17 → 1.9.18-beta.0

package/dist/cjs/components/ProgressBar/ProgressBar.js

@@ -4,7 +4,7 @@ var React = require('react');
 var Progress = require('./Progress.js');
 
 const ProgressBar = ({
-  value = 50,
+  value = 100,
   intent = "default",
   infinite = false
 }) => {

package/dist/cjs/components/Uploader/Dropzone.js

@@ -4,6 +4,7 @@ var React = require('react');
 var hi2 = require('react-icons/hi2');
 var cortexCore = require('@tecsinapse/cortex-core');
 var clsx = require('clsx');
+var Tooltip = require('../Tooltip.js');
 
 const Dropzone = ({
   dropzoneProps,
@@ -11,19 +12,20 @@ const Dropzone = ({
   dropText = "By dragging and dropping it here or clicking the button below",
   buttonText = "Select File"
 }) => {
+  const { getRootProps, getInputProps, isDragActive, isFileLimitReached } = dropzoneProps;
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      ...dropzoneProps.getRootProps(),
+      ...getRootProps(),
       className: clsx(
         "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili",
         {
-          "border-success-medium bg-gray-100": dropzoneProps.isDragActive
+          "border-success-medium bg-gray-100": isDragActive
         }
       )
     },
-    /* @__PURE__ */ React.createElement("input", { ...dropzoneProps.getInputProps() }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React.createElement(hi2.HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), /* @__PURE__ */ React.createElement("button", { className: cortexCore.button() }, buttonText))
+    /* @__PURE__ */ React.createElement("input", { ...getInputProps() }),
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React.createElement(hi2.HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), isFileLimitReached ? /* @__PURE__ */ React.createElement(Tooltip.Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo." }, /* @__PURE__ */ React.createElement("button", { disabled: true, className: clsx(cortexCore.button(), "cursor-not-allowed") }, buttonText)) : /* @__PURE__ */ React.createElement("button", { className: cortexCore.button() }, buttonText))
   );
 };
 

package/dist/cjs/components/Uploader/Upload.js

@@ -7,6 +7,16 @@ var md = require('react-icons/md');
 var ProgressBar = require('../ProgressBar/ProgressBar.js');
 
 const File = ({ file, index, onDelete }) => {
+  function statusIntent(status) {
+    switch (status) {
+      case "success":
+        return "success";
+      case "error":
+        return "error";
+      default:
+        return "info";
+    }
+  }
   return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col", key: index }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-centi" }, file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ React.createElement(
     "img",
     {
@@ -25,7 +35,13 @@ const File = ({ file, index, onDelete }) => {
       })
     },
     /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
-  )), /* @__PURE__ */ React.createElement(ProgressBar.ProgressBar, { intent: "info", infinite: file.status !== "success" }));
+  )), /* @__PURE__ */ React.createElement(
+    ProgressBar.ProgressBar,
+    {
+      intent: statusIntent(file.status),
+      infinite: file.status !== "success"
+    }
+  ));
 };
 
 exports.File = File;

package/dist/cjs/hooks/useFileUpload.js

@@ -68,6 +68,7 @@ const useFileUpload = ({
   const handleRemoveFile = React.useCallback((index) => {
     setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
   }, []);
+  const isFileLimitReached = !allowMultiple && files.length > 0;
   return {
     onOpen,
     onClose,
@@ -75,7 +76,8 @@ const useFileUpload = ({
     dropzoneProps: {
       getInputProps,
       getRootProps,
-      isDragActive
+      isDragActive,
+      isFileLimitReached
     },
     open: isOpen,
     files

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { Progress } from './Progress.js';
 
 const ProgressBar = ({
-  value = 50,
+  value = 100,
   intent = "default",
   infinite = false
 }) => {

package/dist/esm/components/Uploader/Dropzone.js

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { HiOutlineCloudArrowUp } from 'react-icons/hi2';
 import { button } from '@tecsinapse/cortex-core';
 import clsx from 'clsx';
+import { Tooltip } from '../Tooltip.js';
 
 const Dropzone = ({
   dropzoneProps,
@@ -9,19 +10,20 @@ const Dropzone = ({
   dropText = "By dragging and dropping it here or clicking the button below",
   buttonText = "Select File"
 }) => {
+  const { getRootProps, getInputProps, isDragActive, isFileLimitReached } = dropzoneProps;
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      ...dropzoneProps.getRootProps(),
+      ...getRootProps(),
       className: clsx(
         "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili",
         {
-          "border-success-medium bg-gray-100": dropzoneProps.isDragActive
+          "border-success-medium bg-gray-100": isDragActive
         }
       )
     },
-    /* @__PURE__ */ React__default.createElement("input", { ...dropzoneProps.getInputProps() }),
-    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React__default.createElement(HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React__default.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), /* @__PURE__ */ React__default.createElement("button", { className: button() }, buttonText))
+    /* @__PURE__ */ React__default.createElement("input", { ...getInputProps() }),
+    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col justify-center text-center items-center gap-deca" }, /* @__PURE__ */ React__default.createElement(HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }), /* @__PURE__ */ React__default.createElement("div", { className: "gap-mili" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone" }, selectFileText), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-secondary-medium" }, dropText)), isFileLimitReached ? /* @__PURE__ */ React__default.createElement(Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo." }, /* @__PURE__ */ React__default.createElement("button", { disabled: true, className: clsx(button(), "cursor-not-allowed") }, buttonText)) : /* @__PURE__ */ React__default.createElement("button", { className: button() }, buttonText))
   );
 };
 

package/dist/esm/components/Uploader/Upload.js

@@ -5,6 +5,16 @@ import { MdClose } from 'react-icons/md';
 import { ProgressBar } from '../ProgressBar/ProgressBar.js';
 
 const File = ({ file, index, onDelete }) => {
+  function statusIntent(status) {
+    switch (status) {
+      case "success":
+        return "success";
+      case "error":
+        return "error";
+      default:
+        return "info";
+    }
+  }
   return /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col", key: index }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-centi" }, file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ React__default.createElement(
     "img",
     {
@@ -23,7 +33,13 @@ const File = ({ file, index, onDelete }) => {
       })
     },
     /* @__PURE__ */ React__default.createElement(MdClose, { size: 20 })
-  )), /* @__PURE__ */ React__default.createElement(ProgressBar, { intent: "info", infinite: file.status !== "success" }));
+  )), /* @__PURE__ */ React__default.createElement(
+    ProgressBar,
+    {
+      intent: statusIntent(file.status),
+      infinite: file.status !== "success"
+    }
+  ));
 };
 
 export { File };

package/dist/esm/hooks/useFileUpload.js

@@ -66,6 +66,7 @@ const useFileUpload = ({
   const handleRemoveFile = useCallback((index) => {
     setFiles((prevFiles) => prevFiles.filter((_, i) => i !== index));
   }, []);
+  const isFileLimitReached = !allowMultiple && files.length > 0;
   return {
     onOpen,
     onClose,
@@ -73,7 +74,8 @@ const useFileUpload = ({
     dropzoneProps: {
       getInputProps,
       getRootProps,
-      isDragActive
+      isDragActive,
+      isFileLimitReached
     },
     open: isOpen,
     files

package/dist/types/components/Uploader/types.d.ts

@@ -18,12 +18,14 @@ export interface UseDropzoneProps {
     getRootProps: <T extends DropzoneRootProps>(props?: T) => T;
     getInputProps: <T extends DropzoneInputProps>(props?: T) => T;
     isDragActive: boolean;
+    isFileLimitReached: boolean;
 }
 export interface DropzoneProps {
     dropzoneProps: UseDropzoneProps;
     selectFileText?: string;
     dropText?: string;
     buttonText?: string;
+    isFileLimitReached?: boolean;
 }
 export interface ModalProps {
     open: boolean;
@@ -40,7 +42,7 @@ export type FileUpload<T> = {
     file: File;
     metadata?: T;
     uid: string;
-    status: FileStatus;
+    status: 'success' | 'error' | 'uploading';
 };
 export interface RootUploaderProps<T> {
     open: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.17",
+  "version": "1.9.18-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "54a3803d3508ab42402e82c1a459173ad7d03579"
+  "gitHead": "5727a77e217321612dfb73ea9bf72a9db88c4930"
 }