uikit-react-public 0.40.2 → 0.40.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/components/BreadcrumbsNew/BaseBreadcrumbsItem.d.ts +1 -2
  2. package/dist/components/BreadcrumbsNew/BreadcrumbsLink.d.ts +3 -1
  3. package/dist/components/Footer/Footer.d.ts +10 -5
  4. package/dist/components/Footer/Footer.stories.d.ts +1 -1
  5. package/dist/components/Footer/FooterNavLink.d.ts +1 -1
  6. package/dist/components/Footer/SocialLink.d.ts +1 -1
  7. package/dist/components/FooterNew/FooterNavLink.d.ts +1 -1
  8. package/dist/components/FooterNew/SocialLink.d.ts +1 -1
  9. package/dist/components/Table/Table.context.d.ts +2 -0
  10. package/dist/components/Table/Table.d.ts +1 -1
  11. package/dist/components/Table/Table.stories.d.ts +1 -1
  12. package/dist/components/Table/Table.types.d.ts +2 -0
  13. package/dist/index.js +6218 -6142
  14. package/lib/components/BreadcrumbsNew/BaseBreadcrumbsItem.tsx +0 -9
  15. package/lib/components/BreadcrumbsNew/BreadcrumbsLink.tsx +23 -6
  16. package/lib/components/BreadcrumbsNew/__tests__/Breadcrumbs.test.tsx +3 -0
  17. package/lib/components/Footer/Footer.tsx +83 -6
  18. package/lib/components/Footer/FooterColumn.tsx +2 -3
  19. package/lib/components/Footer/FooterNavLink.tsx +3 -1
  20. package/lib/components/Footer/SocialLink.tsx +4 -1
  21. package/lib/components/Footer/__tests__/Footer.test.tsx +42 -9
  22. package/lib/components/FooterNew/BackToTop.tsx +1 -1
  23. package/lib/components/FooterNew/Footer.tsx +1 -1
  24. package/lib/components/FooterNew/FooterColumn.tsx +1 -1
  25. package/lib/components/FooterNew/FooterLinks.tsx +1 -1
  26. package/lib/components/FooterNew/FooterNavLink.tsx +3 -1
  27. package/lib/components/FooterNew/LegalAndCopyright.tsx +1 -1
  28. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +2 -1
  29. package/lib/components/FooterNew/SocialLink.tsx +4 -1
  30. package/lib/components/Table/Table.context.ts +10 -1
  31. package/lib/components/Table/Table.tsx +8 -3
  32. package/lib/components/Table/Table.types.ts +2 -0
  33. package/lib/components/Table/__tests__/Table.test.tsx +90 -0
  34. package/lib/components/Table/subcomponents/Body.tsx +7 -1
  35. package/lib/components/Table/subcomponents/Cell/Cell.tsx +22 -18
  36. package/lib/components/Table/subcomponents/Cell/CellContent.tsx +11 -5
  37. package/lib/components/Table/subcomponents/Head.tsx +7 -1
  38. package/lib/components/Table/subcomponents/Row.tsx +10 -6
  39. package/package.json +1 -1
@@ -3,10 +3,9 @@ import { BreadcrumbsSize } from './Breadcrumbs';
3
3
  export declare const NAME = "ucl-uikit-breadcrumbs__item";
4
4
  export interface BaseBreadcrumbsItemProps extends LiHTMLAttributes<HTMLLIElement> {
5
5
  separator?: boolean;
6
- back?: boolean;
7
6
  size?: BreadcrumbsSize;
8
7
  testId?: string;
9
8
  children?: ReactNode;
10
9
  }
11
- declare const BaseBreadcrumbsItem: ({ separator, back, size, testId, className, children, ...props }: BaseBreadcrumbsItemProps) => import("react").JSX.Element;
10
+ declare const BaseBreadcrumbsItem: ({ separator, size, testId, className, children, ...props }: BaseBreadcrumbsItemProps) => import("react").JSX.Element;
12
11
  export default BaseBreadcrumbsItem;
@@ -1,7 +1,9 @@
1
1
  import { StandaloneLinkProps } from '../StandaloneLink';
2
2
  import { BaseBreadcrumbsItemProps } from './BaseBreadcrumbsItem';
3
3
  export declare const NAME = "ucl-uikit-breadcrumbs__link";
4
- type BreadcrumbsLinkOwnProps = Pick<BaseBreadcrumbsItemProps, 'separator' | 'back' | 'size'>;
4
+ type BreadcrumbsLinkOwnProps = Pick<BaseBreadcrumbsItemProps, 'separator' | 'size'> & {
5
+ back?: boolean;
6
+ };
5
7
  export type BreadcrumbsLinkProps = BreadcrumbsLinkOwnProps & Omit<StandaloneLinkProps, 'size' | 'variant'>;
6
8
  declare const BreadcrumbsLink: ({ separator, back, size, className, children, ...props }: BreadcrumbsLinkProps) => import("react").JSX.Element;
7
9
  export default BreadcrumbsLink;
@@ -1,20 +1,25 @@
1
1
  import { HTMLAttributes } from 'react';
2
- import { default as FooterColumn } from './FooterColumn';
3
- import { default as FooterNavLink } from './FooterNavLink';
2
+ import { FooterColumnProps } from './FooterColumn';
3
+ import { FooterNavLinkProps } from './FooterNavLink';
4
4
  export declare const NAME = "ucl-uikit-footer";
5
5
  export interface FooterProps extends HTMLAttributes<HTMLElement> {
6
6
  testId?: string;
7
+ addressFormat?: 'compact' | 'full';
8
+ showSocialLinks?: boolean;
7
9
  disclaimer?: string;
8
10
  freedomOfInformation?: string;
9
11
  accessibility?: string;
10
12
  cookies?: string;
11
13
  privacy?: string;
12
14
  slaveryStatement?: string;
15
+ login?: string;
13
16
  }
14
- declare const MemoFooter: import('react').MemoExoticComponent<({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: FooterProps) => import("react").JSX.Element>;
17
+ declare const FooterColumnBridge: (props: FooterColumnProps) => import("react").JSX.Element;
18
+ declare const FooterNavLinkBridge: (props: FooterNavLinkProps) => import("react").JSX.Element;
19
+ declare const MemoFooter: import('react').MemoExoticComponent<({ testId, className, addressFormat, showSocialLinks, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, login, children, ...props }: FooterProps) => import("react").JSX.Element>;
15
20
  export interface IFooterSubComponents {
16
- Column: typeof FooterColumn;
17
- NavLink: typeof FooterNavLink;
21
+ Column: typeof FooterColumnBridge;
22
+ NavLink: typeof FooterNavLinkBridge;
18
23
  }
19
24
  declare const FooterWithSubComponents: typeof MemoFooter & IFooterSubComponents;
20
25
  export default FooterWithSubComponents;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('react').NamedExoticComponent<import('./Footer').FooterProps> & {
5
- readonly type: ({ testId, className, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, children, ...props }: import('./Footer').FooterProps) => import("react").JSX.Element;
5
+ readonly type: ({ testId, className, addressFormat, showSocialLinks, disclaimer, freedomOfInformation, accessibility, cookies, privacy, slaveryStatement, login, children, ...props }: import('./Footer').FooterProps) => import("react").JSX.Element;
6
6
  } & import('./Footer').IFooterSubComponents;
7
7
  parameters: {
8
8
  layout: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__nav-link";
3
3
  export interface FooterNavLinkProps extends LinkProps {
4
4
  href: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__social-link";
3
3
  export interface SocialLinkProps extends LinkProps {
4
4
  socialNetwork: 'facebook' | 'flickr' | 'instagram' | 'soundcloud' | 'tiktok' | 'x' | 'youtube';
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__nav-link";
3
3
  export interface FooterNavLinkProps extends LinkProps {
4
4
  href: string;
@@ -1,4 +1,4 @@
1
- import { LinkProps } from '../..';
1
+ import { LinkProps } from '../Link';
2
2
  export declare const NAME = "ucl-uikit-footer__social-link";
3
3
  export interface SocialLinkProps extends LinkProps {
4
4
  socialNetwork: 'bluesky' | 'instagram' | 'linkedin' | 'youtube' | 'tiktok' | 'facebook' | 'threads' | 'soundcloud';
@@ -1,6 +1,8 @@
1
1
  import { TableColumnMetadata } from './Table.types';
2
2
  export type TableContextValue = {
3
3
  columns: TableColumnMetadata[];
4
+ disableMobileView: boolean;
4
5
  };
5
6
  export declare const TableContextProvider: import('react').Provider<TableContextValue>;
6
7
  export declare const useTableContext: () => TableContextValue;
8
+ export declare const getMobileBreakpoint: (tabletBreakpoint: number, disableMobileView: boolean) => number;
@@ -1,7 +1,7 @@
1
1
  import { TableProps } from './Table.types';
2
2
  import { TableHeadCellProps } from './subcomponents';
3
3
  declare const Table: {
4
- ({ testId, className, children, ref, ariaLabel, ...props }: TableProps): import("react").JSX.Element;
4
+ ({ testId, className, children, ref, ariaLabel, disableMobileView, ...props }: TableProps): import("react").JSX.Element;
5
5
  Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
6
6
  HeadCell: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react").JSX.Element;
7
7
  Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
5
- ({ testId, className, children, ref, ariaLabel, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
5
+ ({ testId, className, children, ref, ariaLabel, disableMobileView, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
6
6
  Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
7
7
  HeadCell: ({ variant, accessor, mobileRole, mobileLabel, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
8
8
  Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
@@ -15,4 +15,6 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
15
15
  className?: string;
16
16
  ref?: React.Ref<HTMLTableElement>;
17
17
  ariaLabel?: string;
18
+ /** Disable the responsive switch to a mobile card layout below the tablet breakpoint, keeping a real table at all widths. */
19
+ disableMobileView?: boolean;
18
20
  }