@ariakit/react-core
Version:
Ariakit React core
66 lines (51 loc) • 2.03 kB
JavaScript
;Object.defineProperty(exports, "__esModule", {value: true});
var _6DC6MIBCcjs = require('../__chunks/6DC6MIBC.cjs');
require('../__chunks/QXXNZT2I.cjs');
require('../__chunks/5WCU5NVK.cjs');
require('../__chunks/57Z4CQLB.cjs');
require('../__chunks/GCJBB4ZT.cjs');
require('../__chunks/QJGTENWI.cjs');
var _WBFXWJUHcjs = require('../__chunks/WBFXWJUH.cjs');
var _MZ2HG624cjs = require('../__chunks/MZ2HG624.cjs');
require('../__chunks/XMDZRF6Y.cjs');
// src/select/select-label.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "div";
var useSelectLabel = _WBFXWJUHcjs.createHook.call(void 0,
function useSelectLabel2({ store, ...props }) {
const context = _6DC6MIBCcjs.useSelectProviderContext.call(void 0, );
store = store || context;
_misc.invariant.call(void 0,
store,
process.env.NODE_ENV !== "production" && "SelectLabel must receive a `store` prop or be wrapped in a SelectProvider component."
);
const id = _MZ2HG624cjs.useId.call(void 0, props.id);
const onClickProp = props.onClick;
const onClick = _MZ2HG624cjs.useEvent.call(void 0, (event) => {
onClickProp == null ? void 0 : onClickProp(event);
if (event.defaultPrevented) return;
queueMicrotask(() => {
const select = store == null ? void 0 : store.getState().selectElement;
select == null ? void 0 : select.focus();
});
});
props = {
id,
...props,
ref: _MZ2HG624cjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
onClick,
style: {
cursor: "default",
...props.style
}
};
return _misc.removeUndefinedValues.call(void 0, props);
}
);
var SelectLabel = _WBFXWJUHcjs.memo.call(void 0,
_WBFXWJUHcjs.forwardRef.call(void 0, function SelectLabel2(props) {
const htmlProps = useSelectLabel(props);
return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
})
);
exports.SelectLabel = SelectLabel; exports.useSelectLabel = useSelectLabel;