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

package/dist/cjs/components/Menubar/Item.js

@@ -1,10 +1,7 @@
 'use strict';
 
-var React = require('react');
-var menubar = require('../../styles/menubar.js');
-var IconControlSubItem = require('./IconControlSubItem.js');
-var ItemLink = require('./ItemLink.js');
 var clsx = require('clsx');
+var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
@@ -16,6 +13,9 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+var menubar = require('../../styles/menubar.js');
+var IconControlSubItem = require('./IconControlSubItem.js');
+var ItemLink = require('./ItemLink.js');
 
 const { container, textBehavior } = menubar.item();
 const Item = ({
@@ -29,20 +29,26 @@ const Item = ({
   const [showSubItem, setShowSubItem] = React.useState(false);
   const hasSubItems = (subItems ?? []).length > 0;
   const [, setShow] = useMenubar.useMenubar();
+  const handleClickItemMenubar = React.useCallback(
+    (e) => {
+      if (hasSubItems) {
+        e.stopPropagation();
+        setShowSubItem((prev) => !prev);
+      } else {
+        setShow(false);
+      }
+    },
+    []
+  );
   return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
     "div",
     {
       "data-testid": "item-menubar",
       ...rest,
-      onClick: (e) => {
-        if (hasSubItems) e.stopPropagation();
-        else {
-          setShow(false);
-        }
-      },
+      onClick: handleClickItemMenubar,
       className: clsx(
         container({ className }),
-        !hasSubItems && textBehavior()
+        (!hasSubItems || anchorProps) && textBehavior()
       )
     },
     children,

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/cjs/styles/menubar.js

@@ -34,8 +34,8 @@ const mostUsedItem = tailwindVariants.tv({
 });
 const item = tailwindVariants.tv({
   slots: {
-    container: "flex flex-row gap-x-deca items-center text-secondary-dark text-base",
-    textBehavior: "hover:text-primary-medium hover:cursor-pointer text-base",
+    container: "flex flex-row gap-x-deca items-center text-secondary-dark hover:cursor-pointer text-base",
+    textBehavior: "hover:text-primary-medium",
     icon: "text-primary-medium hover:cursor-pointer"
   }
 });

package/dist/esm/components/Menubar/Item.js

@@ -1,8 +1,5 @@
-import React__default, { useState } from 'react';
-import { item } from '../../styles/menubar.js';
-import IconControlSubItem from './IconControlSubItem.js';
-import ItemLink from './ItemLink.js';
 import clsx from 'clsx';
+import React__default, { useState, useCallback } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
@@ -14,6 +11,9 @@ import 'currency.js';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';
+import { item } from '../../styles/menubar.js';
+import IconControlSubItem from './IconControlSubItem.js';
+import ItemLink from './ItemLink.js';
 
 const { container, textBehavior } = item();
 const Item = ({
@@ -27,20 +27,26 @@ const Item = ({
   const [showSubItem, setShowSubItem] = useState(false);
   const hasSubItems = (subItems ?? []).length > 0;
   const [, setShow] = useMenubar();
+  const handleClickItemMenubar = useCallback(
+    (e) => {
+      if (hasSubItems) {
+        e.stopPropagation();
+        setShowSubItem((prev) => !prev);
+      } else {
+        setShow(false);
+      }
+    },
+    []
+  );
   return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       "data-testid": "item-menubar",
       ...rest,
-      onClick: (e) => {
-        if (hasSubItems) e.stopPropagation();
-        else {
-          setShow(false);
-        }
-      },
+      onClick: handleClickItemMenubar,
       className: clsx(
         container({ className }),
-        !hasSubItems && textBehavior()
+        (!hasSubItems || anchorProps) && textBehavior()
       )
     },
     children,

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/esm/styles/menubar.js

@@ -32,8 +32,8 @@ const mostUsedItem = tv({
 });
 const item = tv({
   slots: {
-    container: "flex flex-row gap-x-deca items-center text-secondary-dark text-base",
-    textBehavior: "hover:text-primary-medium hover:cursor-pointer text-base",
+    container: "flex flex-row gap-x-deca items-center text-secondary-dark hover:cursor-pointer text-base",
+    textBehavior: "hover:text-primary-medium",
     icon: "text-primary-medium hover:cursor-pointer"
   }
 });

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.1",
   "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": "83e248c8b7116b83b3c45f960b289d7a737fd9be"
 }