npm - @azure/communication-react - Versions diffs - 1.22.0-beta.1 → 1.23.0-alpha-202412190017 - Mend

@azure/communication-react 1.22.0-beta.1 → 1.23.0-alpha-202412190017

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1219) hide show

package/dist/dist-esm/react-composites/src/composites/common/resolveVideoEffectDependencyLazy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resolveVideoEffectDependencyLazy.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-composites/src/composites/common/resolveVideoEffectDependencyLazy.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;~~AAKlC~~;;;;GAIG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAAoD,EAAE;IACtG,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC;IACpE,MAAM,0BAA0B,GAAG,CAAC,MAA6B,EAAwB,EAAE;QACzF,OAAO,IAAI,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,MAAM,iCAAiC,GAAG,CAAC,MAAmC,EAA+B,EAAE;QAC7G,OAAO,IAAI,MAAM,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,gCAAgC,GAAqC;QACzE,0BAA0B;QAC1B,iCAAiC;KAClC,CAAC;IACF,OAAO,gCAAgC,CAAC;AAC1C,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BackgroundBlurConfig, BackgroundBlurEffect, BackgroundReplacementConfig, BackgroundReplacementEffect } from '@azure/communication-calling';\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\n/*\n \n * Dependency resolution for video background effects using lazy loading.\n * @public\n */\nexport const onResolveVideoEffectDependencyLazy = async (): Promise<VideoBackgroundEffectsDependency> => {\n const module = await import('@azure/communication-calling-effects');\n const createBackgroundBlurEffect = (config?: BackgroundBlurConfig): BackgroundBlurEffect => {\n return new module.BackgroundBlurEffect(config);\n };\n const createBackgroundReplacementEffect = (config: BackgroundReplacementConfig): BackgroundReplacementEffect => {\n return new module.BackgroundReplacementEffect(config);\n };\n const VideoBackgroundEffectsDependency: VideoBackgroundEffectsDependency = {\n createBackgroundBlurEffect,\n createBackgroundReplacementEffect\n };\n return VideoBackgroundEffectsDependency;\n};"]}
1	+ {"version":3,"file":"resolveVideoEffectDependencyLazy.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/resolveVideoEffectDependencyLazy.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAWlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,GAAoD,EAAE;IACtG,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,sCAAsC,CAAC,CAAC;IACpE,MAAM,0BAA0B,GAAG,CAAC,MAA6B,EAAwB,EAAE;QACzF,OAAO,IAAI,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,MAAM,iCAAiC,GAAG,CAAC,MAAmC,EAA+B,EAAE;QAC7G,OAAO,IAAI,MAAM,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,gCAAgC,GAAqC;QACzE,0BAA0B;QAC1B,iCAAiC;KAClC,CAAC;IACF,OAAO,gCAAgC,CAAC;AAC1C,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type {\n BackgroundBlurConfig,\n BackgroundBlurEffect,\n BackgroundReplacementConfig,\n BackgroundReplacementEffect\n} from '@azure/communication-calling';\n\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\n/*\n \n * Dependency resolution for video background effects using lazy loading.\n * @public\n */\nexport const onResolveVideoEffectDependencyLazy = async (): Promise<VideoBackgroundEffectsDependency> => {\n const module = await import('@azure/communication-calling-effects');\n const createBackgroundBlurEffect = (config?: BackgroundBlurConfig): BackgroundBlurEffect => {\n return new module.BackgroundBlurEffect(config);\n };\n const createBackgroundReplacementEffect = (config: BackgroundReplacementConfig): BackgroundReplacementEffect => {\n return new module.BackgroundReplacementEffect(config);\n };\n const VideoBackgroundEffectsDependency: VideoBackgroundEffectsDependency = {\n createBackgroundBlurEffect,\n createBackgroundReplacementEffect\n };\n return VideoBackgroundEffectsDependency;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/Composite.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Composite.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/Composite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n This minimum width is to make sure the side pane does not overlap with the composite when the screen is narrow.\n \n @private\n */\nexport const compositeMinWidthRem = 30;"]}
1	+ {"version":3,"file":"Composite.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Composite.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/*\n This minimum width is to make sure the side pane does not overlap with the composite when the screen is narrow.\n \n @private\n */\nexport const compositeMinWidthRem = 30;\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/GlobalHostLayer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalHostLayer.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/GlobalHostLayer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react/lib/Styling';\n\n/*\n @private\n */\nexport const globalLayerHostStyle: IStyle = {\n position: 'fixed',\n zIndex: 1000000,\n inset: '0px',\n visibility: 'hidden'\n};"]}
1	+ {"version":3,"file":"GlobalHostLayer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/GlobalHostLayer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle } from '@fluentui/react/lib/Styling';\n\n/*\n @private\n */\nexport const globalLayerHostStyle: IStyle = {\n position: 'fixed',\n zIndex: 1000000,\n inset: '0px',\n visibility: 'hidden'\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js CHANGED Viewed

@@ -20,11 +20,9 @@ export const getPipStyles = (theme) => ({
     modal: {
         main: Object.assign(Object.assign({ borderRadius: theme.effects.roundedCorner4, boxShadow: theme.effects.elevation8,
             // Above the message thread / people pane.
-            zIndex: 2 }, (theme.rtl ? {
-            left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)
-        } : {
-            right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)
-        })), { bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx) })
+            zIndex: 2 }, (theme.rtl
+            ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
+            : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx) })
     }
 });
 /**
@@ -44,11 +42,7 @@ export const PIPContainerStyle = {
 /**
  * @private
  */
-export const hiddenStyle = concatStyleSets(PIPContainerStyle, {
-    root: {
-        display: 'none'
-    }
-});
+export const hiddenStyle = concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalLocalAndRemotePIP.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,~~EAAE~~,eAAe,~~EAAwF~~,MAAM,iBAAiB,CAAC;~~AACxI~~,OAAO,EAAE,QAAQ,EAAE,yCAAgC;~~AASnD~~;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe,EAAE,EAAE;IACnB,gBAAgB,EAAE,EAAE;IACpB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE;QACL,IAAI,gCACF,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAC1C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;YACnC,0CAA0C;YAC1C,MAAM,EAAE,CAAC,IACN,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,~~CAAC;YACd~~,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC;~~SACrD~~,CAAC,CAAC,~~CAAC;YACF~~,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC~~;SACtD~~,CAAC,~~KACF~~,MAAM,EAAE,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,GACxD;KACF;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;SAC/B;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiB,eAAe,CAAC,iBAAiB,EAAE~~;IAC1E~~,IAAI,EAAE~~;QACJ~~,OAAO,EAAE,MAAM~~;KAChB;CACF~~,CAAC,CAAC;~~AAEH~~;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA2D;IAChF,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,sFAAsF;QACtF,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,gFAAgF;QAChF,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;YAC9B,aAAa,EAAE,MAAM;SACtB;KACF;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,QAAQ;IAChB,2EAA2E;IAC3E,aAAa,EAAE,MAAM;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IModalStyleProps, IModalStyles, IStackStyles, IStyle, IStyleFunctionOrObject, ITheme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n Styles for {@link ModalLocalAndRemotePIP} component\n /\nexport type ModalLocalAndRemotePIPStyles = {\n modal?: Partial<IModalStyles~~>;\n~~};\n\n/\n Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.\n \n @private\n /\nexport const MODAL_PIP_DEFAULT_PX = {\n rightPositionPx: 16,\n bottomPositionPx: 64,\n widthPx: 88,\n heightPx: 128\n};\n\n/\n @private\n /\nexport const getPipStyles = (theme: ITheme): ModalLocalAndRemotePIPStyles => ({\n modal: {\n main: {\n borderRadius: theme.effects.roundedCorner4,\n boxShadow: theme.effects.elevation8,\n // Above the message thread / people pane.\n zIndex: 2,\n ...(theme.rtl ? {\n left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)\n } : {\n right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx)\n }),\n bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx)\n }\n }\n});\n\n/\n @private\n /\nexport const PIPContainerStyle: IStackStyles = {\n root: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n ':focus-within': {\n outline: '1px solid #00000000'\n }\n }\n};\n\n/\n @private\n /\nexport const hiddenStyle: IStackStyles = concatStyleSets(PIPContainerStyle, {\n root: {\n display: 'none'\n }\n});\n\n/\n @private\n /\nexport const modalStyle: IStyleFunctionOrObject<IModalStyleProps, IModalStyles> = {\n main: {\n minWidth: 'min-content',\n minHeight: 'min-content',\n position: 'absolute',\n overflow: 'hidden',\n // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive\n pointerEvents: 'auto',\n touchAction: 'none'\n },\n root: {\n width: '100%',\n height: '100%',\n // pointer events for root Modal div set to none to make descendants interactive\n pointerEvents: 'none',\n ':focus-within': {\n outline: '3px solid #00000000',\n outlineOffset: '-3px'\n }\n }\n};\n\n/\n Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.\n * @private\n */\nexport const modalLayerHostStyle: IStyle = {\n display: 'flex',\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n zIndex: '100000',\n // pointer events for layerHost set to none to make descendants interactive\n pointerEvents: 'none'\n};"]}
1	+ {"version":3,"file":"ModalLocalAndRemotePIP.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EAOhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAOnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe,EAAE,EAAE;IACnB,gBAAgB,EAAE,EAAE;IACpB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE;QACL,IAAI,gCACF,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAC1C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;YACnC,0CAA0C;YAC1C,MAAM,EAAE,CAAC,IACN,CAAC,KAAK,CAAC,GAAG;YACX,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE;YAC1D,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,CAAC,KAC9D,MAAM,EAAE,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,GACxD;KACF;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;SAC/B;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiB,eAAe,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAE3G;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA2D;IAChF,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,sFAAsF;QACtF,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,gFAAgF;QAChF,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;YAC9B,aAAa,EAAE,MAAM;SACtB;KACF;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,QAAQ;IAChB,2EAA2E;IAC3E,aAAa,EAAE,MAAM;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n concatStyleSets,\n IModalStyleProps,\n IModalStyles,\n IStackStyles,\n IStyle,\n IStyleFunctionOrObject,\n ITheme\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n Styles for {@link ModalLocalAndRemotePIP} component\n /\nexport type ModalLocalAndRemotePIPStyles = { modal?: Partial<IModalStyles> };\n\n/\n Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.\n \n @private\n /\nexport const MODAL_PIP_DEFAULT_PX = {\n rightPositionPx: 16,\n bottomPositionPx: 64,\n widthPx: 88,\n heightPx: 128\n};\n\n/\n @private\n /\nexport const getPipStyles = (theme: ITheme): ModalLocalAndRemotePIPStyles => ({\n modal: {\n main: {\n borderRadius: theme.effects.roundedCorner4,\n boxShadow: theme.effects.elevation8,\n // Above the message thread / people pane.\n zIndex: 2,\n ...(theme.rtl\n ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }\n : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }),\n bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx)\n }\n }\n});\n\n/\n @private\n /\nexport const PIPContainerStyle: IStackStyles = {\n root: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n ':focus-within': {\n outline: '1px solid #00000000'\n }\n }\n};\n\n/\n @private\n /\nexport const hiddenStyle: IStackStyles = concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });\n\n/\n @private\n /\nexport const modalStyle: IStyleFunctionOrObject<IModalStyleProps, IModalStyles> = {\n main: {\n minWidth: 'min-content',\n minHeight: 'min-content',\n position: 'absolute',\n overflow: 'hidden',\n // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive\n pointerEvents: 'auto',\n touchAction: 'none'\n },\n root: {\n width: '100%',\n height: '100%',\n // pointer events for root Modal div set to none to make descendants interactive\n pointerEvents: 'none',\n ':focus-within': {\n outline: '3px solid #00000000',\n outlineOffset: '-3px'\n }\n }\n};\n\n/\n Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.\n * @private\n */\nexport const modalLayerHostStyle: IStyle = {\n display: 'flex',\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n zIndex: '100000',\n // pointer events for layerHost set to none to make descendants interactive\n pointerEvents: 'none'\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js CHANGED Viewed

@@ -6,28 +6,15 @@ const SIDE_PANE_PADDING_LR_REM = 0.25;
 /**
  * @private
  */
-export const mobilePaneStyle = {
-    root: {
-        width: '100%',
-        height: '100%'
-    }
-};
+export const mobilePaneStyle = { root: { width: '100%', height: '100%' } };
 /**
  * @private
  */
-export const hiddenMobilePaneStyle = concatStyleSets(mobilePaneStyle, {
-    root: {
-        display: 'none'
-    }
-});
+export const hiddenMobilePaneStyle = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });
 /**
  * @private
  */
-export const mobilePaneControlBarStyle = {
-    root: {
-        height: '3rem'
-    }
-};
+export const mobilePaneControlBarStyle = { root: { height: '3rem' } };
 /**
  * @private
  */
@@ -40,20 +27,14 @@ export const mobilePaneBackButtonStyles = {
         background: 'none',
         padding: '0 1rem'
     },
-    rootChecked: {
-        background: 'none'
-    },
-    rootCheckedHovered: {
-        background: 'none'
-    }
+    rootChecked: { background: 'none' },
+    rootCheckedHovered: { background: 'none' }
 };
 /**
  * @private
  */
 export const mobilePaneHiddenIconStyles = concatStyleSets(mobilePaneBackButtonStyles, {
-    root: {
-        visibility: 'hidden'
-    }
+    root: { visibility: 'hidden' }
 });
 /**
  * @private
@@ -67,16 +48,9 @@ export const mobilePaneButtonStyles = {
         background: 'none',
         padding: '0'
     },
-    rootChecked: {
-        background: 'none'
-    },
-    rootCheckedHovered: {
-        background: 'none'
-    },
-    flexContainer: {
-        flexFlow: 'column',
-        display: 'contents'
-    },
+    rootChecked: { background: 'none' },
+    rootCheckedHovered: { background: 'none' },
+    flexContainer: { flexFlow: 'column', display: 'contents' },
     label: {
         fontSize: '1rem',
         fontWeight: 100,
@@ -85,9 +59,7 @@ export const mobilePaneButtonStyles = {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
     },
-    labelChecked: {
-        fontWeight: 600
-    }
+    labelChecked: { fontWeight: 600 }
 };
 /**
  * @private
@@ -112,12 +84,7 @@ export const sidePaneStyles = (maxWidth, minWidth) => ({
 /**
  * @private
  */
-export const availableSpaceStyles = {
-    root: {
-        width: '100%',
-        height: '100%'
-    }
-};
+export const availableSpaceStyles = { root: { width: '100%', height: '100%' } };
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/common/styles/Pane.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAqD,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;~~AAC5D~~,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAEtC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG~~;IAC7B~~,IAAI,EAAE~~;QACJ~~,KAAK,EAAE,MAAM~~;QACb~~,MAAM,EAAE,MAAM~~;KACf;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB,eAAe,CAAC,eAAe,EAAE~~;IAClF~~,IAAI,EAAE~~;QACJ~~,OAAO,EAAE,MAAM~~;KAChB;CACF~~,CAAC,CAAC;~~AAEH~~;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB~~;IACrD~~,IAAI,EAAE~~;QACJ~~,MAAM,EAAE,MAAM~~;KACf;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,QAAQ;KAClB;IACD,WAAW,EAAE~~;QACX~~,UAAU,EAAE,MAAM;~~KACnB;IACD~~,kBAAkB,EAAE~~;QAClB~~,UAAU,EAAE,MAAM;~~KACnB;CACF~~,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAkB,eAAe,CAAC,0BAA0B,EAAE;IACnG,IAAI,EAAE~~;QACJ~~,UAAU,EAAE,QAAQ;~~KACrB;CACF~~,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,4BAA4B;QAC1C,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE~~;QACX~~,UAAU,EAAE,MAAM;~~KACnB;IACD~~,kBAAkB,EAAE~~;QAClB~~,UAAU,EAAE,MAAM;~~KACnB;IACD~~,aAAa,EAAE~~;QACb~~,QAAQ,EAAE,QAAQ~~;QAClB~~,OAAO,EAAE,UAAU;~~KACpB;IACD~~,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE~~;QACZ~~,UAAU,EAAE,GAAG;~~KAChB;CACF~~,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAiB,EAAE,QAAiB,EAAgB,EAAE,CAAC,CAAC;IACrF,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,UAAU,wBAAwB,KAAK;QAChD,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,SAAS;QAC/B,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,4BAA4B,GAAG,wBAAwB,GAAG,CAAC,KAAK;KAC1F;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB~~;IAChD~~,IAAI,EAAE~~;QACJ~~,KAAK,EAAE,MAAM~~;QACb~~,MAAM,EAAE,MAAM~~;KACf;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAU,EAAE,~~CAAC~~,WAAW,CAAC;~~IAC3E~~,gCAAgC,EAAE;QAChC,MAAM,EAAE,kBAAkB,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;QAC/C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,MAAM,EAAE,4BAA4B;KACrC;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens, ITheme, mergeStyles } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/*\n @private\n /\nexport const mobilePaneStyle = {\n root: {\n width: '100%'~~,\n~~ height: '100%'\n }\n};\n\n/\n @private\n /\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, {\n root: {\n display: 'none'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneControlBarStyle: IStackStyles = {\n root: {\n height: '3rem'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n minWidth: '2.5rem',\n maxWidth: '2.875rem',\n height: '100%',\n background: 'none',\n padding: '0 1rem'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n }\n};\n\n/\n @private\n /\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n root: {\n visibility: 'hidden'\n }\n});\n\n/\n @private\n /\nexport const mobilePaneButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n borderBottom: '0.125rem solid transparent',\n width: '8rem',\n height: '100%',\n background: 'none',\n padding: '0'\n },\n rootChecked: {\n background: 'none'\n },\n rootCheckedHovered: {\n background: 'none'\n },\n flexContainer: {\n flexFlow: 'column'~~,\n~~ display: 'contents'\n },\n label: {\n fontSize: '1rem',\n fontWeight: 100,\n lineHeight: '2rem',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n },\n labelChecked: {\n fontWeight: 600\n }\n};\n\n/\n @private\n /\nexport const hiddenStyles: IStackStyles = {\n root: {\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n root: {\n height: 'auto',\n width: '100%',\n padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n maxWidth: maxWidth ?? '21.5rem',\n minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM 2}rem`\n }\n});\n\n/*\n @private\n /\nexport const availableSpaceStyles: IStackStyles = {\n root: {\n width: '100%'~~,\n~~ height: '100%'\n }\n};\n\n/\n @private\n /\nexport const sidePaneTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/* @private */\nexport const paneHighContrastStyles = (theme: ITheme): string => mergeStyles({\n '@media (forced-colors: active)': {\n border: `0.125rem solid ${theme.palette.black}`,\n borderRadius: theme.effects.roundedCorner4,\n margin: '0.5rem 0.25rem 0.5rem 0rem'\n }\n});"]}
1	+ {"version":3,"file":"Pane.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Pane.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, IButtonStyles, IStackStyles, IStackTokens, ITheme, mergeStyles } from '@fluentui/react';\nimport { CHAT_CONTAINER_MIN_WIDTH_REM } from '../constants';\n\nconst SIDE_PANE_PADDING_LR_REM = 0.25;\n\n/*\n @private\n /\nexport const mobilePaneStyle = { root: { width: '100%', height: '100%' } };\n\n/\n @private\n /\nexport const hiddenMobilePaneStyle: IStackStyles = concatStyleSets(mobilePaneStyle, { root: { display: 'none' } });\n\n/\n @private\n /\nexport const mobilePaneControlBarStyle: IStackStyles = { root: { height: '3rem' } };\n\n/\n @private\n /\nexport const mobilePaneBackButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n minWidth: '2.5rem',\n maxWidth: '2.875rem',\n height: '100%',\n background: 'none',\n padding: '0 1rem'\n },\n rootChecked: { background: 'none' },\n rootCheckedHovered: { background: 'none' }\n};\n\n/\n @private\n /\nexport const mobilePaneHiddenIconStyles: IButtonStyles = concatStyleSets(mobilePaneBackButtonStyles, {\n root: { visibility: 'hidden' }\n});\n\n/\n @private\n /\nexport const mobilePaneButtonStyles: IButtonStyles = {\n root: {\n border: 'none',\n borderBottom: '0.125rem solid transparent',\n width: '8rem',\n height: '100%',\n background: 'none',\n padding: '0'\n },\n rootChecked: { background: 'none' },\n rootCheckedHovered: { background: 'none' },\n flexContainer: { flexFlow: 'column', display: 'contents' },\n label: {\n fontSize: '1rem',\n fontWeight: 100,\n lineHeight: '2rem',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n },\n labelChecked: { fontWeight: 600 }\n};\n\n/\n @private\n /\nexport const hiddenStyles: IStackStyles = {\n root: {\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneStyles = (maxWidth?: string, minWidth?: string): IStackStyles => ({\n root: {\n height: 'auto',\n width: '100%',\n padding: `0.5rem ${SIDE_PANE_PADDING_LR_REM}rem`,\n maxWidth: maxWidth ?? '21.5rem',\n minWidth: minWidth ?? `${CHAT_CONTAINER_MIN_WIDTH_REM + SIDE_PANE_PADDING_LR_REM 2}rem`\n }\n});\n\n/*\n @private\n /\nexport const availableSpaceStyles: IStackStyles = { root: { width: '100%', height: '100%' } };\n\n/\n @private\n /\nexport const sidePaneTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/* @private */\nexport const paneHighContrastStyles = (theme: ITheme): string =>\n mergeStyles({\n '@media (forced-colors: active)': {\n border: `0.125rem solid ${theme.palette.black}`,\n borderRadius: theme.effects.roundedCorner4,\n margin: '0.5rem 0.25rem 0.5rem 0rem'\n }\n });\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js CHANGED Viewed

@@ -46,22 +46,11 @@ export const sidePaneHeaderContainerStyles = {
 /**
  * @private
  */
-export const paneBodyContainer = {
-    root: {
-        flexDirection: 'column',
-        display: 'flex'
-    }
-};
+export const paneBodyContainer = { root: { flexDirection: 'column', display: 'flex' } };
 /**
  * @private
  */
-export const scrollableContainer = {
-    root: {
-        flexBasis: '0',
-        flexGrow: '1',
-        overflowY: 'auto'
-    }
-};
+export const scrollableContainer = { root: { flexBasis: '0', flexGrow: '1', overflowY: 'auto' } };
 /**
  * @private
  */
@@ -77,13 +66,7 @@ export const scrollableContainerContents = {
 /**
  * @private
  */
-export const containerContextStyles = {
-    root: {
-        position: 'absolute',
-        height: '100%',
-        width: '100%'
-    }
-};
+export const containerContextStyles = { root: { position: 'absolute', height: '100%', width: '100%' } };
 /**
  * @private
  */
@@ -115,9 +98,7 @@ export const participantListWrapper = (theme) => mergeStyles({
 /**
  * @private
  */
-export const participantListContainerPadding = {
-    childrenGap: '0.5rem'
-};
+export const participantListContainerPadding = { childrenGap: '0.5rem' };
 /**
  * @private
  */
@@ -136,9 +117,7 @@ export const participantListContainerStyle = mergeStyles({
  * @private
  */
 export const participantListStyle = {
-    root: {
-        padding: '0rem'
-    },
+    root: { padding: '0rem' },
     participantItemStyles: {
         root: {
             padding: '0.5rem'
@@ -149,9 +128,7 @@ export const participantListStyle = {
  * @private
  */
 export const participantListMobileStyle = {
-    root: {
-        padding: '0rem'
-    },
+    root: { padding: '0rem' },
     participantItemStyles: {
         root: {
             padding: '0.5rem 1rem'

package/dist/dist-esm/react-composites/src/composites/common/styles/ParticipantContainer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgD,WAAW,EAAwB,MAAM,iBAAiB,CAAC;AAElH,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAqB;IAC7D,IAAI,kCACC,uBAAuB,KAC1B,OAAO,EAAE,MAAM,GAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAqB;IACpD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB;IACzD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB~~;IAC7C~~,IAAI,EAAE~~;QACJ~~,aAAa,EAAE,QAAQ~~;QACvB~~,OAAO,EAAE,MAAM~~;KAChB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB~~;IAC/C~~,IAAI,EAAE~~;QACJ~~,SAAS,EAAE,GAAG~~;QACd~~,QAAQ,EAAE,GAAG~~;QACb~~,SAAS,EAAE,MAAM~~;KAClB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAqB;IAC3D,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG;QACb,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,MAAM;QAChB,wFAAwF;QACxF,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAiB~~;IAClD~~,IAAI,EAAE~~;QACJ~~,QAAQ,EAAE,UAAU~~;QACpB~~,MAAM,EAAE,MAAM~~;QACd~~,KAAK,EAAE,MAAM~~;KACd;CACF~~,CAAC;~~AACF~~;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAU,EAAE,~~CAAC~~,WAAW,CAAC;~~IAC1E~~,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;IACpC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;IAC/C,8DAA8D;IAC9D,MAAM,EAAE,qBAAqB,GAAG,CAAC;CAClC,CAAC,CAAC;~~AAEH~~;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG~~;IAC7C~~,WAAW,EAAE,QAAQ~~;CACtB~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,IAAI,EAAE~~;QACJ~~,OAAO,EAAE,MAAM;~~KAChB;IACD~~,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;SAClB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D,IAAI,EAAE~~;QACJ~~,OAAO,EAAE,MAAM;~~KAChB;IACD~~,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,OAAO,EAAE,aAAa;SACvB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAiB,EAAE;IACrE,OAAO;QACL,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,gBAAgB;YACzB,WAAW,EAAE,SAAS;YACtB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;SACnB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;YACrC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStackItemStyles, IStackTokens, mergeStyles, Theme, IButtonStyles } from '@fluentui/react';\nimport { ParticipantListStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_ZINDEX } from '../../ChatComposite/styles/Chat.styles';\n\n/*\n @private\n /\nexport const sidePaneContainerStyles: IStackItemStyles = {\n root: {\n height: '100%',\n padding: '0.5rem 0.25rem',\n width: '21.5rem'\n }\n};\n\n/\n @private\n /\nexport const sidePaneContainerHiddenStyles: IStackItemStyles = {\n root: {\n ...sidePaneContainerStyles,\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const sidePaneHeaderStyles: IStackItemStyles = {\n root: {\n lineHeight: '1.5rem',\n fontSize: '1.125rem',\n padding: '0.75rem 0.75rem 0.75rem 0.25rem',\n fontWeight: '600'\n }\n};\n\n/\n @private\n /\nexport const sidePaneHeaderContainerStyles: IStackStyles = {\n root: {\n margin: '0 0.25rem'\n }\n};\n\n/\n @private\n /\nexport const paneBodyContainer: IStackStyles = {\n root: {\n flexDirection: 'column'~~,\n~~ display: 'flex'\n }\n};\n\n/\n @private\n /\nexport const scrollableContainer: IStackStyles = {\n root: {\n flexBasis: '0'~~,\n~~ flexGrow: '1'~~,\n~~ overflowY: 'auto'\n }\n};\n\n/\n @private\n /\nexport const scrollableContainerContents: IStackItemStyles = {\n root: {\n flexGrow: '1',\n flexBasis: '0',\n maxWidth: '100%',\n // Create a new stacking context so that `pipStyles` can set zIndex above the container.\n position: 'relative'\n }\n};\n\n/\n @private\n /\nexport const containerContextStyles: IStackStyles = {\n root: {\n position: 'absolute'~~,\n~~ height: '100%'~~,\n~~ width: '100%'\n }\n};\n/\n @private\n /\nexport const peopleSubheadingStyle: IStackItemStyles = {\n root: {\n fontSize: '0.75rem'\n }\n};\n\n/\n @private\n /\nexport const peoplePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const participantListWrapper = (theme: Theme): string => mergeStyles({\n width: '20rem',\n maxWidth: '50%',\n height: '100%',\n position: 'absolute',\n right: '0',\n boxShadow: theme.effects.elevation16,\n background: theme.semanticColors.bodyBackground,\n // zIndex to set the participant pane above the chat container\n zIndex: CHAT_CONTAINER_ZINDEX + 1\n});\n\n/\n @private\n /\nexport const participantListContainerPadding = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const participantListStack = mergeStyles({\n height: '100%'\n});\n\n/\n @private\n /\nexport const participantListContainerStyle = mergeStyles({\n height: '100%',\n overflowY: 'auto',\n overflowX: 'hidden'\n});\n\n/\n @private\n /\nexport const participantListStyle: ParticipantListStyles = {\n root: {\n padding: '0rem'\n },\n participantItemStyles: {\n root: {\n padding: '0.5rem'\n }\n }\n};\n\n/\n @private\n /\nexport const participantListMobileStyle: ParticipantListStyles = {\n root: {\n padding: '0rem'\n },\n participantItemStyles: {\n root: {\n padding: '0.5rem 1rem'\n }\n }\n};\n\n/\n @private\n /\nexport const displayNameStyles = {\n padding: '0.5rem',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n};\n\n/\n @private\n */\nexport const headingMoreButtonStyles = (theme: Theme): IButtonStyles => {\n return {\n root: {\n height: '100%',\n minWidth: '1.5rem',\n padding: '0.5rem 0.25rem',\n marginRight: '0.25rem',\n border: 'none',\n background: 'none'\n },\n rootHovered: {\n background: 'none'\n },\n rootPressed: {\n background: 'none'\n },\n rootFocused: {\n background: 'none'\n },\n icon: {\n color: theme.palette.neutralSecondary,\n display: 'flex',\n alignItems: 'center'\n }\n };\n};"]}
1	+ {"version":3,"file":"ParticipantContainer.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ParticipantContainer.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStackItemStyles, IStackTokens, mergeStyles, Theme, IButtonStyles } from '@fluentui/react';\nimport { ParticipantListStyles } from '@internal/react-components';\nimport { CHAT_CONTAINER_ZINDEX } from '../../ChatComposite/styles/Chat.styles';\n\n/*\n @private\n /\nexport const sidePaneContainerStyles: IStackItemStyles = {\n root: {\n height: '100%',\n padding: '0.5rem 0.25rem',\n width: '21.5rem'\n }\n};\n\n/\n @private\n /\nexport const sidePaneContainerHiddenStyles: IStackItemStyles = {\n root: {\n ...sidePaneContainerStyles,\n display: 'none'\n }\n};\n\n/\n @private\n /\nexport const sidePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const sidePaneHeaderStyles: IStackItemStyles = {\n root: {\n lineHeight: '1.5rem',\n fontSize: '1.125rem',\n padding: '0.75rem 0.75rem 0.75rem 0.25rem',\n fontWeight: '600'\n }\n};\n\n/\n @private\n /\nexport const sidePaneHeaderContainerStyles: IStackStyles = {\n root: {\n margin: '0 0.25rem'\n }\n};\n\n/\n @private\n /\nexport const paneBodyContainer: IStackStyles = { root: { flexDirection: 'column', display: 'flex' } };\n\n/\n @private\n /\nexport const scrollableContainer: IStackStyles = { root: { flexBasis: '0', flexGrow: '1', overflowY: 'auto' } };\n\n/\n @private\n /\nexport const scrollableContainerContents: IStackItemStyles = {\n root: {\n flexGrow: '1',\n flexBasis: '0',\n maxWidth: '100%',\n // Create a new stacking context so that `pipStyles` can set zIndex above the container.\n position: 'relative'\n }\n};\n\n/\n @private\n /\nexport const containerContextStyles: IStackStyles = { root: { position: 'absolute', height: '100%', width: '100%' } };\n/\n @private\n /\nexport const peopleSubheadingStyle: IStackItemStyles = {\n root: {\n fontSize: '0.75rem'\n }\n};\n\n/\n @private\n /\nexport const peoplePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const participantListWrapper = (theme: Theme): string =>\n mergeStyles({\n width: '20rem',\n maxWidth: '50%',\n height: '100%',\n position: 'absolute',\n right: '0',\n boxShadow: theme.effects.elevation16,\n background: theme.semanticColors.bodyBackground,\n // zIndex to set the participant pane above the chat container\n zIndex: CHAT_CONTAINER_ZINDEX + 1\n });\n\n/\n @private\n /\nexport const participantListContainerPadding = { childrenGap: '0.5rem' };\n\n/\n @private\n /\nexport const participantListStack = mergeStyles({\n height: '100%'\n});\n\n/\n @private\n /\nexport const participantListContainerStyle = mergeStyles({\n height: '100%',\n overflowY: 'auto',\n overflowX: 'hidden'\n});\n\n/\n @private\n /\nexport const participantListStyle: ParticipantListStyles = {\n root: { padding: '0rem' },\n participantItemStyles: {\n root: {\n padding: '0.5rem'\n }\n }\n};\n\n/\n @private\n /\nexport const participantListMobileStyle: ParticipantListStyles = {\n root: { padding: '0rem' },\n participantItemStyles: {\n root: {\n padding: '0.5rem 1rem'\n }\n }\n};\n\n/\n @private\n /\nexport const displayNameStyles = {\n padding: '0.5rem',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n};\n\n/\n @private\n */\nexport const headingMoreButtonStyles = (theme: Theme): IButtonStyles => {\n return {\n root: {\n height: '100%',\n minWidth: '1.5rem',\n padding: '0.5rem 0.25rem',\n marginRight: '0.25rem',\n border: 'none',\n background: 'none'\n },\n rootHovered: {\n background: 'none'\n },\n rootPressed: {\n background: 'none'\n },\n rootFocused: {\n background: 'none'\n },\n icon: {\n color: theme.palette.neutralSecondary,\n display: 'flex',\n alignItems: 'center'\n }\n };\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js CHANGED Viewed

@@ -19,29 +19,15 @@ export const peoplePaneContainerStyle = {
 /**
  * @private
  */
-export const participantListContainerStyles = {
-    root: {
-        overflowY: 'scroll'
-    }
-};
+export const participantListContainerStyles = { root: { overflowY: 'scroll' } };
 /**
  * @private
  */
-export const copyLinkButtonContainerStyles = {
-    root: {
-        width: '100%',
-        padding: '0.5rem 1rem'
-    }
-};
+export const copyLinkButtonContainerStyles = { root: { width: '100%', padding: '0.5rem 1rem' } };
 /**
  * @private
  */
-export const copyLinkButtonStackStyles = {
-    root: {
-        marginLeft: '0.5rem',
-        marginRight: '0.5rem'
-    }
-};
+export const copyLinkButtonStackStyles = { root: { marginLeft: '0.5rem', marginRight: '0.5rem' } };
 /**
  * @private
  */
@@ -63,11 +49,7 @@ export const linkIconStyles = {
 /**
  * @private
  */
-export const localAndRemotePIPStyles = {
-    root: {
-        marginRight: '1rem'
-    }
-};
+export const localAndRemotePIPStyles = { root: { marginRight: '1rem' } };
 /**
  * @private
  */

package/dist/dist-esm/react-composites/src/composites/common/styles/PeoplePaneContent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB~~;IAC9D~~,IAAI,EAAE~~;QACJ~~,SAAS,EAAE,QAAQ~~;KACpB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB~~;IACzD~~,IAAI,EAAE~~;QACJ~~,KAAK,EAAE,MAAM~~;QACb~~,OAAO,EAAE,aAAa~~;KACvB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB~~;IACrD~~,IAAI,EAAE~~;QACJ~~,UAAU,EAAE,QAAQ~~;QACpB~~,WAAW,EAAE,QAAQ~~;KACtB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB~~;IACnD~~,IAAI,EAAE~~;QACJ~~,WAAW,EAAE,MAAM~~;KACpB;CACF~~,CAAC;~~AAEF~~;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/*\n @private\n /\nexport const peoplePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n root: {\n position: 'relative',\n maxHeight: '100%',\n overflow: 'hidden'\n }\n};\n\n/\n @private\n /\nexport const participantListContainerStyles: IStackItemStyles = {\n root: {\n overflowY: 'scroll'\n }\n};\n\n/\n @private\n /\nexport const copyLinkButtonContainerStyles: IStackStyles = {\n root: {\n width: '100%'~~,\n~~ padding: '0.5rem 1rem'\n }\n};\n\n/\n @private\n /\nexport const copyLinkButtonStackStyles: IStackStyles = {\n root: {\n marginLeft: '0.5rem'~~,\n~~ marginRight: '0.5rem'\n }\n};\n\n/\n @private\n /\nexport const copyLinkButtonStyles: IButtonStyles = {\n root: {\n height: '2.5rem',\n width: '100%'\n },\n textContainer: {\n display: 'contents'\n }\n};\n\n/\n @private\n /\nexport const linkIconStyles = {\n marginRight: '0.5rem'\n};\n\n/\n @private\n /\nexport const localAndRemotePIPStyles: IStackStyles = {\n root: {\n marginRight: '1rem'\n }\n};\n\n/\n @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean \| undefined, theme: Theme): Partial<IButtonStyles> => ({\n root: {\n minHeight: mobileView ? '3rem' : '2.5rem',\n borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n }\n});"]}
1	+ {"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;AAElG;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,CAAC;AAE/G;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC;AAEjH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC;AAEvF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/*\n @private\n /\nexport const peoplePaneContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n root: {\n position: 'relative',\n maxHeight: '100%',\n overflow: 'hidden'\n }\n};\n\n/\n @private\n /\nexport const participantListContainerStyles: IStackItemStyles = { root: { overflowY: 'scroll' } };\n\n/\n @private\n /\nexport const copyLinkButtonContainerStyles: IStackStyles = { root: { width: '100%', padding: '0.5rem 1rem' } };\n\n/\n @private\n /\nexport const copyLinkButtonStackStyles: IStackStyles = { root: { marginLeft: '0.5rem', marginRight: '0.5rem' } };\n\n/\n @private\n /\nexport const copyLinkButtonStyles: IButtonStyles = {\n root: {\n height: '2.5rem',\n width: '100%'\n },\n textContainer: {\n display: 'contents'\n }\n};\n\n/\n @private\n /\nexport const linkIconStyles = {\n marginRight: '0.5rem'\n};\n\n/\n @private\n /\nexport const localAndRemotePIPStyles: IStackStyles = { root: { marginRight: '1rem' } };\n\n/\n @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean \| undefined, theme: Theme): Partial<IButtonStyles> => ({\n root: {\n minHeight: mobileView ? '3rem' : '2.5rem',\n borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n }\n});\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/Survey.styles.js CHANGED Viewed

@@ -14,17 +14,19 @@ export const questionTextStyle = (theme) => mergeStyles({
 /**
  * @private
  */
-export const surveyContainerStyle = (isMobile) => mergeStyles(isMobile ? {
-    width: '20rem',
-    position: 'absolute',
-    top: '10%',
-    left: '50%',
-    transform: 'translateX(-50%)'
-} : {
-    width: '24rem',
-    position: 'absolute',
-    top: '20%',
-    left: '50%',
-    transform: 'translateX(-50%)'
-});
+export const surveyContainerStyle = (isMobile) => mergeStyles(isMobile
+    ? {
+        width: '20rem',
+        position: 'absolute',
+        top: '10%',
+        left: '50%',
+        transform: 'translateX(-50%)'
+    }
+    : {
+        width: '24rem',
+        position: 'absolute',
+        top: '20%',
+        left: '50%',
+        transform: 'translateX(-50%)'
+    });
 //# sourceMappingURL=Survey.styles.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/Survey.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Survey.styles.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/Survey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAU,EAAE,~~CAAC~~,WAAW,CAAC;~~IACrE~~,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;CACpC,CAAC,CAAC;~~AAEH~~;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAiB,EAAU,EAAE,~~CAAC~~,WAAW,~~CAAC~~,QAAQ,CAAC,CAAC~~,CAAC~~;~~IACxF~~,KAAK,EAAE,OAAO;~~IACd~~,QAAQ,EAAE,UAAU;~~IACpB~~,GAAG,EAAE,KAAK;~~IACV~~,IAAI,EAAE,KAAK;~~IACX~~,SAAS,EAAE,kBAAkB;~~CAC9B~~,CAAC,CAAC~~,CAAC~~;~~IACF~~,KAAK,EAAE,OAAO;~~IACd~~,QAAQ,EAAE,UAAU;~~IACpB~~,GAAG,EAAE,KAAK;~~IACV~~,IAAI,EAAE,KAAK;~~IACX~~,SAAS,EAAE,kBAAkB;~~CAC9B~~,~~CAAC~~,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Theme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n @private\n /\nexport const questionTextStyle = (theme: Theme): string => mergeStyles({\n fontWeight: 600,\n fontSize: _pxToRem(20),\n lineHeight: _pxToRem(20),\n color: theme.palette.neutralPrimary\n});\n\n/\n @private\n */\nexport const surveyContainerStyle = (isMobile: boolean): string => mergeStyles(isMobile ? {\n width: '20rem',\n position: 'absolute',\n top: '10%',\n left: '50%',\n transform: 'translateX(-50%)'\n} : {\n width: '24rem',\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translateX(-50%)'\n});"]}
1	+ {"version":3,"file":"Survey.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/Survey.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAS,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAU,EAAE,CACxD,WAAW,CAAC;IACV,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;CACpC,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAiB,EAAU,EAAE,CAChE,WAAW,CACT,QAAQ;IACN,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B;IACH,CAAC,CAAC;QACE,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B,CACN,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Theme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n @private\n /\nexport const questionTextStyle = (theme: Theme): string =>\n mergeStyles({\n fontWeight: 600,\n fontSize: _pxToRem(20),\n lineHeight: _pxToRem(20),\n color: theme.palette.neutralPrimary\n });\n\n/\n @private\n */\nexport const surveyContainerStyle = (isMobile: boolean): string =>\n mergeStyles(\n isMobile\n ? {\n width: '20rem',\n position: 'absolute',\n top: '10%',\n left: '50%',\n transform: 'translateX(-50%)'\n }\n : {\n width: '24rem',\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translateX(-50%)'\n }\n );\n"]}

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamsMeetingConferenceInfo.style.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IModalStyles, mergeStyles, Theme, FontWeights, IStackTokens, IStackItemStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n @private\n /\nexport const phoneInfoContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const phoneInfoContainerStyle: IStackItemStyles = {\n root: {\n position: 'relative',\n maxHeight: '100%',\n overflow: 'hidden'\n }\n};\n\n/\n @private\n /\nexport const themedPhoneInfoModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n main: {\n borderRadius: theme.effects.roundedCorner6,\n padding: _pxToRem(24),\n width: _pxToRem(600),\n height: 'fit-content',\n overflow: 'hidden'\n }\n});\n\n/\n @private\n /\nexport const titleClassName = mergeStyles({\n fontWeight: 600,\n fontSize: _pxToRem(20),\n lineHeight: _pxToRem(28)\n});\n\n/\n @private\n /\nexport const titleContainerClassName = mergeStyles({\n paddingBottom: _pxToRem(20)\n});\n\n/\n @private\n /\nexport const phoneInfoLabelStyle = mergeStyles({\n fontSize: _pxToRem(14),\n lineHeight: _pxToRem(40)\n});\n\n/\n @private\n /\nexport const phoneInfoTextStyle = mergeStyles({\n fontSize: _pxToRem(14),\n lineHeight: _pxToRem(40),\n fontWeight: FontWeights.semibold\n});\n\n/\n @private\n /\nexport const phoneInfoIcon = (theme: Theme): string => {\n return mergeStyles({\n background: `${theme.palette.themeLighter}`,\n height: _pxToRem(36),\n width: _pxToRem(36),\n marginRight: _pxToRem(12),\n borderRadius: _pxToRem(18)\n });\n};\n\n/\n @private\n /\nexport const phoneInfoInstructionLine = mergeStyles({\n padding: '0.5rem 1rem'\n});\n\n/\n @private\n /\nexport const phoneInfoStep = mergeStyles({\n minWidth: _pxToRem(150),\n textAlign: 'right'\n});\n\n/\n @private\n /\nexport const phoneInfoIconStyle = (theme: Theme): string => {\n return mergeStyles({\n padding: _pxToRem(8),\n color: `${theme.palette.themePrimary}`,\n zIndex: 2\n });\n};\n\n/\n @private\n */\nexport const infoConnectionLinkStyle = (theme: Theme): string => {\n return mergeStyles({\n background: `${theme.palette.themeLighter}`,\n width: _pxToRem(2),\n position: 'relative',\n left: _pxToRem(19),\n top: _pxToRem(20),\n zIndex: 1\n });\n};"]}
1	+ {"version":3,"file":"TeamsMeetingConferenceInfo.style.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAS,WAAW,EAAkC,MAAM,iBAAiB,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAiB;IACpD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACjF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC,QAAQ;CACjC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAU,EAAE;IACpD,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;QACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;QACnB,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;QACzB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC;IACvB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAU,EAAE;IACzD,OAAO,WAAW,CAAC;QACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QACtC,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAU,EAAE;IAC9D,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QAClB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC;QAClB,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC;QACjB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IModalStyles, mergeStyles, Theme, FontWeights, IStackTokens, IStackItemStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/*\n @private\n /\nexport const phoneInfoContainerTokens: IStackTokens = {\n childrenGap: '0.5rem'\n};\n\n/\n @private\n /\nexport const phoneInfoContainerStyle: IStackItemStyles = {\n root: {\n position: 'relative',\n maxHeight: '100%',\n overflow: 'hidden'\n }\n};\n\n/\n @private\n /\nexport const themedPhoneInfoModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n main: {\n borderRadius: theme.effects.roundedCorner6,\n padding: _pxToRem(24),\n width: _pxToRem(600),\n height: 'fit-content',\n overflow: 'hidden'\n }\n});\n\n/\n @private\n /\nexport const titleClassName = mergeStyles({\n fontWeight: 600,\n fontSize: _pxToRem(20),\n lineHeight: _pxToRem(28)\n});\n\n/\n @private\n /\nexport const titleContainerClassName = mergeStyles({\n paddingBottom: _pxToRem(20)\n});\n\n/\n @private\n /\nexport const phoneInfoLabelStyle = mergeStyles({\n fontSize: _pxToRem(14),\n lineHeight: _pxToRem(40)\n});\n\n/\n @private\n /\nexport const phoneInfoTextStyle = mergeStyles({\n fontSize: _pxToRem(14),\n lineHeight: _pxToRem(40),\n fontWeight: FontWeights.semibold\n});\n\n/\n @private\n /\nexport const phoneInfoIcon = (theme: Theme): string => {\n return mergeStyles({\n background: `${theme.palette.themeLighter}`,\n height: _pxToRem(36),\n width: _pxToRem(36),\n marginRight: _pxToRem(12),\n borderRadius: _pxToRem(18)\n });\n};\n\n/\n @private\n /\nexport const phoneInfoInstructionLine = mergeStyles({\n padding: '0.5rem 1rem'\n});\n\n/\n @private\n /\nexport const phoneInfoStep = mergeStyles({\n minWidth: _pxToRem(150),\n textAlign: 'right'\n});\n\n/\n @private\n /\nexport const phoneInfoIconStyle = (theme: Theme): string => {\n return mergeStyles({\n padding: _pxToRem(8),\n color: `${theme.palette.themePrimary}`,\n zIndex: 2\n });\n};\n\n/\n @private\n */\nexport const infoConnectionLinkStyle = (theme: Theme): string => {\n return mergeStyles({\n background: `${theme.palette.themeLighter}`,\n width: _pxToRem(2),\n position: 'relative',\n left: _pxToRem(19),\n top: _pxToRem(20),\n zIndex: 1\n });\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/types/CommonCallControlOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/*\n Control bar display type for {@link CallComposite}.\n \n @public\n /\nexport type CallControlDisplayType = 'default' \| 'compact';\n\n/\n Customization options for the control bar in calling experience.\n \n @public\n /\nexport type CommonCallControlOptions = {\n /\n {@link CallControlDisplayType} to change how the call controls are displayed.\n * `'compact'` display type will decreases the size of buttons and hide the labels.\n \n @remarks\n * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n \n @defaultValue 'default'\n /\n displayType?: CallControlDisplayType;\n /\n Show or Hide Camera Button during a call\n * @defaultValue true\n /\n cameraButton?: boolean \| {\n disabled: boolean;\n };\n /\n Show or Hide EndCall button during a call.\n * @defaultValue true\n /\n endCallButton?: boolean \| {\n /\n whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n * @defaultValue false\n /\n hangUpForEveryone?: false \| 'endCallOptions';\n /\n Wether to disable the end call confirmation modal.\n /\n disableEndCallModal?: boolean;\n };\n /\n Show or Hide Microphone button during a call.\n * @defaultValue true\n /\n microphoneButton?: boolean \| {\n disabled: boolean;\n };\n /\n Show or Hide Devices button during a call.\n * @defaultValue true\n /\n devicesButton?: boolean \| {\n disabled: boolean;\n };\n /\n Show, Hide or Disable participants button during a call.\n * @defaultValue true\n /\n participantsButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n screenShareButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show, Hide or disable the more button during a call.\n * @defaultValue true\n /\n moreButton?: boolean;\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n raiseHandButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show, Hide or Disable the reaction button during a call.\n * @defaultValue true\n /\n reactionButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Inject custom buttons in the call controls.\n /\n onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n holdButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show or hide the people button in the composite control bar.\n * @defaultValue true\n /\n peopleButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show or hide the dialpad button in the composite control bar.\n /\n dtmfDialerButton?: boolean \| {\n disabled: boolean~~;\n~~ };\n /\n Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n /\n exitSpotlightButton?: boolean;\n\n /\n Show, Hide or Disable captions during a call.\n * @defaultValue true\n /\n captionsButton?: boolean;\n /\n Show, Hide or Disable gallery controls button during a call.\n * @defaultValue true\n /\n galleryControlsButton?: boolean;\n /\n Show, meeting conference phone information.\n * @defaultValue true\n */\n teamsMeetingPhoneCallButton?: boolean;\n};"]}
1	+ {"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/*\n Control bar display type for {@link CallComposite}.\n \n @public\n /\nexport type CallControlDisplayType = 'default' \| 'compact';\n\n/\n Customization options for the control bar in calling experience.\n \n @public\n /\nexport type CommonCallControlOptions = {\n /\n {@link CallControlDisplayType} to change how the call controls are displayed.\n * `'compact'` display type will decreases the size of buttons and hide the labels.\n \n @remarks\n * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n \n @defaultValue 'default'\n /\n displayType?: CallControlDisplayType;\n /\n Show or Hide Camera Button during a call\n * @defaultValue true\n /\n cameraButton?:\n \| boolean\n \| {\n disabled: boolean;\n };\n /\n Show or Hide EndCall button during a call.\n * @defaultValue true\n /\n endCallButton?:\n \| boolean\n \| {\n /\n whether to make end call button to trigger a menu, which will enable end call for everybody functionality.\n * @defaultValue false\n /\n hangUpForEveryone?: false \| 'endCallOptions';\n /\n Wether to disable the end call confirmation modal.\n /\n disableEndCallModal?: boolean;\n };\n /\n Show or Hide Microphone button during a call.\n * @defaultValue true\n /\n microphoneButton?:\n \| boolean\n \| {\n disabled: boolean;\n };\n /\n Show or Hide Devices button during a call.\n * @defaultValue true\n /\n devicesButton?:\n \| boolean\n \| {\n disabled: boolean;\n };\n /\n Show, Hide or Disable participants button during a call.\n * @defaultValue true\n /\n participantsButton?: boolean \| { disabled: boolean };\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n screenShareButton?: boolean \| { disabled: boolean };\n /\n Show, Hide or disable the more button during a call.\n * @defaultValue true\n /\n moreButton?: boolean;\n /\n Show, Hide or Disable the screen share button during a call.\n * @defaultValue true\n /\n raiseHandButton?: boolean \| { disabled: boolean };\n /\n Show, Hide or Disable the reaction button during a call.\n * @defaultValue true\n /\n reactionButton?: boolean \| { disabled: boolean };\n /\n Inject custom buttons in the call controls.\n /\n onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n holdButton?: boolean \| { disabled: boolean };\n /\n Show or hide the people button in the composite control bar.\n * @defaultValue true\n /\n peopleButton?: boolean \| { disabled: boolean };\n /\n Show or hide the dialpad button in the composite control bar.\n /\n dtmfDialerButton?: boolean \| { disabled: boolean };\n /\n Show or hide the exit spotlight button in the composite control bar when local participant is spotlighted.\n /\n exitSpotlightButton?: boolean;\n\n /\n Show, Hide or Disable captions during a call.\n * @defaultValue true\n /\n captionsButton?: boolean;\n /\n Show, Hide or Disable gallery controls button during a call.\n * @defaultValue true\n /\n galleryControlsButton?: boolean;\n /\n Show, meeting conference phone information.\n * @defaultValue true\n */\n teamsMeetingPhoneCallButton?: boolean;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/types/FocusableElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FocusableElement.js","sourceRoot":"","sources":["~~../../../../../../../preprocess-dist/~~react-composites/src/composites/common/types/FocusableElement.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/** @private */\nexport interface FocusableElement {\n focus(): void;\n}"]}
1	+ {"version":3,"file":"FocusableElement.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/types/FocusableElement.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/** @private */\nexport interface FocusableElement {\n focus(): void;\n}\n"]}

package/dist/dist-esm/react-composites/src/composites/common/utils.js CHANGED Viewed

@@ -26,23 +26,29 @@ export const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
     const modalHostRef = useRef(document.getElementById(modalLayerHostId));
     const modalHostWidth = _useContainerWidth(modalHostRef);
     const modalHostHeight = _useContainerHeight(modalHostRef);
-    const minDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined ? undefined : {
-        x: rtl ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
-        y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx
-    }, [modalHostHeight, modalHostWidth, rtl]);
-    const maxDragPosition = useMemo(() => modalHostWidth === undefined ? undefined : {
-        x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,
-        y: MODAL_PIP_DEFAULT_PX.bottomPositionPx
-    }, [modalHostWidth, rtl]);
-    return {
-        minDragPosition: minDragPosition,
-        maxDragPosition: maxDragPosition
-    };
+    const minDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
+            y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx
+        }, [modalHostHeight, modalHostWidth, rtl]);
+    const maxDragPosition = useMemo(() => modalHostWidth === undefined
+        ? undefined
+        : {
+            x: rtl
+                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
+                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
+            y: MODAL_PIP_DEFAULT_PX.bottomPositionPx
+        }, [modalHostWidth, rtl]);
+    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
 };
 /**
  * @private
  */
 export const defaultSpokenLanguage = 'en-us';
+/* @conditional-compile-remove(breakout-rooms) */
 /**
  * @private
  */
@@ -50,8 +56,8 @@ export const busyWait = (checkCondition, retryLimit) => __awaiter(void 0, void 0
     const delayMs = 500;
     let retryCount = 0;
     while (!checkCondition()) {
-        yield new Promise(resolve => setTimeout(resolve, delayMs));
-        if (!retryLimit || retryLimit && retryCount++ >= retryLimit) {
+        yield new Promise((resolve) => setTimeout(resolve, delayMs));
+        if (!retryLimit || (retryLimit && retryCount++ >= retryLimit)) {
             break;
         }
     }

package/dist/dist-esm/react-composites/src/composites/common/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["~~../../../../../../preprocess-dist/~~react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAoB,EAAE;IAC5D,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;AACtD,CAAC,CAAC;AAEF;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,~~CAAC~~,GAAG,EAAE,~~CAAC~~,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS,CAAC,CAAC,~~CAAC,~~SAAS,CAAC,CAAC~~,CAAC~~;~~QAC3I~~,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,~~CAAC,~~GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAC,~~CAAC,~~oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;~~QACzI~~,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,GAAG,oBAAoB,CAAC,QAAQ,GAAG,oBAAoB,CAAC,gBAAgB;~~KAChG~~,~~EAAE~~,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,~~CAAC~~,CAAC;~~IAC3C~~,MAAM,eAAe,GAA8B,OAAO,~~CAAC~~,GAAG,EAAE,~~CAAC~~,cAAc,KAAK,SAAS,CAAC,CAAC,~~CAAC,~~SAAS,CAAC,CAAC~~,CAAC~~;~~QAC1G~~,CAAC,EAAE,GAAG,CAAC,CAAC,~~CAAC,~~cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC,~~CAAC,~~oBAAoB,CAAC,eAAe;~~QACpI~~,CAAC,EAAE,oBAAoB,CAAC,gBAAgB;~~KACzC~~,~~EAAE~~,CAAC,cAAc,EAAE,GAAG,CAAC,~~CAAC~~,CAAC;~~IAC1B~~,OAAO~~;QACL~~,eAAe,EAAE,eAAe~~;QAChC~~,eAAe,EAAE,eAAe~~;KACjC~~,CAAC;~~AACJ~~,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;~~AAC7C~~;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAO,cAA6B,EAAE,UAAmB,EAAiB,EAAE;IAClG,MAAM,OAAO,GAAG,GAAG,CAAC;IACpB,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;QACzB,MAAM,IAAI,OAAO,CAAC,OAAO,~~CAAC~~,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;~~QAC3D~~,IAAI,CAAC,UAAU,IAAI,UAAU,IAAI,UAAU,EAAE,IAAI,UAAU,EAAE,CAAC;~~YAC5D~~,MAAM;QACR,CAAC;IACH,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/*\n Interface for ModalLocalAndRemotePIP drag positions\n /\ninterface MinMaxDragPosition {\n minDragPosition: _ICoordinates \| undefined;\n maxDragPosition: _ICoordinates \| undefined;\n}\n\n/\n @private\n /\nexport const isBoolean = (value: unknown): value is boolean => {\n return value !== null && typeof value === 'boolean';\n};\n\n/\n @private\n /\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n const modalHostWidth = _useContainerWidth(modalHostRef);\n const modalHostHeight = _useContainerHeight(modalHostRef);\n const minDragPosition: _ICoordinates \| undefined = useMemo(() => modalHostWidth === undefined \|\| modalHostHeight === undefined ? undefined : {\n x: rtl ? -1 MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx\n }, [modalHostHeight, modalHostWidth, rtl]);\n const maxDragPosition: _ICoordinates \| undefined = useMemo(() => modalHostWidth === undefined ? undefined : {\n x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n y: MODAL_PIP_DEFAULT_PX.bottomPositionPx\n }, [modalHostWidth, rtl]);\n return {\n minDragPosition: minDragPosition~~,\n~~ maxDragPosition: maxDragPosition\n };\n};\n\n/*\n @private\n /\nexport const defaultSpokenLanguage = 'en-us';\n/\n @private\n */\nexport const busyWait = async (checkCondition: () => boolean, retryLimit?: number): Promise<void> => {\n const delayMs = 500;\n let retryCount = 0;\n while (!checkCondition()) {\n await new Promise(resolve => setTimeout(resolve, delayMs));\n if (!retryLimit \|\| retryLimit && retryCount++ >= retryLimit) {\n break;\n }\n }\n};"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAoB,EAAE;IAC5D,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;AACtD,CAAC,CAAC;AAEF;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS;QAC3D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe;gBAC3C,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;YACxF,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,GAAG,oBAAoB,CAAC,QAAQ,GAAG,oBAAoB,CAAC,gBAAgB;SAChG,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,CAAC;IACF,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,oBAAoB,CAAC,gBAAgB;SACzC,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE7C,iDAAiD;AACjD;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAO,cAA6B,EAAE,UAAmB,EAAiB,EAAE;IAClG,MAAM,OAAO,GAAG,GAAG,CAAC;IACpB,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;QACzB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,UAAU,EAAE,IAAI,UAAU,CAAC,EAAE,CAAC;YAC9D,MAAM;QACR,CAAC;IACH,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/*\n Interface for ModalLocalAndRemotePIP drag positions\n /\ninterface MinMaxDragPosition {\n minDragPosition: _ICoordinates \| undefined;\n maxDragPosition: _ICoordinates \| undefined;\n}\n\n/\n @private\n /\nexport const isBoolean = (value: unknown): value is boolean => {\n return value !== null && typeof value === 'boolean';\n};\n\n/\n @private\n /\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n const modalHostWidth = _useContainerWidth(modalHostRef);\n const modalHostHeight = _useContainerHeight(modalHostRef);\n const minDragPosition: _ICoordinates \| undefined = useMemo(\n () =>\n modalHostWidth === undefined \|\| modalHostHeight === undefined\n ? undefined\n : {\n x: rtl\n ? -1 MODAL_PIP_DEFAULT_PX.rightPositionPx\n : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx\n },\n [modalHostHeight, modalHostWidth, rtl]\n );\n const maxDragPosition: _ICoordinates \| undefined = useMemo(\n () =>\n modalHostWidth === undefined\n ? undefined\n : {\n x: rtl\n ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx\n : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n y: MODAL_PIP_DEFAULT_PX.bottomPositionPx\n },\n [modalHostWidth, rtl]\n );\n\n return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };\n};\n\n/*\n @private\n /\nexport const defaultSpokenLanguage = 'en-us';\n\n/ @conditional-compile-remove(breakout-rooms) /\n/\n @private\n */\nexport const busyWait = async (checkCondition: () => boolean, retryLimit?: number): Promise<void> => {\n const delayMs = 500;\n let retryCount = 0;\n while (!checkCondition()) {\n await new Promise((resolve) => setTimeout(resolve, delayMs));\n if (!retryLimit \|\| (retryLimit && retryCount++ >= retryLimit)) {\n break;\n }\n }\n};\n"]}