57 lines
2.0 KiB
JavaScript
57 lines
2.0 KiB
JavaScript
'use client';
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "useTreeItemPersonaLayout_unstable", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return useTreeItemPersonaLayout_unstable;
|
|
}
|
|
});
|
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
const _contexts = require("../../contexts");
|
|
const _tokens = require("../../utils/tokens");
|
|
const _useTreeItemLayout = require("../TreeItemLayout/useTreeItemLayout");
|
|
const _reactcheckbox = require("@fluentui/react-checkbox");
|
|
const _reactradio = require("@fluentui/react-radio");
|
|
const useTreeItemPersonaLayout_unstable = (props, ref)=>{
|
|
const { media, children, main, description } = props;
|
|
const treeItemLayoutState = (0, _useTreeItemLayout.useTreeItemLayout_unstable)({
|
|
...props,
|
|
iconBefore: null,
|
|
iconAfter: null
|
|
}, ref);
|
|
const size = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.size);
|
|
const selectionMode = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
|
|
return {
|
|
...treeItemLayoutState,
|
|
components: {
|
|
expandIcon: 'div',
|
|
main: 'div',
|
|
description: 'div',
|
|
root: 'div',
|
|
media: 'div',
|
|
aside: 'div',
|
|
actions: 'div',
|
|
// Casting here to a union between checkbox and radio
|
|
selector: selectionMode === 'multiselect' ? _reactcheckbox.Checkbox : _reactradio.Radio
|
|
},
|
|
avatarSize: _tokens.treeAvatarSize[size],
|
|
main: _reactutilities.slot.always(main, {
|
|
defaultProps: {
|
|
children
|
|
},
|
|
elementType: 'div'
|
|
}),
|
|
media: _reactutilities.slot.always(media, {
|
|
elementType: 'div'
|
|
}),
|
|
description: _reactutilities.slot.optional(description, {
|
|
elementType: 'div'
|
|
})
|
|
};
|
|
};
|