greenole-design-system 1.1.45 → 1.1.47

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { 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;
+    $animate: 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;
+}>> & string;
+export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface DropdownMenuProps {
+    children: ReactNode;
+    content: ReactNode;
+    position?: DropdownMenuPositionProps;
+    limit?: boolean;
+    showArrow?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+export type DropdownMenuPositionProps = 'top' | 'bottom' | 'left' | 'right';

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

@@ -0,0 +1 @@
+export { default as DropdownMenu } from './DropdownMenu';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton.types';
+export declare const SkeletonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;

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

@@ -0,0 +1,5 @@
+export interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string;
+}

package/dist/base-components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/dist/components/Icons/Checkbox.d.ts

@@ -2,6 +2,9 @@ import { default as React } from 'react';
 interface CheckboxProps {
     checked?: boolean;
     className?: string;
+    variant?: 'default' | 'outline';
+    width?: number;
+    height?: number;
 }
-export default function Checkbox({ checked, className }: CheckboxProps): React.JSX.Element;
+export default function Checkbox({ checked, className, variant, width, height }: CheckboxProps): React.JSX.Element;
 export {};

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

@@ -0,0 +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, actions, isMobile, itemsPerPage, loading, striped, showSearch, fetchData, onPageChange, onItemsPerPageChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
+export default Table;

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

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

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

@@ -0,0 +1,23 @@
+export declare const TableWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableHeader: 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 TableHeaderSearch: 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 TableHeaderSearchInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $visible: boolean;
+    $isMobile: boolean;
+}>> & 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;
+}>> & string;
+export declare const TableContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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 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>, {
+    $showDropdownMenu?: boolean;
+}>> & string;

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
+export interface TableColumn<T = any> {
+    label: string;
+    key: keyof T | string;
+    render?: (value: any, row: T) => ReactNode;
+}
+export interface TableProps<T = any> {
+    columns: Array<{
+        label: string;
+        key: keyof T | string;
+        render?: (value: any, row: T) => ReactNode;
+    }>;
+    data?: T[];
+    fetchData?: (params: {
+        page: number;
+        itemsPerPage: number;
+        search?: string;
+    }) => Promise<{
+        data: T[];
+        count: number;
+    }>;
+    totalItems?: number;
+    currentPage: number;
+    itemsPerPage: number;
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (items: number) => void;
+    showSearch?: boolean;
+    isMobile?: boolean;
+    loading?: boolean;
+    striped?: boolean;
+    headerExtra?: ReactNode;
+    actions?: ReactNode;
+    t?: THookTypes;
+}

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

@@ -0,0 +1 @@
+export { default as Table } from './Table';

package/dist/components/Toolbar/Toolbar.d.ts

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

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

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

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

@@ -0,0 +1,18 @@
+export declare const ToolbarWrapper: 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 ItemsPerPageWrapper: 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 Pagination: 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 PaginationWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isPrev?: boolean;
+}>> & string;
+export declare const PaginationButtonNumberWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PaginationButtonNumber: 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 ToolbarWrapperEmptyState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,14 @@
+import { THookTypes } from '../../utils/i18n/types';
+export interface ToolbarProps {
+    totalItems: number;
+    currentPage: number;
+    itemsPerPage: number;
+    isLoading?: boolean;
+    isMobile?: boolean;
+    showItemsPerPage?: boolean;
+    showPaginationCount?: boolean;
+    showPagination?: boolean;
+    onPageChange: (page: number) => void;
+    onItemsPerPageChange: (items: number) => void;
+    t?: THookTypes;
+}

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

@@ -0,0 +1 @@
+export { default as Toolbar } from './Toolbar';