@fluentui/react-accordion 9.0.0-alpha.8 → 9.0.0-alpha.83

package/lib-commonjs/components/Accordion/Accordion.types.d.ts

@@ -1,70 +1,52 @@
 import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-import { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.types';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
 export declare type AccordionIndex = number | number[];
-/**
- * Common properties shared between Accordion and AccordionHeader through context
- */
-declare type AccordionHeaderCommonProps = Pick<AccordionHeaderProps, 'expandIcon' | 'expandIconPosition' | 'button' | 'size'>;
-export interface AccordionContext extends AccordionHeaderCommonProps {
+export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
+export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
+export declare type AccordionContextValue = {
+    navigable: boolean;
     /**
      * The list of opened panels by index
      */
-    openItems: number[];
+    openItems: AccordionItemValue[];
     /**
      * Callback used by AccordionItem to request a change on it's own opened state
      */
-    requestToggle: NonNullable<AccordionProps['onToggle']>;
-}
-/**
- * {@docCategory Accordion}
- */
-export interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes<HTMLElement> {
+    requestToggle: AccordionToggleEventHandler;
+};
+export declare type AccordionContextValues = {
+    accordion: AccordionContextValue;
+};
+export declare type AccordionSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+};
+export declare type AccordionCommons = {
+    /**
+     * Indicates if keyboard navigation is available
+     */
+    navigable: boolean;
     /**
      * Indicates if Accordion support multiple Panels opened at the same time
      */
-    multiple?: boolean;
+    multiple: boolean;
     /**
      * Indicates if Accordion support multiple Panels closed at the same time
      */
-    collapsible?: boolean;
+    collapsible: boolean;
+};
+export declare type AccordionToggleData = {
+    value: AccordionItemValue;
+};
+export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
     /**
      * Controls the state of the panel
      */
-    index?: AccordionIndex;
+    openItems?: AccordionItemValue | AccordionItemValue[];
     /**
      * Default value for the uncontrolled state of the panel
      */
-    defaultIndex?: AccordionIndex;
-    onToggle?(event: React.MouseEvent<HTMLElement>, index: number): void;
-}
-/**
- * {@docCategory Accordion}
- */
-export interface AccordionState extends AccordionProps {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.MutableRefObject<HTMLElement>;
-    multiple: boolean;
-    collapsible: boolean;
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    context: AccordionContext;
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    descendants: AccordionDescendant[];
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    setDescendants: React.Dispatch<React.SetStateAction<AccordionDescendant[]>>;
-}
-export interface AccordionDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-    /**
-     * Indicates is a determined AccordionItem descending the Accordion is or not disabled
-     */
-    disabled: boolean;
-}
-export {};
+    defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
+    onToggle?: AccordionToggleEventHandler;
+};
+export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, Descendant } from '@fluentui/react-utilities';\nimport { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.types';\n\nexport type AccordionIndex = number | number[];\n\n/**\n * Common properties shared between Accordion and AccordionHeader through context\n */\ntype AccordionHeaderCommonProps = Pick<AccordionHeaderProps, 'expandIcon' | 'expandIconPosition' | 'button' | 'size'>;\nexport interface AccordionContext extends AccordionHeaderCommonProps {\n  /**\n   * The list of opened panels by index\n   */\n  openItems: number[];\n  /**\n   * Callback used by AccordionItem to request a change on it's own opened state\n   */\n  requestToggle: NonNullable<AccordionProps['onToggle']>;\n}\n\n/**\n * {@docCategory Accordion}\n */\nexport interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Indicates if Accordion support multiple Panels opened at the same time\n   */\n  multiple?: boolean;\n  /**\n   * Indicates if Accordion support multiple Panels closed at the same time\n   */\n  collapsible?: boolean;\n  /**\n   * Controls the state of the panel\n   */\n  index?: AccordionIndex;\n  /**\n   * Default value for the uncontrolled state of the panel\n   */\n  defaultIndex?: AccordionIndex;\n  onToggle?(event: React.MouseEvent<HTMLElement>, index: number): void;\n}\n\n/**\n * {@docCategory Accordion}\n */\nexport interface AccordionState extends AccordionProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n  multiple: boolean;\n  collapsible: boolean;\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  context: AccordionContext;\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  descendants: AccordionDescendant[];\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  setDescendants: React.Dispatch<React.SetStateAction<AccordionDescendant[]>>;\n}\n\nexport interface AccordionDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {\n  /**\n   * Indicates is a determined AccordionItem descending the Accordion is or not disabled\n   */\n  disabled: boolean;\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

package/lib-commonjs/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,3 @@
+import type { Context } from '@fluentui/react-context-selector';
+import type { AccordionContextValue } from './Accordion.types';
+export declare const AccordionContext: Context<AccordionContextValue>;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionContext = void 0;
+
+var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+
+exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext({
+  openItems: [],
+  navigable: false,
+  requestToggle: function () {
+    /* noop */
+  }
+});
+//# sourceMappingURL=AccordionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,aAAa,EAAA,YAAA;AACX;AACD;AALkG,CAArC,CAAnD","sourceRoot":""}

package/lib-commonjs/components/Accordion/index.d.ts

@@ -2,3 +2,5 @@ export * from './Accordion';
 export * from './Accordion.types';
 export * from './renderAccordion';
 export * from './useAccordion';
+export * from './useAccordionContextValues';
+export * from './AccordionContext';

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

@@ -1,7 +1,20 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./Accordion"), exports);
+
+tslib_1.__exportStar(require("./Accordion.types"), exports);
+
 tslib_1.__exportStar(require("./renderAccordion"), exports);
+
 tslib_1.__exportStar(require("./useAccordion"), exports);
+
+tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
+
+tslib_1.__exportStar(require("./AccordionContext"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Accordion/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAE5B,4DAAkC;AAClC,yDAA+B","sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/Accordion/renderAccordion.d.ts

@@ -1,5 +1,5 @@
-import { AccordionState } from './Accordion.types';
+import type { AccordionState, AccordionContextValues } from './Accordion.types';
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordion: (state: AccordionState) => JSX.Element;
+export declare const renderAccordion: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;

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

@@ -1,17 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var useAccordion_1 = require("./useAccordion");
-var useAccordionContext_1 = require("./useAccordionContext");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderAccordion = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
 /**
  * Function that renders the final JSX of the component
  */
-exports.renderAccordion = function (state) {
-    var _a = react_utilities_1.getSlots(state, useAccordion_1.accordionShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-        React.createElement(useAccordionContext_1.accordionContext.Provider, { value: state.context },
-            React.createElement(react_utilities_1.DescendantProvider, { context: useAccordionContext_1.accordionDescendantContext, items: state.descendants, set: state.setDescendants }, state.children))));
+
+
+var renderAccordion = function (state, contextValues) {
+  var _a = react_utilities_1.getSlots(state),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(AccordionContext_1.AccordionContext.Provider, {
+    value: contextValues.accordion
+  }, slotProps.root.children));
 };
+
+exports.renderAccordion = renderAccordion;
 //# sourceMappingURL=renderAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAyE;AAEzE,+CAAyD;AACzD,6DAAqF;AAErF;;GAEG;AACU,QAAA,eAAe,GAAG,UAAC,KAAqB;IAC7C,IAAA,8EAA+D,EAA7D,gBAAK,EAAE,wBAAsD,CAAC;IACtE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;QAC5B,oBAAC,sCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO;YAC7C,oBAAC,oCAAkB,IAAC,OAAO,EAAE,gDAA0B,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,CAAC,cAAc,IACzG,KAAK,CAAC,QAAQ,CACI,CACK,CACjB,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots, DescendantProvider } from '@fluentui/react-utilities';\nimport { AccordionState } from './Accordion.types';\nimport { accordionShorthandProps } from './useAccordion';\nimport { accordionContext, accordionDescendantContext } from './useAccordionContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion = (state: AccordionState) => {\n  const { slots, slotProps } = getSlots(state, accordionShorthandProps);\n  return (\n    <slots.root {...slotProps.root}>\n      <accordionContext.Provider value={state.context}>\n        <DescendantProvider context={accordionDescendantContext} items={state.descendants} set={state.setDescendants}>\n          {state.children}\n        </DescendantProvider>\n      </accordionContext.Provider>\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAA,CAAiB,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}

package/lib-commonjs/components/Accordion/useAccordion.d.ts

@@ -1,13 +1,4 @@
 import * as React from 'react';
-import { AccordionProps, AccordionState } from './Accordion.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const accordionShorthandProps: never[];
-/**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- * @param defaultProps - default values for the properties of Accordion
- */
-export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionProps | undefined) => AccordionState;
+import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
+export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
+export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;

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

@@ -1,27 +1,124 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var useAccordionContext_1 = require("./useAccordionContext");
-var react_focus_management_1 = require("@fluentui/react-focus-management");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAccordion = exports.accordionShorthandProps = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+exports.accordionShorthandProps = ['root'];
+
+var useAccordion = function (props, ref) {
+  var controlledOpenItems = props.openItems,
+      defaultOpenItems = props.defaultOpenItems,
+      _a = props.multiple,
+      multiple = _a === void 0 ? false : _a,
+      _b = props.collapsible,
+      collapsible = _b === void 0 ? false : _b,
+      onToggle = props.onToggle,
+      _c = props.navigable,
+      navigable = _c === void 0 ? false : _c;
+
+  var _d = react_utilities_1.useControllableState({
+    state: React.useMemo(function () {
+      return normalizeValues(controlledOpenItems);
+    }, [controlledOpenItems]),
+    defaultState: function () {
+      return initializeUncontrolledOpenItems({
+        collapsible: collapsible,
+        defaultOpenItems: defaultOpenItems,
+        multiple: multiple
+      });
+    },
+    initialState: []
+  }),
+      openItems = _d[0],
+      setOpenItems = _d[1];
+
+  var requestToggle = react_utilities_1.useEventCallback(function (ev, data) {
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(ev, data);
+    setOpenItems(function (previousOpenItems) {
+      return updateOpenItems(data.value, previousOpenItems, {
+        collapsible: collapsible,
+        multiple: multiple
+      });
+    });
+  });
+  return {
+    multiple: multiple,
+    collapsible: collapsible,
+    navigable: navigable,
+    openItems: openItems,
+    requestToggle: requestToggle,
+    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({}, props), {
+      ref: ref
+    }))
+  };
+};
+
+exports.useAccordion = useAccordion;
 /**
- * Consts listing which props are shorthand props.
+ * Initial value for the uncontrolled case of the list of open indexes
  */
-exports.accordionShorthandProps = [];
-// eslint-disable-next-line deprecation/deprecation
-var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionShorthandProps });
+
+function initializeUncontrolledOpenItems(_a) {
+  var defaultOpenItems = _a.defaultOpenItems,
+      multiple = _a.multiple,
+      collapsible = _a.collapsible;
+
+  if (defaultOpenItems !== undefined) {
+    if (Array.isArray(defaultOpenItems)) {
+      return multiple ? defaultOpenItems : [defaultOpenItems[0]];
+    }
+
+    return [defaultOpenItems];
+  }
+
+  return collapsible ? [] : [0];
+}
 /**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- * @param defaultProps - default values for the properties of Accordion
+ * Updates the list of open indexes based on an index that changes
+ * @param value - the index that will change
+ * @param previousOpenItems - list of current open indexes
+ * @param param2 - {multiple, collapsible}
  */
-exports.useAccordion = function (props, ref, defaultProps) {
-    var navigationAttributes = react_focus_management_1.useArrowNavigationGroup({ circular: true });
-    var state = mergeProps(tslib_1.__assign({ ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)), collapsible: false, multiple: false }, navigationAttributes), defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionShorthandProps));
-    var _a = useAccordionContext_1.useCreateAccordionContext(state), context = _a[0], descendants = _a[1], setDescendants = _a[2];
-    Object.assign(state, { context: context, descendants: descendants, setDescendants: setDescendants });
-    return state;
-};
+
+
+function updateOpenItems(value, previousOpenItems, _a) {
+  var multiple = _a.multiple,
+      collapsible = _a.collapsible;
+
+  if (multiple) {
+    if (previousOpenItems.includes(value)) {
+      if (previousOpenItems.length > 1 || collapsible) {
+        return previousOpenItems.filter(function (i) {
+          return i !== value;
+        });
+      }
+    } else {
+      return tslib_1.__spreadArrays(previousOpenItems, [value]).sort();
+    }
+  } else {
+    return previousOpenItems[0] === value && collapsible ? [] : [value];
+  }
+
+  return previousOpenItems;
+}
+/**
+ * Normalizes Accordion index into an array of indexes
+ */
+
+
+function normalizeValues(index) {
+  if (index === undefined) {
+    return undefined;
+  }
+
+  return Array.isArray(index) ? index : [index];
+}
 //# sourceMappingURL=useAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/useAccordion.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAuG;AAEvG,6DAAkE;AAClE,2EAA2E;AAE3E;;GAEG;AACU,QAAA,uBAAuB,GAAG,EAAE,CAAC;AAE1C,mDAAmD;AACnD,IAAM,UAAU,GAAG,sCAAoB,CAAiB,EAAE,SAAS,EAAE,+BAAuB,EAAE,CAAC,CAAC;AAEhG;;;;;GAKG;AACU,QAAA,YAAY,GAAG,UAC1B,KAAqB,EACrB,GAA2B,EAC3B,YAA6B;IAE7B,IAAM,oBAAoB,GAAG,gDAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzE,IAAM,KAAK,GAAG,UAAU,oBAEpB,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAC3C,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,KAAK,IACZ,oBAAoB,GAEzB,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,+BAAuB,CAAC,CACtD,CAAC;IACI,IAAA,2DAAyE,EAAxE,eAAO,EAAE,mBAAW,EAAE,sBAAkD,CAAC;IAChF,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;IAE/D,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { makeMergePropsCompat, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { AccordionProps, AccordionState } from './Accordion.types';\nimport { useCreateAccordionContext } from './useAccordionContext';\nimport { useArrowNavigationGroup } from '@fluentui/react-focus-management';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionShorthandProps = [];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionState>({ deepMerge: accordionShorthandProps });\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 * @param defaultProps - default values for the properties of Accordion\n */\nexport const useAccordion = (\n  props: AccordionProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: AccordionProps,\n): AccordionState => {\n  const navigationAttributes = useArrowNavigationGroup({ circular: true });\n\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      collapsible: false,\n      multiple: false,\n      ...navigationAttributes,\n    },\n    defaultProps,\n    resolveShorthandProps(props, accordionShorthandProps),\n  );\n  const [context, descendants, setDescendants] = useCreateAccordionContext(state);\n  Object.assign(state, { context, descendants, setDescendants });\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionContextValues, AccordionState } from './Accordion.types';
+export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,yBAAhB,CAA0C,KAA1C,EAA+D;AACrD,MAAA,SAAS,GAA+B,KAAK,CAApC,SAAT;AAAA,MAAW,SAAS,GAAoB,KAAK,CAAzB,SAApB;AAAA,MAAsB,aAAa,GAAK,KAAK,CAAV,aAAnC,CADqD,CAG7D;;AACA,MAAM,SAAS,GAAG;AAChB,IAAA,SAAS,EAAA,SADO;AAEhB,IAAA,SAAS,EAAA,SAFO;AAGhB,IAAA,aAAa,EAAA;AAHG,GAAlB;AAMA,SAAO;AAAE,IAAA,SAAS,EAAA;AAAX,GAAP;AACD;;AAXD,OAAA,CAAA,yBAAA,GAAA,yBAAA","sourceRoot":""}