@fluentui/react-tree 9.0.0-beta.20 → 9.0.0-beta.21

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Tree, treeClassNames, renderTree_unstable, useTreeStyles_unstable, useTree_unstable, useTreeContextValues_unstable } from './Tree';\nexport { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';\nexport { treeItemLevelToken } from './utils/tokens';\nexport { TreeItem, treeItemClassNames, renderTreeItem_unstable, useTreeItemStyles_unstable, useTreeItem_unstable } from './TreeItem';\nexport { TreeItemLayout, treeItemLayoutClassNames, renderTreeItemLayout_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable } from './TreeItemLayout';\nexport { TreeItemPersonaLayout, treeItemPersonaLayoutClassNames, renderTreeItemPersonaLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable } from './TreeItemPersonaLayout';\nexport { TreeItemAside, treeItemAsideClassNames, renderTreeItemAside_unstable, useTreeItemAsideStyles_unstable, useTreeItemAside_unstable } from './TreeItemAside';\nexport { useFlatTree_unstable } from './hooks/index';\nexport { flattenTree_unstable } from './utils/flattenTree';\n"],"names":["Tree","treeClassNames","renderTree_unstable","useTreeStyles_unstable","useTree_unstable","useTreeContextValues_unstable","TreeProvider","useTreeContext_unstable","useTreeItemContext_unstable","TreeItemProvider","treeItemLevelToken","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItem_unstable","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","TreeItemAside","treeItemAsideClassNames","renderTreeItemAside_unstable","useTreeItemAsideStyles_unstable","useTreeItemAside_unstable","useFlatTree_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAAEC,6BAA6B,MAA7BA,mCAA6B;IAClHC,YAAY,MAAZA,sBAAY;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,2BAA2B,MAA3BA,qCAA2B;IAAEC,gBAAgB,MAAhBA,0BAAgB;IACpFC,kBAAkB,MAAlBA,0BAAkB;IAClBC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,cAAc,MAAdA,8BAAc;IAAEC,wBAAwB,MAAxBA,wCAAwB;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IACrIC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IAAEC,iCAAiC,MAAjCA,wDAAiC;IACxKC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAChIC,oBAAoB,MAApBA,2BAAoB;IACpBC,oBAAoB,MAApBA,iCAAoB;;sBARsG;0BAC9B;wBAClE;0BACqF;gCAC8B;uCACmC;+BACxC;uBAC5G;6BACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Tree, treeClassNames, renderTree_unstable, useTreeStyles_unstable, useTree_unstable, useTreeContextValues_unstable } from './Tree';\nexport { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';\nexport { treeItemLevelToken } from './utils/tokens';\nexport { TreeItem, treeItemClassNames, renderTreeItem_unstable, useTreeItemStyles_unstable, useTreeItem_unstable } from './TreeItem';\nexport { TreeItemLayout, treeItemLayoutClassNames, renderTreeItemLayout_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable } from './TreeItemLayout';\nexport { TreeItemPersonaLayout, treeItemPersonaLayoutClassNames, renderTreeItemPersonaLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable } from './TreeItemPersonaLayout';\nexport { useFlatTree_unstable } from './hooks/index';\nexport { flattenTree_unstable } from './utils/flattenTree';\n"],"names":["Tree","treeClassNames","renderTree_unstable","useTreeStyles_unstable","useTree_unstable","useTreeContextValues_unstable","TreeProvider","useTreeContext_unstable","useTreeItemContext_unstable","TreeItemProvider","treeItemLevelToken","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItem_unstable","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","useFlatTree_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAAEC,6BAA6B,MAA7BA,mCAA6B;IAClHC,YAAY,MAAZA,sBAAY;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,2BAA2B,MAA3BA,qCAA2B;IAAEC,gBAAgB,MAAhBA,0BAAgB;IACpFC,kBAAkB,MAAlBA,0BAAkB;IAClBC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,cAAc,MAAdA,8BAAc;IAAEC,wBAAwB,MAAxBA,wCAAwB;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IACrIC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IAAEC,iCAAiC,MAAjCA,wDAAiC;IACxKC,oBAAoB,MAApBA,2BAAoB;IACpBC,oBAAoB,MAApBA,iCAAoB;;sBAPsG;0BAC9B;wBAClE;0BACqF;gCAC8B;uCACmC;uBACpJ;6BACA"}

package/lib-commonjs/utils/createFlatTreeItems.js

@@ -1,4 +1,7 @@
-"use strict";
+/**
+ * creates a list of flat tree items
+ * and provides a map to access each item by id
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -13,8 +16,6 @@ _export(exports, {
     flatTreeRootId: ()=>flatTreeRootId,
     VisibleFlatTreeItemGenerator: ()=>VisibleFlatTreeItemGenerator
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function createFlatTreeItems(flatTreeItemProps) {
     const root = createFlatTreeRootItem();
     const itemsPerValue = new Map([
@@ -31,7 +32,7 @@ function createFlatTreeItems(flatTreeItemProps) {
         if (!currentParent) {
             if (process.env.NODE_ENV === 'development') {
                 // eslint-disable-next-line no-console
-                console.error(`useFlatTree: item ${flatTreeItemProps[index].id} is wrongly positioned, did you properly ordered provided item props? make sure provided items are organized`);
+                console.error(`useFlatTree: item ${flatTreeItemProps[index].value} is wrongly positioned, did you properly ordered provided item props? make sure provided items are organized`);
             }
             break;
         }
@@ -40,7 +41,6 @@ function createFlatTreeItems(flatTreeItemProps) {
         var _currentParent_level;
         const currentLevel = ((_currentParent_level = currentParent.level) !== null && _currentParent_level !== void 0 ? _currentParent_level : 0) + 1;
         const currentChildrenSize = ++currentParent.childrenSize;
-        const ref = /*#__PURE__*/ _react.createRef();
         const flatTreeItem = {
             value: treeItemProps.value,
             getTreeItemProps: ()=>({
@@ -48,11 +48,8 @@ function createFlatTreeItems(flatTreeItemProps) {
                     'aria-level': currentLevel,
                     'aria-posinset': currentChildrenSize,
                     'aria-setsize': currentParent.childrenSize,
-                    itemType,
-                    // a reference to every parent element is necessary to ensure navigation
-                    ref: flatTreeItem.childrenSize > 0 ? ref : undefined
+                    itemType
                 }),
-            ref,
             level: currentLevel,
             parentValue,
             childrenSize: 0,
@@ -73,17 +70,15 @@ function createFlatTreeItems(flatTreeItemProps) {
 const flatTreeRootId = '__fuiFlatTreeRoot';
 function createFlatTreeRootItem() {
     return {
-        ref: {
-            current: null
-        },
-        value: flatTreeRootId,
         parentValue: undefined,
+        value: flatTreeRootId,
         getTreeItemProps: ()=>{
             if (process.env.NODE_ENV !== 'production') {
                 // eslint-disable-next-line no-console
                 console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');
             }
             return {
+                id: flatTreeRootId,
                 value: flatTreeRootId,
                 'aria-setsize': -1,
                 'aria-level': -1,

package/lib-commonjs/utils/createFlatTreeItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createFlatTreeItems.js"],"sourcesContent":["import * as React from 'react';\n/**\n * creates a list of flat tree items\n * and provides a map to access each item by id\n */ export function createFlatTreeItems(flatTreeItemProps) {\n    const root = createFlatTreeRootItem();\n    const itemsPerValue = new Map([\n        [\n            root.value,\n            root\n        ]\n    ]);\n    const items = [];\n    for(let index = 0; index < flatTreeItemProps.length; index++){\n        const { parentValue =flatTreeRootId , ...treeItemProps } = flatTreeItemProps[index];\n        const nextItemProps = flatTreeItemProps[index + 1];\n        const currentParent = itemsPerValue.get(parentValue);\n        if (!currentParent) {\n            if (process.env.NODE_ENV === 'development') {\n                // eslint-disable-next-line no-console\n                console.error(`useFlatTree: item ${flatTreeItemProps[index].id} is wrongly positioned, did you properly ordered provided item props? make sure provided items are organized`);\n            }\n            break;\n        }\n        var _treeItemProps_itemType;\n        const itemType = (_treeItemProps_itemType = treeItemProps.itemType) !== null && _treeItemProps_itemType !== void 0 ? _treeItemProps_itemType : treeItemProps.value === undefined || (nextItemProps === null || nextItemProps === void 0 ? void 0 : nextItemProps.parentValue) !== treeItemProps.value ? 'leaf' : 'branch';\n        var _currentParent_level;\n        const currentLevel = ((_currentParent_level = currentParent.level) !== null && _currentParent_level !== void 0 ? _currentParent_level : 0) + 1;\n        const currentChildrenSize = ++currentParent.childrenSize;\n        const ref = React.createRef();\n        const flatTreeItem = {\n            value: treeItemProps.value,\n            getTreeItemProps: ()=>({\n                    ...treeItemProps,\n                    'aria-level': currentLevel,\n                    'aria-posinset': currentChildrenSize,\n                    'aria-setsize': currentParent.childrenSize,\n                    itemType,\n                    // a reference to every parent element is necessary to ensure navigation\n                    ref: flatTreeItem.childrenSize > 0 ? ref : undefined\n                }),\n            ref,\n            level: currentLevel,\n            parentValue,\n            childrenSize: 0,\n            index: -1\n        };\n        itemsPerValue.set(flatTreeItem.value, flatTreeItem);\n        items.push(flatTreeItem);\n    }\n    const flatTreeItems = {\n        root,\n        size: items.length,\n        getByIndex: (index)=>items[index],\n        get: (key)=>itemsPerValue.get(key),\n        set: (key, value)=>itemsPerValue.set(key, value)\n    };\n    return flatTreeItems;\n}\nexport const flatTreeRootId = '__fuiFlatTreeRoot';\nfunction createFlatTreeRootItem() {\n    return {\n        ref: {\n            current: null\n        },\n        value: flatTreeRootId,\n        parentValue: undefined,\n        getTreeItemProps: ()=>{\n            if (process.env.NODE_ENV !== 'production') {\n                // eslint-disable-next-line no-console\n                console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n            }\n            return {\n                value: flatTreeRootId,\n                'aria-setsize': -1,\n                'aria-level': -1,\n                'aria-posinset': -1,\n                itemType: 'branch'\n            };\n        },\n        childrenSize: 0,\n        get index () {\n            if (process.env.NODE_ENV !== 'production') {\n                // eslint-disable-next-line no-console\n                console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n            }\n            return -1;\n        },\n        level: 0\n    };\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function* VisibleFlatTreeItemGenerator(openItems, flatTreeItems) {\n    for(let index = 0, visibleIndex = 0; index < flatTreeItems.size; index++){\n        const item = flatTreeItems.getByIndex(index);\n        if (isItemVisible(item, openItems, flatTreeItems)) {\n            item.index = visibleIndex++;\n            yield item;\n        } else {\n            // Jump the amount of children the current item has, since those items will also be hidden\n            index += item.childrenSize;\n        }\n    }\n}\nfunction isItemVisible(item, openItems, flatTreeItems) {\n    if (item.level === 1) {\n        return true;\n    }\n    while(item.parentValue && item.parentValue !== flatTreeItems.root.value){\n        if (!openItems.has(item.parentValue)) {\n            return false;\n        }\n        const parent = flatTreeItems.get(item.parentValue);\n        if (!parent) {\n            return false;\n        }\n        item = parent;\n    }\n    return true;\n}\n"],"names":["createFlatTreeItems","flatTreeRootId","VisibleFlatTreeItemGenerator","flatTreeItemProps","root","createFlatTreeRootItem","itemsPerValue","Map","value","items","index","length","parentValue","treeItemProps","nextItemProps","currentParent","get","process","env","NODE_ENV","console","error","id","_treeItemProps_itemType","itemType","undefined","_currentParent_level","currentLevel","level","currentChildrenSize","childrenSize","ref","React","createRef","flatTreeItem","getTreeItemProps","set","push","flatTreeItems","size","getByIndex","key","current","openItems","visibleIndex","item","isItemVisible","has","parent"],"mappings":"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"}
+{"version":3,"sources":["createFlatTreeItems.js"],"sourcesContent":["/**\n * creates a list of flat tree items\n * and provides a map to access each item by id\n */ export function createFlatTreeItems(flatTreeItemProps) {\n    const root = createFlatTreeRootItem();\n    const itemsPerValue = new Map([\n        [\n            root.value,\n            root\n        ]\n    ]);\n    const items = [];\n    for(let index = 0; index < flatTreeItemProps.length; index++){\n        const { parentValue =flatTreeRootId , ...treeItemProps } = flatTreeItemProps[index];\n        const nextItemProps = flatTreeItemProps[index + 1];\n        const currentParent = itemsPerValue.get(parentValue);\n        if (!currentParent) {\n            if (process.env.NODE_ENV === 'development') {\n                // eslint-disable-next-line no-console\n                console.error(`useFlatTree: item ${flatTreeItemProps[index].value} is wrongly positioned, did you properly ordered provided item props? make sure provided items are organized`);\n            }\n            break;\n        }\n        var _treeItemProps_itemType;\n        const itemType = (_treeItemProps_itemType = treeItemProps.itemType) !== null && _treeItemProps_itemType !== void 0 ? _treeItemProps_itemType : treeItemProps.value === undefined || (nextItemProps === null || nextItemProps === void 0 ? void 0 : nextItemProps.parentValue) !== treeItemProps.value ? 'leaf' : 'branch';\n        var _currentParent_level;\n        const currentLevel = ((_currentParent_level = currentParent.level) !== null && _currentParent_level !== void 0 ? _currentParent_level : 0) + 1;\n        const currentChildrenSize = ++currentParent.childrenSize;\n        const flatTreeItem = {\n            value: treeItemProps.value,\n            getTreeItemProps: ()=>({\n                    ...treeItemProps,\n                    'aria-level': currentLevel,\n                    'aria-posinset': currentChildrenSize,\n                    'aria-setsize': currentParent.childrenSize,\n                    itemType\n                }),\n            level: currentLevel,\n            parentValue,\n            childrenSize: 0,\n            index: -1\n        };\n        itemsPerValue.set(flatTreeItem.value, flatTreeItem);\n        items.push(flatTreeItem);\n    }\n    const flatTreeItems = {\n        root,\n        size: items.length,\n        getByIndex: (index)=>items[index],\n        get: (key)=>itemsPerValue.get(key),\n        set: (key, value)=>itemsPerValue.set(key, value)\n    };\n    return flatTreeItems;\n}\nexport const flatTreeRootId = '__fuiFlatTreeRoot';\nfunction createFlatTreeRootItem() {\n    return {\n        parentValue: undefined,\n        value: flatTreeRootId,\n        getTreeItemProps: ()=>{\n            if (process.env.NODE_ENV !== 'production') {\n                // eslint-disable-next-line no-console\n                console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n            }\n            return {\n                id: flatTreeRootId,\n                value: flatTreeRootId,\n                'aria-setsize': -1,\n                'aria-level': -1,\n                'aria-posinset': -1,\n                itemType: 'branch'\n            };\n        },\n        childrenSize: 0,\n        get index () {\n            if (process.env.NODE_ENV !== 'production') {\n                // eslint-disable-next-line no-console\n                console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n            }\n            return -1;\n        },\n        level: 0\n    };\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function* VisibleFlatTreeItemGenerator(openItems, flatTreeItems) {\n    for(let index = 0, visibleIndex = 0; index < flatTreeItems.size; index++){\n        const item = flatTreeItems.getByIndex(index);\n        if (isItemVisible(item, openItems, flatTreeItems)) {\n            item.index = visibleIndex++;\n            yield item;\n        } else {\n            // Jump the amount of children the current item has, since those items will also be hidden\n            index += item.childrenSize;\n        }\n    }\n}\nfunction isItemVisible(item, openItems, flatTreeItems) {\n    if (item.level === 1) {\n        return true;\n    }\n    while(item.parentValue && item.parentValue !== flatTreeItems.root.value){\n        if (!openItems.has(item.parentValue)) {\n            return false;\n        }\n        const parent = flatTreeItems.get(item.parentValue);\n        if (!parent) {\n            return false;\n        }\n        item = parent;\n    }\n    return true;\n}\n"],"names":["createFlatTreeItems","flatTreeRootId","VisibleFlatTreeItemGenerator","flatTreeItemProps","root","createFlatTreeRootItem","itemsPerValue","Map","value","items","index","length","parentValue","treeItemProps","nextItemProps","currentParent","get","process","env","NODE_ENV","console","error","_treeItemProps_itemType","itemType","undefined","_currentParent_level","currentLevel","level","currentChildrenSize","childrenSize","flatTreeItem","getTreeItemProps","set","push","flatTreeItems","size","getByIndex","key","id","openItems","visibleIndex","item","isItemVisible","has","parent"],"mappings":"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"}

package/lib-commonjs/utils/getTreeItemValueFromElement.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dataTreeItemValueAttrName: ()=>dataTreeItemValueAttrName,
+    getTreeItemValueFromElement: ()=>getTreeItemValueFromElement
+});
+const dataTreeItemValueAttrName = 'data-fui-tree-item-value';
+const getTreeItemValueFromElement = (element)=>{
+    return element.getAttribute(dataTreeItemValueAttrName);
+};

package/lib-commonjs/utils/getTreeItemValueFromElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getTreeItemValueFromElement.js"],"sourcesContent":["export const dataTreeItemValueAttrName = 'data-fui-tree-item-value';\nexport const getTreeItemValueFromElement = (element)=>{\n    return element.getAttribute(dataTreeItemValueAttrName);\n};\n"],"names":["dataTreeItemValueAttrName","getTreeItemValueFromElement","element","getAttribute"],"mappings":";;;;;;;;;;;IAAaA,yBAAyB,MAAzBA;IACAC,2BAA2B,MAA3BA;;AADN,MAAMD,4BAA4B;AAClC,MAAMC,8BAA8B,CAACC,UAAU;IAClD,OAAOA,QAAQC,YAAY,CAACH;AAChC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tree",
-  "version": "9.0.0-beta.20",
+  "version": "9.0.0-beta.21",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -38,13 +38,13 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
     "@fluentui/react-aria": "^9.3.24",
-    "@fluentui/react-avatar": "^9.5.7",
-    "@fluentui/react-button": "^9.3.18",
+    "@fluentui/react-avatar": "^9.5.8",
+    "@fluentui/react-button": "^9.3.19",
     "@fluentui/react-context-selector": "^9.1.24",
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/react-portal": "^9.2.14",
+    "@fluentui/react-portal": "^9.2.15",
     "@fluentui/react-shared-contexts": "^9.5.1",
-    "@fluentui/react-tabster": "^9.8.1",
+    "@fluentui/react-tabster": "^9.9.0",
     "@fluentui/react-theme": "^9.1.9",
     "@fluentui/react-utilities": "^9.9.4",
     "@fluentui/react-jsx-runtime": "9.0.0-alpha.8",

package/lib/TreeItemAside.js

@@ -1 +0,0 @@
-export * from './components/TreeItemAside/index';

package/lib/TreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TreeItemAside.ts"],"sourcesContent":["export * from './components/TreeItemAside/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}

package/lib/components/TreeItemAside/TreeItemAside.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { useTreeItemAside_unstable } from './useTreeItemAside';
-import { renderTreeItemAside_unstable } from './renderTreeItemAside';
-import { useTreeItemAsideStyles_unstable } from './useTreeItemAsideStyles.styles';
-/**
- * TreeItemAside component - represents a custom set of actionable elements that will be visible when a certain
- * `TreeItem` is currently "active".
- */ export const TreeItemAside = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useTreeItemAside_unstable(props, ref);
-    useTreeItemAsideStyles_unstable(state);
-    return renderTreeItemAside_unstable(state);
-});
-TreeItemAside.displayName = 'TreeItemAside';

package/lib/components/TreeItemAside/TreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TreeItemAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemAside_unstable } from './useTreeItemAside';\nimport { renderTreeItemAside_unstable } from './renderTreeItemAside';\nimport { useTreeItemAsideStyles_unstable } from './useTreeItemAsideStyles.styles';\nimport type { TreeItemAsideProps } from './TreeItemAside.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * TreeItemAside component - represents a custom set of actionable elements that will be visible when a certain\n * `TreeItem` is currently \"active\".\n */\nexport const TreeItemAside: ForwardRefComponent<TreeItemAsideProps> = React.forwardRef((props, ref) => {\n  const state = useTreeItemAside_unstable(props, ref);\n\n  useTreeItemAsideStyles_unstable(state);\n  return renderTreeItemAside_unstable(state);\n});\n\nTreeItemAside.displayName = 'TreeItemAside';\n"],"names":["React","useTreeItemAside_unstable","renderTreeItemAside_unstable","useTreeItemAsideStyles_unstable","TreeItemAside","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;;CAGC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/TreeItemAside/TreeItemAside.types.js

@@ -1 +0,0 @@
-export { };

package/lib/components/TreeItemAside/TreeItemAside.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TreeItemAside.types.ts"],"sourcesContent":["import { ButtonContextValue } from '@fluentui/react-button';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TreeItemAsideSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TreeItemAside Props\n */\nexport type TreeItemAsideProps = ComponentProps<TreeItemAsideSlots> & {\n  /**\n   * boolean indicating if the aside content should behave as \"actions\"\n   *\n   * actionable elements are normally buttons, menus, or other focusable elements.\n   * Those elements are only visibly available if the given tree item is currently active.\n   */\n  actions?: boolean;\n  /**\n   * Forces visibility of the aside content, even if they're actions\n   */\n  visible?: true;\n};\n\n/**\n * State used in rendering TreeItemAside\n */\nexport type TreeItemAsideState = ComponentState<TreeItemAsideSlots> & {\n  actions: boolean;\n  visible: boolean;\n  buttonContextValue: ButtonContextValue;\n};\n"],"names":[],"mappings":"AAAA,WA+BE"}

package/lib/components/TreeItemAside/index.js

@@ -1,5 +0,0 @@
-export * from './TreeItemAside';
-export * from './TreeItemAside.types';
-export * from './renderTreeItemAside';
-export * from './useTreeItemAside';
-export * from './useTreeItemAsideStyles.styles';

package/lib/components/TreeItemAside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TreeItemAside';\nexport * from './TreeItemAside.types';\nexport * from './renderTreeItemAside';\nexport * from './useTreeItemAside';\nexport * from './useTreeItemAsideStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/TreeItemAside/renderTreeItemAside.js

@@ -1,14 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
-import { ButtonContextProvider } from '@fluentui/react-button';
-/**
- * Render the final JSX of TreeItemAside
- */ export const renderTreeItemAside_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    if (!state.visible) {
-        return null;
-    }
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(ButtonContextProvider, {
-        value: state.buttonContextValue
-    }, slotProps.root.children));
-};

package/lib/components/TreeItemAside/renderTreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderTreeItemAside.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\nimport type { TreeItemAsideState, TreeItemAsideSlots } from './TreeItemAside.types';\n\n/**\n * Render the final JSX of TreeItemAside\n */\nexport const renderTreeItemAside_unstable = (state: TreeItemAsideState) => {\n  const { slots, slotProps } = getSlotsNext<TreeItemAsideSlots>(state);\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <slots.root {...slotProps.root}>\n      <ButtonContextProvider value={state.buttonContextValue}>{slotProps.root.children}</ButtonContextProvider>\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","ButtonContextProvider","renderTreeItemAside_unstable","state","slots","slotProps","visible","root","value","buttonContextValue","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAG/D;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGL,aAAiCG;IAE9D,IAAI,CAACA,MAAMG,OAAO,EAAE;QAClB,OAAO,IAAI;IACb,CAAC;IAED,qBACE,AAlBJ,cAkBKF,MAAMG,IAAI,EAAKF,UAAUE,IAAI,gBAC5B,AAnBN,cAmBON;QAAsBO,OAAOL,MAAMM,kBAAkB;OAAGJ,UAAUE,IAAI,CAACG,QAAQ;AAGtF,EAAE"}

package/lib/components/TreeItemAside/useTreeItemAside.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';
-import { useTreeItemContext_unstable } from '../../contexts/treeItemContext';
-/**
- * Create the state required to render TreeItemAside.
- *
- * The returned state can be modified with hooks such as useTreeItemAsideStyles_unstable,
- * before being passed to renderTreeItemAside_unstable.
- *
- * @param props - props from this instance of TreeItemAside
- * @param ref - reference to root HTMLElement of TreeItemAside
- */ export const useTreeItemAside_unstable = (props, ref)=>{
-    const actionsRef = useTreeItemContext_unstable((ctx)=>ctx.actionsRef);
-    const contextVisible = useTreeItemContext_unstable((ctx)=>props.actions ? ctx.isActionsVisible : ctx.isAsideVisible);
-    const { actions =false , visible =contextVisible  } = props;
-    return {
-        actions,
-        visible,
-        buttonContextValue: {
-            size: 'small'
-        },
-        components: {
-            root: 'div'
-        },
-        root: getNativeElementProps('div', {
-            ref: useMergedRefs(ref, actions ? actionsRef : undefined),
-            ...props
-        })
-    };
-};

package/lib/components/TreeItemAside/useTreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useTreeItemAside.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TreeItemAsideProps, TreeItemAsideState } from './TreeItemAside.types';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n\n/**\n * Create the state required to render TreeItemAside.\n *\n * The returned state can be modified with hooks such as useTreeItemAsideStyles_unstable,\n * before being passed to renderTreeItemAside_unstable.\n *\n * @param props - props from this instance of TreeItemAside\n * @param ref - reference to root HTMLElement of TreeItemAside\n */\nexport const useTreeItemAside_unstable = (\n  props: TreeItemAsideProps,\n  ref: React.Ref<HTMLElement>,\n): TreeItemAsideState => {\n  const actionsRef = useTreeItemContext_unstable(ctx => ctx.actionsRef);\n  const contextVisible = useTreeItemContext_unstable(ctx =>\n    props.actions ? ctx.isActionsVisible : ctx.isAsideVisible,\n  );\n  const { actions = false, visible = contextVisible } = props;\n\n  return {\n    actions,\n    visible,\n    buttonContextValue: { size: 'small' },\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref: useMergedRefs(ref, actions ? actionsRef : undefined),\n      ...props,\n    }),\n  };\n};\n"],"names":["React","getNativeElementProps","useMergedRefs","useTreeItemContext_unstable","useTreeItemAside_unstable","props","ref","actionsRef","ctx","contextVisible","actions","isActionsVisible","isAsideVisible","visible","buttonContextValue","size","components","root","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,4BAA4B;AAEjF,SAASC,2BAA2B,QAAQ,iCAAiC;AAE7E;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAMC,aAAaJ,4BAA4BK,CAAAA,MAAOA,IAAID,UAAU;IACpE,MAAME,iBAAiBN,4BAA4BK,CAAAA,MACjDH,MAAMK,OAAO,GAAGF,IAAIG,gBAAgB,GAAGH,IAAII,cAAc;IAE3D,MAAM,EAAEF,SAAU,KAAK,CAAA,EAAEG,SAAUJ,eAAc,EAAE,GAAGJ;IAEtD,OAAO;QACLK;QACAG;QACAC,oBAAoB;YAAEC,MAAM;QAAQ;QACpCC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMhB,sBAAsB,OAAO;YACjCK,KAAKJ,cAAcI,KAAKI,UAAUH,aAAaW,SAAS;YACxD,GAAGb,KAAK;QACV;IACF;AACF,EAAE"}

package/lib/components/TreeItemAside/useTreeItemAsideStyles.styles.js

@@ -1,47 +0,0 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-export const treeItemAsideClassNames = {
-  root: 'fui-TreeItemAside'
-};
-/**
- * Styles for the action icon slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Frg6f3: ["fcgxt0o", "f1ujusj6"],
-    Ijaq50: "fobksn0",
-    Br312pm: "fmy5l6f",
-    nk6f5a: "fzqypwc",
-    Bw0ie65: "f1tmftl3"
-  },
-  actions: {
-    qhf8xq: "f10pi13n",
-    Bj3rh1h: "f19g0ac",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["f1vdfbxk", "f1f5gg8d"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"]
-  },
-  aside: {
-    Bt984gj: "f122n59",
-    Bj3rh1h: "f11zp4z2",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fw5db7e", "f1uw59to"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1uw59to", "fw5db7e"],
-    i8kkvl: "f1ufnopg",
-    Belr9w4: "f14sijuj"
-  }
-}, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}", ".fobksn0{grid-row-start:aside;}", ".fmy5l6f{grid-column-start:aside;}", ".fzqypwc{grid-row-end:aside;}", ".f1tmftl3{grid-column-end:aside;}", ".f10pi13n{position:relative;}", ".f19g0ac{z-index:1;}", ".f1g0x7ka{padding-top:0;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1qch9an{padding-bottom:0;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f11zp4z2{z-index:0;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"]
-});
-/**
- * Apply styling to the TreeItemAside slots based on the state
- */
-export const useTreeItemAsideStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = mergeClasses(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);
-  return state;
-};
-//# sourceMappingURL=useTreeItemAsideStyles.styles.js.map

package/lib/components/TreeItemAside/useTreeItemAsideStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","treeItemAsideClassNames","root","useStyles","base","mc9l5x","Frg6f3","Ijaq50","Br312pm","nk6f5a","Bw0ie65","actions","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","uwmqm3","aside","Bt984gj","i8kkvl","Belr9w4","d","useTreeItemAsideStyles_unstable","state","styles","className"],"sources":["useTreeItemAsideStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const treeItemAsideClassNames = {\n    root: 'fui-TreeItemAside'\n};\n/**\n * Styles for the action icon slot\n */ const useStyles = makeStyles({\n    base: {\n        display: 'flex',\n        marginLeft: 'auto',\n        ...shorthands.gridArea('aside')\n    },\n    actions: {\n        position: 'relative',\n        zIndex: 1,\n        ...shorthands.padding(0, tokens.spacingHorizontalS)\n    },\n    aside: {\n        alignItems: 'center',\n        zIndex: 0,\n        ...shorthands.padding(0, tokens.spacingHorizontalM),\n        ...shorthands.gap(tokens.spacingHorizontalXS)\n    }\n});\n/**\n * Apply styling to the TreeItemAside slots based on the state\n */ export const useTreeItemAsideStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAiBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1BqB,KAAK,CAACtB,IAAI,CAACwB,SAAS,GAAG5B,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEuB,MAAM,CAACrB,IAAI,EAAEoB,KAAK,CAACb,OAAO,GAAGc,MAAM,CAACd,OAAO,GAAGc,MAAM,CAACP,KAAK,EAAEM,KAAK,CAACtB,IAAI,CAACwB,SAAS,CAAC;EACnJ,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/TreeItemAside.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/TreeItemAside/index"), exports);

package/lib-commonjs/TreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TreeItemAside.js"],"sourcesContent":["export * from './components/TreeItemAside/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/components/TreeItemAside/TreeItemAside.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TreeItemAside", {
-    enumerable: true,
-    get: ()=>TreeItemAside
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useTreeItemAside = require("./useTreeItemAside");
-const _renderTreeItemAside = require("./renderTreeItemAside");
-const _useTreeItemAsideStylesStyles = require("./useTreeItemAsideStyles.styles");
-const TreeItemAside = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useTreeItemAside.useTreeItemAside_unstable)(props, ref);
-    (0, _useTreeItemAsideStylesStyles.useTreeItemAsideStyles_unstable)(state);
-    return (0, _renderTreeItemAside.renderTreeItemAside_unstable)(state);
-});
-TreeItemAside.displayName = 'TreeItemAside';

package/lib-commonjs/components/TreeItemAside/TreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TreeItemAside.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemAside_unstable } from './useTreeItemAside';\nimport { renderTreeItemAside_unstable } from './renderTreeItemAside';\nimport { useTreeItemAsideStyles_unstable } from './useTreeItemAsideStyles.styles';\n/**\n * TreeItemAside component - represents a custom set of actionable elements that will be visible when a certain\n * `TreeItem` is currently \"active\".\n */ export const TreeItemAside = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTreeItemAside_unstable(props, ref);\n    useTreeItemAsideStyles_unstable(state);\n    return renderTreeItemAside_unstable(state);\n});\nTreeItemAside.displayName = 'TreeItemAside';\n"],"names":["TreeItemAside","React","forwardRef","props","ref","state","useTreeItemAside_unstable","useTreeItemAsideStyles_unstable","renderTreeItemAside_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;kCACmB;qCACG;8CACG;AAIrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACxC;AACAL,cAAcS,WAAW,GAAG"}

package/lib-commonjs/components/TreeItemAside/TreeItemAside.types.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/lib-commonjs/components/TreeItemAside/TreeItemAside.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/TreeItemAside/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./TreeItemAside"), exports);
-_exportStar(require("./TreeItemAside.types"), exports);
-_exportStar(require("./renderTreeItemAside"), exports);
-_exportStar(require("./useTreeItemAside"), exports);
-_exportStar(require("./useTreeItemAsideStyles.styles"), exports);

package/lib-commonjs/components/TreeItemAside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TreeItemAside';\nexport * from './TreeItemAside.types';\nexport * from './renderTreeItemAside';\nexport * from './useTreeItemAside';\nexport * from './useTreeItemAsideStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/TreeItemAside/renderTreeItemAside.js

@@ -1,20 +0,0 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderTreeItemAside_unstable", {
-    enumerable: true,
-    get: ()=>renderTreeItemAside_unstable
-});
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactButton = require("@fluentui/react-button");
-const renderTreeItemAside_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    if (!state.visible) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
-        value: state.buttonContextValue
-    }, slotProps.root.children));
-};

package/lib-commonjs/components/TreeItemAside/renderTreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderTreeItemAside.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemAside\n */ export const renderTreeItemAside_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    if (!state.visible) {\n        return null;\n    }\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slotProps.root.children));\n};\n"],"names":["renderTreeItemAside_unstable","state","slots","slotProps","getSlotsNext","visible","createElement","root","ButtonContextProvider","value","buttonContextValue","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;6BACS;AAG3B,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,IAAI,CAACA,MAAMI,OAAO,EAAE;QAChB,OAAO,IAAI;IACf,CAAC;IACD,OAAO,WAAW,GAAGC,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,kCAAqB,EAAE;QAC9GC,OAAOR,MAAMS,kBAAkB;IACnC,GAAGP,UAAUI,IAAI,CAACI,QAAQ;AAC9B"}

package/lib-commonjs/components/TreeItemAside/useTreeItemAside.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useTreeItemAside_unstable", {
-    enumerable: true,
-    get: ()=>useTreeItemAside_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _treeItemContext = require("../../contexts/treeItemContext");
-const useTreeItemAside_unstable = (props, ref)=>{
-    const actionsRef = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.actionsRef);
-    const contextVisible = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>props.actions ? ctx.isActionsVisible : ctx.isAsideVisible);
-    const { actions =false , visible =contextVisible  } = props;
-    return {
-        actions,
-        visible,
-        buttonContextValue: {
-            size: 'small'
-        },
-        components: {
-            root: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref: (0, _reactUtilities.useMergedRefs)(ref, actions ? actionsRef : undefined),
-            ...props
-        })
-    };
-};

package/lib-commonjs/components/TreeItemAside/useTreeItemAside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useTreeItemAside.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n/**\n * Create the state required to render TreeItemAside.\n *\n * The returned state can be modified with hooks such as useTreeItemAsideStyles_unstable,\n * before being passed to renderTreeItemAside_unstable.\n *\n * @param props - props from this instance of TreeItemAside\n * @param ref - reference to root HTMLElement of TreeItemAside\n */ export const useTreeItemAside_unstable = (props, ref)=>{\n    const actionsRef = useTreeItemContext_unstable((ctx)=>ctx.actionsRef);\n    const contextVisible = useTreeItemContext_unstable((ctx)=>props.actions ? ctx.isActionsVisible : ctx.isAsideVisible);\n    const { actions =false , visible =contextVisible  } = props;\n    return {\n        actions,\n        visible,\n        buttonContextValue: {\n            size: 'small'\n        },\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref: useMergedRefs(ref, actions ? actionsRef : undefined),\n            ...props\n        })\n    };\n};\n"],"names":["useTreeItemAside_unstable","props","ref","actionsRef","useTreeItemContext_unstable","ctx","contextVisible","actions","isActionsVisible","isAsideVisible","visible","buttonContextValue","size","components","root","getNativeElementProps","useMergedRefs","undefined"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCAC8B;iCACT;AASjC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAMC,aAAaC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACpE,MAAMG,iBAAiBF,IAAAA,4CAA2B,EAAC,CAACC,MAAMJ,MAAMM,OAAO,GAAGF,IAAIG,gBAAgB,GAAGH,IAAII,cAAc;IACnH,MAAM,EAAEF,SAAS,KAAK,CAAA,EAAGG,SAASJ,eAAc,EAAG,GAAGL;IACtD,OAAO;QACHM;QACAG;QACAC,oBAAoB;YAChBC,MAAM;QACV;QACAC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/Bb,KAAKc,IAAAA,6BAAa,EAACd,KAAKK,UAAUJ,aAAac,SAAS;YACxD,GAAGhB,KAAK;QACZ;IACJ;AACJ"}

package/lib-commonjs/components/TreeItemAside/useTreeItemAsideStyles.styles.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    treeItemAsideClassNames: ()=>treeItemAsideClassNames,
-    useTreeItemAsideStyles_unstable: ()=>useTreeItemAsideStyles_unstable
-});
-const _react = require("@griffel/react");
-const treeItemAsideClassNames = {
-    root: 'fui-TreeItemAside'
-};
-/**
- * Styles for the action icon slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        mc9l5x: "f22iagw",
-        Frg6f3: [
-            "fcgxt0o",
-            "f1ujusj6"
-        ],
-        Ijaq50: "fobksn0",
-        Br312pm: "fmy5l6f",
-        nk6f5a: "fzqypwc",
-        Bw0ie65: "f1tmftl3"
-    },
-    actions: {
-        qhf8xq: "f10pi13n",
-        Bj3rh1h: "f19g0ac",
-        z8tnut: "f1g0x7ka",
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ],
-        Byoj8tv: "f1qch9an",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ]
-    },
-    aside: {
-        Bt984gj: "f122n59",
-        Bj3rh1h: "f11zp4z2",
-        z8tnut: "f1g0x7ka",
-        z189sj: [
-            "fw5db7e",
-            "f1uw59to"
-        ],
-        Byoj8tv: "f1qch9an",
-        uwmqm3: [
-            "f1uw59to",
-            "fw5db7e"
-        ],
-        i8kkvl: "f1ufnopg",
-        Belr9w4: "f14sijuj"
-    }
-}, {
-    d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".fcgxt0o{margin-left:auto;}",
-        ".f1ujusj6{margin-right:auto;}",
-        ".fobksn0{grid-row-start:aside;}",
-        ".fmy5l6f{grid-column-start:aside;}",
-        ".fzqypwc{grid-row-end:aside;}",
-        ".f1tmftl3{grid-column-end:aside;}",
-        ".f10pi13n{position:relative;}",
-        ".f19g0ac{z-index:1;}",
-        ".f1g0x7ka{padding-top:0;}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".f1qch9an{padding-bottom:0;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".f11zp4z2{z-index:0;}",
-        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
-        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
-        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
-        ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
-    ]
-});
-const useTreeItemAsideStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);
-    return state;
-}; //# sourceMappingURL=useTreeItemAsideStyles.styles.js.map

package/lib-commonjs/components/TreeItemAside/useTreeItemAsideStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useTreeItemAsideStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const treeItemAsideClassNames = {\n  root: 'fui-TreeItemAside'\n};\n/**\n * Styles for the action icon slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\"\n  },\n  actions: {\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  aside: {\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemAside slots based on the state\n */\nexport const useTreeItemAsideStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTreeItemAsideStyles.styles.js.map"],"names":["treeItemAsideClassNames","useTreeItemAsideStyles_unstable","root","useStyles","__styles","base","mc9l5x","Frg6f3","Ijaq50","Br312pm","nk6f5a","Bw0ie65","actions","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","uwmqm3","aside","Bt984gj","i8kkvl","Belr9w4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAuCAC,+BAA+B,MAA/BA;;uBAzCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACPC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,OAAO;QACLC,SAAS;QACTN,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BG,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA+B;QAAiC;QAAmC;QAAsC;QAAiC;QAAqC;QAAiC;QAAwB;QAA6B;QAAuD;QAAsD;QAAgC;QAA2G;QAAyB;QAAsD;QAAsD;QAAmG;KAAiD;AACp5B;AAIO,MAAMtB,kCAAkCuB,CAAAA,QAAS;IACtD,MAAMC,SAAStB;IACfqB,MAAMtB,IAAI,CAACwB,SAAS,GAAGC,IAAAA,mBAAY,EAAC3B,wBAAwBE,IAAI,EAAEuB,OAAOpB,IAAI,EAAEmB,MAAMZ,OAAO,GAAGa,OAAOb,OAAO,GAAGa,OAAON,KAAK,EAAEK,MAAMtB,IAAI,CAACwB,SAAS;IAClJ,OAAOF;AACT,GACA,yDAAyD"}