@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Accordion/useAccordion.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, useControllableState, useEventCallback } from \"@fluentui/react-utilities\";\nimport { useArrowNavigationGroup } from \"@fluentui/react-tabster\";\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, ref) => {\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({\n      defaultOpenItems,\n      multiple\n    }),\n    initialState: []\n  });\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: navigation === \"circular\",\n    tabbable: true\n  });\n  const requestToggle = useEventCallback((event, data) => {\n    onToggle?.(event, data);\n    setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\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 * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n  defaultOpenItems,\n  multiple\n}) {\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 * 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(value, previousOpenItems, multiple, collapsible) {\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 * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index) {\n  if (index === undefined) {\n    return undefined;\n  }\n  return Array.isArray(index) ? index : [index];\n}\n//# sourceMappingURL=useAccordion.js.map"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuD;8BACtC;AAMjC,MAAMA,wBAAwB,CAACC,OAAOC,MAAQ;IACnD,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMC,gBAAgBX,sBAAsB;YAACA;SAAoB;QACtFY,cAAc,IAAMC,gCAAgC;gBAClDZ;gBACAC;YACF;QACAY,cAAc,EAAE;IAClB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAChB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACtDlB,WAAWiB,OAAOC;QAClBhB,aAAaiB,CAAAA,oBAAqBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC7F;IACA,OAAO;QACLA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAG/B,KAAK;YACR,GAAIQ,aAAaU,uBAAuB,CAAC,CAAC;YAC1CjB;QACF;IACF;AACF;AACA;;CAEC,GACD,SAASe,gCAAgC,EACvCZ,iBAAgB,EAChBC,SAAQ,EACT,EAAE;IACD,IAAID,qBAAqB4B,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AACA;;;;;;CAMC,GACD,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IACxE,IAAID,UAAU;QACZ,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACrC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC/C,OAAOoB,kBAAkBW,MAAM,CAACC,CAAAA,IAAKA,MAAMV;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIF;gBAAmBE;aAAM,CAACW,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YAACsB;SAAM;IACrE,CAAC;IACD,OAAOF;AACT;AACA;;CAEC,GACD,SAASZ,gBAAgB0B,KAAK,EAAE;IAC9B,IAAIA,UAAUR,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAACA;KAAM;AAC/C,EACA,wCAAwC"}
+{"version":3,"names":["React","require","react_utilities_1","react_tabster_1","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","exports","undefined","Array","isArray","includes","length","filter","i","sort","index"],"sources":["../../../../../../../../../packages/react-components/react-accordion/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":"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"}

package/lib-commonjs/components/Accordion/useAccordionContextValues.js

@@ -1,23 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useAccordionContextValues_unstable", {
-    enumerable: true,
-    get: ()=>useAccordionContextValues_unstable
+  value: true
 });
+exports.useAccordionContextValues_unstable = void 0;
 function useAccordionContextValues_unstable(state) {
-    const { navigation , openItems , requestToggle , collapsible  } = state;
-    // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
-    const accordion = {
-        navigation,
-        openItems,
-        requestToggle,
-        collapsible
-    };
-    return {
-        accordion
-    };
-} //# sourceMappingURL=useAccordionContextValues.js.map
-
+  const {
+    navigation,
+    openItems,
+    requestToggle,
+    collapsible
+  } = state;
+  // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+  const accordion = {
+    navigation,
+    openItems,
+    requestToggle,
+    collapsible
+  };
+  return {
+    accordion
+  };
+}
+exports.useAccordionContextValues_unstable = useAccordionContextValues_unstable;
 //# sourceMappingURL=useAccordionContextValues.js.map

package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Accordion/useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n  const {\n    navigation,\n    openItems,\n    requestToggle,\n    collapsible\n  } = state;\n  // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n  const accordion = {\n    navigation,\n    openItems,\n    requestToggle,\n    collapsible\n  };\n  return {\n    accordion\n  };\n}\n//# sourceMappingURL=useAccordionContextValues.js.map"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACxD,MAAM,EACJC,WAAU,EACVC,UAAS,EACTC,cAAa,EACbC,YAAW,EACZ,GAAGJ;IACJ,mGAAmG;IACnG,MAAMK,YAAY;QAChBJ;QACAC;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,qDAAqD"}
+{"version":3,"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/useAccordionContextValues.ts"],"sourcesContent":["import type { AccordionContextValue, AccordionContextValues, AccordionState } from './Accordion.types';\n\nexport function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues {\n  const { navigation, openItems, requestToggle, collapsible } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n  const accordion: AccordionContextValue = {\n    navigation,\n    openItems,\n    requestToggle,\n    collapsible,\n  };\n\n  return { accordion };\n}\n"],"mappings":";;;;;;AAEA,SAAgBA,kCAAkCA,CAACC,KAAqB;EACtE,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC,aAAa;IAAEC;EAAW,CAAE,GAAGJ,KAAK;EAEnE;EACA,MAAMK,SAAS,GAA0B;IACvCJ,UAAU;IACVC,SAAS;IACTC,aAAa;IACbC;GACD;EAED,OAAO;IAAEC;EAAS,CAAE;AACtB;AAZAC,OAAA,CAAAP,kCAAA,GAAAA,kCAAA"}

package/lib-commonjs/components/Accordion/useAccordionStyles.js

@@ -1,24 +1,16 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    accordionClassNames: ()=>accordionClassNames,
-    useAccordionStyles_unstable: ()=>useAccordionStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const accordionClassNames = {
-    root: "fui-Accordion"
+exports.useAccordionStyles_unstable = exports.accordionClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+exports.accordionClassNames = {
+  root: 'fui-Accordion'
 };
-const useAccordionStyles_unstable = (state)=>{
-    state.root.className = (0, _react.mergeClasses)(accordionClassNames.root, state.root.className);
-    return state;
-}; //# sourceMappingURL=useAccordionStyles.js.map
-
+const useAccordionStyles_unstable = state => {
+  state.root.className = react_1.mergeClasses(exports.accordionClassNames.root, state.root.className);
+  return state;
+};
+exports.useAccordionStyles_unstable = useAccordionStyles_unstable;
 //# sourceMappingURL=useAccordionStyles.js.map

package/lib-commonjs/components/Accordion/useAccordionStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Accordion/useAccordionStyles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nexport const accordionClassNames = {\n  root: \"fui-Accordion\"\n};\nexport const useAccordionStyles_unstable = state => {\n  state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useAccordionStyles.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB,MAAnBA;IAGAC,2BAA2B,MAA3BA;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA,QAAS;IAClDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,8CAA8C"}
+{"version":3,"names":["react_1","require","exports","accordionClassNames","root","useAccordionStyles_unstable","state","className","mergeClasses"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/useAccordionStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n  root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n  state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,mBAAmB,GAAmC;EACjEC,IAAI,EAAE;CACP;AAEM,MAAMC,2BAA2B,GAAIC,KAAqB,IAAI;EACnEA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGP,OAAA,CAAAQ,YAAY,CAACN,OAAA,CAAAC,mBAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAEnF,OAAOD,KAAK;AACd,CAAC;AAJYJ,OAAA,CAAAG,2BAA2B,GAAAA,2BAAA"}

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

@@ -1,26 +1,28 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "AccordionHeader", {
-    enumerable: true,
-    get: ()=>AccordionHeader
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useAccordionHeader = require("./useAccordionHeader");
-const _renderAccordionHeader = require("./renderAccordionHeader");
-const _useAccordionHeaderStyles = require("./useAccordionHeaderStyles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues");
-const AccordionHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useAccordionHeader.useAccordionHeader_unstable)(props, ref);
-    const contextValues = (0, _useAccordionHeaderContextValues.useAccordionHeaderContextValues_unstable)(state);
-    (0, _useAccordionHeaderStyles.useAccordionHeaderStyles_unstable)(state);
-    const { useAccordionHeaderStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
-    return (0, _renderAccordionHeader.renderAccordionHeader_unstable)(state, contextValues);
+exports.AccordionHeader = void 0;
+const React = /*#__PURE__*/require("react");
+const useAccordionHeader_1 = /*#__PURE__*/require("./useAccordionHeader");
+const renderAccordionHeader_1 = /*#__PURE__*/require("./renderAccordionHeader");
+const useAccordionHeaderStyles_1 = /*#__PURE__*/require("./useAccordionHeaderStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const useAccordionHeaderContextValues_1 = /*#__PURE__*/require("./useAccordionHeaderContextValues");
+/**
+ * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
+ * hooks.
+ */
+exports.AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAccordionHeader_1.useAccordionHeader_unstable(props, ref);
+  const contextValues = useAccordionHeaderContextValues_1.useAccordionHeaderContextValues_unstable(state);
+  useAccordionHeaderStyles_1.useAccordionHeaderStyles_unstable(state);
+  const {
+    useAccordionHeaderStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+  return renderAccordionHeader_1.renderAccordionHeader_unstable(state, contextValues);
 });
-AccordionHeader.displayName = "AccordionHeader"; //# sourceMappingURL=AccordionHeader.js.map
-
+exports.AccordionHeader.displayName = 'AccordionHeader';
 //# sourceMappingURL=AccordionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { useAccordionHeader_unstable } from \"./useAccordionHeader\";\nimport { renderAccordionHeader_unstable } from \"./renderAccordionHeader\";\nimport { useAccordionHeaderStyles_unstable } from \"./useAccordionHeaderStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\nimport { useAccordionHeaderContextValues_unstable } from \"./useAccordionHeaderContextValues\";\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useAccordionHeader_unstable(props, ref);\n  const contextValues = useAccordionHeaderContextValues_unstable(state);\n  useAccordionHeaderStyles_unstable(state);\n  const {\n    useAccordionHeaderStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = \"AccordionHeader\";\n//# sourceMappingURL=AccordionHeader.js.map"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;oCACqB;uCACG;0CACG;qCACL;iDACY;AAKlD,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,2DAAiC,EAACJ;IAClC,MAAM,EACJI,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qDAA8B,EAACP,OAAOE;AAC/C;AACAP,gBAAgBa,WAAW,GAAG,mBAC9B,2CAA2C"}
+{"version":3,"names":["React","require","useAccordionHeader_1","renderAccordionHeader_1","useAccordionHeaderStyles_1","react_shared_contexts_1","useAccordionHeaderContextValues_1","exports","AccordionHeader","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordionHeader_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionHeader_unstable(props, ref);\n  const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n  useAccordionHeaderStyles_unstable(state);\n\n  const { useAccordionHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,0BAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AACA,MAAAK,iCAAA,gBAAAL,OAAA;AAIA;;;;AAIaM,OAAA,CAAAC,eAAe,gBAA8CR,KAAK,CAACS,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxG,MAAMC,KAAK,GAAGV,oBAAA,CAAAW,2BAA2B,CAACH,KAAK,EAAEC,GAAG,CAAC;EACrD,MAAMG,aAAa,GAAGR,iCAAA,CAAAS,wCAAwC,CAACH,KAAK,CAAC;EAErER,0BAAA,CAAAY,iCAAiC,CAACJ,KAAK,CAAC;EAExC,MAAM;IAAEI,iCAAiC,EAAEC;EAAe,CAAE,GAAGZ,uBAAA,CAAAa,4BAA4B,EAAE;EAC7FD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOT,uBAAA,CAAAgB,8BAA8B,CAACP,KAAK,EAAEE,aAAa,CAAC;AAC7D,CAAC,CAAC;AAEFP,OAAA,CAAAC,eAAe,CAACY,WAAW,GAAG,iBAAiB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AccordionHeader.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n  disabled: boolean;\n  open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n  accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n  /**\n   * The element wrapping the button. By default this is a div, but can be a heading.\n   */\n  root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n  /**\n   * The component to be used as button in heading\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  expandIcon: Slot<'span'>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n  /**\n   * The position of the expand  icon slot in heading.\n   */\n  expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n  /**\n   * Indicates if the AccordionHeader should be rendered inline.\n   */\n  inline?: boolean;\n\n  /**\n   * Size of spacing in the heading.\n   */\n  size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n  Required<Pick<AccordionHeaderProps, 'inline'>> &\n  AccordionHeaderContextValue;\n"],"mappings":""}

package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js

@@ -1,26 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AccordionHeaderContext: ()=>AccordionHeaderContext,
-    useAccordionHeaderContext: ()=>useAccordionHeaderContext
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const AccordionHeaderContext = /*#__PURE__*/ _react.createContext(undefined);
+exports.useAccordionHeaderContext = exports.AccordionHeaderContext = void 0;
+const React = /*#__PURE__*/require("react");
+exports.AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
 const accordionHeaderContextDefaultValue = {
-    open: false,
-    disabled: false,
-    size: "medium",
-    expandIconPosition: "start"
+  open: false,
+  disabled: false,
+  size: 'medium',
+  expandIconPosition: 'start'
 };
-const useAccordionHeaderContext = ()=>_react.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue; //# sourceMappingURL=AccordionHeaderContext.js.map
-
+const useAccordionHeaderContext = () => {
+  var _a;
+  return (_a = React.useContext(exports.AccordionHeaderContext)) !== null && _a !== void 0 ? _a : accordionHeaderContextDefaultValue;
+};
+exports.useAccordionHeaderContext = useAccordionHeaderContext;
 //# sourceMappingURL=AccordionHeaderContext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from \"react\";\nexport const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);\nconst accordionHeaderContextDefaultValue = {\n  open: false,\n  disabled: false,\n  size: \"medium\",\n  expandIconPosition: \"start\"\n};\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n//# sourceMappingURL=AccordionHeaderContext.js.map"],"names":["AccordionHeaderContext","useAccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useContext"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAOAC,yBAAyB,MAAzBA;;;6DARU;AAChB,MAAMD,yBAAyB,WAAW,GAAEE,OAAMC,aAAa,CAACC;AACvE,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;AACO,MAAMR,4BAA4B,IAAMC,OAAMQ,UAAU,CAACV,2BAA2BK,oCAC3F,kDAAkD"}
+{"version":3,"names":["React","require","exports","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useAccordionHeaderContext","_a","useContext"],"sources":["../../../../../../../../../packages/react-components/react-accordion/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,MAAAA,KAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,sBAAsB,gBAAGH,KAAK,CAACI,aAAa,CAA0CC,SAAS,CAAC;AAE7G,MAAMC,kCAAkC,GAAG;EACzCC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,QAAQ;EACdC,kBAAkB,EAAE;CACrB;AAEM,MAAMC,yBAAyB,GAAGA,CAAA,KAAK;EAAA,IAAAC,EAAA;EAC5C,QAAAA,EAAA,GAAAZ,KAAK,CAACa,UAAU,CAACX,OAAA,CAAAC,sBAAsB,CAAC,cAAAS,EAAA,cAAAA,EAAA,GAAIN,kCAAkC;AAAA;AADnEJ,OAAA,CAAAS,yBAAyB,GAAAA,yBAAA"}

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

@@ -1,14 +1,13 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./AccordionHeader"), exports);
-_exportStar(require("./AccordionHeader.types"), exports);
-_exportStar(require("./renderAccordionHeader"), exports);
-_exportStar(require("./useAccordionHeader"), exports);
-_exportStar(require("./useAccordionHeaderContextValues"), exports);
-_exportStar(require("./useAccordionHeaderStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./AccordionHeader"), exports);
+tslib_1.__exportStar(require("./AccordionHeader.types"), exports);
+tslib_1.__exportStar(require("./renderAccordionHeader"), exports);
+tslib_1.__exportStar(require("./useAccordionHeader"), exports);
+tslib_1.__exportStar(require("./useAccordionHeaderContextValues"), exports);
+tslib_1.__exportStar(require("./useAccordionHeaderStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/index.js"],"sourcesContent":["export * from \"./AccordionHeader\";\nexport * from \"./AccordionHeader.types\";\nexport * from \"./renderAccordionHeader\";\nexport * from \"./useAccordionHeader\";\nexport * from \"./useAccordionHeaderContextValues\";\nexport * from \"./useAccordionHeaderStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/index.ts"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}

package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js

@@ -1,20 +1,33 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderAccordionHeader_unstable", {
-    enumerable: true,
-    get: ()=>renderAccordionHeader_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _accordionHeaderContext = require("./AccordionHeaderContext");
-const renderAccordionHeader_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_accordionHeaderContext.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))));
-}; //# sourceMappingURL=renderAccordionHeader.js.map
-
+exports.renderAccordionHeader_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const AccordionHeaderContext_1 = /*#__PURE__*/require("./AccordionHeaderContext");
+/**
+ * Function that renders the final JSX of the component
+ */
+const renderAccordionHeader_unstable = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(AccordionHeaderContext_1.AccordionHeaderContext.Provider, {
+    value: contextValues.accordionHeader
+  }, React.createElement(slots.root, {
+    ...slotProps.root
+  }, React.createElement(slots.button, {
+    ...slotProps.button
+  }, state.expandIconPosition === 'start' && React.createElement(slots.expandIcon, {
+    ...slotProps.expandIcon
+  }), slots.icon && React.createElement(slots.icon, {
+    ...slotProps.icon
+  }), slotProps.root.children, state.expandIconPosition === 'end' && React.createElement(slots.expandIcon, {
+    ...slotProps.expandIcon
+  }))));
+};
+exports.renderAccordionHeader_unstable = renderAccordionHeader_unstable;
 //# sourceMappingURL=renderAccordionHeader.js.map

package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/renderAccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\nimport { AccordionHeaderContext } from \"./AccordionHeaderContext\";\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {\n    value: contextValues.accordionHeader\n  }, /*#__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))));\n};\n//# sourceMappingURL=renderAccordionHeader.js.map"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;wCACc;AAIhC,MAAMA,iCAAiC,CAACC,OAAOC,gBAAkB;IACtE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,8CAAsB,CAACC,QAAQ,EAAE;QACvEC,OAAOR,cAAcS,eAAe;IACtC,GAAG,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,IAAI,EAAER,UAAUQ,IAAI,EAAE,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,MAAM,EAAET,UAAUS,MAAM,EAAEZ,MAAMa,kBAAkB,KAAK,WAAW,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU,GAAGZ,MAAMa,IAAI,IAAI,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMa,IAAI,EAAEZ,UAAUY,IAAI,GAAGZ,UAAUQ,IAAI,CAACK,QAAQ,EAAEhB,MAAMa,kBAAkB,KAAK,SAAS,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU;AACvc,GACA,iDAAiD"}
+{"version":3,"names":["React","require","react_utilities_1","AccordionHeaderContext_1","renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlots","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (\n  state: AccordionHeaderState,\n  contextValues: AccordionHeaderContextValues,\n) => {\n  const { slots, slotProps } = getSlots<AccordionHeaderSlots>(state);\n\n  return (\n    <AccordionHeaderContext.Provider value={contextValues.accordionHeader}>\n      <slots.root {...slotProps.root}>\n        <slots.button {...slotProps.button}>\n          {state.expandIconPosition === 'start' && <slots.expandIcon {...slotProps.expandIcon} />}\n          {slots.icon && <slots.icon {...slotProps.icon} />}\n          {slotProps.root.children}\n          {state.expandIconPosition === 'end' && <slots.expandIcon {...slotProps.expandIcon} />}\n        </slots.button>\n      </slots.root>\n    </AccordionHeaderContext.Provider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,8BAA8B,GAAGA,CAC5CC,KAA2B,EAC3BC,aAA2C,KACzC;EACF,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAuBJ,KAAK,CAAC;EAElE,OACEL,KAAA,CAAAU,aAAA,CAACP,wBAAA,CAAAQ,sBAAsB,CAACC,QAAQ;IAACC,KAAK,EAAEP,aAAa,CAACQ;EAAe,GACnEd,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACQ,IAAI;IAAA,GAAKP,SAAS,CAACO;EAAI,GAC5Bf,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACS,MAAM;IAAA,GAAKR,SAAS,CAACQ;EAAM,GAC/BX,KAAK,CAACY,kBAAkB,KAAK,OAAO,IAAIjB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACW,UAAU;IAAA,GAAKV,SAAS,CAACU;EAAU,EAAI,EACtFX,KAAK,CAACY,IAAI,IAAInB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACY,IAAI;IAAA,GAAKX,SAAS,CAACW;EAAI,EAAI,EAChDX,SAAS,CAACO,IAAI,CAACK,QAAQ,EACvBf,KAAK,CAACY,kBAAkB,KAAK,KAAK,IAAIjB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACW,UAAU;IAAA,GAAKV,SAAS,CAACU;EAAU,EAAI,CACxE,CACJ,CACmB;AAEtC,CAAC;AAlBYG,OAAA,CAAAjB,8BAA8B,GAAAA,8BAAA"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js

@@ -1,83 +1,101 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useAccordionHeader_unstable", {
-    enumerable: true,
-    get: ()=>useAccordionHeader_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _index = require("../AccordionItem/index");
-const _reactAria = require("@fluentui/react-aria");
-const _accordionContext = require("../Accordion/AccordionContext");
-const _reactIcons = require("@fluentui/react-icons");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const useAccordionHeader_unstable = (props, ref)=>{
-    const { as , icon , button , expandIcon , inline =false , size ="medium" , expandIconPosition ="start"  } = props;
-    const { onHeaderClick: onAccordionHeaderClick , disabled , open  } = (0, _index.useAccordionItemContext_unstable)();
-    /**
-  * force disabled state on button if accordion isn't collapsible
-  * and this is the only item opened
-  */ const disabledFocusable = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
-    // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
-    let expandIconRotation;
-    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;
+exports.useAccordionHeader_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const index_1 = /*#__PURE__*/require("../AccordionItem/index");
+const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
+const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionHeader properties
+ * @param ref - reference to root HTMLElement of AccordionHeader
+ */
+const useAccordionHeader_unstable = (props, ref) => {
+  const {
+    as,
+    icon,
+    button,
+    expandIcon,
+    inline = false,
+    size = 'medium',
+    expandIconPosition = 'start'
+  } = props;
+  const {
+    onHeaderClick: onAccordionHeaderClick,
+    disabled,
+    open
+  } = index_1.useAccordionItemContext_unstable();
+  /**
+   * force disabled state on button if accordion isn't collapsible
+   * and this is the only item opened
+   */
+  const disabledFocusable = AccordionContext_1.useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
+  const {
+    dir
+  } = react_shared_contexts_1.useFluent_unstable();
+  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
+  let expandIconRotation;
+  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;
+  }
+  const buttonShorthand = react_aria_1.useARIAButtonShorthand(button, {
+    required: true,
+    defaultProps: {
+      disabled,
+      disabledFocusable,
+      'aria-expanded': open,
+      type: 'button'
     }
-    const buttonShorthand = (0, _reactAria.useARIAButtonShorthand)(button, {
-        required: true,
-        defaultProps: {
-            disabled,
-            disabledFocusable,
-            "aria-expanded": open,
-            type: "button"
-        }
-    });
-    return {
-        disabled,
-        open,
-        size,
-        inline,
-        expandIconPosition,
-        components: {
-            root: "div",
-            button: "button",
-            expandIcon: "span",
-            icon: "div"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)(as || "div", {
-            ref,
-            ...props
+  });
+  return {
+    disabled,
+    open,
+    size,
+    inline,
+    expandIconPosition,
+    components: {
+      root: 'div',
+      button: 'button',
+      expandIcon: 'span',
+      icon: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps(as || 'div', {
+      ref,
+      ...props
+    }),
+    icon: react_utilities_1.resolveShorthand(icon),
+    expandIcon: react_utilities_1.resolveShorthand(expandIcon, {
+      required: true,
+      defaultProps: {
+        children: React.createElement(react_icons_1.ChevronRightRegular, {
+          style: {
+            transform: `rotate(${expandIconRotation}deg)`
+          }
         }),
-        icon: (0, _reactUtilities.resolveShorthand)(icon),
-        expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon, {
-            required: true,
-            defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronRightRegular, {
-                    style: {
-                        transform: `rotate(${expandIconRotation}deg)`
-                    }
-                }),
-                "aria-hidden": true
-            }
-        }),
-        button: {
-            ...buttonShorthand,
-            onClick: (0, _reactUtilities.useEventCallback)((ev)=>{
-                buttonShorthand.onClick?.(ev);
-                if (!ev.defaultPrevented) {
-                    onAccordionHeaderClick(ev);
-                }
-            })
+        'aria-hidden': true
+      }
+    }),
+    button: {
+      ...buttonShorthand,
+      onClick: react_utilities_1.useEventCallback(ev => {
+        var _a;
+        (_a = buttonShorthand.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonShorthand, ev);
+        if (!ev.defaultPrevented) {
+          onAccordionHeaderClick(ev);
         }
-    };
-}; //# sourceMappingURL=useAccordionHeader.js.map
-
+      })
+    }
+  };
+};
+exports.useAccordionHeader_unstable = useAccordionHeader_unstable;
 //# sourceMappingURL=useAccordionHeader.js.map