@lilt-ui/charts 0.10.0 → 0.11.0

package/dist/lifecycle/chart-empty.d.ts

@@ -0,0 +1,29 @@
+import { ReactElement, ReactNode } from 'react';
+import { ChartEmptyLook, ChartEmptyState } from '../types';
+/** The outline a chart family lays behind its empty message with the `shape` look. */
+export type ChartEmptyShape = 'wave' | 'bars' | 'rows' | 'ring' | 'points' | 'tiles' | 'web' | 'flow';
+/** Set by a card around its chart, so the chart's empty slot draws the family's own outline. */
+export declare const EmptyShapeContext: import('react').Context<ChartEmptyShape>;
+export interface ChartEmptyProps {
+    /** `dots` (default) or the chart's own `shape`. */
+    look?: ChartEmptyLook;
+    /** The message. Defaults to the chart's own, e.g. "No data for this period". */
+    children?: ReactNode;
+}
+/**
+ * Lilt's empty state: a still look and one quiet line. Pass it to a chart's `empty` prop with your
+ * own words, e.g. `empty={<ChartEmpty>No visits yet</ChartEmpty>}`; inside a chart it takes the
+ * chart's shape and message.
+ */
+export declare function ChartEmpty({ look, children }: ChartEmptyProps): ReactElement;
+/**
+ * Where a chart's empty state sits. Over a plot it fills the plot area; in place of a card's body
+ * (`block`) it holds the body's height, so an empty card keeps its size. The outline defaults to
+ * the one the card around it names.
+ */
+export declare function EmptySlot({ state, shape: ownShape, message, block, }: {
+    state?: ChartEmptyState;
+    shape?: ChartEmptyShape;
+    message?: string;
+    block?: boolean;
+}): ReactElement | null;