greenole-design-system 1.1.94 → 1.1.95

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/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/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';