@fluentui/react-card 9.0.0-alpha.2 → 9.0.0-alpha.6

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 (153) hide show
  1. package/CHANGELOG.json +135 -1
  2. package/CHANGELOG.md +49 -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.map +1 -1
  14. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  15. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  16. package/lib/components/CardFooter/index.js.map +1 -1
  17. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  18. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  19. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  20. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  21. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  22. package/lib/components/CardHeader/index.js.map +1 -1
  23. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  24. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  25. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  26. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  27. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  28. package/lib/components/CardPreview/index.js.map +1 -1
  29. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  30. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  31. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  32. package/lib/index.js.map +1 -1
  33. package/lib-commonjs/Card.js.map +1 -1
  34. package/lib-commonjs/CardFooter.js.map +1 -1
  35. package/lib-commonjs/CardHeader.js.map +1 -1
  36. package/lib-commonjs/CardPreview.js.map +1 -1
  37. package/lib-commonjs/common/isConformant.js.map +1 -1
  38. package/lib-commonjs/components/Card/Card.js.map +1 -1
  39. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  40. package/lib-commonjs/components/Card/index.js.map +1 -1
  41. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  42. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  43. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  44. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  45. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  46. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  47. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  48. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  49. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  50. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  51. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  52. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  53. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  54. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  55. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  56. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  57. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  58. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  59. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  60. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  61. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  62. package/lib-commonjs/index.js.map +1 -1
  63. package/package.json +10 -10
  64. package/lib-amd/Card.d.ts +0 -1
  65. package/lib-amd/Card.js +0 -6
  66. package/lib-amd/Card.js.map +0 -1
  67. package/lib-amd/CardFooter.d.ts +0 -1
  68. package/lib-amd/CardFooter.js +0 -6
  69. package/lib-amd/CardFooter.js.map +0 -1
  70. package/lib-amd/CardHeader.d.ts +0 -1
  71. package/lib-amd/CardHeader.js +0 -6
  72. package/lib-amd/CardHeader.js.map +0 -1
  73. package/lib-amd/CardPreview.d.ts +0 -1
  74. package/lib-amd/CardPreview.js +0 -6
  75. package/lib-amd/CardPreview.js.map +0 -1
  76. package/lib-amd/common/isConformant.d.ts +0 -4
  77. package/lib-amd/common/isConformant.js +0 -15
  78. package/lib-amd/common/isConformant.js.map +0 -1
  79. package/lib-amd/components/Card/Card.d.ts +0 -6
  80. package/lib-amd/components/Card/Card.js +0 -15
  81. package/lib-amd/components/Card/Card.js.map +0 -1
  82. package/lib-amd/components/Card/Card.types.d.ts +0 -24
  83. package/lib-amd/components/Card/Card.types.js +0 -5
  84. package/lib-amd/components/Card/Card.types.js.map +0 -1
  85. package/lib-amd/components/Card/index.d.ts +0 -5
  86. package/lib-amd/components/Card/index.js +0 -10
  87. package/lib-amd/components/Card/index.js.map +0 -1
  88. package/lib-amd/components/Card/renderCard.d.ts +0 -5
  89. package/lib-amd/components/Card/renderCard.js +0 -14
  90. package/lib-amd/components/Card/renderCard.js.map +0 -1
  91. package/lib-amd/components/Card/useCard.d.ts +0 -13
  92. package/lib-amd/components/Card/useCard.js +0 -25
  93. package/lib-amd/components/Card/useCard.js.map +0 -1
  94. package/lib-amd/components/Card/useCardStyles.d.ts +0 -5
  95. package/lib-amd/components/Card/useCardStyles.js +0 -50
  96. package/lib-amd/components/Card/useCardStyles.js.map +0 -1
  97. package/lib-amd/components/CardFooter/CardFooter.d.ts +0 -6
  98. package/lib-amd/components/CardFooter/CardFooter.js +0 -15
  99. package/lib-amd/components/CardFooter/CardFooter.js.map +0 -1
  100. package/lib-amd/components/CardFooter/CardFooter.types.d.ts +0 -28
  101. package/lib-amd/components/CardFooter/CardFooter.types.js +0 -5
  102. package/lib-amd/components/CardFooter/CardFooter.types.js.map +0 -1
  103. package/lib-amd/components/CardFooter/index.d.ts +0 -5
  104. package/lib-amd/components/CardFooter/index.js +0 -10
  105. package/lib-amd/components/CardFooter/index.js.map +0 -1
  106. package/lib-amd/components/CardFooter/renderCardFooter.d.ts +0 -5
  107. package/lib-amd/components/CardFooter/renderCardFooter.js +0 -16
  108. package/lib-amd/components/CardFooter/renderCardFooter.js.map +0 -1
  109. package/lib-amd/components/CardFooter/useCardFooter.d.ts +0 -17
  110. package/lib-amd/components/CardFooter/useCardFooter.js +0 -28
  111. package/lib-amd/components/CardFooter/useCardFooter.js.map +0 -1
  112. package/lib-amd/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  113. package/lib-amd/components/CardFooter/useCardFooterStyles.js +0 -31
  114. package/lib-amd/components/CardFooter/useCardFooterStyles.js.map +0 -1
  115. package/lib-amd/components/CardHeader/CardHeader.d.ts +0 -6
  116. package/lib-amd/components/CardHeader/CardHeader.js +0 -15
  117. package/lib-amd/components/CardHeader/CardHeader.js.map +0 -1
  118. package/lib-amd/components/CardHeader/CardHeader.types.d.ts +0 -44
  119. package/lib-amd/components/CardHeader/CardHeader.types.js +0 -5
  120. package/lib-amd/components/CardHeader/CardHeader.types.js.map +0 -1
  121. package/lib-amd/components/CardHeader/index.d.ts +0 -5
  122. package/lib-amd/components/CardHeader/index.js +0 -10
  123. package/lib-amd/components/CardHeader/index.js.map +0 -1
  124. package/lib-amd/components/CardHeader/renderCardHeader.d.ts +0 -5
  125. package/lib-amd/components/CardHeader/renderCardHeader.js +0 -19
  126. package/lib-amd/components/CardHeader/renderCardHeader.js.map +0 -1
  127. package/lib-amd/components/CardHeader/useCardHeader.d.ts +0 -17
  128. package/lib-amd/components/CardHeader/useCardHeader.js +0 -39
  129. package/lib-amd/components/CardHeader/useCardHeader.js.map +0 -1
  130. package/lib-amd/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  131. package/lib-amd/components/CardHeader/useCardHeaderStyles.js +0 -56
  132. package/lib-amd/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  133. package/lib-amd/components/CardPreview/CardPreview.d.ts +0 -6
  134. package/lib-amd/components/CardPreview/CardPreview.js +0 -15
  135. package/lib-amd/components/CardPreview/CardPreview.js.map +0 -1
  136. package/lib-amd/components/CardPreview/CardPreview.types.d.ts +0 -28
  137. package/lib-amd/components/CardPreview/CardPreview.types.js +0 -5
  138. package/lib-amd/components/CardPreview/CardPreview.types.js.map +0 -1
  139. package/lib-amd/components/CardPreview/index.d.ts +0 -5
  140. package/lib-amd/components/CardPreview/index.js +0 -10
  141. package/lib-amd/components/CardPreview/index.js.map +0 -1
  142. package/lib-amd/components/CardPreview/renderCardPreview.d.ts +0 -5
  143. package/lib-amd/components/CardPreview/renderCardPreview.js +0 -16
  144. package/lib-amd/components/CardPreview/renderCardPreview.js.map +0 -1
  145. package/lib-amd/components/CardPreview/useCardPreview.d.ts +0 -17
  146. package/lib-amd/components/CardPreview/useCardPreview.js +0 -29
  147. package/lib-amd/components/CardPreview/useCardPreview.js.map +0 -1
  148. package/lib-amd/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  149. package/lib-amd/components/CardPreview/useCardPreviewStyles.js +0 -39
  150. package/lib-amd/components/CardPreview/useCardPreviewStyles.js.map +0 -1
  151. package/lib-amd/index.d.ts +0 -4
  152. package/lib-amd/index.js +0 -9
  153. package/lib-amd/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,8BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardHeaderShorthandPropsCompat } from './useCardHeader';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader\n */\nexport const renderCardHeader = (state: CardHeaderState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardHeaderShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.image {...slotProps.image} />\n <slots.content {...slotProps.content}>\n <slots.header {...slotProps.header} />\n <slots.description {...slotProps.description} />\n </slots.content>\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,8BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,8BAAA,GAA6D,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAA7D;AAQb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,8BAApC,CATM,EAUtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,8BAA7B,CAVsB,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderShorthandProps, CardHeaderState } from './CardHeader.types';\n\n/**\n * Array of all shorthand properties listed in CardHeaderShorthandProps\n */\nexport const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[] = [\n 'image',\n 'content',\n 'header',\n 'description',\n 'action',\n];\n\nconst mergeProps = makeMergeProps<CardHeaderState>({ deepMerge: cardHeaderShorthandPropsCompat });\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles,\n * before being passed to renderCardHeader.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardHeader = (\n props: CardHeaderProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardHeaderProps,\n): CardHeaderState => {\n const state = mergeProps(\n {\n image: { as: 'div' },\n content: { as: 'div', children: React.Fragment },\n header: { as: 'span' },\n description: { as: 'span' },\n action: { as: 'div' },\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardHeaderShorthandPropsCompat),\n resolveShorthandProps(props, cardHeaderShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,8BAAA,GAA6D,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAA7D;AAQb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,8BAApC,CATM,EAUtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,8BAA7B,CAVsB,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '12px',\n height: '32px',\n },\n image: {\n minWidth: '24px',\n minHeight: '24px',\n maxWidth: '32px',\n maxHeight: '32px',\n\n display: 'flex',\n alignItems: 'center',\n\n '> *': {\n minWidth: 'inherit',\n minHeight: 'inherit',\n maxWidth: '100%',\n maxHeight: '100%',\n },\n },\n\n textContainer: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n height: 'inherit',\n\n '> *': {\n height: '50%',\n },\n },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state\n */\nexport const useCardHeaderStyles = (state: CardHeaderState): CardHeaderState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.image) {\n state.image.className = mergeClasses(styles.image, state.image.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(styles.textContainer, state.content.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAc,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAL0B,CAAd;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useCardPreview } from './useCardPreview';\nimport { renderCardPreview } from './renderCardPreview';\nimport { useCardPreviewStyles } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = React.forwardRef<HTMLElement, CardPreviewProps>((props, ref) => {\n const state = useCardPreview(props, ref);\n\n useCardPreviewStyles(state);\n return renderCardPreview(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAc,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAL0B,CAAd;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAA,CAAA,+BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardPreviewShorthandPropsCompat } from './useCardPreview';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview\n */\nexport const renderCardPreview = (state: CardPreviewState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardPreviewShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.logo {...slotProps.logo} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAA,CAAA,+BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,+BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAiC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAjC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,+BAApC,CALM,EAMtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,+BAA7B,CANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewShorthandProps, CardPreviewState } from './CardPreview.types';\n\n/**\n * Array of all shorthand properties listed in CardPreviewShorthandProps\n */\nexport const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[] = ['logo'];\n\nconst mergeProps = makeMergeProps<CardPreviewState>({ deepMerge: cardPreviewShorthandPropsCompat });\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles,\n * before being passed to renderCardPreview.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardPreview = (\n props: CardPreviewProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardPreviewProps,\n): CardPreviewState => {\n const state = mergeProps(\n {\n ref,\n logo: { as: 'div' },\n },\n defaultProps && resolveShorthandProps(defaultProps, cardPreviewShorthandPropsCompat),\n resolveShorthandProps(props, cardPreviewShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,+BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAiC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAjC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,+BAApC,CALM,EAMtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,+BAA7B,CANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n position: 'relative',\n // TODO: Explore alternate way of applying padding on parent Card\n margin: '0 -12px',\n\n '> *': {\n display: 'block',\n width: '100%',\n },\n }),\n\n logo: {\n position: 'absolute',\n bottom: '12px',\n left: '12px',\n width: '32px',\n height: '32px',\n },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state\n */\nexport const useCardPreviewStyles = (state: CardPreviewState): CardPreviewState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.logo) {\n state.logo.className = mergeClasses(styles.logo, state.logo.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Card';\nexport * from './CardFooter';\nexport * from './CardHeader';\nexport * from './CardPreview';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.0-alpha.2",
3
+ "version": "9.0.0-alpha.6",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -25,14 +25,14 @@
25
25
  "storybook": "start-storybook -s assets"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-alpha.48",
29
- "@fluentui/eslint-plugin": "^1.4.1",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.41",
31
- "@fluentui/react-conformance": "^0.5.0",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.10",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.52",
29
+ "@fluentui/eslint-plugin": "*",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.45",
31
+ "@fluentui/react-conformance": "*",
32
+ "@fluentui/react-conformance-make-styles": "9.0.0-alpha.14",
33
33
  "@fluentui/scripts": "^1.0.0",
34
- "@fluentui/react-text": "^9.0.0-alpha.15",
35
- "@fluentui/react-button": "^9.0.0-alpha.86",
34
+ "@fluentui/react-text": "^9.0.0-alpha.19",
35
+ "@fluentui/react-button": "^9.0.0-alpha.90",
36
36
  "@types/enzyme": "3.10.3",
37
37
  "@types/enzyme-adapter-react-16": "1.0.3",
38
38
  "@types/react": "16.9.42",
@@ -45,8 +45,8 @@
45
45
  "react-test-renderer": "^16.3.0"
46
46
  },
47
47
  "dependencies": {
48
- "@fluentui/react-make-styles": "9.0.0-alpha.66",
49
- "@fluentui/react-utilities": "9.0.0-alpha.48",
48
+ "@fluentui/react-make-styles": "9.0.0-alpha.70",
49
+ "@fluentui/react-utilities": "9.0.0-alpha.50",
50
50
  "tslib": "^2.1.0"
51
51
  },
52
52
  "peerDependencies": {
package/lib-amd/Card.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/Card/index';
package/lib-amd/Card.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/Card/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=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"../src/","sources":["Card.ts"],"names":[],"mappings":";;;IAAA,uCAAwC","sourcesContent":["export * from './components/Card/index';\n"]}
@@ -1 +0,0 @@
1
- export * from './components/CardFooter/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/CardFooter/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=CardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.js","sourceRoot":"../src/","sources":["CardFooter.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/CardFooter/index';\n"]}
@@ -1 +0,0 @@
1
- export * from './components/CardHeader/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/CardHeader/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=CardHeader.js.map
@@ -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"]}