@starasia/admin 12.32.0 → 12.33.0

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

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+
+/**
+ * Vertical hairline divider for separating groups of actions inside a
+ * `SelectionActionBar`. Also available as `SelectionActionBar.Divider`.
+ */
+export declare const SelectionActionBarDivider: () => React.JSX.Element;
+export interface SelectionActionBarProps {
+    /**
+     * Number of selected items. The bar hides itself (renders `null`) when this
+     * is `0`, and drives the default `"N selected"` label.
+     */
+    count: number;
+    /**
+     * Action controls rendered between the count and the clear button — usually
+     * `<Button>`s (compose your own verbs), `<Menu>`s, and
+     * `<SelectionActionBar.Divider />` to group them. The bar is only the
+     * chrome; what the selection *means* is the consumer's business.
+     */
+    children: React.ReactNode;
+    /**
+     * Override the leading label entirely. Default: `"{count} selected"`.
+     * Pass a render function to format around the live count.
+     */
+    label?: React.ReactNode | ((count: number) => React.ReactNode);
+    /**
+     * Show the trailing `×` clear button (with a divider before it). Omit to
+     * render no clear button.
+     */
+    onClear?: () => void;
+    /** aria-label + tooltip for the clear button. @default "Clear selection" */
+    clearLabel?: string;
+    /** Disable the clear button (e.g. while a batch is in flight). */
+    clearDisabled?: boolean;
+    /** Distance from the viewport bottom. @default 20 */
+    bottom?: number | string;
+    /** z-index of the fixed bar. @default 50 */
+    zIndex?: number;
+    /** Extra style merged onto the pill (the inner floating box). */
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Floating, bottom-centered action bar shown while a selection is active —
+ * `[ N selected | …actions… | × ]`. Pairs naturally with `TableLayout`'s
+ * row selection (which ships no toolbar of its own on purpose). The component
+ * is purely the shell: you compose the action buttons as `children`, so the
+ * same bar serves "Restore / Delete permanently" for a trash view and
+ * "Status / Assign / Move" for a task list.
+ */
+export declare function SelectionActionBar({ count, children, label, onClear, clearLabel, clearDisabled, bottom, zIndex, style, className, }: SelectionActionBarProps): React.JSX.Element | null;
+export declare namespace SelectionActionBar {
+    var Divider: () => React.JSX.Element;
+}

package/dist/components/index.d.ts

@@ -31,3 +31,4 @@ export * from './FullSection';
 export * from './SelectButton';
 export * from './LayoutDialog';
 export * from './ImagePreview';
+export * from './SelectionActionBar';