@agregio-solutions/design-system 1.28.2 → 1.30.0

package/dist/packages/components/Icon/components/swap_horiz.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconSwapHoriz(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/components/text_snippet.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconTextSnippet(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/components/tree_item.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconTreeItem(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/components/undo.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconUndo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/components/warehouse.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconWarehouse(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/components/warning_amber.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '..';
-
 export default function IconWarningAmber(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Icon/index.d.ts

@@ -65,7 +65,6 @@ import { default as tree_item } from './components/tree_item';
 import { default as undo } from './components/undo';
 import { default as warehouse } from './components/warehouse';
 import { default as warning_amber } from './components/warning_amber';
-
 export declare const AVAILABLE_ICONS: {
     access_time: typeof access_time;
     add: typeof add;

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

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { IconName } from '../Icon';
+export type Props = {
+    /**
+     * Required label for the field
+     */
+    label: string | React.ReactNode;
+    /**
+     * id used mainly to link the label to the field
+     */
+    htmlForId?: string;
+    /**
+     * Optional icon to display on the right side of the label
+     */
+    labelIconRight?: IconName;
+    /**
+     * Is the child field required, used to display a little asterisk next to the label
+     */
+    required?: boolean;
+    /**
+     * The CSS className for the element.
+     */
+    className?: string;
+    /**
+     * The inline style for the element.
+     */
+    style?: React.CSSProperties;
+};
+export default function Label({ htmlForId, required, label, labelIconRight, ...divProps }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Link/index.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { LinkProps } from 'react-aria-components';
-
 type Props = {
     /**
      * Text for the link.

package/dist/packages/components/Menu/index.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { Props as ButtonProps } from '../Button';
+type Placement = "bottom" | "bottom left" | "bottom right" | "bottom start" | "bottom end" | "top" | "top left" | "top right" | "top start" | "top end" | "left" | "left top" | "left bottom" | "start" | "start top" | "start bottom" | "right" | "right top" | "right bottom" | "end" | "end top" | "end bottom";
+interface Props {
+    /**
+     * Options to display in the dropdown.
+     * Should be a list of MenuItem.
+     */
+    children: React.ReactNode;
+    /**
+     * Props to pass to the button.
+     */
+    buttonProps: ButtonProps;
+    /**
+     * Whether the overlay is open by default (controlled).
+     */
+    isOpen?: boolean;
+    /**
+     * Handler that is called when the overlay's open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Whether the overlay is open by default (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    /**
+     * The placement of the menu.
+     * @default "bottom"
+     */
+    placement?: Placement;
+}
+export default function Menu({ children, buttonProps, isOpen, onOpenChange, defaultOpen, placement, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/components/MenuItem/index.d.ts

@@ -0,0 +1,34 @@
+import { IconName } from '../Icon';
+export type Props = {
+    /**
+     * The text to display in the dropdown item
+     */
+    text: string;
+    /**
+     * Icon displayed on the extreme left.
+     */
+    iconLeft?: IconName;
+    /**
+     * Icon displayed on the extreme right.
+     */
+    iconRight?: IconName;
+    /**
+     * Whether the item is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Function called when the item is selected (by click, keyboard, etc.)
+     */
+    onClick?: () => void;
+    /**
+     * A URL to link
+     */
+    href?: string;
+    /**
+     * Only active with the `href` prop.
+     * Router-specific options to pass to the `Link` component under the hood. (configured by the RouterProvider).
+     * Example : `{ replace: true }`
+     */
+    routerOptions?: any;
+};
+export default function MenuItem({ text, iconRight, iconLeft, href, routerOptions, onClick, isDisabled, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Modal/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-
+import { ModalActions, ModalContent, ModalForm } from './index.styled';
 export interface Props {
     /**
      * Determines if the modal is open or closed
@@ -17,26 +17,11 @@ export interface Props {
      * Content to be rendered inside the modal
      */
     children: React.ReactNode;
-    /**
-     * Handler call on click on the primary action button
-     */
-    onPrimaryClick: () => void;
-    /**
-     * Label for the primary action button
-     */
-    primaryLabel: string;
-    /**
-     * Handler call on click on the secondary action button
-     */
-    onSecondaryClick?: () => void;
-    /**
-     * Label for the secondary action button
-     */
-    secondaryLabel?: string;
     /**
      * Whether the user can close the modal by clicking outside of it or pressing the escape key
      * @default true
      */
     isDismissable?: boolean;
 }
-export default function Modal({ children, onPrimaryClick, primaryLabel, onSecondaryClick, secondaryLabel, isOpen, onOpenChange, title, isDismissable, }: Props): React.ReactElement;
+export default function Modal({ children, isOpen, onOpenChange, title, isDismissable, }: Props): React.ReactElement;
+export { ModalContent, ModalActions, ModalForm };

package/dist/packages/components/Navigation/components/AgregioSolutionsLogo.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '../../Icon';
-
 export default function AgregioSolutionsLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Navigation/components/ConnectionManagementLogo.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '../../Icon';
-
 export default function ConnectionManagementLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Navigation/components/IrisLogo.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '../../Icon';
-
 export default function IrisLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Navigation/components/VPPLogo.d.ts

@@ -1,3 +1,2 @@
 import { IconBaseProps } from '../../Icon';
-
 export default function VPPLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Navigation/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * Navigation items to display in the navigation.

package/dist/packages/components/NavigationItem/index.d.ts

@@ -1,5 +1,4 @@
 import { IconName } from '../Icon';
-
 type Props = {
     /**
      * The label of the navigation item.

package/dist/packages/components/Pagination/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * The total number of items/rows.

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = Omit<React.HTMLProps<HTMLInputElement>, "label" | "type"> & {
     /**
      * The text to display next to the radio button.

package/dist/packages/components/RouterProvider/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { Href, RouterOptions } from '@react-types/shared';
-
 type Props = {
     /**
      * See the React Aria docs for more details on the RouterProvider usage

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { IconName } from '../Icon';
 import { ButtonProps } from 'react-aria-components';
-
 interface GenericProps {
     /**
      * Required id, used mainly to link the label to the field

package/dist/packages/components/SelectItem/index.d.ts

@@ -1,5 +1,4 @@
 import { IconName } from '../Icon';
-
 export type Props = {
     /**
      * The id of the item, returned in the `onChange` event
@@ -26,5 +25,11 @@ export type Props = {
      * A URL to link
      */
     href?: string;
+    /**
+     * Only active with the `href` prop.
+     * Router-specific options to pass to the `Link` component under the hood. (configured by the RouterProvider).
+     * Example : `{ replace: true }`
+     */
+    routerOptions?: any;
 };
-export default function SelectItem({ text, id, iconRight, iconLeft, isSelected, href, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SelectItem({ text, id, iconRight, iconLeft, isSelected, href, routerOptions, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * The label of the switch, can be a React Component for more advanced styling or bold text for example

package/dist/packages/components/Tabs/Tab/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * Required unique Key of the tab.
@@ -31,6 +30,12 @@ type Props = {
      * Show a little dot right of the Tab label.
      */
     hasNotification?: boolean;
+    /**
+     * Only active with the `href` prop.
+     * Router-specific options to pass to the `Link` component under the hood. (configured by the RouterProvider).
+     * Example : `{ replace: true }`
+     */
+    routerOptions?: any;
 };
 declare const Tab: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default Tab;

package/dist/packages/components/Tabs/TabList/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * The children of the component.

package/dist/packages/components/Tabs/TabPanel/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * The children of the component, to be shown when the tab is selected.

package/dist/packages/components/Tabs/Tabs/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type Props = {
     /**
      * The children of the component.

package/dist/packages/components/Tag/index.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IconName } from '../Icon';
-
 type Props = {
     /**
      * Specifies the tag colour. The default is "default".

package/dist/packages/components/TextInput/index.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IconName } from '../Icon';
-
 export type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     /**
      * Label for the field.

package/dist/packages/components/TimeField/index.d.ts

@@ -1,6 +1,5 @@
 import { IconName } from '../Icon';
 import { default as React } from 'react';
-
 interface Props {
     /**
      * Required id, used mainly to link the label to the field.

package/dist/packages/components/Toaster/index.d.ts

@@ -0,0 +1,25 @@
+type Props = {
+    /**
+     * By default, when you hover on one of the toasts, they will expand.
+     * You can make all the toasts always visible by setting this prop to true.
+     * @default false
+     */
+    expand?: boolean;
+    /**
+     * Changes the place where all toasts will be rendered.
+     * @default "bottom-center"
+     */
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    /**
+     * The maximum number of toasts that will be visible at once.
+     * @default 3
+     */
+    visibleToasts?: number;
+    /**
+     * The offset of the toaster from the edge of the screen.
+     * @default 32
+     */
+    offset?: number;
+};
+export default function Toaster({ position, expand, visibleToasts, offset, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/components/Toaster/index.styles.d.ts

@@ -0,0 +1 @@
+export declare const Toaster: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('sonner').ToasterProps, never>> & string & Omit<(props: import('sonner').ToasterProps) => JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/packages/ds-design-tokens/index.d.ts

@@ -1,4 +1,3 @@
 import { tokens } from './src/tokens.style.js';
 import { fontSize, lineHeight } from './src/fontSize.style.js';
-
 export { tokens, fontSize, lineHeight };

package/dist/packages/index.d.ts

@@ -3,6 +3,7 @@ import { default as Breadcrumbs } from './components/Breadcrumbs';
 import { default as Button } from './components/Button';
 import { default as Checkbox } from './components/Checkbox';
 import { default as CheckboxGroup } from './components/CheckboxGroup';
+import { default as Combobox } from './components/Combobox';
 import { default as DataTable } from './components/DataTable';
 import { default as DataTableCell } from './components/DataTable/DataTableCell';
 import { default as DataTableHeader } from './components/DataTable/DataTableHeader';
@@ -16,9 +17,12 @@ import { default as FileUpload } from './components/FileUpload';
 import { default as Filter, TypeTableColumnWithFilter } from './components/Filter';
 import { default as Header } from './components/Header';
 import { default as Icon } from './components/Icon';
+import { default as Label } from './components/Label';
 import { default as Link } from './components/Link';
 import { default as Loader } from './components/Loader';
-import { default as Modal } from './components/Modal';
+import { default as Menu } from './components/Menu';
+import { default as MenuItem } from './components/MenuItem';
+import { default as Modal, ModalContent, ModalActions, ModalForm } from './components/Modal';
 import { default as Navigation } from './components/Navigation';
 import { default as NavigationItem } from './components/NavigationItem';
 import { default as Pagination } from './components/Pagination';
@@ -33,10 +37,11 @@ import { default as Tabs } from './components/Tabs/Tabs';
 import { default as Tag } from './components/Tag';
 import { default as TextInput } from './components/TextInput';
 import { default as TimeField } from './components/TimeField';
+import { default as Toaster } from './components/Toaster';
+import { default as RouterProvider } from './components/RouterProvider';
 import { default as createMuiTheme } from './mui/mui-theme.ts';
 import { tokens, fontSize, lineHeight } from './ds-design-tokens/index';
 import { I18nProvider } from 'react-aria';
-import { default as RouterProvider } from './components/RouterProvider';
-
-export { Badge, Breadcrumbs, Button, Checkbox, CheckboxGroup, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, lineHeight, Link, Loader, Modal, Navigation, NavigationItem, Pagination, Radio, RouterProvider, Select, SelectItem, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, tokens, };
+import { toast } from 'sonner';
+export { Badge, Breadcrumbs, Button, Checkbox, CheckboxGroup, Combobox, createMuiTheme, DataTable, DataTableCell, DataTableHeader, DataTableRoot, DataTableRow, DatePicker, DateRangePicker, Drawer, Dropdown, FileUpload, Filter, fontSize, Header, I18nProvider, Icon, Label, lineHeight, Link, Loader, Menu, MenuItem, Modal, ModalContent, ModalActions, ModalForm, Navigation, NavigationItem, Pagination, Radio, RouterProvider, Select, SelectItem, Switch, Tab, TabList, TabPanel, Tabs, Tag, TextInput, TimeField, toast, Toaster, tokens, };
 export type { TypeTableColumnWithFilter };

package/dist/packages/internal-components/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    mode: "single" | "range";
+};
+export default function Calendar({ mode }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/internal-components/CoreTextInput/index.styled.d.ts

@@ -0,0 +1,5 @@
+export declare const CoreTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('react-aria-components').InputProps & import('react').RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
+}, {
+    hasIcon: boolean;
+}>> & string & Omit<(props: import('react-aria-components').InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import('react').Component<any, {}, any>>;

package/dist/packages/internal-components/ErrorBoundary/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ReactNode } from 'react';
+interface ErrorBoundaryState {
+    hasError: boolean;
+    errorMessage?: string;
+}
+interface ErrorBoundaryProps {
+    children: ReactNode;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    componentDidCatch(error: Error): void;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}
+export default ErrorBoundary;

package/dist/packages/internal-components/FormGroupHelper/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { IconName } from '../../components/Icon';
+export type Props = {
+    /**
+     * Optional icon to display on the left side of the text. Only visible if there is a text
+     */
+    iconLeft?: IconName;
+    /**
+     * Help information to display under the field
+     */
+    text: string | React.ReactNode;
+    /**
+     * Specifies the nature of the text (mainly to change its color)
+     * @default "default"
+     */
+    nature?: "default" | "negative" | "positive";
+};
+export default function FormGroupHelper({ iconLeft, text, nature, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/packages/internal-components/FormGroupWrapper/index.d.ts

@@ -0,0 +1,76 @@
+import { default as React } from 'react';
+import { IconName } from '../../components/Icon';
+import { Props as LabelProps } from '../../components/Label';
+export type Props = LabelProps & {
+    /**
+     * form element to put inside the form group
+     */
+    children: React.ReactNode;
+    /**
+     * Optional description to display under the label and above the field
+     */
+    description?: string | React.ReactNode;
+    /**
+     * Helper text displayed below the input field, like additional instructions.
+     * @deprecated use `description` instead
+     */
+    helperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the helperText. Only visible if there is a helperText
+     * @deprecated use `description` instead
+     */
+    helperTextIcon?: IconName;
+    /**
+     * Validation error message to display below the input field.
+     */
+    errorHelperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the error help text. Only visible if there is a errorHelperText
+     */
+    errorHelperTextIcon?: IconName;
+    /**
+     * Success message to display below the input field.
+     */
+    successHelperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the success help text. Only visible if there is a successHelperText
+     */
+    successHelperTextIcon?: IconName;
+};
+declare const FormGroupWrapper: React.ForwardRefExoticComponent<LabelProps & {
+    /**
+     * form element to put inside the form group
+     */
+    children: React.ReactNode;
+    /**
+     * Optional description to display under the label and above the field
+     */
+    description?: string | React.ReactNode;
+    /**
+     * Helper text displayed below the input field, like additional instructions.
+     * @deprecated use `description` instead
+     */
+    helperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the helperText. Only visible if there is a helperText
+     * @deprecated use `description` instead
+     */
+    helperTextIcon?: IconName;
+    /**
+     * Validation error message to display below the input field.
+     */
+    errorHelperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the error help text. Only visible if there is a errorHelperText
+     */
+    errorHelperTextIcon?: IconName;
+    /**
+     * Success message to display below the input field.
+     */
+    successHelperText?: string | React.ReactNode;
+    /**
+     * Optional icon to display on the left side of the success help text. Only visible if there is a successHelperText
+     */
+    successHelperTextIcon?: IconName;
+} & React.RefAttributes<HTMLDivElement>>;
+export default FormGroupWrapper;

package/dist/packages/mui/mui-theme.d.ts

@@ -1,4 +1,3 @@
 import { ThemeOptions } from '@mui/material/styles';
-
 export default function createMuiTheme(options?: ThemeOptions): ThemeOptions;
 export declare const BASE_MUI_THEME: ThemeOptions;