uikit-react-public 0.22.2 → 0.24.1

package/dist/components/Avatar/Avatar.d.ts

@@ -4,7 +4,7 @@ export interface AvatarProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'image' | 'initials' | 'icon';
     imageUrl?: string;
     name?: string;
-    size?: 48 | 56 | 72 | 80;
+    size?: 32 | 48 | 56 | 72 | 80;
     disabled?: boolean;
     testId?: string;
 }

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface DropdownContextType {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    toggle: () => void;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const useDropdownContext: () => DropdownContextType;
+interface DropdownProviderProps {
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+declare const DropdownProvider: ({ defaultOpen, children, }: DropdownProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownProvider;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+import { default as DropdownTrigger } from './DropdownTrigger';
+import { default as DropdownContent } from './DropdownContent';
+export declare const NAME = "ucl-uikit-dropdown";
+export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+    defaultOpen?: boolean;
+    testId?: string;
+}
+declare const Dropdown: ({ defaultOpen, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export interface IDropdownSubComponents {
+    Trigger: typeof DropdownTrigger;
+    Content: typeof DropdownContent;
+}
+declare const DropdownWithSubComponents: typeof Dropdown & IDropdownSubComponents;
+export default DropdownWithSubComponents;

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

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (({ defaultOpen, ...props }: import('./Dropdown').DropdownProps) => import("react/jsx-runtime").JSX.Element) & import('./Dropdown').IDropdownSubComponents;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        defaultOpen: {
+            control: {
+                type: "boolean";
+            };
+            type: "boolean";
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+            type: "string";
+        };
+        className: {
+            control: {
+                type: "text";
+            };
+            type: "string";
+        };
+    };
+    args: {
+        defaultOpen: false;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const HeaderResponsiveTrigger: Story;
+export declare const StandaloneInfoPanel: Story;

package/dist/components/Dropdown/DropdownContent.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-dropdown__content";
+export interface DropdownContentProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    align?: 'left' | 'right';
+}
+declare const _default: import('react').MemoExoticComponent<({ testId, align, className, children, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+export declare const NAME = "ucl-uikit-dropdown__trigger";
+export interface DropdownTriggerProps {
+    children: ReactElement<Record<string, unknown>>;
+}
+declare const _default: import('react').MemoExoticComponent<({ children }: DropdownTriggerProps) => ReactElement<Record<string, unknown>, string | import('react').JSXElementConstructor<any>> | null>;
+export default _default;

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

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

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

@@ -0,0 +1,4 @@
+export { default } from './Dropdown';
+export type { DropdownProps } from './Dropdown';
+export type { DropdownTriggerProps } from './DropdownTrigger';
+export type { DropdownContentProps } from './DropdownContent';

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DropdownProps } from '../Dropdown';
+export declare const NAME = "ucl-uikit-dropdown-menu";
+export interface DropdownMenuProps extends Omit<DropdownProps, 'children'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode;
+    label?: string;
+    triggerAriaLabel?: string;
+    dropdownClassName?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+}
+declare const DropdownMenu: ({ children, label, triggerAriaLabel, dropdownClassName, triggerClassName, contentClassName, className, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './DropdownMenu';
+export type { DropdownMenuProps } from './DropdownMenu';

package/dist/components/DropdownUserMenu/DropdownUserMenu.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DropdownProps } from '../Dropdown';
+import { AvatarProps } from '../Avatar';
+export declare const NAME = "ucl-uikit-dropdown-user-menu";
+export interface DropdownUserMenuProps extends Omit<DropdownProps, 'children'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode;
+    userName: string;
+    imageUrl?: string;
+    avatarVariant?: AvatarProps['variant'];
+    avatarSize?: AvatarProps['size'];
+    triggerAriaLabel?: string;
+    dropdownClassName?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    avatarClassName?: string;
+    userNameClassName?: string;
+}
+declare const DropdownUserMenu: ({ children, userName, imageUrl, avatarVariant, avatarSize, triggerAriaLabel, dropdownClassName, triggerClassName, contentClassName, avatarClassName, userNameClassName, className, ...props }: DropdownUserMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownUserMenu;

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './DropdownUserMenu';
+export type { DropdownUserMenuProps } from './DropdownUserMenu';

package/dist/components/HeaderNew/Header.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { default as HeaderMenuContainer } from './HeaderMenuContainer';
+import { default as HeaderItem } from './HeaderItem';
 export declare const NAME = "ucl-uikit-header";
 export interface HeaderProps extends HTMLAttributes<HTMLElement> {
     title: string;
@@ -13,6 +14,7 @@ export interface HeaderProps extends HTMLAttributes<HTMLElement> {
 declare const MemoAppHeader: import('react').MemoExoticComponent<({ title, titleAs, titleClassName, titleProps, homeLinkHref, homeLinkProps, testId, className, children, ...props }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export interface IHeaderSubComponents {
     MenuContainer: typeof HeaderMenuContainer;
+    Item: typeof HeaderItem;
 }
 declare const HeaderWithSubComponents: typeof MemoAppHeader & IHeaderSubComponents;
 export default HeaderWithSubComponents;

package/dist/components/HeaderNew/HeaderItem.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-header__item";
+export interface HeaderItemProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+}
+declare const HeaderItem: ({ testId, className, children, ...props }: HeaderItemProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderItem;

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

@@ -1,3 +1,4 @@
 export { default } from './Header';
 export { HEADER_TABLET_HEIGHT_PX, HEADER_MOBILE_HEIGHT_PX, DEFAULT_Z_INDEX, } from './constants';
 export type { HeaderProps } from './Header';
+export type { HeaderItemProps } from './HeaderItem';

package/dist/components/SimpleMenu/SimpleMenu.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-simple-menu";
+export interface SimpleMenuProps extends HTMLAttributes<HTMLUListElement> {
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ testId, className, children, ...props }: SimpleMenuProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './SimpleMenu';
+export type { SimpleMenuProps } from './SimpleMenu';

package/dist/components/index.d.ts

@@ -60,6 +60,8 @@ export { default as Menu } from './Menu';
 export type { MenuProps } from './Menu';
 export { default as MenuNew } from './MenuNew';
 export type { MenuProps as MenuNewProps } from './MenuNew';
+export { default as SimpleMenu } from './SimpleMenu';
+export type { SimpleMenuProps } from './SimpleMenu';
 export { default as Select } from './Select';
 export type { SelectProps } from './Select';
 export { default as Footer } from './Footer';
@@ -108,6 +110,12 @@ export { default as CookieNotice } from './CookieNotice';
 export type { CookieNoticeProps } from './CookieNotice';
 export { default as Search } from './Search';
 export type { SearchProps } from './Search';
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownTriggerProps, DropdownContentProps, } from './Dropdown';
+export { default as DropdownMenu } from './DropdownMenu';
+export type { DropdownMenuProps } from './DropdownMenu';
+export { default as DropdownUserMenu } from './DropdownUserMenu';
+export type { DropdownUserMenuProps } from './DropdownUserMenu';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
 export { default as Main } from './Main';