UNPKG

@base-ui-components/react

Version:

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

26 lines 701 B
import { CollapsiblePanelDataAttributes } from "../collapsible/panel/CollapsiblePanelDataAttributes.js"; import { CollapsibleTriggerDataAttributes } from "../collapsible/trigger/CollapsibleTriggerDataAttributes.js"; const PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: '' }; const PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: '' }; export const triggerOpenStateMapping = { open(value) { if (value) { return { [CollapsibleTriggerDataAttributes.panelOpen]: '' }; } return null; } }; export const collapsibleOpenStateMapping = { open(value) { if (value) { return PANEL_OPEN_HOOK; } return PANEL_CLOSED_HOOK; } };