@fluentui/react-tree 9.0.4 → 9.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +175 -1
- package/CHANGELOG.md +44 -2
- package/lib/components/FlatTree/FlatTree.js.map +1 -1
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js +2 -1
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -1
- package/lib/components/FlatTree/useFlatTreeNavigation.js +4 -3
- package/lib/components/FlatTree/useFlatTreeNavigation.js.map +1 -1
- package/lib/components/FlatTree/useHeadlessFlatTree.js +7 -7
- package/lib/components/FlatTree/useHeadlessFlatTree.js.map +1 -1
- package/lib/components/Tree/Tree.js.map +1 -1
- package/lib/components/Tree/renderTree.js +7 -4
- package/lib/components/Tree/renderTree.js.map +1 -1
- package/lib/components/Tree/useNestedControllableCheckedItems.js.map +1 -1
- package/lib/components/Tree/useTree.js +7 -7
- package/lib/components/Tree/useTree.js.map +1 -1
- package/lib/components/Tree/useTreeContextValues.js +1 -1
- package/lib/components/Tree/useTreeContextValues.js.map +1 -1
- package/lib/components/Tree/useTreeNavigation.js +1 -1
- package/lib/components/Tree/useTreeNavigation.js.map +1 -1
- package/lib/components/TreeItem/TreeItem.js.map +1 -1
- package/lib/components/TreeItem/renderTreeItem.js +7 -4
- package/lib/components/TreeItem/renderTreeItem.js.map +1 -1
- package/lib/components/TreeItem/useTreeItem.js +5 -3
- package/lib/components/TreeItem/useTreeItem.js.map +1 -1
- package/lib/components/TreeItem/useTreeItemContextValues.js +1 -1
- package/lib/components/TreeItem/useTreeItemContextValues.js.map +1 -1
- package/lib/components/TreeItem/useTreeItemStyles.styles.js.map +1 -1
- package/lib/components/TreeItemChevron.js +1 -1
- package/lib/components/TreeItemChevron.js.map +1 -1
- package/lib/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/renderTreeItemLayout.js +19 -4
- package/lib/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/useTreeItemLayout.js +4 -3
- package/lib/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +20 -6
- package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
- package/lib/contexts/treeContext.js +1 -1
- package/lib/contexts/treeContext.js.map +1 -1
- package/lib/contexts/treeItemContext.js +1 -1
- package/lib/contexts/treeItemContext.js.map +1 -1
- package/lib/hooks/useControllableOpenItems.js.map +1 -1
- package/lib/hooks/useRootTree.js +9 -8
- package/lib/hooks/useRootTree.js.map +1 -1
- package/lib/hooks/useRovingTabIndexes.js.map +1 -1
- package/lib/hooks/useSubtree.js +1 -1
- package/lib/hooks/useSubtree.js.map +1 -1
- package/lib/utils/ImmutableMap.js.map +1 -1
- package/lib/utils/ImmutableSet.js.map +1 -1
- package/lib/utils/assert.js.map +1 -1
- package/lib/utils/createCheckedItems.js.map +1 -1
- package/lib/utils/createHTMLElementWalker.js +3 -2
- package/lib/utils/createHTMLElementWalker.js.map +1 -1
- package/lib/utils/createHeadlessTree.js +9 -5
- package/lib/utils/createHeadlessTree.js.map +1 -1
- package/lib/utils/createOpenItems.js.map +1 -1
- package/lib/utils/flattenTree.js +3 -2
- package/lib/utils/flattenTree.js.map +1 -1
- package/lib/utils/getTreeItemValueFromElement.js.map +1 -1
- package/lib/utils/nextTypeAheadElement.js.map +1 -1
- package/lib/utils/normalizeOpenItems.js +2 -1
- package/lib/utils/normalizeOpenItems.js.map +1 -1
- package/lib/utils/treeItemFilter.js.map +1 -1
- package/lib-commonjs/FlatTree.js +2 -2
- package/lib-commonjs/FlatTree.js.map +1 -1
- package/lib-commonjs/Tree.js +2 -2
- package/lib-commonjs/Tree.js.map +1 -1
- package/lib-commonjs/TreeItem.js +2 -2
- package/lib-commonjs/TreeItem.js.map +1 -1
- package/lib-commonjs/TreeItemLayout.js +2 -2
- package/lib-commonjs/TreeItemLayout.js.map +1 -1
- package/lib-commonjs/TreeItemPersonaLayout.js +2 -2
- package/lib-commonjs/TreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/FlatTree/FlatTree.js +7 -5
- package/lib-commonjs/components/FlatTree/FlatTree.js.map +1 -1
- package/lib-commonjs/components/FlatTree/index.js +8 -8
- package/lib-commonjs/components/FlatTree/index.js.map +1 -1
- package/lib-commonjs/components/FlatTree/renderFlatTree.js +5 -3
- package/lib-commonjs/components/FlatTree/renderFlatTree.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js +17 -12
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatTree.js +5 -3
- package/lib-commonjs/components/FlatTree/useFlatTree.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js +5 -3
- package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js +10 -7
- package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js +7 -3
- package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js +18 -16
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js.map +1 -1
- package/lib-commonjs/components/Tree/Tree.js +7 -5
- package/lib-commonjs/components/Tree/Tree.js.map +1 -1
- package/lib-commonjs/components/Tree/index.js +7 -7
- package/lib-commonjs/components/Tree/index.js.map +1 -1
- package/lib-commonjs/components/Tree/renderTree.js +13 -8
- package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js +10 -6
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js.map +1 -1
- package/lib-commonjs/components/Tree/useTree.js +17 -15
- package/lib-commonjs/components/Tree/useTree.js.map +1 -1
- package/lib-commonjs/components/Tree/useTreeContextValues.js +4 -2
- package/lib-commonjs/components/Tree/useTreeContextValues.js.map +1 -1
- package/lib-commonjs/components/Tree/useTreeNavigation.js +4 -2
- package/lib-commonjs/components/Tree/useTreeNavigation.js.map +1 -1
- package/lib-commonjs/components/Tree/useTreeStyles.styles.js +7 -3
- package/lib-commonjs/components/Tree/useTreeStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TreeItem/TreeItem.js +7 -5
- package/lib-commonjs/components/TreeItem/TreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/TreeItem.types.js +2 -2
- package/lib-commonjs/components/TreeItem/TreeItem.types.js.map +1 -1
- package/lib-commonjs/components/TreeItem/index.js +7 -7
- package/lib-commonjs/components/TreeItem/index.js.map +1 -1
- package/lib-commonjs/components/TreeItem/renderTreeItem.js +13 -8
- package/lib-commonjs/components/TreeItem/renderTreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItem.js +30 -26
- package/lib-commonjs/components/TreeItem/useTreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js +4 -2
- package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js +8 -4
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TreeItemChevron.js +9 -7
- package/lib-commonjs/components/TreeItemChevron.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js +7 -5
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/index.js +6 -6
- package/lib-commonjs/components/TreeItemLayout/index.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js +26 -9
- package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js +28 -25
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +15 -11
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +7 -5
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/index.js +6 -6
- package/lib-commonjs/components/TreeItemPersonaLayout/index.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +28 -12
- package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +13 -11
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +6 -4
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +13 -9
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/index.js +3 -3
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/contexts/treeContext.js +17 -11
- package/lib-commonjs/contexts/treeContext.js.map +1 -1
- package/lib-commonjs/contexts/treeItemContext.js +15 -9
- package/lib-commonjs/contexts/treeItemContext.js.map +1 -1
- package/lib-commonjs/hooks/useControllableOpenItems.js +13 -9
- package/lib-commonjs/hooks/useControllableOpenItems.js.map +1 -1
- package/lib-commonjs/hooks/useRootTree.js +19 -16
- package/lib-commonjs/hooks/useRootTree.js.map +1 -1
- package/lib-commonjs/hooks/useRovingTabIndexes.js +5 -3
- package/lib-commonjs/hooks/useRovingTabIndexes.js.map +1 -1
- package/lib-commonjs/hooks/useSubtree.js +9 -7
- package/lib-commonjs/hooks/useSubtree.js.map +1 -1
- package/lib-commonjs/index.js +110 -40
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/ImmutableMap.js +3 -1
- package/lib-commonjs/utils/ImmutableMap.js.map +1 -1
- package/lib-commonjs/utils/ImmutableSet.js +3 -1
- package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
- package/lib-commonjs/utils/assert.js +5 -3
- package/lib-commonjs/utils/assert.js.map +1 -1
- package/lib-commonjs/utils/createCheckedItems.js +7 -5
- package/lib-commonjs/utils/createCheckedItems.js.map +1 -1
- package/lib-commonjs/utils/createHTMLElementWalker.js +8 -5
- package/lib-commonjs/utils/createHTMLElementWalker.js.map +1 -1
- package/lib-commonjs/utils/createHeadlessTree.js +15 -7
- package/lib-commonjs/utils/createHeadlessTree.js.map +1 -1
- package/lib-commonjs/utils/createOpenItems.js +7 -5
- package/lib-commonjs/utils/createOpenItems.js.map +1 -1
- package/lib-commonjs/utils/flattenTree.js +6 -3
- package/lib-commonjs/utils/flattenTree.js.map +1 -1
- package/lib-commonjs/utils/getTreeItemValueFromElement.js +6 -2
- package/lib-commonjs/utils/getTreeItemValueFromElement.js.map +1 -1
- package/lib-commonjs/utils/nextTypeAheadElement.js +3 -1
- package/lib-commonjs/utils/nextTypeAheadElement.js.map +1 -1
- package/lib-commonjs/utils/normalizeOpenItems.js +5 -2
- package/lib-commonjs/utils/normalizeOpenItems.js.map +1 -1
- package/lib-commonjs/utils/tokens.js +17 -11
- package/lib-commonjs/utils/tokens.js.map +1 -1
- package/lib-commonjs/utils/treeItemFilter.js +3 -1
- package/lib-commonjs/utils/treeItemFilter.js.map +1 -1
- package/package.json +19 -19
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
treeItemLayoutClassNames: ()
|
|
13
|
-
|
|
12
|
+
treeItemLayoutClassNames: function() {
|
|
13
|
+
return treeItemLayoutClassNames;
|
|
14
|
+
},
|
|
15
|
+
useTreeItemLayoutStyles_unstable: function() {
|
|
16
|
+
return useTreeItemLayoutStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const _treeContext = require("../../contexts/treeContext");
|
|
@@ -27,7 +31,7 @@ const treeItemLayoutClassNames = {
|
|
|
27
31
|
};
|
|
28
32
|
/**
|
|
29
33
|
* Styles for the root slot
|
|
30
|
-
*/ const useRootStyles = /*#__PURE__*/ (0, _react
|
|
34
|
+
*/ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
31
35
|
base: {
|
|
32
36
|
mc9l5x: "f22iagw",
|
|
33
37
|
Bt984gj: "f122n59",
|
|
@@ -139,7 +143,7 @@ const treeItemLayoutClassNames = {
|
|
|
139
143
|
});
|
|
140
144
|
/**
|
|
141
145
|
* Styles for the action icon slot
|
|
142
|
-
*/ const useActionsStyles = /*#__PURE__*/ (0, _react
|
|
146
|
+
*/ const useActionsStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
143
147
|
base: {
|
|
144
148
|
mc9l5x: "f22iagw",
|
|
145
149
|
Frg6f3: [
|
|
@@ -182,7 +186,7 @@ const treeItemLayoutClassNames = {
|
|
|
182
186
|
});
|
|
183
187
|
/**
|
|
184
188
|
* Styles for the action icon slot
|
|
185
|
-
*/ const useAsideStyles = /*#__PURE__*/ (0, _react
|
|
189
|
+
*/ const useAsideStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
186
190
|
base: {
|
|
187
191
|
mc9l5x: "f22iagw",
|
|
188
192
|
Frg6f3: [
|
|
@@ -229,7 +233,7 @@ const treeItemLayoutClassNames = {
|
|
|
229
233
|
});
|
|
230
234
|
/**
|
|
231
235
|
* Styles for the expand icon slot
|
|
232
|
-
*/ const useExpandIconStyles = /*#__PURE__*/ (0, _react
|
|
236
|
+
*/ const useExpandIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
233
237
|
base: {
|
|
234
238
|
mc9l5x: "f22iagw",
|
|
235
239
|
Bt984gj: "f122n59",
|
|
@@ -270,7 +274,7 @@ const treeItemLayoutClassNames = {
|
|
|
270
274
|
});
|
|
271
275
|
/**
|
|
272
276
|
* Styles for the content slot
|
|
273
|
-
*/ const useMainStyles = /*#__PURE__*/ (0, _react
|
|
277
|
+
*/ const useMainStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
274
278
|
base: {
|
|
275
279
|
z8tnut: "f1g0x7ka",
|
|
276
280
|
z189sj: [
|
|
@@ -293,7 +297,7 @@ const treeItemLayoutClassNames = {
|
|
|
293
297
|
});
|
|
294
298
|
/**
|
|
295
299
|
* Styles for the before/after icon slot
|
|
296
|
-
*/ const useIconStyles = /*#__PURE__*/ (0, _react
|
|
300
|
+
*/ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
297
301
|
base: {
|
|
298
302
|
mc9l5x: "f22iagw",
|
|
299
303
|
Bt984gj: "f122n59",
|
|
@@ -310,7 +314,7 @@ const treeItemLayoutClassNames = {
|
|
|
310
314
|
".f1pp30po{font-size:var(--fontSizeBase500);}"
|
|
311
315
|
]
|
|
312
316
|
});
|
|
313
|
-
const useIconBeforeStyles = /*#__PURE__*/ (0, _react
|
|
317
|
+
const useIconBeforeStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
314
318
|
medium: {
|
|
315
319
|
z189sj: [
|
|
316
320
|
"f7x41pl",
|
|
@@ -331,7 +335,7 @@ const useIconBeforeStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
331
335
|
".fgiv446{padding-left:var(--spacingHorizontalXXS);}"
|
|
332
336
|
]
|
|
333
337
|
});
|
|
334
|
-
const useIconAfterStyles = /*#__PURE__*/ (0, _react
|
|
338
|
+
const useIconAfterStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
335
339
|
medium: {
|
|
336
340
|
uwmqm3: [
|
|
337
341
|
"fruq291",
|
|
@@ -353,7 +357,7 @@ const useIconAfterStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
353
357
|
]
|
|
354
358
|
});
|
|
355
359
|
const useTreeItemLayoutStyles_unstable = (state)=>{
|
|
356
|
-
const { main
|
|
360
|
+
const { main, iconAfter, iconBefore, expandIcon, root, aside, actions, selector } = state;
|
|
357
361
|
const rootStyles = useRootStyles();
|
|
358
362
|
const actionsStyles = useActionsStyles();
|
|
359
363
|
const asideStyles = useAsideStyles();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n root: 'fui-TreeItemLayout',\n iconBefore: 'fui-TreeItemLayout__iconBefore',\n main: 'fui-TreeItemLayout__main',\n iconAfter: 'fui-TreeItemLayout__iconAfter',\n expandIcon: 'fui-TreeItemLayout__expandIcon',\n aside: 'fui-TreeItemLayout__aside',\n actions: 'fui-TreeItemLayout__actions',\n selector: 'fui-TreeItemLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n Ijaq50: \"f15ws6j\",\n Br312pm: \"f135tdbu\",\n nk6f5a: \"f2e2169\",\n Bw0ie65: \"f4rqp6x\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n qya0sb: \"f1ih54s9\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n Becwuud: \"f1jk1nfw\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n },\n branch: {\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n },\n medium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n small: {\n sshi5w: \"f1pha7fy\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n subtle: {},\n \"subtle-alpha\": {\n Jwef8y: \"f146ro5n\",\n ecr2s2: \"fkam630\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{grid-row-start:layout;}\", \".f135tdbu{grid-column-start:layout;}\", \".f2e2169{grid-row-end:layout;}\", \".f4rqp6x{grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n qhf8xq: \"f10pi13n\",\n Bj3rh1h: \"f19g0ac\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n Bt984gj: \"f122n59\",\n Bj3rh1h: \"f11zp4z2\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n Bh6795r: \"f1jhi6b8\",\n Bnnss6s: \"fi64zpg\",\n xawz: \"f1rmlqtg\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{flex-grow:0;}\", \".fi64zpg{flex-shrink:0;}\", \".f1rmlqtg{flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useMainStyles = /*#__PURE__*/__styles({\n base: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"ffczdla\", \"fgiv446\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".f1g0x7ka{padding-top:0;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sj55zd: \"fkfq4zb\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\nconst useIconBeforeStyles = /*#__PURE__*/__styles({\n medium: {\n z189sj: [\"f7x41pl\", \"fruq291\"]\n },\n small: {\n z189sj: [\"ffczdla\", \"fgiv446\"]\n }\n}, {\n d: [\".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\"]\n});\nconst useIconAfterStyles = /*#__PURE__*/__styles({\n medium: {\n uwmqm3: [\"fruq291\", \"f7x41pl\"]\n },\n small: {\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n const {\n main,\n iconAfter,\n iconBefore,\n expandIcon,\n root,\n aside,\n actions,\n selector\n } = state;\n const rootStyles = useRootStyles();\n const actionsStyles = useActionsStyles();\n const asideStyles = useAsideStyles();\n const mainStyles = useMainStyles();\n const expandIconStyles = useExpandIconStyles();\n const iconStyles = useIconStyles();\n const iconBeforeStyles = useIconBeforeStyles();\n const iconAfterStyles = useIconAfterStyles();\n const size = useTreeContext_unstable(ctx => ctx.size);\n const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n main.className = mergeClasses(treeItemLayoutClassNames.main, mainStyles.base, main.className);\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (iconBefore) {\n iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);\n }\n if (iconAfter) {\n iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);\n }\n if (actions) {\n actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, actions.className);\n }\n if (aside) {\n aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n }\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (selector) {\n selector.className = mergeClasses(treeItemLayoutClassNames.selector, selector.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","main","iconAfter","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","sj55zd","Bh6795r","Bnnss6s","xawz","useMainStyles","useIconStyles","useIconBeforeStyles","useIconAfterStyles","state","rootStyles","actionsStyles","asideStyles","mainStyles","expandIconStyles","iconStyles","iconBeforeStyles","iconAfterStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n root: 'fui-TreeItemLayout',\n iconBefore: 'fui-TreeItemLayout__iconBefore',\n main: 'fui-TreeItemLayout__main',\n iconAfter: 'fui-TreeItemLayout__iconAfter',\n expandIcon: 'fui-TreeItemLayout__expandIcon',\n aside: 'fui-TreeItemLayout__aside',\n actions: 'fui-TreeItemLayout__actions',\n selector: 'fui-TreeItemLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sshi5w: \"f1nxs5xn\",\n B7ck84d: \"f1ewtqcl\",\n Ijaq50: \"f15ws6j\",\n Br312pm: \"f135tdbu\",\n nk6f5a: \"f2e2169\",\n Bw0ie65: \"f4rqp6x\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n qya0sb: \"f1ih54s9\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n Becwuud: \"f1jk1nfw\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n },\n branch: {\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n },\n medium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n small: {\n sshi5w: \"f1pha7fy\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n subtle: {},\n \"subtle-alpha\": {\n Jwef8y: \"f146ro5n\",\n ecr2s2: \"fkam630\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{grid-row-start:layout;}\", \".f135tdbu{grid-column-start:layout;}\", \".f2e2169{grid-row-end:layout;}\", \".f4rqp6x{grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n qhf8xq: \"f10pi13n\",\n Bj3rh1h: \"f19g0ac\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n Bt984gj: \"f122n59\",\n Bj3rh1h: \"f11zp4z2\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n Bh6795r: \"f1jhi6b8\",\n Bnnss6s: \"fi64zpg\",\n xawz: \"f1rmlqtg\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{flex-grow:0;}\", \".fi64zpg{flex-shrink:0;}\", \".f1rmlqtg{flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useMainStyles = /*#__PURE__*/__styles({\n base: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"ffczdla\", \"fgiv446\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".f1g0x7ka{padding-top:0;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sj55zd: \"fkfq4zb\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\nconst useIconBeforeStyles = /*#__PURE__*/__styles({\n medium: {\n z189sj: [\"f7x41pl\", \"fruq291\"]\n },\n small: {\n z189sj: [\"ffczdla\", \"fgiv446\"]\n }\n}, {\n d: [\".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\"]\n});\nconst useIconAfterStyles = /*#__PURE__*/__styles({\n medium: {\n uwmqm3: [\"fruq291\", \"f7x41pl\"]\n },\n small: {\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n const {\n main,\n iconAfter,\n iconBefore,\n expandIcon,\n root,\n aside,\n actions,\n selector\n } = state;\n const rootStyles = useRootStyles();\n const actionsStyles = useActionsStyles();\n const asideStyles = useAsideStyles();\n const mainStyles = useMainStyles();\n const expandIconStyles = useExpandIconStyles();\n const iconStyles = useIconStyles();\n const iconBeforeStyles = useIconBeforeStyles();\n const iconAfterStyles = useIconAfterStyles();\n const size = useTreeContext_unstable(ctx => ctx.size);\n const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n main.className = mergeClasses(treeItemLayoutClassNames.main, mainStyles.base, main.className);\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (iconBefore) {\n iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);\n }\n if (iconAfter) {\n iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);\n }\n if (actions) {\n actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, actions.className);\n }\n if (aside) {\n aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n }\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (selector) {\n selector.className = mergeClasses(treeItemLayoutClassNames.selector, selector.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","main","iconAfter","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","sj55zd","Bh6795r","Bnnss6s","xawz","useMainStyles","useIconStyles","useIconBeforeStyles","useIconAfterStyles","state","rootStyles","actionsStyles","asideStyles","mainStyles","expandIconStyles","iconStyles","iconBeforeStyles","iconAfterStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}
|
|
@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "TreeItemPersonaLayout", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return TreeItemPersonaLayout;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useTreeItemPersonaLayout = require("./useTreeItemPersonaLayout");
|
|
12
14
|
const _renderTreeItemPersonaLayout = require("./renderTreeItemPersonaLayout");
|
|
13
|
-
const
|
|
15
|
+
const _useTreeItemPersonaLayoutStylesstyles = require("./useTreeItemPersonaLayoutStyles.styles");
|
|
14
16
|
const _useTreeItemPersonaLayoutContextValues = require("./useTreeItemPersonaLayoutContextValues");
|
|
15
17
|
const TreeItemPersonaLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
16
18
|
const state = (0, _useTreeItemPersonaLayout.useTreeItemPersonaLayout_unstable)(props, ref);
|
|
17
|
-
(0,
|
|
19
|
+
(0, _useTreeItemPersonaLayoutStylesstyles.useTreeItemPersonaLayoutStyles_unstable)(state);
|
|
18
20
|
const contextValues = (0, _useTreeItemPersonaLayoutContextValues.useTreeItemPersonaLayoutContextValues_unstable)(state);
|
|
19
21
|
return (0, _renderTreeItemPersonaLayout.renderTreeItemPersonaLayout_unstable)(state, contextValues);
|
|
20
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemPersonaLayout_unstable } from './useTreeItemPersonaLayout';\nimport { renderTreeItemPersonaLayout_unstable } from './renderTreeItemPersonaLayout';\nimport { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles.styles';\nimport { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues';\n/**\n * The `TreeItemPersonaLayout` component is used as a child of `TreeItem` to display a `TreeItem` with a media (typically an avatar) and a description.\n * It provides a more visually appealing representation of a `TreeItem` and is typically used to display a list of people or topics.\n * This component should only be used as a direct child of `TreeItem`.\n */ export const TreeItemPersonaLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTreeItemPersonaLayout_unstable(props, ref);\n useTreeItemPersonaLayoutStyles_unstable(state);\n const contextValues = useTreeItemPersonaLayoutContextValues_unstable(state);\n return renderTreeItemPersonaLayout_unstable(state, contextValues);\n});\nTreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';\n"],"names":["TreeItemPersonaLayout","React","forwardRef","props","ref","state","useTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","contextValues","useTreeItemPersonaLayoutContextValues_unstable","renderTreeItemPersonaLayout_unstable","displayName"],"mappings":";;;;+BASiBA
|
|
1
|
+
{"version":3,"sources":["TreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemPersonaLayout_unstable } from './useTreeItemPersonaLayout';\nimport { renderTreeItemPersonaLayout_unstable } from './renderTreeItemPersonaLayout';\nimport { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles.styles';\nimport { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues';\n/**\n * The `TreeItemPersonaLayout` component is used as a child of `TreeItem` to display a `TreeItem` with a media (typically an avatar) and a description.\n * It provides a more visually appealing representation of a `TreeItem` and is typically used to display a list of people or topics.\n * This component should only be used as a direct child of `TreeItem`.\n */ export const TreeItemPersonaLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTreeItemPersonaLayout_unstable(props, ref);\n useTreeItemPersonaLayoutStyles_unstable(state);\n const contextValues = useTreeItemPersonaLayoutContextValues_unstable(state);\n return renderTreeItemPersonaLayout_unstable(state, contextValues);\n});\nTreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';\n"],"names":["TreeItemPersonaLayout","React","forwardRef","props","ref","state","useTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","contextValues","useTreeItemPersonaLayoutContextValues_unstable","renderTreeItemPersonaLayout_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;0CAC2B;6CACG;sDACG;uDACO;AAKpD,MAAMA,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC5E,MAAMC,QAAQC,IAAAA,2DAAiC,EAACH,OAAOC;IACvDG,IAAAA,6EAAuC,EAACF;IACxC,MAAMG,gBAAgBC,IAAAA,qFAA8C,EAACJ;IACrE,OAAOK,IAAAA,iEAAoC,EAACL,OAAOG;AACvD;AACAR,sBAAsBW,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./TreeItemPersonaLayout"), exports);
|
|
7
|
+
_export_star._(require("./TreeItemPersonaLayout.types"), exports);
|
|
8
|
+
_export_star._(require("./renderTreeItemPersonaLayout"), exports);
|
|
9
|
+
_export_star._(require("./useTreeItemPersonaLayout"), exports);
|
|
10
|
+
_export_star._(require("./useTreeItemPersonaLayoutStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TreeItemPersonaLayout';\nexport * from './TreeItemPersonaLayout.types';\nexport * from './renderTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayoutStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TreeItemPersonaLayout';\nexport * from './TreeItemPersonaLayout.types';\nexport * from './renderTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayoutStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,20 +1,36 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderTreeItemPersonaLayout_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderTreeItemPersonaLayout_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const _reactavatar = require("@fluentui/react-avatar");
|
|
14
|
+
const _reactbutton = require("@fluentui/react-button");
|
|
13
15
|
const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{
|
|
14
|
-
(0,
|
|
15
|
-
return /*#__PURE__*/ (0,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
(0, _reactutilities.assertSlots)(state);
|
|
17
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
18
|
+
children: [
|
|
19
|
+
state.expandIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandIcon, {}),
|
|
20
|
+
state.selector && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.selector, {}),
|
|
21
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactavatar.AvatarContextProvider, {
|
|
22
|
+
value: contextValues.avatar,
|
|
23
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {})
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.main, {}),
|
|
26
|
+
state.description && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.description, {}),
|
|
27
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
|
|
28
|
+
value: state.buttonContextValue,
|
|
29
|
+
children: [
|
|
30
|
+
state.actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actions, {}),
|
|
31
|
+
state.aside && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.aside, {})
|
|
32
|
+
]
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
});
|
|
20
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderTreeItemPersonaLayout.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderTreeItemPersonaLayout.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemPersonaLayout\n */ export const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.expandIcon && /*#__PURE__*/ _jsx(state.expandIcon, {}),\n state.selector && /*#__PURE__*/ _jsx(state.selector, {}),\n /*#__PURE__*/ _jsx(AvatarContextProvider, {\n value: contextValues.avatar,\n children: /*#__PURE__*/ _jsx(state.media, {})\n }),\n /*#__PURE__*/ _jsx(state.main, {}),\n state.description && /*#__PURE__*/ _jsx(state.description, {}),\n /*#__PURE__*/ _jsxs(ButtonContextProvider, {\n value: state.buttonContextValue,\n children: [\n state.actions && /*#__PURE__*/ _jsx(state.actions, {}),\n state.aside && /*#__PURE__*/ _jsx(state.aside, {})\n ]\n })\n ]\n });\n};\n"],"names":["renderTreeItemPersonaLayout_unstable","state","contextValues","assertSlots","_jsxs","root","children","expandIcon","_jsx","selector","AvatarContextProvider","value","avatar","media","main","description","ButtonContextProvider","buttonContextValue","actions","aside"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAM7DA;;;eAAAA;;;4BAN2G;gCAChG;6BACU;6BACA;AAG3B,MAAMA,uCAAuC,CAACC,OAAOC;IAC5DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACNL,MAAMM,UAAU,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,UAAU,EAAE,CAAC;YAC1DN,MAAMQ,QAAQ,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACP,MAAMQ,QAAQ,EAAE,CAAC;YACtD,WAAW,GAAGD,IAAAA,eAAI,EAACE,kCAAqB,EAAE;gBACtCC,OAAOT,cAAcU,MAAM;gBAC3BN,UAAU,WAAW,GAAGE,IAAAA,eAAI,EAACP,MAAMY,KAAK,EAAE,CAAC;YAC/C;YACA,WAAW,GAAGL,IAAAA,eAAI,EAACP,MAAMa,IAAI,EAAE,CAAC;YAChCb,MAAMc,WAAW,IAAI,WAAW,GAAGP,IAAAA,eAAI,EAACP,MAAMc,WAAW,EAAE,CAAC;YAC5D,WAAW,GAAGX,IAAAA,gBAAK,EAACY,kCAAqB,EAAE;gBACvCL,OAAOV,MAAMgB,kBAAkB;gBAC/BX,UAAU;oBACNL,MAAMiB,OAAO,IAAI,WAAW,GAAGV,IAAAA,eAAI,EAACP,MAAMiB,OAAO,EAAE,CAAC;oBACpDjB,MAAMkB,KAAK,IAAI,WAAW,GAAGX,IAAAA,eAAI,EAACP,MAAMkB,KAAK,EAAE,CAAC;iBACnD;YACL;SACH;IACL;AACJ"}
|
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useTreeItemPersonaLayout_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useTreeItemPersonaLayout_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
12
14
|
const _contexts = require("../../contexts");
|
|
13
15
|
const _tokens = require("../../utils/tokens");
|
|
14
16
|
const _useTreeItemLayout = require("../TreeItemLayout/useTreeItemLayout");
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
+
const _reactcheckbox = require("@fluentui/react-checkbox");
|
|
18
|
+
const _reactradio = require("@fluentui/react-radio");
|
|
17
19
|
const useTreeItemPersonaLayout_unstable = (props, ref)=>{
|
|
18
|
-
const { media
|
|
20
|
+
const { media, children, main, description } = props;
|
|
19
21
|
const treeItemLayoutState = (0, _useTreeItemLayout.useTreeItemLayout_unstable)({
|
|
20
22
|
...props,
|
|
21
23
|
iconBefore: null,
|
|
@@ -34,19 +36,19 @@ const useTreeItemPersonaLayout_unstable = (props, ref)=>{
|
|
|
34
36
|
aside: 'div',
|
|
35
37
|
actions: 'div',
|
|
36
38
|
// Casting here to a union between checkbox and radio
|
|
37
|
-
selector: selectionMode === 'multiselect' ?
|
|
39
|
+
selector: selectionMode === 'multiselect' ? _reactcheckbox.Checkbox : _reactradio.Radio
|
|
38
40
|
},
|
|
39
41
|
avatarSize: _tokens.treeAvatarSize[size],
|
|
40
|
-
main:
|
|
42
|
+
main: _reactutilities.slot.always(main, {
|
|
41
43
|
defaultProps: {
|
|
42
44
|
children
|
|
43
45
|
},
|
|
44
46
|
elementType: 'div'
|
|
45
47
|
}),
|
|
46
|
-
media:
|
|
48
|
+
media: _reactutilities.slot.always(media, {
|
|
47
49
|
elementType: 'div'
|
|
48
50
|
}),
|
|
49
|
-
description:
|
|
51
|
+
description: _reactutilities.slot.optional(description, {
|
|
50
52
|
elementType: 'div'
|
|
51
53
|
})
|
|
52
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\nimport { useTreeItemLayout_unstable } from '../TreeItemLayout/useTreeItemLayout';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */ export const useTreeItemPersonaLayout_unstable = (props, ref)=>{\n const { media
|
|
1
|
+
{"version":3,"sources":["useTreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\nimport { useTreeItemLayout_unstable } from '../TreeItemLayout/useTreeItemLayout';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */ export const useTreeItemPersonaLayout_unstable = (props, ref)=>{\n const { media, children, main, description } = props;\n const treeItemLayoutState = useTreeItemLayout_unstable({\n ...props,\n iconBefore: null,\n iconAfter: null\n }, ref);\n const size = useTreeContext_unstable((ctx)=>ctx.size);\n const selectionMode = useTreeContext_unstable((ctx)=>ctx.selectionMode);\n return {\n ...treeItemLayoutState,\n components: {\n expandIcon: 'div',\n main: 'div',\n description: 'div',\n root: 'div',\n media: 'div',\n aside: 'div',\n actions: 'div',\n // Casting here to a union between checkbox and radio\n selector: selectionMode === 'multiselect' ? Checkbox : Radio\n },\n avatarSize: treeAvatarSize[size],\n main: slot.always(main, {\n defaultProps: {\n children\n },\n elementType: 'div'\n }),\n media: slot.always(media, {\n elementType: 'div'\n }),\n description: slot.optional(description, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useTreeItemPersonaLayout_unstable","props","ref","media","children","main","description","treeItemLayoutState","useTreeItemLayout_unstable","iconBefore","iconAfter","size","useTreeContext_unstable","ctx","selectionMode","components","expandIcon","root","aside","actions","selector","Checkbox","Radio","avatarSize","treeAvatarSize","slot","always","defaultProps","elementType","optional"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;gCACF;0BACmB;wBACT;mCACY;+BAClB;4BACH;AASX,MAAMA,oCAAoC,CAACC,OAAOC;IACzD,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGL;IAC/C,MAAMM,sBAAsBC,IAAAA,6CAA0B,EAAC;QACnD,GAAGP,KAAK;QACRQ,YAAY;QACZC,WAAW;IACf,GAAGR;IACH,MAAMS,OAAOC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIF,IAAI;IACpD,MAAMG,gBAAgBF,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIC,aAAa;IACtE,OAAO;QACH,GAAGP,mBAAmB;QACtBQ,YAAY;YACRC,YAAY;YACZX,MAAM;YACNC,aAAa;YACbW,MAAM;YACNd,OAAO;YACPe,OAAO;YACPC,SAAS;YACT,qDAAqD;YACrDC,UAAUN,kBAAkB,gBAAgBO,uBAAQ,GAAGC,iBAAK;QAChE;QACAC,YAAYC,sBAAc,CAACb,KAAK;QAChCN,MAAMoB,oBAAI,CAACC,MAAM,CAACrB,MAAM;YACpBsB,cAAc;gBACVvB;YACJ;YACAwB,aAAa;QACjB;QACAzB,OAAOsB,oBAAI,CAACC,MAAM,CAACvB,OAAO;YACtByB,aAAa;QACjB;QACAtB,aAAamB,oBAAI,CAACI,QAAQ,CAACvB,aAAa;YACpCsB,aAAa;QACjB;IACJ;AACJ"}
|
package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js
CHANGED
|
@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useTreeItemPersonaLayoutContextValues_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useTreeItemPersonaLayoutContextValues_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
function useTreeItemPersonaLayoutContextValues_unstable(state) {
|
|
12
|
-
const { avatarSize
|
|
14
|
+
const { avatarSize } = state;
|
|
13
15
|
const avatar = _react.useMemo(()=>({
|
|
14
16
|
size: avatarSize
|
|
15
17
|
}), [
|
package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTreeItemPersonaLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemPersonaLayoutContextValues_unstable(state) {\n const { avatarSize
|
|
1
|
+
{"version":3,"sources":["useTreeItemPersonaLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemPersonaLayoutContextValues_unstable(state) {\n const { avatarSize } = state;\n const avatar = React.useMemo(()=>({\n size: avatarSize\n }), [\n avatarSize\n ]);\n return {\n avatar\n };\n}\n"],"names":["useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,+CAA+CC,KAAK;IAChE,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAME,SAASC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC1BC,MAAMJ;QACV,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}
|
package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js
CHANGED
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
treeItemPersonaLayoutClassNames: ()
|
|
13
|
-
|
|
12
|
+
treeItemPersonaLayoutClassNames: function() {
|
|
13
|
+
return treeItemPersonaLayoutClassNames;
|
|
14
|
+
},
|
|
15
|
+
useTreeItemPersonaLayoutStyles_unstable: function() {
|
|
16
|
+
return useTreeItemPersonaLayoutStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const _treeItemContext = require("../../contexts/treeItemContext");
|
|
@@ -26,7 +30,7 @@ const treeItemPersonaLayoutClassNames = {
|
|
|
26
30
|
};
|
|
27
31
|
/**
|
|
28
32
|
* Styles for the root slot
|
|
29
|
-
*/ const useRootStyles = /*#__PURE__*/ (0, _react
|
|
33
|
+
*/ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
30
34
|
base: {
|
|
31
35
|
mc9l5x: "f13qh94s",
|
|
32
36
|
wkccdc: "f1y0tuzo",
|
|
@@ -85,7 +89,7 @@ const treeItemPersonaLayoutClassNames = {
|
|
|
85
89
|
});
|
|
86
90
|
/**
|
|
87
91
|
* Styles for the expand icon slot
|
|
88
|
-
*/ const useMediaStyles = /*#__PURE__*/ (0, _react
|
|
92
|
+
*/ const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
89
93
|
base: {
|
|
90
94
|
mc9l5x: "f22iagw",
|
|
91
95
|
Bt984gj: "f122n59",
|
|
@@ -124,7 +128,7 @@ const treeItemPersonaLayoutClassNames = {
|
|
|
124
128
|
".ffczdla{padding-right:var(--spacingHorizontalXXS);}"
|
|
125
129
|
]
|
|
126
130
|
});
|
|
127
|
-
const useMainStyles = /*#__PURE__*/ (0, _react
|
|
131
|
+
const useMainStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
128
132
|
base: {
|
|
129
133
|
Ijaq50: "f17iroih",
|
|
130
134
|
Br312pm: "fppdkoh",
|
|
@@ -168,7 +172,7 @@ const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
168
172
|
".f1qch9an{padding-bottom:0;}"
|
|
169
173
|
]
|
|
170
174
|
});
|
|
171
|
-
const useDescriptionStyles = /*#__PURE__*/ (0, _react
|
|
175
|
+
const useDescriptionStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
172
176
|
base: {
|
|
173
177
|
Ijaq50: "ffekjdo",
|
|
174
178
|
Br312pm: "f12wtlaa",
|
|
@@ -209,7 +213,7 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
209
213
|
});
|
|
210
214
|
/**
|
|
211
215
|
* Styles for the action icon slot
|
|
212
|
-
*/ const useActionsStyles = /*#__PURE__*/ (0, _react
|
|
216
|
+
*/ const useActionsStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
213
217
|
base: {
|
|
214
218
|
mc9l5x: "f22iagw",
|
|
215
219
|
Frg6f3: [
|
|
@@ -252,7 +256,7 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
252
256
|
});
|
|
253
257
|
/**
|
|
254
258
|
* Styles for the action icon slot
|
|
255
|
-
*/ const useAsideStyles = /*#__PURE__*/ (0, _react
|
|
259
|
+
*/ const useAsideStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
256
260
|
base: {
|
|
257
261
|
mc9l5x: "f22iagw",
|
|
258
262
|
Frg6f3: [
|
|
@@ -299,7 +303,7 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
299
303
|
});
|
|
300
304
|
/**
|
|
301
305
|
* Styles for the expand icon slot
|
|
302
|
-
*/ const useExpandIconStyles = /*#__PURE__*/ (0, _react
|
|
306
|
+
*/ const useExpandIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
303
307
|
base: {
|
|
304
308
|
mc9l5x: "f22iagw",
|
|
305
309
|
Bt984gj: "f122n59",
|
package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f13qh94s\",\n wkccdc: \"f1y0tuzo\",\n Budl1dq: \"fellwe7\",\n zoa1oz: \"f1pam7zy\",\n Bt984gj: \"f122n59\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n zt0xaq: \"f5na5aj\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n tbva4x: \"f1oboesa\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n },\n branch: {\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f1y0tuzo{grid-template-rows:1fr auto;}\", \".fellwe7{grid-template-columns:auto auto 1fr auto;}\", \".f1pam7zy{grid-template-areas:\\\"expandIcon media main aside\\\" \\\"expandIcon media description aside\\\";}\", \".f122n59{align-items:center;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\",\n Ijaq50: \"f11uok23\",\n Br312pm: \"f1qdfnnj\",\n nk6f5a: \"f1s27gz\",\n Bw0ie65: \"f86d0yl\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f1qch9an{padding-bottom:0;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\nconst useMainStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"f17iroih\",\n Br312pm: \"fppdkoh\",\n nk6f5a: \"fsb8d6n\",\n Bw0ie65: \"f6k5g14\",\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n withDescription: {\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f17iroih{grid-row-start:main;}\", \".fppdkoh{grid-column-start:main;}\", \".fsb8d6n{grid-row-end:main;}\", \".f6k5g14{grid-column-end:main;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\nconst useDescriptionStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"ffekjdo\",\n Br312pm: \"f12wtlaa\",\n nk6f5a: \"f1blqr63\",\n Bw0ie65: \"f2ve1i\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".ffekjdo{grid-row-start:description;}\", \".f12wtlaa{grid-column-start:description;}\", \".f1blqr63{grid-row-end:description;}\", \".f2ve1i{grid-column-end:description;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n qhf8xq: \"f10pi13n\",\n Bj3rh1h: \"f19g0ac\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n Bt984gj: \"f122n59\",\n Bj3rh1h: \"f11zp4z2\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n Ijaq50: \"f1e6rimv\",\n Br312pm: \"f10hsf66\",\n nk6f5a: \"foflfm0\",\n Bw0ie65: \"f1b3ebjb\",\n Bh6795r: \"f1jhi6b8\",\n Bnnss6s: \"fi64zpg\",\n xawz: \"f1rmlqtg\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1e6rimv{grid-row-start:expandIcon;}\", \".f10hsf66{grid-column-start:expandIcon;}\", \".foflfm0{grid-row-end:expandIcon;}\", \".f1b3ebjb{grid-column-end:expandIcon;}\", \".f1jhi6b8{flex-grow:0;}\", \".fi64zpg{flex-shrink:0;}\", \".f1rmlqtg{flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const mediaStyles = useMediaStyles();\n const descriptionStyles = useDescriptionStyles();\n const actionsStyles = useActionsStyles();\n const asideStyles = useAsideStyles();\n const expandIconStyles = useExpandIconStyles();\n const mainStyles = useMainStyles();\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n if (state.main) {\n state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n }\n if (state.actions) {\n state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n }\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","wkccdc","Budl1dq","zoa1oz","Bt984gj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","lj723h","ecr2s2","zt0xaq","Bi91k9c","Jwef8y","tbva4x","leaf","uwmqm3","branch","d","a","h","useMediaStyles","a9b677","Bqenvij","Ijaq50","Br312pm","nk6f5a","Bw0ie65","z8tnut","z189sj","Byoj8tv","useMainStyles","withDescription","useDescriptionStyles","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","B7ck84d","sj55zd","Bh6795r","Bnnss6s","xawz","state","rootStyles","mediaStyles","descriptionStyles","actionsStyles","asideStyles","expandIconStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n root: 'fui-TreeItemPersonaLayout',\n media: 'fui-TreeItemPersonaLayout__media',\n description: 'fui-TreeItemPersonaLayout__description',\n main: 'fui-TreeItemPersonaLayout__main',\n expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n aside: 'fui-TreeItemPersonaLayout__aside',\n actions: 'fui-TreeItemPersonaLayout__actions',\n selector: 'fui-TreeItemPersonaLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f13qh94s\",\n wkccdc: \"f1y0tuzo\",\n Budl1dq: \"fellwe7\",\n zoa1oz: \"f1pam7zy\",\n Bt984gj: \"f122n59\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n zt0xaq: \"f5na5aj\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n tbva4x: \"f1oboesa\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n },\n branch: {\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f1y0tuzo{grid-template-rows:1fr auto;}\", \".fellwe7{grid-template-columns:auto auto 1fr auto;}\", \".f1pam7zy{grid-template-areas:\\\"expandIcon media main aside\\\" \\\"expandIcon media description aside\\\";}\", \".f122n59{align-items:center;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\",\n Ijaq50: \"f11uok23\",\n Br312pm: \"f1qdfnnj\",\n nk6f5a: \"f1s27gz\",\n Bw0ie65: \"f86d0yl\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fgiv446\", \"ffczdla\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f1qch9an{padding-bottom:0;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\nconst useMainStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"f17iroih\",\n Br312pm: \"fppdkoh\",\n nk6f5a: \"fsb8d6n\",\n Bw0ie65: \"f6k5g14\",\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n withDescription: {\n z8tnut: \"f1ngh7ph\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f17iroih{grid-row-start:main;}\", \".fppdkoh{grid-column-start:main;}\", \".fsb8d6n{grid-row-end:main;}\", \".f6k5g14{grid-column-end:main;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\nconst useDescriptionStyles = /*#__PURE__*/__styles({\n base: {\n Ijaq50: \"ffekjdo\",\n Br312pm: \"f12wtlaa\",\n nk6f5a: \"f1blqr63\",\n Bw0ie65: \"f2ve1i\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f5o476b\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".ffekjdo{grid-row-start:description;}\", \".f12wtlaa{grid-column-start:description;}\", \".f1blqr63{grid-row-end:description;}\", \".f2ve1i{grid-column-end:description;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n qhf8xq: \"f10pi13n\",\n Bj3rh1h: \"f19g0ac\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n Bt984gj: \"f122n59\",\n Bj3rh1h: \"f11zp4z2\",\n Ijaq50: \"fobksn0\",\n Br312pm: \"fmy5l6f\",\n nk6f5a: \"fzqypwc\",\n Bw0ie65: \"f1tmftl3\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n Ijaq50: \"f1e6rimv\",\n Br312pm: \"f10hsf66\",\n nk6f5a: \"foflfm0\",\n Bw0ie65: \"f1b3ebjb\",\n Bh6795r: \"f1jhi6b8\",\n Bnnss6s: \"fi64zpg\",\n xawz: \"f1rmlqtg\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1e6rimv{grid-row-start:expandIcon;}\", \".f10hsf66{grid-column-start:expandIcon;}\", \".foflfm0{grid-row-end:expandIcon;}\", \".f1b3ebjb{grid-column-end:expandIcon;}\", \".f1jhi6b8{flex-grow:0;}\", \".fi64zpg{flex-shrink:0;}\", \".f1rmlqtg{flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const mediaStyles = useMediaStyles();\n const descriptionStyles = useDescriptionStyles();\n const actionsStyles = useActionsStyles();\n const asideStyles = useAsideStyles();\n const expandIconStyles = useExpandIconStyles();\n const mainStyles = useMainStyles();\n const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);\n state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n if (state.main) {\n state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.description && mainStyles.withDescription, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n }\n if (state.actions) {\n state.actions.className = mergeClasses(treeItemPersonaLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);\n }\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n }\n if (state.selector) {\n state.selector.className = mergeClasses(treeItemPersonaLayoutClassNames.selector, state.selector.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","description","main","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","wkccdc","Budl1dq","zoa1oz","Bt984gj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","lj723h","ecr2s2","zt0xaq","Bi91k9c","Jwef8y","tbva4x","leaf","uwmqm3","branch","d","a","h","useMediaStyles","a9b677","Bqenvij","Ijaq50","Br312pm","nk6f5a","Bw0ie65","z8tnut","z189sj","Byoj8tv","useMainStyles","withDescription","useDescriptionStyles","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","B7ck84d","sj55zd","Bh6795r","Bnnss6s","xawz","state","rootStyles","mediaStyles","descriptionStyles","actionsStyles","asideStyles","expandIconStyles","mainStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./treeContext"), exports);
|
|
7
|
+
_export_star._(require("./treeItemContext"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
|