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

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderAccordionPanel_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Function that renders the final JSX of the component
+ */
+
+
+const renderAccordionPanel_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return state.open ? React.createElement(slots.root, { ...slotProps.root
+  }, slotProps.root.children) : null;
+};
+
+exports.renderAccordionPanel_unstable = renderAccordionPanel_unstable;
+//# sourceMappingURL=renderAccordionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,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;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","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-commonjs/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-commonjs/components/AccordionPanel/useAccordionPanel.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAccordionPanel_unstable = void 0;
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const index_1 = /*#__PURE__*/require("../AccordionItem/index");
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionPanel properties
+ * @param ref - reference to root HTMLElement of AccordionPanel
+ */
+
+
+const useAccordionPanel_unstable = (props, ref) => {
+  const {
+    open
+  } = index_1.useAccordionItemContext_unstable();
+  return {
+    open,
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      ...props
+    })
+  };
+};
+
+exports.useAccordionPanel_unstable = useAccordionPanel_unstable;
+//# sourceMappingURL=useAccordionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AALD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","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-commonjs/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-commonjs/components/AccordionPanel/useAccordionPanelStyles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+exports.accordionPanelClassName = 'fui-AccordionPanel';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
+    "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
+  }
+}, {
+  "d": [".f1x4n1mu{margin-right:12px;}", ".f1hf5xhj{margin-left:12px;}"]
+});
+/** Applies style classnames to slots */
+
+
+const useAccordionPanelStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
+  return state;
+};
+
+exports.useAccordionPanelStyles_unstable = useAccordionPanelStyles_unstable;
+//# sourceMappingURL=useAccordionPanelStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","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-commonjs/index.d.ts

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

package/lib-commonjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const 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

@@ -0,0 +1 @@
+{"version":3,"sources":["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","sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionPanel';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@fluentui/react-accordion",
+  "version": "0.0.0-nightly-20220302-0405.1",
+  "description": "Fluent UI accordion component",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "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": "yarn storybook",
+    "test": "jest --passWithNoTests",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-accordion/src && yarn docs",
+    "storybook": "node ../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/scripts": "^1.0.0",
+    "@types/enzyme": "3.10.3",
+    "@types/enzyme-adapter-react-16": "1.0.3",
+    "@types/react": "16.9.42",
+    "@types/react-dom": "16.9.10",
+    "@types/react-test-renderer": "^16.0.0",
+    "enzyme": "~3.10.0",
+    "enzyme-adapter-react-16": "^1.15.0",
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
+    "react-test-renderer": "^16.3.0"
+  },
+  "dependencies": {
+    "@fluentui/react-aria": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-icons": "^2.0.159-beta.10",
+    "@griffel/react": "1.0.0",
+    "@fluentui/react-tabster": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220302-0405.1",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}