@foris/avocado-suite 1.1.1 → 1.2.1

package/dist/components/DataTable/DataTable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const DataTable: {
     Action: import("react").FC<import("./components/DataTableAction/DataTableAction").IDataTableAction>;
     SubActions: import("react").FC<import("./components/DataTableAction/DataTableSubActions").DataTableSubActionsProps>;

package/dist/components/access-panel/AccessPanel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type AccessPanelProduct = {
     key?: string;
     name: string;

package/dist/components/account-menu/AccountMenu.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { AccountDetailsProps } from './components/account-details/AccountDetails';
+import { MenuLocaleDropdownProps } from './components/menu-locale-dropdown/MenuLocaleDropdown';
+import { SwitchThemeProps } from '../switch-theme/SwitchTheme';
+export interface AccountMenuProps {
+    accountDetails?: AccountDetailsProps;
+    localeProps?: MenuLocaleDropdownProps & {
+        showLocale?: boolean;
+    };
+    themeProps?: SwitchThemeProps & {
+        showTheme?: boolean;
+    };
+    isOpen?: boolean;
+    onLogout?: () => void;
+}
+declare const AccountMenu: FC<AccountMenuProps>;
+export default AccountMenu;

package/dist/components/account-menu/components/account-details/AccountDetails.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export interface AccountDetailsProps {
+    /**
+     * Usually the user id + user name
+     */
+    title?: string;
+    email?: string;
+    /**
+     * If true, the component will show a skeleton loading
+     */
+    isLoading?: boolean;
+}
+declare const AccountDetails: FC<AccountDetailsProps>;
+export default AccountDetails;

package/dist/components/account-menu/components/account-details/index.d.ts

@@ -0,0 +1,2 @@
+import AccountDetails from './AccountDetails';
+export default AccountDetails;

package/dist/components/account-menu/components/account-menu-item/AccountMenuItem.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, FC } from 'react';
+import { type IconTypes } from '../../../../../../avocado-icons';
+interface AccountMenuItemProps {
+    className?: string;
+    icon?: IconTypes;
+    label: string;
+    rightContent?: ReactNode;
+    active?: boolean;
+    onClick?: () => void;
+}
+declare const AccountMenuItem: FC<AccountMenuItemProps>;
+export default AccountMenuItem;

package/dist/components/account-menu/components/account-menu-item/index.d.ts

@@ -0,0 +1,2 @@
+import AccountMenuItem from './AccountMenuItem';
+export default AccountMenuItem;

package/dist/components/account-menu/components/menu-locale-dropdown/MenuLocaleDropdown.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Locale } from '../../../../store/useLocaleStore';
+export interface MenuLocaleDropdownProps {
+    isLoading?: boolean;
+    onSelectLocale?: (locale: Locale) => void;
+}
+declare const MenuLocaleDropdown: FC<MenuLocaleDropdownProps>;
+export default MenuLocaleDropdown;

package/dist/components/account-menu/components/menu-locale-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+import MenuLocaleDropdown from './MenuLocaleDropdown';
+export default MenuLocaleDropdown;

package/dist/components/banner/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Banner: {
     Wrapper: import("react").FC<import("./Banner").BannerProps>;
     Item: import("react").FC<import("./BannerItem").BannerItemProps>;

package/dist/components/button/Button.d.ts

@@ -7,6 +7,8 @@ export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAtt
     children: React.ReactNode | string;
     /** Overwrite className */
     className?: string;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** Show icon on the left */
     leftIcon?: IconTypes;
     /** Loading state */

package/dist/components/menu/Menu.d.ts

@@ -8,6 +8,8 @@ interface MenuProps {
     closeOnClick?: boolean;
     /** Control if you want to close the list after clicking one of the options or not */
     disabled?: boolean;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** List of the items to render when the menu is open */
     items: MenuItem[];
     /** From where to start to render the list */

package/dist/components/round-button/RoundButton.d.ts

@@ -6,6 +6,8 @@ export interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.
     className?: string;
     /** Disabled state */
     disabled?: boolean;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** Icon name */
     icon: IconTypes;
     /** Loading state */

package/dist/components/switch-theme/SwitchTheme.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ThemeMode } from '../../types/theme.types';
+export interface SwitchThemeProps {
+    isLoading?: boolean;
+    onSelectTheme?: (newThemeMode: ThemeMode) => void;
+}
+export declare enum ThemeEnum {
+    Light = "light",
+    Dark = "dark"
+}
+declare const SwitchTheme: React.FC<SwitchThemeProps>;
+export default SwitchTheme;

package/dist/components/switch-theme/index.d.ts

@@ -0,0 +1,2 @@
+import SwitchTheme from "./SwitchTheme";
+export default SwitchTheme;

package/dist/components/table/components/table-desktop/TableDesktop.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from '../../../../types/table.types';
 declare const TableDesktop: React.FC<TableProps>;
 export default TableDesktop;

package/dist/components/table/components/table-desktop-row/TableDesktopRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableColumn, TableRightAction, TableSelectType, TableVariant } from '../../../../types/table.types';
 interface TableDesktopRowProps {
     row: any;

package/dist/components/table/components/table-mobile-row/TableMobileRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableColumn, TableRightAction, TableSelectType } from '../../../../types/table.types';
 interface TableMobileRowProps {
     row: any;

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,17 @@
+import { type DetailedHTMLProps, type TextareaHTMLAttributes, type FC } from 'react';
+export interface TextareaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    /** Overwrite className */
+    className?: string;
+    /** Set top label */
+    label?: string;
+    /** Set max length */
+    maxLength?: number;
+    /** Set error state */
+    isError?: boolean;
+    /** Set helper text for error state */
+    errorText?: string;
+    /** Set value */
+    value?: string;
+}
+declare const Textarea: FC<TextareaProps>;
+export default Textarea;

package/dist/index.d.ts

@@ -3,6 +3,7 @@
  */
 import { ThemeProvider } from './contexts/theme/ThemeProvider';
 import * as ThemeStore from './store/useThemeStore';
+import * as LocaleStore from './store/useLocaleStore';
 import Accordion from './components/accordion/Accordion';
 import Box from './components/box/Box';
 import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
@@ -41,6 +42,7 @@ import Tabs from './components/tabs/Tabs';
 import Tag from './components/tag/Tag';
 import Text from './components/text/Text';
 import TextField from './components/text-field/TextField';
+import Textarea from './components/textarea/Textarea';
 import Timer from './components/timer/Timer';
 import Toaster from './components/toaster/Toaster';
 import Tooltip from './components/tooltip/Tooltip';
@@ -51,8 +53,9 @@ import Drawer from './components/drawer/Drawer';
 import Banner from './components/banner';
 import SidebarMenu from './components/sidebar-menu/SidebarMenu';
 import AccessPanel from './components/access-panel/AccessPanel';
+import AccountMenu from './components/account-menu/AccountMenu';
 import { toast } from 'react-toastify';
-export { Banner, Drawer, AccessPanel, SidebarMenu, Weekly, WeeklyGroup, Accordion, Box, Breadcrumbs, Button, Card, CardAccordion, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, PreviewerMarkdown, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, ThemeProvider, ThemeStore, Timer, Toaster, Tooltip, Table, toast, };
+export { Banner, Drawer, AccessPanel, AccountMenu, SidebarMenu, Weekly, WeeklyGroup, Accordion, Box, Breadcrumbs, Button, Card, CardAccordion, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, PreviewerMarkdown, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, Textarea, ThemeProvider, ThemeStore, LocaleStore, Timer, Toaster, Tooltip, Table, toast, };
 /**
  * Types
  */
@@ -65,6 +68,7 @@ export type { MenuItem } from './types/menu.types';
 export type { RoundButtonProps } from './components/round-button/RoundButton';
 export type { SelectProps } from './components/select/Select';
 export type { TextFieldProps } from './components/text-field/TextField';
+export type { TextareaProps } from './components/textarea/Textarea';
 export type { TextProps } from './components/text/Text';
 export type { TimerTime } from './components/timer/Timer';
 export type { ModalProps } from './components/modal/Modal';

package/dist/store/useLocaleStore.d.ts

@@ -0,0 +1,12 @@
+export type Locale = 'en' | 'es';
+export type localeOption = {
+    value: Locale;
+    label: string;
+};
+type State = {
+    locale: Locale;
+    locales: localeOption[];
+};
+export declare const useLocaleStore: import("zustand").UseBoundStore<import("zustand").StoreApi<State>>;
+export declare const setLocale: (locale: Locale, useLocalStorage?: boolean, emitEvent?: boolean) => void;
+export {};