@fluentui/react-accordion 0.0.0-nightly-20220302-0405.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles';\n"]}

package/lib/components/AccordionItem/renderAccordionItem.d.ts

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

package/lib/components/AccordionItem/renderAccordionItem.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+import { AccordionItemContext } from './AccordionItemContext';
+/**
+ * Function that renders the final JSX of the component
+ */
+
+export const renderAccordionItem_unstable = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
+    value: contextValues.accordionItem
+  }, slotProps.root.children));
+};
+//# sourceMappingURL=renderAccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,4BAA4B,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AACnH,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n  const { slots, slotProps } = getSlots<AccordionItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <AccordionItemContext.Provider value={contextValues.accordionItem}>\n        {slotProps.root.children}\n      </AccordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionItem/useAccordionItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionItem properties
+ * @param ref - reference to root HTMLElement of AccordionItem
+ */
+export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;

package/lib/components/AccordionItem/useAccordionItem.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+import { useFocusableGroup } from '@fluentui/react-tabster';
+import { useContextSelector } from '@fluentui/react-context-selector';
+import { AccordionContext } from '../Accordion/AccordionContext';
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionItem properties
+ * @param ref - reference to root HTMLElement of AccordionItem
+ */
+
+export const useAccordionItem_unstable = (props, ref) => {
+  const {
+    value,
+    disabled = false
+  } = props;
+  const navigation = useContextSelector(AccordionContext, ctx => ctx.navigation);
+  const focusableProps = useFocusableGroup();
+  const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);
+  const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));
+  const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
+    value
+  }), [requestToggle, value]);
+  return {
+    open,
+    value,
+    disabled,
+    onHeaderClick: onAccordionHeaderClick,
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      ref: ref,
+      ...props,
+      ...(navigation && focusableProps)
+    })
+  };
+};
+//# sourceMappingURL=useAccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,iBAAT,QAAkC,yBAAlC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;;;AAIG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;AACtB,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,UAAU,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,UAA9B,CAArC;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,aAA9B,CAAxC;AACA,QAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA1B,CAA/B;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KALP;AAQL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,SAAG,KAF8B;AAGjC,UAAI,UAAU,IAAI,cAAlB;AAHiC,KAAR;AARtB,GAAP;AAcD,CA7BM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { useContextSelector } from '@fluentui/react-context-selector';\nimport { AccordionContext } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n  props: AccordionItemProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n  const { value, disabled = false } = props;\n  const navigation = useContextSelector(AccordionContext, ctx => ctx.navigation);\n  const focusableProps = useFocusableGroup();\n\n  const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);\n  const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));\n  const onAccordionHeaderClick = React.useCallback((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n    requestToggle,\n    value,\n  ]);\n\n  return {\n    open,\n    value,\n    disabled,\n    onHeaderClick: onAccordionHeaderClick,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref: ref,\n      ...props,\n      ...(navigation && focusableProps),\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
+export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;

package/lib/components/AccordionItem/useAccordionItemContextValues.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export function useAccordionItemContextValues_unstable(state) {
+  const {
+    disabled,
+    onHeaderClick,
+    open
+  } = state;
+  const accordionItem = React.useMemo(() => ({
+    disabled,
+    onHeaderClick,
+    open
+  }), [disabled, onHeaderClick, open]);
+  return {
+    accordionItem
+  };
+}
+//# sourceMappingURL=useAccordionItemContextValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,sCAAV,CAAiD,KAAjD,EAA0E;AAC9E,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue, AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n  const { disabled, onHeaderClick, open } = state;\n  const accordionItem = React.useMemo<AccordionItemContextValue>(() => ({ disabled, onHeaderClick, open }), [\n    disabled,\n    onHeaderClick,\n    open,\n  ]);\n\n  return { accordionItem };\n}\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionItem/useAccordionItemStyles.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemState } from './AccordionItem.types';
+export declare const accordionItemClassName = "fui-AccordionItem";
+export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;

package/lib/components/AccordionItem/useAccordionItemStyles.js

@@ -0,0 +1,7 @@
+import { mergeClasses } from '@griffel/react';
+export const accordionItemClassName = 'fui-AccordionItem';
+export const useAccordionItemStyles_unstable = state => {
+  state.root.className = mergeClasses(accordionItemClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useAccordionItemStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,gBAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassName = 'fui-AccordionItem';\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n  state.root.className = mergeClasses(accordionItemClassName, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionPanel/AccordionPanel.d.ts

@@ -0,0 +1,6 @@
+import type { AccordionPanelProps } from './AccordionPanel.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
+ */
+export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;

package/lib/components/AccordionPanel/AccordionPanel.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useAccordionPanel_unstable } from './useAccordionPanel';
+import { renderAccordionPanel_unstable } from './renderAccordionPanel';
+import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
+/**
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
+ */
+
+export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAccordionPanel_unstable(props, ref);
+  useAccordionPanelStyles_unstable(state);
+  return renderAccordionPanel_unstable(state);
+});
+AccordionPanel.displayName = 'AccordionPanel';
+//# sourceMappingURL=AccordionPanel.js.map

package/lib/components/AccordionPanel/AccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,gCAAT,QAAiD,2BAAjD;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,EAAQ,GAAR,CAAxC;AAEA,EAAA,gCAAgC,CAAC,KAAD,CAAhC;AACA,SAAO,6BAA6B,CAAC,KAAD,CAApC;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionPanel_unstable(props, ref);\n\n  useAccordionPanelStyles_unstable(state);\n  return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+export declare type AccordionPanelSlots = {
+    root: Slot<'div'>;
+};
+export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
+export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
+    /**
+     * Internal open state, provided by context
+     */
+    open: boolean;
+};

package/lib/components/AccordionPanel/AccordionPanel.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AccordionPanel.types.js.map

package/lib/components/AccordionPanel/AccordionPanel.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.types.js","sourceRoot":"../src/","sources":["components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n  /**\n   * Internal open state, provided by context\n   */\n  open: boolean;\n};\n"]}

package/lib/components/AccordionPanel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './AccordionPanel';
+export * from './AccordionPanel.types';
+export * from './renderAccordionPanel';
+export * from './useAccordionPanel';
+export * from './useAccordionPanelStyles';

package/lib/components/AccordionPanel/index.js

@@ -0,0 +1,6 @@
+export * from './AccordionPanel';
+export * from './AccordionPanel.types';
+export * from './renderAccordionPanel';
+export * from './useAccordionPanel';
+export * from './useAccordionPanelStyles';
+//# sourceMappingURL=index.js.map

package/lib/components/AccordionPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}

package/lib/components/AccordionPanel/renderAccordionPanel.d.ts

@@ -0,0 +1,5 @@
+import type { AccordionPanelState } from './AccordionPanel.types';
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSX.Element | null;

package/lib/components/AccordionPanel/renderAccordionPanel.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
+/**
+ * Function that renders the final JSX of the component
+ */
+
+export const renderAccordionPanel_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return state.open ? /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, slotProps.root.children) : null;
+};
+//# sourceMappingURL=renderAccordionPanel.js.map

package/lib/components/AccordionPanel/renderAccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AACA,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n  const { slots, slotProps } = getSlots<AccordionPanelSlots>(state);\n  return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionPanel/useAccordionPanel.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionPanel properties
+ * @param ref - reference to root HTMLElement of AccordionPanel
+ */
+export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;

package/lib/components/AccordionPanel/useAccordionPanel.js

@@ -0,0 +1,24 @@
+import { getNativeElementProps } from '@fluentui/react-utilities';
+import { useAccordionItemContext_unstable } from '../AccordionItem/index';
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionPanel properties
+ * @param ref - reference to root HTMLElement of AccordionPanel
+ */
+
+export const useAccordionPanel_unstable = (props, ref) => {
+  const {
+    open
+  } = useAccordionItemContext_unstable();
+  return {
+    open,
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      ref,
+      ...props
+    })
+  };
+};
+//# sourceMappingURL=useAccordionPanel.js.map

package/lib/components/AccordionPanel/useAccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,gCAAgC,EAAjD;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AALtB,GAAP;AAUD,CAfM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n  props: AccordionPanelProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n  const { open } = useAccordionItemContext_unstable();\n  return {\n    open,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts

@@ -0,0 +1,4 @@
+import type { AccordionPanelState } from './AccordionPanel.types';
+export declare const accordionPanelClassName = "fui-AccordionPanel";
+/** Applies style classnames to slots */
+export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;

package/lib/components/AccordionPanel/useAccordionPanelStyles.js

@@ -0,0 +1,23 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const accordionPanelClassName = 'fui-AccordionPanel';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
+    "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
+  }
+}, {
+  "d": [".f1x4n1mu{margin-right:12px;}", ".f1hf5xhj{margin-left:12px;}"]
+});
+/** Applies style classnames to slots */
+
+
+export const useAccordionPanelStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useAccordionPanelStyles.js.map

package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassName = 'fui-AccordionPanel';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    marginRight: '12px',\n    marginLeft: '12px',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Accordion';
+export * from './AccordionItem';
+export * from './AccordionHeader';
+export * from './AccordionPanel';

package/lib/index.js

@@ -0,0 +1,5 @@
+export * from './Accordion';
+export * from './AccordionItem';
+export * from './AccordionHeader';
+export * from './AccordionPanel';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionPanel';\n"]}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib-commonjs/Accordion.d.ts

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

package/lib-commonjs/Accordion.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Accordion/index"), exports);
+//# sourceMappingURL=Accordion.js.map

package/lib-commonjs/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Accordion.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Accordion/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/AccordionHeader.d.ts

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

package/lib-commonjs/AccordionHeader.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
+//# sourceMappingURL=AccordionHeader.js.map

package/lib-commonjs/AccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/AccordionHeader/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/AccordionItem.d.ts

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

package/lib-commonjs/AccordionItem.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
+//# sourceMappingURL=AccordionItem.js.map

package/lib-commonjs/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionItem.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/AccordionItem/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/AccordionPanel.d.ts

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

package/lib-commonjs/AccordionPanel.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
+//# sourceMappingURL=AccordionPanel.js.map

package/lib-commonjs/AccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AccordionPanel.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/AccordionPanel/index';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,6 @@
+import type { AccordionProps } from './Accordion.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
+ */
+export declare const Accordion: ForwardRefComponent<AccordionProps>;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
+
+const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
+
+const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
+
+const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
+/**
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
+ */
+
+
+exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAccordion_1.useAccordion_unstable(props, ref);
+  const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
+  useAccordionStyles_1.useAccordionStyles_unstable(state);
+  return renderAccordion_1.renderAccordion_unstable(state, contextValues);
+});
+exports.Accordion.displayName = 'Accordion';
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,cAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,GAA7B,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,kCAAA,CAAmC,KAAnC,CAAtB;AAEA,EAAA,oBAAA,CAAA,2BAAA,CAA4B,KAA5B;AAEA,SAAO,iBAAA,CAAA,wBAAA,CAAyB,KAAzB,EAAgC,aAAhC,CAAP;AACD,CAR2D,CAAjD;AAWb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAccordionStyles_unstable } from './useAccordionStyles';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n  (props, ref) => {\n    const state = useAccordion_unstable(props, ref);\n    const contextValues = useAccordionContextValues_unstable(state);\n\n    useAccordionStyles_unstable(state);\n\n    return renderAccordion_unstable(state, contextValues);\n  },\n);\n\nAccordion.displayName = 'Accordion';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
+export declare type AccordionIndex = number | number[];
+export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
+export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
+declare type AccordionCommons = {
+    /**
+     * Indicates if keyboard navigation is available and gives two options,
+     * linear or circular navigation
+     */
+    navigation?: 'linear' | 'circular';
+    /**
+     * 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;
+};
+export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
+    /**
+     * The list of opened panels by index
+     */
+    openItems: AccordionItemValue[];
+    /**
+     * Callback used by AccordionItem to request a change on it's own opened state
+     * Should be used to toggle AccordionItem
+     */
+    requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
+};
+export declare type AccordionContextValues = {
+    accordion: AccordionContextValue;
+};
+export declare type AccordionSlots = {
+    root: Slot<'div'>;
+};
+export declare type AccordionToggleData = {
+    value: AccordionItemValue;
+};
+export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
+    /**
+     * Controls the state of the panel
+     */
+    openItems?: AccordionItemValue | AccordionItemValue[];
+    /**
+     * Default value for the uncontrolled state of the panel
+     */
+    defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
+    onToggle?: AccordionToggleEventHandler;
+};
+export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,WAAW,EAAE,KAFsF;;AAGnG,EAAA,aAAa,GAAA;AACX;AACD;;AALkG,CAArC,CAAnD","sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue>({\n  openItems: [],\n  collapsible: false,\n  requestToggle() {\n    /* noop */\n  },\n});\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,7 @@
+export * from './Accordion';
+export * from './Accordion.types';
+export * from './renderAccordion';
+export * from './useAccordion';
+export * from './useAccordionStyles';
+export * from './useAccordionContextValues';
+export * from './AccordionContext';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"],"sourceRoot":"../src/"}

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

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