@fluentui/react-accordion 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.1

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

@@ -1,33 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderAccordionHeader_unstable", {
+    enumerable: true,
+    get: ()=>renderAccordionHeader_unstable
 });
-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;
+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
+
 //# sourceMappingURL=renderAccordionHeader.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,101 +1,84 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAccordionHeader_unstable", {
+    enumerable: true,
+    get: ()=>useAccordionHeader_unstable
 });
-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 _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;
     }
-  });
-  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)`
-          }
+    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
         }),
-        '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);
+        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)=>{
+                var _buttonShorthand_onClick;
+                (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);
+                if (!ev.defaultPrevented) {
+                    onAccordionHeaderClick(ev);
+                }
+            })
         }
-      })
-    }
-  };
-};
-exports.useAccordionHeader_unstable = useAccordionHeader_unstable;
+    };
+}; //# sourceMappingURL=useAccordionHeader.js.map
+
 //# sourceMappingURL=useAccordionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","index_1","react_aria_1","AccordionContext_1","react_icons_1","react_shared_contexts_1","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent_unstable","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_a","call","defaultPrevented","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/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,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,OAAA,gBAAAF,OAAA;AACA,MAAAG,YAAA,gBAAAH,OAAA;AAEA,MAAAI,kBAAA,gBAAAJ,OAAA;AACA,MAAAK,aAAA,gBAAAL,OAAA;AACA,MAAAM,uBAAA,gBAAAN,OAAA;AAEA;;;;;AAKO,MAAMO,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAEC,IAAI,GAAG,QAAQ;IAAEC,kBAAkB,GAAG;EAAO,CAAE,GAAGR,KAAK;EAC7G,MAAM;IAAES,aAAa,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAI,CAAE,GAAGlB,OAAA,CAAAmB,gCAAgC,EAAE;EAEpG;;;;EAIA,MAAMC,iBAAiB,GAAGlB,kBAAA,CAAAmB,4BAA4B,CAACC,GAAG,IAAI,CAACA,GAAG,CAACC,WAAW,IAAID,GAAG,CAACE,SAAS,CAACC,MAAM,KAAK,CAAC,IAAIP,IAAI,CAAC;EAErH,MAAM;IAAEQ;EAAG,CAAE,GAAGtB,uBAAA,CAAAuB,kBAAS,EAAE;EAE3B;EACA,IAAIC,kBAAsC;EAC1C,IAAId,kBAAkB,KAAK,KAAK,EAAE;IAChC;IACAc,kBAAkB,GAAGV,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE;GACrC,MAAM;IACL;IACAU,kBAAkB,GAAGV,IAAI,GAAG,EAAE,GAAGQ,GAAG,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG;;EAG1D,MAAMG,eAAe,GAAG5B,YAAA,CAAA6B,sBAAsB,CAACpB,MAAM,EAAE;IACrDqB,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE;MACZf,QAAQ;MACRG,iBAAiB;MACjB,eAAe,EAAEF,IAAI;MACrBe,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLhB,QAAQ;IACRC,IAAI;IACJL,IAAI;IACJD,MAAM;IACNE,kBAAkB;IAClBoB,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXzB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE,MAAM;MAClBF,IAAI,EAAE;KACP;IACD0B,IAAI,EAAEpC,iBAAA,CAAAqC,qBAAqB,CAAC5B,EAAE,IAAI,KAAK,EAAE;MACvCD,GAAG;MACH,GAAGD;KACJ,CAAC;IACFG,IAAI,EAAEV,iBAAA,CAAAsC,gBAAgB,CAAC5B,IAAI,CAAC;IAC5BE,UAAU,EAAEZ,iBAAA,CAAAsC,gBAAgB,CAAC1B,UAAU,EAAE;MACvCoB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZM,QAAQ,EAAEzC,KAAA,CAAA0C,aAAA,CAACpC,aAAA,CAAAqC,mBAAmB;UAACC,KAAK,EAAE;YAAEC,SAAS,EAAE,UAAUd,kBAAkB;UAAM;QAAE,EAAI;QAC3F,aAAa,EAAE;;KAElB,CAAC;IACFlB,MAAM,EAAE;MACN,GAAGmB,eAAe;MAClBc,OAAO,EAAE5C,iBAAA,CAAA6C,gBAAgB,CACtBC,EAA8F,IAAI;;QACjG,CAAAC,EAAA,GAAAjB,eAAe,CAACc,OAAO,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAvBlB,eAAe,EAAWgB,EAAE,CAAC;QAC7B,IAAI,CAACA,EAAE,CAACG,gBAAgB,EAAE;UACxBhC,sBAAsB,CAAC6B,EAAE,CAAC;;MAE9B,CAAC;;GAGN;AACH,CAAC;AAvEYI,OAAA,CAAA5C,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"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 { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\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 = (props, ref) => {\n  const {\n    as,\n    icon,\n    button,\n    expandIcon,\n    inline = false,\n    size = 'medium',\n    expandIconPosition = 'start'\n  } = props;\n  const {\n    onHeaderClick: onAccordionHeaderClick,\n    disabled,\n    open\n  } = useAccordionItemContext_unstable();\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  const {\n    dir\n  } = useFluent();\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation;\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  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button'\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: /*#__PURE__*/React.createElement(ChevronRightRegular, {\n          style: {\n            transform: `rotate(${expandIconRotation}deg)`\n          }\n        }),\n        'aria-hidden': true\n      }\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(ev => {\n        var _buttonShorthand_onClick;\n        (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);\n        if (!ev.defaultPrevented) {\n          onAccordionHeaderClick(ev);\n        }\n      })\n    }\n  };\n};\n//# sourceMappingURL=useAccordionHeader.js.map"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","React","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_buttonShorthand_onClick","call","defaultPrevented"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACmD;uBACzB;2BACV;kCACM;4BACT;qCACY;AAMzC,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAM,EACJC,GAAE,EACFC,KAAI,EACJC,OAAM,EACNC,WAAU,EACVC,QAAS,KAAK,CAAA,EACdC,MAAO,SAAQ,EACfC,oBAAqB,QAAO,EAC7B,GAAGR;IACJ,MAAM,EACJS,eAAeC,uBAAsB,EACrCC,SAAQ,EACRC,KAAI,EACL,GAAGC,IAAAA,uCAAgC;IACpC;;;EAGA,GACA,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAACC,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAChH,MAAM,EACJQ,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IACD,MAAMG,kBAAkBC,IAAAA,iCAAsB,EAACpB,QAAQ;QACrDqB,UAAU,IAAI;QACdC,cAAc;YACZf;YACAG;YACA,iBAAiBF;YACjBe,MAAM;QACR;IACF;IACA,OAAO;QACLhB;QACAC;QACAL;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMC,IAAAA,qCAAqB,EAAC5B,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAM4B,IAAAA,gCAAgB,EAAC5B;QACvBE,YAAY0B,IAAAA,gCAAgB,EAAC1B,YAAY;YACvCoB,UAAU,IAAI;YACdC,cAAc;gBACZM,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC9DC,OAAO;wBACLC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAC/C;gBACF;gBACA,eAAe,IAAI;YACrB;QACF;QACAlB,QAAQ;YACN,GAAGmB,eAAe;YAClBe,SAASC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;gBAC9B,IAAIC;gBACHA,CAAAA,2BAA2BlB,gBAAgBe,OAAO,AAAD,MAAO,IAAI,IAAIG,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBC,IAAI,CAACnB,iBAAiBiB,GAAG;gBAClK,IAAI,CAACA,GAAGG,gBAAgB,EAAE;oBACxBjC,uBAAuB8B;gBACzB,CAAC;YACH;QACF;IACF;AACF,GACA,8CAA8C"}

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

@@ -1,26 +1,29 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useAccordionHeaderContextValues_unstable
 });
-exports.useAccordionHeaderContextValues_unstable = void 0;
-const React = /*#__PURE__*/require("react");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useAccordionHeaderContextValues_unstable(state) {
-  const {
-    disabled,
-    expandIconPosition,
-    open,
-    size
-  } = state;
-  const accordionHeader = React.useMemo(() => ({
-    disabled,
-    expandIconPosition,
-    open,
-    size
-  }), [disabled, expandIconPosition, open, size]);
-  return {
-    accordionHeader
-  };
-}
-exports.useAccordionHeaderContextValues_unstable = useAccordionHeaderContextValues_unstable;
+    const { disabled , expandIconPosition , open , size  } = state;
+    const accordionHeader = _react.useMemo(()=>({
+            disabled,
+            expandIconPosition,
+            open,
+            size
+        }), [
+        disabled,
+        expandIconPosition,
+        open,
+        size
+    ]);
+    return {
+        accordionHeader
+    };
+} //# sourceMappingURL=useAccordionHeaderContextValues.js.map
+
 //# sourceMappingURL=useAccordionHeaderContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAOA,SAAgBC,wCAAwCA,CAACC,KAA2B;EAClF,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAI,CAAE,GAAGJ,KAAK;EAE1D,MAAMK,eAAe,GAAGR,KAAK,CAACS,OAAO,CACnC,OAAO;IACLL,QAAQ;IACRC,kBAAkB;IAClBC,IAAI;IACJC;GACD,CAAC,EACF,CAACH,QAAQ,EAAEC,kBAAkB,EAAEC,IAAI,EAAEC,IAAI,CAAC,CAC3C;EAED,OAAO;IAAEC;EAAe,CAAE;AAC5B;AAdAE,OAAA,CAAAR,wCAAA,GAAAA,wCAAA"}
+{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeaderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionHeaderContextValues_unstable(state) {\n  const {\n    disabled,\n    expandIconPosition,\n    open,\n    size\n  } = state;\n  const accordionHeader = React.useMemo(() => ({\n    disabled,\n    expandIconPosition,\n    open,\n    size\n  }), [disabled, expandIconPosition, open, size]);\n  return {\n    accordionHeader\n  };\n}\n//# sourceMappingURL=useAccordionHeaderContextValues.js.map"],"names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,yCAAyCC,KAAK,EAAE;IAC9D,MAAM,EACJC,SAAQ,EACRC,mBAAkB,EAClBC,KAAI,EACJC,KAAI,EACL,GAAGJ;IACJ,MAAMK,kBAAkBC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAC3CN;YACAC;YACAC;YACAC;QACF,CAAA,GAAI;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAC9C,OAAO;QACLC;IACF;AACF,EACA,2DAA2D"}