@paygreen/pgui 3.0.4 → 3.0.6

package/dist/components/card-expandable/card-expandable.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { Card } from '@chakra-ui/react';
+export interface CardExpandableProps extends Omit<Card.RootProps, 'title' | 'variant' | 'colorPalette'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    header?: ReactNode;
+    tags?: ReactNode[];
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    onExpandChange?: (isExpanded: boolean) => void;
+    colorPalette?: 'blue' | 'orange';
+    icon?: ReactNode;
+    isLazy?: boolean;
+}
+declare const CardExpandable: ({ title, subtitle, header, tags, children, defaultExpanded, onExpandChange, colorPalette, icon, isLazy, ...cardProps }: CardExpandableProps) => import("react/jsx-runtime").JSX.Element;
+export default CardExpandable;

package/dist/components/data-table/data-table.d.ts

@@ -1,66 +1,34 @@
 import { ReactNode } from 'react';
+import { IconButtonProps } from '@chakra-ui/react';
 import { ColumnDef, ColumnFiltersState, SortingState } from '@tanstack/react-table';
 import { PaginationProps } from '../pagination/pagination';
-/**
- * Configuration for DataTable pagination
- */
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData, TValue> {
+        align?: 'left' | 'center' | 'right';
+        hideLabel?: boolean;
+    }
+}
 export interface DataTablePagination extends PaginationProps {
-    /** Whether to enable client-side pagination (all data loaded at once) */
     enableClientSide?: boolean;
 }
-/**
- * Props for the DataTable component
- */
 export interface DataTableProps<TData> {
-    /** Array of data objects to display in the table */
     data: TData[];
-    /** Column definitions for the table structure and rendering */
     columns: ColumnDef<TData, any>[];
-    /** Pagination configuration (optional) */
     pagination?: DataTablePagination;
-    /** Visual variant of the table */
     variant?: 'simple' | 'striped';
-    /** Enable column filtering functionality */
     enableFiltering?: boolean;
-    /** Enable column sorting functionality */
     enableSorting?: boolean;
-    /** Content to display when no data is available */
     emptyState?: ReactNode;
-    /** Enable responsive behavior (mobile cards view) */
     responsive?: boolean;
-    /** Mobile view mode when responsive is enabled */
     mobileView?: 'cards' | 'scroll';
-    /** Force mobile view regardless of screen size */
     isMobile?: boolean;
-    /** Show loading state */
     isLoading?: boolean;
-    /** Callback fired when column filters change */
     onFilterChange?: (filters: ColumnFiltersState) => void;
-    /** Callback fired when sorting changes */
     onSortingChange?: (sorting: SortingState) => void;
-    /** Callback fired when a row is clicked */
     onRowClick?: (row: TData) => void;
+    paginationButtonProps?: Partial<IconButtonProps>;
 }
-/**
- * DataTable component - A flexible, responsive data table with sorting, filtering, and pagination
- *
- * @example
- * ```tsx
- * <DataTable
- *   data={users}
- *   columns={columns}
- *   enableSorting
- *   enableFiltering
- *   pagination={{
- *     page: 1,
- *     pageSize: 10,
- *     totalItems: 100,
- *     setPage: setCurrentPage
- *   }}
- * />
- * ```
- */
-declare function DataTable<TData>({ data, columns, pagination, variant, enableFiltering, enableSorting, emptyState, responsive, mobileView, isMobile, isLoading, onFilterChange, onSortingChange, onRowClick, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<TData>({ data, columns, pagination, variant, enableFiltering, enableSorting, emptyState, responsive, mobileView, isMobile, isLoading, onFilterChange, onSortingChange, onRowClick, paginationButtonProps, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }

package/dist/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { ColorPalette } from '@chakra-ui/react';
+import { ColorPalette, IconButtonProps } from '@chakra-ui/react';
 /**
  * Props for the Pagination component
  */
@@ -8,13 +8,15 @@ export interface PaginationProps {
     /** Function to update the current page */
     setPage: (page: number) => void;
     /** Number of items displayed per page */
-    pageSize: number;
+    maxPerPage: number;
     /** Total number of items across all pages */
-    totalItems: number;
+    totalResults: number;
     /** Whether a page is currently loading - disables all interactions when true */
     isLoadingPage?: boolean;
     /** Color palette for the pagination */
     colorPalette?: ColorPalette;
+    /** Props to pass to the pagination buttons */
+    buttonProps?: Partial<IconButtonProps>;
 }
 /**
  * Pagination component for navigating through paginated data
@@ -24,13 +26,13 @@ export interface PaginationProps {
  * <Pagination
  *   page={currentPage}
  *   setPage={setCurrentPage}
- *   pageSize={10}
- *   totalItems={250}
+ *   maxPerPage={10}
+ *   totalResults={250}
  * />
  * ```
  */
 declare const Pagination: {
-    ({ page, setPage, pageSize, totalItems, isLoadingPage, colorPalette, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+    ({ page, setPage, maxPerPage, totalResults, isLoadingPage, colorPalette, buttonProps, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Pagination };

package/dist/components/select/select.d.ts

@@ -13,7 +13,7 @@ export interface SelectOptionType {
 /**
  * Props for single-select mode
  */
-export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionType, false>, 'options' | 'isMulti' | 'onChange' | 'value'> {
+export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionType, false>, 'options' | 'isMulti' | 'onChange' | 'value' | 'noOptionsMessage'> {
     /** Array of options to display */
     options?: SelectOptionType[];
     /** Enable multi-selection - must be false or undefined */
@@ -35,11 +35,13 @@ export interface SingleSelectProps extends Omit<ReactSelectProps<SelectOptionTyp
     /** Whether the select is in invalid state */
     invalid?: boolean;
     disabled?: boolean;
+    /** Custom message to display when no options are available */
+    noOptionsMessage?: string;
 }
 /**
  * Props for multi-select mode
  */
-export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType, true>, 'options' | 'isMulti' | 'onChange' | 'value'> {
+export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType, true>, 'options' | 'isMulti' | 'onChange' | 'value' | 'noOptionsMessage'> {
     /** Array of options to display */
     options?: SelectOptionType[];
     /** Enable multi-selection - must be true */
@@ -61,6 +63,8 @@ export interface MultiSelectProps extends Omit<ReactSelectProps<SelectOptionType
     /** Whether the select is in invalid state */
     invalid?: boolean;
     disabled?: boolean;
+    /** Custom message to display when no options are available */
+    noOptionsMessage?: string;
 }
 /**
  * Union type for Select component props

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export { default as PGUISystemContext } from './theme';
+export * from './utils';