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

package/lib/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js

@@ -0,0 +1,60 @@
+export const createCarouselStore = ()=>{
+    let values = [];
+    let listeners = [];
+    const carouselStore = {
+        clear () {
+            values = [];
+            emitChange();
+        },
+        addValue (value) {
+            values = [
+                ...values,
+                value
+            ];
+            emitChange();
+        },
+        insertValue (value, prev) {
+            if (!prev) {
+                values = [
+                    value,
+                    ...values
+                ];
+            } else {
+                const pos = values.indexOf(prev);
+                values.splice(pos + 1, 0, value);
+                // Required to be defined as a 'new' array for useSyncExternalStore
+                values = [
+                    ...values
+                ];
+            }
+            emitChange();
+        },
+        removeValue (value) {
+            const pos = values.indexOf(value);
+            values.splice(pos, 1);
+            // Required to be defined as a 'new' array for useSyncExternalStore
+            values = [
+                ...values
+            ];
+            emitChange();
+        },
+        subscribe (listener) {
+            listeners = [
+                ...listeners,
+                listener
+            ];
+            return ()=>{
+                listeners = listeners.filter((l)=>l !== listener);
+            };
+        },
+        getSnapshot () {
+            return values;
+        }
+    };
+    function emitChange() {
+        for (const listener of listeners){
+            listener();
+        }
+    }
+    return carouselStore;
+};

package/lib/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createCarouselStore.ts"],"sourcesContent":["import { type CarouselStore } from './Carousel.types';\n\nexport const createCarouselStore = (): CarouselStore => {\n  let values: string[] = [];\n  let listeners: Array<() => void> = [];\n\n  const carouselStore = {\n    clear() {\n      values = [];\n      emitChange();\n    },\n    addValue(value: string) {\n      values = [...values, value];\n\n      emitChange();\n    },\n    insertValue(value: string, prev: string | null) {\n      if (!prev) {\n        values = [value, ...values];\n      } else {\n        const pos = values.indexOf(prev);\n        values.splice(pos + 1, 0, value);\n        // Required to be defined as a 'new' array for useSyncExternalStore\n        values = [...values];\n      }\n      emitChange();\n    },\n    removeValue(value: string) {\n      const pos = values.indexOf(value);\n      values.splice(pos, 1);\n      // Required to be defined as a 'new' array for useSyncExternalStore\n      values = [...values];\n      emitChange();\n    },\n    subscribe(listener: () => void) {\n      listeners = [...listeners, listener];\n\n      return () => {\n        listeners = listeners.filter(l => l !== listener);\n      };\n    },\n    getSnapshot() {\n      return values;\n    },\n  };\n\n  function emitChange() {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  return carouselStore;\n};\n"],"names":["createCarouselStore","values","listeners","carouselStore","clear","emitChange","addValue","value","insertValue","prev","pos","indexOf","splice","removeValue","subscribe","listener","filter","l","getSnapshot"],"mappings":"AAEA,OAAO,MAAMA,sBAAsB;IACjC,IAAIC,SAAmB,EAAE;IACzB,IAAIC,YAA+B,EAAE;IAErC,MAAMC,gBAAgB;QACpBC;YACEH,SAAS,EAAE;YACXI;QACF;QACAC,UAASC,KAAa;YACpBN,SAAS;mBAAIA;gBAAQM;aAAM;YAE3BF;QACF;QACAG,aAAYD,KAAa,EAAEE,IAAmB;YAC5C,IAAI,CAACA,MAAM;gBACTR,SAAS;oBAACM;uBAAUN;iBAAO;YAC7B,OAAO;gBACL,MAAMS,MAAMT,OAAOU,OAAO,CAACF;gBAC3BR,OAAOW,MAAM,CAACF,MAAM,GAAG,GAAGH;gBAC1B,mEAAmE;gBACnEN,SAAS;uBAAIA;iBAAO;YACtB;YACAI;QACF;QACAQ,aAAYN,KAAa;YACvB,MAAMG,MAAMT,OAAOU,OAAO,CAACJ;YAC3BN,OAAOW,MAAM,CAACF,KAAK;YACnB,mEAAmE;YACnET,SAAS;mBAAIA;aAAO;YACpBI;QACF;QACAS,WAAUC,QAAoB;YAC5Bb,YAAY;mBAAIA;gBAAWa;aAAS;YAEpC,OAAO;gBACLb,YAAYA,UAAUc,MAAM,CAACC,CAAAA,IAAKA,MAAMF;YAC1C;QACF;QACAG;YACE,OAAOjB;QACT;IACF;IAEA,SAASI;QACP,KAAK,MAAMU,YAAYb,UAAW;YAChCa;QACF;IACF;IAEA,OAAOZ;AACT,EAAE"}

package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js

@@ -0,0 +1,6 @@
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { useCarouselContext_unstable } from './CarouselContext';
+export function useCarouselValues_unstable(getSnapshot) {
+    const store = useCarouselContext_unstable((c)=>c.store);
+    return useSyncExternalStore(store.subscribe, ()=>getSnapshot(store.getSnapshot()));
+}

package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselValues.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nimport { useCarouselContext_unstable } from './CarouselContext';\nimport type { CarouselStore } from './Carousel.types';\n\nexport function useCarouselValues_unstable<T>(getSnapshot: (values: ReturnType<CarouselStore['getSnapshot']>) => T): T {\n  const store = useCarouselContext_unstable(c => c.store);\n\n  return useSyncExternalStore(store.subscribe, () => getSnapshot(store.getSnapshot()));\n}\n"],"names":["useSyncExternalStore","useCarouselContext_unstable","useCarouselValues_unstable","getSnapshot","store","c","subscribe"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,+BAA+B;AAEpE,SAASC,2BAA2B,QAAQ,oBAAoB;AAGhE,OAAO,SAASC,2BAA8BC,WAAoE;IAChH,MAAMC,QAAQH,4BAA4BI,CAAAA,IAAKA,EAAED,KAAK;IAEtD,OAAOJ,qBAAqBI,MAAME,SAAS,EAAE,IAAMH,YAAYC,MAAMD,WAAW;AAClF"}

package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js

@@ -0,0 +1,98 @@
+import * as React from 'react';
+import { isHTMLElement } from '@fluentui/react-utilities';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from './constants';
+export const useCarouselWalker_unstable = ()=>{
+    const { targetDocument } = useFluent();
+    const treeWalkerRef = React.useRef(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.createTreeWalker(targetDocument.body));
+    const htmlRef = React.useRef(null);
+    const ref = React.useCallback((el)=>{
+        if (!targetDocument) {
+            return;
+        }
+        if (!el) {
+            return;
+        }
+        htmlRef.current = el;
+        treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {
+            acceptNode (node) {
+                if (!isHTMLElement(node)) {
+                    return NodeFilter.FILTER_SKIP;
+                }
+                return node.hasAttribute(CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+            }
+        });
+    }, [
+        targetDocument
+    ]);
+    return {
+        ref,
+        walker: React.useMemo(()=>({
+                active () {
+                    if (!htmlRef.current) {
+                        return null;
+                    }
+                    const activeEl = htmlRef.current.querySelector(`[${CAROUSEL_ACTIVE_ITEM}="true"]`);
+                    if (isHTMLElement(activeEl)) {
+                        return {
+                            el: activeEl,
+                            value: activeEl.getAttribute(CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                },
+                find (value) {
+                    var _treeWalkerRef_current;
+                    if (!((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode) || !htmlRef.current) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = htmlRef.current;
+                    let nextNode = null;
+                    while(nextNode = treeWalkerRef.current.nextNode()){
+                        if (!isHTMLElement(nextNode)) {
+                            continue;
+                        }
+                        if (nextNode.getAttribute(CAROUSEL_ITEM) === value) {
+                            return {
+                                el: nextNode,
+                                value: nextNode.getAttribute(CAROUSEL_ITEM)
+                            };
+                        }
+                    }
+                    return null;
+                },
+                nextPage (value) {
+                    var _treeWalkerRef_current;
+                    const res = this.find(value);
+                    if (!res || !((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode)) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = res.el;
+                    const next = treeWalkerRef.current.nextNode();
+                    if (isHTMLElement(next)) {
+                        return {
+                            el: next,
+                            value: next.getAttribute(CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                },
+                prevPage (value) {
+                    var _treeWalkerRef_current;
+                    const res = this.find(value);
+                    if (!res || !((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode)) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = res.el;
+                    const next = treeWalkerRef.current.previousNode();
+                    if (isHTMLElement(next)) {
+                        return {
+                            el: next,
+                            value: next.getAttribute(CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                }
+            }), [])
+    };
+};

package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselWalker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from './constants';\n\nexport type CarouselWalker = {\n  find(value: string): { el: HTMLElement; value: string } | null;\n  nextPage(value: string): { el: HTMLElement; value: string } | null;\n  prevPage(value: string): { el: HTMLElement; value: string } | null;\n  active(): { el: HTMLElement; value: string } | null;\n};\n\nexport const useCarouselWalker_unstable = () => {\n  const { targetDocument } = useFluent();\n\n  const treeWalkerRef = React.useRef<TreeWalker | undefined>(targetDocument?.createTreeWalker(targetDocument.body));\n  const htmlRef = React.useRef<HTMLDivElement | null>(null);\n\n  const ref = React.useCallback(\n    (el: HTMLDivElement | null) => {\n      if (!targetDocument) {\n        return;\n      }\n\n      if (!el) {\n        return;\n      }\n\n      htmlRef.current = el;\n      treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n        acceptNode(node) {\n          if (!isHTMLElement(node)) {\n            return NodeFilter.FILTER_SKIP;\n          }\n\n          return node.hasAttribute(CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n        },\n      });\n    },\n    [targetDocument],\n  );\n\n  return {\n    ref,\n    walker: React.useMemo<CarouselWalker>(\n      () => ({\n        active() {\n          if (!htmlRef.current) {\n            return null;\n          }\n\n          const activeEl = htmlRef.current.querySelector(`[${CAROUSEL_ACTIVE_ITEM}=\"true\"]`)!;\n\n          if (isHTMLElement(activeEl)) {\n            return {\n              el: activeEl,\n              value: activeEl.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n        find(value: string) {\n          if (!treeWalkerRef.current?.currentNode || !htmlRef.current) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = htmlRef.current;\n          let nextNode: Node | null = null;\n          while ((nextNode = treeWalkerRef.current.nextNode())) {\n            if (!isHTMLElement(nextNode)) {\n              continue;\n            }\n\n            if (nextNode.getAttribute(CAROUSEL_ITEM) === value) {\n              return {\n                el: nextNode,\n                value: nextNode.getAttribute(CAROUSEL_ITEM)!,\n              };\n            }\n          }\n\n          return null;\n        },\n        nextPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.nextNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n\n        prevPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.previousNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n      }),\n      [],\n    ),\n  };\n};\n"],"names":["React","isHTMLElement","useFluent_unstable","useFluent","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselWalker_unstable","targetDocument","treeWalkerRef","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","FILTER_SKIP","hasAttribute","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,cAAc;AASlE,OAAO,MAAMC,6BAA6B;IACxC,MAAM,EAAEC,cAAc,EAAE,GAAGJ;IAE3B,MAAMK,gBAAgBR,MAAMS,MAAM,CAAyBF,2BAAAA,qCAAAA,eAAgBG,gBAAgB,CAACH,eAAeI,IAAI;IAC/G,MAAMC,UAAUZ,MAAMS,MAAM,CAAwB;IAEpD,MAAMI,MAAMb,MAAMc,WAAW,CAC3B,CAACC;QACC,IAAI,CAACR,gBAAgB;YACnB;QACF;QAEA,IAAI,CAACQ,IAAI;YACP;QACF;QAEAH,QAAQI,OAAO,GAAGD;QAClBP,cAAcQ,OAAO,GAAGT,eAAeG,gBAAgB,CAACK,IAAIE,WAAWC,YAAY,EAAE;YACnFC,YAAWC,IAAI;gBACb,IAAI,CAACnB,cAAcmB,OAAO;oBACxB,OAAOH,WAAWI,WAAW;gBAC/B;gBAEA,OAAOD,KAAKE,YAAY,CAACjB,iBAAiBY,WAAWM,aAAa,GAAGN,WAAWI,WAAW;YAC7F;QACF;IACF,GACA;QAACd;KAAe;IAGlB,OAAO;QACLM;QACAW,QAAQxB,MAAMyB,OAAO,CACnB,IAAO,CAAA;gBACLC;oBACE,IAAI,CAACd,QAAQI,OAAO,EAAE;wBACpB,OAAO;oBACT;oBAEA,MAAMW,WAAWf,QAAQI,OAAO,CAACY,aAAa,CAAC,CAAC,CAAC,EAAExB,qBAAqB,QAAQ,CAAC;oBAEjF,IAAIH,cAAc0B,WAAW;wBAC3B,OAAO;4BACLZ,IAAIY;4BACJE,OAAOF,SAASG,YAAY,CAACzB;wBAC/B;oBACF;oBAEA,OAAO;gBACT;gBACA0B,MAAKF,KAAa;wBACXrB;oBAAL,IAAI,GAACA,yBAAAA,cAAcQ,OAAO,cAArBR,6CAAAA,uBAAuBwB,WAAW,KAAI,CAACpB,QAAQI,OAAO,EAAE;wBAC3D,OAAO;oBACT;oBAEAR,cAAcQ,OAAO,CAACgB,WAAW,GAAGpB,QAAQI,OAAO;oBACnD,IAAIiB,WAAwB;oBAC5B,MAAQA,WAAWzB,cAAcQ,OAAO,CAACiB,QAAQ,GAAK;wBACpD,IAAI,CAAChC,cAAcgC,WAAW;4BAC5B;wBACF;wBAEA,IAAIA,SAASH,YAAY,CAACzB,mBAAmBwB,OAAO;4BAClD,OAAO;gCACLd,IAAIkB;gCACJJ,OAAOI,SAASH,YAAY,CAACzB;4BAC/B;wBACF;oBACF;oBAEA,OAAO;gBACT;gBACA6B,UAASL,KAAa;wBAEPrB;oBADb,MAAM2B,MAAM,IAAI,CAACJ,IAAI,CAACF;oBACtB,IAAI,CAACM,OAAO,GAAC3B,yBAAAA,cAAcQ,OAAO,cAArBR,6CAAAA,uBAAuBwB,WAAW,GAAE;wBAC/C,OAAO;oBACT;oBAEAxB,cAAcQ,OAAO,CAACgB,WAAW,GAAGG,IAAIpB,EAAE;oBAC1C,MAAMqB,OAAO5B,cAAcQ,OAAO,CAACiB,QAAQ;oBAE3C,IAAIhC,cAAcmC,OAAO;wBACvB,OAAO;4BACLrB,IAAIqB;4BACJP,OAAOO,KAAKN,YAAY,CAACzB;wBAC3B;oBACF;oBAEA,OAAO;gBACT;gBAEAgC,UAASR,KAAa;wBAEPrB;oBADb,MAAM2B,MAAM,IAAI,CAACJ,IAAI,CAACF;oBACtB,IAAI,CAACM,OAAO,GAAC3B,yBAAAA,cAAcQ,OAAO,cAArBR,6CAAAA,uBAAuBwB,WAAW,GAAE;wBAC/C,OAAO;oBACT;oBAEAxB,cAAcQ,OAAO,CAACgB,WAAW,GAAGG,IAAIpB,EAAE;oBAC1C,MAAMqB,OAAO5B,cAAcQ,OAAO,CAACsB,YAAY;oBAE/C,IAAIrC,cAAcmC,OAAO;wBACvB,OAAO;4BACLrB,IAAIqB;4BACJP,OAAOO,KAAKN,YAAY,CAACzB;wBAC3B;oBACF;oBAEA,OAAO;gBACT;YACF,CAAA,GACA,EAAE;IAEN;AACF,EAAE"}

package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';
+import { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';
+import { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';
+/**
+ * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`
+ * hooks.
+ *
+ * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality
+ */ export const TeachingPopoverCarousel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTeachingPopoverCarousel_unstable(props, ref);
+    useTeachingPopoverCarouselStyles_unstable(state);
+    useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);
+    const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);
+    return renderTeachingPopoverCarousel_unstable(state, contextValues);
+});
+TeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';

package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nimport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nimport { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverCarouselProps } from './TeachingPopoverCarousel.types';\nimport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n\n/**\n * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality\n */\nexport const TeachingPopoverCarousel: ForwardRefComponent<TeachingPopoverCarouselProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarousel_unstable(props, ref);\n\n    useTeachingPopoverCarouselStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);\n\n    const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);\n\n    return renderTeachingPopoverCarousel_unstable(state, contextValues);\n  },\n);\n\nTeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';\n"],"names":["React","useTeachingPopoverCarousel_unstable","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarousel","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,4CAA4C;AACtG,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,SAASC,gDAAgD,QAAQ,4CAA4C;AAE7G;;;;;CAKC,GACD,OAAO,MAAMC,wCAA6EN,MAAMO,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQT,oCAAoCO,OAAOC;IAEzDN,0CAA0CO;IAE1CN,4BAA4B,6CAA6CM;IAEzE,MAAMC,gBAAgBN,iDAAiDK;IAEvE,OAAOR,uCAAuCQ,OAAOC;AACvD,GACA;AAEFL,wBAAwBM,WAAW,GAAG"}

package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js

@@ -0,0 +1 @@
+export { };

package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { CarouselValueChangeData } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & {\n  /**\n   * The initial page to display in uncontrolled mode.\n   */\n  defaultValue?: string;\n\n  /**\n   * The value of the currently active page.\n   */\n  value?: string;\n\n  /**\n   * Callback to notify a page change.\n   */\n  onValueChange?: EventHandler<CarouselValueChangeData>;\n\n  /**\n   * Callback to notify when the final button step of a carousel has been activated.\n   */\n  onFinish?: EventHandler<CarouselValueChangeData>;\n};\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n  Partial<Pick<PopoverContextValue, 'appearance'>> &\n  CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n  carousel: CarouselContextValue;\n};\n"],"names":[],"mappings":"AAAA,WAkDE"}

package/lib/components/TeachingPopoverCarousel/index.js

@@ -0,0 +1,6 @@
+export * from './TeachingPopoverCarousel';
+export * from './TeachingPopoverCarousel.types';
+export * from './renderTeachingPopoverCarousel';
+export * from './useTeachingPopoverCarousel';
+export * from './useTeachingPopoverCarouselStyles.styles';
+export * from './useTeachingPopoverCarouselContextValues';

package/lib/components/TeachingPopoverCarousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,kCAAkC;AAChD,cAAc,kCAAkC;AAChD,cAAc,+BAA+B;AAC7C,cAAc,4CAA4C;AAC1D,cAAc,4CAA4C"}

package/lib/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js

@@ -0,0 +1,12 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+import { CarouselProvider } from './Carousel/CarouselContext';
+/**
+ * Render the final JSX of TeachingPopoverCarousel
+ */ export const renderTeachingPopoverCarousel_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(CarouselProvider, {
+        value: contextValues.carousel,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
+};

package/lib/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarousel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselState,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselContextValues,\n} from './TeachingPopoverCarousel.types';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderTeachingPopoverCarousel_unstable = (\n  state: TeachingPopoverCarouselState,\n  contextValues: TeachingPopoverCarouselContextValues,\n) => {\n  assertSlots<TeachingPopoverCarouselSlots>(state);\n\n  return (\n    <CarouselProvider value={contextValues.carousel}>\n      <state.root />\n    </CarouselProvider>\n  );\n};\n"],"names":["assertSlots","CarouselProvider","renderTeachingPopoverCarousel_unstable","state","contextValues","value","carousel","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CACpDC,OACAC;IAEAJ,YAA0CG;IAE1C,qBACE,KAACF;QAAiBI,OAAOD,cAAcE,QAAQ;kBAC7C,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
+import { usePopoverContext_unstable } from '@fluentui/react-popover';
+import { useCarousel_unstable } from './Carousel/Carousel';
+export const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+    const toggleOpen = usePopoverContext_unstable((c)=>c.toggleOpen);
+    const handleFinish = useEventCallback((event, data)=>{
+        var _props_onFinish;
+        (_props_onFinish = props.onFinish) === null || _props_onFinish === void 0 ? void 0 : _props_onFinish.call(props, event, data);
+        toggleOpen(event);
+    });
+    const { carousel, carouselRef } = useCarousel_unstable({
+        defaultValue: props.defaultValue,
+        value: props.value,
+        onValueChange: props.onValueChange,
+        onFinish: handleFinish
+    });
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    return {
+        appearance,
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref: useMergedRefs(ref, carouselRef),
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        ...carousel
+    };
+};

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarousel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable, type UseCarouselOptions } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n  props: TeachingPopoverCarouselProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n  const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n  const handleFinish: UseCarouselOptions['onFinish'] = useEventCallback((event, data) => {\n    props.onFinish?.(event, data);\n    toggleOpen(event as React.MouseEvent<HTMLElement>);\n  });\n\n  const { carousel, carouselRef } = useCarousel_unstable({\n    defaultValue: props.defaultValue,\n    value: props.value,\n    onValueChange: props.onValueChange,\n    onFinish: handleFinish,\n  });\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  return {\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, carouselRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    ...carousel,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","defaultValue","value","onValueChange","appearance","context","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAE5G,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAiC,sBAAsB;AAEpF,OAAO,MAAMC,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaL,2BAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAA+CT,iBAAiB,CAACU,OAAOC;YAC5EN;SAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,sCAAAA,qBAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,qBAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,OAAOX,MAAMW,KAAK;QAClBC,eAAeZ,MAAMY,aAAa;QAClCL,UAAUH;IACZ;IAEA,MAAMS,aAAahB,2BAA2BiB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMtB,KAAKuB,MAAM,CACfxB,yBAAyB,OAAO;YAC9BQ,KAAKL,cAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEkB,aAAa;QAAM;QAEvB,GAAGV,QAAQ;IACb;AACF,EAAE"}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js

@@ -0,0 +1,12 @@
+export function useTeachingPopoverCarouselContextValues_unstable(state) {
+    const { store, value, selectPageByValue, selectPageByDirection } = state;
+    const carousel = {
+        store,
+        value,
+        selectPageByDirection,
+        selectPageByValue
+    };
+    return {
+        carousel
+    };
+}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselContextValues.ts"],"sourcesContent":["import type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\n\nexport function useTeachingPopoverCarouselContextValues_unstable(\n  state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselContextValues {\n  const { store, value, selectPageByValue, selectPageByDirection } = state;\n\n  const carousel = {\n    store,\n    value,\n    selectPageByDirection,\n    selectPageByValue,\n  };\n\n  return { carousel };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"mappings":"AAKA,OAAO,SAASA,iDACdC,KAAmC;IAEnC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,MAAMK,WAAW;QACfJ;QACAC;QACAE;QACAD;IACF;IAEA,OAAO;QAAEE;IAAS;AACpB"}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js

@@ -0,0 +1,15 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const teachingPopoverCarouselClassNames = {
+  root: 'fui-TeachingPopoverCarousel'
+};
+// Todo: Page change animation & styles
+const useStyles = /*#__PURE__*/__styles({
+  root: {}
+}, {});
+/** Applies style classnames to slots */
+export const useTeachingPopoverCarouselStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n    root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,yCAAyC,GAAIC,KAAK,IAAG;EACvG,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC9G,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';
+import { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';
+import { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';
+/**
+ * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`
+ * hooks.
+ *
+ * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.
+ */ export const TeachingPopoverCarouselCard = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTeachingPopoverCarouselCard_unstable(props, ref);
+    useTeachingPopoverCarouselCardStyles_unstable(state);
+    return renderTeachingPopoverCarouselCard_unstable(state);
+});
+TeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';

package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n    useTeachingPopoverCarouselCardStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselCard_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["React","useTeachingPopoverCarouselCard_unstable","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","TeachingPopoverCarouselCard","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uCAAuC,QAAQ,mCAAmC;AAC3F,SAASC,0CAA0C,QAAQ,sCAAsC;AAGjG,SAASC,6CAA6C,QAAQ,gDAAgD;AAE9G;;;;;CAKC,GACD,OAAO,MAAMC,4CAAqFJ,MAAMK,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQP,wCAAwCK,OAAOC;IAE7DJ,8CAA8CK;IAE9C,OAAON,2CAA2CM;AACpD,GACA;AAEFJ,4BAA4BK,WAAW,GAAG"}

package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js

@@ -0,0 +1 @@
+export { };

package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n  /* Required: Passed into CarouselItem to identify pages. */\n  value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n  Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"mappings":"AAAA,WAgB4D"}

package/lib/components/TeachingPopoverCarouselCard/index.js

@@ -0,0 +1,5 @@
+export * from './TeachingPopoverCarouselCard';
+export * from './TeachingPopoverCarouselCard.types';
+export * from './renderTeachingPopoverCarouselCard';
+export * from './useTeachingPopoverCarouselCard';
+export * from './useTeachingPopoverCarouselCardStyles.styles';

package/lib/components/TeachingPopoverCarouselCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,sCAAsC;AACpD,cAAc,mCAAmC;AACjD,cAAc,gDAAgD"}

package/lib/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js

@@ -0,0 +1,8 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of TeachingPopoverCarouselCard
+ */ export const renderTeachingPopoverCarouselCard_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

package/lib/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n  assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,6CAA6C,CAACC;IACzDF,YAA8CE;IAE9C,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js

@@ -0,0 +1,25 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import * as React from 'react';
+import { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';
+/**
+ * Returns the props and state required to render the component
+ * @param props - TeachingPopoverCarouselCard properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard
+ */ export const useTeachingPopoverCarouselCard_unstable = (props, ref)=>{
+    const { value } = props;
+    return {
+        value,
+        components: {
+            root: CarouselItem
+        },
+        root: slot.always({
+            ...getIntrinsicElementProps('div', {
+                ref,
+                ...props
+            }),
+            value
+        }, {
+            elementType: CarouselItem
+        })
+    };
+};

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n  props: TeachingPopoverCarouselCardProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n  const { value } = props;\n\n  return {\n    value,\n    components: {\n      root: CarouselItem,\n    },\n    root: slot.always(\n      {\n        ...getIntrinsicElementProps('div', {\n          ref,\n          ...props,\n        }),\n        value,\n      },\n      { elementType: CarouselItem },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,YAAY,QAAQ,+DAA+D;AAE5F;;;;CAIC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN;QACR;QACAM,MAAMR,KAAKS,MAAM,CACf;YACE,GAAGV,yBAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR;QAAa;IAEhC;AACF,EAAE"}

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js

@@ -0,0 +1,14 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const teachingPopoverCarouselCardClassNames = {
+  root: 'fui-TeachingPopoverCarouselCard'
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {}
+}, {});
+/** Applies style classnames to slots */
+export const useTeachingPopoverCarouselCardStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,qCAAqC,GAAG;EACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,6CAA6C,GAAIC,KAAK,IAAG;EAC3G,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAClH,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';
+import { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';
+import { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';
+/**
+ * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`
+ * hooks.
+ *
+ * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.
+ */ export const TeachingPopoverCarouselFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);
+    useTeachingPopoverCarouselFooterStyles_unstable(state);
+    return renderTeachingPopoverCarouselFooter_unstable(state);
+});
+TeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';

package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,kDAAkD;AAIlH;;;;;CAKC,GACD,OAAO,MAAMC,8CAAyFJ,MAAMK,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQP,0CAA0CK,OAAOC;IAE/DJ,gDAAgDK;IAEhD,OAAON,6CAA6CM;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}

package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The previous button slot.\n   */\n  previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n  /**\n   * The next button slot.\n   */\n  next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n  /**\n   * Controls whether buttons will be centered (balanced) or right aligned\n   * Defaults to 'centered'.\n   */\n  layout?: TeachingPopoverCarouselFooterLayout;\n\n  /**\n   * The text to be displayed on the initial step of carousel\n   */\n  initialStepText: string;\n\n  /**\n   * The text to be displayed on the final step of carousel\n   */\n  finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n  Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/TeachingPopoverCarouselFooter/index.js

@@ -0,0 +1,5 @@
+export * from './TeachingPopoverCarouselFooter';
+export * from './TeachingPopoverCarouselFooter.types';
+export * from './renderTeachingPopoverCarouselFooter';
+export * from './useTeachingPopoverCarouselFooter';
+export * from './useTeachingPopoverCarouselFooterStyles.styles';

package/lib/components/TeachingPopoverCarouselFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC;AAChD,cAAc,wCAAwC;AACtD,cAAc,wCAAwC;AACtD,cAAc,qCAAqC;AACnD,cAAc,kDAAkD"}

package/lib/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js

@@ -0,0 +1,16 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of TeachingPopoverCarouselFooter
+ */ export const renderTeachingPopoverCarouselFooter_unstable = (state)=>{
+    assertSlots(state);
+    const { layout } = state;
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            layout === 'centered' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),
+            state.root.children,
+            layout === 'offset' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),
+            /*#__PURE__*/ _jsx(state.next, {})
+        ]
+    });
+};

package/lib/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n  assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n  const { layout } = state;\n\n  return (\n    <state.root>\n      {layout === 'centered' && state.previous && <state.previous />}\n      {state.root.children}\n      {layout === 'offset' && state.previous && <state.previous />}\n      <state.next />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselFooter_unstable","state","layout","root","previous","children","next"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,+CAA+C,CAACC;IAC3DF,YAAgDE;IAEhD,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,MAACA,MAAME,IAAI;;YACRD,WAAW,cAAcD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;YAC1DH,MAAME,IAAI,CAACE,QAAQ;YACnBH,WAAW,YAAYD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;0BACzD,KAACH,MAAMK,IAAI;;;AAGjB,EAAE"}

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js

@@ -0,0 +1,37 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import * as React from 'react';
+import { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';
+export const useTeachingPopoverCarouselFooter_unstable = (props, ref)=>{
+    const { layout = 'centered', initialStepText, finalStepText } = props;
+    const previous = slot.optional(props.previous, {
+        defaultProps: {
+            navType: 'prev',
+            altText: initialStepText
+        },
+        renderByDefault: true,
+        elementType: TeachingPopoverCarouselFooterButton
+    });
+    const next = slot.always(props.next, {
+        defaultProps: {
+            navType: 'next',
+            altText: finalStepText
+        },
+        elementType: TeachingPopoverCarouselFooterButton
+    });
+    return {
+        layout,
+        components: {
+            root: 'div',
+            next: TeachingPopoverCarouselFooterButton,
+            previous: TeachingPopoverCarouselFooterButton
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        previous,
+        next
+    };
+};

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n  props: TeachingPopoverCarouselFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n  const { layout = 'centered', initialStepText, finalStepText } = props;\n\n  const previous = slot.optional(props.previous, {\n    defaultProps: {\n      navType: 'prev',\n      altText: initialStepText,\n    },\n    renderByDefault: true,\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  const next = slot.always(props.next, {\n    defaultProps: {\n      navType: 'next',\n      altText: finalStepText,\n    },\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  return {\n    layout,\n    components: {\n      root: 'div',\n      next: TeachingPopoverCarouselFooterButton,\n      previous: TeachingPopoverCarouselFooterButton,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    previous,\n    next,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","TeachingPopoverCarouselFooterButton","useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","optional","defaultProps","navType","altText","renderByDefault","elementType","next","always","components","root"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,mCAAmC,QAAQ,6EAA6E;AAEjI,OAAO,MAAMC,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWT,KAAKU,QAAQ,CAACN,MAAMK,QAAQ,EAAE;QAC7CE,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAO,iBAAiB;QACjBC,aAAab;IACf;IAEA,MAAMc,OAAOhB,KAAKiB,MAAM,CAACb,MAAMY,IAAI,EAAE;QACnCL,cAAc;YACZC,SAAS;YACTC,SAASL;QACX;QACAO,aAAab;IACf;IAEA,OAAO;QACLI;QACAY,YAAY;YACVC,MAAM;YACNH,MAAMd;YACNO,UAAUP;QACZ;QACAiB,MAAMnB,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBN;QACAO;IACF;AACF,EAAE"}