@indico-data/design-system 3.18.0 → 3.20.0

package/lib/components/grid/row/Row.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Row } from '@/components';
 declare const meta: Meta;
 export default meta;

package/lib/components/icons/Icon.d.ts

@@ -1,2 +1,2 @@
-import { IconProps } from './types';
+import { type IconProps } from './types';
 export declare const Icon: ({ name, size, className, ariaLabel, faPrefix, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/icons/Icon.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { IconProps } from './types';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type IconProps } from './types';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<IconProps>;

package/lib/components/icons/indicons.d.ts

@@ -1,4 +1,4 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { type IconDefinition } from '@fortawesome/fontawesome-svg-core';
 declare const indicons: {
     'indico-o-white': import("react/jsx-runtime").JSX.Element;
     account: import("react/jsx-runtime").JSX.Element;

package/lib/components/icons/types.d.ts

@@ -1,7 +1,7 @@
-import { MouseEventHandler, CSSProperties } from 'react';
-import { PermafrostComponent } from '../../types';
-import { IconName as FAIconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';
-import { indicons } from './indicons';
+import { type IconName as FAIconName, type IconPrefix } from '@fortawesome/fontawesome-svg-core';
+import { type MouseEventHandler, type CSSProperties } from 'react';
+import { type indicons } from './indicons';
+import { type PermafrostComponent } from '../../types';
 export type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 export type IndiconName = keyof typeof indicons;
 export type IconName = IndiconName | `fa-${FAIconName}`;

package/lib/components/loading-indicators/BarSpinner/BarSpinner.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { BarSpinner } from './BarSpinner';
 declare const meta: Meta;
 export default meta;

package/lib/components/loading-indicators/CirclePulse/CirclePulse.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { CirclePulse } from './CirclePulse';
 declare const meta: Meta;
 export default meta;

package/lib/components/menu/Menu.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Menu, MenuProps } from './Menu';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { Menu, type MenuProps } from './Menu';
 declare const meta: Meta<typeof Menu>;
 export default meta;
 type Story = StoryObj<MenuProps>;

package/lib/components/modal/ConfirmationModal.d.ts

@@ -1,2 +1,2 @@
-import { ConfirmationModalProps } from './types';
-export declare const ConfirmationModal: ({ className, overlayClassName, testId, isOpen, onRequestClose, portalClassName, appElement, parentSelector, shouldCloseOnOverlayClick, shouldCloseOnEsc, contentElement, overlayElement, footer, children, onConfirmRequest, onCancelRequest, confirmationButtonText, cancelButtonText, confirmationButtonVariant, icon, title, status, maxWidthInPixels, hasDontShowAgainCheckbox, }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
+import { type ConfirmationModalProps } from './types';
+export declare const ConfirmationModal: ({ className, overlayClassName, testId, isOpen, onRequestClose, portalClassName, appElement, parentSelector, shouldCloseOnOverlayClick, shouldCloseOnEsc, contentElement, overlayElement, footer, children, onConfirmRequest, onCancelRequest, confirmationButtonVariant, icon, title, status, maxWidthInPixels, hasDontShowAgainCheckbox, text: textProp, }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/modal/Modal.d.ts

@@ -1,2 +1,2 @@
-import { ModalProps } from './types';
-export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, title, subtitle, footer, maxWidthInPixels, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+import { type ModalProps } from './types';
+export declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, title, subtitle, footer, maxWidthInPixels, text: textProp, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/modal/Modal.stories.d.ts

@@ -1,9 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Modal } from './Modal';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { ConfirmationModal } from './ConfirmationModal';
+import { Modal } from './Modal';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof Modal>;
 export declare const Default: Story;
 export declare const ConfirmationModalStory: StoryObj<typeof ConfirmationModal>;
 export declare const ConfirmationModalStoryWithCheckbox: StoryObj<typeof ConfirmationModal>;
+/**
+ * Use the `text` prop to customize displayed text.
+ */
+export declare const WithText: StoryObj<typeof ConfirmationModal>;

package/lib/components/modal/types.d.ts

@@ -1,5 +1,10 @@
-import { ButtonVariants } from '../button/types';
-import { IconName } from '../icons/types';
+import { type ButtonVariants } from '../button/types';
+import { type IconName } from '../icons/types';
+/** Customizable text for Modal. */
+export interface ModalText {
+    /** Aria label for the close button. Default: "Close" */
+    closeButton?: string;
+}
 export interface ModalProps {
     /** Additional classes for the badge component */
     className?: string;
@@ -35,8 +40,19 @@ export interface ModalProps {
     footer?: React.ReactNode;
     /** The maximum width of the modal in pixels */
     maxWidthInPixels?: number;
+    /** Customizable display text. */
+    text?: ModalText;
+}
+/** Customizable text for ConfirmationModal. Extends ModalText. */
+export interface ConfirmationModalText extends ModalText {
+    /** Label for the "Don't show again" checkbox. Default: "Don't display this again." */
+    dontShowAgain?: string;
+    /** Text for the confirm button. Default: "Confirm" */
+    confirm?: string;
+    /** Text for the cancel button. Default: "Cancel" */
+    cancel?: string;
 }
-export interface ConfirmationModalProps extends ModalProps {
+export interface ConfirmationModalProps extends Omit<ModalProps, 'text'> {
     onConfirmRequest?: ({ dontShowAgain, }: {
         dontShowAgain?: boolean;
     }) => void | Promise<void> | Promise<boolean>;
@@ -45,12 +61,10 @@ export interface ConfirmationModalProps extends ModalProps {
     hasDontShowAgainCheckbox?: boolean;
     /** The variant of the confirmation button. */
     confirmationButtonVariant?: ButtonVariants;
-    /** The text of the confirmation button */
-    confirmationButtonText?: string;
-    /** The text of the cancel button */
-    cancelButtonText?: string;
     /** The icon of the modal */
     icon?: IconName;
     /** The status of the modal. This will determine the color of the icon. */
     status?: 'info' | 'success' | 'error';
+    /** Customizable display text. */
+    text?: ConfirmationModalText;
 }

package/lib/components/pagination/Pagination.d.ts

@@ -1,2 +1,2 @@
-import { PaginationProps } from './types';
-export declare const Pagination: ({ totalPages, currentPage, onChange, className, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+import { type PaginationProps } from './types';
+export declare const Pagination: ({ totalPages, currentPage, onChange, className, text: textProp, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/pagination/Pagination.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Pagination } from './Pagination';
 declare const meta: Meta;
 export default meta;

package/lib/components/pagination/index.d.ts

@@ -1 +1,2 @@
 export { Pagination } from './Pagination';
+export type { PaginationText } from './types';

package/lib/components/pagination/types.d.ts

@@ -1,3 +1,14 @@
+/** Customizable text for Pagination. */
+export interface PaginationText {
+    /** Aria label for previous page button. Default: "Previous Page" */
+    previousPage?: string;
+    /** Aria label for next page button. Default: "Next Page" */
+    nextPage?: string;
+    /** Label for current page input. Default: "Current Page" */
+    currentPage?: string;
+    /** Text between current page and total (e.g., "of"). Default: "of" */
+    of?: string;
+}
 export interface PaginationProps {
     /** The total number of pages to be displayed */
     totalPages: number;
@@ -7,4 +18,6 @@ export interface PaginationProps {
     className?: string;
     /** The callback function that is called when the page changes. */
     onChange?: (value: number) => void;
+    /** Customizable display text. */
+    text?: PaginationText;
 }

package/lib/components/pill/Pill.d.ts

@@ -1,2 +1,2 @@
-import { PillProps } from './types';
+import { type PillProps } from './types';
 export declare const Pill: ({ children, className, color, size, shade, ...rest }: PillProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/pill/Pill.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Pill } from './Pill';
 declare const meta: Meta;
 export default meta;

package/lib/components/pill/types.d.ts

@@ -1,5 +1,5 @@
-import { ChromaticColor } from '../../types';
-import React from 'react';
+import { type ChromaticColor } from '../../types';
+import type React from 'react';
 export type PillSize = 'sm' | 'md' | 'lg';
 export type PillColor = ChromaticColor;
 export type PillShade = 1 | 2 | 3 | 4 | 5;

package/lib/components/skeleton/Skeleton.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Skeleton } from './Skeleton';
 declare const meta: Meta;
 export default meta;

package/lib/components/stepper/Stepper.d.ts

@@ -1,2 +1,2 @@
-import { StepperProps } from './types';
-export declare const Stepper: ({ currentStep: externalCurrentStep, legendHeader, legendFooter, steps, onBackClick, onNextClick, onFinishClick, children, onStepClick, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+import { type StepperProps } from './types';
+export declare const Stepper: ({ currentStep: externalCurrentStep, legendHeader, legendFooter, steps, onBackClick, onNextClick, onFinishClick, children, onStepClick, text: textProp, }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/stepper/Stepper.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Stepper } from './Stepper';
 declare const meta: Meta;
 export default meta;

package/lib/components/stepper/components/BackNavigation.d.ts

@@ -1,6 +1,7 @@
 type Props = {
     isDisabled: boolean;
     onBackClick: () => void;
+    label: string;
 };
-export declare const BackNavigation: ({ isDisabled, onBackClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BackNavigation: ({ isDisabled, onBackClick, label }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/stepper/components/Legend.d.ts

@@ -1,2 +1,2 @@
-import { StepperLegendProps } from '../types';
+import { type StepperLegendProps } from '../types';
 export declare const Legend: ({ currentStep, steps, onStepClick }: StepperLegendProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/stepper/components/NextNavigation.d.ts

@@ -3,6 +3,8 @@ type Props = {
     onNextClick: () => void;
     onFinishClick: () => void;
     isDisabled: boolean;
+    nextLabel: string;
+    finishLabel: string;
 };
-export declare const NextNavigation: ({ isLastStep, onNextClick, onFinishClick, isDisabled }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const NextNavigation: ({ isLastStep, onNextClick, onFinishClick, isDisabled, nextLabel, finishLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/stepper/types.d.ts

@@ -1,4 +1,13 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
+/** Customizable text for Stepper. */
+export interface StepperText {
+    /** Label for the "Previous Step" button. Default: "Previous Step" */
+    previousStep?: string;
+    /** Label for the "Next Step" button. Default: "Next Step" */
+    nextStep?: string;
+    /** Label for the "Finish" button. Default: "Finish" */
+    finish?: string;
+}
 export interface StepperProps {
     /** An array of step objects that define the stepper navigation. */
     steps: Step[];
@@ -17,6 +26,8 @@ export interface StepperProps {
     children: React.ReactNode;
     /** The function to call when a step is clicked ont he legend. */
     onStepClick: (step: number) => void;
+    /** Customizable display text. */
+    text?: StepperText;
 }
 export interface StepperLegendProps {
     currentStep: number;

package/lib/components/table/LoadingComponent.d.ts

@@ -1 +1,5 @@
-export declare const LoadingComponent: () => import("react/jsx-runtime").JSX.Element;
+interface LoadingComponentProps {
+    loadingText: string;
+}
+export declare const LoadingComponent: ({ loadingText }: LoadingComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/table/Table.d.ts

@@ -1,2 +1,2 @@
-import { TableProps } from './types';
+import { type TableProps } from './types';
 export declare const Table: <T>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/table/Table.stories.d.ts

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

package/lib/components/table/components/HorizontalStickyHeader.d.ts

@@ -1,3 +1,4 @@
+import { type HorizontalStickyHeaderText } from '../types';
 interface HorizontalStickyHeaderProps {
     children: React.ReactNode;
     position: number;
@@ -5,6 +6,8 @@ interface HorizontalStickyHeaderProps {
     isPinned?: boolean;
     forceUpdate?: number;
     pinnedColumnIds: string[];
+    /** Customizable display text. */
+    text?: HorizontalStickyHeaderText;
 }
-declare const HorizontalStickyHeader: ({ children, position, onPinColumn, isPinned, pinnedColumnIds, }: HorizontalStickyHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const HorizontalStickyHeader: ({ children, position, onPinColumn, isPinned, pinnedColumnIds, text: textProp, }: HorizontalStickyHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default HorizontalStickyHeader;

package/lib/components/table/components/helpers.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject } from 'styled-components';
+import { type CSSObject } from 'styled-components';
 export declare const getPreviousHeadersWidth: (position: number, pinnedColumnIds: string[]) => number;
 export declare const applyStickyStylesToTableHeader: (position: number, left: number) => Promise<void>;
 export declare const sortPinnedColumns: <T>(columns: T[], pinnedColumnIds: string[]) => T[];

package/lib/components/table/hooks/usePinnedColumnsManager.d.ts

@@ -1,8 +1,8 @@
-import { TableColumn } from '../types';
+import { type TableColumn, type HorizontalStickyHeaderText } from '../types';
 /**
  * Hook to manage pinned columns in a table
  * Handles initialization, toggling, positioning and resizing of pinned columns
  */
-export declare const usePinnedColumnsManager: <T>(columns: TableColumn<T>[], canPinColumns: boolean, onPinnedColumnsChange?: (pinnedColumnIds: string[]) => void) => {
+export declare const usePinnedColumnsManager: <T>(columns: TableColumn<T>[], canPinColumns: boolean, onPinnedColumnsChange?: (pinnedColumnIds: string[]) => void, text?: HorizontalStickyHeaderText) => {
     columnsWithPinning: TableColumn<T>[];
 };

package/lib/components/table/sampleData.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn } from './types';
+import { type TableColumn } from './types';
 export interface SampleDataRow {
     name: string;
     class: string;

package/lib/components/table/types.d.ts

@@ -1,5 +1,5 @@
-import { Direction as RDTDirection, Alignment as RDTAlignment, TableColumn as RDTTableColumn, IDataTableProps } from 'react-data-table-component';
-import { CSSObject } from 'styled-components';
+import { type Direction as RDTDirection, type Alignment as RDTAlignment, type TableColumn as RDTTableColumn, type IDataTableProps } from 'react-data-table-component';
+import { type CSSObject } from 'styled-components';
 export type Direction = `${RDTDirection}`;
 export type Alignment = `${RDTAlignment}`;
 export interface PinnableColumn<T> extends RDTTableColumn<T> {
@@ -9,6 +9,22 @@ export interface PinnableColumn<T> extends RDTTableColumn<T> {
     position?: number;
 }
 export type TableColumn<T> = PinnableColumn<T>;
+/** Customizable text for Table. */
+export interface TableText {
+    /** Text to display while loading. Default: "Loading..." */
+    loading?: string;
+    /** Aria label for unpinning a column. Default: "Unpin column" */
+    unpinColumn?: string;
+    /** Aria label for pinning a column. Default: "Pin column" */
+    pinColumn?: string;
+}
+/** Customizable text for HorizontalStickyHeader. */
+export interface HorizontalStickyHeaderText {
+    /** Aria label for unpinning a column. Default: "Unpin column" */
+    unpinColumn?: string;
+    /** Aria label for pinning a column. Default: "Pin column" */
+    pinColumn?: string;
+}
 export interface TableProps<T> extends Omit<IDataTableProps<T>, 'paginationComponent' | 'direction' | 'subHeaderAlign'> {
     /** The columns to display in the table. All columns require a unique id property. For pinned columns, please see the pinned example below. */
     columns: TableColumn<T>[];
@@ -28,4 +44,6 @@ export interface TableProps<T> extends Omit<IDataTableProps<T>, 'paginationCompo
     canPinColumns?: boolean;
     /** Callback that receives the IDs of the pinned columns when they change. */
     onPinnedColumnsChange?: (pinnedColumnIds: any[]) => void;
+    /** Customizable display text. */
+    text?: TableText;
 }

package/lib/components/table/utils/processColumns.d.ts

@@ -1,2 +1,2 @@
-import { TableColumn } from '../types';
-export declare const processColumns: <T>(columns: TableColumn<T>[], pinnedColumnIds: string[], togglePinnedColumn: (id: string) => void) => TableColumn<T>[];
+import { type TableColumn, type HorizontalStickyHeaderText } from '../types';
+export declare const processColumns: <T>(columns: TableColumn<T>[], pinnedColumnIds: string[], togglePinnedColumn: (id: string) => void, text?: HorizontalStickyHeaderText) => TableColumn<T>[];

package/lib/components/tanstackTable/TankstackTable.types.d.ts

@@ -1,4 +1,21 @@
-import { Row, ColumnDef, SortingState } from '@tanstack/react-table';
+import { type Row, type ColumnDef, type SortingState } from '@tanstack/react-table';
+/** Customizable text for TanstackTable. */
+export interface TanstackTableText {
+    /** Message while table is loading. Default: "Table is loading..." */
+    loading?: string;
+    /** Message when no results found. Default: "No results found." */
+    noResults?: string;
+    /** Message when there's an error loading data. Default: "There was an error loading the data." */
+    error?: string;
+    /** Text for reset filters button. Default: "Reset filters" */
+    resetFilters?: string;
+    /** Singular entry text. Default: "entry" */
+    entry?: string;
+    /** Plural entries text. Default: "entries" */
+    entries?: string;
+    /** "of" text in pagination (e.g., "5 of 10 entries"). Default: "of" */
+    of?: string;
+}
 export type WithPaginationProps = {
     /** Number of rows to display per pagination page. */
     rowsPerPage: number;
@@ -52,8 +69,6 @@ export type Props<T extends object> = {
     hasFilters?: boolean;
     /** When this is true, the table is considered to be in a loading state. */
     isLoading?: boolean;
-    /** Message to display when the table is loading. */
-    isLoadingMessage?: string;
     /** Columns that are pinned by default. */
     defaultPinnedColumns?: string[];
     /** Callback when a row is clicked. */
@@ -70,4 +85,6 @@ export type Props<T extends object> = {
     onSelectAllChange?: (isSelected: boolean) => void;
     /** You may pass a default sorting state to the table. This will be used to sort the table by default. This is useful if you want to sort the table by a column by default. */
     defaultSorting?: SortingState;
+    /** Customizable display text. */
+    text?: TanstackTableText;
 } & PaginationProps;

package/lib/components/tanstackTable/TanstackTable.d.ts

@@ -1,4 +1,4 @@
-import { Props } from './TankstackTable.types';
-export declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, isLoadingMessage, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, defaultSorting, ...rest }: Props<T & {
+import { type Props } from './TankstackTable.types';
+export declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, defaultSorting, text: textProp, ...rest }: Props<T & {
     id: string;
 }>): import("react/jsx-runtime").JSX.Element;

package/lib/components/tanstackTable/TanstackTable.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type Person } from './mock-data/mock-data';
 import { TanstackTable } from './TanstackTable';
-import { Person } from './mock-data/mock-data';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof TanstackTable<Person>>;

package/lib/components/tanstackTable/__tests__/__mocks__/test-mock-data.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef } from "@tanstack/react-table";
+import { type ColumnDef } from "@tanstack/react-table";
 export interface TestData {
     id: string;
     name: string;

package/lib/components/tanstackTable/components/ActionBar/ActionBar.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Row, Table } from '@tanstack/react-table';
+import { type Row, type Table } from '@tanstack/react-table';
+import type React from 'react';
 type Props<T extends object> = {
     /** Table instance. */
     table: Table<T & {

package/lib/components/tanstackTable/components/ActionBar/ActionBar.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { ActionBar } from './ActionBar';
 declare const meta: Meta;
 export default meta;

package/lib/components/tanstackTable/components/NoResults/NoResults.d.ts

@@ -2,6 +2,7 @@ type Props = {
     clearFilters?: () => void;
     hasFilters?: boolean;
     message: string;
+    resetFiltersText?: string;
 };
-export declare function NoResults({ clearFilters, hasFilters, message }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function NoResults({ clearFilters, hasFilters, message, resetFiltersText, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/tanstackTable/components/TableBody/TableBody.d.ts

@@ -1,4 +1,4 @@
-import { Table } from '@tanstack/react-table';
+import { type Table } from '@tanstack/react-table';
 export type Props<T> = {
     table: Table<T>;
     onRowClick?: ((row: T & {

package/lib/components/tanstackTable/components/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import { Table } from '@tanstack/react-table';
+import { type Table } from '@tanstack/react-table';
 interface Props {
     table: Table<any>;
 }

package/lib/components/tanstackTable/components/TableLoading/TableLoading.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef } from '@tanstack/react-table';
+import { type ColumnDef } from '@tanstack/react-table';
 export type Props<T> = {
     columns: ColumnDef<T>[];
     message?: string;

package/lib/components/tanstackTable/components/TablePagination/TablePagination.d.ts

@@ -1,9 +1,11 @@
+import { type PaginationText } from '../../../pagination';
 interface TablePaginationProps {
     rowsPerPage: number;
     rowCount: number;
     onChangePage: (page: number) => void;
     currentPage: number;
     totalEntriesText?: string;
+    text?: PaginationText;
 }
-export declare const TablePagination: ({ rowsPerPage, rowCount, onChangePage, currentPage, totalEntriesText, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePagination: ({ rowsPerPage, rowCount, onChangePage, currentPage, totalEntriesText, text, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/tanstackTable/docs/internalSorting/InternalClientSideSorting.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type Person } from '../../mock-data/mock-data';
 import { TanstackTable } from '../../TanstackTable';
-import { Person } from '../../mock-data/mock-data';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof TanstackTable<Person>>;

package/lib/components/tanstackTable/docs/pinnedColumns/PinnedColumn.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type Person } from '../../mock-data/mock-data';
 import { TanstackTable } from '../../TanstackTable';
-import { Person } from '../../mock-data/mock-data';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof TanstackTable<Person>>;

package/lib/components/tanstackTable/docs/withRowClick/WithRowClick.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { type Person } from '../../mock-data/mock-data';
 import { TanstackTable } from '../../TanstackTable';
-import { Person } from '../../mock-data/mock-data';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof TanstackTable<Person>>;

package/lib/components/tanstackTable/helpers.d.ts

@@ -1,5 +1,5 @@
-import { Column } from '@tanstack/react-table';
-import { CSSProperties } from 'react';
+import { type Column } from '@tanstack/react-table';
+import { type CSSProperties } from 'react';
 export declare const getThStyles: <T>(column: Column<T>) => {
     accentColor?: import("csstype").Property.AccentColor | undefined;
     alignContent?: import("csstype").Property.AlignContent | undefined;

package/lib/components/tanstackTable/mock-data/table-configuration.d.ts

@@ -1,3 +1,3 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { Person } from './mock-data';
+import { type ColumnDef } from '@tanstack/react-table';
+import { type Person } from './mock-data';
 export declare const columns: ColumnDef<Person>[];

package/lib/components/tanstackTable/useTanstackTable.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef } from '@tanstack/react-table';
+import { type ColumnDef } from '@tanstack/react-table';
 type Props<T> = {
     defaultColumns: ColumnDef<T>[];
 };

package/lib/components/toast/Toast.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { ToastContainer } from './index';
 declare const meta: Meta<typeof ToastContainer>;
 export default meta;

package/lib/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { PlacesType, PositionStrategy } from 'react-tooltip';
+import { type CSSProperties } from 'react';
+import { type PlacesType, type PositionStrategy } from 'react-tooltip';
 export interface TooltipProps {
     id: string;
     /** Whether the tooltip should be shown on click */

package/lib/components/tooltip/Tooltip.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { type Meta, type StoryObj } from '@storybook/react';
 import { Tooltip } from './Tooltip';
 declare const meta: Meta;
 export default meta;

package/lib/components/truncate/Truncate.d.ts

@@ -1,2 +1,2 @@
-import { TruncateProps } from './types';
+import { type TruncateProps } from './types';
 export declare const Truncate: ({ numLines, tooltipOptions, children, ...rest }: TruncateProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/truncate/Truncate.stories.d.ts

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