@fluentui/react-teaching-popover 0.0.0-nightly-20240423-0406.1

package/lib-commonjs/TeachingPopoverBody.js

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

package/lib-commonjs/TeachingPopoverBody.js.map

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

package/lib-commonjs/TeachingPopoverCarousel.js

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

package/lib-commonjs/TeachingPopoverCarousel.js.map

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

package/lib-commonjs/TeachingPopoverCarouselCard.js

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

package/lib-commonjs/TeachingPopoverCarouselCard.js.map

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

package/lib-commonjs/TeachingPopoverCarouselFooter.js

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

package/lib-commonjs/TeachingPopoverCarouselFooter.js.map

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

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js

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

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js.map

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

package/lib-commonjs/TeachingPopoverCarouselNav.js

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

package/lib-commonjs/TeachingPopoverCarouselNav.js.map

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

package/lib-commonjs/TeachingPopoverCarouselNavButton.js

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

package/lib-commonjs/TeachingPopoverCarouselNavButton.js.map

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

package/lib-commonjs/TeachingPopoverCarouselPageCount.js

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

package/lib-commonjs/TeachingPopoverCarouselPageCount.js.map

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

package/lib-commonjs/TeachingPopoverFooter.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TeachingPopoverFooter"), exports);

package/lib-commonjs/TeachingPopoverFooter.js.map

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

package/lib-commonjs/TeachingPopoverHeader.js

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

package/lib-commonjs/TeachingPopoverHeader.js.map

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

package/lib-commonjs/TeachingPopoverSurface.js

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

package/lib-commonjs/TeachingPopoverSurface.js.map

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

package/lib-commonjs/TeachingPopoverTitle.js

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

package/lib-commonjs/TeachingPopoverTitle.js.map

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

package/lib-commonjs/TeachingPopoverTrigger.js

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

package/lib-commonjs/TeachingPopoverTrigger.js.map

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopover", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopover;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopover = require("./useTeachingPopover");
+const _renderTeachingPopover = require("./renderTeachingPopover");
+const TeachingPopover = (props)=>{
+    const state = (0, _useTeachingPopover.useTeachingPopover_unstable)(props);
+    return (0, _renderTeachingPopover.renderTeachingPopover_unstable)(state);
+};
+TeachingPopover.displayName = 'TeachingPopover';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopover_unstable } from './useTeachingPopover';\nimport { renderTeachingPopover_unstable } from './renderTeachingPopover';\n/**\n * An extension class of Popover which defaults to withArrow and FocusTrap enabled.\n */ export const TeachingPopover = (props)=>{\n    const state = useTeachingPopover_unstable(props);\n    return renderTeachingPopover_unstable(state);\n};\nTeachingPopover.displayName = 'TeachingPopover';\n"],"names":["TeachingPopover","props","state","useTeachingPopover_unstable","renderTeachingPopover_unstable","displayName"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;oCACqB;uCACG;AAGpC,MAAMA,kBAAkB,CAACC;IAChC,MAAMC,QAAQC,IAAAA,+CAA2B,EAACF;IAC1C,OAAOG,IAAAA,qDAA8B,EAACF;AAC1C;AACAF,gBAAgBK,WAAW,GAAG"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopover"), exports);
+_export_star._(require("./TeachingPopover.types"), exports);
+_export_star._(require("./renderTeachingPopover"), exports);
+_export_star._(require("./useTeachingPopover"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopover';\nexport * from './TeachingPopover.types';\nexport * from './renderTeachingPopover';\nexport * from './useTeachingPopover';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopover/renderTeachingPopover.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopover_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopover_unstable;
+    }
+});
+const _reactpopover = require("@fluentui/react-popover");
+const renderTeachingPopover_unstable = _reactpopover.renderPopover_unstable;

package/lib-commonjs/components/TeachingPopover/renderTeachingPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopover.js"],"sourcesContent":["import { renderPopover_unstable } from '@fluentui/react-popover';\n/**\n * Render the final JSX of TeachingPopover\n */ export const renderTeachingPopover_unstable = renderPopover_unstable;\n"],"names":["renderTeachingPopover_unstable","renderPopover_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;8BAHsB;AAG5B,MAAMA,iCAAiCC,oCAAsB"}

package/lib-commonjs/components/TeachingPopover/useTeachingPopover.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopover_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopover_unstable;
+    }
+});
+const _reactpopover = require("@fluentui/react-popover");
+const useTeachingPopover_unstable = (props)=>{
+    const popoverState = (0, _reactpopover.usePopover_unstable)(props);
+    var _props_withArrow, _props_trapFocus;
+    return {
+        ...popoverState,
+        withArrow: (_props_withArrow = props.withArrow) !== null && _props_withArrow !== void 0 ? _props_withArrow : true,
+        // We trap focus because the default TeachingPopover view has buttons/carousel.
+        trapFocus: (_props_trapFocus = props.trapFocus) !== null && _props_trapFocus !== void 0 ? _props_trapFocus : true
+    };
+};

package/lib-commonjs/components/TeachingPopover/useTeachingPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopover.js"],"sourcesContent":["import { usePopover_unstable } from '@fluentui/react-popover';\nexport const useTeachingPopover_unstable = (props)=>{\n    const popoverState = usePopover_unstable(props);\n    var _props_withArrow, _props_trapFocus;\n    return {\n        ...popoverState,\n        withArrow: (_props_withArrow = props.withArrow) !== null && _props_withArrow !== void 0 ? _props_withArrow : true,\n        // We trap focus because the default TeachingPopover view has buttons/carousel.\n        trapFocus: (_props_trapFocus = props.trapFocus) !== null && _props_trapFocus !== void 0 ? _props_trapFocus : true\n    };\n};\n"],"names":["useTeachingPopover_unstable","props","popoverState","usePopover_unstable","_props_withArrow","_props_trapFocus","withArrow","trapFocus"],"mappings":";;;;+BACaA;;;eAAAA;;;8BADuB;AAC7B,MAAMA,8BAA8B,CAACC;IACxC,MAAMC,eAAeC,IAAAA,iCAAmB,EAACF;IACzC,IAAIG,kBAAkBC;IACtB,OAAO;QACH,GAAGH,YAAY;QACfI,WAAW,AAACF,CAAAA,mBAAmBH,MAAMK,SAAS,AAAD,MAAO,QAAQF,qBAAqB,KAAK,IAAIA,mBAAmB;QAC7G,+EAA+E;QAC/EG,WAAW,AAACF,CAAAA,mBAAmBJ,MAAMM,SAAS,AAAD,MAAO,QAAQF,qBAAqB,KAAK,IAAIA,mBAAmB;IACjH;AACJ"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverBody", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverBody;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverBody = require("./useTeachingPopoverBody");
+const _renderTeachingPopoverBody = require("./renderTeachingPopoverBody");
+const _useTeachingPopoverBodyStylesstyles = require("./useTeachingPopoverBodyStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TeachingPopoverBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverBody.useTeachingPopoverBody_unstable)(props, ref);
+    (0, _useTeachingPopoverBodyStylesstyles.useTeachingPopoverBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverBodyStyles_unstable')(state);
+    return (0, _renderTeachingPopoverBody.renderTeachingPopoverBody_unstable)(state);
+});
+TeachingPopoverBody.displayName = 'TeachingPopoverBody';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverBody_unstable } from './useTeachingPopoverBody';\nimport { renderTeachingPopoverBody_unstable } from './renderTeachingPopoverBody';\nimport { useTeachingPopoverBodyStyles_unstable } from './useTeachingPopoverBodyStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Define a styled TeachingPopoverBody, using the `useTeachingPopoverBody_unstable` and `useTeachingPopoverBodyStyles_unstable`\n * hooks.\n *\n * TeachingPopoverBody is used to host content within a TeachingPopover, and provides a standardized media slot\n */ export const TeachingPopoverBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverBody_unstable(props, ref);\n    useTeachingPopoverBodyStyles_unstable(state);\n    useCustomStyleHook_unstable('useTeachingPopoverBodyStyles_unstable')(state);\n    return renderTeachingPopoverBody_unstable(state);\n});\nTeachingPopoverBody.displayName = 'TeachingPopoverBody';\n"],"names":["TeachingPopoverBody","React","forwardRef","props","ref","state","useTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverBody_unstable","displayName"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;wCACyB;2CACG;oDACG;qCACV;AAMjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1E,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,6DAAkC,EAACJ;AAC9C;AACAL,oBAAoBU,WAAW,GAAG"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopoverBody"), exports);
+_export_star._(require("./TeachingPopoverBody.types"), exports);
+_export_star._(require("./renderTeachingPopoverBody"), exports);
+_export_star._(require("./useTeachingPopoverBody"), exports);
+_export_star._(require("./useTeachingPopoverBodyStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverBody';\nexport * from './TeachingPopoverBody.types';\nexport * from './renderTeachingPopoverBody';\nexport * from './useTeachingPopoverBody';\nexport * from './useTeachingPopoverBodyStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverBody/renderTeachingPopoverBody.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverBody_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTeachingPopoverBody_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/components/TeachingPopoverBody/renderTeachingPopoverBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverBody.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverBody\n */ export const renderTeachingPopoverBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.media && /*#__PURE__*/ _jsx(state.media, {}),\n            state.root.children\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverBody_unstable","state","assertSlots","_jsxs","root","children","media","_jsx"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,qCAAqC,CAACC;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC;YAChDL,MAAMG,IAAI,CAACC,QAAQ;SACtB;IACL;AACJ"}

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBody.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverBody_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const useTeachingPopoverBody_unstable = (props, ref)=>{
+    const { mediaLength } = props;
+    return {
+        components: {
+            root: 'div',
+            media: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        media: _reactutilities.slot.optional(props.media, {
+            elementType: 'span'
+        }),
+        mediaLength: mediaLength !== null && mediaLength !== void 0 ? mediaLength : 'short'
+    };
+};

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverBody properties\n * @param ref - reference to root HTMLElement of TeachingPopoverBody\n */ export const useTeachingPopoverBody_unstable = (props, ref)=>{\n    const { mediaLength } = props;\n    return {\n        components: {\n            root: 'div',\n            media: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        media: slot.optional(props.media, {\n            elementType: 'span'\n        }),\n        mediaLength: mediaLength !== null && mediaLength !== void 0 ? mediaLength : 'short'\n    };\n};\n"],"names":["useTeachingPopoverBody_unstable","props","ref","mediaLength","components","root","media","slot","always","getIntrinsicElementProps","elementType","optional"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;gCACwB;AAKpC,MAAMA,kCAAkC,CAACC,OAAOC;IACvD,MAAM,EAAEC,WAAW,EAAE,GAAGF;IACxB,OAAO;QACHG,YAAY;YACRC,MAAM;YACNC,OAAO;QACX;QACAD,MAAME,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CP;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;QACAJ,OAAOC,oBAAI,CAACI,QAAQ,CAACV,MAAMK,KAAK,EAAE;YAC9BI,aAAa;QACjB;QACAP,aAAaA,gBAAgB,QAAQA,gBAAgB,KAAK,IAAIA,cAAc;IAChF;AACJ"}

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teachingPopoverBodyClassNames: function() {
+        return teachingPopoverBodyClassNames;
+    },
+    useMediaStyles: function() {
+        return useMediaStyles;
+    },
+    useTeachingPopoverBodyStyles_unstable: function() {
+        return useTeachingPopoverBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverBodyClassNames = {
+    root: 'fui-TeachingPopoverBody',
+    media: 'fui-TeachingPopoverBody__media'
+};
+const useMediaStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Ijaq50: "f11uok23",
+        Br312pm: "f1qdfnnj",
+        nk6f5a: "f1s27gz",
+        Bw0ie65: "f86d0yl",
+        B68tc82: "f1p9o1ba",
+        Bmxbyg5: "f1sil6mw",
+        a9b677: "f1dxqujg",
+        jrapky: "f1jlhsmd",
+        ha4doy: "fmrv4ls",
+        Brf1p80: "f4d9j23",
+        mc9l5x: "f22iagw"
+    },
+    short: {
+        Bubjx69: "f1taewuw",
+        Bmuttt3: "fs5pxn9"
+    },
+    medium: {
+        Bubjx69: "f7da563",
+        Bmuttt3: "f98prui"
+    },
+    tall: {
+        Bubjx69: "f9ikmtg",
+        Bmuttt3: "fqws08j"
+    }
+}, {
+    d: [
+        ".f11uok23{grid-row-start:media;}",
+        ".f1qdfnnj{grid-column-start:media;}",
+        ".f1s27gz{grid-row-end:media;}",
+        ".f86d0yl{grid-column-end:media;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1sil6mw{overflow-y:hidden;}",
+        ".f1dxqujg{width:288px;}",
+        ".f1jlhsmd{margin-bottom:12px;}",
+        ".fmrv4ls{vertical-align:middle;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f22iagw{display:flex;}",
+        ".f1taewuw{aspect-ratio:2.4615384615384617;}",
+        ".f7da563{aspect-ratio:1.6363636363636365;}",
+        ".f9ikmtg{aspect-ratio:1;}"
+    ],
+    t: [
+        "@supports not (aspect-ratio){.fs5pxn9{height:117px;}}",
+        "@supports not (aspect-ratio){.f98prui{height:176px;}}",
+        "@supports not (aspect-ratio){.fqws08j{height:288px;}}"
+    ]
+});
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Byoj8tv: "fpe6lb7"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".fpe6lb7{padding-bottom:12px;}"
+    ]
+});
+const useTeachingPopoverBodyStyles_unstable = (state)=>{
+    const { mediaLength } = state;
+    const styles = useStyles();
+    const mediaStyles = useMediaStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _react.mergeClasses)(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverBodyStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n  root: 'fui-TeachingPopoverBody',\n  media: 'fui-TeachingPopoverBody__media'\n};\nexport const useMediaStyles = /*#__PURE__*/__styles({\n  base: {\n    Ijaq50: \"f11uok23\",\n    Br312pm: \"f1qdfnnj\",\n    nk6f5a: \"f1s27gz\",\n    Bw0ie65: \"f86d0yl\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    a9b677: \"f1dxqujg\",\n    jrapky: \"f1jlhsmd\",\n    ha4doy: \"fmrv4ls\",\n    Brf1p80: \"f4d9j23\",\n    mc9l5x: \"f22iagw\"\n  },\n  short: {\n    Bubjx69: \"f1taewuw\",\n    Bmuttt3: \"fs5pxn9\"\n  },\n  medium: {\n    Bubjx69: \"f7da563\",\n    Bmuttt3: \"f98prui\"\n  },\n  tall: {\n    Bubjx69: \"f9ikmtg\",\n    Bmuttt3: \"fqws08j\"\n  }\n}, {\n  d: [\".f11uok23{grid-row-start:media;}\", \".f1qdfnnj{grid-column-start:media;}\", \".f1s27gz{grid-row-end:media;}\", \".f86d0yl{grid-column-end:media;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1dxqujg{width:288px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".fmrv4ls{vertical-align:middle;}\", \".f4d9j23{justify-content:center;}\", \".f22iagw{display:flex;}\", \".f1taewuw{aspect-ratio:2.4615384615384617;}\", \".f7da563{aspect-ratio:1.6363636363636365;}\", \".f9ikmtg{aspect-ratio:1;}\"],\n  t: [\"@supports not (aspect-ratio){.fs5pxn9{height:117px;}}\", \"@supports not (aspect-ratio){.f98prui{height:176px;}}\", \"@supports not (aspect-ratio){.fqws08j{height:288px;}}\"]\n});\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Byoj8tv: \"fpe6lb7\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".fpe6lb7{padding-bottom:12px;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverBodyStyles_unstable = state => {\n  const {\n    mediaLength\n  } = state;\n  const styles = useStyles();\n  const mediaStyles = useMediaStyles();\n  state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverBodyStyles.styles.js.map"],"names":["teachingPopoverBodyClassNames","useMediaStyles","useTeachingPopoverBodyStyles_unstable","root","media","__styles","base","Ijaq50","Br312pm","nk6f5a","Bw0ie65","B68tc82","Bmxbyg5","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bmuttt3","medium","tall","d","t","useStyles","Beiy3e4","Byoj8tv","state","mediaLength","styles","mediaStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAIAC,cAAc;eAAdA;;IAwCAC,qCAAqC;eAArCA;;;uBA7CsC;AAC5C,MAAMF,gCAAgC;IAC3CG,MAAM;IACNC,OAAO;AACT;AACO,MAAMH,iBAAiB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNF,SAAS;QACTC,SAAS;IACX;IACAE,MAAM;QACJH,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAAoC;QAAuC;QAAiC;QAAoC;QAAiC;QAAiC;QAA2B;QAAkC;QAAoC;QAAqC;QAA2B;QAA+C;QAA8C;KAA4B;IAChfC,GAAG;QAAC;QAAyD;QAAyD;KAAwD;AAChL;AACA,MAAMC,YAAY,WAAW,GAAEpB,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJc,QAAQ;QACRS,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDJ,GAAG;QAAC;QAA2B;QAAqC;KAAiC;AACvG;AAEO,MAAMrB,wCAAwC0B,CAAAA;IACnD,MAAM,EACJC,WAAW,EACZ,GAAGD;IACJ,MAAME,SAASL;IACf,MAAMM,cAAc9B;IACpB2B,MAAMzB,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACjC,8BAA8BG,IAAI,EAAE2B,OAAO3B,IAAI,EAAEyB,MAAMzB,IAAI,CAAC6B,SAAS;IACzG,IAAIJ,MAAMxB,KAAK,EAAE;QACfwB,MAAMxB,KAAK,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACjC,8BAA8BI,KAAK,EAAE2B,YAAYzB,IAAI,EAAEyB,WAAW,CAACF,YAAY,EAAED,MAAMxB,KAAK,CAAC4B,SAAS;IAC7I;IACA,OAAOJ;AACT,GACA,+DAA+D"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCarousel_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCarousel_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _constants = require("./constants");
+const _useCarouselWalker = require("./useCarouselWalker");
+const _createCarouselStore = require("./createCarouselStore");
+function useCarousel_unstable(options) {
+    const { onValueChange, onFinish } = options;
+    const { ref: carouselRef, walker: carouselWalker } = (0, _useCarouselWalker.useCarouselWalker_unstable)();
+    const [store] = _react.useState(()=>(0, _createCarouselStore.createCarouselStore)());
+    const [value, setValue] = (0, _reactutilities.useControllableState)({
+        defaultState: options.defaultValue,
+        state: options.value,
+        initialState: null
+    });
+    const rootRef = _react.useRef(null);
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        _react.useEffect(()=>{
+            if (value === null) {
+                // eslint-disable-next-line no-console
+                console.error('useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.');
+            }
+        }, [
+            value
+        ]);
+    }
+    _react.useEffect(()=>{
+        var _rootRef_current;
+        const allItems = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelectorAll(`[${_constants.CAROUSEL_ITEM}]`);
+        for(let i = 0; i < allItems.length; i++){
+            store.addValue(allItems.item(i).getAttribute(_constants.CAROUSEL_ITEM));
+        }
+        return ()=>{
+            store.clear();
+        };
+    }, [
+        store
+    ]);
+    _react.useEffect(()=>{
+        const config = {
+            attributes: true,
+            attributeFilter: [
+                _constants.CAROUSEL_ITEM
+            ],
+            childList: true,
+            subtree: true
+        };
+        // Callback function to execute when mutations are observed
+        const callback = (mutationList)=>{
+            for (const mutation of mutationList){
+                for (const addedNode of Array.from(mutation.addedNodes)){
+                    if ((0, _reactutilities.isHTMLElement)(addedNode) && addedNode.hasAttribute(_constants.CAROUSEL_ITEM)) {
+                        const newValue = addedNode.getAttribute(_constants.CAROUSEL_ITEM);
+                        const newNode = carouselWalker.find(newValue);
+                        if (!(newNode === null || newNode === void 0 ? void 0 : newNode.value)) {
+                            return;
+                        }
+                        const previousNode = carouselWalker.prevPage(newNode === null || newNode === void 0 ? void 0 : newNode.value);
+                        var _previousNode_value;
+                        store.insertValue(newValue, (_previousNode_value = previousNode === null || previousNode === void 0 ? void 0 : previousNode.value) !== null && _previousNode_value !== void 0 ? _previousNode_value : null);
+                    }
+                }
+                for (const removedNode of Array.from(mutation.removedNodes)){
+                    if ((0, _reactutilities.isHTMLElement)(removedNode) && (removedNode === null || removedNode === void 0 ? void 0 : removedNode.hasAttribute(_constants.CAROUSEL_ITEM))) {
+                        const removedValue = removedNode.getAttribute(_constants.CAROUSEL_ITEM);
+                        store.removeValue(removedValue);
+                    }
+                }
+            }
+        };
+        // Create an observer instance linked to the callback function
+        const observer = new MutationObserver(callback);
+        // Start observing the target node for configured mutations
+        observer.observe(rootRef.current, config);
+        // Later, you can stop observing
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        carouselWalker,
+        store
+    ]);
+    const selectPageByDirection = (0, _reactutilities.useEventCallback)((event, direction)=>{
+        const active = carouselWalker.active();
+        if (!(active === null || active === void 0 ? void 0 : active.value)) {
+            return;
+        }
+        const newPage = direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);
+        if (newPage) {
+            setValue(newPage === null || newPage === void 0 ? void 0 : newPage.value);
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {
+                event,
+                type: 'click',
+                value: newPage === null || newPage === void 0 ? void 0 : newPage.value
+            });
+        } else {
+            onFinish === null || onFinish === void 0 ? void 0 : onFinish(event, {
+                event,
+                type: 'click',
+                value: active === null || active === void 0 ? void 0 : active.value
+            });
+        }
+    });
+    const selectPageByValue = (0, _reactutilities.useEventCallback)((event, _value)=>{
+        setValue(_value);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(event, {
+            event,
+            type: 'click',
+            value: _value
+        });
+    });
+    return {
+        carouselRef: (0, _reactutilities.useMergedRefs)(rootRef, carouselRef),
+        carousel: {
+            store,
+            value,
+            selectPageByDirection,
+            selectPageByValue
+        }
+    };
+}