greenole-design-system 1.1.79 → 1.1.81

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

@@ -1,6 +1,7 @@
 export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const Box: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $checked: boolean;
+    $indeterminate?: boolean;
     $color: string;
     $disabled?: boolean;
 }>> & string;

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export type CheckboxProps = {
     checked?: boolean;
     defaultChecked?: boolean;
+    indeterminate?: boolean;
     onChange?: (checked: boolean) => void;
     color?: string;
     disabled?: boolean;
@@ -10,4 +11,5 @@ export type CheckboxProps = {
     name?: string;
     value?: string;
     label?: ReactNode;
+    ariaLabel?: string;
 };

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-export type ToastVariant = 'success' | 'error' | 'warning' | 'info';
-export type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+import { THookTypes } from '../../utils/i18n/types';
+export type ToastVariant = "success" | "error" | "warning" | "info";
+export type ToastPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
 export interface ToastProps {
     id?: string;
     variant?: ToastVariant;
@@ -12,4 +13,5 @@ export interface ToastProps {
     closable?: boolean;
     className?: string;
     onClose?: () => void;
+    t?: THookTypes;
 }

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
 export interface AccordionProps {
     title: ReactNode;
     subtitle?: string;
@@ -10,4 +11,5 @@ export interface AccordionProps {
     noPaddingContent?: boolean;
     contentMaxHeight?: number | string;
     children: ReactNode;
+    t?: THookTypes;
 }

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
 export interface BreadcrumbItem {
     label: string;
     href?: string;
@@ -14,4 +15,5 @@ export interface BreadcrumbProps {
     homeIcon?: ReactNode;
     isMobile?: boolean;
     onHomeClick?: () => void;
+    t?: THookTypes;
 }

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

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
 import { InputProps } from '../../base-components/Input/Input.types';
-import { THookTypes } from '../../utils/i18n/types';
 import { CalendarProps } from './Calendar.types';
 interface ExtendedCalendarProps extends CalendarProps {
     inputProps?: InputProps;
     autoClose?: boolean;
-    t?: THookTypes;
     clearable?: boolean;
     placeholder?: string;
     dropdownLimit?: boolean;

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

@@ -1,4 +1,5 @@
 import { Dayjs } from 'dayjs';
+import { THookTypes } from '../../utils/i18n/types';
 export type DateRange = {
     start: Dayjs | null;
     end: Dayjs | null;
@@ -16,4 +17,5 @@ export interface CalendarProps {
     showPresets?: boolean;
     isMobile?: boolean;
     rangeSinglePanel?: boolean;
+    t?: THookTypes;
 }

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

@@ -1,8 +1,9 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 import { DateRange } from './Calendar.types';
+import { THookTypes } from '../../utils/i18n/types';
 interface Props {
-    mode: 'single' | 'range';
+    mode: "single" | "range";
     selectedDate?: Dayjs | null;
     selectedRange?: DateRange;
     onChange: (date: Dayjs | null, range?: DateRange) => void;
@@ -13,6 +14,7 @@ interface Props {
     rangeSinglePanel?: boolean;
     /** Ativa espaçamento/tamanhos mais confortáveis */
     isMobile?: boolean;
+    t?: THookTypes;
 }
 export declare const DateRangePicker: React.FC<Props>;
 export {};

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
 import { LinearStepperStep } from '../Timeline/Timeline.types';
 export interface DrawerProps {
     show: boolean;
@@ -10,13 +11,15 @@ export interface DrawerProps {
     showOverlay?: boolean;
     cancelButtonText?: string;
     confirmButtonText?: string;
-    direction?: 'left' | 'right';
+    direction?: "left" | "right";
     cancelButton?: ReactNode;
     confirmButton?: ReactNode;
     steps?: LinearStepperStep[];
     activeStep?: number;
+    container?: HTMLElement;
     onStepChange?: (step: number) => void;
     onCancel?: () => void;
     onConfirm?: () => void;
     onClose?: () => void;
+    t?: THookTypes;
 }

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

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Filter>;
 export declare const Default: Story;
 export declare const WithCheckboxes: Story;
+export declare const WithDisabledItems: Story;
 export declare const MixedFilters: Story;
 export declare const WithInitialValues: Story;
 export declare const CompleteExample: Story;

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

@@ -11,6 +11,8 @@ export interface FilterItem {
     value: string | string[];
     options: FilterItemOption[];
     multiple?: boolean;
+    disabled?: boolean;
+    onClear?: (output: FilterOutput) => void;
 }
 export interface FilterSelectedValues {
     [key: string]: string | string[];

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export type ModalType = 'success' | 'error' | 'warning';
+import { THookTypes } from '../../utils/i18n/types';
+export type ModalType = "success" | "error" | "warning";
 export type ModalTypeIcon = {
     [key in ModalType]?: React.ReactNode;
 };
@@ -17,4 +18,5 @@ export interface ModalProps {
     onCancel?: () => void;
     onConfirm?: () => void;
     onClose?: () => void;
+    t?: THookTypes;
 }

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

@@ -1,14 +1,14 @@
 export declare const SearchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $expanded: boolean;
+    $visible: boolean;
     $disabled?: boolean;
     $alignment?: "left" | "right";
+    $isMobile?: boolean;
+    $expandedWidth?: string;
 }>> & string;
 export declare const SearchIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled?: boolean;
     $visible?: boolean;
     $iconColor?: string;
-}>> & string;
-export declare const SearchInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $expanded: boolean;
-    $direction?: "left" | "right";
+    $alignment?: "left" | "right";
+    $isMobile?: boolean;
 }>> & string;

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

@@ -1,11 +1,13 @@
-export type SearchMode = 'collapsed' | 'expanded';
-export type SearchAnimationDirection = 'left' | 'right' | 'auto';
-export type SearchAlignment = 'left' | 'right';
+import { THookTypes } from '../../utils/i18n/types';
+export type SearchMode = "collapsed" | "expanded";
+export type SearchAnimationDirection = "left" | "right" | "auto";
+export type SearchAlignment = "left" | "right";
 export interface SearchProps {
     mode?: SearchMode;
     alignment?: SearchAlignment;
     iconColor?: string;
     placeholder?: string;
+    t?: THookTypes;
     defaultValue?: string;
     value?: string;
     disabled?: boolean;
@@ -15,4 +17,6 @@ export interface SearchProps {
     onSubmit?: (value: string) => void;
     className?: string;
     animationDirection?: SearchAnimationDirection;
+    isMobile?: boolean;
+    expandedWidth?: string;
 }

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, 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, onSelectionChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
 export default Table;

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

@@ -4,6 +4,9 @@ declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithTitleAndSearch: Story;
+export declare const WithTitleSearchAndActions: Story;
 export declare const ManageColumns: Story;
 export declare const SortableWithRenderContent: Story;
 export declare const FetchData: Story;
@@ -17,3 +20,4 @@ export declare const WithFilter: Story;
 export declare const WithFilterAndActions: Story;
 export declare const WithFilterAndFetchData: Story;
 export declare const WithRowActions: Story;
+export declare const WithRowSelection: Story;

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

@@ -10,7 +10,6 @@ export declare const TableHeaderSearchInputWrapper: import('styled-components/di
     $visible: boolean;
     $isMobile: boolean;
 }>> & string;
-export declare const TableHeaderSearchRightSlot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableHeaderButtons: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isMobile?: boolean;
     $hasTitle?: boolean;

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

@@ -38,6 +38,7 @@ interface BaseTableProps<T = any> {
     onItemsPerPageChange: (items: number) => void;
     onSearchChange?: (value: string) => void;
     title?: string;
+    searchIconColor?: string;
     showSearch?: boolean;
     isMobile?: boolean;
     loading?: boolean;
@@ -46,6 +47,9 @@ interface BaseTableProps<T = any> {
     filterContent?: ReactNode;
     actions?: ReactNode;
     t?: THookTypes;
+    enableRowSelection?: boolean;
+    rowIdKey?: keyof T | string;
+    onSelectionChange?: (selectedRowIds: string[]) => void;
     filterConfig?: {
         items: FilterItem[];
         initialValues?: FilterSelectedValues;