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

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

@@ -1,105 +0,0 @@
-"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 react_context_selector_1 = require("@fluentui/react-context-selector");
-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-commonjs/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-commonjs/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-commonjs/components/AccordionHeader/DefaultExpandIcon.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-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-commonjs/components/AccordionHeader/DefaultExpandIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultExpandIcon.js","sourceRoot":"../src/","sources":["components/AccordionHeader/DefaultExpandIcon.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAGlB,QAAA,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,UAAC,EAA+C,EAAE,GAAG;IAAlD,IAAA,cAAI,EAAE,0CAAkB,EAAE,sBAAQ,EAAE,qEAAO;IAAY,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;QAExE,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CAClE,CACP,EACI,CACR,CAAA;CAAA,CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,EAG0C;QAFpE,cAAI,EACJ,0CAAkB;IAElB,IAAI,IAAI,IAAI,kBAAkB,KAAK,KAAK,EAAE;QACxC,OAAO,KAAK,CAAC;KACd;IACD,IAAI,CAAC,CAAC,IAAI,IAAI,kBAAkB,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,kBAAkB,KAAK,OAAO,CAAC,EAAE;QACvF,OAAO,IAAI,CAAC;KACb;IACD,OAAO,GAAG,CAAC;AACb,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-commonjs/components/AccordionItem/useAccordionItemContext.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { AccordionItemContext, AccordionItemState } from './AccordionItem.types';
-export declare const accordionItemContext: React.Context<AccordionItemContext>;
-export declare const useAccordionItemContext: () => AccordionItemContext;
-/**
- * Creates internal context to be consumed by AccordionHeader and AccordionPanel
- */
-export declare function useCreateAccordionItemContext(state: AccordionItemState): AccordionItemContext;

package/lib-commonjs/components/AccordionItem/useAccordionItemContext.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var useAccordionContext_1 = require("../Accordion/useAccordionContext");
-var react_context_selector_1 = require("@fluentui/react-context-selector");
-// No default value.
-exports.accordionItemContext = React.createContext({
-    onHeaderClick: function () {
-        /** */
-    },
-    open: false,
-    disabled: false,
-});
-exports.useAccordionItemContext = function () { return React.useContext(exports.accordionItemContext); };
-/**
- * Creates internal context to be consumed by AccordionHeader and AccordionPanel
- */
-function useCreateAccordionItemContext(state) {
-    var _a;
-    var disabled = (_a = state.disabled, (_a !== null && _a !== void 0 ? _a : false));
-    // index -1 means context not provided
-    var index = useAccordionContext_1.useAccordionDescendant({
-        element: state.ref.current,
-        disabled: disabled,
-    });
-    var requestToggle = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.requestToggle; });
-    var open = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.openItems.includes(index); });
-    var onAccordionHeaderClick = React.useCallback(function (ev) { return requestToggle(ev, index); }, [
-        requestToggle,
-        index,
-    ]);
-    var context = React.useMemo(function () { return ({
-        open: open,
-        onHeaderClick: onAccordionHeaderClick,
-        disabled: disabled,
-    }); }, [onAccordionHeaderClick, open, disabled]);
-    return context;
-}
-exports.useCreateAccordionItemContext = useCreateAccordionItemContext;
-//# sourceMappingURL=useAccordionItemContext.js.map

package/lib-commonjs/components/AccordionItem/useAccordionItemContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionItemContext.js","sourceRoot":"../src/","sources":["components/AccordionItem/useAccordionItemContext.ts"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,wEAA4F;AAE5F,2EAAsE;AAEtE,oBAAoB;AACP,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB;IAC5E,aAAa;QACX,MAAM;IACR,CAAC;IACD,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC;AAEU,QAAA,uBAAuB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,4BAAoB,CAAC,EAAtC,CAAsC,CAAC;AAEpF;;GAEG;AACH,SAAgB,6BAA6B,CAAC,KAAyB;;IACrE,IAAM,QAAQ,SAAG,KAAK,CAAC,QAAQ,uCAAI,KAAK,EAAA,CAAC;IACzC,sCAAsC;IACtC,IAAM,KAAK,GAAG,4CAAsB,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;QAC1B,QAAQ,UAAA;KACT,CAAC,CAAC;IACH,IAAM,aAAa,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,aAAa,EAAjB,CAAiB,CAAC,CAAC;IACrF,IAAM,IAAI,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA7B,CAA6B,CAAC,CAAC;IACxF,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAiC,IAAK,OAAA,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,EAAxB,CAAwB,EAAE;QAChH,aAAa;QACb,KAAK;KACN,CAAC,CAAC;IACH,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,cAAM,OAAA,CAAC;QACL,IAAI,MAAA;QACJ,aAAa,EAAE,sBAAsB;QACrC,QAAQ,UAAA;KACT,CAAC,EAJI,CAIJ,EACF,CAAC,sBAAsB,EAAE,IAAI,EAAE,QAAQ,CAAC,CACzC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAtBD,sEAsBC","sourcesContent":["import * as React from 'react';\nimport { useAccordionDescendant, accordionContext } from '../Accordion/useAccordionContext';\nimport { AccordionItemContext, AccordionItemState } from './AccordionItem.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\n\n// No default value.\nexport const accordionItemContext = React.createContext<AccordionItemContext>({\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n});\n\nexport const useAccordionItemContext = () => React.useContext(accordionItemContext);\n\n/**\n * Creates internal context to be consumed by AccordionHeader and AccordionPanel\n */\nexport function useCreateAccordionItemContext(state: AccordionItemState) {\n  const disabled = state.disabled ?? false;\n  // index -1 means context not provided\n  const index = useAccordionDescendant({\n    element: state.ref.current,\n    disabled,\n  });\n  const requestToggle = useContextSelector(accordionContext, ctx => ctx.requestToggle);\n  const open = useContextSelector(accordionContext, ctx => ctx.openItems.includes(index));\n  const onAccordionHeaderClick = React.useCallback((ev: React.MouseEvent<HTMLElement>) => requestToggle(ev, index), [\n    requestToggle,\n    index,\n  ]);\n  const context = React.useMemo<AccordionItemContext>(\n    () => ({\n      open,\n      onHeaderClick: onAccordionHeaderClick,\n      disabled,\n    }),\n    [onAccordionHeaderClick, open, disabled],\n  );\n  return context;\n}\n"]}

package/src/components/Accordion/Accordion.types.ts

@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-import { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.types';
-
-export type AccordionIndex = number | number[];
-
-/**
- * Common properties shared between Accordion and AccordionHeader through context
- */
-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;
-}

package/src/components/AccordionHeader/AccordionHeader.types.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';
-
-export type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
-export 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/src/components/AccordionItem/AccordionItem.types.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-
-export interface AccordionItemContext {
-  open: boolean;
-  disabled: boolean;
-  onHeaderClick(ev: React.MouseEvent<HTMLElement>): void;
-}
-
-/**
- * {@docCategoryAccordionItem} */
-export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-  /**
-   * Disables opening/closing of panel
-   */
-  disabled?: boolean;
-}
-
-/**
- * {@docCategoryAccordionItem} */
-export interface AccordionItemState extends AccordionItemProps {
-  /**
-   * Ref to the root slot
-   */
-  ref: React.MutableRefObject<HTMLElement>;
-  context: AccordionItemContext;
-  /**
-   * Internal Context used by AccordionHeader and AccordionPanel communication
-   */
-  descendants: AccordionItemDescendant[];
-  /**
-   * Internal Context used by Accordion and AccordionItem communication
-   */
-  setDescendants: React.Dispatch<React.SetStateAction<AccordionItemDescendant[]>>;
-}
-
-export interface AccordionItemDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-  id: string;
-}

package/src/components/AccordionPanel/AccordionPanel.types.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ComponentProps } from '@fluentui/react-utilities';
-
-/**
- * {@docCategoryAccordionPanel} */
-export interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {}
-
-/**
- * {@docCategoryAccordionPanel} */
-export interface AccordionPanelState extends AccordionPanelProps {
-  /**
-   * Ref to the root slot
-   */
-  ref: React.MutableRefObject<HTMLElement>;
-  /**
-   * Internal open state, provided by context
-   */
-  open: boolean;
-}