uikit-react-public 0.40.3 → 0.41.0

package/dist/components/BreadcrumbsNew/BaseBreadcrumbsItem.d.ts

@@ -3,10 +3,9 @@ import { BreadcrumbsSize } from './Breadcrumbs';
 export declare const NAME = "ucl-uikit-breadcrumbs__item";
 export interface BaseBreadcrumbsItemProps extends LiHTMLAttributes<HTMLLIElement> {
     separator?: boolean;
-    back?: boolean;
     size?: BreadcrumbsSize;
     testId?: string;
     children?: ReactNode;
 }
-declare const BaseBreadcrumbsItem: ({ separator, back, size, testId, className, children, ...props }: BaseBreadcrumbsItemProps) => import("react").JSX.Element;
+declare const BaseBreadcrumbsItem: ({ separator, size, testId, className, children, ...props }: BaseBreadcrumbsItemProps) => import("react").JSX.Element;
 export default BaseBreadcrumbsItem;

package/dist/components/BreadcrumbsNew/BreadcrumbsLink.d.ts

@@ -1,7 +1,9 @@
 import { StandaloneLinkProps } from '../StandaloneLink';
 import { BaseBreadcrumbsItemProps } from './BaseBreadcrumbsItem';
 export declare const NAME = "ucl-uikit-breadcrumbs__link";
-type BreadcrumbsLinkOwnProps = Pick<BaseBreadcrumbsItemProps, 'separator' | 'back' | 'size'>;
+type BreadcrumbsLinkOwnProps = Pick<BaseBreadcrumbsItemProps, 'separator' | 'size'> & {
+    back?: boolean;
+};
 export type BreadcrumbsLinkProps = BreadcrumbsLinkOwnProps & Omit<StandaloneLinkProps, 'size' | 'variant'>;
 declare const BreadcrumbsLink: ({ separator, back, size, className, children, ...props }: BreadcrumbsLinkProps) => import("react").JSX.Element;
 export default BreadcrumbsLink;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { ThemeType } from '../../theme';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-progress-bar";
+export type ProgressBarVariant = 'info' | 'success' | 'critical' | 'warning';
+export type ProgressBarSize = 'small' | 'large';
+export interface ProgressBarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'role'> {
+    value?: number | null;
+    max?: number;
+    variant?: ProgressBarVariant;
+    size?: ProgressBarSize;
+    title?: ReactNode;
+    label?: ReactNode;
+    valueLabel?: ReactNode;
+    testId?: string;
+    ref?: Ref<HTMLDivElement>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+}
+export type ProgressBarProps = ProgressBarBaseProps & MarginProps;
+export declare const getProgressBarVariantColour: (theme: ThemeType, variant: ProgressBarVariant) => string;
+declare const _default: import('react').MemoExoticComponent<({ value, max, variant, size, title, label, valueLabel, testId, className, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: ProgressBarProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,77 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ProgressBarSize, ProgressBarVariant } from './ProgressBar';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ value, max, variant, size, title, label, valueLabel, testId, className, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: import('./ProgressBar').ProgressBarProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        max: {
+            control: {
+                type: "number";
+                min: number;
+            };
+        };
+        variant: {
+            options: ProgressBarVariant[];
+            control: {
+                type: "radio";
+            };
+        };
+        size: {
+            options: ProgressBarSize[];
+            control: {
+                type: "radio";
+            };
+        };
+        title: {
+            control: {
+                type: "text";
+            };
+        };
+        label: {
+            control: {
+                type: "text";
+            };
+        };
+        valueLabel: {
+            control: {
+                type: "text";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        className: {
+            control: false;
+        };
+    };
+    args: {
+        value: number;
+        max: number;
+        variant: "info";
+        size: "small";
+        title: string;
+        valueLabel: string;
+        label: string;
+        'aria-label': string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;
+export declare const Indeterminate: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;

package/dist/components/ProgressBar/__tests__/ProgressBar.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar';

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

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

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

@@ -1,7 +1,7 @@
 import { TableProps } from './Table.types';
 import { TableHeadCellProps } from './subcomponents';
 declare const Table: {
-    ({ testId, className, children, ref, ariaLabel, ...props }: TableProps): import("react").JSX.Element;
+    ({ testId, className, children, ref, ariaLabel, disableMobileView, ...props }: TableProps): import("react").JSX.Element;
     Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => 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;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {
-        ({ testId, className, children, ref, ariaLabel, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
+        ({ testId, className, children, ref, ariaLabel, disableMobileView, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
         Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => 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;

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

@@ -15,4 +15,6 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
     className?: string;
     ref?: React.Ref<HTMLTableElement>;
     ariaLabel?: string;
+    /** Disable the responsive switch to a mobile card layout below the tablet breakpoint, keeping a real table at all widths. */
+    disableMobileView?: boolean;
 }

package/dist/components/index.d.ts

@@ -27,6 +27,8 @@ export { default as BaseCheckbox } from './BaseCheckbox';
 export type { BaseCheckboxProps, BaseCheckboxState } from './BaseCheckbox';
 export { default as Spinner } from './Spinner';
 export type { SpinnerProps } from './Spinner';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar';
 export { default as Textarea } from './Textarea';
 export type { TextareaProps } from './Textarea';
 export { default as Heading } from './Heading';