@muraldevkit/ui-toolkit 4.11.0 → 4.12.0

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/pagination/MrlPaginationText/MrlPaginationText.d.ts

@@ -2,6 +2,8 @@
 interface MrlPaginationTextProps {
     /** Additional class to add to the container element */
     className?: string;
+    /** Show total as estimate */
+    isEstimate?: boolean;
     /** The last visible item */
     rangeEnd: number;
     /** The first visible item */
@@ -17,5 +19,5 @@ interface MrlPaginationTextProps {
  * @param {MrlPaginationTextProps} props - the component props
  * @returns pagination text
  */
-export declare function MrlPaginationText({ className, rangeStart, rangeEnd, textClass, total }: MrlPaginationTextProps): JSX.Element;
+export declare function MrlPaginationText({ className, isEstimate, rangeStart, rangeEnd, textClass, total }: MrlPaginationTextProps): JSX.Element;
 export {};