greenole-design-system 1.1.94 → 1.1.96

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

@@ -14,3 +14,6 @@ export declare const IconCircle: Story;
 export declare const WithIcons: Story;
 export declare const LoadingState: Story;
 export declare const Disabled: Story;
+export declare const VariantMatrix: Story;
+export declare const SizesAndShapes: Story;
+export declare const IconsAndStates: Story;

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

@@ -1,4 +1,4 @@
-export declare const TypographyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $variant: "primary" | "secondary" | "tertiary" | "link";
     $size: "sm" | "md" | "lg";

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

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { TypographyVariant } from '../../components/Typography/Typography';
 export type ButtonVariant = "primary" | "secondary" | "tertiary" | "link";
 export type ButtonSize = "sm" | "md" | "lg";
 export type ButtonColor = "default" | "danger";
@@ -11,7 +10,6 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     color?: ButtonColor;
     shape?: ButtonShape;
     fullWidth?: boolean;
-    typography?: TypographyVariant;
     loading?: boolean;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;

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

@@ -1,15 +1,17 @@
-import { DropdownMenuPositionProps } from './DropdownMenu.types';
+import { DropdownMenuAlign, DropdownMenuPositionProps } from './DropdownMenu.types';
 export declare const DropdownMenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownMenuTriggerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const DropdownMenuContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: DropdownMenuPositionProps;
-    $limit?: boolean;
-    $usePortal?: boolean;
-    $visible?: boolean;
+    $limit: boolean;
+    $align: DropdownMenuAlign;
+    $usePortal: boolean;
+    $visible: boolean;
 }>> & string;
 export declare const DropdownMenuArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: DropdownMenuPositionProps;
-    $limit?: boolean;
+    $limit: boolean;
+    $align: DropdownMenuAlign;
 }>> & string;
 export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showShadow?: boolean;

package/dist/base-components/DropdownMenu/DropdownMenu.types.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+export type DropdownMenuAlign = 'start' | 'end';
 export interface DropdownMenuProps {
     children: ReactNode;
     content: ReactNode;
     position?: DropdownMenuPositionProps;
     limit?: boolean;
+    align?: DropdownMenuAlign;
     showArrow?: boolean;
     showShadow?: boolean;
     className?: string;

package/dist/base-components/Loading/Loading.types.d.ts

@@ -7,5 +7,5 @@ export interface LoadingProps extends SVGProps<SVGSVGElement> {
     title?: string;
     subtitle?: string;
     fullScreen?: boolean;
-    spinnerType?: 'svg' | 'css';
+    spinnerType?: 'svg' | 'css' | 'spinner';
 }

package/dist/base-components/Loading/loading.styles.d.ts

@@ -5,13 +5,23 @@ export declare const TextContainer: import('styled-components/dist/types').IStyl
 export declare const TitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const SubtitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const SpinnerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
+export declare const Default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
     $size: number;
 }>> & string;
 export declare const CSSSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $size: number;
     $color: string;
 }>> & string;
+export declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $color: string;
+}>> & string;
+export declare const SpinnerSegment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $color: string;
+    $rotation: number;
+    $delay: number;
+}>> & string;
 export declare const CompactLoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CompactTextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CompactTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

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

@@ -29,3 +29,11 @@ export declare const FilterActionButton: import('styled-components/dist/types').
 export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
     $open: boolean;
 }>> & string;
+export declare const FilterSortMobileTrigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const FilterSortMobileSheet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterSortMobileSheetHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterSortMobileSheetTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const FilterSortMobileList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterSortMobileListItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $selected?: boolean;
+}>> & string;

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

@@ -37,3 +37,18 @@ export interface FilterProps {
     icon?: ReactNode;
     borderless?: boolean;
 }
+export interface FilterSortMobileOption {
+    label: string;
+    value: string;
+}
+export interface FilterSortMobileProps {
+    options: FilterSortMobileOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    labelPrefix?: string;
+    emptyLabel?: string;
+    sheetTitle?: string;
+    className?: string;
+    disabled?: boolean;
+    t?: THookTypes;
+}

package/dist/components/Filter/FilterSortMobile.d.ts

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

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

@@ -1,2 +1,3 @@
 export { default as Filter } from './Filter';
-export type { FilterProps, FilterItem, FilterItemOption, FilterSelectedValues, FilterOutput, } from './Filter.types';
+export { default as FilterSortMobile } from './FilterSortMobile';
+export type { FilterProps, FilterItem, FilterItemOption, FilterSelectedValues, FilterOutput, FilterSortMobileProps, FilterSortMobileOption, } from './Filter.types';

package/dist/components/StepperSidebar/StepperSidebar.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as StepperSidebar } from './StepperSidebar';
+declare const meta: Meta<typeof StepperSidebar>;
+export default meta;
+type Story = StoryObj<typeof StepperSidebar>;
+export declare const Default: Story;
+export declare const GuardedSteps: Story;
+export declare const CompletedFlow: Story;
+export declare const MobileViewport: Story;
+export declare const SubtitleAsReactNode: Story;
+export declare const RealisticWorkflowDemo: Story;

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

@@ -0,0 +1,32 @@
+export declare const Sidebar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BackButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 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;
+export declare const StepsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, never>> & string;
+export declare const StepItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const IconColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Connector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $reached: boolean;
+}>> & string;
+export declare const StepNodeButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $interactive: boolean;
+    $isGuardDisabled: boolean;
+}>> & string;
+export declare const CompletedNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const CurrentNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const UpcomingNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const InnerDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $isCurrent?: boolean;
+}>> & string;
+export declare const StepContentButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $interactive: boolean;
+    $isGuardDisabled: boolean;
+}>> & string;
+export declare const StepLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $isDone: boolean;
+    $clickable: boolean;
+}>> & string;
+export declare const StepSubtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $clickable: boolean;
+}>> & string;

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
+export type StepperSidebarStep = {
+    id: string;
+    label: string;
+    subtitle?: ReactNode;
+};
+export type StepperSidebarBaseProps = {
+    t?: THookTypes;
+    title?: string;
+    subtitle?: ReactNode;
+    steps: StepperSidebarStep[];
+    currentStepId: string;
+};
+export type StepperSidebarInteractionProps = {
+    onStepClick?: (stepId: string) => void;
+    onBack?: () => void;
+    isStepEnabled?: (stepId: string) => boolean;
+    backAriaLabel?: string;
+    backAriaTarget?: string;
+    getStepAriaLabel?: (step: StepperSidebarStep) => string;
+    className?: string;
+};
+export type StepperSidebarProps = StepperSidebarBaseProps & StepperSidebarInteractionProps;

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

@@ -0,0 +1,2 @@
+export { default } from './StepperSidebar';
+export type { StepperSidebarProps, StepperSidebarStep, } from './StepperSidebar.types';

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, onCurrentPageDataChange, 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, sortingMode, filteringMode, enableFilterByColumnsMobile, mobileCentralizedFilter, enableFilterByColumns, desktopIntegratedFilter, desktopCentralizedFilter, initialColumnFilters, 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.stories.d.ts

@@ -23,3 +23,7 @@ export declare const WithFilterAndFetchData: Story;
 export declare const WithRowActions: Story;
 export declare const WithRowSelection: Story;
 export declare const WithRowSelectionUsingResolver: Story;
+export declare const DesktopVisualizationFilterActive: Story;
+export declare const MobileVisualizationClientSide: Story;
+export declare const MobileVisualizationServerSide: Story;
+export declare const MobileVisualizationSelectorAndActions: Story;

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

@@ -15,14 +15,41 @@ export declare const TableHeaderButtons: import('styled-components/dist/types').
     $hasTitle?: boolean;
 }>> & string;
 export declare const TableHeaderManageColumns: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TableMobileControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileSortDirectionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TableMobileSortByWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TableMobileFilterSheet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterSheetHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterSheetTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const TableMobileFilterSheetSections: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterSheetSection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterSheetSectionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const TableMobileFilterSheetActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMobileFilterSheetActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $variant: "reset" | "apply";
+}>> & string;
 export declare const TableHead: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableHeadDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hasOpenFilter?: boolean;
+    $isMobile?: boolean;
 }>> & string;
 export declare const TableContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
     $striped?: boolean;
 }>> & string;
+export declare const MobileTableCards: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const MobileTableCardTopBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $withSelection?: boolean;
+}>> & string;
+export declare const MobileTableCardSelection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableCardField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableCardFieldHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableCardFieldLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const MobileTableCardFieldValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableCardActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileTableEmpty: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LoadingWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownMenuContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

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

@@ -30,6 +30,8 @@ export interface TableRowAction<T = any> {
     visible?: (row: T) => boolean;
     disabled?: (row: T) => boolean;
 }
+export type TableSortingMode = 'client' | 'server';
+export type TableFilteringMode = 'client' | 'server';
 interface BaseTableProps<T = any> {
     columns: TableColumn[];
     data?: T[];
@@ -39,6 +41,14 @@ interface BaseTableProps<T = any> {
     onPageChange: (page: number) => void;
     onItemsPerPageChange: (items: number) => void;
     onSearchChange?: (value: string) => void;
+    sortingMode?: TableSortingMode;
+    filteringMode?: TableFilteringMode;
+    enableFilterByColumnsMobile?: boolean;
+    mobileCentralizedFilter?: boolean;
+    enableFilterByColumns?: boolean;
+    desktopIntegratedFilter?: boolean;
+    desktopCentralizedFilter?: boolean;
+    initialColumnFilters?: Record<string, string[]>;
     title?: string;
     searchIconColor?: string;
     sizeSearch?: SearchSize;
@@ -78,6 +88,8 @@ interface TableWithFetchData<T = any> extends BaseTableProps<T> {
         itemsPerPage: number;
         search?: string;
         filters?: Record<string, string[]>;
+        sortBy?: string;
+        sortDirection?: 'asc' | 'desc';
     }) => Promise<{
         data: T[];
         count: number;

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

@@ -1,2 +1,2 @@
 export { default as Table } from './Table';
-export type { TableProps, TableColumn, TableRowAction, TableQueryResult } from './Table.types';
+export type { TableProps, TableColumn, TableRowAction, TableQueryResult, TableSortingMode, TableFilteringMode, } from './Table.types';