@fluentui/react-accordion 0.0.0-nightlyca6ef2bc8e20220105.1 → 0.0.0-nightlydd0f007b3f20220119.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 +64 -22
  2. package/CHANGELOG.md +20 -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 +17 -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 +18 -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
@@ -1,9 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
2
+ import type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
7
3
  /**
8
4
  * Returns the props and state required to render the component
9
5
  * @param props - AccordionPanel properties
@@ -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-nightlyca6ef2bc8e20220105.1",
3
+ "version": "0.0.0-nightlydd0f007b3f20220119.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-nightlyca6ef2bc8e20220105.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
30
30
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
32
32
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlydd0f007b3f20220119.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-nightlyca6ef2bc8e20220105.1",
48
- "@fluentui/react-context-selector": "0.0.0-nightlyca6ef2bc8e20220105.1",
49
- "@fluentui/react-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
50
- "@fluentui/react-tabster": "0.0.0-nightlyca6ef2bc8e20220105.1",
51
- "@fluentui/react-theme": "0.0.0-nightlyca6ef2bc8e20220105.1",
52
- "@fluentui/react-utilities": "0.0.0-nightlyca6ef2bc8e20220105.1",
47
+ "@fluentui/react-aria": "0.0.0-nightlydd0f007b3f20220119.1",
48
+ "@fluentui/react-context-selector": "0.0.0-nightlydd0f007b3f20220119.1",
49
+ "@fluentui/react-icons": "^2.0.154-beta.5",
50
+ "@fluentui/react-make-styles": "0.0.0-nightlydd0f007b3f20220119.1",
51
+ "@fluentui/react-tabster": "0.0.0-nightlydd0f007b3f20220119.1",
52
+ "@fluentui/react-theme": "0.0.0-nightlydd0f007b3f20220119.1",
53
+ "@fluentui/react-utilities": "0.0.0-nightlydd0f007b3f20220119.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":""}