@fluentui/react-card 0.0.0-nightly9edaf68d4420211116.1 → 0.0.0-nightlya9c3d10d9520220113.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 (80) hide show
  1. package/CHANGELOG.json +121 -20
  2. package/CHANGELOG.md +35 -13
  3. package/Spec.md +523 -0
  4. package/assets/Card.png +0 -0
  5. package/assets/CardHeader.png +0 -0
  6. package/assets/CardPreview.png +0 -0
  7. package/assets/context-interaction-keyboard.png +0 -0
  8. package/assets/context-interaction-mouse.png +0 -0
  9. package/assets/context-narrator.png +0 -0
  10. package/assets/disabled-narrator.png +0 -0
  11. package/assets/disabled.png +0 -0
  12. package/assets/interactive-interaction-keyboard.png +0 -0
  13. package/assets/interactive-interaction-mouse.png +0 -0
  14. package/assets/interactive-narrator.png +0 -0
  15. package/assets/non-interactive-interaction-keyboard.png +0 -0
  16. package/assets/non-interactive-interaction-mouse.png +0 -0
  17. package/assets/non-interactive-narrator.png +0 -0
  18. package/assets/non-interactive-selectable-interaction-keyboard.png +0 -0
  19. package/assets/non-interactive-selectable-interaction-mouse.png +0 -0
  20. package/assets/selectable-interaction-keyboard.png +0 -0
  21. package/assets/selectable-interaction-mouse.png +0 -0
  22. package/assets/selectable-narrator.png +0 -0
  23. package/dist/react-card.d.ts +2 -16
  24. package/lib/components/Card/Card.types.d.ts +2 -3
  25. package/lib/components/Card/renderCard.js +2 -1
  26. package/lib/components/Card/renderCard.js.map +1 -1
  27. package/lib/components/Card/useCardStyles.js +12 -6
  28. package/lib/components/Card/useCardStyles.js.map +1 -1
  29. package/lib/components/CardFooter/renderCardFooter.js +4 -3
  30. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  31. package/lib/components/CardFooter/useCardFooter.d.ts +1 -5
  32. package/lib/components/CardFooter/useCardFooter.js +0 -5
  33. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  34. package/lib/components/CardFooter/useCardFooterStyles.js +4 -3
  35. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  36. package/lib/components/CardHeader/renderCardHeader.js +8 -3
  37. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  38. package/lib/components/CardHeader/useCardHeader.d.ts +1 -2
  39. package/lib/components/CardHeader/useCardHeader.js +0 -1
  40. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  41. package/lib/components/CardHeader/useCardHeaderStyles.js +4 -3
  42. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  43. package/lib/components/CardPreview/renderCardPreview.js +4 -3
  44. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  45. package/lib/components/CardPreview/useCardPreview.d.ts +1 -5
  46. package/lib/components/CardPreview/useCardPreview.js +0 -5
  47. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  48. package/lib/components/CardPreview/useCardPreviewStyles.js +1 -1
  49. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  50. package/lib-commonjs/components/Card/Card.types.d.ts +2 -3
  51. package/lib-commonjs/components/Card/renderCard.js +2 -1
  52. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  53. package/lib-commonjs/components/Card/useCardStyles.js +12 -5
  54. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  55. package/lib-commonjs/components/CardFooter/renderCardFooter.js +4 -4
  56. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  57. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +1 -5
  58. package/lib-commonjs/components/CardFooter/useCardFooter.js +2 -7
  59. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  60. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +3 -2
  61. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  62. package/lib-commonjs/components/CardHeader/renderCardHeader.js +8 -4
  63. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  64. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +1 -2
  65. package/lib-commonjs/components/CardHeader/useCardHeader.js +2 -3
  66. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  67. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +3 -2
  68. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  69. package/lib-commonjs/components/CardPreview/renderCardPreview.js +4 -4
  70. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  71. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +1 -5
  72. package/lib-commonjs/components/CardPreview/useCardPreview.js +2 -7
  73. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  74. package/package.json +12 -11
  75. package/lib/common/isConformant.d.ts +0 -4
  76. package/lib/common/isConformant.js +0 -11
  77. package/lib/common/isConformant.js.map +0 -1
  78. package/lib-commonjs/common/isConformant.d.ts +0 -4
  79. package/lib-commonjs/common/isConformant.js +0 -22
  80. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -8,8 +8,6 @@ exports.renderCardPreview = void 0;
8
8
  const React = /*#__PURE__*/require("react");
9
9
 
10
10
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
13
11
  /**
14
12
  * Render the final JSX of CardPreview
15
13
  */
@@ -19,8 +17,10 @@ const renderCardPreview = state => {
19
17
  const {
20
18
  slots,
21
19
  slotProps
22
- } = react_utilities_1.getSlots(state, useCardPreview_1.cardPreviewShorthandProps);
23
- return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.logo, Object.assign({}, slotProps.logo)));
20
+ } = react_utilities_1.getSlots(state);
21
+ return React.createElement(slots.root, { ...slotProps.root
22
+ }, slotProps.root.children, React.createElement(slots.logo, { ...slotProps.logo
23
+ }));
24
24
  };
25
25
 
26
26
  exports.renderCardPreview = renderCardPreview;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,gBAAA,CAAA,yBAAlC,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -1,9 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview.types';
3
- /**
4
- * Array of all shorthand properties listed in CardPreviewShorthandProps
5
- */
6
- export declare const cardPreviewShorthandProps: Array<keyof CardPreviewSlots>;
2
+ import type { CardPreviewProps, CardPreviewState } from './CardPreview.types';
7
3
  /**
8
4
  * Create the state required to render CardPreview.
9
5
  *
@@ -3,15 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardPreview = exports.cardPreviewShorthandProps = void 0;
6
+ exports.useCardPreview = void 0;
7
7
 
8
8
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- /**
10
- * Array of all shorthand properties listed in CardPreviewShorthandProps
11
- */
12
-
13
-
14
- exports.cardPreviewShorthandProps = ['root', 'logo'];
15
9
  /**
16
10
  * Create the state required to render CardPreview.
17
11
  *
@@ -22,6 +16,7 @@ exports.cardPreviewShorthandProps = ['root', 'logo'];
22
16
  * @param ref - reference to root HTMLElement of CardPreview
23
17
  */
24
18
 
19
+
25
20
  const useCardPreview = (props, ref) => {
26
21
  const {
27
22
  logo
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,yBAAA,GAA2D,CAAC,MAAD,EAAS,MAAT,CAA3D;AAEb;;;;;;;;AAQG;;AACI,MAAM,cAAc,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AACvG,QAAM;AAAE,IAAA;AAAF,MAAW,KAAjB;AACA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAND;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB;AAVD,GAAP;AAYD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,cAAc,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AACvG,QAAM;AAAE,IAAA;AAAF,MAAW,KAAjB;AACA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAND;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB;AAVD,GAAP;AAYD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "0.0.0-nightly9edaf68d4420211116.1",
3
+ "version": "0.0.0-nightlya9c3d10d9520220113.1",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -22,18 +22,19 @@
22
22
  "start": "yarn storybook",
23
23
  "test": "jest",
24
24
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
25
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
26
- "storybook": "start-storybook -s assets"
25
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
26
+ "storybook": "start-storybook",
27
+ "type-check": "tsc -b tsconfig.json"
27
28
  },
28
29
  "devDependencies": {
29
- "@fluentui/babel-make-styles": "0.0.0-nightly9edaf68d4420211116.1",
30
+ "@fluentui/babel-make-styles": "0.0.0-nightlya9c3d10d9520220113.1",
30
31
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly9edaf68d4420211116.1",
32
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya9c3d10d9520220113.1",
32
33
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly9edaf68d4420211116.1",
34
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlya9c3d10d9520220113.1",
34
35
  "@fluentui/scripts": "^1.0.0",
35
- "@fluentui/react-text": "0.0.0-nightly9edaf68d4420211116.1",
36
- "@fluentui/react-button": "0.0.0-nightly9edaf68d4420211116.1",
36
+ "@fluentui/react-text": "0.0.0-nightlya9c3d10d9520220113.1",
37
+ "@fluentui/react-button": "0.0.0-nightlya9c3d10d9520220113.1",
37
38
  "@types/enzyme": "3.10.3",
38
39
  "@types/enzyme-adapter-react-16": "1.0.3",
39
40
  "@types/react": "16.9.42",
@@ -46,9 +47,9 @@
46
47
  "react-test-renderer": "^16.3.0"
47
48
  },
48
49
  "dependencies": {
49
- "@fluentui/react-make-styles": "0.0.0-nightly9edaf68d4420211116.1",
50
- "@fluentui/react-utilities": "0.0.0-nightly9edaf68d4420211116.1",
51
- "@fluentui/react-tabster": "0.0.0-nightly9edaf68d4420211116.1",
50
+ "@fluentui/react-make-styles": "0.0.0-nightlya9c3d10d9520220113.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightlya9c3d10d9520220113.1",
52
+ "@fluentui/react-tabster": "0.0.0-nightlya9c3d10d9520220113.1",
52
53
  "tslib": "^2.1.0"
53
54
  },
54
55
  "peerDependencies": {
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,11 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- extraTests: makeStylesTests
8
- };
9
- baseIsConformant(defaultOptions, testInfo);
10
- }
11
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- extraTests: react_conformance_make_styles_1.default
17
- };
18
- react_conformance_1.isConformant(defaultOptions, testInfo);
19
- }
20
-
21
- exports.isConformant = isConformant;
22
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}