@fluentui/react-persona 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.1

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

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Persona", {
+    enumerable: true,
+    get: ()=>Persona
 });
-exports.Persona = void 0;
-const React = /*#__PURE__*/require("react");
-const renderPersona_1 = /*#__PURE__*/require("./renderPersona");
-const usePersona_1 = /*#__PURE__*/require("./usePersona");
-const usePersonaStyles_1 = /*#__PURE__*/require("./usePersonaStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,
- * or an Avatar with a PresenceBadge.
- */
-exports.Persona = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = usePersona_1.usePersona_unstable(props, ref);
-  usePersonaStyles_1.usePersonaStyles_unstable(state);
-  const {
-    usePersonaStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderPersona_1.renderPersona_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _renderPersona = require("./renderPersona");
+const _usePersona = require("./usePersona");
+const _usePersonaStyles = require("./usePersonaStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const Persona = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _usePersona.usePersona_unstable)(props, ref);
+    (0, _usePersonaStyles.usePersonaStyles_unstable)(state);
+    const { usePersonaStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderPersona.renderPersona_unstable)(state);
 });
-exports.Persona.displayName = 'Persona';
+Persona.displayName = "Persona"; //# sourceMappingURL=Persona.js.map
+
 //# sourceMappingURL=Persona.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","renderPersona_1","usePersona_1","usePersonaStyles_1","react_shared_contexts_1","exports","Persona","forwardRef","props","ref","state","usePersona_unstable","usePersonaStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPersona_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/Persona.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderPersona_unstable } from './renderPersona';\nimport { usePersona_unstable } from './usePersona';\nimport { usePersonaStyles_unstable } from './usePersonaStyles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { PersonaProps } from './Persona.types';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,\n * or an Avatar with a PresenceBadge.\n */\nexport const Persona: ForwardRefComponent<PersonaProps> = React.forwardRef((props, ref) => {\n  const state = usePersona_unstable(props, ref);\n\n  usePersonaStyles_unstable(state);\n\n  const { usePersonaStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderPersona_unstable(state);\n});\n\nPersona.displayName = 'Persona';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AACA,MAAAG,kBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,OAAO,gBAAsCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxF,MAAMC,KAAK,GAAGR,YAAA,CAAAS,mBAAmB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE7CN,kBAAA,CAAAS,yBAAyB,CAACF,KAAK,CAAC;EAEhC,MAAM;IAAEE,yBAAyB,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACrFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,eAAA,CAAAc,sBAAsB,CAACL,KAAK,CAAC;AACtC,CAAC,CAAC;AAEFL,OAAA,CAAAC,OAAO,CAACU,WAAW,GAAG,SAAS"}
+{"version":3,"sources":["../../../lib/components/Persona/Persona.js"],"sourcesContent":["import * as React from \"react\";\nimport { renderPersona_unstable } from \"./renderPersona\";\nimport { usePersona_unstable } from \"./usePersona\";\nimport { usePersonaStyles_unstable } from \"./usePersonaStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,\n * or an Avatar with a PresenceBadge.\n */\nexport const Persona = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePersona_unstable(props, ref);\n  usePersonaStyles_unstable(state);\n  const {\n    usePersonaStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderPersona_unstable(state);\n});\nPersona.displayName = \"Persona\";\n//# sourceMappingURL=Persona.js.map"],"names":["Persona","React","forwardRef","props","ref","state","usePersona_unstable","usePersonaStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPersona_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;+BACgB;4BACH;kCACM;qCACG;AAKtC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,2CAAyB,EAACF;IAC1B,MAAM,EACJE,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qCAAsB,EAACL;AAChC;AACAL,QAAQW,WAAW,GAAG,WACtB,mCAAmC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/Persona.types.ts"],"sourcesContent":["import { Avatar } from '@fluentui/react-avatar';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type PersonaSlots = {\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Avatar to display.\n   *\n   * If a PresenceBadge and an Avatar are provided, the Avatar will display the PresenceBadge as its presence.\n   */\n  avatar?: Slot<typeof Avatar>;\n\n  /**\n   * PresenceBadge to display.\n   *\n   * If `presenceOnly` is true, the PresenceBadge will be displayed instead of the Avatar.\n   */\n  presence?: Slot<typeof PresenceBadge>;\n\n  /**\n   * The first line of text in the Persona, larger than the rest of the lines.\n   *\n   * `primaryText` defaults to the `name` prop. We recomend to only use `name`, use `primaryText` when the text is\n   *  different than the `name` prop.\n   */\n  primaryText?: Slot<'span'>;\n\n  /**\n   * The second line of text in the Persona.\n   */\n  secondaryText?: Slot<'span'>;\n\n  /**\n   * The third line of text in the Persona.\n   */\n  tertiaryText?: Slot<'span'>;\n\n  /**\n   * The fourth line of text in the Persona.\n   */\n  quaternaryText?: Slot<'span'>;\n};\n\n/**\n * Persona Props\n */\nexport type PersonaProps = ComponentProps<PersonaSlots> & {\n  /**\n   * The name of the person or entity represented by the Persona.\n   *\n   * When `primaryText` is not provided, this will be used as the default value for `primaryText`.\n   */\n  name?: string;\n\n  /**\n   * Whether to display only the presence.\n   *\n   * @default false\n   */\n  presenceOnly?: boolean;\n\n  /**\n   * The size of a Persona and its text.\n   *\n   * @default medium\n   */\n  size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';\n\n  /**\n   * The position of the text relative to the avatar/presence.\n   *\n   * @default after\n   */\n  textPosition?: 'after' | 'before' | 'below';\n\n  /**\n   * The vertical alignment of the text relative to the avatar/presence.\n   *\n   * @default start\n   */\n  textAlignment?: 'center' | 'start';\n};\n\n/**\n * State used in rendering Persona\n */\nexport type PersonaState = ComponentState<PersonaSlots> &\n  Required<Pick<PersonaProps, 'presenceOnly' | 'size' | 'textAlignment' | 'textPosition'>> & {\n    /**\n     * The number of text lines used.\n     */\n    numTextLines: number;\n  };\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/Persona/Persona.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Persona.types.js.map"],"names":[],"mappings":";;;;CACA,yCAAyC"}

package/lib-commonjs/components/Persona/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("./Persona"), exports);
-tslib_1.__exportStar(require("./Persona.types"), exports);
-tslib_1.__exportStar(require("./renderPersona"), exports);
-tslib_1.__exportStar(require("./usePersona"), exports);
-tslib_1.__exportStar(require("./usePersonaStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Persona"), exports);
+_exportStar(require("./Persona.types"), exports);
+_exportStar(require("./renderPersona"), exports);
+_exportStar(require("./usePersona"), exports);
+_exportStar(require("./usePersonaStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/index.ts"],"sourcesContent":["export * from './Persona';\nexport * from './Persona.types';\nexport * from './renderPersona';\nexport * from './usePersona';\nexport * from './usePersonaStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,eAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Persona/index.js"],"sourcesContent":["export * from \"./Persona\";\nexport * from \"./Persona.types\";\nexport * from \"./renderPersona\";\nexport * from \"./usePersona\";\nexport * from \"./usePersonaStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Persona/renderPersona.js

@@ -1,39 +1,19 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderPersona_unstable", {
+    enumerable: true,
+    get: ()=>renderPersona_unstable
 });
-exports.renderPersona_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of Persona
- */
-const renderPersona_unstable = state => {
-  const {
-    presenceOnly,
-    textPosition
-  } = state;
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  const coin = presenceOnly ? slots.presence && React.createElement(slots.presence, {
-    ...slotProps.presence
-  }) : slots.avatar && React.createElement(slots.avatar, {
-    ...slotProps.avatar
-  });
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, (textPosition === 'after' || textPosition === 'below') && coin, slots.primaryText && React.createElement(slots.primaryText, {
-    ...slotProps.primaryText
-  }), slots.secondaryText && React.createElement(slots.secondaryText, {
-    ...slotProps.secondaryText
-  }), slots.tertiaryText && React.createElement(slots.tertiaryText, {
-    ...slotProps.tertiaryText
-  }), slots.quaternaryText && React.createElement(slots.quaternaryText, {
-    ...slotProps.quaternaryText
-  }), textPosition === 'before' && coin);
-};
-exports.renderPersona_unstable = renderPersona_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 renderPersona_unstable = (state)=>{
+    const { presenceOnly , textPosition  } = state;
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    const coin = presenceOnly ? slots.presence && /*#__PURE__*/ _react.createElement(slots.presence, slotProps.presence) : slots.avatar && /*#__PURE__*/ _react.createElement(slots.avatar, slotProps.avatar);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, (textPosition === "after" || textPosition === "below") && coin, slots.primaryText && /*#__PURE__*/ _react.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/ _react.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/ _react.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/ _react.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === "before" && coin);
+}; //# sourceMappingURL=renderPersona.js.map
+
 //# sourceMappingURL=renderPersona.js.map

package/lib-commonjs/components/Persona/renderPersona.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderPersona_unstable","state","presenceOnly","textPosition","slots","slotProps","getSlots","coin","presence","createElement","avatar","root","primaryText","secondaryText","tertiaryText","quaternaryText","exports"],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/renderPersona.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { PersonaState, PersonaSlots } from './Persona.types';\n\n/**\n * Render the final JSX of Persona\n */\nexport const renderPersona_unstable = (state: PersonaState) => {\n  const { presenceOnly, textPosition } = state;\n  const { slots, slotProps } = getSlots<PersonaSlots>(state);\n\n  const coin = presenceOnly\n    ? slots.presence && <slots.presence {...slotProps.presence} />\n    : slots.avatar && <slots.avatar {...slotProps.avatar} />;\n\n  return (\n    <slots.root {...slotProps.root}>\n      {(textPosition === 'after' || textPosition === 'below') && coin}\n      {slots.primaryText && <slots.primaryText {...slotProps.primaryText} />}\n      {slots.secondaryText && <slots.secondaryText {...slotProps.secondaryText} />}\n      {slots.tertiaryText && <slots.tertiaryText {...slotProps.tertiaryText} />}\n      {slots.quaternaryText && <slots.quaternaryText {...slotProps.quaternaryText} />}\n      {textPosition === 'before' && coin}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,sBAAsB,GAAIC,KAAmB,IAAI;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAY,CAAE,GAAGF,KAAK;EAC5C,MAAM;IAAEG,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAeL,KAAK,CAAC;EAE1D,MAAMM,IAAI,GAAGL,YAAY,GACrBE,KAAK,CAACI,QAAQ,IAAIX,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACI,QAAQ;IAAA,GAAKH,SAAS,CAACG;EAAQ,EAAI,GAC5DJ,KAAK,CAACM,MAAM,IAAIb,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACM,MAAM;IAAA,GAAKL,SAAS,CAACK;EAAM,EAAI;EAE1D,OACEb,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,GAC3B,CAACR,YAAY,KAAK,OAAO,IAAIA,YAAY,KAAK,OAAO,KAAKI,IAAI,EAC9DH,KAAK,CAACQ,WAAW,IAAIf,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACQ,WAAW;IAAA,GAAKP,SAAS,CAACO;EAAW,EAAI,EACrER,KAAK,CAACS,aAAa,IAAIhB,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACS,aAAa;IAAA,GAAKR,SAAS,CAACQ;EAAa,EAAI,EAC3ET,KAAK,CAACU,YAAY,IAAIjB,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACU,YAAY;IAAA,GAAKT,SAAS,CAACS;EAAY,EAAI,EACxEV,KAAK,CAACW,cAAc,IAAIlB,KAAA,CAAAY,aAAA,CAACL,KAAK,CAACW,cAAc;IAAA,GAAKV,SAAS,CAACU;EAAc,EAAI,EAC9EZ,YAAY,KAAK,QAAQ,IAAII,IAAI,CACvB;AAEjB,CAAC;AAlBYS,OAAA,CAAAhB,sBAAsB,GAAAA,sBAAA"}
+{"version":3,"sources":["../../../lib/components/Persona/renderPersona.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of Persona\n */\nexport const renderPersona_unstable = state => {\n  const {\n    presenceOnly,\n    textPosition\n  } = state;\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  const coin = presenceOnly ? slots.presence && /*#__PURE__*/React.createElement(slots.presence, slotProps.presence) : slots.avatar && /*#__PURE__*/React.createElement(slots.avatar, slotProps.avatar);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, (textPosition === \"after\" || textPosition === \"below\") && coin, slots.primaryText && /*#__PURE__*/React.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/React.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/React.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/React.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === \"before\" && coin);\n};\n//# sourceMappingURL=renderPersona.js.map"],"names":["renderPersona_unstable","state","presenceOnly","textPosition","slots","slotProps","getSlots","coin","presence","React","createElement","avatar","root","primaryText","secondaryText","tertiaryText","quaternaryText"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,aAAY,EACZC,aAAY,EACb,GAAGF;IACJ,MAAM,EACJG,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACL;IACb,MAAMM,OAAOL,eAAeE,MAAMI,QAAQ,IAAI,WAAW,GAAEC,OAAMC,aAAa,CAACN,MAAMI,QAAQ,EAAEH,UAAUG,QAAQ,IAAIJ,MAAMO,MAAM,IAAI,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMO,MAAM,EAAEN,UAAUM,MAAM,CAAC;IACrM,OAAO,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,AAACT,CAAAA,iBAAiB,WAAWA,iBAAiB,OAAM,KAAMI,MAAMH,MAAMS,WAAW,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,WAAW,EAAER,UAAUQ,WAAW,GAAGT,MAAMU,aAAa,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACN,MAAMU,aAAa,EAAET,UAAUS,aAAa,GAAGV,MAAMW,YAAY,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACN,MAAMW,YAAY,EAAEV,UAAUU,YAAY,GAAGX,MAAMY,cAAc,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACN,MAAMY,cAAc,EAAEX,UAAUW,cAAc,GAAGb,iBAAiB,YAAYI;AACzjB,GACA,yCAAyC"}

package/lib-commonjs/components/Persona/usePersona.js

@@ -1,92 +1,88 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "usePersona_unstable", {
+    enumerable: true,
+    get: ()=>usePersona_unstable
 });
-exports.usePersona_unstable = void 0;
-const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_badge_1 = /*#__PURE__*/require("@fluentui/react-badge");
-/**
- * Create the state required to render Persona.
- *
- * The returned state can be modified with hooks such as usePersonaStyles_unstable,
- * before being passed to renderPersona_unstable.
- *
- * @param props - props from this instance of Persona
- * @param ref - reference to root HTMLElement of Persona
- */
-const usePersona_unstable = (props, ref) => {
-  const {
-    name,
-    presenceOnly = false,
-    size = 'medium',
-    textAlignment = 'start',
-    textPosition = 'after'
-  } = props;
-  const primaryText = react_utilities_1.resolveShorthand(props.primaryText, {
-    required: true,
-    defaultProps: {
-      children: name
-    }
-  });
-  const secondaryText = react_utilities_1.resolveShorthand(props.secondaryText);
-  const tertiaryText = react_utilities_1.resolveShorthand(props.tertiaryText);
-  const quaternaryText = react_utilities_1.resolveShorthand(props.quaternaryText);
-  const numTextLines = [primaryText, secondaryText, tertiaryText, quaternaryText].filter(Boolean).length;
-  return {
-    numTextLines,
-    presenceOnly,
-    size,
-    textAlignment,
-    textPosition,
-    components: {
-      root: 'div',
-      avatar: react_avatar_1.Avatar,
-      presence: react_badge_1.PresenceBadge,
-      primaryText: 'span',
-      secondaryText: 'span',
-      tertiaryText: 'span',
-      quaternaryText: 'span'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ...props,
-      ref
-    }, /* excludedPropNames */['name']),
-    avatar: !presenceOnly ? react_utilities_1.resolveShorthand(props.avatar, {
-      required: true,
-      defaultProps: {
-        name,
-        badge: props.presence,
-        size: avatarSizes[size]
-      }
-    }) : undefined,
-    presence: presenceOnly ? react_utilities_1.resolveShorthand(props.presence, {
-      defaultProps: {
-        size: presenceSizes[size]
-      }
-    }) : undefined,
-    primaryText,
-    secondaryText,
-    tertiaryText,
-    quaternaryText
-  };
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactAvatar = require("@fluentui/react-avatar");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactBadge = require("@fluentui/react-badge");
+const usePersona_unstable = (props, ref)=>{
+    const { name , presenceOnly =false , size ="medium" , textAlignment ="start" , textPosition ="after"  } = props;
+    const primaryText = (0, _reactUtilities.resolveShorthand)(props.primaryText, {
+        required: true,
+        defaultProps: {
+            children: name
+        }
+    });
+    const secondaryText = (0, _reactUtilities.resolveShorthand)(props.secondaryText);
+    const tertiaryText = (0, _reactUtilities.resolveShorthand)(props.tertiaryText);
+    const quaternaryText = (0, _reactUtilities.resolveShorthand)(props.quaternaryText);
+    const numTextLines = [
+        primaryText,
+        secondaryText,
+        tertiaryText,
+        quaternaryText
+    ].filter(Boolean).length;
+    return {
+        numTextLines,
+        presenceOnly,
+        size,
+        textAlignment,
+        textPosition,
+        components: {
+            root: "div",
+            avatar: _reactAvatar.Avatar,
+            presence: _reactBadge.PresenceBadge,
+            primaryText: "span",
+            secondaryText: "span",
+            tertiaryText: "span",
+            quaternaryText: "span"
+        },
+        root: (0, _reactUtilities.getNativeElementProps)("div", {
+            ...props,
+            ref
+        }, /* excludedPropNames */ [
+            "name"
+        ]),
+        avatar: !presenceOnly ? (0, _reactUtilities.resolveShorthand)(props.avatar, {
+            required: true,
+            defaultProps: {
+                name,
+                badge: props.presence,
+                size: avatarSizes[size]
+            }
+        }) : undefined,
+        presence: presenceOnly ? (0, _reactUtilities.resolveShorthand)(props.presence, {
+            defaultProps: {
+                size: presenceSizes[size]
+            }
+        }) : undefined,
+        primaryText,
+        secondaryText,
+        tertiaryText,
+        quaternaryText
+    };
 };
-exports.usePersona_unstable = usePersona_unstable;
 const presenceSizes = {
-  'extra-small': 'tiny',
-  small: 'extra-small',
-  medium: 'small',
-  large: 'medium',
-  'extra-large': 'large',
-  huge: 'large'
+    "extra-small": "tiny",
+    small: "extra-small",
+    medium: "small",
+    large: "medium",
+    "extra-large": "large",
+    huge: "large"
 };
 const avatarSizes = {
-  'extra-small': 20,
-  small: 28,
-  medium: 32,
-  large: 36,
-  'extra-large': 40,
-  huge: 56
-};
+    "extra-small": 20,
+    small: 28,
+    medium: 32,
+    large: 36,
+    "extra-large": 40,
+    huge: 56
+}; //# sourceMappingURL=usePersona.js.map
+
 //# sourceMappingURL=usePersona.js.map

package/lib-commonjs/components/Persona/usePersona.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_avatar_1","require","react_utilities_1","react_badge_1","usePersona_unstable","props","ref","name","presenceOnly","size","textAlignment","textPosition","primaryText","resolveShorthand","required","defaultProps","children","secondaryText","tertiaryText","quaternaryText","numTextLines","filter","Boolean","length","components","root","avatar","Avatar","presence","PresenceBadge","getNativeElementProps","badge","avatarSizes","undefined","presenceSizes","exports","small","medium","large","huge"],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/usePersona.ts"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '@fluentui/react-avatar';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport type { PersonaProps, PersonaState } from './Persona.types';\n\n/**\n * Create the state required to render Persona.\n *\n * The returned state can be modified with hooks such as usePersonaStyles_unstable,\n * before being passed to renderPersona_unstable.\n *\n * @param props - props from this instance of Persona\n * @param ref - reference to root HTMLElement of Persona\n */\nexport const usePersona_unstable = (props: PersonaProps, ref: React.Ref<HTMLElement>): PersonaState => {\n  const { name, presenceOnly = false, size = 'medium', textAlignment = 'start', textPosition = 'after' } = props;\n\n  const primaryText = resolveShorthand(props.primaryText, {\n    required: true,\n    defaultProps: {\n      children: name,\n    },\n  });\n  const secondaryText = resolveShorthand(props.secondaryText);\n  const tertiaryText = resolveShorthand(props.tertiaryText);\n  const quaternaryText = resolveShorthand(props.quaternaryText);\n\n  const numTextLines = [primaryText, secondaryText, tertiaryText, quaternaryText].filter(Boolean).length;\n\n  return {\n    numTextLines,\n    presenceOnly,\n    size,\n    textAlignment,\n    textPosition,\n\n    components: {\n      root: 'div',\n      avatar: Avatar,\n      presence: PresenceBadge,\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      quaternaryText: 'span',\n    },\n\n    root: getNativeElementProps(\n      'div',\n      {\n        ...props,\n        ref,\n      },\n      /* excludedPropNames */ ['name'],\n    ),\n    avatar: !presenceOnly\n      ? resolveShorthand(props.avatar, {\n          required: true,\n          defaultProps: {\n            name,\n            badge: props.presence,\n            size: avatarSizes[size],\n          },\n        })\n      : undefined,\n    presence: presenceOnly\n      ? resolveShorthand(props.presence, {\n          defaultProps: {\n            size: presenceSizes[size],\n          },\n        })\n      : undefined,\n    primaryText,\n    secondaryText,\n    tertiaryText,\n    quaternaryText,\n  };\n};\n\nconst presenceSizes = {\n  'extra-small': 'tiny',\n  small: 'extra-small',\n  medium: 'small',\n  large: 'medium',\n  'extra-large': 'large',\n  huge: 'large',\n} as const;\n\nconst avatarSizes = {\n  'extra-small': 20,\n  small: 28,\n  medium: 32,\n  large: 36,\n  'extra-large': 40,\n  huge: 56,\n} as const;\n"],"mappings":";;;;;;AACA,MAAAA,cAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AAGA;;;;;;;;;AASO,MAAMG,mBAAmB,GAAGA,CAACC,KAAmB,EAAEC,GAA2B,KAAkB;EACpG,MAAM;IAAEC,IAAI;IAAEC,YAAY,GAAG,KAAK;IAAEC,IAAI,GAAG,QAAQ;IAAEC,aAAa,GAAG,OAAO;IAAEC,YAAY,GAAG;EAAO,CAAE,GAAGN,KAAK;EAE9G,MAAMO,WAAW,GAAGV,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACO,WAAW,EAAE;IACtDE,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE;MACZC,QAAQ,EAAET;;GAEb,CAAC;EACF,MAAMU,aAAa,GAAGf,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACY,aAAa,CAAC;EAC3D,MAAMC,YAAY,GAAGhB,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACa,YAAY,CAAC;EACzD,MAAMC,cAAc,GAAGjB,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACc,cAAc,CAAC;EAE7D,MAAMC,YAAY,GAAG,CAACR,WAAW,EAAEK,aAAa,EAAEC,YAAY,EAAEC,cAAc,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAEtG,OAAO;IACLH,YAAY;IACZZ,YAAY;IACZC,IAAI;IACJC,aAAa;IACbC,YAAY;IAEZa,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXC,MAAM,EAAE1B,cAAA,CAAA2B,MAAM;MACdC,QAAQ,EAAEzB,aAAA,CAAA0B,aAAa;MACvBjB,WAAW,EAAE,MAAM;MACnBK,aAAa,EAAE,MAAM;MACrBC,YAAY,EAAE,MAAM;MACpBC,cAAc,EAAE;KACjB;IAEDM,IAAI,EAAEvB,iBAAA,CAAA4B,qBAAqB,CACzB,KAAK,EACL;MACE,GAAGzB,KAAK;MACRC;KACD,EACD,uBAAwB,CAAC,MAAM,CAAC,CACjC;IACDoB,MAAM,EAAE,CAAClB,YAAY,GACjBN,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACqB,MAAM,EAAE;MAC7BZ,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZR,IAAI;QACJwB,KAAK,EAAE1B,KAAK,CAACuB,QAAQ;QACrBnB,IAAI,EAAEuB,WAAW,CAACvB,IAAI;;KAEzB,CAAC,GACFwB,SAAS;IACbL,QAAQ,EAAEpB,YAAY,GAClBN,iBAAA,CAAAW,gBAAgB,CAACR,KAAK,CAACuB,QAAQ,EAAE;MAC/Bb,YAAY,EAAE;QACZN,IAAI,EAAEyB,aAAa,CAACzB,IAAI;;KAE3B,CAAC,GACFwB,SAAS;IACbrB,WAAW;IACXK,aAAa;IACbC,YAAY;IACZC;GACD;AACH,CAAC;AA9DYgB,OAAA,CAAA/B,mBAAmB,GAAAA,mBAAA;AAgEhC,MAAM8B,aAAa,GAAG;EACpB,aAAa,EAAE,MAAM;EACrBE,KAAK,EAAE,aAAa;EACpBC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE,QAAQ;EACf,aAAa,EAAE,OAAO;EACtBC,IAAI,EAAE;CACE;AAEV,MAAMP,WAAW,GAAG;EAClB,aAAa,EAAE,EAAE;EACjBI,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,EAAE;EACT,aAAa,EAAE,EAAE;EACjBC,IAAI,EAAE;CACE"}
+{"version":3,"sources":["../../../lib/components/Persona/usePersona.js"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar } from \"@fluentui/react-avatar\";\nimport { getNativeElementProps, resolveShorthand } from \"@fluentui/react-utilities\";\nimport { PresenceBadge } from \"@fluentui/react-badge\";\n/**\n * Create the state required to render Persona.\n *\n * The returned state can be modified with hooks such as usePersonaStyles_unstable,\n * before being passed to renderPersona_unstable.\n *\n * @param props - props from this instance of Persona\n * @param ref - reference to root HTMLElement of Persona\n */\nexport const usePersona_unstable = (props, ref) => {\n  const {\n    name,\n    presenceOnly = false,\n    size = \"medium\",\n    textAlignment = \"start\",\n    textPosition = \"after\"\n  } = props;\n  const primaryText = resolveShorthand(props.primaryText, {\n    required: true,\n    defaultProps: {\n      children: name\n    }\n  });\n  const secondaryText = resolveShorthand(props.secondaryText);\n  const tertiaryText = resolveShorthand(props.tertiaryText);\n  const quaternaryText = resolveShorthand(props.quaternaryText);\n  const numTextLines = [primaryText, secondaryText, tertiaryText, quaternaryText].filter(Boolean).length;\n  return {\n    numTextLines,\n    presenceOnly,\n    size,\n    textAlignment,\n    textPosition,\n    components: {\n      root: \"div\",\n      avatar: Avatar,\n      presence: PresenceBadge,\n      primaryText: \"span\",\n      secondaryText: \"span\",\n      tertiaryText: \"span\",\n      quaternaryText: \"span\"\n    },\n    root: getNativeElementProps(\"div\", {\n      ...props,\n      ref\n    }, /* excludedPropNames */[\"name\"]),\n    avatar: !presenceOnly ? resolveShorthand(props.avatar, {\n      required: true,\n      defaultProps: {\n        name,\n        badge: props.presence,\n        size: avatarSizes[size]\n      }\n    }) : undefined,\n    presence: presenceOnly ? resolveShorthand(props.presence, {\n      defaultProps: {\n        size: presenceSizes[size]\n      }\n    }) : undefined,\n    primaryText,\n    secondaryText,\n    tertiaryText,\n    quaternaryText\n  };\n};\nconst presenceSizes = {\n  \"extra-small\": \"tiny\",\n  small: \"extra-small\",\n  medium: \"small\",\n  large: \"medium\",\n  \"extra-large\": \"large\",\n  huge: \"large\"\n};\nconst avatarSizes = {\n  \"extra-small\": 20,\n  small: 28,\n  medium: 32,\n  large: 36,\n  \"extra-large\": 40,\n  huge: 56\n};\n//# sourceMappingURL=usePersona.js.map"],"names":["usePersona_unstable","props","ref","name","presenceOnly","size","textAlignment","textPosition","primaryText","resolveShorthand","required","defaultProps","children","secondaryText","tertiaryText","quaternaryText","numTextLines","filter","Boolean","length","components","root","avatar","Avatar","presence","PresenceBadge","getNativeElementProps","badge","avatarSizes","undefined","presenceSizes","small","medium","large","huge"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;6BACA;gCACiC;4BAC1B;AAUvB,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,KAAI,EACJC,cAAe,KAAK,CAAA,EACpBC,MAAO,SAAQ,EACfC,eAAgB,QAAO,EACvBC,cAAe,QAAO,EACvB,GAAGN;IACJ,MAAMO,cAAcC,IAAAA,gCAAgB,EAACR,MAAMO,WAAW,EAAE;QACtDE,UAAU,IAAI;QACdC,cAAc;YACZC,UAAUT;QACZ;IACF;IACA,MAAMU,gBAAgBJ,IAAAA,gCAAgB,EAACR,MAAMY,aAAa;IAC1D,MAAMC,eAAeL,IAAAA,gCAAgB,EAACR,MAAMa,YAAY;IACxD,MAAMC,iBAAiBN,IAAAA,gCAAgB,EAACR,MAAMc,cAAc;IAC5D,MAAMC,eAAe;QAACR;QAAaK;QAAeC;QAAcC;KAAe,CAACE,MAAM,CAACC,SAASC,MAAM;IACtG,OAAO;QACLH;QACAZ;QACAC;QACAC;QACAC;QACAa,YAAY;YACVC,MAAM;YACNC,QAAQC,mBAAM;YACdC,UAAUC,yBAAa;YACvBjB,aAAa;YACbK,eAAe;YACfC,cAAc;YACdC,gBAAgB;QAClB;QACAM,MAAMK,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAGzB,KAAK;YACRC;QACF,GAAG,qBAAqB,GAAE;YAAC;SAAO;QAClCoB,QAAQ,CAAClB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMqB,MAAM,EAAE;YACrDZ,UAAU,IAAI;YACdC,cAAc;gBACZR;gBACAwB,OAAO1B,MAAMuB,QAAQ;gBACrBnB,MAAMuB,WAAW,CAACvB,KAAK;YACzB;QACF,KAAKwB,SAAS;QACdL,UAAUpB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMuB,QAAQ,EAAE;YACxDb,cAAc;gBACZN,MAAMyB,aAAa,CAACzB,KAAK;YAC3B;QACF,KAAKwB,SAAS;QACdrB;QACAK;QACAC;QACAC;IACF;AACF;AACA,MAAMe,gBAAgB;IACpB,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR;AACA,MAAMN,cAAc;IAClB,eAAe;IACfG,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR,GACA,sCAAsC"}