@foris/avocado-suite 0.24.1 → 0.26.0

package/dist/components/accordion/Accordion.d.ts

@@ -11,13 +11,15 @@ interface AccordionProps {
     /** Render custom component */
     customContent?: ReactNode;
     /** Description content */
-    description?: string;
+    description?: ReactNode | string;
     /** Disabled state */
     disabled?: boolean;
     /** Have Checkbox  */
     hasCheckbox?: boolean;
     /** Have Icon */
     hasIcon?: boolean;
+    /** Set accordion visibility */
+    opened?: boolean;
     /** Icon variant for the type neutral */
     neutralIcon?: {
         name: IconTypes;

package/dist/components/pager/Pager.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export type PagerProps = {
     /** Overwrite children classNames */
     classname?: {
@@ -8,21 +8,16 @@ export type PagerProps = {
         button?: string;
     };
     /**
-     * Current page
-     */
-    page: number;
-    /**
-     * Size per page
-     */
-    size: number;
-    /**
-     * Total number of items
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
      */
-    total: number;
+    hasNextPage?: boolean;
     /**
-     * Total number of pages
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
      */
-    totalPages?: number;
+    hasPreviousPage?: boolean;
+    labelRowsPerPage?: string;
     /**
      * Callback: Action `onClick` on page
      * @param page number of page
@@ -35,15 +30,35 @@ export type PagerProps = {
      */
     onPageChange?: (page: number) => void;
     /**
-     * Deprecated is not used in the component
-     * @deprecated is not used in the component
+     * Callback: Action `onChange` on rows per page
+     * @param size number of rows per page
+     * @returns
      */
-    hasPreviousPage?: boolean;
+    onRowsPerPageChange?: (size: number) => void;
     /**
-     * Deprecated is not used in the component
-     * @deprecated is not used in the component
+     * Current page
      */
-    hasNextPage?: boolean;
+    page: number;
+    /**
+     * Array of options for rows per page
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Show rows per page select
+     */
+    showRowsPerPage?: boolean;
+    /**
+     * Size per page
+     */
+    size: number;
+    /**
+     * Total number of items
+     */
+    total: number;
+    /**
+     * Total number of pages
+     */
+    totalPages?: number;
 };
 declare const Pager: FC<PagerProps>;
 export default Pager;

package/dist/components/table/Table.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from '../../types/table.types';
+declare const Table: ({ notResponsive, ...props }: TableProps) => JSX.Element;
+export default Table;

package/dist/components/table/components/table-action-item/TableActionItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { TableRightAction } from '../../../../types/table.types';
+interface TableActionItemProps {
+    action: TableRightAction;
+    row: any;
+    isDisabled?: boolean;
+    isMobile?: boolean;
+}
+declare const TableActionItem: FC<TableActionItemProps>;
+export default TableActionItem;

package/dist/components/table/components/table-action-item/index.d.ts

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

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

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

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

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

package/dist/components/table/components/table-desktop-head/TableDesktopHead.d.ts

@@ -0,0 +1,11 @@
+import { TableColumn, TableRowOptions, TableSort, TableVariant } from '../../../../types/table.types';
+interface TableDesktopHeadProps {
+    columns: TableColumn[];
+    rowOptions?: TableRowOptions;
+    variant?: TableVariant;
+    initialSort?: TableSort;
+    hasActions?: boolean;
+    onSortChange?: (newSort: TableSort) => void;
+}
+declare const TableDesktopHead: ({ rowOptions, columns, variant, initialSort, hasActions, onSortChange, }: TableDesktopHeadProps) => JSX.Element;
+export default TableDesktopHead;

package/dist/components/table/components/table-desktop-head/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { TableColumn, TableRightAction, TableSelectType, TableVariant } from '../../../../types/table.types';
+interface TableDesktopRowProps {
+    row: any;
+    columns: TableColumn[];
+    rightActions?: TableRightAction[];
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    selectorType?: TableSelectType;
+    isTextAdaptable?: boolean;
+    variant?: TableVariant;
+    onRowSelect?: (selected: boolean, data: unknown) => void;
+    renderCustomContent?: (data: any) => React.ReactNode;
+}
+declare const TableDesktopRow: ({ row, columns, rightActions, isDisabled, isSelected, selectorType, variant, isTextAdaptable, onRowSelect, renderCustomContent, }: TableDesktopRowProps) => JSX.Element;
+export default TableDesktopRow;

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

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

package/dist/components/table/components/table-mobile/TableMobile.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from '../../../../types/table.types';
+declare const TableMobile: ({ data, columns, rightActions, rowOptions, }: TableProps) => JSX.Element;
+export default TableMobile;

package/dist/components/table/components/table-mobile/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { TableColumn, TableRightAction, TableSelectType } from '../../../../types/table.types';
+interface TableMobileRowProps {
+    row: any;
+    columns: TableColumn[];
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    selectorType?: TableSelectType;
+    actions?: TableRightAction[];
+    onRowSelect?: (selected: boolean, data: unknown) => void;
+    renderCustomContent?: (data: any) => React.ReactNode;
+}
+declare const TableMobileRow: ({ columns, row, isDisabled, isSelected, selectorType, actions, onRowSelect, renderCustomContent, }: TableMobileRowProps) => JSX.Element;
+export default TableMobileRow;

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

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

package/dist/components/table/components/table-select-actions/TableSelectActions.d.ts

@@ -0,0 +1,10 @@
+import { TableSelectType } from '../../../../types/table.types';
+interface TableSelectActionsProps {
+    row: any;
+    selectorType?: TableSelectType;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    onSelect?: (selected: boolean, data: unknown) => void;
+}
+declare const TableSelectActions: ({ row, selectorType, isDisabled, isSelected, onSelect, }: TableSelectActionsProps) => JSX.Element | null;
+export default TableSelectActions;

package/dist/components/table/components/table-select-actions/index.d.ts

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

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

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

package/dist/hooks/useIsMobile.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A custom React hook that detects whether the application is being viewed on a mobile screen or not.
+ * It uses the `window.matchMedia` API to check the maximum width of the viewport.
+ *
+ * @returns An object containing the `isMobile` boolean value indicating whether the application is being viewed on a mobile screen or not.
+ */
+export declare const useIsMobile: () => {
+    isMobile: boolean;
+};

package/dist/index.d.ts

@@ -42,10 +42,12 @@ import TextField from './components/text-field/TextField';
 import Timer from './components/timer/Timer';
 import Toaster from './components/toaster/Toaster';
 import Tooltip from './components/tooltip/Tooltip';
-export { Accordion, Box, Breadcrumbs, Button, Card, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, ThemeProvider, ThemeStore, Timer, Toaster, Tooltip, };
+import Table from './components/table';
+export { Accordion, Box, Breadcrumbs, Button, Card, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, ThemeProvider, ThemeStore, Timer, Toaster, Tooltip, Table, };
 /**
  * Types
  */
 export type { ThemeMode, Theme } from './types/theme.types';
 export type { MenuItem } from './types/menu.types';
 export type { BreadcrumbItem } from './components/breadcrumbs/Breadcrumbs';
+export type * from './types/table.types';