@tecsinapse/cortex-react 1.0.2 → 1.1.0

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.1.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": "433888823a08834db26af7fe5209da1bac509699"
 }

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>
-    )
-  }
-)

package/src/components/Input.tsx

@@ -1,110 +0,0 @@
-import React from 'react';
-import {
-  input,
-  InputBaseVariants,
-  inputBox,
-  labelStyle,
-} from '@tecsinapse/cortex-core';
-import { clsx } from 'clsx';
-
-const getValidChildren = (children: React.ReactNode) => {
-  return React.Children.toArray(children).filter(el =>
-    React.isValidElement(el)
-  ) as React.ReactElement[];
-};
-
-interface InputPropsBase {
-  variants?: InputBaseVariants;
-  label?: string;
-}
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement>,
-    InputPropsBase {}
-
-export const Box = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
-    return (
-      <div className={'flex w-full flex-col'}>
-        <input
-          id={id ?? name}
-          name={name}
-          placeholder={placeholder ?? ' '}
-          className={clsx(inputBox(placeholder, label, className))}
-          {...rest}
-          ref={ref}
-        />
-        <label
-          htmlFor={id ?? name}
-          className={labelStyle({ intent: variants?.intent, placeholder })}
-        >
-          {label}
-        </label>
-      </div>
-    );
-  }
-);
-
-type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
-type InputFaceProps = DivBaseProps & Pick<InputPropsBase, 'variants'>;
-
-export const Face = React.forwardRef<HTMLDivElement, InputFaceProps>(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map(el => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return (
-      <div
-        {...rest}
-        className={clsx(input(variants), className)}
-        id={'input-face'}
-        ref={ref}
-      >
-        {clones}
-      </div>
-    );
-  }
-);
-
-export const Root = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ variants, className, ...rest }, ref) => {
-    return (
-      <Face variants={variants} className={className}>
-        <Box {...rest} ref={ref} />
-      </Face>
-    );
-  }
-);
-
-type InputElementsProps = DivBaseProps & {
-  children: React.ReactNode;
-  className?: string;
-};
-
-export const Left = React.forwardRef<HTMLDivElement, InputElementsProps>(
-  ({ children, className, ...rest }, ref) => {
-    return (
-      <div className={clsx(className, 'mr-2.5')} {...rest} ref={ref}>
-        {children}
-      </div>
-    );
-  }
-);
-
-export const Right = React.forwardRef<HTMLDivElement, InputElementsProps>(
-  ({ children, className, ...rest }, ref) => {
-    return (
-      <div className={clsx(className, 'ml-2.5')} {...rest} ref={ref}>
-        {children}
-      </div>
-    );
-  }
-);
-
-export const Input = {
-  Root,
-  Face,
-  Box,
-  Left,
-  Right,
-};