@tecsinapse/cortex-react 1.3.0-beta.2 → 1.3.0-beta.3

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0-beta.3",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -18,8 +18,9 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.3.0-beta.0",
+    "@tecsinapse/cortex-core": "0.3.0-beta.1",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
@@ -41,5 +42,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "cc8903eb4c3ec693fa6dbd384bfc407f39e144ae"
+  "gitHead": "6cfddfd6db49be4dcf6dc53f192e659566bce3b3"
 }

package/dist/cjs/components/Input.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var cortexCore = require('@tecsinapse/cortex-core');
-var clsx = require('clsx');
-var React = require('react');
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const InputBox = React.forwardRef(
-  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx.clsx(cortexCore.inputBox(placeholder, label, className)),
-        ...rest,
-        ref,
-        "data-testid": "input-input"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: cortexCore.labelStyle({ intent: variants?.intent, placeholder }),
-        "data-testid": "input-label"
-      },
-      label
-    ));
-  }
-);
-const InputFace = React.forwardRef(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        className: clsx.clsx(cortexCore.input(variants), className),
-        id: "input-face",
-        ref
-      },
-      clones
-    );
-  }
-);
-const InputRoot = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(InputFace, { variants, className }, /* @__PURE__ */ React.createElement(InputBox, { ...rest, ref }));
-  }
-);
-const InputLeft = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "mr-2.5"), ...rest, ref }, children);
-  }
-);
-const InputRight = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "ml-2.5"), ...rest, ref }, children);
-  }
-);
-const Input = {
-  Root: InputRoot,
-  Face: InputFace,
-  Box: InputBox,
-  Left: InputLeft,
-  Right: InputRight
-};
-
-exports.Input = Input;
-exports.InputBox = InputBox;
-exports.InputFace = InputFace;
-exports.InputLeft = InputLeft;
-exports.InputRight = InputRight;
-exports.InputRoot = InputRoot;

package/dist/esm/components/Input.js

@@ -1,74 +0,0 @@
-import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
-import { clsx } from 'clsx';
-import React from 'react';
-
-const getValidChildren = (children) => {
-  return React.Children.toArray(children).filter(
-    (el) => React.isValidElement(el)
-  );
-};
-const InputBox = React.forwardRef(
-  ({ id, name, variants, label, placeholder, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        id: id ?? name,
-        name,
-        placeholder: placeholder ?? " ",
-        className: clsx(inputBox(placeholder, label, className)),
-        ...rest,
-        ref,
-        "data-testid": "input-input"
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id ?? name,
-        className: labelStyle({ intent: variants?.intent, placeholder }),
-        "data-testid": "input-label"
-      },
-      label
-    ));
-  }
-);
-const InputFace = React.forwardRef(
-  ({ children, variants, className, ...rest }, ref) => {
-    const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
-    });
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        className: clsx(input(variants), className),
-        id: "input-face",
-        ref
-      },
-      clones
-    );
-  }
-);
-const InputRoot = React.forwardRef(
-  ({ variants, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement(InputFace, { variants, className }, /* @__PURE__ */ React.createElement(InputBox, { ...rest, ref }));
-  }
-);
-const InputLeft = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
-  }
-);
-const InputRight = React.forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
-  }
-);
-const Input = {
-  Root: InputRoot,
-  Face: InputFace,
-  Box: InputBox,
-  Left: InputLeft,
-  Right: InputRight
-};
-
-export { Input, InputBox, InputFace, InputLeft, InputRight, InputRoot };

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

@@ -1,34 +0,0 @@
-import { InputBaseVariants } from '@tecsinapse/cortex-core';
-import React from 'react';
-export interface InputPropsBase {
-    variants?: InputBaseVariants;
-    label?: string;
-}
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
-}
-export declare const InputBox: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const InputFace: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
-export declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export declare const InputLeft: React.ForwardRefExoticComponent<DivBaseProps & {
-    children: React.ReactNode;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const InputRight: React.ForwardRefExoticComponent<DivBaseProps & {
-    children: React.ReactNode;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const Input: {
-    Root: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-    Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
-    Box: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-    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/SearchInput.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-interface SearchInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'> {
-    label?: string;
-    placeholder?: string;
-    isSubmitting?: boolean;
-    onChange?: (value: string) => void;
-    onClick?: (value: string) => void;
-    BOUNCE_TIMEOUT?: number;
-}
-declare const SearchInput: ({ label, placeholder, isSubmitting, onChange, onClick, BOUNCE_TIMEOUT, className, ...rest }: SearchInputProps) => JSX.Element;
-export default SearchInput;