@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-accordion",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:11 GMT",
-      "tag": "@fluentui/react-accordion_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:56 GMT",
+      "tag": "@fluentui/react-accordion_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,44 +16,113 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-accordion",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:20 GMT",
+      "tag": "@fluentui/react-accordion_v9.1.5",
+      "version": "9.1.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "makotom@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+            "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.3.15",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.6.1",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,24 +1,42 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Fri, 17 Mar 2023 15:00:11 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:11 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.4..@fluentui/react-accordion_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.5..@fluentui/react-accordion_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-aria to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/react-aria to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:20 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.4..@fluentui/react-accordion_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-aria to v9.3.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.4)
 

package/lib/Accordion.js

@@ -1,2 +1,2 @@
-export * from "./components/Accordion/index";
+export * from './components/Accordion/index';
 //# sourceMappingURL=Accordion.js.map

package/lib/AccordionHeader.js

@@ -1,2 +1,2 @@
-export * from "./components/AccordionHeader/index";
+export * from './components/AccordionHeader/index';
 //# sourceMappingURL=AccordionHeader.js.map

package/lib/AccordionItem.js

@@ -1,2 +1,2 @@
-export * from "./components/AccordionItem/index";
+export * from './components/AccordionItem/index';
 //# sourceMappingURL=AccordionItem.js.map

package/lib/AccordionPanel.js

@@ -1,2 +1,2 @@
-export * from "./components/AccordionPanel/index";
+export * from './components/AccordionPanel/index';
 //# sourceMappingURL=AccordionPanel.js.map

package/lib/components/Accordion/Accordion.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { renderAccordion_unstable } from "./renderAccordion";
-import { useAccordion_unstable } from "./useAccordion";
-import { useAccordionContextValues_unstable } from "./useAccordionContextValues";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
-import { useAccordionStyles_unstable } from "./useAccordionStyles";
+import * as React from 'react';
+import { renderAccordion_unstable } from './renderAccordion';
+import { useAccordion_unstable } from './useAccordion';
+import { useAccordionContextValues_unstable } from './useAccordionContextValues';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useAccordionStyles_unstable } from './useAccordionStyles';
 /**
  * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
  */
@@ -17,5 +17,5 @@ export const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderAccordion_unstable(state, contextValues);
 });
-Accordion.displayName = "Accordion";
+Accordion.displayName = 'Accordion';
 //# sourceMappingURL=Accordion.js.map

package/lib/components/Accordion/Accordion.types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=Accordion.types.js.map

package/lib/components/Accordion/AccordionContext.js

@@ -1,4 +1,4 @@
-import { createContext, useContextSelector } from "@fluentui/react-context-selector";
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 export const AccordionContext = /*#__PURE__*/createContext(undefined);
 const accordionContextDefaultValue = {
   openItems: [],

package/lib/components/Accordion/index.js

@@ -1,8 +1,8 @@
-export * from "./Accordion";
-export * from "./Accordion.types";
-export * from "./renderAccordion";
-export * from "./useAccordion";
-export * from "./useAccordionStyles";
-export * from "./useAccordionContextValues";
-export * from "./AccordionContext";
+export * from './Accordion';
+export * from './Accordion.types';
+export * from './renderAccordion';
+export * from './useAccordion';
+export * from './useAccordionStyles';
+export * from './useAccordionContextValues';
+export * from './AccordionContext';
 //# sourceMappingURL=index.js.map

package/lib/components/Accordion/renderAccordion.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
-import { AccordionContext } from "./AccordionContext";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+import { AccordionContext } from './AccordionContext';
 /**
  * Function that renders the final JSX of the component
  */

package/lib/components/Accordion/useAccordion.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { getNativeElementProps, useControllableState, useEventCallback } from "@fluentui/react-utilities";
-import { useArrowNavigationGroup } from "@fluentui/react-tabster";
+import * as React from 'react';
+import { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';
+import { useArrowNavigationGroup } from '@fluentui/react-tabster';
 /**
  * Returns the props and state required to render the component
  * @param props - Accordion properties
@@ -24,11 +24,11 @@ export const useAccordion_unstable = (props, ref) => {
     initialState: []
   });
   const arrowNavigationProps = useArrowNavigationGroup({
-    circular: navigation === "circular",
+    circular: navigation === 'circular',
     tabbable: true
   });
   const requestToggle = useEventCallback((event, data) => {
-    onToggle?.(event, data);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
     setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
   });
   return {
@@ -37,9 +37,9 @@ export const useAccordion_unstable = (props, ref) => {
     openItems,
     requestToggle,
     components: {
-      root: "div"
+      root: 'div'
     },
-    root: getNativeElementProps("div", {
+    root: getNativeElementProps('div', {
       ...props,
       ...(navigation ? arrowNavigationProps : {}),
       ref

package/lib/components/Accordion/useAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useControllableState","useEventCallback","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","event","data","previousOpenItems","updateOpenItems","value","components","root","undefined","Array","isArray","includes","length","filter","i","sort","index"],"sources":["../../../src/components/Accordion/useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState, AccordionToggleData, AccordionToggleEvent } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props: AccordionProps, ref: React.Ref<HTMLElement>): AccordionState => {\n  const {\n    openItems: controlledOpenItems,\n    defaultOpenItems,\n    multiple = false,\n    collapsible = false,\n    onToggle,\n    navigation,\n  } = props;\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n    defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n    initialState: [],\n  });\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: navigation === 'circular',\n    tabbable: true,\n  });\n\n  const requestToggle = useEventCallback((event: AccordionToggleEvent, data: AccordionToggleData) => {\n    onToggle?.(event, data);\n    setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n  });\n\n  return {\n    collapsible,\n    navigation,\n    openItems,\n    requestToggle,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ...props,\n      ...(navigation ? arrowNavigationProps : {}),\n      ref,\n    }),\n  };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n  defaultOpenItems,\n  multiple,\n}: Pick<AccordionProps, 'defaultOpenItems' | 'multiple'>): AccordionItemValue[] {\n  if (defaultOpenItems !== undefined) {\n    if (Array.isArray(defaultOpenItems)) {\n      return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n    }\n    return [defaultOpenItems];\n  }\n  return [];\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(\n  value: AccordionItemValue,\n  previousOpenItems: AccordionItemValue[],\n  multiple: boolean,\n  collapsible: boolean,\n) {\n  if (multiple) {\n    if (previousOpenItems.includes(value)) {\n      if (previousOpenItems.length > 1 || collapsible) {\n        return previousOpenItems.filter(i => i !== value);\n      }\n    } else {\n      return [...previousOpenItems, value].sort();\n    }\n  } else {\n    return previousOpenItems[0] === value && collapsible ? [] : [value];\n  }\n  return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index?: AccordionItemValue | AccordionItemValue[]): AccordionItemValue[] | undefined {\n  if (index === undefined) {\n    return undefined;\n  }\n  return Array.isArray(index) ? index : [index];\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ;AAG9E,SAASC,uBAAuB,QAAQ;AAExC;;;;;AAKA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAgD;EAC3G,MAAM;IACJC,SAAA,EAAWC,mBAAA;IACXC,gBAAA;IACAC,QAAA,GAAW,KAAK;IAChBC,WAAA,GAAc,KAAK;IACnBC,QAAA;IACAC;EAAU,CACX,GAAGR,KAAA;EACJ,MAAM,CAACE,SAAA,EAAWO,YAAA,CAAa,GAAGb,oBAAA,CAAqB;IACrDc,KAAA,EAAOhB,KAAA,CAAMiB,OAAO,CAAC,MAAMC,eAAA,CAAgBT,mBAAA,GAAsB,CAACA,mBAAA,CAAoB;IACtFU,YAAA,EAAcA,CAAA,KAAMC,+BAAA,CAAgC;MAAEV,gBAAA;MAAkBC;IAAS;IACjFU,YAAA,EAAc;EAChB;EAEA,MAAMC,oBAAA,GAAuBlB,uBAAA,CAAwB;IACnDmB,QAAA,EAAUT,UAAA,KAAe;IACzBU,QAAA,EAAU;EACZ;EAEA,MAAMC,aAAA,GAAgBtB,gBAAA,CAAiB,CAACuB,KAAA,EAA6BC,IAAA,KAA8B;IACjGd,QAAA,GAAWa,KAAA,EAAOC,IAAA;IAClBZ,YAAA,CAAaa,iBAAA,IAAqBC,eAAA,CAAgBF,IAAA,CAAKG,KAAK,EAAEF,iBAAA,EAAmBjB,QAAA,EAAUC,WAAA;EAC7F;EAEA,OAAO;IACLA,WAAA;IACAE,UAAA;IACAN,SAAA;IACAiB,aAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAM/B,qBAAA,CAAsB,OAAO;MACjC,GAAGK,KAAK;MACR,IAAIQ,UAAA,GAAaQ,oBAAA,GAAuB,CAAC,CAAC;MAC1Cf;IACF;EACF;AACF;AAEA;;;AAGA,SAASa,gCAAgC;EACvCV,gBAAA;EACAC;AAAQ,CAC8C,EAAwB;EAC9E,IAAID,gBAAA,KAAqBuB,SAAA,EAAW;IAClC,IAAIC,KAAA,CAAMC,OAAO,CAACzB,gBAAA,GAAmB;MACnC,OAAOC,QAAA,GAAWD,gBAAA,GAAmB,CAACA,gBAAgB,CAAC,EAAE,CAAC;IAC5D;IACA,OAAO,CAACA,gBAAA,CAAiB;EAC3B;EACA,OAAO,EAAE;AACX;AAEA;;;;;;;AAOA,SAASmB,gBACPC,KAAyB,EACzBF,iBAAuC,EACvCjB,QAAiB,EACjBC,WAAoB,EACpB;EACA,IAAID,QAAA,EAAU;IACZ,IAAIiB,iBAAA,CAAkBQ,QAAQ,CAACN,KAAA,GAAQ;MACrC,IAAIF,iBAAA,CAAkBS,MAAM,GAAG,KAAKzB,WAAA,EAAa;QAC/C,OAAOgB,iBAAA,CAAkBU,MAAM,CAACC,CAAA,IAAKA,CAAA,KAAMT,KAAA;MAC7C;IACF,OAAO;MACL,OAAO,C,GAAIF,iBAAA,EAAmBE,KAAA,CAAM,CAACU,IAAI;IAC3C;EACF,OAAO;IACL,OAAOZ,iBAAiB,CAAC,EAAE,KAAKE,KAAA,IAASlB,WAAA,GAAc,EAAE,GAAG,CAACkB,KAAA,CAAM;EACrE;EACA,OAAOF,iBAAA;AACT;AAEA;;;AAGA,SAASV,gBAAgBuB,KAAiD,EAAoC;EAC5G,IAAIA,KAAA,KAAUR,SAAA,EAAW;IACvB,OAAOA,SAAA;EACT;EACA,OAAOC,KAAA,CAAMC,OAAO,CAACM,KAAA,IAASA,KAAA,GAAQ,CAACA,KAAA,CAAM;AAC/C"}
+{"version":3,"names":["React","getNativeElementProps","useControllableState","useEventCallback","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","event","data","previousOpenItems","updateOpenItems","value","components","root","undefined","Array","isArray","includes","length","filter","i","sort","index"],"sources":["../../../src/components/Accordion/useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState, AccordionToggleData, AccordionToggleEvent } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props: AccordionProps, ref: React.Ref<HTMLElement>): AccordionState => {\n  const {\n    openItems: controlledOpenItems,\n    defaultOpenItems,\n    multiple = false,\n    collapsible = false,\n    onToggle,\n    navigation,\n  } = props;\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n    defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n    initialState: [],\n  });\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: navigation === 'circular',\n    tabbable: true,\n  });\n\n  const requestToggle = useEventCallback((event: AccordionToggleEvent, data: AccordionToggleData) => {\n    onToggle?.(event, data);\n    setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n  });\n\n  return {\n    collapsible,\n    navigation,\n    openItems,\n    requestToggle,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ...props,\n      ...(navigation ? arrowNavigationProps : {}),\n      ref,\n    }),\n  };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n  defaultOpenItems,\n  multiple,\n}: Pick<AccordionProps, 'defaultOpenItems' | 'multiple'>): AccordionItemValue[] {\n  if (defaultOpenItems !== undefined) {\n    if (Array.isArray(defaultOpenItems)) {\n      return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n    }\n    return [defaultOpenItems];\n  }\n  return [];\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(\n  value: AccordionItemValue,\n  previousOpenItems: AccordionItemValue[],\n  multiple: boolean,\n  collapsible: boolean,\n) {\n  if (multiple) {\n    if (previousOpenItems.includes(value)) {\n      if (previousOpenItems.length > 1 || collapsible) {\n        return previousOpenItems.filter(i => i !== value);\n      }\n    } else {\n      return [...previousOpenItems, value].sort();\n    }\n  } else {\n    return previousOpenItems[0] === value && collapsible ? [] : [value];\n  }\n  return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index?: AccordionItemValue | AccordionItemValue[]): AccordionItemValue[] | undefined {\n  if (index === undefined) {\n    return undefined;\n  }\n  return Array.isArray(index) ? index : [index];\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ;AAG9E,SAASC,uBAAuB,QAAQ;AAExC;;;;;AAKA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAgD;EAC3G,MAAM;IACJC,SAAA,EAAWC,mBAAA;IACXC,gBAAA;IACAC,QAAA,GAAW,KAAK;IAChBC,WAAA,GAAc,KAAK;IACnBC,QAAA;IACAC;EAAU,CACX,GAAGR,KAAA;EACJ,MAAM,CAACE,SAAA,EAAWO,YAAA,CAAa,GAAGb,oBAAA,CAAqB;IACrDc,KAAA,EAAOhB,KAAA,CAAMiB,OAAO,CAAC,MAAMC,eAAA,CAAgBT,mBAAA,GAAsB,CAACA,mBAAA,CAAoB;IACtFU,YAAA,EAAcA,CAAA,KAAMC,+BAAA,CAAgC;MAAEV,gBAAA;MAAkBC;IAAS;IACjFU,YAAA,EAAc;EAChB;EAEA,MAAMC,oBAAA,GAAuBlB,uBAAA,CAAwB;IACnDmB,QAAA,EAAUT,UAAA,KAAe;IACzBU,QAAA,EAAU;EACZ;EAEA,MAAMC,aAAA,GAAgBtB,gBAAA,CAAiB,CAACuB,KAAA,EAA6BC,IAAA,KAA8B;IACjGd,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWa,KAAA,EAAOC,IAAA;IAClBZ,YAAA,CAAaa,iBAAA,IAAqBC,eAAA,CAAgBF,IAAA,CAAKG,KAAK,EAAEF,iBAAA,EAAmBjB,QAAA,EAAUC,WAAA;EAC7F;EAEA,OAAO;IACLA,WAAA;IACAE,UAAA;IACAN,SAAA;IACAiB,aAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAM/B,qBAAA,CAAsB,OAAO;MACjC,GAAGK,KAAK;MACR,IAAIQ,UAAA,GAAaQ,oBAAA,GAAuB,CAAC,CAAC;MAC1Cf;IACF;EACF;AACF;AAEA;;;AAGA,SAASa,gCAAgC;EACvCV,gBAAA;EACAC;AAAQ,CAC8C,EAAwB;EAC9E,IAAID,gBAAA,KAAqBuB,SAAA,EAAW;IAClC,IAAIC,KAAA,CAAMC,OAAO,CAACzB,gBAAA,GAAmB;MACnC,OAAOC,QAAA,GAAWD,gBAAA,GAAmB,CAACA,gBAAgB,CAAC,EAAE,CAAC;IAC5D;IACA,OAAO,CAACA,gBAAA,CAAiB;EAC3B;EACA,OAAO,EAAE;AACX;AAEA;;;;;;;AAOA,SAASmB,gBACPC,KAAyB,EACzBF,iBAAuC,EACvCjB,QAAiB,EACjBC,WAAoB,EACpB;EACA,IAAID,QAAA,EAAU;IACZ,IAAIiB,iBAAA,CAAkBQ,QAAQ,CAACN,KAAA,GAAQ;MACrC,IAAIF,iBAAA,CAAkBS,MAAM,GAAG,KAAKzB,WAAA,EAAa;QAC/C,OAAOgB,iBAAA,CAAkBU,MAAM,CAACC,CAAA,IAAKA,CAAA,KAAMT,KAAA;MAC7C;IACF,OAAO;MACL,OAAO,C,GAAIF,iBAAA,EAAmBE,KAAA,CAAM,CAACU,IAAI;IAC3C;EACF,OAAO;IACL,OAAOZ,iBAAiB,CAAC,EAAE,KAAKE,KAAA,IAASlB,WAAA,GAAc,EAAE,GAAG,CAACkB,KAAA,CAAM;EACrE;EACA,OAAOF,iBAAA;AACT;AAEA;;;AAGA,SAASV,gBAAgBuB,KAAiD,EAAoC;EAC5G,IAAIA,KAAA,KAAUR,SAAA,EAAW;IACvB,OAAOA,SAAA;EACT;EACA,OAAOC,KAAA,CAAMC,OAAO,CAACM,KAAA,IAASA,KAAA,GAAQ,CAACA,KAAA,CAAM;AAC/C"}

package/lib/components/Accordion/useAccordionStyles.js

@@ -1,6 +1,6 @@
-import { mergeClasses } from "@griffel/react";
+import { mergeClasses } from '@griffel/react';
 export const accordionClassNames = {
-  root: "fui-Accordion"
+  root: 'fui-Accordion'
 };
 export const useAccordionStyles_unstable = state => {
   state.root.className = mergeClasses(accordionClassNames.root, state.root.className);

package/lib/components/AccordionHeader/AccordionHeader.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { useAccordionHeader_unstable } from "./useAccordionHeader";
-import { renderAccordionHeader_unstable } from "./renderAccordionHeader";
-import { useAccordionHeaderStyles_unstable } from "./useAccordionHeaderStyles";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
-import { useAccordionHeaderContextValues_unstable } from "./useAccordionHeaderContextValues";
+import * as React from 'react';
+import { useAccordionHeader_unstable } from './useAccordionHeader';
+import { renderAccordionHeader_unstable } from './renderAccordionHeader';
+import { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';
 /**
  * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
  * hooks.
@@ -18,5 +18,5 @@ export const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderAccordionHeader_unstable(state, contextValues);
 });
-AccordionHeader.displayName = "AccordionHeader";
+AccordionHeader.displayName = 'AccordionHeader';
 //# sourceMappingURL=AccordionHeader.js.map

package/lib/components/AccordionHeader/AccordionHeaderContext.js

@@ -1,10 +1,11 @@
-import * as React from "react";
+import * as React from 'react';
 export const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
 const accordionHeaderContextDefaultValue = {
   open: false,
   disabled: false,
-  size: "medium",
-  expandIconPosition: "start"
+  size: 'medium',
+  expandIconPosition: 'start'
 };
-export const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;
+var _React_useContext;
+export const useAccordionHeaderContext = () => (_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
 //# sourceMappingURL=AccordionHeaderContext.js.map

package/lib/components/AccordionHeader/AccordionHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useAccordionHeaderContext","useContext"],"sources":["../../../src/components/AccordionHeader/AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n  open: false,\n  disabled: false,\n  size: 'medium',\n  expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n  React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,sBAAA,gBAAyBD,KAAA,CAAME,aAAa,CAA0CC,SAAA;AAEnG,MAAMC,kCAAA,GAAqC;EACzCC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU,KAAK;EACfC,IAAA,EAAM;EACNC,kBAAA,EAAoB;AACtB;AAEA,OAAO,MAAMC,yBAAA,GAA4BA,CAAA,KACvCT,KAAA,CAAMU,UAAU,CAACT,sBAAA,KAA2BG,kCAAA"}
+{"version":3,"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","_React_useContext","useAccordionHeaderContext","useContext"],"sources":["../../../src/components/AccordionHeader/AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n  open: false,\n  disabled: false,\n  size: 'medium',\n  expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n  React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,sBAAA,gBAAyBD,KAAA,CAAME,aAAa,CAA0CC,SAAA;AAEnG,MAAMC,kCAAA,GAAqC;EACzCC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU,KAAK;EACfC,IAAA,EAAM;EACNC,kBAAA,EAAoB;AACtB;IAGEC,iBAAA;AADF,OAAO,MAAMC,yBAAA,GAA4BA,CAAA,KACvC,CAAAD,iBAAA,GAAAT,KAAA,CAAMW,UAAU,CAACV,sBAAA,eAAjBQ,iBAAA,cAAAA,iBAAA,GAA4CL,kCAAkC"}

package/lib/components/AccordionHeader/index.js

@@ -1,7 +1,7 @@
-export * from "./AccordionHeader";
-export * from "./AccordionHeader.types";
-export * from "./renderAccordionHeader";
-export * from "./useAccordionHeader";
-export * from "./useAccordionHeaderContextValues";
-export * from "./useAccordionHeaderStyles";
+export * from './AccordionHeader';
+export * from './AccordionHeader.types';
+export * from './renderAccordionHeader';
+export * from './useAccordionHeader';
+export * from './useAccordionHeaderContextValues';
+export * from './useAccordionHeaderStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/AccordionHeader/renderAccordionHeader.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
-import { AccordionHeaderContext } from "./AccordionHeaderContext";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+import { AccordionHeaderContext } from './AccordionHeaderContext';
 /**
  * Function that renders the final JSX of the component
  */
@@ -11,6 +11,6 @@ export const renderAccordionHeader_unstable = (state, contextValues) => {
   } = getSlots(state);
   return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {
     value: contextValues.accordionHeader
-  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.button, slotProps.button, state.expandIconPosition === "start" && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === "end" && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon))));
+  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.button, slotProps.button, state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon))));
 };
 //# sourceMappingURL=renderAccordionHeader.js.map

package/lib/components/AccordionHeader/useAccordionHeader.js

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { getNativeElementProps, resolveShorthand, useEventCallback } from "@fluentui/react-utilities";
-import { useAccordionItemContext_unstable } from "../AccordionItem/index";
-import { useARIAButtonShorthand } from "@fluentui/react-aria";
-import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
-import { ChevronRightRegular } from "@fluentui/react-icons";
-import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
+import { useAccordionItemContext_unstable } from '../AccordionItem/index';
+import { useARIAButtonShorthand } from '@fluentui/react-aria';
+import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
+import { ChevronRightRegular } from '@fluentui/react-icons';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 /**
  * Returns the props and state required to render the component
  * @param props - AccordionHeader properties
@@ -17,8 +17,8 @@ export const useAccordionHeader_unstable = (props, ref) => {
     button,
     expandIcon,
     inline = false,
-    size = "medium",
-    expandIconPosition = "start"
+    size = 'medium',
+    expandIconPosition = 'start'
   } = props;
   const {
     onHeaderClick: onAccordionHeaderClick,
@@ -35,20 +35,20 @@ export const useAccordionHeader_unstable = (props, ref) => {
   } = useFluent();
   // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
   let expandIconRotation;
-  if (expandIconPosition === "end") {
+  if (expandIconPosition === 'end') {
     // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
     expandIconRotation = open ? -90 : 90;
   } else {
     // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
-    expandIconRotation = open ? 90 : dir !== "rtl" ? 0 : 180;
+    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
   }
   const buttonShorthand = useARIAButtonShorthand(button, {
     required: true,
     defaultProps: {
       disabled,
       disabledFocusable,
-      "aria-expanded": open,
-      type: "button"
+      'aria-expanded': open,
+      type: 'button'
     }
   });
   return {
@@ -58,12 +58,12 @@ export const useAccordionHeader_unstable = (props, ref) => {
     inline,
     expandIconPosition,
     components: {
-      root: "div",
-      button: "button",
-      expandIcon: "span",
-      icon: "div"
+      root: 'div',
+      button: 'button',
+      expandIcon: 'span',
+      icon: 'div'
     },
-    root: getNativeElementProps(as || "div", {
+    root: getNativeElementProps(as || 'div', {
       ref,
       ...props
     }),
@@ -76,13 +76,14 @@ export const useAccordionHeader_unstable = (props, ref) => {
             transform: `rotate(${expandIconRotation}deg)`
           }
         }),
-        "aria-hidden": true
+        'aria-hidden': true
       }
     }),
     button: {
       ...buttonShorthand,
       onClick: useEventCallback(ev => {
-        buttonShorthand.onClick?.(ev);
+        var _buttonShorthand_onClick;
+        (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);
         if (!ev.defaultPrevented) {
           onAccordionHeaderClick(ev);
         }

package/lib/components/AccordionHeader/useAccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","buttonShorthand","required","defaultProps","type","components","root","children","createElement","style","transform","onClick","ev","defaultPrevented"],"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n  const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n  const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\n  if (expandIconPosition === 'end') {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  }\n\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button',\n    },\n  });\n\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: 'div',\n      button: 'button',\n      expandIcon: 'span',\n      icon: 'div',\n    },\n    root: getNativeElementProps(as || 'div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(\n        (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n          buttonShorthand.onClick?.(ev);\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        },\n      ),\n    },\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC1E,SAASC,gCAAgC,QAAQ;AACjD,SAASC,sBAAsB,QAAQ;AAEvC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAEhD;;;;;AAKA,OAAO,MAAMC,2BAAA,GAA8BA,CACzCC,KAAA,EACAC,GAAA,KACyB;EACzB,MAAM;IAAEC,EAAA;IAAIC,IAAA;IAAMC,MAAA;IAAQC,UAAA;IAAYC,MAAA,GAAS,KAAK;IAAEC,IAAA,GAAO;IAAUC,kBAAA,GAAqB;EAAO,CAAE,GAAGR,KAAA;EACxG,MAAM;IAAES,aAAA,EAAeC,sBAAA;IAAwBC,QAAA;IAAUC;EAAI,CAAE,GAAGnB,gCAAA;EAElE;;;;EAIA,MAAMoB,iBAAA,GAAoBlB,4BAAA,CAA6BmB,GAAA,IAAO,CAACA,GAAA,CAAIC,WAAW,IAAID,GAAA,CAAIE,SAAS,CAACC,MAAM,KAAK,KAAKL,IAAA;EAEhH,MAAM;IAAEM;EAAG,CAAE,GAAGpB,SAAA;EAEhB;EACA,IAAIqB,kBAAA;EACJ,IAAIX,kBAAA,KAAuB,OAAO;IAChC;IACAW,kBAAA,GAAqBP,IAAA,GAAO,CAAC,KAAK,EAAE;EACtC,OAAO;IACL;IACAO,kBAAA,GAAqBP,IAAA,GAAO,KAAKM,GAAA,KAAQ,QAAQ,IAAI,GAAG;EAC1D;EAEA,MAAME,eAAA,GAAkB1B,sBAAA,CAAuBU,MAAA,EAAQ;IACrDiB,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZX,QAAA;MACAE,iBAAA;MACA,iBAAiBD,IAAA;MACjBW,IAAA,EAAM;IACR;EACF;EAEA,OAAO;IACLZ,QAAA;IACAC,IAAA;IACAL,IAAA;IACAD,MAAA;IACAE,kBAAA;IACAgB,UAAA,EAAY;MACVC,IAAA,EAAM;MACNrB,MAAA,EAAQ;MACRC,UAAA,EAAY;MACZF,IAAA,EAAM;IACR;IACAsB,IAAA,EAAMnC,qBAAA,CAAsBY,EAAA,IAAM,OAAO;MACvCD,GAAA;MACA,GAAGD;IACL;IACAG,IAAA,EAAMZ,gBAAA,CAAiBY,IAAA;IACvBE,UAAA,EAAYd,gBAAA,CAAiBc,UAAA,EAAY;MACvCgB,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZI,QAAA,eAAUrC,KAAA,CAAAsC,aAAA,CAAC/B,mBAAA;UAAoBgC,KAAA,EAAO;YAAEC,SAAA,EAAY,UAASV,kBAAmB;UAAM;;QACtF,eAAe;MACjB;IACF;IACAf,MAAA,EAAQ;MACN,GAAGgB,eAAe;MAClBU,OAAA,EAAStC,gBAAA,CACNuC,EAAA,IAAmG;QAClGX,eAAA,CAAgBU,OAAO,GAAGC,EAAA;QAC1B,IAAI,CAACA,EAAA,CAAGC,gBAAgB,EAAE;UACxBtB,sBAAA,CAAuBqB,EAAA;QACzB;MACF;IAEJ;EACF;AACF"}
+{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","buttonShorthand","required","defaultProps","type","components","root","children","createElement","style","transform","onClick","ev","_buttonShorthand_onClick","call","defaultPrevented"],"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n  const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n  const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\n  if (expandIconPosition === 'end') {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  }\n\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button',\n    },\n  });\n\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: 'div',\n      button: 'button',\n      expandIcon: 'span',\n      icon: 'div',\n    },\n    root: getNativeElementProps(as || 'div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(\n        (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n          buttonShorthand.onClick?.(ev);\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        },\n      ),\n    },\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC1E,SAASC,gCAAgC,QAAQ;AACjD,SAASC,sBAAsB,QAAQ;AAEvC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAEhD;;;;;AAKA,OAAO,MAAMC,2BAAA,GAA8BA,CACzCC,KAAA,EACAC,GAAA,KACyB;EACzB,MAAM;IAAEC,EAAA;IAAIC,IAAA;IAAMC,MAAA;IAAQC,UAAA;IAAYC,MAAA,GAAS,KAAK;IAAEC,IAAA,GAAO;IAAUC,kBAAA,GAAqB;EAAO,CAAE,GAAGR,KAAA;EACxG,MAAM;IAAES,aAAA,EAAeC,sBAAA;IAAwBC,QAAA;IAAUC;EAAI,CAAE,GAAGnB,gCAAA;EAElE;;;;EAIA,MAAMoB,iBAAA,GAAoBlB,4BAAA,CAA6BmB,GAAA,IAAO,CAACA,GAAA,CAAIC,WAAW,IAAID,GAAA,CAAIE,SAAS,CAACC,MAAM,KAAK,KAAKL,IAAA;EAEhH,MAAM;IAAEM;EAAG,CAAE,GAAGpB,SAAA;EAEhB;EACA,IAAIqB,kBAAA;EACJ,IAAIX,kBAAA,KAAuB,OAAO;IAChC;IACAW,kBAAA,GAAqBP,IAAA,GAAO,CAAC,KAAK,EAAE;EACtC,OAAO;IACL;IACAO,kBAAA,GAAqBP,IAAA,GAAO,KAAKM,GAAA,KAAQ,QAAQ,IAAI,GAAG;EAC1D;EAEA,MAAME,eAAA,GAAkB1B,sBAAA,CAAuBU,MAAA,EAAQ;IACrDiB,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZX,QAAA;MACAE,iBAAA;MACA,iBAAiBD,IAAA;MACjBW,IAAA,EAAM;IACR;EACF;EAEA,OAAO;IACLZ,QAAA;IACAC,IAAA;IACAL,IAAA;IACAD,MAAA;IACAE,kBAAA;IACAgB,UAAA,EAAY;MACVC,IAAA,EAAM;MACNrB,MAAA,EAAQ;MACRC,UAAA,EAAY;MACZF,IAAA,EAAM;IACR;IACAsB,IAAA,EAAMnC,qBAAA,CAAsBY,EAAA,IAAM,OAAO;MACvCD,GAAA;MACA,GAAGD;IACL;IACAG,IAAA,EAAMZ,gBAAA,CAAiBY,IAAA;IACvBE,UAAA,EAAYd,gBAAA,CAAiBc,UAAA,EAAY;MACvCgB,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZI,QAAA,eAAUrC,KAAA,CAAAsC,aAAA,CAAC/B,mBAAA;UAAoBgC,KAAA,EAAO;YAAEC,SAAA,EAAY,UAASV,kBAAmB;UAAM;;QACtF,eAAe;MACjB;IACF;IACAf,MAAA,EAAQ;MACN,GAAGgB,eAAe;MAClBU,OAAA,EAAStC,gBAAA,CACNuC,EAAA,IAAmG;YAClGC,wBAAA;QAAA,CAAAA,wBAAA,GAAAZ,eAAA,CAAgBU,OAAO,cAAvBE,wBAAA,uBAAAA,wBAAA,CAAAC,IAAA,CAAAb,eAAA,EAA0BW,EAAA;QAC1B,IAAI,CAACA,EAAA,CAAGG,gBAAgB,EAAE;UACxBxB,sBAAA,CAAuBqB,EAAA;QACzB;MACF;IAEJ;EACF;AACF"}

package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export function useAccordionHeaderContextValues_unstable(state) {
   const {
     disabled,