@fluentui/react-card 9.0.32 → 9.0.34
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.
- package/CHANGELOG.json +85 -1
- package/CHANGELOG.md +29 -2
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Card/CardContext.js.map +1 -1
- package/lib/components/Card/renderCard.js +11 -4
- package/lib/components/Card/renderCard.js.map +1 -1
- package/lib/components/Card/useCard.js +4 -4
- package/lib/components/Card/useCard.js.map +1 -1
- package/lib/components/Card/useCardContextValue.js +1 -1
- package/lib/components/Card/useCardContextValue.js.map +1 -1
- package/lib/components/Card/useCardSelectable.js +5 -4
- package/lib/components/Card/useCardSelectable.js.map +1 -1
- package/lib/components/CardFooter/CardFooter.js.map +1 -1
- package/lib/components/CardFooter/renderCardFooter.js +7 -2
- package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
- package/lib/components/CardFooter/useCardFooter.js +1 -1
- package/lib/components/CardFooter/useCardFooter.js.map +1 -1
- package/lib/components/CardHeader/CardHeader.js.map +1 -1
- package/lib/components/CardHeader/renderCardHeader.js +9 -2
- package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
- package/lib/components/CardHeader/useCardHeader.js +6 -5
- package/lib/components/CardHeader/useCardHeader.js.map +1 -1
- package/lib/components/CardHeader/useCardHeaderStyles.styles.js +5 -4
- package/lib/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -1
- package/lib/components/CardPreview/CardPreview.js.map +1 -1
- package/lib/components/CardPreview/renderCardPreview.js +7 -2
- package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
- package/lib/components/CardPreview/useCardPreview.js +2 -2
- package/lib/components/CardPreview/useCardPreview.js.map +1 -1
- package/lib-commonjs/Card.js +2 -2
- package/lib-commonjs/Card.js.map +1 -1
- package/lib-commonjs/CardFooter.js +2 -2
- package/lib-commonjs/CardFooter.js.map +1 -1
- package/lib-commonjs/CardHeader.js +2 -2
- package/lib-commonjs/CardHeader.js.map +1 -1
- package/lib-commonjs/CardPreview.js +2 -2
- package/lib-commonjs/CardPreview.js.map +1 -1
- package/lib-commonjs/components/Card/Card.js +7 -5
- package/lib-commonjs/components/Card/Card.js.map +1 -1
- package/lib-commonjs/components/Card/Card.types.js +2 -2
- package/lib-commonjs/components/Card/Card.types.js.map +1 -1
- package/lib-commonjs/components/Card/CardContext.js +11 -5
- package/lib-commonjs/components/Card/CardContext.js.map +1 -1
- package/lib-commonjs/components/Card/index.js +7 -7
- package/lib-commonjs/components/Card/index.js.map +1 -1
- package/lib-commonjs/components/Card/renderCard.js +18 -9
- package/lib-commonjs/components/Card/renderCard.js.map +1 -1
- package/lib-commonjs/components/Card/useCard.js +18 -16
- package/lib-commonjs/components/Card/useCard.js.map +1 -1
- package/lib-commonjs/components/Card/useCardContextValue.js +4 -2
- package/lib-commonjs/components/Card/useCardContextValue.js.map +1 -1
- package/lib-commonjs/components/Card/useCardSelectable.js +18 -15
- package/lib-commonjs/components/Card/useCardSelectable.js.map +1 -1
- package/lib-commonjs/components/Card/useCardStyles.styles.js +14 -8
- package/lib-commonjs/components/Card/useCardStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CardFooter/CardFooter.js +7 -5
- package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
- package/lib-commonjs/components/CardFooter/index.js +6 -6
- package/lib-commonjs/components/CardFooter/index.js.map +1 -1
- package/lib-commonjs/components/CardFooter/renderCardFooter.js +13 -6
- package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
- package/lib-commonjs/components/CardFooter/useCardFooter.js +9 -7
- package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js +7 -3
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CardHeader/CardHeader.js +7 -5
- package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
- package/lib-commonjs/components/CardHeader/index.js +6 -6
- package/lib-commonjs/components/CardHeader/index.js.map +1 -1
- package/lib-commonjs/components/CardHeader/renderCardHeader.js +15 -6
- package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
- package/lib-commonjs/components/CardHeader/useCardHeader.js +20 -17
- package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
- package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js +15 -8
- package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CardPreview/CardPreview.js +7 -5
- package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
- package/lib-commonjs/components/CardPreview/index.js +6 -6
- package/lib-commonjs/components/CardPreview/index.js.map +1 -1
- package/lib-commonjs/components/CardPreview/renderCardPreview.js +13 -6
- package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
- package/lib-commonjs/components/CardPreview/useCardPreview.js +14 -12
- package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js +7 -3
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +76 -28
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +11 -11
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles.styles';\n/**\n * Finds the first child of CardHeader with an id prop.\n *\n * @param header - the header prop of CardHeader\n */ function getChildWithId(header) {\n function isReactElementWithIdProp(element) {\n return React.isValidElement(element) && Boolean(element.props.id);\n }\n return React.Children.toArray(header).find(isReactElementWithIdProp);\n}\n/**\n * Returns the id to use for the CardHeader root element.\n *\n * @param headerId - the id prop of the CardHeader component\n * @param childWithId - the first child of the CardHeader component with an id prop\n * @param generatedId - a generated id\n *\n * @returns the id to use for the CardHeader root element\n */ function getReferenceId(headerId, childWithId, generatedId) {\n if (headerId) {\n return headerId;\n }\n if (childWithId === null ||
|
1
|
+
{"version":3,"sources":["useCardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles.styles';\n/**\n * Finds the first child of CardHeader with an id prop.\n *\n * @param header - the header prop of CardHeader\n */ function getChildWithId(header) {\n function isReactElementWithIdProp(element) {\n return React.isValidElement(element) && Boolean(element.props.id);\n }\n return React.Children.toArray(header).find(isReactElementWithIdProp);\n}\n/**\n * Returns the id to use for the CardHeader root element.\n *\n * @param headerId - the id prop of the CardHeader component\n * @param childWithId - the first child of the CardHeader component with an id prop\n * @param generatedId - a generated id\n *\n * @returns the id to use for the CardHeader root element\n */ function getReferenceId(headerId, childWithId, generatedId) {\n var _childWithId;\n if (headerId) {\n return headerId;\n }\n if ((_childWithId = childWithId) === null || _childWithId === void 0 ? void 0 : _childWithId.props.id) {\n return childWithId.props.id;\n }\n return generatedId;\n}\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */ export const useCardHeader_unstable = (props, ref)=>{\n const { image, header, description, action } = props;\n const { selectableA11yProps: { referenceId, setReferenceId } } = useCardContext_unstable();\n const headerRef = React.useRef(null);\n const hasChildId = React.useRef(false);\n const generatedId = useId(cardHeaderClassNames.header, referenceId);\n const headerSlot = slot.optional(header, {\n renderByDefault: true,\n defaultProps: {\n ref: headerRef,\n id: !hasChildId.current ? referenceId : undefined\n },\n elementType: 'div'\n });\n React.useEffect(()=>{\n var _headerRef_current, _headerSlot;\n const headerId = !hasChildId.current ? (_headerRef_current = headerRef.current) === null || _headerRef_current === void 0 ? void 0 : _headerRef_current.id : undefined;\n const childWithId = getChildWithId((_headerSlot = headerSlot) === null || _headerSlot === void 0 ? void 0 : _headerSlot.children);\n hasChildId.current = Boolean(childWithId);\n setReferenceId(getReferenceId(headerId, childWithId, generatedId));\n }, [\n generatedId,\n header,\n headerSlot,\n setReferenceId\n ]);\n return {\n components: {\n root: 'div',\n image: 'div',\n header: 'div',\n description: 'div',\n action: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n image: slot.optional(image, {\n elementType: 'div'\n }),\n header: headerSlot,\n description: slot.optional(description, {\n elementType: 'div'\n }),\n action: slot.optional(action, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useCardHeader_unstable","getChildWithId","header","isReactElementWithIdProp","element","React","isValidElement","Boolean","props","id","Children","toArray","find","getReferenceId","headerId","childWithId","generatedId","_childWithId","ref","image","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","useRef","hasChildId","useId","cardHeaderClassNames","headerSlot","slot","optional","renderByDefault","defaultProps","current","undefined","elementType","useEffect","_headerRef_current","_headerSlot","children","components","root","always","getNativeElementProps"],"mappings":";;;;+BAwCiBA;;;eAAAA;;;;iEAxCM;gCAC4B;6BACX;2CACH;AACrC;;;;CAIC,GAAG,SAASC,eAAeC,MAAM;IAC9B,SAASC,yBAAyBC,OAAO;QACrC,qBAAOC,OAAMC,cAAc,CAACF,YAAYG,QAAQH,QAAQI,KAAK,CAACC,EAAE;IACpE;IACA,OAAOJ,OAAMK,QAAQ,CAACC,OAAO,CAACT,QAAQU,IAAI,CAACT;AAC/C;AACA;;;;;;;;CAQC,GAAG,SAASU,eAAeC,QAAQ,EAAEC,WAAW,EAAEC,WAAW;IAC1D,IAAIC;IACJ,IAAIH,UAAU;QACV,OAAOA;IACX;IACA,IAAI,AAACG,CAAAA,eAAeF,WAAU,MAAO,QAAQE,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaT,KAAK,CAACC,EAAE,EAAE;QACnG,OAAOM,YAAYP,KAAK,CAACC,EAAE;IAC/B;IACA,OAAOO;AACX;AASW,MAAMhB,yBAAyB,CAACQ,OAAOU;IAC9C,MAAM,EAAEC,KAAK,EAAEjB,MAAM,EAAEkB,WAAW,EAAEC,MAAM,EAAE,GAAGb;IAC/C,MAAM,EAAEc,qBAAqB,EAAEC,WAAW,EAAEC,cAAc,EAAE,EAAE,GAAGC,IAAAA,oCAAuB;IACxF,MAAMC,YAAYrB,OAAMsB,MAAM,CAAC;IAC/B,MAAMC,aAAavB,OAAMsB,MAAM,CAAC;IAChC,MAAMX,cAAca,IAAAA,qBAAK,EAACC,+CAAoB,CAAC5B,MAAM,EAAEqB;IACvD,MAAMQ,aAAaC,oBAAI,CAACC,QAAQ,CAAC/B,QAAQ;QACrCgC,iBAAiB;QACjBC,cAAc;YACVjB,KAAKQ;YACLjB,IAAI,CAACmB,WAAWQ,OAAO,GAAGb,cAAcc;QAC5C;QACAC,aAAa;IACjB;IACAjC,OAAMkC,SAAS,CAAC;QACZ,IAAIC,oBAAoBC;QACxB,MAAM3B,WAAW,CAACc,WAAWQ,OAAO,GAAG,AAACI,CAAAA,qBAAqBd,UAAUU,OAAO,AAAD,MAAO,QAAQI,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmB/B,EAAE,GAAG4B;QAC7J,MAAMtB,cAAcd,eAAe,AAACwC,CAAAA,cAAcV,UAAS,MAAO,QAAQU,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYC,QAAQ;QAChId,WAAWQ,OAAO,GAAG7B,QAAQQ;QAC7BS,eAAeX,eAAeC,UAAUC,aAAaC;IACzD,GAAG;QACCA;QACAd;QACA6B;QACAP;KACH;IACD,OAAO;QACHmB,YAAY;YACRC,MAAM;YACNzB,OAAO;YACPjB,QAAQ;YACRkB,aAAa;YACbC,QAAQ;QACZ;QACAuB,MAAMZ,oBAAI,CAACa,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C5B;YACA,GAAGV,KAAK;QACZ,IAAI;YACA8B,aAAa;QACjB;QACAnB,OAAOa,oBAAI,CAACC,QAAQ,CAACd,OAAO;YACxBmB,aAAa;QACjB;QACApC,QAAQ6B;QACRX,aAAaY,oBAAI,CAACC,QAAQ,CAACb,aAAa;YACpCkB,aAAa;QACjB;QACAjB,QAAQW,oBAAI,CAACC,QAAQ,CAACZ,QAAQ;YAC1BiB,aAAa;QACjB;IACJ;AACJ"}
|
@@ -9,9 +9,15 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
cardHeaderClassNames: ()
|
13
|
-
|
14
|
-
|
12
|
+
cardHeaderClassNames: function() {
|
13
|
+
return cardHeaderClassNames;
|
14
|
+
},
|
15
|
+
cardHeaderCSSVars: function() {
|
16
|
+
return cardHeaderCSSVars;
|
17
|
+
},
|
18
|
+
useCardHeaderStyles_unstable: function() {
|
19
|
+
return useCardHeaderStyles_unstable;
|
20
|
+
}
|
15
21
|
});
|
16
22
|
const _react = require("@griffel/react");
|
17
23
|
const cardHeaderClassNames = {
|
@@ -24,12 +30,11 @@ const cardHeaderClassNames = {
|
|
24
30
|
const cardHeaderCSSVars = {
|
25
31
|
cardHeaderGapVar: '--fui-CardHeader--gap'
|
26
32
|
};
|
27
|
-
const useStyles = /*#__PURE__*/ (0, _react
|
33
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
28
34
|
root: {
|
29
35
|
Bkc6ea2: "fkufhic",
|
30
36
|
mc9l5x: "f13qh94s",
|
31
37
|
t4k1zu: "f8a668j",
|
32
|
-
v29qe6: "f4h39za",
|
33
38
|
Bt984gj: "f122n59"
|
34
39
|
},
|
35
40
|
image: {
|
@@ -43,11 +48,13 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
43
48
|
},
|
44
49
|
header: {
|
45
50
|
Br312pm: "fd46tj4",
|
46
|
-
Ijaq50: "f16hsg94"
|
51
|
+
Ijaq50: "f16hsg94",
|
52
|
+
mc9l5x: "f22iagw"
|
47
53
|
},
|
48
54
|
description: {
|
49
55
|
Br312pm: "fd46tj4",
|
50
|
-
Ijaq50: "faunodf"
|
56
|
+
Ijaq50: "faunodf",
|
57
|
+
mc9l5x: "f22iagw"
|
51
58
|
},
|
52
59
|
action: {
|
53
60
|
Frg6f3: [
|
@@ -62,7 +69,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
62
69
|
".fkufhic{--fui-CardHeader--gap:12px;}",
|
63
70
|
".f13qh94s{display:grid;}",
|
64
71
|
".f8a668j{grid-auto-columns:min-content 1fr min-content;}",
|
65
|
-
".f4h39za{grid-auto-rows:1fr min-content;}",
|
66
72
|
".f122n59{align-items:center;}",
|
67
73
|
".ftuwxu6{display:inline-flex;}",
|
68
74
|
".fql5097{margin-right:var(--fui-CardHeader--gap);}",
|
@@ -71,6 +77,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
71
77
|
".fldnz9j{grid-row-start:span 2;}",
|
72
78
|
".fd46tj4{grid-column-start:2;}",
|
73
79
|
".f16hsg94{grid-row-start:1;}",
|
80
|
+
".f22iagw{display:flex;}",
|
74
81
|
".faunodf{grid-row-start:2;}",
|
75
82
|
".fis13di{grid-column-start:3;}"
|
76
83
|
]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\",\n
|
1
|
+
{"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"],\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\",\n mc9l5x: \"f22iagw\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\",\n mc9l5x: \"f22iagw\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".f22iagw{display:flex;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB;eAApBA;;IAUAC,iBAAiB;eAAjBA;;IAqCAC,4BAA4B;eAA5BA;;;uBAnD0B;AAIhC,MAAMF,uBAAuB;IAClCG,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAIO,MAAMN,oBAAoB;IAC/BO,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAV,OAAO;QACLQ,QAAQ;QACRG,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAZ,QAAQ;QACNW,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAN,aAAa;QACXU,SAAS;QACTC,QAAQ;QACRL,QAAQ;IACV;IACAL,QAAQ;QACNW,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAAiC;QAAkC;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA2B;QAA+B;KAAiC;AACxhB;AAIO,MAAMjB,+BAA+BkB,CAAAA;IAC1C,MAAMC,SAASZ;IACfW,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBG,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAChG,IAAIF,MAAMhB,KAAK,EAAE;QACfgB,MAAMhB,KAAK,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBI,KAAK,EAAEiB,OAAOjB,KAAK,EAAEgB,MAAMhB,KAAK,CAACkB,SAAS;IACtG;IACA,IAAIF,MAAMf,MAAM,EAAE;QAChBe,MAAMf,MAAM,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBK,MAAM,EAAEgB,OAAOhB,MAAM,EAAEe,MAAMf,MAAM,CAACiB,SAAS;IAC1G;IACA,IAAIF,MAAMd,WAAW,EAAE;QACrBc,MAAMd,WAAW,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBM,WAAW,EAAEe,OAAOf,WAAW,EAAEc,MAAMd,WAAW,CAACgB,SAAS;IAC9H;IACA,IAAIF,MAAMb,MAAM,EAAE;QAChBa,MAAMb,MAAM,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,qBAAqBO,MAAM,EAAEc,OAAOd,MAAM,EAAEa,MAAMb,MAAM,CAACe,SAAS;IAC1G;IACA,OAAOF;AACT,GACA,sDAAsD"}
|
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "CardPreview", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return CardPreview;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
11
13
|
const _useCardPreview = require("./useCardPreview");
|
12
14
|
const _renderCardPreview = require("./renderCardPreview");
|
13
|
-
const
|
15
|
+
const _useCardPreviewStylesstyles = require("./useCardPreviewStyles.styles");
|
14
16
|
const CardPreview = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
15
17
|
const state = (0, _useCardPreview.useCardPreview_unstable)(props, ref);
|
16
|
-
(0,
|
18
|
+
(0, _useCardPreviewStylesstyles.useCardPreviewStyles_unstable)(state);
|
17
19
|
return (0, _renderCardPreview.renderCardPreview_unstable)(state);
|
18
20
|
});
|
19
21
|
CardPreview.displayName = 'CardPreview';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["CardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';\n/**\n * Component to render image previews of documents or articles in a Card component.\n */ export const CardPreview = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useCardPreview_unstable(props, ref);\n useCardPreviewStyles_unstable(state);\n return renderCardPreview_unstable(state);\n});\nCardPreview.displayName = 'CardPreview';\n"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAMiBA
|
1
|
+
{"version":3,"sources":["CardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';\n/**\n * Component to render image previews of documents or articles in a Card component.\n */ export const CardPreview = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useCardPreview_unstable(props, ref);\n useCardPreviewStyles_unstable(state);\n return renderCardPreview_unstable(state);\n});\nCardPreview.displayName = 'CardPreview';\n"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;gCACiB;mCACG;4CACG;AAGnC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACtC;AACAL,YAAYS,WAAW,GAAG"}
|
@@ -2,9 +2,9 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
|
-
const
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
6
|
+
_export_star._(require("./CardPreview"), exports);
|
7
|
+
_export_star._(require("./CardPreview.types"), exports);
|
8
|
+
_export_star._(require("./renderCardPreview"), exports);
|
9
|
+
_export_star._(require("./useCardPreview"), exports);
|
10
|
+
_export_star._(require("./useCardPreviewStyles.styles"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles.styles';\n"],"names":[],"mappings":";;;;;
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
@@ -1,14 +1,21 @@
|
|
1
|
-
/** @jsxRuntime
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "renderCardPreview_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return renderCardPreview_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
11
13
|
const renderCardPreview_unstable = (state)=>{
|
12
|
-
(0,
|
13
|
-
return /*#__PURE__*/ (0,
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
16
|
+
children: [
|
17
|
+
state.root.children,
|
18
|
+
state.logo && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.logo, {})
|
19
|
+
]
|
20
|
+
});
|
14
21
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["renderCardPreview.js"],"sourcesContent":["/** @jsxRuntime
|
1
|
+
{"version":3,"sources":["renderCardPreview.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of CardPreview.\n */ export const renderCardPreview_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.root.children,\n state.logo && /*#__PURE__*/ _jsx(state.logo, {})\n ]\n });\n};\n"],"names":["renderCardPreview_unstable","state","assertSlots","_jsxs","root","children","logo","_jsx"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,IAAI,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;SACjD;IACL;AACJ"}
|
@@ -4,23 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "useCardPreview_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return useCardPreview_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
-
const
|
12
|
-
const
|
13
|
-
const
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
14
|
+
const _CardContext = require("../Card/CardContext");
|
15
|
+
const _useCardPreviewStylesstyles = require("./useCardPreviewStyles.styles");
|
14
16
|
const useCardPreview_unstable = (props, ref)=>{
|
15
|
-
const { logo
|
16
|
-
const { selectableA11yProps: { referenceLabel
|
17
|
-
const previewRef = (0,
|
17
|
+
const { logo } = props;
|
18
|
+
const { selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId } } = (0, _CardContext.useCardContext_unstable)();
|
19
|
+
const previewRef = (0, _reactutilities.useMergedRefs)(ref, _react.useRef(null));
|
18
20
|
_react.useEffect(()=>{
|
19
21
|
if (referenceLabel && referenceId) {
|
20
22
|
return;
|
21
23
|
}
|
22
24
|
if (previewRef.current && previewRef.current.parentNode) {
|
23
|
-
const img = previewRef.current.parentNode.querySelector(`.${
|
25
|
+
const img = previewRef.current.parentNode.querySelector(`.${_useCardPreviewStylesstyles.cardPreviewClassNames.root} > img`);
|
24
26
|
if (img) {
|
25
27
|
const ariaLabel = img.getAttribute('aria-label');
|
26
28
|
const ariaDescribedby = img.getAttribute('aria-describedby');
|
@@ -45,13 +47,13 @@ const useCardPreview_unstable = (props, ref)=>{
|
|
45
47
|
root: 'div',
|
46
48
|
logo: 'div'
|
47
49
|
},
|
48
|
-
root:
|
50
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
49
51
|
ref: previewRef,
|
50
52
|
...props
|
51
53
|
}), {
|
52
54
|
elementType: 'div'
|
53
55
|
}),
|
54
|
-
logo:
|
56
|
+
logo: _reactutilities.slot.optional(logo, {
|
55
57
|
elementType: 'div'
|
56
58
|
})
|
57
59
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles.styles';\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */ export const useCardPreview_unstable = (props, ref)=>{\n const { logo
|
1
|
+
{"version":3,"sources":["useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles.styles';\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */ export const useCardPreview_unstable = (props, ref)=>{\n const { logo } = props;\n const { selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId } } = useCardContext_unstable();\n const previewRef = useMergedRefs(ref, React.useRef(null));\n React.useEffect(()=>{\n if (referenceLabel && referenceId) {\n return;\n }\n if (previewRef.current && previewRef.current.parentNode) {\n const img = previewRef.current.parentNode.querySelector(`.${cardPreviewClassNames.root} > img`);\n if (img) {\n const ariaLabel = img.getAttribute('aria-label');\n const ariaDescribedby = img.getAttribute('aria-describedby');\n if (ariaDescribedby) {\n setReferenceId(ariaDescribedby);\n } else if (img.alt) {\n setReferenceLabel(img.alt);\n } else if (ariaLabel) {\n setReferenceLabel(ariaLabel);\n }\n }\n }\n }, [\n setReferenceLabel,\n referenceLabel,\n previewRef,\n referenceId,\n setReferenceId\n ]);\n return {\n components: {\n root: 'div',\n logo: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref: previewRef,\n ...props\n }), {\n elementType: 'div'\n }),\n logo: slot.optional(logo, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","React","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","slot","always","getNativeElementProps","elementType","optional"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACoC;6BACnB;4CACF;AAS3B,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,qBAAqB,EAAEC,cAAc,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,cAAc,EAAE,EAAE,GAAGC,IAAAA,oCAAuB;IAC3H,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC;IACnDD,OAAME,SAAS,CAAC;QACZ,IAAIT,kBAAkBC,aAAa;YAC/B;QACJ;QACA,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACrD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,iDAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACL,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACjBf,eAAee;gBACnB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAChBjB,kBAAkBU,IAAIO,GAAG;gBAC7B,OAAO,IAAIH,WAAW;oBAClBd,kBAAkBc;gBACtB;YACJ;QACJ;IACJ,GAAG;QACCd;QACAF;QACAK;QACAJ;QACAE;KACH;IACD,OAAO;QACHiB,YAAY;YACRL,MAAM;YACNjB,MAAM;QACV;QACAiB,MAAMM,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C1B,KAAKQ;YACL,GAAGT,KAAK;QACZ,IAAI;YACA4B,aAAa;QACjB;QACA1B,MAAMuB,oBAAI,CAACI,QAAQ,CAAC3B,MAAM;YACtB0B,aAAa;QACjB;IACJ;AACJ"}
|
@@ -9,15 +9,19 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
cardPreviewClassNames: ()
|
13
|
-
|
12
|
+
cardPreviewClassNames: function() {
|
13
|
+
return cardPreviewClassNames;
|
14
|
+
},
|
15
|
+
useCardPreviewStyles_unstable: function() {
|
16
|
+
return useCardPreviewStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
19
|
const _react = require("@griffel/react");
|
16
20
|
const cardPreviewClassNames = {
|
17
21
|
root: 'fui-CardPreview',
|
18
22
|
logo: 'fui-CardPreview__logo'
|
19
23
|
};
|
20
|
-
const useStyles = /*#__PURE__*/ (0, _react
|
24
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
21
25
|
root: {
|
22
26
|
qhf8xq: "f10pi13n",
|
23
27
|
pnb5jt: "f1rzl30s",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n pnb5jt: \"f1rzl30s\",\n Elg2ur: \"f1chxnfo\",\n B184ckt: \"f17xb19f\"\n },\n logo: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1gcvs1y\",\n oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}\", \".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}\", \".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB
|
1
|
+
{"version":3,"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n pnb5jt: \"f1rzl30s\",\n Elg2ur: \"f1chxnfo\",\n B184ckt: \"f17xb19f\"\n },\n logo: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1gcvs1y\",\n oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}\", \".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}\", \".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB;eAArBA;;IAwBAC,6BAA6B;eAA7BA;;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAA0D;QAAwD;QAAuD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAClX;AAIO,MAAMb,gCAAgCc,CAAAA;IAC3C,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG;IACA,OAAOF;AACT,GACA,uDAAuD"}
|
package/lib-commonjs/index.js
CHANGED
@@ -9,32 +9,80 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
Card: ()
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
12
|
+
Card: function() {
|
13
|
+
return _Card.Card;
|
14
|
+
},
|
15
|
+
cardClassNames: function() {
|
16
|
+
return _Card.cardClassNames;
|
17
|
+
},
|
18
|
+
cardCSSVars: function() {
|
19
|
+
return _Card.cardCSSVars;
|
20
|
+
},
|
21
|
+
renderCard_unstable: function() {
|
22
|
+
return _Card.renderCard_unstable;
|
23
|
+
},
|
24
|
+
useCardStyles_unstable: function() {
|
25
|
+
return _Card.useCardStyles_unstable;
|
26
|
+
},
|
27
|
+
useCard_unstable: function() {
|
28
|
+
return _Card.useCard_unstable;
|
29
|
+
},
|
30
|
+
CardFooter: function() {
|
31
|
+
return _CardFooter.CardFooter;
|
32
|
+
},
|
33
|
+
cardFooterClassNames: function() {
|
34
|
+
return _CardFooter.cardFooterClassNames;
|
35
|
+
},
|
36
|
+
renderCardFooter_unstable: function() {
|
37
|
+
return _CardFooter.renderCardFooter_unstable;
|
38
|
+
},
|
39
|
+
useCardFooterStyles_unstable: function() {
|
40
|
+
return _CardFooter.useCardFooterStyles_unstable;
|
41
|
+
},
|
42
|
+
useCardFooter_unstable: function() {
|
43
|
+
return _CardFooter.useCardFooter_unstable;
|
44
|
+
},
|
45
|
+
CardHeader: function() {
|
46
|
+
return _CardHeader.CardHeader;
|
47
|
+
},
|
48
|
+
cardHeaderClassNames: function() {
|
49
|
+
return _CardHeader.cardHeaderClassNames;
|
50
|
+
},
|
51
|
+
cardHeaderCSSVars: function() {
|
52
|
+
return _CardHeader.cardHeaderCSSVars;
|
53
|
+
},
|
54
|
+
renderCardHeader_unstable: function() {
|
55
|
+
return _CardHeader.renderCardHeader_unstable;
|
56
|
+
},
|
57
|
+
useCardHeaderStyles_unstable: function() {
|
58
|
+
return _CardHeader.useCardHeaderStyles_unstable;
|
59
|
+
},
|
60
|
+
useCardHeader_unstable: function() {
|
61
|
+
return _CardHeader.useCardHeader_unstable;
|
62
|
+
},
|
63
|
+
CardPreview: function() {
|
64
|
+
return _CardPreview.CardPreview;
|
65
|
+
},
|
66
|
+
cardPreviewClassNames: function() {
|
67
|
+
return _CardPreview.cardPreviewClassNames;
|
68
|
+
},
|
69
|
+
renderCardPreview_unstable: function() {
|
70
|
+
return _CardPreview.renderCardPreview_unstable;
|
71
|
+
},
|
72
|
+
useCardPreviewStyles_unstable: function() {
|
73
|
+
return _CardPreview.useCardPreviewStyles_unstable;
|
74
|
+
},
|
75
|
+
useCardPreview_unstable: function() {
|
76
|
+
return _CardPreview.useCardPreview_unstable;
|
77
|
+
},
|
78
|
+
CardProvider: function() {
|
79
|
+
return _Card.CardProvider;
|
80
|
+
},
|
81
|
+
useCardContext_unstable: function() {
|
82
|
+
return _Card.useCardContext_unstable;
|
83
|
+
}
|
36
84
|
});
|
37
|
-
const
|
38
|
-
const
|
39
|
-
const
|
40
|
-
const
|
85
|
+
const _Card = require("./Card");
|
86
|
+
const _CardFooter = require("./CardFooter");
|
87
|
+
const _CardHeader = require("./CardHeader");
|
88
|
+
const _CardPreview = require("./CardPreview");
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { Card, cardClassNames, cardCSSVars, renderCard_unstable, useCardStyles_unstable, useCard_unstable } from './Card';\nexport { CardFooter, cardFooterClassNames, renderCardFooter_unstable, useCardFooterStyles_unstable, useCardFooter_unstable } from './CardFooter';\nexport { CardHeader, cardHeaderClassNames, cardHeaderCSSVars, renderCardHeader_unstable, useCardHeaderStyles_unstable, useCardHeader_unstable } from './CardHeader';\nexport { CardPreview, cardPreviewClassNames, renderCardPreview_unstable, useCardPreviewStyles_unstable, useCardPreview_unstable } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\n"],"names":["Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","CardProvider","useCardContext_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Card, cardClassNames, cardCSSVars, renderCard_unstable, useCardStyles_unstable, useCard_unstable } from './Card';\nexport { CardFooter, cardFooterClassNames, renderCardFooter_unstable, useCardFooterStyles_unstable, useCardFooter_unstable } from './CardFooter';\nexport { CardHeader, cardHeaderClassNames, cardHeaderCSSVars, renderCardHeader_unstable, useCardHeaderStyles_unstable, useCardHeader_unstable } from './CardHeader';\nexport { CardPreview, cardPreviewClassNames, renderCardPreview_unstable, useCardPreviewStyles_unstable, useCardPreview_unstable } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\n"],"names":["Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","CardProvider","useCardContext_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAAEC,cAAc;eAAdA,oBAAc;;IAAEC,WAAW;eAAXA,iBAAW;;IAAEC,mBAAmB;eAAnBA,yBAAmB;;IAAEC,sBAAsB;eAAtBA,4BAAsB;;IAAEC,gBAAgB;eAAhBA,sBAAgB;;IAChGC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,iBAAiB;eAAjBA,6BAAiB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACpIC,WAAW;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IACtHC,YAAY;eAAZA,kBAAY;;IAAEC,uBAAuB;eAAvBA,6BAAuB;;;sBAJmE;4BACiB;4BACmB;6BACd"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-card",
|
3
|
-
"version": "9.0.
|
3
|
+
"version": "9.0.34",
|
4
4
|
"private": false,
|
5
5
|
"description": "Card container components for Fluent UI React.",
|
6
6
|
"main": "lib-commonjs/index.js",
|
@@ -38,19 +38,19 @@
|
|
38
38
|
"@fluentui/scripts-tasks": "*"
|
39
39
|
},
|
40
40
|
"dependencies": {
|
41
|
-
"@fluentui/keyboard-keys": "^9.0.
|
42
|
-
"@fluentui/react-tabster": "^9.12.
|
43
|
-
"@fluentui/react-theme": "^9.1.
|
44
|
-
"@fluentui/react-utilities": "^9.
|
45
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
41
|
+
"@fluentui/keyboard-keys": "^9.0.4",
|
42
|
+
"@fluentui/react-tabster": "^9.12.6",
|
43
|
+
"@fluentui/react-theme": "^9.1.12",
|
44
|
+
"@fluentui/react-utilities": "^9.13.1",
|
45
|
+
"@fluentui/react-jsx-runtime": "^9.0.4",
|
46
46
|
"@griffel/react": "^1.5.14",
|
47
|
-
"@swc/helpers": "^0.
|
47
|
+
"@swc/helpers": "^0.5.1"
|
48
48
|
},
|
49
49
|
"peerDependencies": {
|
50
|
-
"@types/react": ">=16.
|
51
|
-
"@types/react-dom": ">=16.
|
52
|
-
"react": ">=16.
|
53
|
-
"react-dom": ">=16.
|
50
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
51
|
+
"@types/react-dom": ">=16.14.0 <19.0.0",
|
52
|
+
"react": ">=16.14.0 <19.0.0",
|
53
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
54
54
|
},
|
55
55
|
"beachball": {
|
56
56
|
"disallowedChangeTypes": [
|