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

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

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-import { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.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 {
-    /**
-     * The list of opened panels by index
-     */
-    openItems: number[];
-    /**
-     * 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> {
-    /**
-     * Indicates if Accordion support multiple Panels opened at the same time
-     */
-    multiple?: boolean;
-    /**
-     * Indicates if Accordion support multiple Panels closed at the same time
-     */
-    collapsible?: boolean;
-    /**
-     * Controls the state of the panel
-     */
-    index?: AccordionIndex;
-    /**
-     * 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 {};

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Accordion.types.js.map

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

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

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

@@ -1,4 +0,0 @@
-export * from './Accordion';
-export * from './Accordion.types';
-export * from './renderAccordion';
-export * from './useAccordion';

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

@@ -1,8 +0,0 @@
-define(["require", "exports", "tslib", "./Accordion", "./renderAccordion", "./useAccordion"], function (require, exports, tslib_1, Accordion_1, renderAccordion_1, useAccordion_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Accordion_1, exports);
-    tslib_1.__exportStar(renderAccordion_1, exports);
-    tslib_1.__exportStar(useAccordion_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Accordion/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAE5B,iDAAkC;IAClC,8CAA+B","sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\n"]}

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

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

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

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useAccordion", "./useAccordionContext"], function (require, exports, tslib_1, React, react_utilities_1, useAccordion_1, useAccordionContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * 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))));
-    };
-});
-//# sourceMappingURL=renderAccordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;IAMA;;OAEG;IACU,QAAA,eAAe,GAAG,UAAC,KAAqB;QAC7C,IAAA,8EAA+D,EAA7D,gBAAK,EAAE,wBAAsD,CAAC;QACtE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,sCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO;gBAC7C,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;IACJ,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"]}

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

@@ -1,13 +0,0 @@
-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;

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

@@ -1,24 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useAccordionContext", "@fluentui/react-focus-management"], function (require, exports, tslib_1, React, react_utilities_1, useAccordionContext_1, react_focus_management_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.accordionShorthandProps = [];
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionShorthandProps });
-    /**
-     * 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
-     */
-    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;
-    };
-});
-//# sourceMappingURL=useAccordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/useAccordion.ts"],"names":[],"mappings":";;;IAMA;;OAEG;IACU,QAAA,uBAAuB,GAAG,EAAE,CAAC;IAE1C,mDAAmD;IACnD,IAAM,UAAU,GAAG,sCAAoB,CAAiB,EAAE,SAAS,EAAE,+BAAuB,EAAE,CAAC,CAAC;IAEhG;;;;;OAKG;IACU,QAAA,YAAY,GAAG,UAC1B,KAAqB,EACrB,GAA2B,EAC3B,YAA6B;QAE7B,IAAM,oBAAoB,GAAG,gDAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEzE,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;QACI,IAAA,2DAAyE,EAAxE,eAAO,EAAE,mBAAW,EAAE,sBAAkD,CAAC;QAChF,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;QAE/D,OAAO,KAAK,CAAC;IACf,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"]}

package/lib-amd/components/Accordion/useAccordionContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { AccordionContext, AccordionDescendant, AccordionState } from './Accordion.types';
-export declare const accordionDescendantContext: React.Context<import("@fluentui/react-utilities").DescendantContextValue<AccordionDescendant<HTMLElement>>>;
-export declare const accordionContext: import("@fluentui/react-context-selector").Context<AccordionContext>;
-/**
- * Creates the context to be provided for AccordionItem components
- */
-export declare function useCreateAccordionContext(state: AccordionState): readonly [AccordionContext, AccordionDescendant<HTMLElement>[], React.Dispatch<React.SetStateAction<AccordionDescendant<HTMLElement>[]>>];
-/**
- * Registers an descendant in the accordion descendants context
- */
-export declare function useAccordionDescendant(accordionDescendant: Omit<AccordionDescendant, 'index'>): number;

package/lib-amd/components/Accordion/useAccordionContext.js

@@ -1,103 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-context-selector"], function (require, exports, tslib_1, React, react_utilities_1, react_context_selector_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.accordionDescendantContext = react_utilities_1.createDescendantContext('AccordionDescendantContext');
-    exports.accordionContext = react_context_selector_1.createContext({
-        openItems: [],
-        requestToggle: function () {
-            /* noop */
-        },
-    });
-    /**
-     * Creates the context to be provided for AccordionItem components
-     */
-    function useCreateAccordionContext(state) {
-        var index = state.index, multiple = state.multiple, collapsible = state.collapsible, onToggle = state.onToggle, size = state.size, expandIcon = state.expandIcon, expandIconPosition = state.expandIconPosition, button = state.button;
-        var _a = react_utilities_1.useDescendantsInit(), descendants = _a[0], setDescendants = _a[1];
-        var normalizedIndex = React.useMemo(function () { return (index !== undefined ? normalizeIndex(index) : undefined); }, [index]);
-        var _b = react_utilities_1.useControllableValue(normalizedIndex, function () {
-            return initializeUncontrolledOpenItems(state);
-        }), openItems = _b[0], setOpenItems = _b[1];
-        var requestToggle = react_utilities_1.useEventCallback(function (ev, i) {
-            var _a, _b;
-            if (((_a = descendants[i]) === null || _a === void 0 ? void 0 : _a.disabled) === true) {
-                return;
-            }
-            (_b = onToggle) === null || _b === void 0 ? void 0 : _b(ev, i);
-            setOpenItems(function (previousOpenItems) {
-                return updateOpenItems(i, previousOpenItems, {
-                    collapsible: collapsible,
-                    multiple: multiple,
-                });
-            });
-        });
-        var context = {
-            openItems: openItems,
-            requestToggle: requestToggle,
-            size: size,
-            expandIconPosition: expandIconPosition,
-            expandIcon: expandIcon,
-            button: button,
-        };
-        return [context, descendants, setDescendants];
-    }
-    exports.useCreateAccordionContext = useCreateAccordionContext;
-    /**
-     * Registers an descendant in the accordion descendants context
-     */
-    function useAccordionDescendant(accordionDescendant) {
-        return react_utilities_1.useDescendant(accordionDescendant, exports.accordionDescendantContext);
-    }
-    exports.useAccordionDescendant = useAccordionDescendant;
-    /**
-     * Initial value for the uncontrolled case of the list of open indexes
-     */
-    function initializeUncontrolledOpenItems(_a) {
-        var defaultIndex = _a.defaultIndex, multiple = _a.multiple, collapsible = _a.collapsible;
-        var _b;
-        switch (true) {
-            case defaultIndex !== undefined: {
-                if (multiple) {
-                    return Array.isArray(defaultIndex) ? defaultIndex : [defaultIndex];
-                }
-                else {
-                    return Array.isArray(defaultIndex) ? (_b = [defaultIndex[0]], (_b !== null && _b !== void 0 ? _b : [0])) : [defaultIndex];
-                }
-            }
-            case collapsible:
-                return [];
-            default:
-                return [0];
-        }
-    }
-    /**
-     * Updates the list of open indexes based on an index that changes
-     * @param index - the index that will change
-     * @param previousOpenItems - list of current open indexes
-     * @param param2 - {multiple, collapsible}
-     */
-    function updateOpenItems(index, previousOpenItems, _a) {
-        var multiple = _a.multiple, collapsible = _a.collapsible;
-        if (multiple) {
-            if (previousOpenItems.includes(index)) {
-                if (previousOpenItems.length > 1 || collapsible) {
-                    return previousOpenItems.filter(function (i) { return i !== index; });
-                }
-            }
-            else {
-                return tslib_1.__spreadArrays(previousOpenItems, [index]).sort();
-            }
-        }
-        else {
-            return previousOpenItems[0] === index && collapsible ? [] : [index];
-        }
-        return previousOpenItems;
-    }
-    /**
-     * Normalizes Accordion index into an array of indexes
-     */
-    function normalizeIndex(index) {
-        return Array.isArray(index) ? index : [index];
-    }
-});
-//# sourceMappingURL=useAccordionContext.js.map

package/lib-amd/components/Accordion/useAccordionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionContext.js","sourceRoot":"../src/","sources":["components/Accordion/useAccordionContext.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  createDescendantContext,\n  useDescendant,\n  useDescendantsInit,\n  useControllableValue,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { AccordionContext, AccordionDescendant, AccordionIndex, AccordionState } from './Accordion.types';\nimport { createContext } from '@fluentui/react-context-selector';\n\nexport const accordionDescendantContext = createDescendantContext<AccordionDescendant>('AccordionDescendantContext');\n\nexport const accordionContext = createContext<AccordionContext>({\n  openItems: [],\n  requestToggle() {\n    /* noop */\n  },\n});\n\n/**\n * Creates the context to be provided for AccordionItem components\n */\nexport function useCreateAccordionContext(state: AccordionState) {\n  const { index, multiple, collapsible, onToggle, size, expandIcon, expandIconPosition, button } = state;\n  const [descendants, setDescendants] = useDescendantsInit<AccordionDescendant>();\n  const normalizedIndex = React.useMemo(() => (index !== undefined ? normalizeIndex(index) : undefined), [index]);\n  const [openItems, setOpenItems] = useControllableValue<number[], HTMLElement>(normalizedIndex!, () =>\n    initializeUncontrolledOpenItems(state),\n  );\n\n  const requestToggle = useEventCallback((ev: React.MouseEvent<HTMLElement>, i: number) => {\n    if (descendants[i]?.disabled === true) {\n      return;\n    }\n    onToggle?.(ev, i);\n    setOpenItems(previousOpenItems =>\n      updateOpenItems(i, previousOpenItems!, {\n        collapsible,\n        multiple,\n      }),\n    );\n  });\n  const context: AccordionContext = {\n    openItems,\n    requestToggle,\n    size,\n    expandIconPosition,\n    expandIcon,\n    button,\n  };\n  return [context, descendants, setDescendants] as const;\n}\n\n/**\n * Registers an descendant in the accordion descendants context\n */\nexport function useAccordionDescendant(accordionDescendant: Omit<AccordionDescendant, 'index'>) {\n  return useDescendant<AccordionDescendant>(accordionDescendant, accordionDescendantContext);\n}\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({ defaultIndex, multiple, collapsible }: AccordionState) {\n  switch (true) {\n    case defaultIndex !== undefined: {\n      if (multiple) {\n        return Array.isArray(defaultIndex) ? defaultIndex : [defaultIndex!];\n      } else {\n        return Array.isArray(defaultIndex) ? [defaultIndex[0]] ?? [0] : [defaultIndex!];\n      }\n    }\n    case collapsible:\n      return [];\n    default:\n      return [0];\n  }\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param index - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param param2 - {multiple, collapsible}\n */\nfunction updateOpenItems(\n  index: number,\n  previousOpenItems: number[],\n  { multiple, collapsible }: Pick<AccordionState, 'multiple' | 'collapsible'>,\n) {\n  if (multiple) {\n    if (previousOpenItems.includes(index)) {\n      if (previousOpenItems.length > 1 || collapsible) {\n        return previousOpenItems.filter(i => i !== index);\n      }\n    } else {\n      return [...previousOpenItems, index].sort();\n    }\n  } else {\n    return previousOpenItems[0] === index && collapsible ? [] : [index];\n  }\n  return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeIndex(index: AccordionIndex) {\n  return Array.isArray(index) ? index : [index];\n}\n"]}

package/lib-amd/components/AccordionHeader/AccordionHeader.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AccordionHeaderProps } from './AccordionHeader.types';
-/**
- * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
- * {@docCategoryAccordionHeader} */
-export declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,14 +0,0 @@
-define(["require", "exports", "react", "./useAccordionHeader", "./renderAccordionHeader", "./useAccordionHeaderStyles"], function (require, exports, React, useAccordionHeader_1, renderAccordionHeader_1, useAccordionHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
-     * {@docCategoryAccordionHeader} */
-    exports.AccordionHeader = React.forwardRef(function (props, ref) {
-        var state = useAccordionHeader_1.useAccordionHeader(props, ref);
-        useAccordionHeaderStyles_1.useAccordionHeaderStyles(state);
-        return renderAccordionHeader_1.renderAccordionHeader(state);
-    });
-    exports.AccordionHeader.displayName = 'AccordionHeader';
-});
-//# sourceMappingURL=AccordionHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":";;;IAMA;;uCAEmC;IACtB,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAoC,UAAC,KAAK,EAAE,GAAG;QAC5F,IAAM,KAAK,GAAG,uCAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE7C,mDAAwB,CAAC,KAAK,CAAC,CAAC;QAChC,OAAO,6CAAqB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader } from './useAccordionHeader';\nimport { AccordionHeaderProps } from './AccordionHeader.types';\nimport { renderAccordionHeader } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles } from './useAccordionHeaderStyles';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.\n * {@docCategoryAccordionHeader} */\nexport const AccordionHeader = React.forwardRef<HTMLElement, AccordionHeaderProps>((props, ref) => {\n  const state = useAccordionHeader(props, ref);\n\n  useAccordionHeaderStyles(state);\n  return renderAccordionHeader(state);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"]}

package/lib-amd/components/AccordionHeader/AccordionHeader.types.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';
-export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
-export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
-/**
- * {@docCategoryAccordionHeader} */
-export interface AccordionHeaderExpandIconProps extends React.HTMLAttributes<HTMLElement> {
-    open: boolean;
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-}
-/**
- * {@docCategoryAccordionHeader} */
-export interface AccordionHeaderProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    /**
-     * Size of spacing in the heading
-     */
-    size?: AccordionHeaderSize;
-    /**
-     * The component to be used as button in heading
-     */
-    button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Expand icon slot rendered before (or after) children content in heading
-     */
-    expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
-    /**
-     * The position of the expand  icon slot in heading
-     */
-    expandIconPosition?: AccordionHeaderExpandIconPosition;
-}
-/**
- * {@docCategoryAccordionHeader} */
-export interface AccordionHeaderState extends AccordionHeaderProps {
-    size: AccordionHeaderSize;
-    /**
-     * Ref to the root slot
-     */
-    ref: React.MutableRefObject<HTMLElement>;
-    /**
-     * Expand icon slot when processed by internal state
-     */
-    expandIcon: ObjectShorthandProps<AccordionHeaderExpandIconProps>;
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-    /**
-     * The component to be used as button
-     */
-    button: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    children?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=AccordionHeader.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionHeader.types.js","sourceRoot":"../src/","sources":["components/AccordionHeader/AccordionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\n/**\n * {@docCategoryAccordionHeader} */\nexport interface AccordionHeaderExpandIconProps extends React.HTMLAttributes<HTMLElement> {\n  open: boolean;\n  expandIconPosition: AccordionHeaderExpandIconPosition;\n}\n\n/**\n * {@docCategoryAccordionHeader} */\nexport interface AccordionHeaderProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Size of spacing in the heading\n   */\n  size?: AccordionHeaderSize;\n  /**\n   * The component to be used as button in heading\n   */\n  button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading\n   */\n  expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;\n  /**\n   * The position of the expand  icon slot in heading\n   */\n  expandIconPosition?: AccordionHeaderExpandIconPosition;\n}\n\n/**\n * {@docCategoryAccordionHeader} */\nexport interface AccordionHeaderState extends AccordionHeaderProps {\n  size: AccordionHeaderSize;\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n  /**\n   * Expand icon slot when processed by internal state\n   */\n  expandIcon: ObjectShorthandProps<AccordionHeaderExpandIconProps>;\n  expandIconPosition: AccordionHeaderExpandIconPosition;\n  /**\n   * The component to be used as button\n   */\n  button: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;\n  children?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;\n}\n"]}

package/lib-amd/components/AccordionHeader/DefaultExpandIcon.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { AccordionHeaderExpandIconProps } from './AccordionHeader.types';
-export declare const DefaultExpandIcon: React.ForwardRefExoticComponent<AccordionHeaderExpandIconProps & React.RefAttributes<HTMLSpanElement>>;

package/lib-amd/components/AccordionHeader/DefaultExpandIcon.js

@@ -1,20 +0,0 @@
-define(["require", "exports", "tslib", "react"], function (require, exports, tslib_1, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DefaultExpandIcon = React.forwardRef(function (_a, ref) {
-        var open = _a.open, expandIconPosition = _a.expandIconPosition, children = _a.children, rest = tslib_1.__rest(_a, ["open", "expandIconPosition", "children"]);
-        return (React.createElement("span", tslib_1.__assign({}, rest, { ref: ref }), (children !== null && children !== void 0 ? children : (React.createElement("svg", { fill: "currentColor", height: "1em", width: "1em", viewBox: "0 0 2048 2048", transform: "rotate(" + mapStateToRotation({ open: open, expandIconPosition: expandIconPosition }) + ")" },
-            React.createElement("path", { d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z" }))))));
-    });
-    function mapStateToRotation(_a) {
-        var open = _a.open, expandIconPosition = _a.expandIconPosition;
-        if (open && expandIconPosition === 'end') {
-            return '-90';
-        }
-        if ((!open && expandIconPosition === 'end') || (open && expandIconPosition === 'start')) {
-            return '90';
-        }
-        return '0';
-    }
-});
-//# sourceMappingURL=DefaultExpandIcon.js.map

package/lib-amd/components/AccordionHeader/DefaultExpandIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultExpandIcon.js","sourceRoot":"../src/","sources":["components/AccordionHeader/DefaultExpandIcon.tsx"],"names":[],"mappings":";;;IAGa,QAAA,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,UAAC,EAA+C,EAAE,GAAG;QAAlD,IAAA,cAAI,EAAE,0CAAkB,EAAE,sBAAQ,EAAE,qEAAO;QAAY,OAAA,CACxD,iDAAU,IAAI,IAAE,GAAG,EAAE,GAAG,MACrB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,6BACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,OAAO,EAAC,eAAe,EACvB,SAAS,EAAE,YAAU,kBAAkB,CAAC,EAAE,IAAI,MAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC,MAAG;YAExE,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CAClE,CACP,EACI,CACR,CAAA;KAAA,CACF,CAAC;IAEF,SAAS,kBAAkB,CAAC,EAG0C;YAFpE,cAAI,EACJ,0CAAkB;QAElB,IAAI,IAAI,IAAI,kBAAkB,KAAK,KAAK,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,CAAC,IAAI,IAAI,kBAAkB,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,kBAAkB,KAAK,OAAO,CAAC,EAAE;YACvF,OAAO,IAAI,CAAC;SACb;QACD,OAAO,GAAG,CAAC;IACb,CAAC","sourcesContent":["import * as React from 'react';\nimport { AccordionHeaderExpandIconProps } from './AccordionHeader.types';\n\nexport const DefaultExpandIcon = React.forwardRef<HTMLSpanElement, AccordionHeaderExpandIconProps>(\n  ({ open, expandIconPosition, children, ...rest }, ref) => (\n    <span {...rest} ref={ref}>\n      {children ?? (\n        <svg\n          fill=\"currentColor\"\n          height=\"1em\"\n          width=\"1em\"\n          viewBox=\"0 0 2048 2048\"\n          transform={`rotate(${mapStateToRotation({ open, expandIconPosition })})`}\n        >\n          <path d=\"M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z\" />\n        </svg>\n      )}\n    </span>\n  ),\n);\n\nfunction mapStateToRotation({\n  open,\n  expandIconPosition,\n}: Pick<AccordionHeaderExpandIconProps, 'open' | 'expandIconPosition'>) {\n  if (open && expandIconPosition === 'end') {\n    return '-90';\n  }\n  if ((!open && expandIconPosition === 'end') || (open && expandIconPosition === 'start')) {\n    return '90';\n  }\n  return '0';\n}\n"]}

package/lib-amd/components/AccordionHeader/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AccordionHeader';
-export * from './AccordionHeader.types';
-export * from './renderAccordionHeader';
-export * from './useAccordionHeader';
-export * from './useAccordionHeaderStyles';

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

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./AccordionHeader", "./renderAccordionHeader", "./useAccordionHeader", "./useAccordionHeaderStyles"], function (require, exports, tslib_1, AccordionHeader_1, renderAccordionHeader_1, useAccordionHeader_1, useAccordionHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(AccordionHeader_1, exports);
-    tslib_1.__exportStar(renderAccordionHeader_1, exports);
-    tslib_1.__exportStar(useAccordionHeader_1, exports);
-    tslib_1.__exportStar(useAccordionHeaderStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionHeader/index.ts"],"names":[],"mappings":";;;IAAA,iDAAkC;IAElC,uDAAwC;IACxC,oDAAqC;IACrC,0DAA2C","sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderStyles';\n"]}

package/lib-amd/components/AccordionHeader/renderAccordionHeader.d.ts

@@ -1,5 +0,0 @@
-import { AccordionHeaderState } from './AccordionHeader.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionHeader: (state: AccordionHeaderState) => JSX.Element;

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

@@ -1,16 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useAccordionHeader"], function (require, exports, tslib_1, React, react_utilities_1, useAccordionHeader_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Function that renders the final JSX of the component
-     */
-    exports.renderAccordionHeader = function (state) {
-        var _a = react_utilities_1.getSlots(state, useAccordionHeader_1.accordionHeaderShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(slots.button, tslib_1.__assign({}, slotProps.button),
-                state.expandIconPosition === 'start' && React.createElement(slots.expandIcon, tslib_1.__assign({}, slotProps.expandIcon)),
-                React.createElement(slots.children, tslib_1.__assign({}, slotProps.children)),
-                state.expandIconPosition === 'end' && React.createElement(slots.expandIcon, tslib_1.__assign({}, slotProps.expandIcon)))));
-    };
-});
-//# sourceMappingURL=renderAccordionHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderAccordionHeader.js","sourceRoot":"../src/","sources":["components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":";;;IAKA;;OAEG;IACU,QAAA,qBAAqB,GAAG,UAAC,KAA2B;QACzD,IAAA,0FAAqE,EAAnE,gBAAK,EAAE,wBAA4D,CAAC;QAC5E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM;gBAC/B,KAAK,CAAC,kBAAkB,KAAK,OAAO,IAAI,oBAAC,KAAK,CAAC,UAAU,uBAAK,SAAS,CAAC,UAAU,EAAI;gBACvF,oBAAC,KAAK,CAAC,QAAQ,uBAAK,SAAS,CAAC,QAAQ,EAAI;gBACzC,KAAK,CAAC,kBAAkB,KAAK,KAAK,IAAI,oBAAC,KAAK,CAAC,UAAU,uBAAK,SAAS,CAAC,UAAU,EAAI,CACxE,CACJ,CACd,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionHeaderState } from './AccordionHeader.types';\nimport { accordionHeaderShorthandProps } from './useAccordionHeader';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader = (state: AccordionHeaderState) => {\n  const { slots, slotProps } = getSlots(state, accordionHeaderShorthandProps);\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.button {...slotProps.button}>\n        {state.expandIconPosition === 'start' && <slots.expandIcon {...slotProps.expandIcon} />}\n        <slots.children {...slotProps.children} />\n        {state.expandIconPosition === 'end' && <slots.expandIcon {...slotProps.expandIcon} />}\n      </slots.button>\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/AccordionHeader/useAccordionHeader.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';
-/**
- * Const listing which props are shorthand props.
- */
-export declare const accordionHeaderShorthandProps: readonly ["expandIcon", "button", "children"];
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionHeader properties
- * @param ref - reference to root HTMLElement of AccordionHeader
- * @param defaultProps - default values for the properties of AccordionHeader
- */
-export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionHeaderProps | undefined) => AccordionHeaderState;

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

@@ -1,57 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities", "../AccordionItem/index", "./DefaultExpandIcon", "../Accordion/useAccordionContext", "@fluentui/react-context-selector"], function (require, exports, React, react_utilities_1, index_1, DefaultExpandIcon_1, useAccordionContext_1, react_context_selector_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Const listing which props are shorthand props.
-     */
-    exports.accordionHeaderShorthandProps = ['expandIcon', 'button', 'children'];
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionHeaderShorthandProps });
-    /**
-     * Returns the props and state required to render the component
-     * @param props - AccordionHeader properties
-     * @param ref - reference to root HTMLElement of AccordionHeader
-     * @param defaultProps - default values for the properties of AccordionHeader
-     */
-    exports.useAccordionHeader = function (props, ref, defaultProps) {
-        var _a;
-        var _b = index_1.useAccordionItemContext(), onAccordionHeaderClick = _b.onHeaderClick, open = _b.open, disabled = _b.disabled;
-        var button = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.button; });
-        var expandIcon = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.expandIcon; });
-        var expandIconPosition = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.expandIconPosition; });
-        var size = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.size; });
-        var id = react_utilities_1.useId('accordion-header-', props.id);
-        var panel = react_utilities_1.useDescendants(index_1.accordionItemDescendantContext)[1];
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-            size: 'medium',
-            expandIcon: {
-                as: DefaultExpandIcon_1.DefaultExpandIcon,
-                open: open,
-                'aria-hidden': true,
-            },
-            button: {
-                as: 'div',
-                tabIndex: 0,
-                role: 'button',
-                children: React.Fragment,
-                id: id,
-                onClick: onAccordionHeaderClick,
-                'aria-disabled': disabled,
-                'aria-controls': (_a = panel) === null || _a === void 0 ? void 0 : _a.id,
-            },
-            as: 'div',
-            role: 'heading',
-            expandIconPosition: 'start',
-        }, { button: button, expandIconPosition: expandIconPosition, expandIcon: expandIcon, size: size }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionHeaderShorthandProps));
-        if (state.expandIcon) {
-            state.expandIcon.expandIconPosition = state.expandIconPosition;
-        }
-        index_1.useAccordionItemDescendant({
-            element: state.ref.current,
-            id: id,
-        }, 0);
-        return state;
-    };
-});
-//# sourceMappingURL=useAccordionHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionHeader.js","sourceRoot":"../src/","sources":["components/AccordionHeader/useAccordionHeader.ts"],"names":[],"mappings":";;;IAwBA;;OAEG;IACU,QAAA,6BAA6B,GAAG,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAU,CAAC;IAE3F,mDAAmD;IACnD,IAAM,UAAU,GAAG,sCAAoB,CAAuB,EAAE,SAAS,EAAE,qCAA6B,EAAE,CAAC,CAAC;IAE5G;;;;;OAKG;IACU,QAAA,kBAAkB,GAAG,UAChC,KAA2B,EAC3B,GAA2B,EAC3B,YAAmC;;QAE7B,IAAA,sCAAqF,EAAnF,yCAAqC,EAAE,cAAI,EAAE,sBAAsC,CAAC;QAC5F,IAAM,MAAM,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,MAAM,EAAV,CAAU,CAAC,CAAC;QACvE,IAAM,UAAU,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,UAAU,EAAd,CAAc,CAAC,CAAC;QAC/E,IAAM,kBAAkB,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,kBAAkB,EAAtB,CAAsB,CAAC,CAAC;QAC/F,IAAM,IAAI,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QACnE,IAAM,EAAE,GAAG,uBAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAChD,IAAM,KAAK,GAAG,gCAAc,CAAC,sCAA8B,CAAC,CAAC,CAAC,CAAwC,CAAC;QACvG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,EAAE,QAA+B;YACrC,UAAU,EAAE;gBACV,EAAE,EAAE,qCAAiB;gBACrB,IAAI,MAAA;gBACJ,aAAa,EAAE,IAAI;aACpB;YACD,MAAM,EAAE;gBACN,EAAE,EAAE,KAAK;gBACT,QAAQ,EAAE,CAAC;gBACX,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,EAAE,IAAA;gBACF,OAAO,EAAE,sBAAsB;gBAC/B,eAAe,EAAE,QAAQ;gBACzB,eAAe,QAAE,KAAK,0CAAE,EAAE;aAC3B;YACD,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,SAAS;YACf,kBAAkB,EAAE,OAA4C;SACjE,EACD,EAAE,MAAM,QAAA,EAAE,kBAAkB,oBAAA,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,EAChD,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,qCAA6B,CAAC,CAC5D,CAAC;QACF,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,KAAK,CAAC,UAAU,CAAC,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC;SAChE;QACD,kCAA0B,CACxB;YACE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;YAC1B,EAAE,IAAA;SACH,EACD,CAAC,CACF,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {\n  makeMergePropsCompat,\n  resolveShorthandProps,\n  useMergedRefs,\n  useId,\n  useDescendants,\n} from '@fluentui/react-utilities';\nimport {\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderState,\n} from './AccordionHeader.types';\nimport {\n  useAccordionItemContext,\n  useAccordionItemDescendant,\n  accordionItemDescendantContext,\n  AccordionItemDescendant,\n} from '../AccordionItem/index';\nimport { DefaultExpandIcon } from './DefaultExpandIcon';\nimport { accordionContext } from '../Accordion/useAccordionContext';\nimport { useContextSelector } from '@fluentui/react-context-selector';\n\n/**\n * Const listing which props are shorthand props.\n */\nexport const accordionHeaderShorthandProps = ['expandIcon', 'button', 'children'] as const;\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionHeaderState>({ deepMerge: accordionHeaderShorthandProps });\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 * @param defaultProps - default values for the properties of AccordionHeader\n */\nexport const useAccordionHeader = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: AccordionHeaderProps,\n): AccordionHeaderState => {\n  const { onHeaderClick: onAccordionHeaderClick, open, disabled } = useAccordionItemContext();\n  const button = useContextSelector(accordionContext, ctx => ctx.button);\n  const expandIcon = useContextSelector(accordionContext, ctx => ctx.expandIcon);\n  const expandIconPosition = useContextSelector(accordionContext, ctx => ctx.expandIconPosition);\n  const size = useContextSelector(accordionContext, ctx => ctx.size);\n  const id = useId('accordion-header-', props.id);\n  const panel = useDescendants(accordionItemDescendantContext)[1] as AccordionItemDescendant | undefined;\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      size: 'medium' as AccordionHeaderSize,\n      expandIcon: {\n        as: DefaultExpandIcon,\n        open,\n        'aria-hidden': true,\n      },\n      button: {\n        as: 'div',\n        tabIndex: 0,\n        role: 'button',\n        children: React.Fragment,\n        id,\n        onClick: onAccordionHeaderClick,\n        'aria-disabled': disabled,\n        'aria-controls': panel?.id,\n      },\n      as: 'div',\n      role: 'heading',\n      expandIconPosition: 'start' as AccordionHeaderExpandIconPosition,\n    },\n    { button, expandIconPosition, expandIcon, size },\n    defaultProps,\n    resolveShorthandProps(props, accordionHeaderShorthandProps),\n  );\n  if (state.expandIcon) {\n    state.expandIcon.expandIconPosition = state.expandIconPosition;\n  }\n  useAccordionItemDescendant(\n    {\n      element: state.ref.current,\n      id,\n    },\n    0,\n  );\n  return state;\n};\n"]}

package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.d.ts

@@ -1,3 +0,0 @@
-import { AccordionHeaderState } from './AccordionHeader.types';
-/** Applies style classnames to slots */
-export declare const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState;