@hxtos/hx-components 0.2.0 → 0.4.0

package/dist/src/components/Avatar/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare interface AvatarProps extends React.ComponentPropsWithoutRef<"div"> {
+    size: "sm" | "md" | "lg";
+}
+declare function Avatar({ size, ...props }: AvatarProps): JSX.Element;
+export default Avatar;

package/dist/src/components/Backdrop/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface BackdropProps {
+    isOpen: boolean;
+    isDialog?: boolean;
+    children: ReactNode;
+    close: () => void;
+    scrollToTop?: boolean;
+}
+declare function Backdrop({ isOpen, close, children, scrollToTop, isDialog, }: BackdropProps): import("react/jsx-runtime").JSX.Element;
+export default Backdrop;

package/dist/src/components/Button/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+    size?: 'sm' | 'md';
+    variant?: 'primary' | 'secondary' | 'remove';
+}
+declare const Button: ({ children, className, size, variant, ...props }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/src/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const Card: ({ children, className, ...props }: ComponentPropsWithoutRef<'div'>) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/src/components/Checkbox/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface Props extends React.ComponentPropsWithoutRef<'input'> {
+    name: string;
+    label: string;
+    error?: string;
+}
+export declare const Checkbox: ({ label, name, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/src/components/ColorPicker/index.d.ts

@@ -0,0 +1,7 @@
+export declare interface ColorPickerProps {
+    color?: string;
+    disabled?: boolean;
+    onChange?: (color: string) => void;
+}
+declare const ColorPicker: ({ color: value, disabled, onChange, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorPicker;

package/dist/src/components/Dialog/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface ModalProps {
+    children: ReactNode;
+    open: boolean;
+    close: any;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
+    scrollToTop?: boolean;
+}
+declare function Modal({ open, children, close, size, scrollToTop }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/src/components/ErrorMessage/index.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const ErrorMessage: ({ children, ...props }: ComponentPropsWithoutRef<'span'>) => import("react/jsx-runtime").JSX.Element;
+export default ErrorMessage;

package/dist/src/components/File/BaseField.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from "../Input";
+export interface Props extends InputProps {
+    helper?: string;
+    mask?: string;
+}
+export declare const BaseField: ({ name, helper, onChange, onBlur, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BaseField;

package/dist/src/components/File/Color.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const ColorField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ColorField;

package/dist/src/components/File/Date.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const DateField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default DateField;

package/dist/src/components/File/Datetime.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const DatetimeField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default DatetimeField;

package/dist/src/components/File/ExampleForm.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExampleForm: import("react").ComponentType<object>;
+export default ExampleForm;

package/dist/src/components/File/MaskedText.d.ts

@@ -0,0 +1,6 @@
+import { Props } from "./BaseField.tsx";
+type MaskedTextProps = Props & {
+    mask: string;
+};
+export declare const MaskedTextField: (props: MaskedTextProps) => import("react/jsx-runtime").JSX.Element;
+export default MaskedTextField;

package/dist/src/components/File/Number.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const NumberField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default NumberField;

package/dist/src/components/File/Select.d.ts

@@ -0,0 +1,4 @@
+import { GroupBase } from "react-select";
+import { Props as SelectProps } from "../Select";
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ onChange, onBlur, options, name, label, getOptionLabel, getOptionValue, ...props }: SelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/src/components/File/Text.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const TextField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default TextField;

package/dist/src/components/File/Time.d.ts

@@ -0,0 +1,3 @@
+import { Props } from "./BaseField.tsx";
+export declare const TimeField: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default TimeField;

package/dist/src/components/Header/index.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const Header: ({ children, ...props }: ComponentPropsWithoutRef<'h1'>) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/src/components/HelperMessage/index.d.ts

@@ -0,0 +1,2 @@
+declare const HelperMessage: ({ children, ...props }: React.ComponentPropsWithoutRef<'span'>) => import("react/jsx-runtime").JSX.Element;
+export default HelperMessage;

package/dist/src/components/Input/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare interface ContainerProps extends ComponentPropsWithoutRef<'div'> {
+    error?: string;
+    disabled?: boolean;
+}
+export declare const Container: ({ error, disabled, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare interface InputProps extends React.ComponentPropsWithoutRef<'input'> {
+    error?: string;
+    helper?: string;
+    label: string;
+    mask?: string;
+    name: string;
+    onChange?: (value?: any) => void;
+    onBlur?: (value?: any) => void;
+}
+declare const Input: ({ className, error, helper, label, mask, name, type, value, onChange, onBlur, disabled, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/src/components/Label/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare interface LabelProps extends React.ComponentPropsWithoutRef<"label"> {
+    disabled: boolean;
+    focused?: boolean;
+    error?: string;
+}
+declare const Label: ({ className, children, disabled, focused, error, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/src/components/Navbar/index.d.ts

@@ -0,0 +1,6 @@
+declare const Nav: {
+    Navbar: ({ children, className, ...props }: React.ComponentPropsWithoutRef<'nav'>) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, className, ...props }: React.ComponentPropsWithoutRef<'button'>) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className, ...props }: React.ComponentPropsWithoutRef<'h1'>) => import("react/jsx-runtime").JSX.Element;
+};
+export default Nav;

package/dist/src/components/Radio/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface Props extends React.ComponentPropsWithoutRef<'input'> {
+    name: string;
+    label: string;
+    error?: string;
+}
+export declare const Radio: ({ label, name, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/dist/src/components/Select/index.d.ts

@@ -0,0 +1,11 @@
+import { GroupBase, Props as ReactSelectProps } from 'react-select';
+export type Props<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = ReactSelectProps<Option, IsMulti, Group> & {
+    onChange?: (value: any) => void;
+    onBlur?: () => void;
+    name: string;
+    label: string;
+    helper?: string;
+    error?: string;
+};
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ components, helper, error, ...props }: Props<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/src/components/SideMenu/SideMenuRow.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+interface RowProps {
+    route: any;
+    level: number;
+    children: ReactNode;
+    lastIndex: number;
+    currentIndex: number;
+    closeDialog: () => void;
+}
+declare function Row({ route, children, level, lastIndex, currentIndex, closeDialog, }: RowProps): import("react/jsx-runtime").JSX.Element;
+export default Row;

package/dist/src/components/SideMenu/SideMenuTree.d.ts

@@ -0,0 +1,8 @@
+interface TreeProps {
+    treeData: any[];
+    parentId?: string;
+    level?: number;
+    closeDialog: () => void;
+}
+declare function Tree({ treeData, parentId, level, closeDialog }: TreeProps): import("react/jsx-runtime").JSX.Element | null;
+export default Tree;

package/dist/src/components/SideMenu/index.d.ts

@@ -0,0 +1,6 @@
+interface SideMenuProps {
+    open?: boolean;
+    routes: any[];
+}
+declare function SideMenu({ routes, open: isOpen }: SideMenuProps): import("react/jsx-runtime").JSX.Element;
+export default SideMenu;

package/dist/src/components/Switch/index.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+export interface Props {
+    leftLabel?: string;
+    rightLabel?: string;
+    mode?: 'mono' | 'on-off' | 'off-on';
+    checked: boolean;
+    onChange: Dispatch<SetStateAction<boolean>>;
+    SwitchButton?: ReactNode;
+}
+export declare const Switch: ({ leftLabel, rightLabel, mode, checked, SwitchButton, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/dist/src/components/Tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface IProps {
+    children: ReactNode;
+    tooltip: string;
+}
+declare const Tooltip: FC<IProps>;
+export default Tooltip;

package/dist/src/components/UploadFile/index.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    Container?: any;
+    accept?: any;
+    children: ReactNode;
+    name: string;
+    disabled?: boolean | undefined;
+    fileName?: string;
+}
+export declare const UploadFile: {
+    PrimaryButton: (props: any) => import("react/jsx-runtime").JSX.Element;
+    OutlineButton: (props: any) => import("react/jsx-runtime").JSX.Element;
+    BoxButton: (props: any) => import("react/jsx-runtime").JSX.Element;
+};
+export default UploadFile;

package/dist/src/components/UserMenu/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+interface UserMenuProps {
+    user: any;
+    userTypeId?: number | undefined;
+    icons: any;
+    isDarkMode: boolean;
+    setIsDarkMode: any;
+    setTheme: any;
+    setLanguage: any;
+    onSelectTerminal?: any;
+    logout: any;
+    appNameText: string;
+    availablePortalsText: string;
+    clickToAccessText: string;
+    clickToChangeTerminal?: string;
+    nightThemeText: string;
+    logoutText: string;
+    isOpen: boolean;
+    setOpen: (value: React.SetStateAction<boolean>) => void;
+    terminalName?: string;
+}
+declare function UserMenu({ user, userTypeId, icons, isDarkMode, setIsDarkMode, setTheme, setLanguage, onSelectTerminal, logout, appNameText, availablePortalsText, clickToAccessText, clickToChangeTerminal, nightThemeText, logoutText, isOpen, setOpen, terminalName, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+export default UserMenu;

package/package.json

@@ -4,7 +4,7 @@
     "name": "Hxtos"
   },
   "private": false,
-  "version": "0.2.0",
+  "version": "0.4.0",
   "license": "MIT",
   "description": "Biblioteca de componentes Hxtos",
   "type": "module",
@@ -29,13 +29,22 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@hexagonpro/hx-icons": "3.2.0",
+    "@headlessui/react": "^1.7.17",
+    "@hexagonpro/hx-icons": "3.4.0",
     "@hexagonpro/tailwind-theme": "2.0.9",
     "@tanstack/react-table": "^8.10.7",
+    "@types/lodash": "^4.14.202",
     "chromatic": "^10.2.0",
     "classnames": "^2.3.2",
+    "formik": "^2.4.5",
+    "framer-motion": "^10.16.16",
+    "lodash": "^4.17.21",
     "react": "^18.2.0",
+    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
+    "react-input-mask": "^2.0.4",
+    "react-router-dom": "^6.21.1",
+    "react-select": "^5.8.0",
     "spinners-react": "^1.0.7"
   },
   "devDependencies": {
@@ -48,7 +57,9 @@
     "@storybook/react-vite": "7.6.6",
     "@storybook/test": "7.6.6",
     "@types/react": "^18.2.43",
+    "@types/react-color": "^3.0.6",
     "@types/react-dom": "^18.2.17",
+    "@types/react-input-mask": "^3.0.1",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -60,7 +71,7 @@
     "postcss": "^8.4.12",
     "storybook": "7.6.6",
     "typescript": "^5.2.2",
-    "vite": "^5.0.8", 
+    "vite": "^5.0.8",
     "vite-plugin-dts": "^3.6.0"
   }
 }