@tecsinapse/cortex-react 1.15.4-beta.2 → 1.15.5-beta.0

package/dist/cjs/components/Accordion/Root.js

@@ -10,6 +10,9 @@ const AccordionRoot = ({
   defaultOpen,
   label,
   floating,
+  showDivider,
+  showArrowBorder,
+  arrowPosition,
   onOpen,
   invertedArrow,
   onClose,
@@ -23,6 +26,9 @@ const AccordionRoot = ({
         floating,
         onOpen,
         onClose,
+        showDivider,
+        showArrowBorder,
+        arrowPosition,
         invertedArrow,
         direction
       }

package/dist/cjs/components/Accordion/Trigger.js

@@ -7,7 +7,11 @@ var context = require('./context.js');
 
 const AccordionTrigger = ({
   label,
+  children,
   floating = false,
+  arrowPosition = "left",
+  showDivider = true,
+  showArrowBorder = true,
   /**
    * Only applied to trigger arrow
    */
@@ -18,9 +22,9 @@ const AccordionTrigger = ({
   direction = "horizontal"
 }) => {
   const { open, toggle } = context.useAccordionContext();
-  if (!floating && !label) {
+  if (!floating && !label && !children) {
     throw new Error(
-      "A label must be specified if the trigger is not floating variant"
+      "A label or children must be specified if the trigger is not floating variant"
     );
   }
   const action = () => {
@@ -35,25 +39,41 @@ const AccordionTrigger = ({
     "div",
     {
       className: clsx(
-        "flex justify-between align-center border-secondary-light cursor-pointer",
+        "flex justify-between align-center cursor-pointer",
         { "mr-deca": floating && direction === "horizontal" },
         { "mb-deca": floating && direction === "vertical" },
-        { "border-r flex-col px-mili": direction === "horizontal" },
-        { "border-b py-mili": direction === "vertical" }
+        {
+          "border-r border-secondary-light flex-col px-mili": direction === "horizontal"
+        },
+        {
+          "border-b border-secondary-light py-mili": showDivider && direction === "vertical"
+        }
       ),
       onClick: action,
       children: [
+        !floating && arrowPosition === "right" && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: clsx({
+              "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
+            }),
+            children: children ?? label
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: clsx(
-              "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+              "rounded-mili flex align-center justify-center p-micro",
               {
                 "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
               },
               {
                 "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
               },
+              {
+                "border border-secondary-light": showArrowBorder
+              },
               className
             ),
             children: direction === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -79,15 +99,15 @@ const AccordionTrigger = ({
             )
           }
         ),
-        !floating ? /* @__PURE__ */ jsxRuntime.jsx(
+        !floating && arrowPosition === "left" && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: clsx({
               "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
             }),
-            children: label
+            children: children ?? label
           }
-        ) : null
+        )
       ]
     }
   );

package/dist/cjs/components/ScrollableDigitSelector.js

@@ -46,7 +46,7 @@ const ScrollableDigitSelector = ({
         {
           className: clsx(
             "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer",
-            value === val && "bg-primary-medium text-light"
+            value === val && "bg-primary-medium text-white"
           ),
           children: formatValue(val)
         }

package/dist/cjs/components/TimePicker/TimePickerSelector.js

@@ -105,7 +105,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    !isPM && "bg-primary-medium text-light"
+                    !isPM && "bg-primary-medium text-white"
                   ),
                   children: "AM"
                 }
@@ -122,7 +122,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    isPM && "bg-primary-medium text-light"
+                    isPM && "bg-primary-medium text-white"
                   ),
                   children: "PM"
                 }

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

@@ -10,7 +10,7 @@ const Files = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-light", children: `${files.length}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
     ] }),
     files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(Upload.File, { file, index, onDelete }, file.uid))

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

@@ -15,7 +15,7 @@ const Manager = ({
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
-  uploadSuccessText = "Upload(s) completed",
+  uploadResultText = "Upload(s) completed",
   onClose
 }) => {
   const {
@@ -47,7 +47,7 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadResultText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button.Button,
               {

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

@@ -105,8 +105,8 @@ const Folder = ({ name, subItems }) => {
   );
   const intent = React.useMemo(() => {
     if (loading) return "info";
-    if ((subItems ?? []).some((item) => item.status === "error") && (subItems ?? []).some((item) => item.status === "success")) {
-      return "warning";
+    if ((subItems ?? []).some((item) => item.status === "error")) {
+      return "error";
     }
     return "success";
   }, [subItems]);

package/dist/cjs/hooks/useFileUpload.js

@@ -30,7 +30,7 @@ const useFileUpload = ({
   noClick = false,
   ignoreRejections = false,
   uploadProgressText,
-  uploadSuccessText
+  uploadResultText
 }) => {
   const {
     showManager,
@@ -100,10 +100,10 @@ const useFileUpload = ({
         onClose: closeManager,
         onDelete: handleRemoveFile,
         uploadProgressText,
-        uploadSuccessText
+        uploadResultText
       });
     }
-  }, [handleRemoveFile, closeManager]);
+  }, [handleRemoveFile, closeManager, uploadResultText]);
   const addMimeTypes = (key, acc) => {
     types.AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];

package/dist/cjs/styles/calendar-cell.js

@@ -15,17 +15,17 @@ const calendarCell = tailwindVariants.tv({
     },
     isSelected: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium text-light hover:bg-primary-medium"
+        cell: "bg-primary-medium border-2 border-primary-medium text-white hover:bg-primary-medium"
       }
     },
     isSelectionStart: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-white"
       }
     },
     isSelectionEnd: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-white"
       }
     },
     inRange: {

package/dist/esm/components/Accordion/Root.js

@@ -8,6 +8,9 @@ const AccordionRoot = ({
   defaultOpen,
   label,
   floating,
+  showDivider,
+  showArrowBorder,
+  arrowPosition,
   onOpen,
   invertedArrow,
   onClose,
@@ -21,6 +24,9 @@ const AccordionRoot = ({
         floating,
         onOpen,
         onClose,
+        showDivider,
+        showArrowBorder,
+        arrowPosition,
         invertedArrow,
         direction
       }

package/dist/esm/components/Accordion/Trigger.js

@@ -5,7 +5,11 @@ import { useAccordionContext } from './context.js';
 
 const AccordionTrigger = ({
   label,
+  children,
   floating = false,
+  arrowPosition = "left",
+  showDivider = true,
+  showArrowBorder = true,
   /**
    * Only applied to trigger arrow
    */
@@ -16,9 +20,9 @@ const AccordionTrigger = ({
   direction = "horizontal"
 }) => {
   const { open, toggle } = useAccordionContext();
-  if (!floating && !label) {
+  if (!floating && !label && !children) {
     throw new Error(
-      "A label must be specified if the trigger is not floating variant"
+      "A label or children must be specified if the trigger is not floating variant"
     );
   }
   const action = () => {
@@ -33,25 +37,41 @@ const AccordionTrigger = ({
     "div",
     {
       className: clsx(
-        "flex justify-between align-center border-secondary-light cursor-pointer",
+        "flex justify-between align-center cursor-pointer",
         { "mr-deca": floating && direction === "horizontal" },
         { "mb-deca": floating && direction === "vertical" },
-        { "border-r flex-col px-mili": direction === "horizontal" },
-        { "border-b py-mili": direction === "vertical" }
+        {
+          "border-r border-secondary-light flex-col px-mili": direction === "horizontal"
+        },
+        {
+          "border-b border-secondary-light py-mili": showDivider && direction === "vertical"
+        }
       ),
       onClick: action,
       children: [
+        !floating && arrowPosition === "right" && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: clsx({
+              "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
+            }),
+            children: children ?? label
+          }
+        ),
         /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(
-              "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+              "rounded-mili flex align-center justify-center p-micro",
               {
                 "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
               },
               {
                 "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
               },
+              {
+                "border border-secondary-light": showArrowBorder
+              },
               className
             ),
             children: direction === "horizontal" ? /* @__PURE__ */ jsx(
@@ -77,15 +97,15 @@ const AccordionTrigger = ({
             )
           }
         ),
-        !floating ? /* @__PURE__ */ jsx(
+        !floating && arrowPosition === "left" && /* @__PURE__ */ jsx(
           "span",
           {
             className: clsx({
               "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
             }),
-            children: label
+            children: children ?? label
           }
-        ) : null
+        )
       ]
     }
   );

package/dist/esm/components/ScrollableDigitSelector.js

@@ -44,7 +44,7 @@ const ScrollableDigitSelector = ({
         {
           className: clsx(
             "p-micro rounded-micro border-1 border-transparent hover:bg-primary-light hover:border-primary cursor-pointer",
-            value === val && "bg-primary-medium text-light"
+            value === val && "bg-primary-medium text-white"
           ),
           children: formatValue(val)
         }

package/dist/esm/components/TimePicker/TimePickerSelector.js

@@ -103,7 +103,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    !isPM && "bg-primary-medium text-light"
+                    !isPM && "bg-primary-medium text-white"
                   ),
                   children: "AM"
                 }
@@ -120,7 +120,7 @@ const TimePickerSelector = ({
                 {
                   className: clsx(
                     dayPeriodStyle,
-                    isPM && "bg-primary-medium text-light"
+                    isPM && "bg-primary-medium text-white"
                   ),
                   children: "PM"
                 }

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

@@ -8,7 +8,7 @@ const Files = ({
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-light", children: `${files.length}` }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
       /* @__PURE__ */ jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
     ] }),
     files.map((file, index) => /* @__PURE__ */ jsx(File, { file, index, onDelete }, file.uid))

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

@@ -13,7 +13,7 @@ const Manager = ({
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
-  uploadSuccessText = "Upload(s) completed",
+  uploadResultText = "Upload(s) completed",
   onClose
 }) => {
   const {
@@ -45,7 +45,7 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsx(IoChevronUp, {}) : /* @__PURE__ */ jsx(IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
+            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadResultText }),
             /* @__PURE__ */ jsx(
               Button,
               {

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

@@ -103,8 +103,8 @@ const Folder = ({ name, subItems }) => {
   );
   const intent = useMemo(() => {
     if (loading) return "info";
-    if ((subItems ?? []).some((item) => item.status === "error") && (subItems ?? []).some((item) => item.status === "success")) {
-      return "warning";
+    if ((subItems ?? []).some((item) => item.status === "error")) {
+      return "error";
     }
     return "success";
   }, [subItems]);

package/dist/esm/hooks/useFileUpload.js

@@ -28,7 +28,7 @@ const useFileUpload = ({
   noClick = false,
   ignoreRejections = false,
   uploadProgressText,
-  uploadSuccessText
+  uploadResultText
 }) => {
   const {
     showManager,
@@ -98,10 +98,10 @@ const useFileUpload = ({
         onClose: closeManager,
         onDelete: handleRemoveFile,
         uploadProgressText,
-        uploadSuccessText
+        uploadResultText
       });
     }
-  }, [handleRemoveFile, closeManager]);
+  }, [handleRemoveFile, closeManager, uploadResultText]);
   const addMimeTypes = (key, acc) => {
     AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];

package/dist/esm/styles/calendar-cell.js

@@ -13,17 +13,17 @@ const calendarCell = tv({
     },
     isSelected: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium text-light hover:bg-primary-medium"
+        cell: "bg-primary-medium border-2 border-primary-medium text-white hover:bg-primary-medium"
       }
     },
     isSelectionStart: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-white"
       }
     },
     isSelectionEnd: {
       true: {
-        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-light"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-white"
       }
     },
     inRange: {

package/dist/types/components/Accordion/Root.d.ts

@@ -1,2 +1,2 @@
 import { AccordionProps } from './types';
-export declare const AccordionRoot: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionRoot: ({ children, defaultOpen, label, floating, showDivider, showArrowBorder, arrowPosition, onOpen, invertedArrow, onClose, direction, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Accordion/Trigger.d.ts

@@ -1,4 +1,4 @@
 import { AccordionProps } from './types';
-export declare const AccordionTrigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
+export declare const AccordionTrigger: ({ label, children, floating, arrowPosition, showDivider, showArrowBorder, className, onOpen, onClose, invertedArrow, direction, }: Pick<AccordionProps, "floating" | "arrowPosition" | "showDivider" | "showArrowBorder" | "label" | "children" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Accordion/index.d.ts

@@ -1,8 +1,8 @@
 export declare const Accordion: {
-    Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, defaultOpen, label, floating, showDivider, showArrowBorder, arrowPosition, onOpen, invertedArrow, onClose, direction, }: import("./types").AccordionProps) => import("react/jsx-runtime").JSX.Element;
     Face: ({ children, defaultOpen, direction, }: Pick<import("./types").AccordionProps, "children" | "defaultOpen" | "direction">) => import("react/jsx-runtime").JSX.Element;
     Content: ({ children, direction, }: Pick<import("./types").AccordionProps, "children" | "direction">) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ label, floating, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "floating" | "label" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
+    Trigger: ({ label, children, floating, arrowPosition, showDivider, showArrowBorder, className, onOpen, onClose, invertedArrow, direction, }: Pick<import("./types").AccordionProps, "floating" | "arrowPosition" | "showDivider" | "showArrowBorder" | "label" | "children" | "onOpen" | "onClose" | "invertedArrow" | "direction"> & {
         className?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -3,6 +3,9 @@ export interface AccordionProps {
     defaultOpen?: boolean;
     label?: string;
     floating?: boolean;
+    showArrowBorder?: boolean;
+    showDivider?: boolean;
+    arrowPosition?: 'left' | 'right';
     onOpen?: () => void;
     onClose?: () => void;
     invertedArrow?: boolean;

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

@@ -1,2 +1,2 @@
 import { ManagerProps } from './types';
-export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: ManagerProps<T>) => any;
+export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, uploadResultText, onClose, }: ManagerProps<T>) => any;

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

@@ -5,5 +5,5 @@ export declare const Uploader: {
     Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react/jsx-runtime").JSX.Element;
     Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
     Root: <T>({ open, onClose, dropzoneProps, selectFileText, dropText, buttonText, titleModal, onDelete, uploadProgressText, files, }: import("./types").RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;
-    Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: import("./types").ManagerProps<T>) => any;
+    Manager: <T>({ open, files, onDelete, uploadProgressText, uploadResultText, onClose, }: import("./types").ManagerProps<T>) => any;
 };

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

@@ -87,7 +87,7 @@ export interface ManagerProps<T> {
     files?: FileUpload<T>[];
     onDelete?: (index: number) => void;
     uploadProgressText?: string;
-    uploadSuccessText?: string;
+    uploadResultText?: string;
     onClose?: () => void;
 }
 export declare const AcceptSpecificMap: {

package/dist/types/hooks/useFileUpload.d.ts

@@ -18,11 +18,11 @@ interface UseFileUploadOptions {
     hasManager?: boolean;
     isFolder?: boolean;
     uploadProgressText?: string;
-    uploadSuccessText?: string;
+    uploadResultText?: string;
     noClick?: boolean;
     ignoreRejections?: boolean;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadResultText, }: UseFileUploadOptions) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.4-beta.2",
+  "version": "1.15.5-beta.0+29a2cf79",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "3.7.0",
-    "@tecsinapse/cortex-core": "1.2.1-beta.2",
+    "@tecsinapse/cortex-core": "1.2.0",
     "clsx": "2.1.1",
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
@@ -48,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "203b53593f6337305563c06953561528d64139b6"
+  "gitHead": "29a2cf79a8a766f78c42d59b753d6e1b62155621"
 }