uikit-react-public 0.43.2 → 0.44.0

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 (78) hide show
  1. package/dist/components/Header/Header.d.ts +2 -1
  2. package/dist/components/Header/Header.stories.d.ts +5 -1
  3. package/dist/components/HeaderNew/Header.d.ts +2 -1
  4. package/dist/components/NavigationBar/NavigationBar.d.ts +12 -0
  5. package/dist/components/NavigationBar/NavigationBar.stories.d.ts +14 -0
  6. package/dist/components/NavigationBar/NavigationBarItem.d.ts +19 -0
  7. package/dist/components/NavigationBar/__tests__/NavigationBar.test.d.ts +1 -0
  8. package/dist/components/NavigationBar/index.d.ts +2 -0
  9. package/dist/components/Paragraph/Paragraph.d.ts +1 -1
  10. package/dist/components/index.d.ts +2 -0
  11. package/dist/index.js +5591 -5247
  12. package/lib/components/Accordion/Accordion.Heading.tsx +0 -2
  13. package/lib/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +2 -2
  14. package/lib/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +4 -4
  15. package/lib/components/Avatar/Avatar.tsx +7 -1
  16. package/lib/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +12 -12
  17. package/lib/components/Badge/Badge.tsx +6 -11
  18. package/lib/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap +9 -9
  19. package/lib/components/Button/Button.tsx +11 -7
  20. package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +9 -9
  21. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +18 -18
  22. package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +7 -5
  23. package/lib/components/Calendar/subcomponents/ColumnHeading.tsx +12 -7
  24. package/lib/components/Calendar/subcomponents/ControlsSelect.tsx +11 -6
  25. package/lib/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +2 -2
  26. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +2 -2
  27. package/lib/components/DrawerMenu/DrawerMenu.tsx +4 -3
  28. package/lib/components/DropdownMenu/DropdownMenu.tsx +4 -3
  29. package/lib/components/DropdownUserMenu/DropdownUserMenu.tsx +8 -5
  30. package/lib/components/Field/CharacterCount.tsx +7 -6
  31. package/lib/components/Field/ErrorText.tsx +7 -6
  32. package/lib/components/FileInput/FileInput.tsx +11 -3
  33. package/lib/components/FileInput/__tests__/__snapshots__/FileInput.test.tsx.snap +4 -4
  34. package/lib/components/Footer/Footer.tsx +16 -3
  35. package/lib/components/Footer/FooterColumn.tsx +9 -4
  36. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +13 -11
  37. package/lib/components/FooterNew/BackToTop.tsx +12 -4
  38. package/lib/components/FooterNew/FooterColumn.tsx +4 -0
  39. package/lib/components/FooterNew/FooterNavLink.tsx +12 -6
  40. package/lib/components/FooterNew/LegalAndCopyright.tsx +11 -6
  41. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +27 -15
  42. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +32 -26
  43. package/lib/components/Header/Header.mdx +8 -1
  44. package/lib/components/Header/Header.stories.tsx +13 -0
  45. package/lib/components/Header/Header.tsx +3 -0
  46. package/lib/components/Header/__tests__/Header.test.tsx +22 -0
  47. package/lib/components/HeaderDraft/HeaderBottomBreadcrumbs.tsx +6 -1
  48. package/lib/components/HeaderDraft/HeaderBottomHeadingAndAvatar.tsx +19 -8
  49. package/lib/components/HeaderDraft/HeaderBreadcrumb.tsx +11 -2
  50. package/lib/components/HeaderDraft/HeaderDraft.tsx +16 -5
  51. package/lib/components/HeaderDraft/__tests__/__snapshots__/Header.test.tsx.snap +7 -7
  52. package/lib/components/HeaderNew/Header.tsx +7 -1
  53. package/lib/components/HeaderNew/HeaderItem.tsx +6 -0
  54. package/lib/components/HeaderNew/__tests__/Header.test.tsx +41 -0
  55. package/lib/components/Input/__tests__/__snapshots__/Input.test.tsx.snap +4 -4
  56. package/lib/components/Menu/MenuContent.tsx +9 -1
  57. package/lib/components/NativeDatepicker/NativeDatepicker.tsx +6 -2
  58. package/lib/components/NavigationBar/NavigationBar.stories.tsx +99 -0
  59. package/lib/components/NavigationBar/NavigationBar.tsx +76 -0
  60. package/lib/components/NavigationBar/NavigationBarItem.tsx +236 -0
  61. package/lib/components/NavigationBar/__tests__/NavigationBar.test.tsx +90 -0
  62. package/lib/components/NavigationBar/index.ts +5 -0
  63. package/lib/components/Pagination/PaginationInfo.tsx +8 -6
  64. package/lib/components/Pagination/subcomponents/PaginationCompactControls.tsx +8 -2
  65. package/lib/components/Pagination/subcomponents/PaginationStandardControls.tsx +2 -1
  66. package/lib/components/Paragraph/Paragraph.tsx +6 -4
  67. package/lib/components/Paragraph/__tests__/Paragraph.test.tsx +1 -1
  68. package/lib/components/Paragraph/__tests__/__snapshots__/Paragraph.test.tsx.snap +9 -9
  69. package/lib/components/Radio/__tests__/__snapshots__/Radio.test.tsx.snap +2 -2
  70. package/lib/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +2 -2
  71. package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +1 -1
  72. package/lib/components/Table/subcomponents/Cell/__tests__/__snapshots__/Cell.test.tsx.snap +2 -2
  73. package/lib/components/Table/subcomponents/HeadCell/__tests__/__snapshots__/HeadCell.test.tsx.snap +1 -1
  74. package/lib/components/Textarea/__tests__/__snapshots__/Textarea.test.tsx.snap +4 -4
  75. package/lib/components/Tooltip/Tooltip.tsx +5 -8
  76. package/lib/components/Tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap +2 -2
  77. package/lib/components/index.ts +6 -0
  78. package/package.json +2 -2
@@ -7,6 +7,7 @@ export declare const HEADER_MOBILE_HEIGHT_PX = 48;
7
7
  export declare const DEFAULT_Z_INDEX = 3;
8
8
  export interface HeaderProps extends HTMLAttributes<HTMLElement> {
9
9
  title?: string;
10
+ showBorder?: boolean;
10
11
  /** @deprecated Only used by the default-theme legacy Header. */
11
12
  fixed?: boolean;
12
13
  titleAs?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
@@ -18,7 +19,7 @@ export interface HeaderProps extends HTMLAttributes<HTMLElement> {
18
19
  homeLinkAriaLabel?: string;
19
20
  testId?: string;
20
21
  }
21
- declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: HeaderProps) => import("react").JSX.Element>;
22
+ declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, showBorder, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: HeaderProps) => import("react").JSX.Element>;
22
23
  export interface IHeaderSubComponents {
23
24
  Menu: typeof HeaderMenu;
24
25
  MenuContainer: (typeof HeaderNew)['MenuContainer'];
@@ -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('./Header').HeaderProps> & {
5
- readonly type: ({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: import('./Header').HeaderProps) => import("react").JSX.Element;
5
+ readonly type: ({ title, showBorder, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, homeLinkAriaLabel, testId, className, children, fixed, ...props }: import('./Header').HeaderProps) => import("react").JSX.Element;
6
6
  } & import('./Header').IHeaderSubComponents;
7
7
  parameters: {
8
8
  layout: string;
@@ -11,6 +11,9 @@ declare const meta: {
11
11
  title: {
12
12
  control: "text";
13
13
  };
14
+ showBorder: {
15
+ control: "boolean";
16
+ };
14
17
  fixed: {
15
18
  control: "boolean";
16
19
  };
@@ -37,4 +40,5 @@ type Story = StoryObj<typeof meta>;
37
40
  export declare const Default: Story;
38
41
  export declare const Fixed: Story;
39
42
  export declare const WithHomeLink: Story;
43
+ export declare const WithoutBorder: Story;
40
44
  export declare const WithMenu: Story;
@@ -4,6 +4,7 @@ import { default as HeaderItem } from './HeaderItem';
4
4
  export declare const NAME = "ucl-uikit-header";
5
5
  export interface HeaderProps extends HTMLAttributes<HTMLElement> {
6
6
  title: string;
7
+ showBorder?: boolean;
7
8
  titleAs?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
8
9
  titleClassName?: string;
9
10
  titleProps?: Record<string, unknown>;
@@ -11,7 +12,7 @@ export interface HeaderProps extends HTMLAttributes<HTMLElement> {
11
12
  homeLinkProps?: Record<string, unknown>;
12
13
  testId?: string;
13
14
  }
14
- declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, testId, className, children, ...props }: HeaderProps) => import("react").JSX.Element>;
15
+ declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, showBorder, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, testId, className, children, ...props }: HeaderProps) => import("react").JSX.Element>;
15
16
  export interface IHeaderSubComponents {
16
17
  MenuContainer: typeof HeaderMenuContainer;
17
18
  Item: typeof HeaderItem;
@@ -0,0 +1,12 @@
1
+ import { HTMLAttributes, NamedExoticComponent } from 'react';
2
+ import { default as NavigationBarItem, NavigationBarItemProps } from './NavigationBarItem';
3
+ export declare const NAME = "ucl-uikit-navigation-bar";
4
+ export interface NavigationBarProps extends HTMLAttributes<HTMLElement> {
5
+ testId?: string;
6
+ }
7
+ export interface NavigationBarComponent extends NamedExoticComponent<NavigationBarProps> {
8
+ Item: typeof NavigationBarItem;
9
+ }
10
+ declare const NavigationBar: NavigationBarComponent;
11
+ export type { NavigationBarItemProps };
12
+ export default NavigationBar;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('./NavigationBar').NavigationBarComponent;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const Wrapped: Story;
14
+ export declare const WithRouterLinks: Story;
@@ -0,0 +1,19 @@
1
+ import { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode } from 'react';
2
+ import { BaseLinkProps } from '../Link/BaseLink';
3
+ import { IconProps } from '../Icon';
4
+ export declare const NAME = "ucl-uikit-navigation-bar__item";
5
+ type NavigationBarItemOwnProps = {
6
+ active?: boolean;
7
+ disabled?: boolean;
8
+ icon?: ReactElement<IconProps>;
9
+ iconPosition?: 'left' | 'right';
10
+ testId?: string;
11
+ className?: string;
12
+ children?: ReactNode;
13
+ };
14
+ export type NavigationBarItemProps<C extends ElementType = 'a'> = NavigationBarItemOwnProps & BaseLinkProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof NavigationBarItemOwnProps>;
15
+ type NavigationBarItemComponent = <C extends ElementType = 'a'>(props: NavigationBarItemProps<C> & {
16
+ ref?: React.ComponentPropsWithRef<C>['ref'];
17
+ }) => React.JSX.Element;
18
+ declare const _default: NavigationBarItemComponent;
19
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default } from './NavigationBar';
2
+ export type { NavigationBarItemProps, NavigationBarProps, } from './NavigationBar';
@@ -1,6 +1,6 @@
1
1
  import { HTMLAttributes, JSX } from 'react';
2
2
  import { MarginProps } from '../common/marginsStyle';
3
- export declare const NAME = "ucl-uikit-paragrah";
3
+ export declare const NAME = "ucl-uikit-paragraph";
4
4
  export type ParagraphLevel = 'lg' | 'lg-medium' | 'lg-semibold' | 'lg-bold' | 'md' | 'md-medium' | 'md-semibold' | 'md-semibold' | 'md-medium-numeric' | 'sm' | 'sm-medium' | 'sm-semibold' | 'xs' | 'xs-medium';
5
5
  export interface ParagraphBaseProps extends HTMLAttributes<HTMLParagraphElement> {
6
6
  level?: ParagraphLevel;
@@ -89,6 +89,8 @@ export { default as Header } from './Header';
89
89
  export type { HeaderProps } from './Header';
90
90
  export { default as HeaderNew } from './HeaderNew';
91
91
  export type { HeaderProps as HeaderNewProps } from './HeaderNew';
92
+ export { default as NavigationBar } from './NavigationBar';
93
+ export type { NavigationBarItemProps, NavigationBarProps, } from './NavigationBar';
92
94
  export { default as HeaderDraft } from './HeaderDraft';
93
95
  export type { HeaderDraftProps } from './HeaderDraft';
94
96
  export { default as Table } from './Table';