@peasant-labs/fairtrade 0.0.20 → 0.0.21

package/dist/lib/types/SessionGroupDisclosure.d.ts

@@ -0,0 +1,42 @@
+/**
+ * SessionGroupDisclosure - the one collapsed count control for a session list.
+ *
+ * The label names the group's membership and its count ("orphan sessions 2"),
+ * a chevron leads the control, and a trailing `show`/`hide` states what the
+ * press will do. The control is a real `<button>` with `aria-expanded` and
+ * `aria-controls`, so the row it reveals is named, not inferred.
+ *
+ * Expansion state stays with the caller: a group is an aside, and a viewer who
+ * opened it once has not asked for it to be open on every future visit. The
+ * revealed content renders only while expanded, so a folded row cannot be
+ * mistaken for a visible one and holds no page height.
+ *
+ * @param {object} props
+ * @param {import('react').ReactNode} props.label - the control's text while OPEN
+ * @param {import('react').ReactNode} props.collapsedLabel - the control's text
+ *   while CLOSED; the caller writes it, because the sibling groups do not agree
+ *   on a leading mark
+ * @param {boolean} props.expanded
+ * @param {() => void} props.onToggle
+ * @param {string} props.rowsID - the `id` of the element this control reveals;
+ *   the caller owns that element
+ * @param {boolean} [props.bare] - drop the outer border when the group sits
+ *   inside an already-bordered panel
+ * @param {boolean} [props.indent] - indent one step, so a group nested inside a
+ *   list reads as belonging to it rather than as another list row
+ * @param {string} [props.testID] - base for the wrapper and control test ids:
+ *   `<base>`, `<base>-toggle`, and `<base>-label`
+ * @param {import('react').ReactNode} [props.children] - revealed only while
+ *   expanded
+ */
+export default function SessionGroupDisclosure({ label, collapsedLabel, expanded, onToggle, rowsID, bare, indent, testID, children, }: {
+    label: import("react").ReactNode;
+    collapsedLabel: import("react").ReactNode;
+    expanded: boolean;
+    onToggle: () => void;
+    rowsID: string;
+    bare?: boolean;
+    indent?: boolean;
+    testID?: string;
+    children?: import("react").ReactNode;
+}): import("react").JSX.Element;

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

@@ -9,6 +9,7 @@ export { default as ChartBar } from "./ChartBar.jsx";
 export { default as ChartLine } from "./ChartLine.jsx";
 export { default as Sparkline } from "./Sparkline.jsx";
 export { default as Accordion } from "./Accordion.jsx";
+export { default as SessionGroupDisclosure } from "./SessionGroupDisclosure.jsx";
 export { default as Dialog } from "./Dialog.jsx";
 export { default as CommandPalette } from "./CommandPalette.jsx";
 export { default as CommitGraph } from "./CommitGraph.jsx";