uikit-react-public 0.49.6 → 0.50.0

package/dist/components/Filters/Filter.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const NAME = "ucl-uikit-filter";
+export interface FilterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    label: string;
+    appliedCount?: number;
+    disabled?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    quickFilters?: ReactNode;
+    clearLabel?: string;
+    applyLabel?: string;
+    applyDisabled?: boolean;
+    onClear?: React.MouseEventHandler<HTMLButtonElement>;
+    onApply?: React.MouseEventHandler<HTMLButtonElement>;
+    panelClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ label, appliedCount, disabled, open, defaultOpen, quickFilters, clearLabel, applyLabel, applyDisabled, onClear, onApply, panelClassName, onOpenChange, testId, className, children, ...props }: FilterProps) => import("react").JSX.Element>;
+export default _default;

package/dist/components/Filters/FilterPanel.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare const NAME = "ucl-uikit-filter-panel";
+interface FilterPanelProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    isDesktop: boolean;
+    closeFilter: () => void;
+    quickFilters?: ReactNode;
+    clearLabel?: string;
+    applyLabel?: string;
+    applyDisabled?: boolean;
+    onClear?: React.MouseEventHandler<HTMLButtonElement>;
+    onApply?: React.MouseEventHandler<HTMLButtonElement>;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ label, isDesktop, closeFilter, quickFilters, clearLabel, applyLabel, applyDisabled, onClear, onApply, testId, className, children, onClick, ...props }: FilterPanelProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,8 @@
+export interface FiltersContextValue {
+    isDesktop: boolean;
+    closeFilters: () => void;
+    activeFilterId: string | null;
+    setActiveFilterId: (id: string | null) => void;
+}
+export declare const FiltersContext: import('react').Context<FiltersContextValue | null>;
+export declare const useFiltersContext: () => FiltersContextValue | null;

package/dist/components/Filters/Filters.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { default as Filter } from './Filter';
+import { default as QuickFilter } from './QuickFilter';
+export declare const NAME = "ucl-uikit-filters";
+export interface FiltersProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onReset'> {
+    label?: string;
+    /** Accessible label for the icon-only mobile and tablet trigger. */
+    triggerLabel?: string;
+    appliedCount?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    applyDisabled?: boolean;
+    applyLabel?: string;
+    resetLabel?: string;
+    onOpenChange?: (open: boolean) => void;
+    onApply?: React.MouseEventHandler<HTMLButtonElement>;
+    onReset?: React.MouseEventHandler<HTMLButtonElement>;
+    testId?: string;
+}
+export interface FiltersSubComponents {
+    Filter: typeof Filter;
+    QuickFilter: typeof QuickFilter;
+}
+declare const FiltersWithSubComponents: import('react').NamedExoticComponent<FiltersProps> & {
+    readonly type: ({ label, triggerLabel, appliedCount, open, defaultOpen, applyDisabled, applyLabel, resetLabel, onOpenChange, onApply, onReset, testId, className, children, ...props }: FiltersProps) => import("react").JSX.Element;
+} & {
+    Filter: import('react').MemoExoticComponent<({ label, appliedCount, disabled, open, defaultOpen, quickFilters, clearLabel, applyLabel, applyDisabled, onClear, onApply, panelClassName, onOpenChange, testId, className, children, ...props }: import('./Filter').FilterProps) => import("react").JSX.Element>;
+    QuickFilter: import('react').MemoExoticComponent<({ selected, disabled, testId, className, children, type, ...props }: import('./QuickFilter').QuickFilterProps) => import("react").JSX.Element>;
+};
+export default FiltersWithSubComponents;

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Filters').FiltersProps> & {
+        readonly type: ({ label, triggerLabel, appliedCount, open, defaultOpen, applyDisabled, applyLabel, resetLabel, onOpenChange, onApply, onReset, testId, className, children, ...props }: import('./Filters').FiltersProps) => import("react").JSX.Element;
+    } & {
+        Filter: import('react').MemoExoticComponent<({ label, appliedCount, disabled, open, defaultOpen, quickFilters, clearLabel, applyLabel, applyDisabled, onClear, onApply, panelClassName, onOpenChange, testId, className, children, ...props }: import('./Filter').FilterProps) => import("react").JSX.Element>;
+        QuickFilter: import('react').MemoExoticComponent<({ selected, disabled, testId, className, children, type, ...props }: import('./QuickFilter').QuickFilterProps) => import("react").JSX.Element>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Filters/QuickFilter.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-quick-filter";
+export interface QuickFilterProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ selected, disabled, testId, className, children, type, ...props }: QuickFilterProps) => import("react").JSX.Element>;
+export default _default;

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

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

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

@@ -0,0 +1,6 @@
+export { default } from './Filters';
+export { default as Filter } from './Filter';
+export { default as QuickFilter } from './QuickFilter';
+export type { FiltersProps, FiltersSubComponents } from './Filters';
+export type { FilterProps } from './Filter';
+export type { QuickFilterProps } from './QuickFilter';

package/dist/components/Overlay/Overlay.d.ts

@@ -12,6 +12,7 @@ export type OverlaySize = {
 };
 export interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
     reference: RefObject<HTMLElement | null>;
+    positioning?: 'reference' | 'viewport';
     placement?: Placement;
     strategy?: Strategy;
     blanket?: boolean;

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

@@ -41,6 +41,7 @@ declare const meta: {
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         reference: import('react').RefObject<HTMLElement | null>;
+        positioning?: "reference" | "viewport" | undefined;
         placement?: import('@floating-ui/utils').Placement | undefined;
         strategy?: import('@floating-ui/utils').Strategy | undefined;
         blanket?: boolean | undefined;

package/dist/components/index.d.ts

@@ -24,6 +24,8 @@ export { default as Blanket } from './Blanket';
 export type { BlanketProps } from './Blanket';
 export { default as Overlay } from './Overlay';
 export type { OverlayProps } from './Overlay';
+export { default as Filters, Filter, QuickFilter } from './Filters';
+export type { FiltersProps, FiltersSubComponents, FilterProps, QuickFilterProps, } from './Filters';
 export { default as Snackbar } from './Snackbar';
 export { Snackbars } from './Snackbar';
 export type { SnackbarProps, SnackbarsItem, SnackbarsPlacement, SnackbarsProps, } from './Snackbar';