hiver-ui-kit-extended 1.0.0-beta.10

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/env.hui.d.ts

@@ -0,0 +1,240 @@
+import { BreadCrumbProps } from 'primereact/breadcrumb';
+import { ButtonHTMLAttributes } from 'react';
+import { ChipProps as ChipProps_2 } from 'primereact/chip';
+import { DataTableProps as DataTableProps_2 } from 'primereact/datatable';
+import { ElementType } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Breadcrumb: (props: BreadcrumbProps) => JSX_2.Element;
+
+export declare interface BreadcrumbItem {
+    label?: string;
+    icon?: string;
+    url?: string;
+}
+
+export declare interface BreadcrumbProps extends Omit<BreadCrumbProps, 'model' | 'home'> {
+    items: BreadcrumbItem[];
+    className?: string;
+    style?: React.CSSProperties;
+}
+
+export declare const Button: (props: ButtonProps) => JSX_2.Element;
+
+export declare interface ButtonProps {
+    label?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    icon?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+    variant?: 'contained' | 'outlined' | 'text';
+    size?: 'small' | 'medium' | 'large';
+    onClick?: () => void;
+    rounded?: boolean;
+    className?: string;
+    isTextStyled?: boolean;
+    badge?: string;
+}
+
+export declare const Chip: (props: ChipProps) => JSX_2.Element;
+
+export declare interface ChipProps extends Omit<ChipProps_2, 'label'> {
+    label?: string | ReactNode;
+    color?: "default" | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+    icon?: string;
+    onClick?: (event: MouseEvent_2<HTMLDivElement>) => void;
+    className?: string;
+    size?: "small" | "medium";
+    style?: React.CSSProperties;
+}
+
+export declare interface ColumnConfig {
+    id: string;
+    label: string;
+    field?: string;
+    [key: string]: any;
+}
+
+export declare function DataTable<T extends DataTableValueArray = DataTableValueArray>(props: DataTableProps<T>): JSX_2.Element;
+
+export declare interface DataTableProps<T extends DataTableValueArray = DataTableValueArray> extends Omit<DataTableProps_2<T>, 'children' | 'rows' | 'onRowClick'> {
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    primeProps?: Partial<DataTableProps_2<T>>;
+    columns?: ColumnConfig[];
+    rows?: number;
+    tableStyle?: React.CSSProperties;
+    onRowClick?: any;
+}
+
+export declare type DataTableValueArray = Array<Record<string, any>>;
+
+export declare const Dialog: (props: DialogProps) => JSX_2.Element;
+
+export declare interface DialogProps {
+    children: ReactNode;
+    /** Controls the visibility of the dialog (MUI-style API) */
+    open?: boolean;
+    /** Callback fired when the component requests to be closed */
+    onClose?: (event?: {}, reason?: 'backdropClick' | 'escapeKeyDown') => void;
+    /** If true, the dialog will stretch to the maximum width */
+    fullWidth?: boolean;
+    /** Determine the maximum width of the dialog */
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+    /** If true, the dialog will be full-screen */
+    fullScreen?: boolean;
+    /** If true, pressing the escape key will not trigger the onClose callback */
+    disableEscapeKeyDown?: boolean;
+    /** Determine the container for scrolling the dialog */
+    scroll?: 'body' | 'paper';
+    /** Title of the dialog */
+    title?: ReactNode;
+    /** Footer content of the dialog */
+    footer?: ReactNode;
+    /** Variant of the dialog */
+    variant?: 'standard' | 'confirmation';
+    /** Callback fired when the back button is clicked (for confirmation variant) */
+    onBack?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+
+export declare const HUITheme: {
+    palette: {
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+        };
+    };
+};
+
+/**
+ * HUI Theme Provider
+ * Wraps the app and provides the HUI theme via context
+ */
+export declare function HUIThemeProvider({ children, theme, }: HUIThemeProviderProps): JSX_2.Element;
+
+declare interface HUIThemeProviderProps {
+    children: ReactNode;
+    theme?: typeof HUITheme;
+}
+
+declare type IconType = ReactNode | string;
+
+export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
+
+export declare const Tab: (props: TabProps) => JSX_2.Element;
+
+export declare interface TabItem {
+    label: string;
+    content: ReactNode;
+    icon?: ReactNode;
+}
+
+export declare interface TabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {
+    header: string | ReactNode;
+    value?: number | string;
+    icon?: ReactNode;
+    iconPosition?: 'start' | 'end';
+    count?: number;
+    countVisible?: boolean;
+    newProd?: boolean;
+    Premium?: boolean;
+    disabled?: boolean;
+    sx?: SxProps;
+    children?: ReactNode;
+}
+
+export declare const Tabs: (props: TabsProps) => JSX_2.Element;
+
+export declare type TabsIndicatorColor = 'primary' | 'secondary';
+
+export declare type TabsOrientation = 'horizontal' | 'vertical';
+
+export declare interface TabsProps {
+    value: number;
+    onTabChange: any;
+    items: TabItem[];
+    className?: string;
+}
+
+export declare type TabsScrollButtons = 'auto' | true | false;
+
+export declare type TabsTextColor = 'primary' | 'secondary' | 'inherit';
+
+export declare type TabsVariant = 'standard' | 'scrollable' | 'fullWidth';
+
+export declare const TextField: (props: TextFieldProps) => JSX_2.Element;
+
+export declare interface TextFieldProps {
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    type?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    name?: string;
+    id?: string;
+    autoFocus?: boolean;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+    label?: string;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+    icon?: IconType;
+    iconPosition?: 'left' | 'right';
+    children?: ReactNode;
+}
+
+export declare const Toast: (props: ToastProps) => JSX_2.Element;
+
+export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center';
+
+export declare interface ToastProps {
+    text: string;
+    severity?: ToastSeverity;
+    position?: ToastPosition;
+    life?: number;
+    closable?: boolean;
+    className?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+}
+
+export declare type ToastSeverity = 'success' | 'error' | 'warning' | 'info';
+
+export declare interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    text?: string;
+    variant?: TypographyVariant;
+    tag?: TypographyTag;
+    noWrap?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TypographyTag = ElementType;
+
+export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body2' | 'body3' | 'sm' | 'caption';
+
+/**
+ * Hook to access the HUI theme
+ */
+export declare function useHUITheme(): {
+    palette: {
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+        };
+    };
+};
+
+export { }