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

package/lib-commonjs/index.js

@@ -1,8 +1,16 @@
 "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("./AccordionItem"), exports);
+
 tslib_1.__exportStar(require("./AccordionHeader"), exports);
+
 tslib_1.__exportStar(require("./AccordionPanel"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,0DAAgC;AAChC,4DAAkC;AAClC,2DAAiC","sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionPanel';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.0.0-alpha.8",
+  "version": "9.0.0-alpha.83",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -13,18 +13,23 @@
   "license": "MIT",
   "scripts": {
     "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "just-scripts dev:storybook",
-    "start-test": "just-scripts jest-watch",
-    "test": "just-scripts test",
-    "update-snapshots": "just-scripts jest -u"
+    "start": "yarn storybook",
+    "test": "jest",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-accordion/src && yarn docs",
+    "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.1.0",
-    "@fluentui/react-conformance": "^0.2.5",
+    "@fluentui/babel-make-styles": "9.0.0-alpha.55",
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.48",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-make-styles": "9.0.0-alpha.17",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -35,18 +40,17 @@
     "enzyme": "~3.10.0",
     "enzyme-adapter-react-16": "^1.15.0",
     "react": "16.8.6",
-    "react-app-polyfill": "~1.0.1",
     "react-dom": "16.8.6",
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.0.0-alpha.2",
-    "@fluentui/react-focus-management": "^9.0.0-alpha.13",
-    "@fluentui/react-make-styles": "^9.0.0-alpha.17",
-    "@fluentui/react-theme": "^9.0.0-alpha.7",
-    "@fluentui/react-theme-provider": "^9.0.0-alpha.17",
-    "@fluentui/react-utilities": "^9.0.0-alpha.14",
-    "tslib": "^1.10.0"
+    "@fluentui/react-aria": "9.0.0-alpha.39",
+    "@fluentui/react-context-selector": "9.0.0-alpha.36",
+    "@fluentui/react-make-styles": "9.0.0-alpha.73",
+    "@fluentui/react-tabster": "9.0.0-alpha.67",
+    "@fluentui/react-theme": "9.0.0-alpha.23",
+    "@fluentui/react-utilities": "9.0.0-alpha.53",
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <17.0.0",

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1,7 +0,0 @@
-/** Jest test setup file. */
-
-const { configure } = require('enzyme');
-const Adapter = require('enzyme-adapter-react-16');
-
-// Configure enzyme.
-configure({ adapter: new Adapter() });

package/etc/react-accordion.api.md

@@ -1,198 +0,0 @@
-## API Report File for "@fluentui/react-accordion"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentProps } from '@fluentui/react-utilities';
-import { Descendant } from '@fluentui/react-utilities';
-import { ObjectShorthandProps } from '@fluentui/react-utilities';
-import * as React from 'react';
-import { ShorthandProps } from '@fluentui/react-utilities';
-
-// @public
-export const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLElement>>;
-
-// Warning: (ae-forgotten-export) The symbol "AccordionHeaderCommonProps" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export interface AccordionContext extends AccordionHeaderCommonProps {
-    openItems: number[];
-    requestToggle: NonNullable<AccordionProps['onToggle']>;
-}
-
-// @public (undocumented)
-export interface AccordionDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-    disabled: boolean;
-}
-
-// @public
-export const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export type AccordionHeaderExpandIconPosition = 'start' | 'end';
-
-// @public (undocumented)
-export interface AccordionHeaderExpandIconProps extends React.HTMLAttributes<HTMLElement> {
-    // (undocumented)
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-    // (undocumented)
-    open: boolean;
-}
-
-// @public (undocumented)
-export interface AccordionHeaderProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    button?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    expandIcon?: ShorthandProps<AccordionHeaderExpandIconProps>;
-    expandIconPosition?: AccordionHeaderExpandIconPosition;
-    size?: AccordionHeaderSize;
-}
-
-// @public
-export const accordionHeaderShorthandProps: readonly ["expandIcon", "button", "children"];
-
-// @public (undocumented)
-export type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
-
-// @public (undocumented)
-export interface AccordionHeaderState extends AccordionHeaderProps {
-    button: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    // (undocumented)
-    children?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-    expandIcon: ObjectShorthandProps<AccordionHeaderExpandIconProps>;
-    // (undocumented)
-    expandIconPosition: AccordionHeaderExpandIconPosition;
-    ref: React.MutableRefObject<HTMLElement>;
-    // (undocumented)
-    size: AccordionHeaderSize;
-}
-
-// @public (undocumented)
-export type AccordionIndex = number | number[];
-
-// @public
-export const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export interface AccordionItemContext {
-    // (undocumented)
-    disabled: boolean;
-    // (undocumented)
-    onHeaderClick(ev: React.MouseEvent<HTMLElement>): void;
-    // (undocumented)
-    open: boolean;
-}
-
-// @public (undocumented)
-export const accordionItemContext: React.Context<AccordionItemContext>;
-
-// @public (undocumented)
-export interface AccordionItemDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-    // (undocumented)
-    id: string;
-}
-
-// @public (undocumented)
-export const accordionItemDescendantContext: React.Context<import("@fluentui/react-utilities").DescendantContextValue<AccordionItemDescendant<HTMLElement>>>;
-
-// @public (undocumented)
-export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    disabled?: boolean;
-}
-
-// @public
-export const accordionItemShorthandProps: never[];
-
-// @public (undocumented)
-export interface AccordionItemState extends AccordionItemProps {
-    // (undocumented)
-    context: AccordionItemContext;
-    descendants: AccordionItemDescendant[];
-    ref: React.MutableRefObject<HTMLElement>;
-    setDescendants: React.Dispatch<React.SetStateAction<AccordionItemDescendant[]>>;
-}
-
-// @public
-export const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLElement>>;
-
-// @public (undocumented)
-export interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-}
-
-// @public
-export const accordionPanelShorthandProps: never[];
-
-// @public (undocumented)
-export interface AccordionPanelState extends AccordionPanelProps {
-    open: boolean;
-    ref: React.MutableRefObject<HTMLElement>;
-}
-
-// @public (undocumented)
-export interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes<HTMLElement> {
-    collapsible?: boolean;
-    defaultIndex?: AccordionIndex;
-    index?: AccordionIndex;
-    multiple?: boolean;
-    // (undocumented)
-    onToggle?(event: React.MouseEvent<HTMLElement>, index: number): void;
-}
-
-// @public
-export const accordionShorthandProps: never[];
-
-// @public (undocumented)
-export interface AccordionState extends AccordionProps {
-    // (undocumented)
-    collapsible: boolean;
-    context: AccordionContext;
-    descendants: AccordionDescendant[];
-    // (undocumented)
-    multiple: boolean;
-    ref: React.MutableRefObject<HTMLElement>;
-    setDescendants: React.Dispatch<React.SetStateAction<AccordionDescendant[]>>;
-}
-
-// @public
-export const renderAccordion: (state: AccordionState) => JSX.Element;
-
-// @public
-export const renderAccordionHeader: (state: AccordionHeaderState) => JSX.Element;
-
-// @public
-export const renderAccordionItem: (state: AccordionItemState) => JSX.Element;
-
-// @public
-export const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
-
-// @public
-export const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionProps | undefined) => AccordionState;
-
-// @public
-export const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionHeaderProps | undefined) => AccordionHeaderState;
-
-// @public
-export const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState;
-
-// @public
-export const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionItemProps | undefined) => AccordionItemState;
-
-// @public (undocumented)
-export const useAccordionItemContext: () => AccordionItemContext;
-
-// @public
-export function useAccordionItemDescendant(accordionDescendant: Omit<AccordionItemDescendant, 'index'>, index?: number): number;
-
-// @public
-export const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionPanelProps | undefined) => AccordionPanelState;
-
-// @public
-export const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
-
-// @public
-export function useCreateAccordionItemContext(state: AccordionItemState): AccordionItemContext;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/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/components/Accordion/useAccordionContext.js

@@ -1,101 +0,0 @@
-import { __spreadArrays } from "tslib";
-import * as React from 'react';
-import { createDescendantContext, useDescendant, useDescendantsInit, useControllableValue, useEventCallback, } from '@fluentui/react-utilities';
-import { createContext } from '@fluentui/react-context-selector';
-export var accordionDescendantContext = createDescendantContext('AccordionDescendantContext');
-export var accordionContext = createContext({
-    openItems: [],
-    requestToggle: function () {
-        /* noop */
-    },
-});
-/**
- * Creates the context to be provided for AccordionItem components
- */
-export 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 = useDescendantsInit(), descendants = _a[0], setDescendants = _a[1];
-    var normalizedIndex = React.useMemo(function () { return (index !== undefined ? normalizeIndex(index) : undefined); }, [index]);
-    var _b = useControllableValue(normalizedIndex, function () {
-        return initializeUncontrolledOpenItems(state);
-    }), openItems = _b[0], setOpenItems = _b[1];
-    var requestToggle = 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];
-}
-/**
- * Registers an descendant in the accordion descendants context
- */
-export function useAccordionDescendant(accordionDescendant) {
-    return useDescendant(accordionDescendant, accordionDescendantContext);
-}
-/**
- * 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 __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/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/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/components/AccordionHeader/DefaultExpandIcon.js

@@ -1,18 +0,0 @@
-import { __assign, __rest } from "tslib";
-import * as React from 'react';
-export var DefaultExpandIcon = React.forwardRef(function (_a, ref) {
-    var open = _a.open, expandIconPosition = _a.expandIconPosition, children = _a.children, rest = __rest(_a, ["open", "expandIconPosition", "children"]);
-    return (React.createElement("span", __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/components/AccordionHeader/DefaultExpandIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultExpandIcon.js","sourceRoot":"../src/","sources":["components/AccordionHeader/DefaultExpandIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,UAAC,EAA+C,EAAE,GAAG;IAAlD,IAAA,cAAI,EAAE,0CAAkB,EAAE,sBAAQ,EAAE,6DAAO;IAAY,OAAA,CACxD,yCAAU,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/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/components/AccordionItem/useAccordionItemContext.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { useAccordionDescendant, accordionContext } from '../Accordion/useAccordionContext';
-import { useContextSelector } from '@fluentui/react-context-selector';
-// No default value.
-export var accordionItemContext = React.createContext({
-    onHeaderClick: function () {
-        /** */
-    },
-    open: false,
-    disabled: false,
-});
-export var useAccordionItemContext = function () { return React.useContext(accordionItemContext); };
-/**
- * Creates internal context to be consumed by AccordionHeader and AccordionPanel
- */
-export 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 = useAccordionDescendant({
-        element: state.ref.current,
-        disabled: disabled,
-    });
-    var requestToggle = useContextSelector(accordionContext, function (ctx) { return ctx.requestToggle; });
-    var open = useContextSelector(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;
-}
-//# sourceMappingURL=useAccordionItemContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionItemContext.js","sourceRoot":"../src/","sources":["components/AccordionItem/useAccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,oBAAoB;AACpB,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB;IAC5E,aAAa;QACX,MAAM;IACR,CAAC;IACD,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,uBAAuB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAtC,CAAsC,CAAC;AAEpF;;GAEG;AACH,MAAM,UAAU,6BAA6B,CAAC,KAAyB;;IACrE,IAAM,QAAQ,SAAG,KAAK,CAAC,QAAQ,uCAAI,KAAK,EAAA,CAAC;IACzC,sCAAsC;IACtC,IAAM,KAAK,GAAG,sBAAsB,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;QAC1B,QAAQ,UAAA;KACT,CAAC,CAAC;IACH,IAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,aAAa,EAAjB,CAAiB,CAAC,CAAC;IACrF,IAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAgB,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","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/lib-amd/Accordion.d.ts

@@ -1 +0,0 @@
-export * from './components/Accordion/index';

package/lib-amd/Accordion.js

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

package/lib-amd/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"../src/","sources":["Accordion.ts"],"names":[],"mappings":";;;IAAA,uCAA6C","sourcesContent":["export * from './components/Accordion/index';\n"]}

package/lib-amd/AccordionHeader.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionHeader/index';

package/lib-amd/AccordionHeader.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/AccordionHeader/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=AccordionHeader.js.map

package/lib-amd/AccordionHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"../src/","sources":["AccordionHeader.ts"],"names":[],"mappings":";;;IAAA,uCAAmD","sourcesContent":["export * from './components/AccordionHeader/index';\n"]}

package/lib-amd/AccordionItem.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionItem/index';

package/lib-amd/AccordionItem.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/AccordionItem/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=AccordionItem.js.map

package/lib-amd/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"../src/","sources":["AccordionItem.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/AccordionItem/index';\n"]}

package/lib-amd/AccordionPanel.d.ts

@@ -1 +0,0 @@
-export * from './components/AccordionPanel/index';

package/lib-amd/AccordionPanel.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/AccordionPanel/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=AccordionPanel.js.map

package/lib-amd/AccordionPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"../src/","sources":["AccordionPanel.ts"],"names":[],"mappings":";;;IAAA,uCAAkD","sourcesContent":["export * from './components/AccordionPanel/index';\n"]}

package/lib-amd/common/isConformant.d.ts

@@ -1,2 +0,0 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;

package/lib-amd/common/isConformant.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

package/lib-amd/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;IAEA,SAAgB,YAAY,CAAC,QAAoD;QAC/E,IAAM,cAAc,GAAG;YACrB,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;SAC7D,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAPD,oCAOC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { AccordionProps } from './Accordion.types';
-/**
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
- * {@docCategory Accordion}
- */
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,14 +0,0 @@
-define(["require", "exports", "react", "./useAccordion", "./renderAccordion"], function (require, exports, React, useAccordion_1, renderAccordion_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
-     * {@docCategory Accordion}
-     */
-    exports.Accordion = React.forwardRef(function (props, ref) {
-        var state = useAccordion_1.useAccordion(props, ref);
-        return renderAccordion_1.renderAccordion(state);
-    });
-    exports.Accordion.displayName = 'Accordion';
-});
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;IAKA;;;OAGG;IACU,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;QAChF,IAAM,KAAK,GAAG,2BAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEvC,OAAO,iCAAe,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordion } from './useAccordion';\nimport { AccordionProps } from './Accordion.types';\nimport { renderAccordion } from './renderAccordion';\n\n/**\n * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.\n * {@docCategory Accordion}\n */\nexport const Accordion = React.forwardRef<HTMLElement, AccordionProps>((props, ref) => {\n  const state = useAccordion(props, ref);\n\n  return renderAccordion(state);\n});\n\nAccordion.displayName = 'Accordion';\n"]}