UNPKG

reakit

Version:

Toolkit for building accessible rich web apps with React

53 lines (50 loc) 1.96 kB
import { a as _objectSpread2 } from '../_rollupPluginBabelHelpers-1f0bf8c2.js'; import { createComponent } from 'reakit-system/createComponent'; import { createHook } from 'reakit-system/createHook'; import 'reakit-utils/shallowEqual'; import 'react'; import 'reakit-utils/useForkRef'; import 'reakit-utils/isButton'; import { useWarning } from 'reakit-warning'; import 'reakit-utils/useLiveRef'; import 'reakit-utils/isSelfTarget'; import 'reakit-utils/useIsomorphicEffect'; import 'reakit-utils/hasFocusWithin'; import 'reakit-utils/isPortalEvent'; import 'reakit-utils/dom'; import 'reakit-utils/tabbable'; import '../Role/Role.js'; import '../Tabbable/Tabbable.js'; import { useCreateElement } from 'reakit-system/useCreateElement'; import 'reakit-utils/getDocument'; import 'reakit-utils/fireBlurEvent'; import 'reakit-utils/fireKeyboardEvent'; import 'reakit-utils/canUseDOM'; import 'reakit-utils/getNextActiveElementOnBlur'; import '../reverse-30eaa122.js'; import '../getCurrentId-5aa9849e.js'; import '../findEnabledItemById-8ddca752.js'; import '../__keys-6742f591.js'; import '../userFocus-e16425e3.js'; import { useComposite } from '../Composite/Composite.js'; import { T as TOOLBAR_KEYS } from '../__keys-ae468c11.js'; var useToolbar = createHook({ name: "Toolbar", compose: useComposite, keys: TOOLBAR_KEYS, useProps: function useProps(options, htmlProps) { return _objectSpread2({ role: "toolbar", "aria-orientation": options.orientation }, htmlProps); } }); var Toolbar = createComponent({ as: "div", useHook: useToolbar, useCreateElement: function useCreateElement$1(type, props, children) { process.env.NODE_ENV !== "production" ? useWarning(!props["aria-label"] && !props["aria-labelledby"], "You should provide either `aria-label` or `aria-labelledby` props.", "See https://reakit.io/docs/toolbar") : void 0; return useCreateElement(type, props, children); } }); export { Toolbar, useToolbar };