greenole-design-system 1.1.92 → 1.1.93

package/dist/base-components/Button/Button.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ButtonProps } from './Button.types';
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/base-components/Dropdown/Dropdown.styles.d.ts

@@ -17,7 +17,6 @@ type StyledDropdownMessageProps = {
     $invalid: boolean;
 };
 export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const DropdownMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownMessageProps>> & string;
 export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
 export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -9,4 +9,5 @@ export declare const InputSingle: Story;
 export declare const InputRange: Story;
 export declare const InputSingle_MinMax: Story;
 export declare const InputRange_WeekendsDisabled: Story;
+export declare const InputSingleShowTimePicker: Story;
 export declare const MobileRange_Sheet: Story;

package/dist/components/Calendar/Calendar.styles.d.ts

@@ -17,6 +17,7 @@ export declare const NavButton: import('styled-components/dist/types').IStyledCo
 export declare const DaysOfWeekContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isMobile?: boolean;
 }>> & string;
+export declare const DaysGridWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DaysGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isMobile?: boolean;
 }>> & string;
@@ -27,3 +28,5 @@ export declare const DayButton: import('styled-components/dist/types').IStyledCo
     $isEnd?: boolean;
     $isMobile?: boolean;
 }>> & string;
+export declare const TimePickerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TimeColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Calendar/Calendar.types.d.ts

@@ -5,7 +5,7 @@ export type DateRange = {
     end: Dayjs | null;
 };
 export interface CalendarProps {
-    mode?: "single" | "range";
+    mode?: 'single' | 'range';
     selectedDate?: Dayjs | null;
     selectedRange?: DateRange;
     onChange: (date: Dayjs | null, range?: DateRange) => void;
@@ -17,5 +17,6 @@ export interface CalendarProps {
     showPresets?: boolean;
     isMobile?: boolean;
     rangeSinglePanel?: boolean;
+    showTimePicker?: boolean;
     t?: THookTypes;
 }

package/dist/components/Calendar/Calendar.utils.d.ts

@@ -7,6 +7,7 @@ export declare const isSameRange: (a: {
     end: Dayjs | null;
 }) => boolean | undefined;
 export declare const formatDate: (date: Dayjs | null, locale?: string) => string;
+export declare const formatDateTime: (date: Dayjs | null, locale?: string) => string;
 export declare const formatRange: (range: {
     start: Dayjs | null;
     end: Dayjs | null;

package/dist/components/Calendar/DateRangePicker.d.ts

@@ -1,9 +1,9 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
-import { DateRange } from './Calendar.types';
 import { THookTypes } from '../../utils/i18n/types';
+import { DateRange } from './Calendar.types';
 interface Props {
-    mode: "single" | "range";
+    mode: 'single' | 'range';
     selectedDate?: Dayjs | null;
     selectedRange?: DateRange;
     onChange: (date: Dayjs | null, range?: DateRange) => void;
@@ -12,6 +12,7 @@ interface Props {
     locale: string;
     disabledDates: Dayjs[];
     rangeSinglePanel?: boolean;
+    showTimePicker?: boolean;
     /** Ativa espaçamento/tamanhos mais confortáveis */
     isMobile?: boolean;
     t?: THookTypes;

package/dist/components/Calendar/TimePicker.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+export declare const TimePicker: ({ selectedDate, onTimeChange, }: {
+    selectedDate: Dayjs;
+    onTimeChange: (h: number, m: number) => void;
+}) => React.JSX.Element;

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -11,3 +11,4 @@ export declare const FooterWithout: import('@storybook/core/csf').AnnotatedStory
 export declare const WithSteps: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
 export declare const WithStepsNoEdgeSpacing: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
 export declare const WithStepsEdgeSpacing: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const WithHeaderExtra: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;

package/dist/components/Drawer/Drawer.styles.d.ts

@@ -10,6 +10,7 @@ export declare const DrawerContainer: import('styled-components/dist/types').ISt
 export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $direction: "left" | "right";
 }>> & string;
+export declare const HeaderExtra: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const HeaderSteps: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/components/Drawer/Drawer.types.d.ts

@@ -11,7 +11,7 @@ export interface DrawerProps {
     showOverlay?: boolean;
     cancelButtonText?: string;
     confirmButtonText?: string;
-    direction?: "left" | "right";
+    direction?: 'left' | 'right';
     cancelButton?: ReactNode;
     confirmButton?: ReactNode;
     steps?: LinearStepperStep[];
@@ -19,6 +19,7 @@ export interface DrawerProps {
     timelineShowEdgeSpacing?: boolean;
     timelineCenterEdgeLabels?: boolean;
     container?: HTMLElement;
+    headerExtra?: ReactNode;
     onStepChange?: (step: number) => void;
     onCancel?: () => void;
     onConfirm?: () => void;

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,12 +1,11 @@
-import { Meta, StoryObj } from '@storybook/react';
 import { default as Modal } from './Modal';
+import { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof Modal>;
 export default meta;
 type Story = StoryObj<typeof Modal>;
-export declare const Default: Story;
-export declare const WithActions: Story;
 export declare const Error: Story;
 export declare const Warning: Story;
 export declare const Success: Story;
-export declare const WithoutTitle: Story;
 export declare const NoOverlay: Story;
+export declare const Fullscreen: Story;
+export declare const CloseOnOverlayClick: Story;

package/dist/components/Modal/Modal.styles.d.ts

@@ -1,7 +1,9 @@
 export declare const ModalOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showOverlay: boolean;
 }>> & string;
-export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullScreen?: boolean;
+}>> & string;
 export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const ModalHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Modal/Modal.types.d.ts

@@ -4,7 +4,7 @@ export type ModalType = 'success' | 'error' | 'warning';
 export type ModalTypeIcon = {
     [key in ModalType]?: React.ReactNode;
 };
-export interface ModalProps {
+export type ModalProps = {
     content: ReactNode;
     className?: string;
     icon?: ReactNode;
@@ -16,8 +16,10 @@ export interface ModalProps {
     cancelButton?: ReactNode;
     confirmButton?: ReactNode;
     container?: HTMLElement;
+    fullScreen?: boolean;
+    closeOnOverlayClick?: boolean;
     onCancel?: () => void;
     onConfirm?: () => void;
     onClose?: () => void;
     t?: THookTypes;
-}
+};

package/dist/components/PeriodSelector/PeriodSelector.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PeriodSelectorProps } from './PeriodSelector.types';
+export declare const PeriodSelector: React.FC<PeriodSelectorProps>;
+export default PeriodSelector;

package/dist/components/PeriodSelector/PeriodSelector.stories.d.ts

@@ -0,0 +1,6 @@
+import { default as PeriodSelector } from './PeriodSelector';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof PeriodSelector>;
+export default meta;
+type Story = StoryObj<typeof PeriodSelector>;
+export declare const Default: Story;

package/dist/components/PeriodSelector/PeriodSelector.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PeriodButtonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PeriodWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColumnsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColumnOne: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColumnTwo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Groups: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GroupButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean;
+}>> & string;
+export declare const AggregationsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AggregationButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean;
+}>> & string;
+export declare const ButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CustomWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CalendarWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/PeriodSelector/PeriodSelector.types.d.ts

@@ -0,0 +1,33 @@
+import { ButtonProps } from '../../base-components/Button';
+import { THookTypes } from '../../utils/i18n/types';
+export type PeriodValue = '5 minutes' | '30 minutes' | '60 minutes' | 'this hour' | 'prev hour' | '3 hours' | '6 hours' | '12 hours' | '24 hours' | 'this day' | 'prev day' | '3 days' | '7 days' | '30 days' | '90 days' | 'this week' | 'prev week' | 'this month' | 'prev month' | '2 months' | '3 months' | '6 months' | 'this year' | '365 days' | 'custom';
+export type AggregationValue = 'minute' | 'hour' | 'day' | 'week' | 'month';
+export type PeriodGroup = {
+    group: 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'year';
+    options: PeriodValue[];
+};
+export type ExcludeConfig = Partial<Record<PeriodValue, AggregationValue[] | boolean>>;
+export type CustomRangeValue = {
+    from: Date | null;
+    to: Date | null;
+};
+export type PeriodSelectorProps = {
+    initialPeriod?: PeriodValue;
+    initialTimezone?: string;
+    initialAggregation?: AggregationValue;
+    initialCustomRange?: CustomRangeValue;
+    exclude?: ExcludeConfig;
+    locale?: string;
+    container?: HTMLElement;
+    buttonProps?: Omit<ButtonProps, 'onClick' | 'ref' | 'children'>;
+    storageKey?: string;
+    className?: string;
+    onChange?: (data: {
+        period: PeriodValue;
+        timezone: string;
+        aggregation: AggregationValue;
+        customRange?: CustomRangeValue;
+    }) => void;
+    onCancel?: () => void;
+    t?: THookTypes;
+};

package/dist/components/PeriodSelector/utils.d.ts

@@ -0,0 +1,4 @@
+declare const isValidTimezone: (tz: string) => boolean;
+declare const formatOffset: (tz: string) => string;
+declare const getAvailableAggregations: (period: string) => string[];
+export { formatOffset, getAvailableAggregations, isValidTimezone };

package/dist/components/RefreshButton/RefreshButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { RefreshButtonProps } from './RefreshButton.types';
+export declare const RefreshButton: React.FC<RefreshButtonProps>;
+export default RefreshButton;

package/dist/components/RefreshButton/RefreshButton.stories.d.ts

@@ -0,0 +1,6 @@
+import { default as RefreshButton } from './RefreshButton';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof RefreshButton>;
+export default meta;
+type Story = StoryObj<typeof RefreshButton>;
+export declare const Playground: Story;

package/dist/components/RefreshButton/RefreshButton.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $active?: boolean;
+}>> & string;
+export declare const DropdownButtonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $spinning?: boolean;
+    $rotate?: boolean;
+}>> & string;
+export declare const LastRefresh: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/RefreshButton/RefreshButton.types.d.ts

@@ -0,0 +1,24 @@
+import { ButtonProps } from '../../base-components/Button';
+import { LocaleDayJs } from '../../utils/formatRelativeTime';
+import { THookTypes } from '../../utils/i18n/types';
+export type RefreshAllowedTime = 1 | 5 | 15 | 30;
+export type RefreshOff = 'off';
+export interface RefreshValue {
+    enabled: boolean;
+    interval: number | false;
+}
+export interface RefreshOption {
+    label: string;
+    value: RefreshAllowedTime | RefreshOff;
+}
+export type RefreshButtonProps = {
+    storageKey?: string;
+    lastRefresh?: Date;
+    defaultValue?: RefreshOff | RefreshAllowedTime;
+    className?: string;
+    locale?: LocaleDayJs;
+    buttonProps?: Omit<ButtonProps, 'onClick' | 'children'>;
+    onChange?: (value: RefreshValue) => void;
+    onRefresh?: () => void;
+    t?: THookTypes;
+};

package/dist/components/Search/Search.types.d.ts

@@ -2,6 +2,7 @@ import { THookTypes } from '../../utils/i18n/types';
 export type SearchMode = 'collapsed' | 'expanded';
 export type SearchAnimationDirection = 'left' | 'right' | 'auto';
 export type SearchAlignment = 'left' | 'right';
+export type SearchSize = 'sm' | 'md';
 export interface SearchProps {
     mode?: SearchMode;
     alignment?: SearchAlignment;
@@ -20,5 +21,5 @@ export interface SearchProps {
     isMobile?: boolean;
     expandedWidth?: string;
     clearable?: boolean;
-    size?: 'sm' | 'md';
+    size?: SearchSize;
 }

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { TableProps } from './Table.types';
-declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, queryResult, onPageChange, onItemsPerPageChange, onSearchChange, title, filterConfig, onFilterChange, rowActions, rowActionsLabel, enableRowSelection, rowIdKey, rowIdResolver, onSelectionChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
+declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, queryResult, onPageChange, onItemsPerPageChange, onSearchChange, title, filterConfig, onFilterChange, rowActions, rowActionsLabel, enableRowSelection, rowIdKey, rowIdResolver, onSelectionChange, onCurrentPageDataChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
 export default Table;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { THookTypes } from '../../utils/i18n/types';
-import { FilterItem, FilterSelectedValues, FilterOutput } from '../Filter';
+import { FilterItem, FilterOutput, FilterSelectedValues } from '../Filter';
+import { SearchSize } from '../Search/Search.types';
 export interface TableQueryResult<T = any> {
     data: T[] | undefined;
     isLoading?: boolean;
@@ -40,6 +41,7 @@ interface BaseTableProps<T = any> {
     onSearchChange?: (value: string) => void;
     title?: string;
     searchIconColor?: string;
+    sizeSearch?: SearchSize;
     showSearch?: boolean;
     isMobile?: boolean;
     loading?: boolean;
@@ -68,6 +70,7 @@ interface BaseTableProps<T = any> {
     onFilterChange?: (output: FilterOutput) => void;
     rowActions?: TableRowAction<T>[];
     rowActionsLabel?: string;
+    onCurrentPageDataChange?: (data: T[]) => void;
 }
 interface TableWithFetchData<T = any> extends BaseTableProps<T> {
     fetchData: (params: {