@fluentui/react-tree 9.0.0-beta.4 → 9.0.0-beta.6

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

@@ -1,20 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TreeItemLayout", {
+    enumerable: true,
+    get: ()=>TreeItemLayout
 });
-exports.TreeItemLayout = void 0;
-const React = /*#__PURE__*/require("react");
-const useTreeItemLayout_1 = /*#__PURE__*/require("./useTreeItemLayout");
-const renderTreeItemLayout_1 = /*#__PURE__*/require("./renderTreeItemLayout");
-const useTreeItemLayoutStyles_1 = /*#__PURE__*/require("./useTreeItemLayoutStyles");
-/**
- * TreeItemLayout component - TODO: add more docs
- */
-exports.TreeItemLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTreeItemLayout_1.useTreeItemLayout_unstable(props, ref);
-  useTreeItemLayoutStyles_1.useTreeItemLayoutStyles_unstable(state);
-  return renderTreeItemLayout_1.renderTreeItemLayout_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTreeItemLayout = require("./useTreeItemLayout");
+const _renderTreeItemLayout = require("./renderTreeItemLayout");
+const _useTreeItemLayoutStyles = require("./useTreeItemLayoutStyles");
+const TreeItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTreeItemLayout.useTreeItemLayout_unstable)(props, ref);
+    (0, _useTreeItemLayoutStyles.useTreeItemLayoutStyles_unstable)(state);
+    return (0, _renderTreeItemLayout.renderTreeItemLayout_unstable)(state);
 });
-exports.TreeItemLayout.displayName = 'TreeItemLayout';
+TreeItemLayout.displayName = 'TreeItemLayout'; //# sourceMappingURL=TreeItemLayout.js.map
+
 //# sourceMappingURL=TreeItemLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTreeItemLayout_1","renderTreeItemLayout_1","useTreeItemLayoutStyles_1","exports","TreeItemLayout","forwardRef","props","ref","state","useTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","renderTreeItemLayout_unstable","displayName"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemLayout_unstable } from './useTreeItemLayout';\nimport { renderTreeItemLayout_unstable } from './renderTreeItemLayout';\nimport { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles';\nimport type { TreeItemLayoutProps } from './TreeItemLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * TreeItemLayout component - TODO: add more docs\n */\nexport const TreeItemLayout: ForwardRefComponent<TreeItemLayoutProps> = React.forwardRef((props, ref) => {\n  const state = useTreeItemLayout_unstable(props, ref);\n\n  useTreeItemLayoutStyles_unstable(state);\n  return renderTreeItemLayout_unstable(state);\n});\n\nTreeItemLayout.displayName = 'TreeItemLayout';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,sBAAA,gBAAAF,OAAA;AACA,MAAAG,yBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,cAAc,gBAA6CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGR,mBAAA,CAAAS,0BAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDL,yBAAA,CAAAQ,gCAAgC,CAACF,KAAK,CAAC;EACvC,OAAOP,sBAAA,CAAAU,6BAA6B,CAACH,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFL,OAAA,CAAAC,cAAc,CAACQ,WAAW,GAAG,gBAAgB"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/TreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemLayout_unstable } from './useTreeItemLayout';\nimport { renderTreeItemLayout_unstable } from './renderTreeItemLayout';\nimport { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles';\n/**\n * TreeItemLayout component - TODO: add more docs\n */\nexport const TreeItemLayout = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTreeItemLayout_unstable(props, ref);\n  useTreeItemLayoutStyles_unstable(state);\n  return renderTreeItemLayout_unstable(state);\n});\nTreeItemLayout.displayName = 'TreeItemLayout';\n//# sourceMappingURL=TreeItemLayout.js.map"],"names":["TreeItemLayout","React","forwardRef","props","ref","state","useTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","renderTreeItemLayout_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;mCACoB;sCACG;yCACG;AAI1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACvC;AACAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=TreeItemLayout.types.js.map
+
 //# sourceMappingURL=TreeItemLayout.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TreeItemContextValue } from '../../contexts/treeItemContext';\n\nexport type TreeItemLayoutSlots = {\n  root: Slot<'div'>;\n  /**\n   * Icon slot that renders right before main content\n   */\n  iconBefore?: Slot<'span'>;\n  /**\n   * Icon slot that renders right after main content\n   */\n  iconAfter?: Slot<'span'>;\n  aside?: Slot<'span'>;\n};\n\n/**\n * TreeItemLayout Props\n */\nexport type TreeItemLayoutProps = ComponentProps<Partial<TreeItemLayoutSlots>>;\n\n/**\n * State used in rendering TreeItemLayout\n */\nexport type TreeItemLayoutState = ComponentState<TreeItemLayoutSlots> & TreeItemContextValue;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/TreeItemLayout.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TreeItemLayout.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./TreeItemLayout"), exports);
-tslib_1.__exportStar(require("./TreeItemLayout.types"), exports);
-tslib_1.__exportStar(require("./renderTreeItemLayout"), exports);
-tslib_1.__exportStar(require("./useTreeItemLayout"), exports);
-tslib_1.__exportStar(require("./useTreeItemLayoutStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TreeItemLayout"), exports);
+_exportStar(require("./TreeItemLayout.types"), exports);
+_exportStar(require("./renderTreeItemLayout"), exports);
+_exportStar(require("./useTreeItemLayout"), exports);
+_exportStar(require("./useTreeItemLayoutStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/index.ts"],"sourcesContent":["export * from './TreeItemLayout';\nexport * from './TreeItemLayout.types';\nexport * from './renderTreeItemLayout';\nexport * from './useTreeItemLayout';\nexport * from './useTreeItemLayoutStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/index.js"],"sourcesContent":["export * from './TreeItemLayout';\nexport * from './TreeItemLayout.types';\nexport * from './renderTreeItemLayout';\nexport * from './useTreeItemLayout';\nexport * from './useTreeItemLayoutStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js

@@ -1,31 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderTreeItemLayout_unstable", {
+    enumerable: true,
+    get: ()=>renderTreeItemLayout_unstable
 });
-exports.renderTreeItemLayout_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of TreeItemLayout
- */
-const renderTreeItemLayout_unstable = state => {
-  const {
-    isActionsVisible
-  } = state;
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, slots.iconBefore && React.createElement(slots.iconBefore, {
-    ...slotProps.iconBefore
-  }), slotProps.root.children, slots.iconAfter && React.createElement(slots.iconAfter, {
-    ...slotProps.iconAfter
-  }), !isActionsVisible && slots.aside && React.createElement(slots.aside, {
-    ...slotProps.aside
-  }));
-};
-exports.renderTreeItemLayout_unstable = renderTreeItemLayout_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 renderTreeItemLayout_unstable = (state)=>{
+    const { isActionsVisible  } = state;
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.iconBefore && /*#__PURE__*/ _react.createElement(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/ _react.createElement(slots.iconAfter, slotProps.iconAfter), !isActionsVisible && slots.aside && /*#__PURE__*/ _react.createElement(slots.aside, slotProps.aside));
+}; //# sourceMappingURL=renderTreeItemLayout.js.map
+
 //# sourceMappingURL=renderTreeItemLayout.js.map

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderTreeItemLayout_unstable","state","isActionsVisible","slots","slotProps","getSlots","createElement","root","iconBefore","children","iconAfter","aside","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/renderTreeItemLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TreeItemLayoutState, TreeItemLayoutSlots } from './TreeItemLayout.types';\n\n/**\n * Render the final JSX of TreeItemLayout\n */\nexport const renderTreeItemLayout_unstable = (state: TreeItemLayoutState) => {\n  const { isActionsVisible } = state;\n  const { slots, slotProps } = getSlots<TreeItemLayoutSlots>(state);\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.iconBefore && <slots.iconBefore {...slotProps.iconBefore} />}\n      {slotProps.root.children}\n      {slots.iconAfter && <slots.iconAfter {...slotProps.iconAfter} />}\n      {!isActionsVisible && slots.aside && <slots.aside {...slotProps.aside} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC;EAAgB,CAAE,GAAGD,KAAK;EAClC,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAE,GAAGL,iBAAA,CAAAM,QAAQ,CAAsBJ,KAAK,CAAC;EACjE,OACEJ,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,UAAU,IAAIX,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACK,UAAU;IAAA,GAAKJ,SAAS,CAACI;EAAU,EAAI,EAClEJ,SAAS,CAACG,IAAI,CAACE,QAAQ,EACvBN,KAAK,CAACO,SAAS,IAAIb,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACO,SAAS;IAAA,GAAKN,SAAS,CAACM;EAAS,EAAI,EAC/D,CAACR,gBAAgB,IAAIC,KAAK,CAACQ,KAAK,IAAId,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACQ,KAAK;IAAA,GAAKP,SAAS,CAACO;EAAK,EAAI,CAC9D;AAEjB,CAAC;AAXYC,OAAA,CAAAZ,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/renderTreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TreeItemLayout\n */\nexport const renderTreeItemLayout_unstable = state => {\n  const {\n    isActionsVisible\n  } = state;\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.iconBefore && /*#__PURE__*/React.createElement(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/React.createElement(slots.iconAfter, slotProps.iconAfter), !isActionsVisible && slots.aside && /*#__PURE__*/React.createElement(slots.aside, slotProps.aside));\n};\n//# sourceMappingURL=renderTreeItemLayout.js.map"],"names":["renderTreeItemLayout_unstable","state","isActionsVisible","slots","slotProps","getSlots","React","createElement","root","iconBefore","children","iconAfter","aside"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,gCAAgCC,CAAAA,QAAS;IACpD,MAAM,EACJC,iBAAgB,EACjB,GAAGD;IACJ,MAAM,EACJE,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,UAAU,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,UAAU,EAAEL,UAAUK,UAAU,GAAGL,UAAUI,IAAI,CAACE,QAAQ,EAAEP,MAAMQ,SAAS,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,SAAS,EAAEP,UAAUO,SAAS,GAAG,CAACT,oBAAoBC,MAAMS,KAAK,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,KAAK,EAAER,UAAUQ,KAAK;AACzX,GACA,gDAAgD"}

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js

@@ -1,56 +1,46 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTreeItemLayout_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemLayout_unstable
 });
-exports.useTreeItemLayout_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const treeItemContext_1 = /*#__PURE__*/require("../../contexts/treeItemContext");
-/**
- * Create the state required to render TreeItemLayout.
- *
- * The returned state can be modified with hooks such as useTreeItemLayoutStyles_unstable,
- * before being passed to renderTreeItemLayout_unstable.
- *
- * @param props - props from this instance of TreeItemLayout
- * @param ref - reference to root HTMLElement of TreeItemLayout
- */
-const useTreeItemLayout_unstable = (props, ref) => {
-  const {
-    iconAfter,
-    iconBefore,
-    aside,
-    as = 'div'
-  } = props;
-  const treeItemContext = treeItemContext_1.useTreeItemContext_unstable();
-  return {
-    ...treeItemContext,
-    components: {
-      root: 'div',
-      iconBefore: 'span',
-      iconAfter: 'span',
-      aside: 'span'
-    },
-    root: react_utilities_1.getNativeElementProps(as, {
-      ...props,
-      ref
-    }),
-    iconBefore: react_utilities_1.resolveShorthand(iconBefore, {
-      defaultProps: {
-        'aria-hidden': true
-      }
-    }),
-    iconAfter: react_utilities_1.resolveShorthand(iconAfter, {
-      defaultProps: {
-        'aria-hidden': true
-      }
-    }),
-    aside: react_utilities_1.resolveShorthand(aside, {
-      defaultProps: {
-        'aria-hidden': true
-      }
-    })
-  };
-};
-exports.useTreeItemLayout_unstable = useTreeItemLayout_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 useTreeItemLayout_unstable = (props, ref)=>{
+    const { iconAfter , iconBefore , aside , as ='div'  } = props;
+    const treeItemContext = (0, _treeItemContext.useTreeItemContext_unstable)();
+    return {
+        ...treeItemContext,
+        components: {
+            root: 'div',
+            iconBefore: 'span',
+            iconAfter: 'span',
+            aside: 'span'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)(as, {
+            ...props,
+            ref
+        }),
+        iconBefore: (0, _reactUtilities.resolveShorthand)(iconBefore, {
+            defaultProps: {
+                'aria-hidden': true
+            }
+        }),
+        iconAfter: (0, _reactUtilities.resolveShorthand)(iconAfter, {
+            defaultProps: {
+                'aria-hidden': true
+            }
+        }),
+        aside: (0, _reactUtilities.resolveShorthand)(aside, {
+            defaultProps: {
+                'aria-hidden': true
+            }
+        })
+    };
+}; //# sourceMappingURL=useTreeItemLayout.js.map
+
 //# sourceMappingURL=useTreeItemLayout.js.map

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","treeItemContext_1","useTreeItemLayout_unstable","props","ref","iconAfter","iconBefore","aside","as","treeItemContext","useTreeItemContext_unstable","components","root","getNativeElementProps","resolveShorthand","defaultProps","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { TreeItemLayoutProps, TreeItemLayoutState } from './TreeItemLayout.types';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n\n/**\n * Create the state required to render TreeItemLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemLayoutStyles_unstable,\n * before being passed to renderTreeItemLayout_unstable.\n *\n * @param props - props from this instance of TreeItemLayout\n * @param ref - reference to root HTMLElement of TreeItemLayout\n */\nexport const useTreeItemLayout_unstable = (\n  props: TreeItemLayoutProps,\n  ref: React.Ref<HTMLElement>,\n): TreeItemLayoutState => {\n  const { iconAfter, iconBefore, aside, as = 'div' } = props;\n  const treeItemContext = useTreeItemContext_unstable();\n\n  return {\n    ...treeItemContext,\n    components: {\n      root: 'div',\n      iconBefore: 'span',\n      iconAfter: 'span',\n      aside: 'span',\n    },\n    root: getNativeElementProps(as, { ...props, ref }),\n    iconBefore: resolveShorthand(iconBefore, { defaultProps: { 'aria-hidden': true } }),\n    iconAfter: resolveShorthand(iconAfter, { defaultProps: { 'aria-hidden': true } }),\n    aside: resolveShorthand(aside, { defaultProps: { 'aria-hidden': true } }),\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA;;;;;;;;;AASO,MAAME,0BAA0B,GAAGA,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,KAAK;IAAEC,EAAE,GAAG;EAAK,CAAE,GAAGL,KAAK;EAC1D,MAAMM,eAAe,GAAGR,iBAAA,CAAAS,2BAA2B,EAAE;EAErD,OAAO;IACL,GAAGD,eAAe;IAClBE,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXN,UAAU,EAAE,MAAM;MAClBD,SAAS,EAAE,MAAM;MACjBE,KAAK,EAAE;KACR;IACDK,IAAI,EAAEb,iBAAA,CAAAc,qBAAqB,CAACL,EAAE,EAAE;MAAE,GAAGL,KAAK;MAAEC;IAAG,CAAE,CAAC;IAClDE,UAAU,EAAEP,iBAAA,CAAAe,gBAAgB,CAACR,UAAU,EAAE;MAAES,YAAY,EAAE;QAAE,aAAa,EAAE;MAAI;IAAE,CAAE,CAAC;IACnFV,SAAS,EAAEN,iBAAA,CAAAe,gBAAgB,CAACT,SAAS,EAAE;MAAEU,YAAY,EAAE;QAAE,aAAa,EAAE;MAAI;IAAE,CAAE,CAAC;IACjFR,KAAK,EAAER,iBAAA,CAAAe,gBAAgB,CAACP,KAAK,EAAE;MAAEQ,YAAY,EAAE;QAAE,aAAa,EAAE;MAAI;IAAE,CAAE;GACzE;AACH,CAAC;AApBYC,OAAA,CAAAd,0BAA0B,GAAAA,0BAAA"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/useTreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n/**\n * Create the state required to render TreeItemLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemLayoutStyles_unstable,\n * before being passed to renderTreeItemLayout_unstable.\n *\n * @param props - props from this instance of TreeItemLayout\n * @param ref - reference to root HTMLElement of TreeItemLayout\n */\nexport const useTreeItemLayout_unstable = (props, ref) => {\n  const {\n    iconAfter,\n    iconBefore,\n    aside,\n    as = 'div'\n  } = props;\n  const treeItemContext = useTreeItemContext_unstable();\n  return {\n    ...treeItemContext,\n    components: {\n      root: 'div',\n      iconBefore: 'span',\n      iconAfter: 'span',\n      aside: 'span'\n    },\n    root: getNativeElementProps(as, {\n      ...props,\n      ref\n    }),\n    iconBefore: resolveShorthand(iconBefore, {\n      defaultProps: {\n        'aria-hidden': true\n      }\n    }),\n    iconAfter: resolveShorthand(iconAfter, {\n      defaultProps: {\n        'aria-hidden': true\n      }\n    }),\n    aside: resolveShorthand(aside, {\n      defaultProps: {\n        'aria-hidden': true\n      }\n    })\n  };\n};\n//# sourceMappingURL=useTreeItemLayout.js.map"],"names":["useTreeItemLayout_unstable","props","ref","iconAfter","iconBefore","aside","as","treeItemContext","useTreeItemContext_unstable","components","root","getNativeElementProps","resolveShorthand","defaultProps"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACiC;iCACZ;AAUrC,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAM,EACJC,UAAS,EACTC,WAAU,EACVC,MAAK,EACLC,IAAK,MAAK,EACX,GAAGL;IACJ,MAAMM,kBAAkBC,IAAAA,4CAA2B;IACnD,OAAO;QACL,GAAGD,eAAe;QAClBE,YAAY;YACVC,MAAM;YACNN,YAAY;YACZD,WAAW;YACXE,OAAO;QACT;QACAK,MAAMC,IAAAA,qCAAqB,EAACL,IAAI;YAC9B,GAAGL,KAAK;YACRC;QACF;QACAE,YAAYQ,IAAAA,gCAAgB,EAACR,YAAY;YACvCS,cAAc;gBACZ,eAAe,IAAI;YACrB;QACF;QACAV,WAAWS,IAAAA,gCAAgB,EAACT,WAAW;YACrCU,cAAc;gBACZ,eAAe,IAAI;YACrB;QACF;QACAR,OAAOO,IAAAA,gCAAgB,EAACP,OAAO;YAC7BQ,cAAc;gBACZ,eAAe,IAAI;YACrB;QACF;IACF;AACF,GACA,6CAA6C"}

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js

@@ -1,105 +1,143 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    treeItemLayoutClassNames: ()=>treeItemLayoutClassNames,
+    useTreeItemLayoutStyles_unstable: ()=>useTreeItemLayoutStyles_unstable
 });
-exports.useTreeItemLayoutStyles_unstable = exports.treeItemLayoutClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const treeContext_1 = /*#__PURE__*/require("../../contexts/treeContext");
-exports.treeItemLayoutClassNames = {
-  root: 'fui-TreeItemLayout',
-  aside: 'fui-TreeItemLayout__aside',
-  iconAfter: 'fui-TreeItemLayout__iconAfter',
-  iconBefore: 'fui-TreeItemLayout__iconBefore'
+const _react = require("@griffel/react");
+const _treeContext = require("../../contexts/treeContext");
+const treeItemLayoutClassNames = {
+    root: 'fui-TreeItemLayout',
+    aside: 'fui-TreeItemLayout__aside',
+    iconAfter: 'fui-TreeItemLayout__iconAfter',
+    iconBefore: 'fui-TreeItemLayout__iconBefore'
 };
 /**
  * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sshi5w: "f1nxs5xn",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "f1pztt34"
-  },
-  medium: {
-    i8kkvl: "f1rjii52",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  small: {
-    i8kkvl: "f1ufnopg",
-    sshi5w: "f1pha7fy",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        sshi5w: "f1nxs5xn",
+        Bh6795r: "fqerorx",
+        Bnnss6s: "f1neuvcm",
+        xawz: "f1pztt34"
+    },
+    medium: {
+        i8kkvl: "f1rjii52",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi"
+    },
+    small: {
+        i8kkvl: "f1ufnopg",
+        sshi5w: "f1pha7fy",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}", ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1pha7fy{min-height:24px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f1nxs5xn{min-height:32px;}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
+        ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}",
+        ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
+        ".f1pha7fy{min-height:24px;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+    ]
 });
 /**
  * Styles for the before/after icon slot
- */
-const useIconStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sj55zd: "fkfq4zb",
-    Bg96gwp: "f106mvju",
-    Be2twd7: "f1pp30po"
-  }
+ */ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        sj55zd: "fkfq4zb",
+        Bg96gwp: "f106mvju",
+        Be2twd7: "f1pp30po"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f106mvju{line-height:var(--lineHeightBase500);}",
+        ".f1pp30po{font-size:var(--fontSizeBase500);}"
+    ]
 });
 /**
  * Styles for the action icon slot
- */
-const useAsideStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    Frg6f3: ["fcgxt0o", "f1ujusj6"],
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fw5db7e", "f1uw59to"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1uw59to", "fw5db7e"],
-    i8kkvl: "f1ufnopg",
-    Belr9w4: "f14sijuj"
-  }
+ */ const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        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;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}", ".f1g0x7ka{padding-top:0;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1qch9an{padding-bottom:0;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
+        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
+        ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
+    ]
 });
-/**
- * Apply styling to the TreeItemLayout slots based on the state
- */
-const useTreeItemLayoutStyles_unstable = state => {
-  const {
-    iconAfter,
-    iconBefore,
-    aside,
-    root
-  } = state;
-  const rootStyles = useRootStyles();
-  const iconStyles = useIconStyles();
-  const asideStyles = useAsideStyles();
-  const size = treeContext_1.useTreeContext_unstable(ctx => ctx.size);
-  root.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);
-  if (iconBefore) {
-    iconBefore.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);
-  }
-  if (iconAfter) {
-    iconAfter.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);
-  }
-  if (aside) {
-    aside.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
-  }
-  return state;
-};
-exports.useTreeItemLayoutStyles_unstable = useTreeItemLayoutStyles_unstable;
+const useTreeItemLayoutStyles_unstable = (state)=>{
+    const { iconAfter , iconBefore , aside , root  } = state;
+    const rootStyles = useRootStyles();
+    const iconStyles = useIconStyles();
+    const asideStyles = useAsideStyles();
+    const size = (0, _treeContext.useTreeContext_unstable)((ctx)=>ctx.size);
+    root.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);
+    if (iconBefore) {
+        iconBefore.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);
+    }
+    if (iconAfter) {
+        iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);
+    }
+    if (aside) {
+        aside.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTreeItemLayoutStyles.js.map
+
 //# sourceMappingURL=useTreeItemLayoutStyles.js.map

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","treeContext_1","exports","treeItemLayoutClassNames","root","aside","iconAfter","iconBefore","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","Bh6795r","Bnnss6s","xawz","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","d","useIconStyles","sj55zd","useAsideStyles","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","useTreeItemLayoutStyles_unstable","state","rootStyles","iconStyles","asideStyles","size","useTreeContext_unstable","ctx","className","mergeClasses"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TreeItemLayoutSlots, TreeItemLayoutState } from './TreeItemLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\n\nexport const treeItemLayoutClassNames: SlotClassNames<TreeItemLayoutSlots> = {\n  root: 'fui-TreeItemLayout',\n  aside: 'fui-TreeItemLayout__aside',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: '32px',\n    ...shorthands.flex(1),\n  },\n  medium: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...typographyStyles.body1,\n  },\n  small: {\n    columnGap: tokens.spacingHorizontalXS,\n    minHeight: '24px',\n    ...typographyStyles.caption1,\n  },\n});\n\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground2,\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n});\n\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: 'auto',\n    ...shorthands.padding(0, tokens.spacingHorizontalM),\n    ...shorthands.gap(tokens.spacingHorizontalXS),\n  },\n});\n\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = (state: TreeItemLayoutState): TreeItemLayoutState => {\n  const { iconAfter, iconBefore, aside, root } = state;\n  const rootStyles = useRootStyles();\n  const iconStyles = useIconStyles();\n  const asideStyles = useAsideStyles();\n\n  const size = useTreeContext_unstable(ctx => ctx.size);\n\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);\n\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);\n  }\n\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);\n  }\n\n  if (aside) {\n    aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AAEaG,OAAA,CAAAC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAE,+BAA+B;EAC1CC,UAAU,EAAE;CACb;AAED;;;AAGA,MAAMC,aAAa,gBAAGV,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,IAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAL,MAAA;IAAAL,MAAA;IAAAM,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAgB9B;AAEF;;;AAGA,MAAMC,aAAa,gBAAG3B,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAc,MAAA;IAAAJ,OAAA;IAAAF,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,EAQ9B;AAEF;;;AAGA,MAAMG,cAAc,gBAAG7B,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAgB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAd,MAAA;IAAAe,OAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,EAQ/B;AAEF;;;AAGO,MAAMU,gCAAgC,GAAIC,KAA0B,IAAyB;EAClG,MAAM;IAAE7B,SAAS;IAAEC,UAAU;IAAEF,KAAK;IAAED;EAAI,CAAE,GAAG+B,KAAK;EACpD,MAAMC,UAAU,GAAG5B,aAAa,EAAE;EAClC,MAAM6B,UAAU,GAAGZ,aAAa,EAAE;EAClC,MAAMa,WAAW,GAAGX,cAAc,EAAE;EAEpC,MAAMY,IAAI,GAAGtC,aAAA,CAAAuC,uBAAuB,CAACC,GAAG,IAAIA,GAAG,CAACF,IAAI,CAAC;EAErDnC,IAAI,CAACsC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACC,IAAI,EAAEgC,UAAU,CAAC1B,IAAI,EAAE0B,UAAU,CAACG,IAAI,CAAC,EAAEnC,IAAI,CAACsC,SAAS,CAAC;EAE/G,IAAInC,UAAU,EAAE;IACdA,UAAU,CAACmC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACI,UAAU,EAAE8B,UAAU,CAAC3B,IAAI,EAAEH,UAAU,CAACmC,SAAS,CAAC;;EAGjH,IAAIpC,SAAS,EAAE;IACbA,SAAS,CAACoC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACG,SAAS,EAAE+B,UAAU,CAAC3B,IAAI,EAAEJ,SAAS,CAACoC,SAAS,CAAC;;EAG9G,IAAIrC,KAAK,EAAE;IACTA,KAAK,CAACqC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACE,KAAK,EAAEiC,WAAW,CAAC5B,IAAI,EAAEL,KAAK,CAACqC,SAAS,CAAC;;EAGnG,OAAOP,KAAK;AACd,CAAC;AAvBYjC,OAAA,CAAAgC,gCAAgC,GAAAA,gCAAA"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/useTreeItemLayoutStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nexport const treeItemLayoutClassNames = {\n  root: 'fui-TreeItemLayout',\n  aside: 'fui-TreeItemLayout__aside',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  iconBefore: 'fui-TreeItemLayout__iconBefore'\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    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"f1pztt34\"\n  },\n  medium: {\n    i8kkvl: \"f1rjii52\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    i8kkvl: \"f1ufnopg\",\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\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;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n  const {\n    iconAfter,\n    iconBefore,\n    aside,\n    root\n  } = state;\n  const rootStyles = useRootStyles();\n  const iconStyles = useIconStyles();\n  const asideStyles = useAsideStyles();\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);\n  }\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);\n  }\n  if (aside) {\n    aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","aside","iconAfter","iconBefore","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","Bh6795r","Bnnss6s","xawz","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","d","useIconStyles","sj55zd","useAsideStyles","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","state","rootStyles","iconStyles","asideStyles","size","useTreeContext_unstable","ctx","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAuEAC,gCAAgC,MAAhCA;;uBA1EsC;6BAEX;AACjC,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,YAAY;AACd;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,QAAQ;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,OAAO;QACLL,QAAQ;QACRL,QAAQ;QACRM,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAqF;QAAuE;QAA2E;QAA2G;QAAgD;QAA+C;QAAmD;QAAoD;QAAmG;QAA+B;QAA+C;KAAkD;AACn+B;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEhB,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTc,QAAQ;QACRJ,SAAS;QACTF,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAwF;QAA2G;QAAmD;QAAoD;KAA+C;AAC/V;AACA;;CAEC,GACD,MAAMG,iBAAiB,WAAW,GAAElB,IAAAA,kBAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTgB,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/Bd,QAAQ;QACRe,SAAS;IACX;AACF,GAAG;IACDT,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAA6B;QAAsD;QAAsD;QAAgC;QAAmG;KAAiD;AACtkB;AAIO,MAAMrB,mCAAmC+B,CAAAA,QAAS;IACvD,MAAM,EACJ5B,UAAS,EACTC,WAAU,EACVF,MAAK,EACLD,KAAI,EACL,GAAG8B;IACJ,MAAMC,aAAa3B;IACnB,MAAM4B,aAAaX;IACnB,MAAMY,cAAcV;IACpB,MAAMW,OAAOC,IAAAA,oCAAuB,EAACC,CAAAA,MAAOA,IAAIF,IAAI;IACpDlC,KAAKqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBE,IAAI,EAAE+B,WAAWzB,IAAI,EAAEyB,UAAU,CAACG,KAAK,EAAElC,KAAKqC,SAAS;IAC9G,IAAIlC,YAAY;QACdA,WAAWkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBK,UAAU,EAAE6B,WAAW1B,IAAI,EAAEH,WAAWkC,SAAS;IAChH,CAAC;IACD,IAAInC,WAAW;QACbA,UAAUmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBI,SAAS,EAAE8B,WAAW1B,IAAI,EAAEJ,UAAUmC,SAAS;IAC7G,CAAC;IACD,IAAIpC,OAAO;QACTA,MAAMoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBG,KAAK,EAAEgC,YAAY3B,IAAI,EAAEL,MAAMoC,SAAS;IAClG,CAAC;IACD,OAAOP;AACT,GACA,mDAAmD"}

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

@@ -1,22 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TreeItemPersonaLayout", {
+    enumerable: true,
+    get: ()=>TreeItemPersonaLayout
 });
-exports.TreeItemPersonaLayout = void 0;
-const React = /*#__PURE__*/require("react");
-const useTreeItemPersonaLayout_1 = /*#__PURE__*/require("./useTreeItemPersonaLayout");
-const renderTreeItemPersonaLayout_1 = /*#__PURE__*/require("./renderTreeItemPersonaLayout");
-const useTreeItemPersonaLayoutStyles_1 = /*#__PURE__*/require("./useTreeItemPersonaLayoutStyles");
-const useTreeItemPersonaLayoutContextValues_1 = /*#__PURE__*/require("./useTreeItemPersonaLayoutContextValues");
-/**
- * TreeItemPersonaLayout component - TODO: add more docs
- */
-exports.TreeItemPersonaLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTreeItemPersonaLayout_1.useTreeItemPersonaLayout_unstable(props, ref);
-  useTreeItemPersonaLayoutStyles_1.useTreeItemPersonaLayoutStyles_unstable(state);
-  const contextValues = useTreeItemPersonaLayoutContextValues_1.useTreeItemPersonaLayoutContextValues_unstable(state);
-  return renderTreeItemPersonaLayout_1.renderTreeItemPersonaLayout_unstable(state, contextValues);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTreeItemPersonaLayout = require("./useTreeItemPersonaLayout");
+const _renderTreeItemPersonaLayout = require("./renderTreeItemPersonaLayout");
+const _useTreeItemPersonaLayoutStyles = require("./useTreeItemPersonaLayoutStyles");
+const _useTreeItemPersonaLayoutContextValues = require("./useTreeItemPersonaLayoutContextValues");
+const TreeItemPersonaLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTreeItemPersonaLayout.useTreeItemPersonaLayout_unstable)(props, ref);
+    (0, _useTreeItemPersonaLayoutStyles.useTreeItemPersonaLayoutStyles_unstable)(state);
+    const contextValues = (0, _useTreeItemPersonaLayoutContextValues.useTreeItemPersonaLayoutContextValues_unstable)(state);
+    return (0, _renderTreeItemPersonaLayout.renderTreeItemPersonaLayout_unstable)(state, contextValues);
 });
-exports.TreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';
+TreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout'; //# sourceMappingURL=TreeItemPersonaLayout.js.map
+
 //# sourceMappingURL=TreeItemPersonaLayout.js.map