@muraldevkit/ui-toolkit 4.11.1 → 4.13.0-dev-u4HR.1

package/dist/components/filter/MrlFilter/MrlFilter.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { RovingPropTypes } from '../../rovingTabindex';
+import { DataQa } from '../../../utils/dataQa';
+export type MrlFilterProps = {
+    /**
+     * The label for the radio group.
+     */
+    radioGroupLabel: string;
+    /**
+     * The children elements to be rendered within the MrlFilter component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Callback function that is called when the filter value changes.
+     */
+    onFilterChange?: (checked: string) => void;
+    /**
+     * The default checked value for the filter. It will match the value of the MrlFilterItem.
+     */
+    defaultCheckedValue?: string;
+} & Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultChecked' | 'defaultValue'> & Required<Pick<RovingPropTypes, 'orientation'>> & DataQa;
+/**
+ * MrlFilter component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilter component.
+ */
+export declare function MrlFilter(props: MrlFilterProps): React.ReactElement;

package/dist/components/filter/MrlFilter/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlFilter';

package/dist/components/filter/MrlFilterContext/MrlFilterContext.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { MrlFilterProps } from '../MrlFilter/MrlFilter';
+type MrlFilterState = {
+    checked: string;
+};
+type MrlFilterContextValue = {
+    state: MrlFilterState;
+    dispatch: React.Dispatch<MrlFilterAction>;
+};
+type SET_CHECKED = {
+    type: 'SET_CHECKED';
+    payload: string;
+};
+type MrlFilterAction = SET_CHECKED;
+type MrlFilterContextProviderProps = {
+    children: React.ReactNode;
+} & Pick<MrlFilterProps, 'defaultCheckedValue' | 'onFilterChange'>;
+/**
+ * MrlFilterContextProvider component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterContextProvider component.
+ */
+export declare function MrlFilterContextProvider(props: MrlFilterContextProviderProps): JSX.Element;
+/**
+ * Custom hook to use the MrlFilterContext.
+ *
+ * This hook provides access to the MrlFilterContext value.
+ *
+ * @returns The MrlFilterContext value.
+ * @throws Will throw an error if used outside of a MrlFilterContextProvider.
+ */
+export declare const useMrlFilterContext: () => MrlFilterContextValue;
+export {};

package/dist/components/filter/MrlFilterContext/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlFilterContext';

package/dist/components/filter/MrlFilterItem/MrlFilterItem.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { DataQa } from '../../../utils/dataQa';
+export type MrlFilterItemProps = {
+    /**
+     * The filter item's value.
+     */
+    value: string;
+    /**
+     * The content to be displayed within the filter item.
+     */
+    children?: React.ReactNode;
+    /**
+     * The count of items for this filter option.
+     */
+    count?: number;
+} & React.ComponentPropsWithoutRef<'span'> & DataQa;
+/**
+ * MrlFilterItem component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterItem component.
+ */
+export declare function MrlFilterItem(props: MrlFilterItemProps): React.ReactElement;

package/dist/components/filter/MrlFilterItem/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlFilterItem';

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

@@ -0,0 +1,3 @@
+export * from './MrlFilterContext';
+export * from './MrlFilterItem';
+export * from './MrlFilter';

package/dist/components/index.d.ts

@@ -29,3 +29,4 @@ export * from './callout';
 export * from './panel';
 export * from './rovingTabindex';
 export * from './toolbar';
+export * from './filter';

package/dist/components/popover/demo/PopoverWithSelect.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
+interface PopoverWithSelectProps {
+    hasCloseButton?: boolean;
+    menuAlign?: MenuPosition;
+    spacing?: 'default' | 'compact';
+    alignment?: MenuAlignment;
+    actionState?: ActionState;
+    onClose?: () => void;
+    triggerAlignment?: 'left' | 'right' | 'center';
+    kind?: 'inverse' | 'primary';
+    point?: boolean;
+    disableFocusTrap?: boolean;
+    scrolling?: boolean;
+    position?: MenuPosition;
+}
+/**
+ * Demo of a popover with a select inside
+ *
+ * @param {PopoverWithSelectProps} props - The props for the menu with trigger
+ * @returns {Element} The menu with trigger demo
+ */
+export declare const PopoverWithSelect: ({ menuAlign, alignment, actionState, onClose, triggerAlignment, spacing, kind, point, hasCloseButton, disableFocusTrap }: PopoverWithSelectProps) => JSX.Element;
+export {};

package/dist/hooks/useClickOutside/index.d.ts

@@ -1,10 +1,11 @@
 /**
- * Hook to detect clicks outside of a given DOM element.
+ * Hook to detect clicks outside of a given DOM element, with an optional exclusion for selectors.
  *
- * @param menuRef - Reference to the DOM element that caused this menu to be shown.
+ * @param menuRef - Reference to the DOM element to detect outside clicks for.
  * @param triggerRef - Reference to the DOM element that caused this menu to be shown.
- * @param eventType - Event type to listen for
- * @param onOutsideClick - Function to call when a click is detected outside the menuRef element
- * @param disabled - If the hook should be disabled
+ * @param eventType - Event type to listen for.
+ * @param onOutsideClick - Function to call when a click is detected outside the menuRef element.
+ * @param disabled - If the hook should be disabled.
+ * @param excludeSelectors - Optional array of CSS selectors to exclude from the outside click detection.
  */
-export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "click" | "mousedown" | "mouseup" | undefined, onOutsideClick: () => void, disabled?: boolean) => void;
+export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "click" | "mousedown" | "mouseup" | undefined, onOutsideClick: () => void, disabled?: boolean, excludeSelectors?: string[]) => void;