@fluentui/react-tree 9.0.0-beta.3 → 9.0.0-beta.30

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

@@ -1,22 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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);
+Object.defineProperty(exports, "TreeItemPersonaLayout", {
+    enumerable: true,
+    get: ()=>TreeItemPersonaLayout
 });
-exports.TreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';
-//# sourceMappingURL=TreeItemPersonaLayout.js.map
+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 _useTreeItemPersonaLayoutStylesStyles = require("./useTreeItemPersonaLayoutStyles.styles");
+const _useTreeItemPersonaLayoutContextValues = require("./useTreeItemPersonaLayoutContextValues");
+const TreeItemPersonaLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTreeItemPersonaLayout.useTreeItemPersonaLayout_unstable)(props, ref);
+    (0, _useTreeItemPersonaLayoutStylesStyles.useTreeItemPersonaLayoutStyles_unstable)(state);
+    const contextValues = (0, _useTreeItemPersonaLayoutContextValues.useTreeItemPersonaLayoutContextValues_unstable)(state);
+    return (0, _renderTreeItemPersonaLayout.renderTreeItemPersonaLayout_unstable)(state, contextValues);
+});
+TreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTreeItemPersonaLayout_1","renderTreeItemPersonaLayout_1","useTreeItemPersonaLayoutStyles_1","useTreeItemPersonaLayoutContextValues_1","exports","TreeItemPersonaLayout","forwardRef","props","ref","state","useTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","contextValues","useTreeItemPersonaLayoutContextValues_unstable","renderTreeItemPersonaLayout_unstable","displayName"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemPersonaLayout_unstable } from './useTreeItemPersonaLayout';\nimport { renderTreeItemPersonaLayout_unstable } from './renderTreeItemPersonaLayout';\nimport { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles';\nimport type { TreeItemPersonaLayoutProps } from './TreeItemPersonaLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues';\n\n/**\n * TreeItemPersonaLayout component - TODO: add more docs\n */\nexport const TreeItemPersonaLayout: ForwardRefComponent<TreeItemPersonaLayoutProps> = React.forwardRef((props, ref) => {\n  const state = useTreeItemPersonaLayout_unstable(props, ref);\n\n  useTreeItemPersonaLayoutStyles_unstable(state);\n\n  const contextValues = useTreeItemPersonaLayoutContextValues_unstable(state);\n\n  return renderTreeItemPersonaLayout_unstable(state, contextValues);\n});\n\nTreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,0BAAA,gBAAAD,OAAA;AACA,MAAAE,6BAAA,gBAAAF,OAAA;AACA,MAAAG,gCAAA,gBAAAH,OAAA;AAGA,MAAAI,uCAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,qBAAqB,gBAAoDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpH,MAAMC,KAAK,GAAGT,0BAAA,CAAAU,iCAAiC,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE3DN,gCAAA,CAAAS,uCAAuC,CAACF,KAAK,CAAC;EAE9C,MAAMG,aAAa,GAAGT,uCAAA,CAAAU,8CAA8C,CAACJ,KAAK,CAAC;EAE3E,OAAOR,6BAAA,CAAAa,oCAAoC,CAACL,KAAK,EAAEG,aAAa,CAAC;AACnE,CAAC,CAAC;AAEFR,OAAA,CAAAC,qBAAqB,CAACU,WAAW,GAAG,uBAAuB"}
+{"version":3,"sources":["TreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemPersonaLayout_unstable } from './useTreeItemPersonaLayout';\nimport { renderTreeItemPersonaLayout_unstable } from './renderTreeItemPersonaLayout';\nimport { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles.styles';\nimport { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues';\n/**\n * The `TreeItemPersonaLayout` component is used as a child of `TreeItem` to display a `TreeItem` with a media (typically an avatar) and a description.\n * It provides a more visually appealing representation of a `TreeItem` and is typically used to display a list of people or topics.\n * This component should only be used as a direct child of `TreeItem`.\n */ export const TreeItemPersonaLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTreeItemPersonaLayout_unstable(props, ref);\n    useTreeItemPersonaLayoutStyles_unstable(state);\n    const contextValues = useTreeItemPersonaLayoutContextValues_unstable(state);\n    return renderTreeItemPersonaLayout_unstable(state, contextValues);\n});\nTreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';\n"],"names":["TreeItemPersonaLayout","React","forwardRef","props","ref","state","useTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","contextValues","useTreeItemPersonaLayoutContextValues_unstable","renderTreeItemPersonaLayout_unstable","displayName"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;0CAC2B;6CACG;sDACG;uDACO;AAKpD,MAAMA,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAClF,MAAMC,QAAQC,IAAAA,2DAAiC,EAACH,OAAOC;IACvDG,IAAAA,6EAAuC,EAACF;IACxC,MAAMG,gBAAgBC,IAAAA,qFAA8C,EAACJ;IACrE,OAAOK,IAAAA,iEAAoC,EAACL,OAAOG;AACvD;AACAR,sBAAsBW,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AvatarContextValue, AvatarSize } from '@fluentui/react-avatar';\nimport type { TreeItemContextValue } from '../../contexts/treeItemContext';\n\nexport type TreeItemPersonaLayoutContextValues = {\n  avatar: AvatarContextValue;\n};\n\nexport type TreeItemPersonaLayoutSlots = {\n  root: Slot<'span'>;\n  /**\n   * Avatar to display.\n   */\n  media: NonNullable<Slot<'span'>>;\n  /**\n   * Main text. Children of the root slot are automatically rendered here\n   */\n  main: Slot<'span'>;\n  /**\n   * Secondary text that describes or complements the main text\n   */\n  description?: Slot<'span'>;\n  /**\n   * aside text that works as extra textual information\n   */\n  aside?: Slot<'span'>;\n  /**\n   * A layout wrapper for the main and description slots\n   */\n  content: Slot<'div'>;\n};\n\n/**\n * TreeItemPersonaLayout Props\n */\nexport type TreeItemPersonaLayoutProps = ComponentProps<Partial<TreeItemPersonaLayoutSlots>>;\n\n/**\n * State used in rendering TreeItemPersonaLayout\n */\nexport type TreeItemPersonaLayoutState = ComponentState<TreeItemPersonaLayoutSlots> &\n  TreeItemContextValue & {\n    avatarSize: AvatarSize;\n  };\n"],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -1,12 +1,10 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./TreeItemPersonaLayout"), exports);
-tslib_1.__exportStar(require("./TreeItemPersonaLayout.types"), exports);
-tslib_1.__exportStar(require("./renderTreeItemPersonaLayout"), exports);
-tslib_1.__exportStar(require("./useTreeItemPersonaLayout"), exports);
-tslib_1.__exportStar(require("./useTreeItemPersonaLayoutStyles"), exports);
-//# sourceMappingURL=index.js.map
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TreeItemPersonaLayout"), exports);
+_exportStar(require("./TreeItemPersonaLayout.types"), exports);
+_exportStar(require("./renderTreeItemPersonaLayout"), exports);
+_exportStar(require("./useTreeItemPersonaLayout"), exports);
+_exportStar(require("./useTreeItemPersonaLayoutStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/index.ts"],"sourcesContent":["export * from './TreeItemPersonaLayout';\nexport * from './TreeItemPersonaLayout.types';\nexport * from './renderTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayoutStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TreeItemPersonaLayout';\nexport * from './TreeItemPersonaLayout.types';\nexport * from './renderTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayout';\nexport * from './useTreeItemPersonaLayoutStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

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

@@ -1,38 +1,20 @@
-"use strict";
-
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.renderTreeItemPersonaLayout_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
-/**
- * Render the final JSX of TreeItemPersonaLayout
- */
-const renderTreeItemPersonaLayout_unstable = (state, contextValues) => {
-  const {
-    isActionsVisible
-  } = state;
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, slots.media && React.createElement(react_avatar_1.AvatarContextProvider, {
-    value: contextValues.avatar
-  }, React.createElement(slots.media, {
-    ...slotProps.media
-  })), slots.content && React.createElement(slots.content, {
-    ...slotProps.content
-  }, slots.main && React.createElement(slots.main, {
-    ...slotProps.main
-  }), slots.description && React.createElement(slots.description, {
-    ...slotProps.description
-  })), !isActionsVisible && slots.aside && React.createElement(slots.aside, {
-    ...slotProps.aside
-  }));
+Object.defineProperty(exports, "renderTreeItemPersonaLayout_unstable", {
+    enumerable: true,
+    get: ()=>renderTreeItemPersonaLayout_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactAvatar = require("@fluentui/react-avatar");
+const _reactButton = require("@fluentui/react-button");
+const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.selector && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.selector, slotProps.selector), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactAvatar.AvatarContextProvider, {
+        value: contextValues.avatar
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.media, slotProps.media)), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.main, slotProps.main), slots.description && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.description, slotProps.description), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
+        value: state.buttonContextValue
+    }, slots.actions && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.aside, slotProps.aside)));
 };
-exports.renderTreeItemPersonaLayout_unstable = renderTreeItemPersonaLayout_unstable;
-//# sourceMappingURL=renderTreeItemPersonaLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_avatar_1","renderTreeItemPersonaLayout_unstable","state","contextValues","isActionsVisible","slots","slotProps","getSlots","createElement","root","media","AvatarContextProvider","value","avatar","content","main","description","aside","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type {\n  TreeItemPersonaLayoutState,\n  TreeItemPersonaLayoutSlots,\n  TreeItemPersonaLayoutContextValues,\n} from './TreeItemPersonaLayout.types';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n\n/**\n * Render the final JSX of TreeItemPersonaLayout\n */\nexport const renderTreeItemPersonaLayout_unstable = (\n  state: TreeItemPersonaLayoutState,\n  contextValues: TreeItemPersonaLayoutContextValues,\n) => {\n  const { isActionsVisible } = state;\n  const { slots, slotProps } = getSlots<TreeItemPersonaLayoutSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.media && (\n        <AvatarContextProvider value={contextValues.avatar}>\n          <slots.media {...slotProps.media} />\n        </AvatarContextProvider>\n      )}\n      {slots.content && (\n        <slots.content {...slotProps.content}>\n          {slots.main && <slots.main {...slotProps.main} />}\n          {slots.description && <slots.description {...slotProps.description} />}\n        </slots.content>\n      )}\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;AAMA,MAAAE,cAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,oCAAoC,GAAGA,CAClDC,KAAiC,EACjCC,aAAiD,KAC/C;EACF,MAAM;IAAEC;EAAgB,CAAE,GAAGF,KAAK;EAClC,MAAM;IAAEG,KAAK;IAAEC;EAAS,CAAE,GAAGP,iBAAA,CAAAQ,QAAQ,CAA6BL,KAAK,CAAC;EAExE,OACEL,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,KAAK,IACVb,KAAA,CAAAW,aAAA,CAACR,cAAA,CAAAW,qBAAqB;IAACC,KAAK,EAAET,aAAa,CAACU;EAAM,GAChDhB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,CAEvC,EACAL,KAAK,CAACS,OAAO,IACZjB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACS,OAAO;IAAA,GAAKR,SAAS,CAACQ;EAAO,GACjCT,KAAK,CAACU,IAAI,IAAIlB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACU,IAAI;IAAA,GAAKT,SAAS,CAACS;EAAI,EAAI,EAChDV,KAAK,CAACW,WAAW,IAAInB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACW,WAAW;IAAA,GAAKV,SAAS,CAACU;EAAW,EAAI,CAEzE,EACA,CAACZ,gBAAgB,IAAIC,KAAK,CAACY,KAAK,IAAIpB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACY,KAAK;IAAA,GAAKX,SAAS,CAACW;EAAK,EAAI,CAC9D;AAEjB,CAAC;AAvBYC,OAAA,CAAAjB,oCAAoC,GAAAA,oCAAA"}
+{"version":3,"sources":["renderTreeItemPersonaLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemPersonaLayout\n */ export const renderTreeItemPersonaLayout_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.selector && /*#__PURE__*/ createElement(slots.selector, slotProps.selector), /*#__PURE__*/ createElement(AvatarContextProvider, {\n        value: contextValues.avatar\n    }, /*#__PURE__*/ createElement(slots.media, slotProps.media)), /*#__PURE__*/ createElement(slots.main, slotProps.main), slots.description && /*#__PURE__*/ createElement(slots.description, slotProps.description), /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slots.actions && /*#__PURE__*/ createElement(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ createElement(slots.aside, slotProps.aside)));\n};\n"],"names":["renderTreeItemPersonaLayout_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","expandIcon","selector","AvatarContextProvider","value","avatar","media","main","description","ButtonContextProvider","buttonContextValue","actions","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;6BACS;6BACA;AAG3B,MAAMA,uCAAuC,CAACC,OAAOC,gBAAgB;IAC5E,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAGL,MAAMM,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,QAAQ,EAAEL,UAAUK,QAAQ,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACI,kCAAqB,EAAE;QAC1RC,OAAOT,cAAcU,MAAM;IAC/B,GAAG,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMU,KAAK,EAAET,UAAUS,KAAK,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMW,IAAI,EAAEV,UAAUU,IAAI,GAAGX,MAAMY,WAAW,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMY,WAAW,EAAEX,UAAUW,WAAW,GAAG,WAAW,GAAGT,IAAAA,8BAAa,EAACU,kCAAqB,EAAE;QACnQL,OAAOV,MAAMgB,kBAAkB;IACnC,GAAGd,MAAMe,OAAO,IAAI,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMe,OAAO,EAAEd,UAAUc,OAAO,GAAGf,MAAMgB,KAAK,IAAI,WAAW,GAAGb,IAAAA,8BAAa,EAACH,MAAMgB,KAAK,EAAEf,UAAUe,KAAK;AAC9J"}

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

@@ -1,65 +1,51 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTreeItemPersonaLayout_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-const tokens_1 = /*#__PURE__*/require("../../utils/tokens");
-/**
- * Create the state required to render TreeItemPersonaLayout.
- *
- * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,
- * before being passed to renderTreeItemPersonaLayout_unstable.
- *
- * @param props - props from this instance of TreeItemPersonaLayout
- * @param ref - reference to root HTMLElement of TreeItemPersonaLayout
- */
-const useTreeItemPersonaLayout_unstable = (props, ref) => {
-  const {
-    media,
-    content,
-    children,
-    main,
-    description,
-    aside,
-    as = 'span'
-  } = props;
-  const size = contexts_1.useTreeContext_unstable(ctx => ctx.size);
-  const {
-    isActionsVisible
-  } = contexts_1.useTreeItemContext_unstable();
-  return {
-    components: {
-      content: 'div',
-      main: 'span',
-      description: 'span',
-      root: 'span',
-      media: 'span',
-      aside: 'span'
-    },
-    isActionsVisible,
-    avatarSize: tokens_1.treeAvatarSize[size],
-    root: react_utilities_1.getNativeElementProps(as, {
-      ...props,
-      ref
-    }),
-    main: react_utilities_1.resolveShorthand(main, {
-      required: true,
-      defaultProps: {
-        children
-      }
-    }),
-    media: react_utilities_1.resolveShorthand(media, {
-      required: true
-    }),
-    content: react_utilities_1.resolveShorthand(content, {
-      required: true
-    }),
-    description: react_utilities_1.resolveShorthand(description),
-    aside: react_utilities_1.resolveShorthand(aside)
-  };
+Object.defineProperty(exports, "useTreeItemPersonaLayout_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemPersonaLayout_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 _contexts = require("../../contexts");
+const _tokens = require("../../utils/tokens");
+const _useTreeItemLayout = require("../TreeItemLayout/useTreeItemLayout");
+const _reactCheckbox = require("@fluentui/react-checkbox");
+const _reactRadio = require("@fluentui/react-radio");
+const useTreeItemPersonaLayout_unstable = (props, ref)=>{
+    const { media , children , main , description  } = props;
+    const treeItemLayoutState = (0, _useTreeItemLayout.useTreeItemLayout_unstable)({
+        ...props,
+        iconBefore: null,
+        iconAfter: null
+    }, ref);
+    const size = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.size);
+    const selectionMode = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
+    return {
+        ...treeItemLayoutState,
+        components: {
+            expandIcon: 'div',
+            main: 'div',
+            description: 'div',
+            root: 'div',
+            media: 'div',
+            aside: 'div',
+            actions: 'div',
+            // Casting here to a union between checkbox and radio
+            selector: selectionMode === 'multiselect' ? _reactCheckbox.Checkbox : _reactRadio.Radio
+        },
+        avatarSize: _tokens.treeAvatarSize[size],
+        main: (0, _reactUtilities.resolveShorthand)(main, {
+            required: true,
+            defaultProps: {
+                children
+            }
+        }),
+        media: (0, _reactUtilities.resolveShorthand)(media, {
+            required: true
+        }),
+        description: (0, _reactUtilities.resolveShorthand)(description)
+    };
 };
-exports.useTreeItemPersonaLayout_unstable = useTreeItemPersonaLayout_unstable;
-//# sourceMappingURL=useTreeItemPersonaLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","contexts_1","tokens_1","useTreeItemPersonaLayout_unstable","props","ref","media","content","children","main","description","aside","as","size","useTreeContext_unstable","ctx","isActionsVisible","useTreeItemContext_unstable","components","root","avatarSize","treeAvatarSize","getNativeElementProps","resolveShorthand","required","defaultProps","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TreeItemPersonaLayoutProps, TreeItemPersonaLayoutState } from './TreeItemPersonaLayout.types';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable, useTreeItemContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\n\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */\nexport const useTreeItemPersonaLayout_unstable = (\n  props: TreeItemPersonaLayoutProps,\n  ref: React.Ref<HTMLSpanElement>,\n): TreeItemPersonaLayoutState => {\n  const { media, content, children, main, description, aside, as = 'span' } = props;\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const { isActionsVisible } = useTreeItemContext_unstable();\n  return {\n    components: {\n      content: 'div',\n      main: 'span',\n      description: 'span',\n      root: 'span',\n      media: 'span',\n      aside: 'span',\n    },\n    isActionsVisible,\n    avatarSize: treeAvatarSize[size],\n    root: getNativeElementProps(as, { ...props, ref }),\n    main: resolveShorthand(main, { required: true, defaultProps: { children } }),\n    media: resolveShorthand(media, { required: true }),\n    content: resolveShorthand(content, { required: true }),\n    description: resolveShorthand(description),\n    aside: resolveShorthand(aside),\n  };\n};\n"],"mappings":";;;;;;AAEA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,UAAA,gBAAAD,OAAA;AACA,MAAAE,QAAA,gBAAAF,OAAA;AAEA;;;;;;;;;AASO,MAAMG,iCAAiC,GAAGA,CAC/CC,KAAiC,EACjCC,GAA+B,KACD;EAC9B,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,WAAW;IAAEC,KAAK;IAAEC,EAAE,GAAG;EAAM,CAAE,GAAGR,KAAK;EACjF,MAAMS,IAAI,GAAGZ,UAAA,CAAAa,uBAAuB,CAACC,GAAG,IAAIA,GAAG,CAACF,IAAI,CAAC;EACrD,MAAM;IAAEG;EAAgB,CAAE,GAAGf,UAAA,CAAAgB,2BAA2B,EAAE;EAC1D,OAAO;IACLC,UAAU,EAAE;MACVX,OAAO,EAAE,KAAK;MACdE,IAAI,EAAE,MAAM;MACZC,WAAW,EAAE,MAAM;MACnBS,IAAI,EAAE,MAAM;MACZb,KAAK,EAAE,MAAM;MACbK,KAAK,EAAE;KACR;IACDK,gBAAgB;IAChBI,UAAU,EAAElB,QAAA,CAAAmB,cAAc,CAACR,IAAI,CAAC;IAChCM,IAAI,EAAEpB,iBAAA,CAAAuB,qBAAqB,CAACV,EAAE,EAAE;MAAE,GAAGR,KAAK;MAAEC;IAAG,CAAE,CAAC;IAClDI,IAAI,EAAEV,iBAAA,CAAAwB,gBAAgB,CAACd,IAAI,EAAE;MAAEe,QAAQ,EAAE,IAAI;MAAEC,YAAY,EAAE;QAAEjB;MAAQ;IAAE,CAAE,CAAC;IAC5EF,KAAK,EAAEP,iBAAA,CAAAwB,gBAAgB,CAACjB,KAAK,EAAE;MAAEkB,QAAQ,EAAE;IAAI,CAAE,CAAC;IAClDjB,OAAO,EAAER,iBAAA,CAAAwB,gBAAgB,CAAChB,OAAO,EAAE;MAAEiB,QAAQ,EAAE;IAAI,CAAE,CAAC;IACtDd,WAAW,EAAEX,iBAAA,CAAAwB,gBAAgB,CAACb,WAAW,CAAC;IAC1CC,KAAK,EAAEZ,iBAAA,CAAAwB,gBAAgB,CAACZ,KAAK;GAC9B;AACH,CAAC;AAzBYe,OAAA,CAAAvB,iCAAiC,GAAAA,iCAAA"}
+{"version":3,"sources":["useTreeItemPersonaLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable } from '../../contexts';\nimport { treeAvatarSize } from '../../utils/tokens';\nimport { useTreeItemLayout_unstable } from '../TreeItemLayout/useTreeItemLayout';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\n/**\n * Create the state required to render TreeItemPersonaLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemPersonaLayoutStyles_unstable,\n * before being passed to renderTreeItemPersonaLayout_unstable.\n *\n * @param props - props from this instance of TreeItemPersonaLayout\n * @param ref - reference to root HTMLElement of TreeItemPersonaLayout\n */ export const useTreeItemPersonaLayout_unstable = (props, ref)=>{\n    const { media , children , main , description  } = props;\n    const treeItemLayoutState = useTreeItemLayout_unstable({\n        ...props,\n        iconBefore: null,\n        iconAfter: null\n    }, ref);\n    const size = useTreeContext_unstable((ctx)=>ctx.size);\n    const selectionMode = useTreeContext_unstable((ctx)=>ctx.selectionMode);\n    return {\n        ...treeItemLayoutState,\n        components: {\n            expandIcon: 'div',\n            main: 'div',\n            description: 'div',\n            root: 'div',\n            media: 'div',\n            aside: 'div',\n            actions: 'div',\n            // Casting here to a union between checkbox and radio\n            selector: selectionMode === 'multiselect' ? Checkbox : Radio\n        },\n        avatarSize: treeAvatarSize[size],\n        main: resolveShorthand(main, {\n            required: true,\n            defaultProps: {\n                children\n            }\n        }),\n        media: resolveShorthand(media, {\n            required: true\n        }),\n        description: resolveShorthand(description)\n    };\n};\n"],"names":["useTreeItemPersonaLayout_unstable","props","ref","media","children","main","description","treeItemLayoutState","useTreeItemLayout_unstable","iconBefore","iconAfter","size","useTreeContext_unstable","ctx","selectionMode","components","expandIcon","root","aside","actions","selector","Checkbox","Radio","avatarSize","treeAvatarSize","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAeiBA;;aAAAA;;;6DAfM;gCACU;0BACO;wBACT;mCACY;+BAClB;4BACH;AASX,MAAMA,oCAAoC,CAACC,OAAOC,MAAM;IAC/D,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,KAAI,EAAGC,YAAW,EAAG,GAAGL;IACnD,MAAMM,sBAAsBC,IAAAA,6CAA0B,EAAC;QACnD,GAAGP,KAAK;QACRQ,YAAY,IAAI;QAChBC,WAAW,IAAI;IACnB,GAAGR;IACH,MAAMS,OAAOC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIF,IAAI;IACpD,MAAMG,gBAAgBF,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIC,aAAa;IACtE,OAAO;QACH,GAAGP,mBAAmB;QACtBQ,YAAY;YACRC,YAAY;YACZX,MAAM;YACNC,aAAa;YACbW,MAAM;YACNd,OAAO;YACPe,OAAO;YACPC,SAAS;YACT,qDAAqD;YACrDC,UAAUN,kBAAkB,gBAAgBO,uBAAQ,GAAGC,iBAAK;QAChE;QACAC,YAAYC,sBAAc,CAACb,KAAK;QAChCN,MAAMoB,IAAAA,gCAAgB,EAACpB,MAAM;YACzBqB,UAAU,IAAI;YACdC,cAAc;gBACVvB;YACJ;QACJ;QACAD,OAAOsB,IAAAA,gCAAgB,EAACtB,OAAO;YAC3BuB,UAAU,IAAI;QAClB;QACApB,aAAamB,IAAAA,gCAAgB,EAACnB;IAClC;AACJ"}

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

@@ -1,20 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTreeItemPersonaLayoutContextValues_unstable = void 0;
-const React = /*#__PURE__*/require("react");
+Object.defineProperty(exports, "useTreeItemPersonaLayoutContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemPersonaLayoutContextValues_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useTreeItemPersonaLayoutContextValues_unstable(state) {
-  const {
-    avatarSize
-  } = state;
-  const avatar = React.useMemo(() => ({
-    size: avatarSize
-  }), [avatarSize]);
-  return {
-    avatar
-  };
+    const { avatarSize  } = state;
+    const avatar = _react.useMemo(()=>({
+            size: avatarSize
+        }), [
+        avatarSize
+    ]);
+    return {
+        avatar
+    };
 }
-exports.useTreeItemPersonaLayoutContextValues_unstable = useTreeItemPersonaLayoutContextValues_unstable;
-//# sourceMappingURL=useTreeItemPersonaLayoutContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","useMemo","size","exports"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.ts"],"sourcesContent":["import type { AvatarContextValue } from '@fluentui/react-avatar';\nimport * as React from 'react';\nimport type { TreeItemPersonaLayoutState, TreeItemPersonaLayoutContextValues } from './TreeItemPersonaLayout.types';\n\nexport function useTreeItemPersonaLayoutContextValues_unstable(\n  state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutContextValues {\n  const { avatarSize } = state;\n\n  const avatar = React.useMemo<AvatarContextValue>(() => ({ size: avatarSize }), [avatarSize]);\n\n  return { avatar };\n}\n"],"mappings":";;;;;;AACA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,SAAgBC,8CAA8CA,CAC5DC,KAAiC;EAEjC,MAAM;IAAEC;EAAU,CAAE,GAAGD,KAAK;EAE5B,MAAME,MAAM,GAAGL,KAAK,CAACM,OAAO,CAAqB,OAAO;IAAEC,IAAI,EAAEH;EAAU,CAAE,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE5F,OAAO;IAAEC;EAAM,CAAE;AACnB;AARAG,OAAA,CAAAN,8CAAA,GAAAA,8CAAA"}
+{"version":3,"sources":["useTreeItemPersonaLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemPersonaLayoutContextValues_unstable(state) {\n    const { avatarSize  } = state;\n    const avatar = React.useMemo(()=>({\n            size: avatarSize\n        }), [\n        avatarSize\n    ]);\n    return {\n        avatar\n    };\n}\n"],"names":["useTreeItemPersonaLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,+CAA+CC,KAAK,EAAE;IAClE,MAAM,EAAEC,WAAU,EAAG,GAAGD;IACxB,MAAME,SAASC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC1BC,MAAMJ;QACV,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}