@tecsinapse/cortex-react 1.2.1 → 1.2.2-beta.1

package/dist/esm/styles/progressBar.js

@@ -0,0 +1,19 @@
+import { tv } from 'tailwind-variants';
+
+const progressBarFilled = tv({
+  base: "h-full first:rounded-l-pill last:rounded-r-pill",
+  variants: {
+    intentProgress: {
+      default: "bg-primary-medium",
+      error: "bg-error-medium",
+      info: "bg-info-medium",
+      warning: "bg-warning-medium",
+      success: "bg-success-medium"
+    },
+    showAnimation: {
+      true: "transition-[width] duration-1000 ease-linear"
+    }
+  }
+});
+
+export { progressBarFilled };

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    name: string;
+}
+export declare const Avatar: ({ src, name, className, ...rest }: AvatarProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { SnackbarVariants } from '@tecsinapse/cortex-core';
+interface SnackbarProps {
+    variants?: SnackbarVariants;
+    children?: ReactNode;
+    show: boolean;
+}
+export declare const BaseSnackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,5 @@
+import { BreadcrumbType } from '../components';
+export interface BreadcrumbItemProps extends BreadcrumbType {
+    isLast: boolean;
+}
+export declare const BreadcrumbItem: ({ isLast, Component, componentProps, title, }: BreadcrumbItemProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import React, { ElementType } from 'react';
+export interface BreadcrumbType {
+    title: string;
+    Component: ElementType;
+    componentProps?: any;
+}
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
+    breadcrumbs: BreadcrumbType[];
+}
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 interface CardProps {
-    children: JSX.Element;
+    children?: React.ReactNode;
 }
 export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -0,0 +1,6 @@
+import { SnackbarVariants } from '@tecsinapse/cortex-core';
+export declare const DefaultSnack: ({ text, onDismiss, variants, }: {
+    text: string;
+    onDismiss: () => void;
+    variants?: SnackbarVariants;
+}) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    position?: 'left' | 'right';
+    children?: React.ReactNode;
+}
+export declare const Drawer: ({ children, onClose, open, position, }: DrawerProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface GroupButtonValue<T> {
+    value: T;
+}
+export interface GroupButtonProps<T> {
+    value: T;
+    options: GroupButtonValue<T>[];
+    renderKey: (option?: T) => string | number;
+    renderOption: (option: T) => ReactNode;
+    onChange: (option: T) => void;
+    customStyles?: {
+        active?: string;
+        firstButton?: string;
+        lastButton?: string;
+        inactive?: string;
+    };
+    disableAllOptions?: boolean;
+}
+export declare const GroupButton: <T>(props: GroupButtonProps<T>) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { InputBaseVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 interface InputPropsBase {
     variants?: InputBaseVariants;
     label?: string;

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 interface ModalProps {
     open: boolean;
     onClose: () => void;
-    children: JSX.Element;
+    children?: ReactNode;
 }
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -0,0 +1,9 @@
+export interface ProgressBarProps {
+    segments?: number;
+    valueMin?: number;
+    valueMax?: number;
+    valueCurrent: number;
+    intentProgress?: 'default' | 'success' | 'warning' | 'info' | 'error';
+    animated?: boolean;
+}
+export declare const ProgressBar: ({ segments: _segments, valueMin, valueMax, valueCurrent, intentProgress, animated, }: ProgressBarProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SearchInputProps {
     label?: string;
     placeholder?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CommonProps<T> {
     label: string;
     value: T | undefined;

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

@@ -0,0 +1,4 @@
+import React, { ReactNode } from 'react';
+export declare const Skeleton: ({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+}) => JSX.Element;

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

@@ -5,9 +5,9 @@ interface TableCommon {
 export declare const THead: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
 export declare const TRow: ({ children, className, ...rest }: TableCommon & React.HTMLAttributes<HTMLTableRowElement>) => JSX.Element;
 export declare const THeadCell: ({ children, className, ...rest }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
+export declare const TRowHeader: ({ children, }: TableCommon & ThHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
 export declare const TCell: ({ children, className, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
 export declare const TFoot: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
 export declare const Table: ({ children, className, ...rest }: TableCommon & TableHTMLAttributes<HTMLTableElement>) => JSX.Element;
-export declare const Hr: ({ children, className, ...rest }: TableCommon & HTMLAttributes<HTMLHRElement>) => JSX.Element;
 export declare const Td: ({ children, ...rest }: TableCommon & TdHTMLAttributes<HTMLTableCellElement>) => JSX.Element;
 export {};

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

@@ -5,8 +5,15 @@ export * from './Hint';
 export * from './Input';
 export * from './Modal';
 export { default as Select } from './Select';
-export * from './Snackbar';
+export * from './BaseSnackbar';
 export * from './Tag';
 export * from './Toggle';
 export * from './TextArea';
 export * from './Table';
+export * from './Drawer';
+export * from './Breadcrumbs';
+export * from './Avatar';
+export * from './Skeleton';
+export * from './ProgressBar';
+export * from './GroupButton';
+export * from './DefaultSnack';

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

@@ -0,0 +1 @@
+export declare const getNameInitials: (name: string) => string;

package/dist/types/index.d.ts

@@ -1 +1,3 @@
 export * from './components';
+export * from './service';
+export * from './hooks';

package/dist/types/provider/SnackbarProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SnackbarSonner } from '../service';
+interface SnackbarProviderProps {
+    snackbar: SnackbarSonner;
+}
+export declare const SnackbarProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useSnackbar: () => SnackbarProviderProps;
+export {};

package/dist/types/service/ISnackbar.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SnackbarVariants } from '@tecsinapse/cortex-core';
+export type TypeSnack = SnackbarVariants['intent'];
+export interface ISnackbar<T> {
+    show(type: TypeSnack, message: string, options?: T): any;
+    custom(component: ReactElement, options?: T): any;
+}

package/dist/types/service/SnackbarSonner.d.ts

@@ -0,0 +1,7 @@
+import { ExternalToast } from 'sonner';
+import React from 'react';
+import { ISnackbar, TypeSnack } from './ISnackbar';
+export declare class SnackbarSonner implements ISnackbar<ExternalToast> {
+    custom(Component: React.ReactElement, options?: ExternalToast): string | number;
+    show(type: TypeSnack, message: string, options?: Omit<ExternalToast, 'className' | 'style'>): string | number;
+}

package/dist/types/service/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SnackbarSonner';
+export * from './ISnackbar';

package/dist/types/styles/groupButton.d.ts

@@ -0,0 +1,77 @@
+export declare const groupButton: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            inactive?: import("tailwind-merge").ClassNameValue;
+            firstButton?: import("tailwind-merge").ClassNameValue;
+            lastButton?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            inactive?: import("tailwind-merge").ClassNameValue;
+            firstButton?: import("tailwind-merge").ClassNameValue;
+            lastButton?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string;
+    inactive: string;
+    firstButton: string;
+    lastButton: string;
+    container: string;
+    active: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            inactive?: import("tailwind-merge").ClassNameValue;
+            firstButton?: import("tailwind-merge").ClassNameValue;
+            lastButton?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            inactive?: import("tailwind-merge").ClassNameValue;
+            firstButton?: import("tailwind-merge").ClassNameValue;
+            lastButton?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    button: string;
+    inactive: string;
+    firstButton: string;
+    lastButton: string;
+    container: string;
+    active: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    button: string;
+    inactive: string;
+    firstButton: string;
+    lastButton: string;
+    container: string;
+    active: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            inactive?: import("tailwind-merge").ClassNameValue;
+            firstButton?: import("tailwind-merge").ClassNameValue;
+            lastButton?: import("tailwind-merge").ClassNameValue;
+            container?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/types/styles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './progressBar';
+export * from './groupButton';

package/dist/types/styles/progressBar.d.ts

@@ -0,0 +1,78 @@
+export declare const progressBarFilled: import("tailwind-variants").TVReturnType<{
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}, undefined, "h-full first:rounded-l-pill last:rounded-r-pill", import("tailwind-variants/dist/config").TVConfig<{
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}, {
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}>, {
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}, undefined, "h-full first:rounded-l-pill last:rounded-r-pill", import("tailwind-variants/dist/config").TVConfig<{
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}, {
+    intentProgress: {
+        default: string;
+        error: string;
+        info: string;
+        warning: string;
+        success: string;
+    };
+    showAnimation: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/types/tests/Avatar.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Badge.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/BreadcrumbItem.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Breadcrumbs.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Card.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/DefaultSnack.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Drawer.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/GroupButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Hint.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Input.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Modal.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/ProgressBar.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/SearchInput.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Select.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Skeleton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Snackbar.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Table.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Tag.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/Toggle.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/useDebouncedState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/utils.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.2.1",
+  "version": "1.2.2-beta.1",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -13,12 +13,15 @@
     "dev": "rollup --config --watch",
     "dev:dts": "tsc --project tsconfig.build.json --watch",
     "build:es": "rollup --config",
-    "build:dts": "tsc --project tsconfig.build.json"
+    "build:dts": "tsc --project tsconfig.build.json",
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@tecsinapse/cortex-core": "0.2.1",
+    "@tecsinapse/cortex-core": "0.2.2-beta.1",
     "clsx": "*",
-    "react-icons": "^5.2.1"
+    "react-icons": "^5.2.1",
+    "sonner": "^1.5.0"
   },
   "repository": {
     "type": "git",
@@ -34,5 +37,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "dc62ed9d05cd238fc3f65dee50c5fef4a3d615e0"
+  "gitHead": "81e9de94c71206e059fd761b95cbe35196099e70"
 }

package/dist/cjs/components/Snackbar.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var React = require('react');
-var cortexCore = require('@tecsinapse/cortex-core');
-
-const Snackbar = React.forwardRef((props, ref) => {
-  const { children, show, variants } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cortexCore.snackbar(variants),
-      ref
-    },
-    children
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-});
-
-exports.Snackbar = Snackbar;

package/dist/esm/components/Snackbar.js

@@ -1,16 +0,0 @@
-import React, { forwardRef } from 'react';
-import { snackbar } from '@tecsinapse/cortex-core';
-
-const Snackbar = forwardRef((props, ref) => {
-  const { children, show, variants } = props;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: snackbar(variants),
-      ref
-    },
-    children
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-});
-
-export { Snackbar };

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SnackbarVariants } from '@tecsinapse/cortex-core';
-interface SnackbarProps {
-    variants?: SnackbarVariants;
-    children: JSX.Element;
-    show: boolean;
-}
-export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
-export {};