@up42/up-components 8.0.0 → 8.2.0

package/dist/cjs/types/components/ActionToolbar/ActionToolbar.d.ts

@@ -0,0 +1,49 @@
+import { SxProps, Theme } from '@mui/material';
+import React, { ReactNode } from 'react';
+export type ActionToolbarProps = {
+    count: number;
+    singleLabel?: string;
+    multipleLabel?: string;
+    clearLabel?: string;
+    onClearSelection: () => void;
+    centerSlot?: ReactNode;
+    actionsSlot?: ReactNode;
+    color?: Color;
+    sx?: SxProps<Theme>;
+    /**
+     * This property defines the position where the component will be displayed.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    position: 'bottom' | 'top';
+    /**
+     * This property defines the padding applied to the component in relation to the "position" property.
+     * It is not part of the styling properties since this is taken as a configuration property.
+     */
+    padding: string;
+};
+declare const COLORS: {
+    readonly primary: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly info: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+    readonly warning: {
+        readonly bgColor: string;
+        readonly borderColor: string;
+        readonly textColor: string;
+        readonly badgeColor: string;
+        readonly badgeText: string;
+    };
+};
+type Color = keyof typeof COLORS;
+export declare const ActionToolbar: ({ count, singleLabel, multipleLabel, clearLabel, onClearSelection, centerSlot, actionsSlot, color, sx, position, padding, }: ActionToolbarProps) => React.JSX.Element;
+export {};

package/dist/cjs/types/components/FilterPopover/FilterPopover.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { type PopoverProps } from '../Popover/Popover';
+export type FilterPopoverProps = Pick<PopoverProps, 'anchorEl' | 'onClose' | 'header' | 'sx' | 'size'> & {
+    /**
+     * Filter area content (placeholder node for now).
+     */
+    content?: React.ReactNode;
+    /**
+     * Apply button text.
+     * @default 'Apply filters'
+     */
+    applyButtonLabel?: string;
+    /**
+     * Loading state for the count of results.
+     * @default false
+     */
+    isLoadingCount?: boolean;
+    /**
+     * Clear button text.
+     * @default 'Reset to defaults'
+     */
+    clearButtonLabel?: string;
+    /**
+     * When true, Apply is enabled; when false, disabled.
+     * @default false
+     */
+    disableApplyButton?: boolean;
+    /**
+     * Called when Apply is clicked; popover closes after.
+     */
+    onApply?: () => void | Promise<void>;
+    /**
+     * Called when Clear is clicked; no other behaviour (no close).
+     */
+    onClear?: () => void | Promise<void>;
+};
+/**
+ * Main container for filter inputs. Composes Popover with Apply/Clear footer.
+ * Opens when the user clicks the anchor; closes on Apply or Escape.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-filterpopover--docs
+ */
+export declare const FilterPopover: ({ anchorEl, onClose, header, content, applyButtonLabel, clearButtonLabel, disableApplyButton, isLoadingCount, onApply, onClear, ...popoverProps }: FilterPopoverProps) => React.JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -36,6 +36,7 @@ export { ControlButton, type ControlButtonProps } from './components/ControlButt
 export { CopyButton, type CopyButtonProps } from './components/CopyButton/CopyButton';
 export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
 export { Popover, type PopoverProps } from './components/Popover/Popover';
+export { FilterPopover, type FilterPopoverProps } from './components/FilterPopover/FilterPopover';
 export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHeader';
 export { PageHeaderV2, type PageHeaderV2Props } from './components/PageHeaderV2/PageHeaderV2';
 export { NotFound, type NotFoundProps } from './components/NotFound/NotFound';
@@ -62,6 +63,7 @@ export { DataGrid, GridRow, GridCell, GridEditInputCell, GridCellModes, GridFoot
 export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';
 export { ToggleButton, type ToggleButtonProps } from './components/ToggleButton/ToggleButton';
 export { FindUsersButton, LearnMoreButton, RoleBanner, type FindUsersButtonProps, type LearnMoreButtonProps, type RoleBannerProps, } from './components/RoleBanner/RoleBanner';
+export { ActionToolbar, type ActionToolbarProps } from './components/ActionToolbar/ActionToolbar';
 export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';