@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from \"@fluentui/react-utilities\";\nimport { useAccordionItemContext_unstable } from \"../AccordionItem/index\";\nimport { useARIAButtonShorthand } from \"@fluentui/react-aria\";\nimport { useAccordionContext_unstable } from \"../Accordion/AccordionContext\";\nimport { ChevronRightRegular } from \"@fluentui/react-icons\";\nimport { useFluent_unstable as useFluent } from \"@fluentui/react-shared-contexts\";\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (props, ref) => {\n  const {\n    as,\n    icon,\n    button,\n    expandIcon,\n    inline = false,\n    size = \"medium\",\n    expandIconPosition = \"start\"\n  } = props;\n  const {\n    onHeaderClick: onAccordionHeaderClick,\n    disabled,\n    open\n  } = useAccordionItemContext_unstable();\n  /**\n  * force disabled state on button if accordion isn't collapsible\n  * and this is the only item opened\n  */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n  const {\n    dir\n  } = useFluent();\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation;\n  if (expandIconPosition === \"end\") {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== \"rtl\" ? 0 : 180;\n  }\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      \"aria-expanded\": open,\n      type: \"button\"\n    }\n  });\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: \"div\",\n      button: \"button\",\n      expandIcon: \"span\",\n      icon: \"div\"\n    },\n    root: getNativeElementProps(as || \"div\", {\n      ref,\n      ...props\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(ChevronRightRegular, {\n          style: {\n            transform: `rotate(${expandIconRotation}deg)`\n          }\n        }),\n        \"aria-hidden\": true\n      }\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(ev => {\n        buttonShorthand.onClick?.(ev);\n        if (!ev.defaultPrevented) {\n          onAccordionHeaderClick(ev);\n        }\n      })\n    }\n  };\n};\n//# sourceMappingURL=useAccordionHeader.js.map"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","React","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","defaultPrevented"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACmD;uBACzB;2BACV;kCACM;4BACT;qCACY;AAMzC,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAM,EACJC,GAAE,EACFC,KAAI,EACJC,OAAM,EACNC,WAAU,EACVC,QAAS,KAAK,CAAA,EACdC,MAAO,SAAQ,EACfC,oBAAqB,QAAO,EAC7B,GAAGR;IACJ,MAAM,EACJS,eAAeC,uBAAsB,EACrCC,SAAQ,EACRC,KAAI,EACL,GAAGC,IAAAA,uCAAgC;IACpC;;;EAGA,GACA,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAACC,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAChH,MAAM,EACJQ,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IACD,MAAMG,kBAAkBC,IAAAA,iCAAsB,EAACpB,QAAQ;QACrDqB,UAAU,IAAI;QACdC,cAAc;YACZf;YACAG;YACA,iBAAiBF;YACjBe,MAAM;QACR;IACF;IACA,OAAO;QACLhB;QACAC;QACAL;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMC,IAAAA,qCAAqB,EAAC5B,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAM4B,IAAAA,gCAAgB,EAAC5B;QACvBE,YAAY0B,IAAAA,gCAAgB,EAAC1B,YAAY;YACvCoB,UAAU,IAAI;YACdC,cAAc;gBACZM,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC9DC,OAAO;wBACLC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAC/C;gBACF;gBACA,eAAe,IAAI;YACrB;QACF;QACAlB,QAAQ;YACN,GAAGmB,eAAe;YAClBe,SAASC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;gBAC9BjB,gBAAgBe,OAAO,GAAGE;gBAC1B,IAAI,CAACA,GAAGC,gBAAgB,EAAE;oBACxB/B,uBAAuB8B;gBACzB,CAAC;YACH;QACF;IACF;AACF,GACA,8CAA8C"}
+{"version":3,"names":["React","require","react_utilities_1","index_1","react_aria_1","AccordionContext_1","react_icons_1","react_shared_contexts_1","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent_unstable","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_a","call","defaultPrevented","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n  const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n  const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\n  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\n  if (expandIconPosition === 'end') {\n    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n    expandIconRotation = open ? -90 : 90;\n  } else {\n    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  }\n\n  const buttonShorthand = useARIAButtonShorthand(button, {\n    required: true,\n    defaultProps: {\n      disabled,\n      disabledFocusable,\n      'aria-expanded': open,\n      type: 'button',\n    },\n  });\n\n  return {\n    disabled,\n    open,\n    size,\n    inline,\n    expandIconPosition,\n    components: {\n      root: 'div',\n      button: 'button',\n      expandIcon: 'span',\n      icon: 'div',\n    },\n    root: getNativeElementProps(as || 'div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(icon),\n    expandIcon: resolveShorthand(expandIcon, {\n      required: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: {\n      ...buttonShorthand,\n      onClick: useEventCallback(\n        (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n          buttonShorthand.onClick?.(ev);\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        },\n      ),\n    },\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,OAAA,gBAAAF,OAAA;AACA,MAAAG,YAAA,gBAAAH,OAAA;AAEA,MAAAI,kBAAA,gBAAAJ,OAAA;AACA,MAAAK,aAAA,gBAAAL,OAAA;AACA,MAAAM,uBAAA,gBAAAN,OAAA;AAEA;;;;;AAKO,MAAMO,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAEC,IAAI,GAAG,QAAQ;IAAEC,kBAAkB,GAAG;EAAO,CAAE,GAAGR,KAAK;EAC7G,MAAM;IAAES,aAAa,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAI,CAAE,GAAGlB,OAAA,CAAAmB,gCAAgC,EAAE;EAEpG;;;;EAIA,MAAMC,iBAAiB,GAAGlB,kBAAA,CAAAmB,4BAA4B,CAACC,GAAG,IAAI,CAACA,GAAG,CAACC,WAAW,IAAID,GAAG,CAACE,SAAS,CAACC,MAAM,KAAK,CAAC,IAAIP,IAAI,CAAC;EAErH,MAAM;IAAEQ;EAAG,CAAE,GAAGtB,uBAAA,CAAAuB,kBAAS,EAAE;EAE3B;EACA,IAAIC,kBAAsC;EAC1C,IAAId,kBAAkB,KAAK,KAAK,EAAE;IAChC;IACAc,kBAAkB,GAAGV,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE;GACrC,MAAM;IACL;IACAU,kBAAkB,GAAGV,IAAI,GAAG,EAAE,GAAGQ,GAAG,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG;;EAG1D,MAAMG,eAAe,GAAG5B,YAAA,CAAA6B,sBAAsB,CAACpB,MAAM,EAAE;IACrDqB,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE;MACZf,QAAQ;MACRG,iBAAiB;MACjB,eAAe,EAAEF,IAAI;MACrBe,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLhB,QAAQ;IACRC,IAAI;IACJL,IAAI;IACJD,MAAM;IACNE,kBAAkB;IAClBoB,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXzB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE,MAAM;MAClBF,IAAI,EAAE;KACP;IACD0B,IAAI,EAAEpC,iBAAA,CAAAqC,qBAAqB,CAAC5B,EAAE,IAAI,KAAK,EAAE;MACvCD,GAAG;MACH,GAAGD;KACJ,CAAC;IACFG,IAAI,EAAEV,iBAAA,CAAAsC,gBAAgB,CAAC5B,IAAI,CAAC;IAC5BE,UAAU,EAAEZ,iBAAA,CAAAsC,gBAAgB,CAAC1B,UAAU,EAAE;MACvCoB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZM,QAAQ,EAAEzC,KAAA,CAAA0C,aAAA,CAACpC,aAAA,CAAAqC,mBAAmB;UAACC,KAAK,EAAE;YAAEC,SAAS,EAAE,UAAUd,kBAAkB;UAAM;QAAE,EAAI;QAC3F,aAAa,EAAE;;KAElB,CAAC;IACFlB,MAAM,EAAE;MACN,GAAGmB,eAAe;MAClBc,OAAO,EAAE5C,iBAAA,CAAA6C,gBAAgB,CACtBC,EAA8F,IAAI;;QACjG,CAAAC,EAAA,GAAAjB,eAAe,CAACc,OAAO,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAvBlB,eAAe,EAAWgB,EAAE,CAAC;QAC7B,IAAI,CAACA,EAAE,CAACG,gBAAgB,EAAE;UACxBhC,sBAAsB,CAAC6B,EAAE,CAAC;;MAE9B,CAAC;;GAGN;AACH,CAAC;AAvEYI,OAAA,CAAA5C,2BAA2B,GAAAA,2BAAA"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js

@@ -1,29 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
-    enumerable: true,
-    get: ()=>useAccordionHeaderContextValues_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+exports.useAccordionHeaderContextValues_unstable = void 0;
+const React = /*#__PURE__*/require("react");
 function useAccordionHeaderContextValues_unstable(state) {
-    const { disabled , expandIconPosition , open , size  } = state;
-    const accordionHeader = _react.useMemo(()=>({
-            disabled,
-            expandIconPosition,
-            open,
-            size
-        }), [
-        disabled,
-        expandIconPosition,
-        open,
-        size
-    ]);
-    return {
-        accordionHeader
-    };
-} //# sourceMappingURL=useAccordionHeaderContextValues.js.map
-
+  const {
+    disabled,
+    expandIconPosition,
+    open,
+    size
+  } = state;
+  const accordionHeader = React.useMemo(() => ({
+    disabled,
+    expandIconPosition,
+    open,
+    size
+  }), [disabled, expandIconPosition, open, size]);
+  return {
+    accordionHeader
+  };
+}
+exports.useAccordionHeaderContextValues_unstable = useAccordionHeaderContextValues_unstable;
 //# sourceMappingURL=useAccordionHeaderContextValues.js.map

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeaderContextValues.js"],"sourcesContent":["import * as React from \"react\";\nexport function useAccordionHeaderContextValues_unstable(state) {\n  const {\n    disabled,\n    expandIconPosition,\n    open,\n    size\n  } = state;\n  const accordionHeader = React.useMemo(() => ({\n    disabled,\n    expandIconPosition,\n    open,\n    size\n  }), [disabled, expandIconPosition, open, size]);\n  return {\n    accordionHeader\n  };\n}\n//# sourceMappingURL=useAccordionHeaderContextValues.js.map"],"names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,yCAAyCC,KAAK,EAAE;IAC9D,MAAM,EACJC,SAAQ,EACRC,mBAAkB,EAClBC,KAAI,EACJC,KAAI,EACL,GAAGJ;IACJ,MAAMK,kBAAkBC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAC3CN;YACAC;YACAC;YACAC;QACF,CAAA,GAAI;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAC9C,OAAO;QACLC;IACF;AACF,EACA,2DAA2D"}
+{"version":3,"names":["React","require","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAOA,SAAgBC,wCAAwCA,CAACC,KAA2B;EAClF,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAI,CAAE,GAAGJ,KAAK;EAE1D,MAAMK,eAAe,GAAGR,KAAK,CAACS,OAAO,CACnC,OAAO;IACLL,QAAQ;IACRC,kBAAkB;IAClBC,IAAI;IACJC;GACD,CAAC,EACF,CAACH,QAAQ,EAAEC,kBAAkB,EAAEC,IAAI,EAAEC,IAAI,CAAC,CAC3C;EAED,OAAO;IAAEC;EAAe,CAAE;AAC5B;AAdAE,OAAA,CAAAR,wCAAA,GAAAA,wCAAA"}