uikit-react-public 0.44.4 → 0.45.0

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

@@ -1,2 +1,3 @@
 export { default } from './Badge';
 export type { BadgeProps } from './Badge';
+export type { BadgeVariant } from './Badge';

package/dist/components/CookiesNotice/CookieSettings.d.ts

@@ -0,0 +1,16 @@
+import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { BaseDialogProps } from '../Dialog/BaseDialog';
+import { CookieCategory, CookiePreferences } from './types';
+interface CookieSettingsProps extends Omit<BaseDialogProps, 'children' | 'onChange' | 'onClose' | 'size' | 'modal'> {
+    cookies: CookieCategory[];
+    preferences: CookiePreferences;
+    description?: ReactNode;
+    policyHref?: string;
+    policyLabel?: ReactNode;
+    onClose?: (ev?: ReactMouseEvent | KeyboardEvent) => void;
+    onPreferenceToggle: (cookie: CookieCategory) => void;
+    onSavePreferences?: () => void;
+    saveButtonLabel?: ReactNode;
+}
+declare const CookieSettings: ({ open, cookies, preferences, description, policyHref, policyLabel, onClose, onPreferenceToggle, onSavePreferences, saveButtonLabel, testId, className, ...props }: CookieSettingsProps) => import("react").JSX.Element;
+export default CookieSettings;

package/dist/components/CookiesNotice/CookiesNotice.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+import { CookieCategory, CookiePreferences } from './types';
+export declare const NAME = "ucl-uikit-cookies-notice";
+export interface CookiesNoticeBaseProps extends HTMLAttributes<HTMLDivElement> {
+    heading?: ReactNode;
+    description?: ReactNode;
+    policyHref?: string;
+    policyLabel?: ReactNode;
+    cookies?: CookieCategory[];
+    preferences?: CookiePreferences;
+    modal?: boolean;
+    manageCookiesLabel?: ReactNode;
+    acceptAllLabel?: ReactNode;
+    acceptNecessaryLabel?: ReactNode;
+    onAcceptAll?: (preferences: CookiePreferences) => void;
+    onAcceptNecessary?: (preferences: CookiePreferences) => void;
+    onManageCookies?: () => void;
+    onPreferencesChange?: (preferences: CookiePreferences) => void;
+    onSavePreferences?: (preferences: CookiePreferences) => void;
+    onSettingsClose?: () => void;
+    testId?: string;
+}
+export type CookiesNoticeProps = CookiesNoticeBaseProps & MarginProps;
+declare const CookiesNotice: ({ heading, description, policyHref, policyLabel, cookies, preferences, modal, manageCookiesLabel, acceptAllLabel, acceptNecessaryLabel, onAcceptAll, onAcceptNecessary, onManageCookies, onPreferencesChange, onSavePreferences, onSettingsClose, testId, className, ...props }: CookiesNoticeProps) => import("react").JSX.Element;
+export default CookiesNotice;

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ heading, description, policyHref, policyLabel, cookies, preferences, modal, manageCookiesLabel, acceptAllLabel, acceptNecessaryLabel, onAcceptAll, onAcceptNecessary, onManageCookies, onPreferencesChange, onSavePreferences, onSettingsClose, testId, className, ...props }: import('./CookiesNotice').CookiesNoticeProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NonModal: Story;
+export declare const Modal: Story;

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

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

package/dist/components/CookiesNotice/defaults.d.ts

@@ -0,0 +1,6 @@
+import { CookieCategory } from './types';
+export declare const DEFAULT_POLICY_HREF = "https://www.ucl.ac.uk/legal-services/privacy/cookie-policy";
+export declare const DEFAULT_HEADING = "Help us improve your experience";
+export declare const DEFAULT_DESCRIPTION = "We use cookies for authentication, analytics, and third-party services like Google Maps. Some cookies are required for the site to function and cannot be turned off. By accepting, you agree to the ";
+export declare const DEFAULT_DESCRIPTION_SUFFIX = " You can update your preferences any time.";
+export declare const DEFAULT_COOKIE_CATEGORIES: CookieCategory[];

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

@@ -0,0 +1,3 @@
+export { default } from './CookiesNotice';
+export type { CookiesNoticeBaseProps, CookiesNoticeProps, } from './CookiesNotice';
+export type { CookieCategory, CookiePreferences } from './types';

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type CookiePreferences = Record<string, boolean>;
+export interface CookieCategory {
+    id: string;
+    title: ReactNode;
+    description: ReactNode;
+    required?: boolean;
+    defaultEnabled?: boolean;
+    toggleLabel?: string;
+    learnMoreHref?: string;
+    learnMoreLabel?: ReactNode;
+}

package/dist/components/index.d.ts

@@ -24,7 +24,7 @@ export type { SnackbarProps, SnackbarsItem, SnackbarsPlacement, SnackbarsProps,
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as Badge } from './Badge';
-export type { BadgeProps } from './Badge';
+export type { BadgeProps, BadgeVariant } from './Badge';
 export { default as BaseCheckbox } from './BaseCheckbox';
 export type { BaseCheckboxProps, BaseCheckboxState } from './BaseCheckbox';
 export { default as Spinner } from './Spinner';
@@ -125,8 +125,11 @@ export { default as FileInput } from './FileInput';
 export type { FileInputProps } from './FileInput';
 export { default as Timepicker } from './Timepicker';
 export type { TimepickerProps } from './Timepicker';
+/** @deprecated Use CookiesNotice instead. */
 export { default as CookieNotice } from './CookieNotice';
 export type { CookieNoticeProps } from './CookieNotice';
+export { default as CookiesNotice } from './CookiesNotice';
+export type { CookieCategory, CookiePreferences, CookiesNoticeBaseProps, CookiesNoticeProps, } from './CookiesNotice';
 export { default as Search } from './Search';
 export type { SearchProps } from './Search';
 export { default as SkipToContent } from './SkipToContent';