@opengeoweb/shared 19.1.0 → 19.2.0

package/dist/src/index.d.ts

@@ -0,0 +1,7 @@
+import sharedTranslations from '../locales/shared.json';
+export * from './lib/components';
+export * from './lib/hooks';
+export * from './lib/utils';
+export * from './lib/types';
+export { loadAllTranslations, safelyInitI18nForTestsAndStories, SHARED_NAMESPACE, } from './lib/utils/i18n';
+export { sharedTranslations };

package/dist/src/lib/components/AlertBanner/AlertBanner.d.ts

@@ -0,0 +1,16 @@
+import type { AlertColor } from '@mui/material';
+import React from 'react';
+interface AlertBannerProps {
+    title: React.ReactNode;
+    severity?: AlertColor;
+    info?: string | React.ReactElement;
+    dataTestId?: string;
+    isCompact?: boolean;
+    shouldClose?: boolean;
+    actionButtonProps?: {
+        onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        title: string;
+    };
+}
+declare const AlertBanner: React.FC<AlertBannerProps>;
+export default AlertBanner;

package/dist/src/lib/components/AlertBanner/index.d.ts

@@ -0,0 +1 @@
+export { default as AlertBanner } from './AlertBanner';

package/dist/src/lib/components/AlertIcon/AlertIcon.d.ts

@@ -0,0 +1,8 @@
+import type { AlertColor } from '@mui/material';
+import React from 'react';
+interface AlertIconProps {
+    severity?: AlertColor;
+    dataTestId?: string;
+}
+declare const AlertIcon: React.FC<AlertIconProps>;
+export default AlertIcon;

package/dist/src/lib/components/AlertIcon/index.d.ts

@@ -0,0 +1 @@
+export { default as AlertIcon } from './AlertIcon';

package/dist/src/lib/components/AppHeader/AppHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface AppHeaderProps {
+    menu?: React.ReactNode;
+    userMenu?: React.ReactNode;
+    workspaceTopBar?: React.ReactNode;
+    title?: string;
+    onClick?: () => void;
+}
+declare const AppHeader: React.FC<AppHeaderProps>;
+export default AppHeader;

package/dist/src/lib/components/AppHeader/index.d.ts

@@ -0,0 +1 @@
+export { default as AppHeader } from './AppHeader';

package/dist/src/lib/components/AppLayout/AppLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AppLayoutProps {
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const AppLayout: React.FC<AppLayoutProps>;
+export default AppLayout;

package/dist/src/lib/components/AppLayout/index.d.ts

@@ -0,0 +1 @@
+export { default as AppLayout } from './AppLayout';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AvatarProps {
+    children: React.ReactNode;
+    size?: 'small' | 'large';
+    author?: boolean;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/src/lib/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default as Avatar } from './Avatar';

package/dist/src/lib/components/CanvasComponent/CanvasComponent.d.ts

@@ -0,0 +1,71 @@
+import React, { Component } from 'react';
+interface CanvasComponentProps {
+    onRenderCanvas: (ctx: CanvasRenderingContext2D, width: number, height: number, canvas: HTMLCanvasElement) => void;
+    onCanvasClick?: (x: number, y: number, width: number, height: number) => void;
+    onMouseMove?: (x: number, y: number, event: MouseEvent, width: number) => void;
+    onMouseUp?: (x: number) => void;
+    onMouseDown?: (x: number, y: number, width: number) => void;
+    onTouchStart?: (event: TouchEvent, width: number) => void;
+    onTouchEnd?: () => void;
+    onTouchMove?: (event: TouchEvent, width: number) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    isFocussed?: (isFocussed: boolean) => void;
+    onWheel?: ({ event, deltaY, deltaX, canvasWidth, mouseX, }: {
+        event: WheelEvent;
+        deltaY: number;
+        deltaX: number;
+        canvasWidth: number;
+        mouseX: number;
+    }) => void;
+    loop?: boolean;
+    redrawInterval?: number;
+    resizeCallback?: (newWidth: number) => void;
+    children?: React.ReactNode;
+}
+export declare class CanvasComponent extends Component<CanvasComponentProps> {
+    canvas: HTMLCanvasElement | null;
+    ctx: CanvasRenderingContext2D | null;
+    currentWidth: number;
+    currentHeight: number;
+    canvascontaineroutside: React.RefObject<HTMLDivElement> | null;
+    canvascontainer: React.RefObject<HTMLDivElement> | null;
+    timer: ReturnType<typeof setTimeout> | null;
+    redrawTimer: ReturnType<typeof setTimeout> | null;
+    loopHasStarted: boolean;
+    mounted: boolean;
+    static defaultProps: {
+        onRenderCanvas: () => void;
+        onCanvasClick: () => void;
+        onMouseMove: () => void;
+        onMouseUp: () => void;
+        onMouseDown: () => void;
+        onTouchStart: () => void;
+        onTouchEnd: () => void;
+        onTouchMove: () => void;
+        onWheel: () => void;
+    };
+    private _isFocussed;
+    constructor(props: CanvasComponentProps);
+    componentDidMount(): void;
+    shouldComponentUpdate(): boolean;
+    componentWillUnmount(): void;
+    handleMouseMoveEvent(event: MouseEvent): void;
+    handleMouseUpEvent(event: MouseEvent): void;
+    handleMouseDownEvent(event: MouseEvent): void;
+    handleTouchStartEvent(event: TouchEvent): void;
+    handleTouchEndEvent(): void;
+    handleTouchMoveEvent(event: TouchEvent): void;
+    handleClickEvent(event: MouseEvent): void;
+    handleWheelEvent(event: WheelEvent): void;
+    onFocus(): void;
+    onBlur(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    _documentKeyDown(event: KeyboardEvent): void;
+    _handleWindowResize(): void;
+    startLoop(): void;
+    updateCanvas(): void;
+    resize(): void;
+    render(): React.ReactElement;
+}
+export {};

package/dist/src/lib/components/CanvasComponent/index.d.ts

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

package/dist/src/lib/components/ConfirmationDialog/ConfirmationButtons.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DialogAction } from '../CustomDialog/types';
+export type ConfirmationAction = 'CANCELLED' | DialogAction;
+export interface ConfirmationButtonsProps {
+    confirmLabel?: string;
+    cancelLabel?: string;
+    disableAutoFocus?: boolean;
+    onSubmit: () => void;
+    onClose: (reason: ConfirmationAction) => void;
+    isLoading?: boolean;
+}
+export declare const ConfirmationButtons: React.FC<ConfirmationButtonsProps>;

package/dist/src/lib/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,22 @@
+import type { ModalProps, SxProps, Theme } from '@mui/material';
+import React from 'react';
+import type { DialogAction } from '../CustomDialog/types';
+export interface ConfirmationOptions {
+    title?: string;
+    description?: string;
+    catchOnCancel?: boolean;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    content?: React.ReactNode;
+}
+export type ConfirmationAction = 'CANCELLED' | DialogAction;
+export interface ConfirmationDialogProps extends ConfirmationOptions {
+    disableAutoFocus?: boolean;
+    onSubmit: () => void;
+    onClose: (reason: ConfirmationAction) => void;
+    isLoading?: boolean;
+    open: ModalProps['open'];
+    sx?: SxProps<Theme>;
+}
+export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
+export default ConfirmationDialog;

package/dist/src/lib/components/ConfirmationDialog/ConfirmationService.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ConfirmationAction, ConfirmationOptions } from './ConfirmationDialog';
+type ConfirmationContext = (options: ConfirmationOptions) => Promise<void>;
+export declare const useConfirmationDialog: () => ConfirmationContext;
+export declare const useDialogActions: (awaitingPromiseRef: React.RefObject<{
+    resolve: () => void;
+    reject: (reason: ConfirmationAction) => void;
+}>, defaultOptions?: ConfirmationOptions) => {
+    openConfirmation: (options: ConfirmationOptions) => Promise<void>;
+    confirmationState: ConfirmationOptions;
+    handleSubmit: () => void;
+    handleClose: (reason: ConfirmationAction) => void;
+};
+interface ConfirmationServiceProviderProps {
+    children: React.ReactNode;
+}
+export declare const ConfirmationServiceProvider: React.FC<ConfirmationServiceProviderProps>;
+export {};

package/dist/src/lib/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ConfirmationDialog';
+export * from './ConfirmationService';
+export { ConfirmationButtons } from './ConfirmationButtons';

package/dist/src/lib/components/CustomAccordion/CustomAccordion.d.ts

@@ -0,0 +1,13 @@
+import type { AccordionProps, SxProps, Theme } from '@mui/material';
+import React from 'react';
+export interface CustomAccordionProps extends Omit<AccordionProps, 'title'> {
+    title?: string | React.ReactNode;
+    title2?: string;
+    expandedElevation?: number;
+    collapsedElevation?: number;
+    transitionDuration?: number;
+    detailsSx?: SxProps<Theme>;
+    CustomExpandIcon?: React.ElementType;
+    amountOfItems?: number;
+}
+export declare const CustomAccordion: React.FC<CustomAccordionProps>;

package/dist/src/lib/components/CustomAccordion/index.d.ts

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

package/dist/src/lib/components/CustomDialog/CustomDialog.d.ts

@@ -0,0 +1,18 @@
+import type { DialogProps } from '@mui/material';
+import React from 'react';
+import type { Size } from '../DraggableResizable';
+import type { HeaderAction } from './CustomDialogHeader';
+import type { DialogAction } from './types';
+export interface CustomDialogProps extends DialogProps {
+    description?: string;
+    actions?: React.ReactNode;
+    onClose: (reason: DialogAction, muiReason?: string) => void;
+    isResizable?: boolean;
+    resizableDefaultSize?: Size;
+    hasLayout?: boolean;
+    shouldRenderInline?: boolean;
+    headerActions?: HeaderAction[];
+    minWidth?: number | string;
+}
+export declare const CustomDialog: React.FC<CustomDialogProps>;
+export default CustomDialog;

package/dist/src/lib/components/CustomDialog/CustomDialogHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ButtonVariant } from '@opengeoweb/theme';
+import type { DialogAction } from './types';
+import type { MenuItemType } from '../ToggleMenu';
+export type HeaderAction = MenuItemType & {
+    variant?: ButtonVariant;
+};
+export declare const CustomDialogHeader: React.FC<{
+    headerActions?: HeaderAction[];
+    title?: string;
+    onClose: (reason: DialogAction) => void;
+}>;
+export default CustomDialogHeader;

package/dist/src/lib/components/CustomDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomDialog';
+export * from './CustomDialogHeader';

package/dist/src/lib/components/CustomDialog/types.d.ts

@@ -0,0 +1 @@
+export type DialogAction = 'CLOSED';

package/dist/src/lib/components/CustomIconButton/CustomIconButton.d.ts

@@ -0,0 +1,15 @@
+import type { IconButtonProps, TooltipProps as MuiTooltipProps } from '@mui/material';
+import React from 'react';
+export type Variant = 'flat' | 'tool' | 'boxed';
+type TooltipProps = Omit<MuiTooltipProps, 'children'>;
+export interface CustomIconProps extends IconButtonProps {
+    tooltipTitle?: string;
+    variant?: Variant;
+    isSelected?: boolean;
+    shouldShowAsDisabled?: boolean;
+    tooltipProps?: TooltipProps;
+    shouldShowExtraOptionsIndicator?: boolean;
+    optionsActive?: boolean;
+}
+export declare const CustomIconButton: React.NamedExoticComponent<Omit<CustomIconProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/src/lib/components/CustomIconButton/index.d.ts

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

package/dist/src/lib/components/CustomSlider/CustomSlider.d.ts

@@ -0,0 +1,14 @@
+import type { SliderProps, SxProps } from '@mui/material';
+import React from 'react';
+export declare const sliderHeaderStyle: {
+    fontFamily: string;
+    fontSize: number;
+    color: string;
+    padding: string;
+};
+interface CustomSliderProps extends SliderProps {
+    shouldAutoFocus?: boolean;
+    extraStyles?: SxProps;
+}
+export declare const CustomSlider: React.FC<CustomSliderProps>;
+export default CustomSlider;

package/dist/src/lib/components/CustomSlider/index.d.ts

@@ -0,0 +1 @@
+export { CustomSlider, sliderHeaderStyle } from './CustomSlider';

package/dist/src/lib/components/CustomToggleButton/CustomToggleButton.d.ts

@@ -0,0 +1,8 @@
+import type { ToggleButtonProps } from '@mui/material';
+import React from 'react';
+import type { ButtonVariant } from '@opengeoweb/theme';
+export interface CustomToggleButtonProps extends Omit<ToggleButtonProps, 'value'> {
+    variant?: ButtonVariant;
+    value?: any;
+}
+export declare const CustomToggleButton: React.ForwardRefExoticComponent<Omit<CustomToggleButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/lib/components/CustomToggleButton/index.d.ts

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

package/dist/src/lib/components/CustomTooltip/CustomTooltip.d.ts

@@ -0,0 +1,5 @@
+import type { TooltipProps } from '@mui/material';
+import React from 'react';
+export declare const defaultDelay = 1000;
+export declare const useControlledTooltip: () => [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+export declare const CustomTooltip: React.FC<TooltipProps>;

package/dist/src/lib/components/CustomTooltip/index.d.ts

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

package/dist/src/lib/components/DraggableResizable/Draggable.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { DraggableEvent } from 'react-draggable';
+import type { DraggablePosition } from './types';
+export interface DraggableComponentProps {
+    nodeRef?: React.RefObject<HTMLElement | null>;
+    children?: React.ReactNode;
+    bounds?: 'parent' | string;
+    cancel?: string;
+    position?: DraggablePosition;
+    onStop?: (event: DraggableEvent, pos: DraggablePosition) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    handle?: string;
+    setIsDragging?: (isDragging: boolean) => void;
+}
+declare const DraggableComponent: React.FC<DraggableComponentProps>;
+export default DraggableComponent;

package/dist/src/lib/components/DraggableResizable/Resizable.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ResizableComponentProps } from './types';
+export declare const isDraggingClassName = "is-dragging";
+export interface BoundsProps {
+    bounds: HTMLElement;
+    boundsByDirection: boolean;
+}
+export declare const useBoundsProps: (nodeRef?: React.RefObject<HTMLElement | null>) => BoundsProps | object;
+declare const ResizeComponent: React.FC<ResizableComponentProps>;
+export default ResizeComponent;

package/dist/src/lib/components/DraggableResizable/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Draggable } from './Draggable';
+export { default as Resizable } from './Resizable';
+export type * from './types';

package/dist/src/lib/components/DraggableResizable/types.d.ts

@@ -0,0 +1,27 @@
+import type { ResizableProps } from 're-resizable';
+import type React from 'react';
+export interface DraggablePosition {
+    x: number;
+    y: number;
+}
+export interface Position {
+    top: number;
+    left?: number;
+    right?: number;
+}
+export interface DraggableSize {
+    width: number;
+    height: number;
+}
+export interface Size {
+    width?: number | string;
+    height?: number | string;
+}
+export interface ResizableComponentProps extends Omit<ResizableProps, 'size'> {
+    startSize?: Size;
+    setSize?: (size: Size) => void;
+    size?: Size;
+    children: React.ReactNode;
+    onResizeStart?: () => void;
+    nodeRef?: React.RefObject<HTMLElement | null>;
+}

package/dist/src/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    handlePromiseRejections?: boolean;
+    displayOnTop?: boolean;
+}
+interface ErrorBoundaryState {
+    error?: Error;
+    errorInfo?: React.ErrorInfo;
+}
+/**
+ * ErrorBoundary
+ * Wrap this component around parts of your application. It will catch any uncaught errors and display an alert, and allows you to continue using the rest of your application.
+ *
+ * @example
+ * ``` <ErrorBoundary><ExampleComponent /></ErrorBoundary> ```
+ */
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    static defaultProps: {
+        onError: () => void;
+    };
+    constructor(props: ErrorBoundaryProps);
+    componentDidMount(): void;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentWillUnmount(): void;
+    handlePromiseRejection: (event: PromiseRejectionEvent) => void;
+    render(): React.ReactNode;
+}
+export default ErrorBoundary;

package/dist/src/lib/components/ErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export { ErrorBoundary } from './ErrorBoundary';

package/dist/src/lib/components/Filter/Filter.d.ts

@@ -0,0 +1,18 @@
+import type { BoxProps } from '@mui/material';
+import React from 'react';
+import type { ListFilter } from './FilterList';
+export declare const DEFAULT_FILTER_HEIGHT = 85;
+interface FilterProps extends BoxProps {
+    activeLabelFilterCount?: number;
+    filters: ListFilter[];
+    onClickFilterChip?: (id: string, selected: boolean) => void;
+    onSearch?: (value: string) => void;
+    isAllSelected?: boolean;
+    searchQuery?: string;
+    showLabelFilterToggle?: boolean;
+    isLabelFilterOpen?: boolean;
+    onToggleLabelFilter?: () => void;
+    showSearchField?: boolean;
+}
+declare const Filter: React.ForwardRefExoticComponent<Omit<FilterProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Filter;

package/dist/src/lib/components/Filter/FilterChip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface FilterChipProps {
+    id: string;
+    label: React.ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    handleClick?: (label: string, isSelected?: boolean) => void;
+    actionIcon?: React.ReactElement;
+    onClick?: (ref: HTMLElement | null, event: React.MouseEvent) => void;
+    onClickIcon?: (ref: HTMLElement | null, event: React.MouseEvent) => void;
+    size?: 'small' | 'medium';
+}
+declare const FilterChip: React.FC<FilterChipProps>;
+export default FilterChip;

package/dist/src/lib/components/Filter/FilterList.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ListFilter {
+    label: string;
+    id: string;
+    type?: 'scope' | 'keyword';
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+interface FilterListProps {
+    filters?: ListFilter[];
+    onChipClick?: (id: string, selected: boolean) => void;
+    isAllSelected?: boolean;
+    showLabelFilterToggle?: boolean;
+    isLabelFilterOpen?: boolean;
+    onToggleLabelFilter?: () => void;
+    activeLabelFilterCount?: number;
+}
+declare const FilterList: React.FC<FilterListProps>;
+export default FilterList;

package/dist/src/lib/components/Filter/FilterOption.d.ts

@@ -0,0 +1,12 @@
+import type { SxProps, Theme } from '@mui/material';
+import React from 'react';
+import type { ReactNode } from 'react';
+interface Props {
+    optionId: string;
+    checked: boolean;
+    onClick: (checked: boolean, only?: boolean) => void;
+    labelStyle?: SxProps<Theme>;
+    label: ReactNode;
+}
+export declare const FilterOption: React.FC<Props>;
+export {};

package/dist/src/lib/components/Filter/FilterToggleButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FilterToggleButton: React.FC<{
+    isOpen: boolean;
+    onToggle: () => void;
+    activeLabelFilterCount: number;
+}>;

package/dist/src/lib/components/Filter/SearchField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const DEBOUNCE_TIMEOUT = 300;
+interface SearchFieldProps {
+    valueChanged: (value: string) => void;
+    value?: string;
+}
+declare const SearchField: React.FC<SearchFieldProps>;
+export default SearchField;

package/dist/src/lib/components/Filter/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Filter } from './Filter';
+export { DEFAULT_FILTER_HEIGHT } from './Filter';
+export type { ListFilter } from './FilterList';
+export { FilterOption } from './FilterOption';
+export { default as FilterChip } from './FilterChip';
+export type { FilterChipProps } from './FilterChip';
+export { DEBOUNCE_TIMEOUT } from './SearchField';

package/dist/src/lib/components/LastUpdateTime/LastUpdateTime.d.ts

@@ -0,0 +1,14 @@
+import type { SxProps, Theme } from '@mui/material';
+import type { TFunction } from 'i18next';
+import React from 'react';
+export declare const getLastUpdateTitle: (time: string, t: TFunction) => string;
+interface LastUpdateTimeProps {
+    onPressRefresh?: () => void;
+    lastUpdateTime?: string;
+    dataTestId?: string;
+    hideLabel?: boolean;
+    showRefreshButton?: boolean;
+    iconButtonSx?: SxProps<Theme>;
+}
+declare const LastUpdateTime: React.FC<LastUpdateTimeProps>;
+export default LastUpdateTime;

package/dist/src/lib/components/LastUpdateTime/index.d.ts

@@ -0,0 +1 @@
+export { default as LastUpdateTime, getLastUpdateTitle, } from './LastUpdateTime';

package/dist/src/lib/components/Providers/Providers.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ThemeProviderProps } from '@opengeoweb/theme';
+interface SharedTranslationWrapperProps {
+    children?: React.ReactNode;
+}
+interface SharedStoryWrapperProps {
+    children: React.ReactNode;
+    theme?: 'light' | 'dark';
+}
+/**
+ * A Provider component which provides the GeoWeb theme
+ * @param children
+ * @returns
+ */
+export declare const SharedThemeProvider: React.FC<ThemeProviderProps>;
+export declare const SharedStoryWrapper: React.FC<SharedStoryWrapperProps>;
+export declare const SharedI18nProvider: React.FC<SharedTranslationWrapperProps>;
+export {};

package/dist/src/lib/components/Providers/index.d.ts

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

package/dist/src/lib/components/SearchField/SearchField.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface SearchFieldProps {
+    searchFilter: string;
+    label?: string;
+    setSearchFilter: (filterText: string) => void;
+    onOpenServicePopup?: (url: string) => void;
+    small?: boolean;
+}
+export declare const SearchField: React.FC<SearchFieldProps>;
+export {};

package/dist/src/lib/components/SearchField/SearchFieldButtonContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const isURL: (string: string) => boolean;
+interface FieldButtonProps {
+    localSearchString: string;
+    onClickClear: () => void;
+    setPopupIsOpen?: (value: boolean) => void;
+}
+export declare const SearchFieldButton: React.FC<FieldButtonProps>;
+export {};

package/dist/src/lib/components/SearchField/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchField } from './SearchField';
+export { SearchFieldButton } from './SearchFieldButtonContainer';

package/dist/src/lib/components/SearchHighlight/SearchHighlight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface HighlightProps {
+    text: string;
+    search: string;
+}
+declare const SearchHighlight: React.FC<HighlightProps>;
+export default SearchHighlight;

package/dist/src/lib/components/SearchHighlight/index.d.ts

@@ -0,0 +1 @@
+export { default as SearchHighlight } from './SearchHighlight';

package/dist/src/lib/components/StatusTag/StatusTag.d.ts

@@ -0,0 +1,17 @@
+import type { BoxProps } from '@mui/material';
+import React from 'react';
+export declare const bgColors: {
+    green: string;
+    grey: string;
+    purple: string;
+    red: string;
+    yellow: string;
+    blue: string;
+};
+interface StatusTagProps extends BoxProps {
+    content: string;
+    color: string;
+    icon?: React.ReactNode;
+}
+declare const StatusTag: React.FC<StatusTagProps>;
+export default StatusTag;

package/dist/src/lib/components/StatusTag/index.d.ts

@@ -0,0 +1 @@
+export { default as StatusTag } from './StatusTag';