@fluentui/react-accordion 0.0.0-nightlyecca467a8920220110.1 → 0.0.0-nightlyf6116328d620220124.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.json +52 -22
  2. package/CHANGELOG.md +17 -14
  3. package/dist/react-accordion.d.ts +1 -24
  4. package/lib/components/Accordion/useAccordion.d.ts +1 -2
  5. package/lib/components/Accordion/useAccordion.js +3 -1
  6. package/lib/components/Accordion/useAccordion.js.map +1 -1
  7. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +2 -5
  8. package/lib/components/AccordionHeader/index.d.ts +0 -1
  9. package/lib/components/AccordionHeader/index.js +0 -1
  10. package/lib/components/AccordionHeader/index.js.map +1 -1
  11. package/lib/components/AccordionHeader/renderAccordionHeader.js +2 -4
  12. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  13. package/lib/components/AccordionHeader/useAccordionHeader.d.ts +1 -5
  14. package/lib/components/AccordionHeader/useAccordionHeader.js +23 -14
  15. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  16. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +16 -27
  17. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  18. package/lib/components/AccordionItem/renderAccordionItem.js +1 -2
  19. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  20. package/lib/components/AccordionItem/useAccordionItem.d.ts +1 -5
  21. package/lib/components/AccordionItem/useAccordionItem.js +3 -5
  22. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  23. package/lib/components/AccordionPanel/renderAccordionPanel.js +1 -2
  24. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  25. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +1 -5
  26. package/lib/components/AccordionPanel/useAccordionPanel.js +3 -5
  27. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  28. package/lib-commonjs/components/Accordion/useAccordion.d.ts +1 -2
  29. package/lib-commonjs/components/Accordion/useAccordion.js +5 -3
  30. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  31. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +2 -5
  32. package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -1
  33. package/lib-commonjs/components/AccordionHeader/index.js +0 -2
  34. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  35. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +2 -5
  36. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  37. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +1 -5
  38. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +26 -15
  39. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  40. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +16 -27
  41. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  42. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +1 -3
  43. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  44. package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +1 -5
  45. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +5 -7
  46. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  47. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +1 -3
  48. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  49. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +1 -5
  50. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +5 -7
  51. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  52. package/package.json +13 -12
  53. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  54. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -41
  55. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
  56. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  57. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -50
  58. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
@@ -3,29 +3,27 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionPanel = exports.accordionPanelShorthandProps = void 0;
6
+ exports.useAccordionPanel = void 0;
7
7
 
8
8
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
9
 
10
10
  const index_1 = /*#__PURE__*/require("../AccordionItem/index");
11
- /**
12
- * Const listing which props are shorthand props.
13
- */
14
-
15
-
16
- exports.accordionPanelShorthandProps = ['root'];
17
11
  /**
18
12
  * Returns the props and state required to render the component
19
13
  * @param props - AccordionPanel properties
20
14
  * @param ref - reference to root HTMLElement of AccordionPanel
21
15
  */
22
16
 
17
+
23
18
  const useAccordionPanel = (props, ref) => {
24
19
  const {
25
20
  open
26
21
  } = index_1.useAccordionItemContext();
27
22
  return {
28
23
  open,
24
+ components: {
25
+ root: 'div'
26
+ },
29
27
  root: react_utilities_1.getNativeElementProps('div', {
30
28
  ref,
31
29
  role: 'region',
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAAiE,CAAC,MAAD,CAAjE;AAEb;;;;AAIG;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,uBAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AAFD,GAAP;AAQD,CAVM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/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,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,uBAAA,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,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAbM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "0.0.0-nightlyecca467a8920220110.1",
3
+ "version": "0.0.0-nightlyf6116328d620220124.1",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,18 +19,18 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
- "test": "jest",
22
+ "test": "jest --passWithNoTests",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
24
  "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-accordion/src && yarn docs",
25
- "storybook": "start-storybook",
25
+ "storybook": "node ../../scripts/storybook/runner",
26
26
  "type-check": "tsc -b tsconfig.json"
27
27
  },
28
28
  "devDependencies": {
29
- "@fluentui/babel-make-styles": "0.0.0-nightlyecca467a8920220110.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlyf6116328d620220124.1",
30
30
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyecca467a8920220110.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf6116328d620220124.1",
32
32
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlyecca467a8920220110.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf6116328d620220124.1",
34
34
  "@fluentui/scripts": "^1.0.0",
35
35
  "@types/enzyme": "3.10.3",
36
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,12 +44,13 @@
44
44
  "react-test-renderer": "^16.3.0"
45
45
  },
46
46
  "dependencies": {
47
- "@fluentui/react-aria": "0.0.0-nightlyecca467a8920220110.1",
48
- "@fluentui/react-context-selector": "0.0.0-nightlyecca467a8920220110.1",
49
- "@fluentui/react-make-styles": "0.0.0-nightlyecca467a8920220110.1",
50
- "@fluentui/react-tabster": "0.0.0-nightlyecca467a8920220110.1",
51
- "@fluentui/react-theme": "0.0.0-nightlyecca467a8920220110.1",
52
- "@fluentui/react-utilities": "0.0.0-nightlyecca467a8920220110.1",
47
+ "@fluentui/react-aria": "0.0.0-nightlyf6116328d620220124.1",
48
+ "@fluentui/react-context-selector": "0.0.0-nightlyf6116328d620220124.1",
49
+ "@fluentui/react-icons": "^2.0.154-beta.5",
50
+ "@fluentui/react-make-styles": "0.0.0-nightlyf6116328d620220124.1",
51
+ "@fluentui/react-tabster": "0.0.0-nightlyf6116328d620220124.1",
52
+ "@fluentui/react-theme": "0.0.0-nightlyf6116328d620220124.1",
53
+ "@fluentui/react-utilities": "0.0.0-nightlyf6116328d620220124.1",
53
54
  "tslib": "^2.1.0"
54
55
  },
55
56
  "peerDependencies": {
@@ -1,3 +0,0 @@
1
- import type { ForwardRefComponent, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
3
- export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
@@ -1,41 +0,0 @@
1
- import * as React from 'react';
2
- import { useAccordionHeaderContext } from './AccordionHeaderContext';
3
- export const AccordionHeaderExpandIcon = /*#__PURE__*/React.forwardRef(({
4
- children,
5
- ...rest
6
- }, ref) => {
7
- const {
8
- open,
9
- expandIconPosition
10
- } = useAccordionHeaderContext();
11
- return /*#__PURE__*/React.createElement("span", { ...rest,
12
- ref: ref
13
- }, children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement("svg", {
14
- fill: "currentColor",
15
- height: "1em",
16
- width: "1em",
17
- viewBox: "0 0 2048 2048",
18
- transform: `rotate(${mapStateToRotation({
19
- open,
20
- expandIconPosition
21
- })})`
22
- }, /*#__PURE__*/React.createElement("path", {
23
- d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
24
- })));
25
- });
26
-
27
- function mapStateToRotation({
28
- open,
29
- expandIconPosition
30
- }) {
31
- if (open && expandIconPosition === 'end') {
32
- return '-90';
33
- }
34
-
35
- if (!open && expandIconPosition === 'end' || open && expandIconPosition === 'start') {
36
- return '90';
37
- }
38
-
39
- return '0';
40
- }
41
- //# sourceMappingURL=AccordionHeaderExpandIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeaderExpandIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,0BAA1C;AAMA,OAAO,MAAM,yBAAyB,gBAAwD,KAAK,CAAC,UAAN,CAC5F,CAAC;AAAE,EAAA,QAAF;AAAY,KAAG;AAAf,CAAD,EAAwB,GAAxB,KAA+B;AAC7B,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAA+B,yBAAyB,EAA9D;AACA,sBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAU,IAAV;AAAgB,IAAA,GAAG,EAAE;AAArB,GAAA,EACG,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,gBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAC,KAHR;AAIE,IAAA,OAAO,EAAC,eAJV;AAKE,IAAA,SAAS,EAAE,UAAU,kBAAkB,CAAC;AAAE,MAAA,IAAF;AAAQ,MAAA;AAAR,KAAD,CAA8B;AALvE,GAAA,eAOE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC;AAAR,GAAA,CAPF,CAFJ,CADF;AAeD,CAlB2F,CAAvF;;AAqBP,SAAS,kBAAT,CAA4B;AAC1B,EAAA,IAD0B;AAE1B,EAAA;AAF0B,CAA5B,EAGmE;AACjE,MAAI,IAAI,IAAI,kBAAkB,KAAK,KAAnC,EAA0C;AACxC,WAAO,KAAP;AACD;;AACD,MAAK,CAAC,IAAD,IAAS,kBAAkB,KAAK,KAAjC,IAA4C,IAAI,IAAI,kBAAkB,KAAK,OAA/E,EAAyF;AACvF,WAAO,IAAP;AACD;;AACD,SAAO,GAAP;AACD","sourceRoot":""}
@@ -1,3 +0,0 @@
1
- import type { ForwardRefComponent, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
3
- export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.AccordionHeaderExpandIcon = void 0;
7
-
8
- const React = /*#__PURE__*/require("react");
9
-
10
- const AccordionHeaderContext_1 = /*#__PURE__*/require("./AccordionHeaderContext");
11
-
12
- exports.AccordionHeaderExpandIcon = /*#__PURE__*/React.forwardRef(({
13
- children,
14
- ...rest
15
- }, ref) => {
16
- const {
17
- open,
18
- expandIconPosition
19
- } = AccordionHeaderContext_1.useAccordionHeaderContext();
20
- return React.createElement("span", { ...rest,
21
- ref: ref
22
- }, children !== null && children !== void 0 ? children : React.createElement("svg", {
23
- fill: "currentColor",
24
- height: "1em",
25
- width: "1em",
26
- viewBox: "0 0 2048 2048",
27
- transform: `rotate(${mapStateToRotation({
28
- open,
29
- expandIconPosition
30
- })})`
31
- }, React.createElement("path", {
32
- d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
33
- })));
34
- });
35
-
36
- function mapStateToRotation({
37
- open,
38
- expandIconPosition
39
- }) {
40
- if (open && expandIconPosition === 'end') {
41
- return '-90';
42
- }
43
-
44
- if (!open && expandIconPosition === 'end' || open && expandIconPosition === 'start') {
45
- return '90';
46
- }
47
-
48
- return '0';
49
- }
50
- //# sourceMappingURL=AccordionHeaderExpandIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeaderExpandIcon.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAMa,OAAA,CAAA,yBAAA,gBAAiF,KAAK,CAAC,UAAN,CAC5F,CAAC;AAAE,EAAA,QAAF;AAAY,KAAG;AAAf,CAAD,EAAwB,GAAxB,KAA+B;AAC7B,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAA+B,wBAAA,CAAA,yBAAA,EAArC;AACA,SACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAU,IAAV;AAAgB,IAAA,GAAG,EAAE;AAArB,GAAA,EACG,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAC,KAHR;AAIE,IAAA,OAAO,EAAC,eAJV;AAKE,IAAA,SAAS,EAAE,UAAU,kBAAkB,CAAC;AAAE,MAAA,IAAF;AAAQ,MAAA;AAAR,KAAD,CAA8B;AALvE,GAAA,EAOE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC;AAAR,GAAA,CAPF,CAFJ,CADF;AAeD,CAlB2F,CAAjF;;AAqBb,SAAS,kBAAT,CAA4B;AAC1B,EAAA,IAD0B;AAE1B,EAAA;AAF0B,CAA5B,EAGmE;AACjE,MAAI,IAAI,IAAI,kBAAkB,KAAK,KAAnC,EAA0C;AACxC,WAAO,KAAP;AACD;;AACD,MAAK,CAAC,IAAD,IAAS,kBAAkB,KAAK,KAAjC,IAA4C,IAAI,IAAI,kBAAkB,KAAK,OAA/E,EAAyF;AACvF,WAAO,IAAP;AACD;;AACD,SAAO,GAAP;AACD","sourceRoot":""}