@fluentui/react-card 9.0.0-alpha.1 → 9.0.0-alpha.13

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 (155) hide show
  1. package/CHANGELOG.json +405 -1
  2. package/CHANGELOG.md +146 -2
  3. package/lib/Card.js.map +1 -1
  4. package/lib/CardFooter.js.map +1 -1
  5. package/lib/CardHeader.js.map +1 -1
  6. package/lib/CardPreview.js.map +1 -1
  7. package/lib/common/isConformant.js.map +1 -1
  8. package/lib/components/Card/Card.js.map +1 -1
  9. package/lib/components/Card/Card.types.js.map +1 -1
  10. package/lib/components/Card/index.js.map +1 -1
  11. package/lib/components/Card/renderCard.js.map +1 -1
  12. package/lib/components/Card/useCard.js.map +1 -1
  13. package/lib/components/Card/useCardStyles.js +9 -9
  14. package/lib/components/Card/useCardStyles.js.map +1 -1
  15. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  16. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  17. package/lib/components/CardFooter/index.js.map +1 -1
  18. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  19. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  20. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  21. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  22. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  23. package/lib/components/CardHeader/index.js.map +1 -1
  24. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  25. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  26. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  27. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  28. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  29. package/lib/components/CardPreview/index.js.map +1 -1
  30. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  31. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  32. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  33. package/lib/index.js.map +1 -1
  34. package/lib-commonjs/Card.js.map +1 -1
  35. package/lib-commonjs/CardFooter.js.map +1 -1
  36. package/lib-commonjs/CardHeader.js.map +1 -1
  37. package/lib-commonjs/CardPreview.js.map +1 -1
  38. package/lib-commonjs/common/isConformant.js.map +1 -1
  39. package/lib-commonjs/components/Card/Card.js.map +1 -1
  40. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  41. package/lib-commonjs/components/Card/index.js.map +1 -1
  42. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  43. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  44. package/lib-commonjs/components/Card/useCardStyles.js +9 -9
  45. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  46. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  47. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  48. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  49. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  50. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  51. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  52. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  53. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  54. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  55. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  56. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  57. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  58. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  59. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  60. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  61. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  62. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  63. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  64. package/lib-commonjs/index.js.map +1 -1
  65. package/package.json +10 -10
  66. package/lib-amd/Card.d.ts +0 -1
  67. package/lib-amd/Card.js +0 -6
  68. package/lib-amd/Card.js.map +0 -1
  69. package/lib-amd/CardFooter.d.ts +0 -1
  70. package/lib-amd/CardFooter.js +0 -6
  71. package/lib-amd/CardFooter.js.map +0 -1
  72. package/lib-amd/CardHeader.d.ts +0 -1
  73. package/lib-amd/CardHeader.js +0 -6
  74. package/lib-amd/CardHeader.js.map +0 -1
  75. package/lib-amd/CardPreview.d.ts +0 -1
  76. package/lib-amd/CardPreview.js +0 -6
  77. package/lib-amd/CardPreview.js.map +0 -1
  78. package/lib-amd/common/isConformant.d.ts +0 -4
  79. package/lib-amd/common/isConformant.js +0 -15
  80. package/lib-amd/common/isConformant.js.map +0 -1
  81. package/lib-amd/components/Card/Card.d.ts +0 -6
  82. package/lib-amd/components/Card/Card.js +0 -15
  83. package/lib-amd/components/Card/Card.js.map +0 -1
  84. package/lib-amd/components/Card/Card.types.d.ts +0 -24
  85. package/lib-amd/components/Card/Card.types.js +0 -5
  86. package/lib-amd/components/Card/Card.types.js.map +0 -1
  87. package/lib-amd/components/Card/index.d.ts +0 -5
  88. package/lib-amd/components/Card/index.js +0 -10
  89. package/lib-amd/components/Card/index.js.map +0 -1
  90. package/lib-amd/components/Card/renderCard.d.ts +0 -5
  91. package/lib-amd/components/Card/renderCard.js +0 -14
  92. package/lib-amd/components/Card/renderCard.js.map +0 -1
  93. package/lib-amd/components/Card/useCard.d.ts +0 -13
  94. package/lib-amd/components/Card/useCard.js +0 -25
  95. package/lib-amd/components/Card/useCard.js.map +0 -1
  96. package/lib-amd/components/Card/useCardStyles.d.ts +0 -5
  97. package/lib-amd/components/Card/useCardStyles.js +0 -50
  98. package/lib-amd/components/Card/useCardStyles.js.map +0 -1
  99. package/lib-amd/components/CardFooter/CardFooter.d.ts +0 -6
  100. package/lib-amd/components/CardFooter/CardFooter.js +0 -15
  101. package/lib-amd/components/CardFooter/CardFooter.js.map +0 -1
  102. package/lib-amd/components/CardFooter/CardFooter.types.d.ts +0 -28
  103. package/lib-amd/components/CardFooter/CardFooter.types.js +0 -5
  104. package/lib-amd/components/CardFooter/CardFooter.types.js.map +0 -1
  105. package/lib-amd/components/CardFooter/index.d.ts +0 -5
  106. package/lib-amd/components/CardFooter/index.js +0 -10
  107. package/lib-amd/components/CardFooter/index.js.map +0 -1
  108. package/lib-amd/components/CardFooter/renderCardFooter.d.ts +0 -5
  109. package/lib-amd/components/CardFooter/renderCardFooter.js +0 -16
  110. package/lib-amd/components/CardFooter/renderCardFooter.js.map +0 -1
  111. package/lib-amd/components/CardFooter/useCardFooter.d.ts +0 -17
  112. package/lib-amd/components/CardFooter/useCardFooter.js +0 -28
  113. package/lib-amd/components/CardFooter/useCardFooter.js.map +0 -1
  114. package/lib-amd/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  115. package/lib-amd/components/CardFooter/useCardFooterStyles.js +0 -31
  116. package/lib-amd/components/CardFooter/useCardFooterStyles.js.map +0 -1
  117. package/lib-amd/components/CardHeader/CardHeader.d.ts +0 -6
  118. package/lib-amd/components/CardHeader/CardHeader.js +0 -15
  119. package/lib-amd/components/CardHeader/CardHeader.js.map +0 -1
  120. package/lib-amd/components/CardHeader/CardHeader.types.d.ts +0 -44
  121. package/lib-amd/components/CardHeader/CardHeader.types.js +0 -5
  122. package/lib-amd/components/CardHeader/CardHeader.types.js.map +0 -1
  123. package/lib-amd/components/CardHeader/index.d.ts +0 -5
  124. package/lib-amd/components/CardHeader/index.js +0 -10
  125. package/lib-amd/components/CardHeader/index.js.map +0 -1
  126. package/lib-amd/components/CardHeader/renderCardHeader.d.ts +0 -5
  127. package/lib-amd/components/CardHeader/renderCardHeader.js +0 -19
  128. package/lib-amd/components/CardHeader/renderCardHeader.js.map +0 -1
  129. package/lib-amd/components/CardHeader/useCardHeader.d.ts +0 -17
  130. package/lib-amd/components/CardHeader/useCardHeader.js +0 -39
  131. package/lib-amd/components/CardHeader/useCardHeader.js.map +0 -1
  132. package/lib-amd/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  133. package/lib-amd/components/CardHeader/useCardHeaderStyles.js +0 -56
  134. package/lib-amd/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  135. package/lib-amd/components/CardPreview/CardPreview.d.ts +0 -6
  136. package/lib-amd/components/CardPreview/CardPreview.js +0 -15
  137. package/lib-amd/components/CardPreview/CardPreview.js.map +0 -1
  138. package/lib-amd/components/CardPreview/CardPreview.types.d.ts +0 -28
  139. package/lib-amd/components/CardPreview/CardPreview.types.js +0 -5
  140. package/lib-amd/components/CardPreview/CardPreview.types.js.map +0 -1
  141. package/lib-amd/components/CardPreview/index.d.ts +0 -5
  142. package/lib-amd/components/CardPreview/index.js +0 -10
  143. package/lib-amd/components/CardPreview/index.js.map +0 -1
  144. package/lib-amd/components/CardPreview/renderCardPreview.d.ts +0 -5
  145. package/lib-amd/components/CardPreview/renderCardPreview.js +0 -16
  146. package/lib-amd/components/CardPreview/renderCardPreview.js.map +0 -1
  147. package/lib-amd/components/CardPreview/useCardPreview.d.ts +0 -17
  148. package/lib-amd/components/CardPreview/useCardPreview.js +0 -29
  149. package/lib-amd/components/CardPreview/useCardPreview.js.map +0 -1
  150. package/lib-amd/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  151. package/lib-amd/components/CardPreview/useCardPreviewStyles.js +0 -39
  152. package/lib-amd/components/CardPreview/useCardPreviewStyles.js.map +0 -1
  153. package/lib-amd/index.d.ts +0 -4
  154. package/lib-amd/index.js +0 -9
  155. package/lib-amd/index.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"../src/","sources":["CardHeader.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/CardHeader/index';\n"]}
@@ -1 +0,0 @@
1
- export * from './components/CardPreview/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/CardPreview/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=CardPreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardPreview.js","sourceRoot":"../src/","sources":["CardPreview.ts"],"names":[],"mappings":";;;IAAA,uCAA+C","sourcesContent":["export * from './components/CardPreview/index';\n"]}
@@ -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,15 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.isConformant = void 0;
5
- function isConformant(testInfo) {
6
- var defaultOptions = {
7
- asPropHandlesRef: true,
8
- componentPath: module.parent.filename.replace('.test', ''),
9
- extraTests: react_conformance_make_styles_1.default,
10
- };
11
- react_conformance_1.isConformant(defaultOptions, testInfo);
12
- }
13
- exports.isConformant = isConformant;
14
- });
15
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;SAClD,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAVD,oCAUC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"]}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardProps } from './Card.types';
3
- /**
4
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
5
- */
6
- export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useCard", "./renderCard", "./useCardStyles"], function (require, exports, React, useCard_1, renderCard_1, useCardStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Card = void 0;
5
- /**
6
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
7
- */
8
- exports.Card = React.forwardRef(function (props, ref) {
9
- var state = useCard_1.useCard(props, ref);
10
- useCardStyles_1.useCardStyles(state);
11
- return renderCard_1.renderCard(state);
12
- });
13
- exports.Card.displayName = 'Card';
14
- });
15
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"../src/","sources":["components/Card/Card.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,UAAC,KAAK,EAAE,GAAG;QACtE,IAAM,KAAK,GAAG,iBAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElC,6BAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,uBAAU,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCard } from './useCard';\nimport { renderCard } from './renderCard';\nimport { useCardStyles } from './useCardStyles';\nimport type { CardProps } from './Card.types';\n\n/**\n * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.\n */\nexport const Card = React.forwardRef<HTMLElement, CardProps>((props, ref) => {\n const state = useCard(props, ref);\n\n useCardStyles(state);\n return renderCard(state);\n});\n\nCard.displayName = 'Card';\n"]}
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
3
- /**
4
- * Card Props
5
- */
6
- export interface CardProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
7
- }
8
- /**
9
- * Names of the shorthand properties in CardProps
10
- */
11
- export declare type CardShorthandProps = never;
12
- /**
13
- * Names of CardProps that have a default value in useCard
14
- */
15
- export declare type CardDefaultedProps = never;
16
- /**
17
- * State used in rendering Card
18
- */
19
- export interface CardState extends CardProps, ComponentStateCompat<CardProps, CardShorthandProps, CardDefaultedProps> {
20
- /**
21
- * Ref to the root element
22
- */
23
- ref: React.Ref<HTMLElement>;
24
- }
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=Card.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.types.js","sourceRoot":"../src/","sources":["components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';\n\n/**\n * Card Props\n */\nexport interface CardProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /*\n * TODO Add props and slots here\n * Any slot property should be listed in the cardShorthandProps array below\n * Any property that has a default value should be listed in CardDefaultedProps as e.g. 'size' | 'icon'\n */\n}\n\n/**\n * Names of the shorthand properties in CardProps\n */\nexport type CardShorthandProps = never; // TODO add shorthand property names\n\n/**\n * Names of CardProps that have a default value in useCard\n */\nexport type CardDefaultedProps = never; // TODO add names of properties with default values\n\n/**\n * State used in rendering Card\n */\nexport interface CardState extends CardProps, ComponentStateCompat<CardProps, CardShorthandProps, CardDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
@@ -1,5 +0,0 @@
1
- export * from './Card';
2
- export * from './Card.types';
3
- export * from './renderCard';
4
- export * from './useCard';
5
- export * from './useCardStyles';
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./Card", "./Card.types", "./renderCard", "./useCard", "./useCardStyles"], function (require, exports, tslib_1, Card_1, Card_types_1, renderCard_1, useCard_1, useCardStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Card_1, exports);
5
- tslib_1.__exportStar(Card_types_1, exports);
6
- tslib_1.__exportStar(renderCard_1, exports);
7
- tslib_1.__exportStar(useCard_1, exports);
8
- tslib_1.__exportStar(useCardStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Card/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,4CAA6B;IAC7B,4CAA6B;IAC7B,yCAA0B;IAC1B,+CAAgC","sourcesContent":["export * from './Card';\nexport * from './Card.types';\nexport * from './renderCard';\nexport * from './useCard';\nexport * from './useCardStyles';\n"]}
@@ -1,5 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- /**
3
- * Render the final JSX of Card
4
- */
5
- export declare const renderCard: (state: CardState) => JSX.Element;
@@ -1,14 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderCard = void 0;
5
- /**
6
- * Render the final JSX of Card
7
- */
8
- var renderCard = function (state) {
9
- var _a = react_utilities_1.getSlotsCompat(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children);
11
- };
12
- exports.renderCard = renderCard;
13
- });
14
- //# sourceMappingURL=renderCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderCard.js","sourceRoot":"../src/","sources":["components/Card/renderCard.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,UAAU,GAAG,UAAC,KAAgB;QACnC,IAAA,KAAuB,gCAAc,CAAC,KAAK,CAAC,EAA1C,KAAK,WAAA,EAAE,SAAS,eAA0B,CAAC;QAEnD,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAc,CAAC;IACvE,CAAC,CAAC;IAJW,QAAA,UAAU,cAIrB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport type { CardState } from './Card.types';\n\n/**\n * Render the final JSX of Card\n */\nexport const renderCard = (state: CardState) => {\n const { slots, slotProps } = getSlotsCompat(state);\n\n return <slots.root {...slotProps.root}>{state.children}</slots.root>;\n};\n"]}
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardProps, CardState } from './Card.types';
3
- /**
4
- * Create the state required to render Card.
5
- *
6
- * The returned state can be modified with hooks such as useCardStyles,
7
- * before being passed to renderCard.
8
- *
9
- * @param props - props from this instance of Card
10
- * @param ref - reference to root HTMLElement of Card
11
- * @param defaultProps - (optional) default prop values provided by the implementing type
12
- */
13
- export declare const useCard: (props: CardProps, ref: React.Ref<HTMLElement>, defaultProps?: CardProps | undefined) => CardState;
@@ -1,25 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCard = void 0;
5
- var mergeProps = react_utilities_1.makeMergeProps();
6
- /**
7
- * Create the state required to render Card.
8
- *
9
- * The returned state can be modified with hooks such as useCardStyles,
10
- * before being passed to renderCard.
11
- *
12
- * @param props - props from this instance of Card
13
- * @param ref - reference to root HTMLElement of Card
14
- * @param defaultProps - (optional) default prop values provided by the implementing type
15
- */
16
- var useCard = function (props, ref, defaultProps) {
17
- var state = mergeProps({
18
- ref: ref,
19
- role: 'group',
20
- }, defaultProps, props);
21
- return state;
22
- };
23
- exports.useCard = useCard;
24
- });
25
- //# sourceMappingURL=useCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCard.js","sourceRoot":"../src/","sources":["components/Card/useCard.ts"],"names":[],"mappings":";;;;IAIA,IAAM,UAAU,GAAG,gCAAc,EAAa,CAAC;IAE/C;;;;;;;;;OASG;IACI,IAAM,OAAO,GAAG,UAAC,KAAgB,EAAE,GAA2B,EAAE,YAAwB;QAC7F,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;YACH,IAAI,EAAE,OAAO;SACd,EACD,YAAY,EACZ,KAAK,CACN,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAXW,QAAA,OAAO,WAWlB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps } from '@fluentui/react-utilities';\nimport type { CardProps, CardState } from './Card.types';\n\nconst mergeProps = makeMergeProps<CardState>();\n\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles,\n * before being passed to renderCard.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to root HTMLElement of Card\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCard = (props: CardProps, ref: React.Ref<HTMLElement>, defaultProps?: CardProps): CardState => {\n const state = mergeProps(\n {\n ref,\n role: 'group',\n },\n defaultProps,\n props,\n );\n\n return state;\n};\n"]}
@@ -1,5 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- /**
3
- * Apply styling to the Card slots based on the state
4
- */
5
- export declare const useCardStyles: (state: CardState) => CardState;
@@ -1,50 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardStyles = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: function (theme) { return ({
10
- display: 'flex',
11
- flexDirection: 'column',
12
- overflow: 'hidden',
13
- boxShadow: theme.alias.shadow.shadow4,
14
- color: theme.alias.color.neutral.neutralForeground1,
15
- backgroundColor: theme.alias.color.neutral.neutralBackground1,
16
- // Size: medium
17
- // TODO: Validate if we should use a token instead + the unit of said token
18
- // TODO: Explore alternate way of applying padding
19
- padding: '12px',
20
- gap: '12px',
21
- borderRadius: theme.global.borderRadius.medium,
22
- }); },
23
- interactive: function (theme) { return ({
24
- cursor: 'pointer',
25
- ':hover': {
26
- backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,
27
- },
28
- ':active': {
29
- backgroundColor: theme.alias.color.neutral.neutralBackground1Pressed,
30
- },
31
- }); },
32
- });
33
- /**
34
- * Apply styling to the Card slots based on the state
35
- */
36
- var useCardStyles = function (state) {
37
- var styles = useStyles();
38
- state.className = react_make_styles_1.mergeClasses(styles.root, (state.onClick ||
39
- state.onMouseUp ||
40
- state.onMouseDown ||
41
- state.onPointerUp ||
42
- state.onPointerDown ||
43
- state.onTouchStart ||
44
- state.onTouchEnd) &&
45
- styles.interactive, state.className);
46
- return state;
47
- };
48
- exports.useCardStyles = useCardStyles;
49
- });
50
- //# sourceMappingURL=useCardStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardStyles.js","sourceRoot":"../src/","sources":["components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,QAAQ;YAElB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YACnD,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YAE7D,eAAe;YACf,2EAA2E;YAC3E,kDAAkD;YAClD,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,MAAM;YACX,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM;SAC/C,CAAC,EAfa,CAeb;QAEF,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACrB,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE;gBACR,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,uBAAuB;aACnE;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,yBAAyB;aACrE;SACF,CAAC,EARoB,CAQpB;KACH,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,aAAa,GAAG,UAAC,KAAgB;QAC5C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAC5B,MAAM,CAAC,IAAI,EACX,CAAC,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,SAAS;YACf,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,aAAa;YACnB,KAAK,CAAC,YAAY;YAClB,KAAK,CAAC,UAAU,CAAC;YACjB,MAAM,CAAC,WAAW,EACpB,KAAK,CAAC,SAAS,CAChB,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAhBW,QAAA,aAAa,iBAgBxB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardState } from './Card.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n\n boxShadow: theme.alias.shadow.shadow4,\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n\n // Size: medium\n // TODO: Validate if we should use a token instead + the unit of said token\n // TODO: Explore alternate way of applying padding\n padding: '12px',\n gap: '12px',\n borderRadius: theme.global.borderRadius.medium,\n }),\n\n interactive: theme => ({\n cursor: 'pointer',\n ':hover': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n },\n ':active': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Pressed,\n },\n }),\n});\n\n/**\n * Apply styling to the Card slots based on the state\n */\nexport const useCardStyles = (state: CardState): CardState => {\n const styles = useStyles();\n state.className = mergeClasses(\n styles.root,\n (state.onClick ||\n state.onMouseUp ||\n state.onMouseDown ||\n state.onPointerUp ||\n state.onPointerDown ||\n state.onTouchStart ||\n state.onTouchEnd) &&\n styles.interactive,\n state.className,\n );\n\n return state;\n};\n"]}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardFooterProps } from './CardFooter.types';
3
- /**
4
- * Component to render Button actions in a Card component.
5
- */
6
- export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLElement>>;
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useCardFooter", "./renderCardFooter", "./useCardFooterStyles"], function (require, exports, React, useCardFooter_1, renderCardFooter_1, useCardFooterStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.CardFooter = void 0;
5
- /**
6
- * Component to render Button actions in a Card component.
7
- */
8
- exports.CardFooter = React.forwardRef(function (props, ref) {
9
- var state = useCardFooter_1.useCardFooter(props, ref);
10
- useCardFooterStyles_1.useCardFooterStyles(state);
11
- return renderCardFooter_1.renderCardFooter(state);
12
- });
13
- exports.CardFooter.displayName = 'CardFooter';
14
- });
15
- //# sourceMappingURL=CardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.js","sourceRoot":"../src/","sources":["components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;QAClF,IAAM,KAAK,GAAG,6BAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAExC,yCAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,mCAAgB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardFooter } from './useCardFooter';\nimport { renderCardFooter } from './renderCardFooter';\nimport { useCardFooterStyles } from './useCardFooterStyles';\nimport type { CardFooterProps } from './CardFooter.types';\n\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = React.forwardRef<HTMLElement, CardFooterProps>((props, ref) => {\n const state = useCardFooter(props, ref);\n\n useCardFooterStyles(state);\n return renderCardFooter(state);\n});\n\nCardFooter.displayName = 'CardFooter';\n"]}
@@ -1,28 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- /**
4
- * CardFooter Props
5
- */
6
- export interface CardFooterProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
7
- /**
8
- * Actions slot
9
- */
10
- action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
11
- }
12
- /**
13
- * Names of the shorthand properties in CardFooterProps
14
- */
15
- export declare type CardFooterShorthandProps = 'action';
16
- /**
17
- * Names of CardFooterProps that have a default value in useCardFooter
18
- */
19
- export declare type CardFooterDefaultedProps = never;
20
- /**
21
- * State used in rendering CardFooter
22
- */
23
- export interface CardFooterState extends ComponentStateCompat<CardFooterProps, CardFooterShorthandProps, CardFooterDefaultedProps> {
24
- /**
25
- * Ref to the root element
26
- */
27
- ref: React.Ref<HTMLElement>;
28
- }
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=CardFooter.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.types.js","sourceRoot":"../src/","sources":["components/CardFooter/CardFooter.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardFooter Props\n */\nexport interface CardFooterProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Actions slot\n */\n action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardFooterProps\n */\nexport type CardFooterShorthandProps = 'action'; // TODO add shorthand property names\n\n/**\n * Names of CardFooterProps that have a default value in useCardFooter\n */\nexport type CardFooterDefaultedProps = never;\n\n/**\n * State used in rendering CardFooter\n */\nexport interface CardFooterState\n extends ComponentStateCompat<CardFooterProps, CardFooterShorthandProps, CardFooterDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
@@ -1,5 +0,0 @@
1
- export * from './CardFooter';
2
- export * from './CardFooter.types';
3
- export * from './renderCardFooter';
4
- export * from './useCardFooter';
5
- export * from './useCardFooterStyles';
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./CardFooter", "./CardFooter.types", "./renderCardFooter", "./useCardFooter", "./useCardFooterStyles"], function (require, exports, tslib_1, CardFooter_1, CardFooter_types_1, renderCardFooter_1, useCardFooter_1, useCardFooterStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(CardFooter_1, exports);
5
- tslib_1.__exportStar(CardFooter_types_1, exports);
6
- tslib_1.__exportStar(renderCardFooter_1, exports);
7
- tslib_1.__exportStar(useCardFooter_1, exports);
8
- tslib_1.__exportStar(useCardFooterStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardFooter/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC;IACnC,kDAAmC;IACnC,+CAAgC;IAChC,qDAAsC","sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n"]}
@@ -1,5 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- /**
3
- * Render the final JSX of CardFooter
4
- */
5
- export declare const renderCardFooter: (state: CardFooterState) => JSX.Element;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useCardFooter"], function (require, exports, tslib_1, React, react_utilities_1, useCardFooter_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderCardFooter = void 0;
5
- /**
6
- * Render the final JSX of CardFooter
7
- */
8
- var renderCardFooter = function (state) {
9
- var _a = react_utilities_1.getSlotsCompat(state, useCardFooter_1.cardFooterShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
11
- state.children,
12
- React.createElement(slots.action, tslib_1.__assign({}, slotProps.action))));
13
- };
14
- exports.renderCardFooter = renderCardFooter;
15
- });
16
- //# sourceMappingURL=renderCardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderCardFooter.js","sourceRoot":"../src/","sources":["components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,gBAAgB,GAAG,UAAC,KAAsB;QAC/C,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,wCAAwB,CAAC,EAApE,KAAK,WAAA,EAAE,SAAS,eAAoD,CAAC;QAE7E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,QAAQ;YACf,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI,CAC3B,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,gBAAgB,oBAS3B","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardFooterShorthandProps } from './useCardFooter';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Render the final JSX of CardFooter\n */\nexport const renderCardFooter = (state: CardFooterState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardFooterShorthandProps);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"]}
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';
3
- /**
4
- * Array of all shorthand properties listed in CardFooterShorthandProps
5
- */
6
- export declare const cardFooterShorthandProps: CardFooterShorthandProps[];
7
- /**
8
- * Create the state required to render CardFooter.
9
- *
10
- * The returned state can be modified with hooks such as useCardFooterStyles,
11
- * before being passed to renderCardFooter.
12
- *
13
- * @param props - props from this instance of CardFooter
14
- * @param ref - reference to root HTMLElement of CardFooter
15
- * @param defaultProps - (optional) default prop values provided by the implementing type
16
- */
17
- export declare const useCardFooter: (props: CardFooterProps, ref: React.Ref<HTMLElement>, defaultProps?: CardFooterProps | undefined) => CardFooterState;
@@ -1,28 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardFooter = exports.cardFooterShorthandProps = void 0;
5
- /**
6
- * Array of all shorthand properties listed in CardFooterShorthandProps
7
- */
8
- exports.cardFooterShorthandProps = ['action'];
9
- var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.cardFooterShorthandProps });
10
- /**
11
- * Create the state required to render CardFooter.
12
- *
13
- * The returned state can be modified with hooks such as useCardFooterStyles,
14
- * before being passed to renderCardFooter.
15
- *
16
- * @param props - props from this instance of CardFooter
17
- * @param ref - reference to root HTMLElement of CardFooter
18
- * @param defaultProps - (optional) default prop values provided by the implementing type
19
- */
20
- var useCardFooter = function (props, ref, defaultProps) {
21
- var state = mergeProps({
22
- ref: ref,
23
- }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.cardFooterShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.cardFooterShorthandProps));
24
- return state;
25
- };
26
- exports.useCardFooter = useCardFooter;
27
- });
28
- //# sourceMappingURL=useCardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardFooter.js","sourceRoot":"../src/","sources":["components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,wBAAwB,GAA+B,CAAC,QAAQ,CAAC,CAAC;IAE/E,IAAM,UAAU,GAAG,gCAAc,CAAkB,EAAE,SAAS,EAAE,gCAAwB,EAAE,CAAC,CAAC;IAE5F;;;;;;;;;OASG;IACI,IAAM,aAAa,GAAG,UAC3B,KAAsB,EACtB,GAA2B,EAC3B,YAA8B;QAE9B,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;SACJ,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,gCAAwB,CAAC,EAC7E,uCAAqB,CAAC,KAAK,EAAE,gCAAwB,CAAC,CACvD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,aAAa,iBAcxB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Array of all shorthand properties listed in CardFooterShorthandProps\n */\nexport const cardFooterShorthandProps: CardFooterShorthandProps[] = ['action'];\n\nconst mergeProps = makeMergeProps<CardFooterState>({ deepMerge: cardFooterShorthandProps });\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles,\n * before being passed to renderCardFooter.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardFooter = (\n props: CardFooterProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardFooterProps,\n): CardFooterState => {\n const state = mergeProps(\n {\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardFooterShorthandProps),\n resolveShorthandProps(props, cardFooterShorthandProps),\n );\n\n return state;\n};\n"]}
@@ -1,5 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- /**
3
- * Apply styling to the CardFooter slots based on the state
4
- */
5
- export declare const useCardFooterStyles: (state: CardFooterState) => CardFooterState;
@@ -1,31 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardFooterStyles = void 0;
5
- /**
6
- * Styles for the root slot
7
- */
8
- var useStyles = react_make_styles_1.makeStyles({
9
- root: {
10
- display: 'flex',
11
- flexDirection: 'row',
12
- gap: '12px',
13
- },
14
- action: {
15
- marginLeft: 'auto',
16
- },
17
- });
18
- /**
19
- * Apply styling to the CardFooter slots based on the state
20
- */
21
- var useCardFooterStyles = function (state) {
22
- var styles = useStyles();
23
- state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
24
- if (state.action) {
25
- state.action.className = react_make_styles_1.mergeClasses(styles.action, state.action.className);
26
- }
27
- return state;
28
- };
29
- exports.useCardFooterStyles = useCardFooterStyles;
30
- });
31
- //# sourceMappingURL=useCardFooterStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardFooterStyles.js","sourceRoot":"../src/","sources":["components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,MAAM;SACZ;QACD,MAAM,EAAE;YACN,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAsB;QACxD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE7D,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC9E;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IATW,QAAA,mBAAmB,uBAS9B","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n gap: '12px',\n },\n action: {\n marginLeft: 'auto',\n },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state\n */\nexport const useCardFooterStyles = (state: CardFooterState): CardFooterState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.action) {\n state.action.className = mergeClasses(styles.action, state.action.className);\n }\n\n return state;\n};\n"]}
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardHeaderProps } from './CardHeader.types';
3
- /**
4
- * Component to render an image, text and an action in a Card component.
5
- */
6
- export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLElement>>;
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useCardHeader", "./renderCardHeader", "./useCardHeaderStyles"], function (require, exports, React, useCardHeader_1, renderCardHeader_1, useCardHeaderStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.CardHeader = void 0;
5
- /**
6
- * Component to render an image, text and an action in a Card component.
7
- */
8
- exports.CardHeader = React.forwardRef(function (props, ref) {
9
- var state = useCardHeader_1.useCardHeader(props, ref);
10
- useCardHeaderStyles_1.useCardHeaderStyles(state);
11
- return renderCardHeader_1.renderCardHeader(state);
12
- });
13
- exports.CardHeader.displayName = 'CardHeader';
14
- });
15
- //# sourceMappingURL=CardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"../src/","sources":["components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;QAClF,IAAM,KAAK,GAAG,6BAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAExC,yCAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,mCAAgB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardHeader } from './useCardHeader';\nimport { renderCardHeader } from './renderCardHeader';\nimport { useCardHeaderStyles } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = React.forwardRef<HTMLElement, CardHeaderProps>((props, ref) => {\n const state = useCardHeader(props, ref);\n\n useCardHeaderStyles(state);\n return renderCardHeader(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"]}
@@ -1,44 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- /**
4
- * CardHeader Props
5
- */
6
- export interface CardHeaderProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
7
- /**
8
- * Image slot
9
- */
10
- image: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;
11
- /**
12
- * Content slot, wrapper of the header and description slots
13
- */
14
- content?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
15
- /**
16
- * Header title slot
17
- */
18
- header: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
19
- /**
20
- * Description slot
21
- */
22
- description: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
23
- /**
24
- * Actions slot
25
- */
26
- action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
27
- }
28
- /**
29
- * Names of the shorthand properties in CardHeaderProps
30
- */
31
- export declare type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';
32
- /**
33
- * Names of CardHeaderProps that have a default value in useCardHeader
34
- */
35
- export declare type CardHeaderDefaultedProps = never;
36
- /**
37
- * State used in rendering CardHeader
38
- */
39
- export interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {
40
- /**
41
- * Ref to the root element
42
- */
43
- ref: React.Ref<HTMLElement>;
44
- }
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=CardHeader.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.types.js","sourceRoot":"../src/","sources":["components/CardHeader/CardHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardHeader Props\n */\nexport interface CardHeaderProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Image slot\n */\n image: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n\n /**\n * Content slot, wrapper of the header and description slots\n */\n content?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Header title slot\n */\n header: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Description slot\n */\n description: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Actions slot\n */\n action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardHeaderProps\n */\nexport type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';\n\n/**\n * Names of CardHeaderProps that have a default value in useCardHeader\n */\nexport type CardHeaderDefaultedProps = never;\n\n/**\n * State used in rendering CardHeader\n */\nexport interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
@@ -1,5 +0,0 @@
1
- export * from './CardHeader';
2
- export * from './CardHeader.types';
3
- export * from './renderCardHeader';
4
- export * from './useCardHeader';
5
- export * from './useCardHeaderStyles';
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./CardHeader", "./CardHeader.types", "./renderCardHeader", "./useCardHeader", "./useCardHeaderStyles"], function (require, exports, tslib_1, CardHeader_1, CardHeader_types_1, renderCardHeader_1, useCardHeader_1, useCardHeaderStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(CardHeader_1, exports);
5
- tslib_1.__exportStar(CardHeader_types_1, exports);
6
- tslib_1.__exportStar(renderCardHeader_1, exports);
7
- tslib_1.__exportStar(useCardHeader_1, exports);
8
- tslib_1.__exportStar(useCardHeaderStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardHeader/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC;IACnC,kDAAmC;IACnC,+CAAgC;IAChC,qDAAsC","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"]}