@fluentui/react-accordion 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.1

package/lib/components/AccordionItem/useAccordionItemStyles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n  root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n  state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n  return state;\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAA8B;EAC5EA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,uBAAA,CAAwBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAEtF,OAAOD,KAAA;AACT"}

package/lib/components/AccordionPanel/AccordionPanel.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useAccordionPanel_unstable } from './useAccordionPanel';
+import { renderAccordionPanel_unstable } from './renderAccordionPanel';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+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);
+  useCustomStyleHook_unstable('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,"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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\n  useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n  return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,gCAAgC,QAAQ;AAIjD;;;AAGA,OAAO,MAAMC,cAAA,gBAA2DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvG,MAAMC,KAAA,GAAQR,0BAAA,CAA2BM,KAAA,EAAOC,GAAA;EAEhDJ,gCAAA,CAAiCK,KAAA;EAEjCN,2BAAA,CAA4B,oCAAoCM,KAAA;EAEhE,OAAOP,6BAAA,CAA8BO,KAAA;AACvC;AAEAJ,cAAA,CAAeK,WAAW,GAAG"}

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,"names":[],"sources":["../../../src/components/AccordionPanel/AccordionPanel.types.ts"],"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"],"mappings":"AAAA"}

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,"names":[],"sources":["../../../src/components/AccordionPanel/index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/AccordionPanel/renderAccordionPanel.js

@@ -0,0 +1,13 @@
+/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+/**
+ * Function that renders the final JSX of the component
+ */
+export const renderAccordionPanel_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlotsNext(state);
+  return state.open ? /*#__PURE__*/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,"names":["createElement","getSlotsNext","renderAccordionPanel_unstable","state","slots","slotProps","open","root","children"],"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } 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 } = getSlotsNext<AccordionPanelSlots>(state);\n  return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA+B;EAC3E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAkCE,KAAA;EAC/D,OAAOA,KAAA,CAAMG,IAAI,gBAAGN,aAZtB,CAYuBI,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,EAAGF,SAAA,CAAUE,IAAI,CAACC,QAAQ,IAAiB,IAAI;AACnG"}

package/lib/components/AccordionPanel/useAccordionPanel.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { getNativeElementProps } from '@fluentui/react-utilities';
+import { useTabsterAttributes } from '@fluentui/react-tabster';
+import { useAccordionItemContext_unstable } from '../AccordionItem/index';
+import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
+/**
+ * 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();
+  const focusableProps = useTabsterAttributes({
+    focusable: {
+      excludeFromMover: true
+    }
+  });
+  const navigation = useAccordionContext_unstable(ctx => ctx.navigation);
+  return {
+    open,
+    components: {
+      root: 'div'
+    },
+    root: getNativeElementProps('div', {
+      ref,
+      ...props,
+      ...(navigation && focusableProps)
+    })
+  };
+};
+//# sourceMappingURL=useAccordionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\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  const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n  const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n  return {\n    open,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n      ...(navigation && focusableProps),\n    }),\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,gCAAgC,QAAQ;AACjD,SAASC,4BAA4B,QAAQ;AAG7C;;;;;AAKA,OAAO,MAAMC,0BAAA,GAA6BA,CACxCC,KAAA,EACAC,GAAA,KACwB;EACxB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAA;EACjB,MAAMM,cAAA,GAAiBP,oBAAA,CAAqB;IAAEQ,SAAA,EAAW;MAAEC,gBAAA,EAAkB;IAAK;EAAE;EACpF,MAAMC,UAAA,GAAaR,4BAAA,CAA6BS,GAAA,IAAOA,GAAA,CAAID,UAAU;EAErE,OAAO;IACLJ,IAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMd,qBAAA,CAAsB,OAAO;MACjCM,GAAA;MACA,GAAGD,KAAK;MACR,IAAIM,UAAA,IAAcH,cAAc;IAClC;EACF;AACF"}

package/lib/components/AccordionPanel/useAccordionPanelStyles.js

@@ -0,0 +1,25 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const accordionPanelClassNames = {
+  root: 'fui-AccordionPanel'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    B6of3ja: "f1hu3pq6",
+    t21cq0: ["fkujibs", "f199hnxi"],
+    jrapky: "f19f4twv",
+    Frg6f3: ["f199hnxi", "fkujibs"]
+  }
+}, {
+  d: [".f1hu3pq6{margin-top:0;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f19f4twv{margin-bottom:0;}"]
+});
+/** Applies style classnames to slots */
+export const useAccordionPanelStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useAccordionPanelStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n  root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.margin(0, tokens.spacingHorizontalM),\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,MAAA,GAASR,SAAA;EACfO,KAAA,CAAMR,IAAI,CAACU,SAAS,GAAGd,YAAA,CAAaG,wBAAA,CAAyBC,IAAI,EAAES,MAAA,CAAOT,IAAI,EAAEQ,KAAA,CAAMR,IAAI,CAACU,SAAS;EAEpG,OAAOF,KAAA;AACT"}

package/lib/index.js

@@ -0,0 +1,5 @@
+export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from './Accordion';
+export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './AccordionItem';
+export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from './AccordionHeader';
+export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from './AccordionPanel';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  Accordion,\n  AccordionProvider,\n  accordionClassNames,\n  renderAccordion_unstable,\n  useAccordionContext_unstable,\n  useAccordionContextValues_unstable,\n  useAccordionStyles_unstable,\n  useAccordion_unstable,\n} from './Accordion';\nexport type {\n  AccordionContextValue,\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n  AccordionItem,\n  AccordionItemProvider,\n  accordionItemClassNames,\n  renderAccordionItem_unstable,\n  useAccordionItemContextValues_unstable,\n  useAccordionItemContext_unstable,\n  useAccordionItemStyles_unstable,\n  useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n  AccordionItemContextValue,\n  AccordionItemContextValues,\n  AccordionItemProps,\n  AccordionItemSlots,\n  AccordionItemState,\n  AccordionItemValue,\n} from './AccordionItem';\nexport {\n  AccordionHeader,\n  accordionHeaderClassNames,\n  renderAccordionHeader_unstable,\n  useAccordionHeaderContextValues_unstable,\n  useAccordionHeaderStyles_unstable,\n  useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n  AccordionPanel,\n  accordionPanelClassNames,\n  renderAccordionPanel_unstable,\n  useAccordionPanelStyles_unstable,\n  useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB;AAYP,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB;AASP,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB;AAUP,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "0.0.0-nightly-20230501-0418.1",
+  "version": "0.0.0-nightly-20230503-0419.1",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,19 +27,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230501-0418.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230503-0419.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightly-20230501-0418.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20230501-0418.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20230503-0419.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20230503-0419.1",
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230501-0418.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230501-0418.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20230501-0418.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230501-0418.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230501-0418.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230503-0419.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230503-0419.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230503-0419.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230503-0419.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230503-0419.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },