@tecsinapse/cortex-react 1.0.2 → 1.2.0

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagVariants } from '@tecsinapse/cortex-core';
+interface TagProps {
+    variants?: TagVariants;
+    label: string;
+}
+export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { InputBaseVariants } from '@tecsinapse/cortex-core';
+interface TextAreaPropsBase {
+    variants?: InputBaseVariants;
+    label?: string;
+    rows?: number;
+}
+interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
+}
+type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const TextArea: {
+    Root: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+    Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<TextAreaPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
+    Box: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+    Left: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Right: React.ForwardRefExoticComponent<DivBaseProps & {
+        children: React.ReactNode;
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Toggle: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/{src/components/index.ts → dist/types/components/index.d.ts}

@@ -9,3 +9,4 @@ export * from './Snackbar';
 export * from './Tag';
 export * from './Toggle';
 export * from './TextArea';
+export * from './Table';

package/dist/types/docs/badge-anchor.stories.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        value: number;
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/badge.stories.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        value: string;
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/button.stories.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/card.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/hint.stories.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        intent: string;
+        description: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        description: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/input-custom.stories.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        label: string;
+        placeholder: string;
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/input.stories.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        label: string;
+        placeholder: string;
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/modal.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/select-grouped.stories.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        placeholderSearchInput: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {
+        variant: string;
+        label: string;
+        placeholderSearchInput: string;
+    };
+};

package/dist/types/docs/select.stories.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        placeholderSearchInput: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {
+        variant: string;
+        label: string;
+        placeholderSearchInput: string;
+    };
+};

package/dist/types/docs/snackbar.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/table.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/tag.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        intent: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/text-area.stories.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+    args: {
+        rows: number;
+        intent: string;
+        label: string;
+        placeholder: string;
+    };
+    argTypes: {
+        intent: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        rows: {
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

package/dist/types/docs/toggle.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: JSX.Element;
+};
+export default _default;
+export declare const Base: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+    args: {};
+};

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

@@ -0,0 +1 @@
+export declare const defaultIntents: string[];

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

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function useDebouncedState<S>(initialState: S | (() => S), timeoutCallback?: (state: S) => void, timeoutMs?: number): [S, Dispatch<SetStateAction<S>>];

package/package.json

@@ -1,33 +1,38 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "React components based in @tecsinapse/cortex-core",
-  "author": "ryancarloscorrea <ryancarlos38@gmail.com>",
-  "homepage": "https://github.com/tecsinapse/design-system#readme",
   "license": "MIT",
-  "main": "src/index.ts",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "src"
+    "dist"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tecsinapse/design-system.git"
-  },
   "scripts": {
     "dev": "rollup --config --watch",
     "dev:dts": "tsc --project tsconfig.build.json --watch",
     "build:es": "rollup --config",
     "build:dts": "tsc --project tsconfig.build.json"
   },
+  "dependencies": {
+    "@tecsinapse/cortex-core": "0.2.0",
+    "clsx": "*",
+    "react-icons": "^5.2.1"
+  },
+  "repository": {
+    "type": "git",
+    "directory": "packages/cortex-react",
+    "url": "git+https://github.com/tecsinapse/design-system.git"
+  },
   "bugs": {
     "url": "https://github.com/tecsinapse/design-system/issues"
   },
+  "homepage": "https://tecsinapse.github.io/design-system/",
   "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "dependencies": {
-    "@tecsinapse/cortex-core": "0.1.10",
-    "clsx": "*",
-    "react-icons": "^5.2.1"
-  }
+  "gitHead": "5fdf13313937b667682216c4f86b6b84fa4612a4"
 }

package/src/components/Badge.tsx

@@ -1,45 +0,0 @@
-import React, { forwardRef, HTMLProps } from 'react';
-import { badge, BadgeVariants, containerBadge } from '@tecsinapse/cortex-core';
-
-interface BadgeProps {
-  value: string | number;
-  variants?: BadgeVariants;
-}
-
-interface BadgeAnchorProps extends BadgeProps {
-  children: JSX.Element;
-}
-
-export const Badge = forwardRef<
-  HTMLDivElement,
-  BadgeProps & Omit<HTMLProps<HTMLDivElement>, 'className'>
->((props, ref) => {
-  const { value, variants, ...rest } = props;
-  return (
-    <div
-      ref={ref}
-      className={badge({
-        className: `relative ${variants?.className}`,
-        intent: variants?.intent,
-      })}
-      {...rest}
-    >
-      {value}
-    </div>
-  );
-});
-
-export const BadgeAnchor = forwardRef<
-  HTMLDivElement,
-  BadgeAnchorProps & Omit<HTMLProps<HTMLDivElement>, 'className'>
->((props, ref) => {
-  const { value, variants, children, ...rest } = props;
-  return (
-    <div className={containerBadge()}>
-      {children}
-      <div ref={ref} className={badge(variants)} {...rest}>
-        {value}
-      </div>
-    </div>
-  );
-});

package/src/components/Button.tsx

@@ -1,19 +0,0 @@
-import React, { forwardRef } from 'react';
-import { button, ButtonVariants } from '@tecsinapse/cortex-core';
-
-interface ButtonProps {
-  variants?: ButtonVariants;
-  children?: JSX.Element;
-}
-
-export const Button = forwardRef<
-  HTMLButtonElement,
-  ButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>
->((props, ref) => {
-  const { variants, children, ...rest } = props;
-  return (
-    <button className={button(variants)} ref={ref} {...rest}>
-      {children}
-    </button>
-  );
-});

package/src/components/Card.tsx

@@ -1,18 +0,0 @@
-import React, { forwardRef, HTMLProps } from 'react'
-import { card } from '@tecsinapse/cortex-core'
-
-interface CardProps {
-  children: JSX.Element
-}
-export const Card = forwardRef<HTMLDivElement, CardProps & HTMLProps<HTMLDivElement>>((props, ref) => {
-  const { children, className, ...rest } = props
-  return (
-    <div
-      className={card({ className })}
-      ref={ref}
-      {...rest}
-    >
-      {children}
-    </div>
-  )
-})

package/src/components/Hint.tsx

@@ -1,31 +0,0 @@
-import React, { forwardRef, HTMLProps } from 'react'
-import { hint, HintVariants } from '@tecsinapse/cortex-core'
-
-interface HintProps {
-  children?: never
-  description: string
-  variants?: HintVariants
-}
-
-interface HintPropsWithChildrenProps {
-  children: JSX.Element
-  description?: never
-  variants?: HintVariants
-}
-
-type HintPropsUnion = HintProps | HintPropsWithChildrenProps
-
-export const Hint = forwardRef<HTMLDivElement, HintPropsUnion & Omit<HTMLProps<HTMLDivElement>, 'className'>>(
-  (props, ref) => {
-    const { description, children, variants } = props
-    return (
-      <div
-        className={hint(variants)}
-        ref={ref}
-      >
-        {description ? <p>{description}</p> : <></>}
-        {children}
-      </div>
-    )
-  }
-)