uikit-react-public 0.36.1 → 0.37.2

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

@@ -12,4 +12,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const FewPages: Story;
+export declare const Compact: Story;
 export declare const ItemsInfo: Story;

package/dist/components/Pagination/PaginationControls.d.ts

@@ -2,8 +2,9 @@ import { HTMLAttributes } from 'react';
 export declare const NAME = "ucl-ukit-pagination__controls";
 export declare const DEFAULT_MAX_BUTTONS = 9;
 export interface PaginationControlsProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'compact';
     maxNumberButtons?: number;
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, testId, className, }: PaginationControlsProps) => import("react").JSX.Element | null>;
+declare const _default: import('react').MemoExoticComponent<({ variant, maxNumberButtons, testId, className, ...props }: PaginationControlsProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Pagination/__tests__/PaginationControls.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Pagination/subcomponents/PaginationCompactControls.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface PaginationCompactControlsProps extends HTMLAttributes<HTMLDivElement> {
+    name: string;
+    testId: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ name, testId, className, ...props }: PaginationCompactControlsProps) => import("react").JSX.Element | null>;
+export default _default;

package/dist/components/Pagination/subcomponents/PaginationStandardControls.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface PaginationStandardControlsProps extends HTMLAttributes<HTMLDivElement> {
+    maxNumberButtons: number;
+    name: string;
+    testId: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, name, testId, className, ...props }: PaginationStandardControlsProps) => import("react").JSX.Element | null>;
+export default _default;

package/dist/components/Pagination/subcomponents/index.d.ts

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

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

@@ -0,0 +1,6 @@
+import { TableColumnMetadata } from './Table.types';
+export type TableContextValue = {
+    columns: TableColumnMetadata[];
+};
+export declare const TableContextProvider: import('react').Provider<TableContextValue>;
+export declare const useTableContext: () => TableContextValue;

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

@@ -1,10 +1,11 @@
 import { TableProps } from './Table.types';
+import { TableHeadCellProps } from './subcomponents';
 declare const Table: {
     ({ testId, className, children, ref, ariaLabel, ...props }: TableProps): import("react").JSX.Element;
     Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
-    HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
+    HeadCell: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react").JSX.Element;
     Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
-    Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
-    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
+    Row: ({ selected, mobileExpanded, defaultMobileExpanded, mobileCollapsible, mobileDetailsLabel, mobileExpandLabel, mobileCollapseLabel, onMobileExpandedChange, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
+    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, __mobileColumnIndex, __mobileHasSelection, __mobileHasPrimaryMeta, __mobileIsFirstBodyField, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
 };
 export default Table;

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

@@ -4,10 +4,10 @@ declare const meta: {
     component: {
         ({ testId, className, children, ref, ariaLabel, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
         Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
-        HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
+        HeadCell: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
         Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
-        Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
-        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
+        Row: ({ selected, mobileExpanded, defaultMobileExpanded, mobileCollapsible, mobileDetailsLabel, mobileExpandLabel, mobileCollapseLabel, onMobileExpandedChange, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
+        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, __mobileColumnIndex, __mobileHasSelection, __mobileHasPrimaryMeta, __mobileIsFirstBodyField, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
     };
     parameters: {
         layout: string;

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

@@ -1,5 +1,11 @@
 export type ColumnVariant = 'default' | 'numeric' | 'checkbox' | 'button';
 export type SortOrder = 'asc' | 'desc' | null;
+export type TableMobileRole = 'selection' | 'primaryMeta' | 'primary' | 'status' | 'primaryStatus' | 'field' | 'primaryAction' | 'contextMenu' | 'hidden';
+export type NormalizedTableMobileRole = Exclude<TableMobileRole, 'primaryStatus'>;
+export type TableColumnMetadata = {
+    mobileRole: NormalizedTableMobileRole;
+    mobileLabel?: string;
+};
 export type SortPattern = {
     accessor: string | null;
     order: SortOrder;

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

@@ -1,3 +1,3 @@
 export { default } from './Table';
-export type { TableProps, ColumnVariant } from './Table.types';
+export type { TableProps, ColumnVariant, TableMobileRole, TableColumnMetadata, } from './Table.types';
 export type { TableHeadProps, TableHeadCellProps, TableBodyProps, TableRowProps, TableCellProps, } from './subcomponents';

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

@@ -11,6 +11,13 @@ export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElemen
     testId?: string;
     checkboxProps?: Omit<CheckboxProps, 'checked' | 'onChange'>;
     buttonProps?: Omit<ButtonProps<'button'>, 'variant' | 'onClick' | 'className'>;
+    /** @internal */
+    __mobileColumnIndex?: number;
+    __mobileHasSelection?: boolean;
+    /** @internal */
+    __mobileHasPrimaryMeta?: boolean;
+    /** @internal */
+    __mobileIsFirstBodyField?: boolean;
 }
-declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: TableCellProps) => import("react").JSX.Element;
+declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, __mobileColumnIndex, __mobileHasSelection, __mobileHasPrimaryMeta, __mobileIsFirstBodyField, ...props }: TableCellProps) => import("react").JSX.Element;
 export default Cell;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./Cell').TableCellProps) => import("react").JSX.Element;
+    component: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, __mobileColumnIndex, __mobileHasSelection, __mobileHasPrimaryMeta, __mobileIsFirstBodyField, ...props }: import('./Cell').TableCellProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -19,6 +19,10 @@ declare const meta: {
         testId?: string | undefined;
         checkboxProps?: Omit<import('../../..').CheckboxProps, "checked" | "onChange"> | undefined;
         buttonProps?: Omit<import('../../..').ButtonProps<"button">, "variant" | "onClick" | "className"> | undefined;
+        __mobileColumnIndex?: number | undefined;
+        __mobileHasSelection?: boolean | undefined;
+        __mobileHasPrimaryMeta?: boolean | undefined;
+        __mobileIsFirstBodyField?: boolean | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;

package/dist/components/Table/subcomponents/Cell/CellContent.d.ts

@@ -1,8 +1,9 @@
 import { CheckboxProps } from '../../../Checkbox/Checkbox';
 import { ButtonProps } from '../../../Button';
-import { ColumnVariant } from '../../Table.types';
+import { ColumnVariant, NormalizedTableMobileRole } from '../../Table.types';
 interface CellContentProps extends React.HTMLAttributes<HTMLDivElement> {
     variant: ColumnVariant;
+    mobileRole: NormalizedTableMobileRole;
     icon?: React.ReactNode;
     checked?: boolean;
     checkboxProps?: Omit<CheckboxProps, 'checked' | 'onChange'>;
@@ -10,5 +11,5 @@ interface CellContentProps extends React.HTMLAttributes<HTMLDivElement> {
     handleCheckboxChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleButtonClick: (event: React.UIEvent) => void;
 }
-declare const CellContent: ({ variant, icon, checked, checkboxProps, buttonProps, handleCheckboxChange, handleButtonClick, children, }: CellContentProps) => import("react").JSX.Element;
+declare const CellContent: ({ variant, mobileRole, icon, checked, checkboxProps, buttonProps, handleCheckboxChange, handleButtonClick, children, }: CellContentProps) => import("react").JSX.Element;
 export default CellContent;

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

@@ -1,7 +1,9 @@
-import { ColumnVariant, SortOrder } from '../../Table.types';
+import { ColumnVariant, SortOrder, TableMobileRole } from '../../Table.types';
 export interface TableHeadCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
     variant?: ColumnVariant;
     accessor?: string;
+    mobileRole?: TableMobileRole;
+    mobileLabel?: string;
     sort?: SortOrder;
     onSortChange?: (accessor: string, sort: SortOrder, event: React.UIEvent) => void;
     showSortIcon?: boolean;
@@ -10,5 +12,5 @@ export interface TableHeadCellProps extends React.HTMLAttributes<HTMLTableCellEl
     testId?: string;
     checkboxAriaLabel?: string;
 }
-declare const HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react").JSX.Element;
+declare const HeadCell: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react").JSX.Element;
 export default HeadCell;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SortOrder } from '../../Table.types';
 declare const meta: {
     title: string;
-    component: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./HeadCell').TableHeadCellProps) => import("react").JSX.Element;
+    component: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./HeadCell').TableHeadCellProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -17,6 +17,8 @@ declare const meta: {
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         variant?: import('../..').ColumnVariant | undefined;
         accessor?: string | undefined;
+        mobileRole?: import('../..').TableMobileRole | undefined;
+        mobileLabel?: string | undefined;
         sort?: SortOrder | undefined;
         onSortChange?: ((accessor: string, sort: SortOrder, event: React.UIEvent) => void) | undefined;
         showSortIcon?: boolean | undefined;

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

@@ -1,5 +1,12 @@
 export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     selected?: boolean;
+    mobileExpanded?: boolean;
+    defaultMobileExpanded?: boolean;
+    mobileCollapsible?: boolean;
+    mobileDetailsLabel?: string;
+    mobileExpandLabel?: string;
+    mobileCollapseLabel?: string;
+    onMobileExpandedChange?: (expanded: boolean) => void;
 }
-declare const Row: ({ selected, className, children, ...props }: TableRowProps) => import("react").JSX.Element;
+declare const Row: ({ selected, mobileExpanded, defaultMobileExpanded, mobileCollapsible, mobileDetailsLabel, mobileExpandLabel, mobileCollapseLabel, onMobileExpandedChange, className, children, ...props }: TableRowProps) => import("react").JSX.Element;
 export default Row;