@fluentui/react-migration-v0-v9 9.1.37 → 9.2.0
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.md +22 -2
- package/dist/index.d.ts +50 -0
- package/lib/components/Attachment/Attachment.js +35 -0
- package/lib/components/Attachment/Attachment.js.map +1 -0
- package/lib/components/Attachment/Attachment.styles.js +41 -0
- package/lib/components/Attachment/Attachment.styles.js.map +1 -0
- package/lib/components/Attachment/AttachmentAction.js +43 -0
- package/lib/components/Attachment/AttachmentAction.js.map +1 -0
- package/lib/components/Attachment/AttachmentAction.styles.js +20 -0
- package/lib/components/Attachment/AttachmentAction.styles.js.map +1 -0
- package/lib/components/Attachment/AttachmentBody.js +14 -0
- package/lib/components/Attachment/AttachmentBody.js.map +1 -0
- package/lib/components/Attachment/AttachmentBody.styles.js +14 -0
- package/lib/components/Attachment/AttachmentBody.styles.js.map +1 -0
- package/lib/components/Attachment/AttachmentDescription.js +14 -0
- package/lib/components/Attachment/AttachmentDescription.js.map +1 -0
- package/lib/components/Attachment/AttachmentDescription.styles.js +12 -0
- package/lib/components/Attachment/AttachmentDescription.styles.js.map +1 -0
- package/lib/components/Attachment/AttachmentHeader.js +14 -0
- package/lib/components/Attachment/AttachmentHeader.js.map +1 -0
- package/lib/components/Attachment/AttachmentHeader.styles.js +12 -0
- package/lib/components/Attachment/AttachmentHeader.styles.js.map +1 -0
- package/lib/components/Attachment/AttachmentIcon.js +14 -0
- package/lib/components/Attachment/AttachmentIcon.js.map +1 -0
- package/lib/components/Attachment/AttachmentIcon.styles.js +16 -0
- package/lib/components/Attachment/AttachmentIcon.styles.js.map +1 -0
- package/lib/components/Attachment/index.js +6 -0
- package/lib/components/Attachment/index.js.map +1 -0
- package/lib/components/List/List/useListStyles.styles.js +2 -0
- package/lib/components/List/List/useListStyles.styles.js.map +1 -1
- package/lib/components/List/ListItem/useListItemStyles.styles.js +2 -0
- package/lib/components/List/ListItem/useListItemStyles.styles.js.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Attachment/Attachment.js +60 -0
- package/lib-commonjs/components/Attachment/Attachment.js.map +1 -0
- package/lib-commonjs/components/Attachment/Attachment.styles.js +95 -0
- package/lib-commonjs/components/Attachment/Attachment.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.js +62 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.styles.js +40 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.js +33 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.styles.js +28 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.js +33 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.styles.js +26 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.js +33 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.styles.js +26 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.js +33 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.styles.js +38 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.styles.js.map +1 -0
- package/lib-commonjs/components/Attachment/index.js +11 -0
- package/lib-commonjs/components/Attachment/index.js.map +1 -0
- package/lib-commonjs/components/List/List/useListStyles.styles.js +1 -0
- package/lib-commonjs/components/List/List/useListStyles.styles.js.map +1 -1
- package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.js +1 -0
- package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +43 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Attachment.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport * as React from 'react';\nimport { useAttachmentBaseStyles, useAttachmentStyles } from './Attachment.styles';\nexport const attachmentClassName = 'fui-Attachment';\nexport const attachmentProgressContainerClassName = `${attachmentClassName}__progress-container`;\nexport const attachmentProgressBarClassName = `${attachmentClassName}__progress`;\nexport const Attachment = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { actionable, className, children, disabled, onClick, progress, onKeyDown, onKeyUp, ...rest } = props;\n const attachmentBaseClass = useAttachmentBaseStyles();\n const classes = useAttachmentStyles();\n const buttonProps = useARIAButtonProps('div', {\n disabled,\n onClick,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp\n });\n return /*#__PURE__*/ React.createElement(\"div\", {\n ref: ref,\n className: mergeClasses(attachmentClassName, attachmentBaseClass, actionable && classes.actionable, className),\n ...actionable && {\n 'data-is-focusable': true,\n ...buttonProps\n },\n ...rest\n }, children, !isNaN(Number(progress)) && /*#__PURE__*/ React.createElement(\"div\", {\n className: mergeClasses(attachmentProgressContainerClassName, classes.progressContainer)\n }, /*#__PURE__*/ React.createElement(\"div\", {\n className: mergeClasses(classes.progressBar, attachmentProgressBarClassName),\n style: {\n width: `${progress}%`\n }\n })));\n});\nAttachment.displayName = 'Attachment';\n"],"names":["attachmentClassName","attachmentProgressContainerClassName","attachmentProgressBarClassName","Attachment","React","forwardRef","props","ref","actionable","className","children","disabled","onClick","progress","onKeyDown","onKeyUp","rest","attachmentBaseClass","useAttachmentBaseStyles","classes","useAttachmentStyles","buttonProps","useARIAButtonProps","createElement","mergeClasses","isNaN","Number","progressContainer","progressBar","style","width","displayName"],"mappings":";;;;;;;;;;;IAIaA,mBAAmB;eAAnBA;;IACAC,oCAAoC;eAApCA;;IACAC,8BAA8B;eAA9BA;;IACAC,UAAU;eAAVA;;;;iCAPgB;2BACM;iEACZ;kCACsC;AACtD,MAAMH,sBAAsB;AAC5B,MAAMC,uCAAuC,CAAC,EAAED,oBAAoB,oBAAoB,CAAC;AACzF,MAAME,iCAAiC,CAAC,EAAEF,oBAAoB,UAAU,CAAC;AACzE,MAAMG,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM,GAAGV;IACtG,MAAMW,sBAAsBC,IAAAA,yCAAuB;IACnD,MAAMC,UAAUC,IAAAA,qCAAmB;IACnC,MAAMC,cAAcC,IAAAA,6BAAkB,EAAC,OAAO;QAC1CX;QACAC;QACAE,WAAWA;QACXC,SAASA;IACb;IACA,OAAO,WAAW,GAAGX,OAAMmB,aAAa,CAAC,OAAO;QAC5ChB,KAAKA;QACLE,WAAWe,IAAAA,6BAAY,EAACxB,qBAAqBiB,qBAAqBT,cAAcW,QAAQX,UAAU,EAAEC;QACpG,GAAGD,cAAc;YACb,qBAAqB;YACrB,GAAGa,WAAW;QAClB,CAAC;QACD,GAAGL,IAAI;IACX,GAAGN,UAAU,CAACe,MAAMC,OAAOb,cAAc,WAAW,GAAGT,OAAMmB,aAAa,CAAC,OAAO;QAC9Ed,WAAWe,IAAAA,6BAAY,EAACvB,sCAAsCkB,QAAQQ,iBAAiB;IAC3F,GAAG,WAAW,GAAGvB,OAAMmB,aAAa,CAAC,OAAO;QACxCd,WAAWe,IAAAA,6BAAY,EAACL,QAAQS,WAAW,EAAE1B;QAC7C2B,OAAO;YACHC,OAAO,CAAC,EAAEjB,SAAS,CAAC,CAAC;QACzB;IACJ;AACJ;AACAV,WAAW4B,WAAW,GAAG"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
useAttachmentBaseStyles: function() {
|
|
13
|
+
return useAttachmentBaseStyles;
|
|
14
|
+
},
|
|
15
|
+
useAttachmentStyles: function() {
|
|
16
|
+
return useAttachmentStyles;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const useAttachmentBaseStyles = /*#__PURE__*/ (0, _reactcomponents.__resetStyles)("rtx3whk", "r4q6ha0", [
|
|
21
|
+
".rtx3whk{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-radius:4px;}",
|
|
22
|
+
".rtx3whk[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}",
|
|
23
|
+
".r4q6ha0{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-left:3px;padding-bottom:7px;padding-right:11px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-radius:4px;}",
|
|
24
|
+
".r4q6ha0[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"
|
|
25
|
+
]);
|
|
26
|
+
const useAttachmentStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
27
|
+
actionable: {
|
|
28
|
+
Bceei9c: "f1k6fduh",
|
|
29
|
+
Jwef8y: "f11oyicx"
|
|
30
|
+
},
|
|
31
|
+
progressContainer: {
|
|
32
|
+
Beyfa6y: [
|
|
33
|
+
"f1bjk9e1",
|
|
34
|
+
"fff7au0"
|
|
35
|
+
],
|
|
36
|
+
Bbmb7ep: [
|
|
37
|
+
"fff7au0",
|
|
38
|
+
"f1bjk9e1"
|
|
39
|
+
],
|
|
40
|
+
B5kzvoi: "f1yab3r1",
|
|
41
|
+
Bqenvij: "f6ywr7j",
|
|
42
|
+
oyh7mz: [
|
|
43
|
+
"f1vgc2s3",
|
|
44
|
+
"f1e31b4d"
|
|
45
|
+
],
|
|
46
|
+
B68tc82: 0,
|
|
47
|
+
Bmxbyg5: 0,
|
|
48
|
+
Bpg54ce: "f1a3p1vp",
|
|
49
|
+
qhf8xq: "f1euv43f",
|
|
50
|
+
j35jbq: [
|
|
51
|
+
"f1e31b4d",
|
|
52
|
+
"f1vgc2s3"
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
progressBar: {
|
|
56
|
+
De3pzq: "fnusneo",
|
|
57
|
+
Bqenvij: "f1l02sjl",
|
|
58
|
+
B2u0y6b: "f6dzj5z",
|
|
59
|
+
Bn62ygk: 0,
|
|
60
|
+
Cwk7ip: 0,
|
|
61
|
+
B3o57yi: 0,
|
|
62
|
+
Bmy1vo4: 0,
|
|
63
|
+
Bkqvd7p: 0,
|
|
64
|
+
Bi2q7bf: "f12zwupp"
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
d: [
|
|
68
|
+
".f1k6fduh{cursor:pointer;}",
|
|
69
|
+
".f1bjk9e1{border-bottom-left-radius:4px;}",
|
|
70
|
+
".fff7au0{border-bottom-right-radius:4px;}",
|
|
71
|
+
".f1yab3r1{bottom:0;}",
|
|
72
|
+
".f6ywr7j{height:4px;}",
|
|
73
|
+
".f1vgc2s3{left:0;}",
|
|
74
|
+
".f1e31b4d{right:0;}",
|
|
75
|
+
[
|
|
76
|
+
".f1a3p1vp{overflow:hidden;}",
|
|
77
|
+
{
|
|
78
|
+
p: -1
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
".f1euv43f{position:absolute;}",
|
|
82
|
+
".fnusneo{background-color:var(--colorPaletteLightGreenBackground3);}",
|
|
83
|
+
".f1l02sjl{height:100%;}",
|
|
84
|
+
".f6dzj5z{max-width:100%;}",
|
|
85
|
+
[
|
|
86
|
+
".f12zwupp{transition:width 0.2s;}",
|
|
87
|
+
{
|
|
88
|
+
p: -1
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
],
|
|
92
|
+
h: [
|
|
93
|
+
".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"
|
|
94
|
+
]
|
|
95
|
+
}); //# sourceMappingURL=Attachment.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, __resetStyles, __styles, shorthands, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = /*#__PURE__*/__resetStyles(\"rtx3whk\", \"r4q6ha0\", [\".rtx3whk{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-radius:4px;}\", \".rtx3whk[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\", \".r4q6ha0{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding-top:7px;padding-left:3px;padding-bottom:7px;padding-right:11px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-color:var(--colorNeutralStroke3);border-left-color:var(--colorNeutralStroke3);border-bottom-color:var(--colorNeutralStroke3);border-right-color:var(--colorNeutralStroke3);border-radius:4px;}\", \".r4q6ha0[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\"]);\nexport const useAttachmentStyles = /*#__PURE__*/__styles({\n actionable: {\n Bceei9c: \"f1k6fduh\",\n Jwef8y: \"f11oyicx\"\n },\n progressContainer: {\n Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n B5kzvoi: \"f1yab3r1\",\n Bqenvij: \"f6ywr7j\",\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n qhf8xq: \"f1euv43f\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n progressBar: {\n De3pzq: \"fnusneo\",\n Bqenvij: \"f1l02sjl\",\n B2u0y6b: \"f6dzj5z\",\n Bn62ygk: 0,\n Cwk7ip: 0,\n B3o57yi: 0,\n Bmy1vo4: 0,\n Bkqvd7p: 0,\n Bi2q7bf: \"f12zwupp\"\n }\n}, {\n d: [\".f1k6fduh{cursor:pointer;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1yab3r1{bottom:0;}\", \".f6ywr7j{height:4px;}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".f1euv43f{position:absolute;}\", \".fnusneo{background-color:var(--colorPaletteLightGreenBackground3);}\", \".f1l02sjl{height:100%;}\", \".f6dzj5z{max-width:100%;}\", [\".f12zwupp{transition:width 0.2s;}\", {\n p: -1\n }]],\n h: [\".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}\"]\n});\n//# sourceMappingURL=Attachment.styles.js.map"],"names":["useAttachmentBaseStyles","useAttachmentStyles","__resetStyles","__styles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,mBAAmB;eAAnBA;;;iCAJgF;AAGtF,MAAMD,0BAA0B,WAAW,GAAEE,IAAAA,8BAAa,EAAC,WAAW,WAAW;IAAC;IAAwvB;IAA6I;IAAuvB;CAA4I;AAC11D,MAAMD,sBAAsB,WAAW,GAAEE,IAAAA,yBAAQ,EAAC;IACvDC,YAAY;QACVC,SAAS;QACTC,QAAQ;IACV;IACAC,mBAAmB;QACjBC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,aAAa;QACXC,QAAQ;QACRR,SAAS;QACTS,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAA6C;QAA6C;QAAwB;QAAyB;QAAsB;QAAuB;YAAC;YAA+B;gBACxPC,GAAG,CAAC;YACN;SAAE;QAAE;QAAiC;QAAwE;QAA2B;QAA6B;YAAC;YAAqC;gBACzMA,GAAG,CAAC;YACN;SAAE;KAAC;IACHC,GAAG;QAAC;KAAyE;AAC/E,IACA,6CAA6C"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentActionClassName: function() {
|
|
13
|
+
return attachmentActionClassName;
|
|
14
|
+
},
|
|
15
|
+
AttachmentAction: function() {
|
|
16
|
+
return AttachmentAction;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
|
+
const _AttachmentActionstyles = require("./AttachmentAction.styles");
|
|
23
|
+
const attachmentActionClassName = 'fui-AttachmentAction';
|
|
24
|
+
const AttachmentAction = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
25
|
+
const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;
|
|
26
|
+
const classes = (0, _AttachmentActionstyles.useAttachmentActionStyles)();
|
|
27
|
+
const handleClick = _react.useCallback((e)=>{
|
|
28
|
+
e.stopPropagation();
|
|
29
|
+
e.preventDefault();
|
|
30
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
31
|
+
}, [
|
|
32
|
+
onClick
|
|
33
|
+
]);
|
|
34
|
+
const handleKeyUp = _react.useCallback((e)=>{
|
|
35
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
36
|
+
e.stopPropagation();
|
|
37
|
+
}
|
|
38
|
+
onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);
|
|
39
|
+
}, [
|
|
40
|
+
onKeyUp
|
|
41
|
+
]);
|
|
42
|
+
const handleKeyDown = _react.useCallback((e)=>{
|
|
43
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
44
|
+
e.stopPropagation();
|
|
45
|
+
}
|
|
46
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
47
|
+
}, [
|
|
48
|
+
onKeyDown
|
|
49
|
+
]);
|
|
50
|
+
return /*#__PURE__*/ _react.createElement(_reactcomponents.Button, {
|
|
51
|
+
ref: ref,
|
|
52
|
+
className: (0, _reactcomponents.mergeClasses)(attachmentActionClassName, classes.root, (disabled || disabledFocusable) && classes.disabled, className),
|
|
53
|
+
appearance: "transparent",
|
|
54
|
+
disabled: disabled,
|
|
55
|
+
disabledFocusable: disabledFocusable,
|
|
56
|
+
onClick: handleClick,
|
|
57
|
+
onKeyDown: handleKeyDown,
|
|
58
|
+
onKeyUp: handleKeyUp,
|
|
59
|
+
...rest
|
|
60
|
+
}, children);
|
|
61
|
+
});
|
|
62
|
+
AttachmentAction.displayName = 'AttachmentAction';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentAction.js"],"sourcesContent":["import { Button, mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentActionStyles } from './AttachmentAction.styles';\nexport const attachmentActionClassName = 'fui-AttachmentAction';\nexport const AttachmentAction = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { className, disabled, disabledFocusable, children, onClick, onKeyUp, onKeyDown, ...rest } = props;\n const classes = useAttachmentActionStyles();\n const handleClick = React.useCallback((e)=>{\n e.stopPropagation();\n e.preventDefault();\n onClick === null || onClick === void 0 ? void 0 : onClick(e);\n }, [\n onClick\n ]);\n const handleKeyUp = React.useCallback((e)=>{\n if (e.key === 'Enter' || e.key === ' ') {\n e.stopPropagation();\n }\n onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(e);\n }, [\n onKeyUp\n ]);\n const handleKeyDown = React.useCallback((e)=>{\n if (e.key === 'Enter' || e.key === ' ') {\n e.stopPropagation();\n }\n onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);\n }, [\n onKeyDown\n ]);\n return /*#__PURE__*/ React.createElement(Button, {\n ref: ref,\n className: mergeClasses(attachmentActionClassName, classes.root, (disabled || disabledFocusable) && classes.disabled, className),\n appearance: \"transparent\",\n disabled: disabled,\n disabledFocusable: disabledFocusable,\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp,\n ...rest\n }, children);\n});\nAttachmentAction.displayName = 'AttachmentAction';\n"],"names":["attachmentActionClassName","AttachmentAction","React","forwardRef","props","ref","className","disabled","disabledFocusable","children","onClick","onKeyUp","onKeyDown","rest","classes","useAttachmentActionStyles","handleClick","useCallback","e","stopPropagation","preventDefault","handleKeyUp","key","handleKeyDown","createElement","Button","mergeClasses","root","appearance","displayName"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IACAC,gBAAgB;eAAhBA;;;;iCAJwB;iEACd;wCACmB;AACnC,MAAMD,4BAA4B;AAClC,MAAMC,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGT;IACnG,MAAMU,UAAUC,IAAAA,iDAAyB;IACzC,MAAMC,cAAcd,OAAMe,WAAW,CAAC,CAACC;QACnCA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQQ;IAC9D,GAAG;QACCR;KACH;IACD,MAAMW,cAAcnB,OAAMe,WAAW,CAAC,CAACC;QACnC,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACpCJ,EAAEC,eAAe;QACrB;QACAR,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQO;IAC9D,GAAG;QACCP;KACH;IACD,MAAMY,gBAAgBrB,OAAMe,WAAW,CAAC,CAACC;QACrC,IAAIA,EAAEI,GAAG,KAAK,WAAWJ,EAAEI,GAAG,KAAK,KAAK;YACpCJ,EAAEC,eAAe;QACrB;QACAP,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUM;IACpE,GAAG;QACCN;KACH;IACD,OAAO,WAAW,GAAGV,OAAMsB,aAAa,CAACC,uBAAM,EAAE;QAC7CpB,KAAKA;QACLC,WAAWoB,IAAAA,6BAAY,EAAC1B,2BAA2Bc,QAAQa,IAAI,EAAE,AAACpB,CAAAA,YAAYC,iBAAgB,KAAMM,QAAQP,QAAQ,EAAED;QACtHsB,YAAY;QACZrB,UAAUA;QACVC,mBAAmBA;QACnBE,SAASM;QACTJ,WAAWW;QACXZ,SAASU;QACT,GAAGR,IAAI;IACX,GAAGJ;AACP;AACAR,iBAAiB4B,WAAW,GAAG"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentActionStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentActionStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentActionStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
13
|
+
root: {
|
|
14
|
+
Bqenvij: "f1d2rq10",
|
|
15
|
+
B2u0y6b: "f1n52uh2",
|
|
16
|
+
Bf4jedk: "fwbmr0d",
|
|
17
|
+
mc9l5x: "ftuwxu6",
|
|
18
|
+
Brf1p80: "f4d9j23",
|
|
19
|
+
Bt984gj: "f122n59",
|
|
20
|
+
qhf8xq: "f10pi13n",
|
|
21
|
+
ha4doy: "fmrv4ls",
|
|
22
|
+
Bceei9c: "f1k6fduh"
|
|
23
|
+
},
|
|
24
|
+
disabled: {
|
|
25
|
+
Bceei9c: "f158kwzp"
|
|
26
|
+
}
|
|
27
|
+
}, {
|
|
28
|
+
d: [
|
|
29
|
+
".f1d2rq10{height:32px;}",
|
|
30
|
+
".f1n52uh2{max-width:280px;}",
|
|
31
|
+
".fwbmr0d{min-width:32px;}",
|
|
32
|
+
".ftuwxu6{display:inline-flex;}",
|
|
33
|
+
".f4d9j23{justify-content:center;}",
|
|
34
|
+
".f122n59{align-items:center;}",
|
|
35
|
+
".f10pi13n{position:relative;}",
|
|
36
|
+
".fmrv4ls{vertical-align:middle;}",
|
|
37
|
+
".f1k6fduh{cursor:pointer;}",
|
|
38
|
+
".f158kwzp{cursor:default;}"
|
|
39
|
+
]
|
|
40
|
+
}); //# sourceMappingURL=AttachmentAction.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentAction.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentActionStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f1d2rq10\",\n B2u0y6b: \"f1n52uh2\",\n Bf4jedk: \"fwbmr0d\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n Bt984gj: \"f122n59\",\n qhf8xq: \"f10pi13n\",\n ha4doy: \"fmrv4ls\",\n Bceei9c: \"f1k6fduh\"\n },\n disabled: {\n Bceei9c: \"f158kwzp\"\n }\n}, {\n d: [\".f1d2rq10{height:32px;}\", \".f1n52uh2{max-width:280px;}\", \".fwbmr0d{min-width:32px;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f122n59{align-items:center;}\", \".f10pi13n{position:relative;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1k6fduh{cursor:pointer;}\", \".f158kwzp{cursor:default;}\"]\n});\n//# sourceMappingURL=AttachmentAction.styles.js.map"],"names":["useAttachmentActionStyles","__styles","root","Bqenvij","B2u0y6b","Bf4jedk","mc9l5x","Brf1p80","Bt984gj","qhf8xq","ha4doy","Bceei9c","disabled","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,4BAA4B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7DC,MAAM;QACJC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAA2B;QAA+B;QAA6B;QAAkC;QAAqC;QAAiC;QAAiC;QAAoC;QAA8B;KAA6B;AACrU,IACA,mDAAmD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentBodyClassName: function() {
|
|
13
|
+
return attachmentBodyClassName;
|
|
14
|
+
},
|
|
15
|
+
AttachmentBody: function() {
|
|
16
|
+
return AttachmentBody;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
|
+
const _AttachmentBodystyles = require("./AttachmentBody.styles");
|
|
23
|
+
const attachmentBodyClassName = 'fui-AttachmentBody';
|
|
24
|
+
const AttachmentBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
25
|
+
const { className, children, ...rest } = props;
|
|
26
|
+
const classes = (0, _AttachmentBodystyles.useAttachmentBodyStyles)();
|
|
27
|
+
return /*#__PURE__*/ _react.createElement("div", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _reactcomponents.mergeClasses)(attachmentBodyClassName, classes.root, className),
|
|
30
|
+
...rest
|
|
31
|
+
}, children);
|
|
32
|
+
});
|
|
33
|
+
AttachmentBody.displayName = 'AttachmentBody';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentBody.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentBodyStyles } from './AttachmentBody.styles';\nexport const attachmentBodyClassName = 'fui-AttachmentBody';\nexport const AttachmentBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { className, children, ...rest } = props;\n const classes = useAttachmentBodyStyles();\n return /*#__PURE__*/ React.createElement(\"div\", {\n ref: ref,\n className: mergeClasses(attachmentBodyClassName, classes.root, className),\n ...rest\n }, children);\n});\nAttachmentBody.displayName = 'AttachmentBody';\n"],"names":["attachmentBodyClassName","AttachmentBody","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentBodyStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,cAAc;eAAdA;;;;iCAJgB;iEACN;sCACiB;AACjC,MAAMD,0BAA0B;AAChC,MAAMC,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAuB;IACvC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,OAAO;QAC5CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,yBAAyBS,QAAQI,IAAI,EAAEP;QAC/D,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,eAAea,WAAW,GAAG"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentBodyStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentBodyStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentBodyStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
13
|
+
root: {
|
|
14
|
+
xawz: 0,
|
|
15
|
+
Bh6795r: 0,
|
|
16
|
+
Bnnss6s: 0,
|
|
17
|
+
fkmc3a: "fbotcpb"
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
d: [
|
|
21
|
+
[
|
|
22
|
+
".fbotcpb{flex:1 1 0;}",
|
|
23
|
+
{
|
|
24
|
+
p: -1
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
]
|
|
28
|
+
}); //# sourceMappingURL=AttachmentBody.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentBody.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentBodyStyles = /*#__PURE__*/__styles({\n root: {\n xawz: 0,\n Bh6795r: 0,\n Bnnss6s: 0,\n fkmc3a: \"fbotcpb\"\n }\n}, {\n d: [[\".fbotcpb{flex:1 1 0;}\", {\n p: -1\n }]]\n});\n//# sourceMappingURL=AttachmentBody.styles.js.map"],"names":["useAttachmentBodyStyles","__styles","root","xawz","Bh6795r","Bnnss6s","fkmc3a","d","p"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,0BAA0B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC3DC,MAAM;QACJC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAAyB;gBAC5BC,GAAG,CAAC;YACN;SAAE;KAAC;AACL,IACA,iDAAiD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentDescriptionClassName: function() {
|
|
13
|
+
return attachmentDescriptionClassName;
|
|
14
|
+
},
|
|
15
|
+
AttachmentDescription: function() {
|
|
16
|
+
return AttachmentDescription;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
|
+
const _AttachmentDescriptionstyles = require("./AttachmentDescription.styles");
|
|
23
|
+
const attachmentDescriptionClassName = 'fui-AttachmentDescription';
|
|
24
|
+
const AttachmentDescription = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
25
|
+
const { className, children, ...rest } = props;
|
|
26
|
+
const classes = (0, _AttachmentDescriptionstyles.useAttachmentDescriptionStyles)();
|
|
27
|
+
return /*#__PURE__*/ _react.createElement("span", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _reactcomponents.mergeClasses)(attachmentDescriptionClassName, classes.root, className),
|
|
30
|
+
...rest
|
|
31
|
+
}, children);
|
|
32
|
+
});
|
|
33
|
+
AttachmentDescription.displayName = 'AttachmentDescription';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentDescription.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentDescriptionStyles } from './AttachmentDescription.styles';\nexport const attachmentDescriptionClassName = 'fui-AttachmentDescription';\nexport const AttachmentDescription = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { className, children, ...rest } = props;\n const classes = useAttachmentDescriptionStyles();\n return /*#__PURE__*/ React.createElement(\"span\", {\n ref: ref,\n className: mergeClasses(attachmentDescriptionClassName, classes.root, className),\n ...rest\n }, children);\n});\nAttachmentDescription.displayName = 'AttachmentDescription';\n"],"names":["attachmentDescriptionClassName","AttachmentDescription","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentDescriptionStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,8BAA8B;eAA9BA;;IACAC,qBAAqB;eAArBA;;;;iCAJgB;iEACN;6CACwB;AACxC,MAAMD,iCAAiC;AACvC,MAAMC,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,2DAA8B;IAC9C,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,gCAAgCS,QAAQI,IAAI,EAAEP;QACtE,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,sBAAsBa,WAAW,GAAG"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentDescriptionStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentDescriptionStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentDescriptionStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
13
|
+
root: {
|
|
14
|
+
mc9l5x: "ftgm304",
|
|
15
|
+
Be2twd7: "fy9rknc",
|
|
16
|
+
Bhrd7zp: "figsok6",
|
|
17
|
+
Bg96gwp: "fp6vxd"
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
d: [
|
|
21
|
+
".ftgm304{display:block;}",
|
|
22
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
23
|
+
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
24
|
+
".fp6vxd{line-height:1;}"
|
|
25
|
+
]
|
|
26
|
+
}); //# sourceMappingURL=AttachmentDescription.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentDescription.styles.js"],"sourcesContent":["import { __styles, tokens } from '@fluentui/react-components';\nexport const useAttachmentDescriptionStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftgm304\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fp6vxd\"\n }\n}, {\n d: [\".ftgm304{display:block;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fp6vxd{line-height:1;}\"]\n});\n//# sourceMappingURL=AttachmentDescription.styles.js.map"],"names":["useAttachmentDescriptionStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADoB;AAC1B,MAAMA,iCAAiC,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAClEC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA+C;QAAmD;KAA0B;AAC9J,IACA,wDAAwD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentHeaderClassName: function() {
|
|
13
|
+
return attachmentHeaderClassName;
|
|
14
|
+
},
|
|
15
|
+
AttachmentHeader: function() {
|
|
16
|
+
return AttachmentHeader;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
|
+
const _AttachmentHeaderstyles = require("./AttachmentHeader.styles");
|
|
23
|
+
const attachmentHeaderClassName = 'fui-AttachmentHeader';
|
|
24
|
+
const AttachmentHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
25
|
+
const { className, children, ...rest } = props;
|
|
26
|
+
const classes = (0, _AttachmentHeaderstyles.useAttachmentHeaderStyles)();
|
|
27
|
+
return /*#__PURE__*/ _react.createElement("span", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _reactcomponents.mergeClasses)(attachmentHeaderClassName, classes.root, className),
|
|
30
|
+
...rest
|
|
31
|
+
}, children);
|
|
32
|
+
});
|
|
33
|
+
AttachmentHeader.displayName = 'AttachmentHeader';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentHeader.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentHeaderStyles } from './AttachmentHeader.styles';\nexport const attachmentHeaderClassName = 'fui-AttachmentHeader';\nexport const AttachmentHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { className, children, ...rest } = props;\n const classes = useAttachmentHeaderStyles();\n return /*#__PURE__*/ React.createElement(\"span\", {\n ref: ref,\n className: mergeClasses(attachmentHeaderClassName, classes.root, className),\n ...rest\n }, children);\n});\nAttachmentHeader.displayName = 'AttachmentHeader';\n"],"names":["attachmentHeaderClassName","AttachmentHeader","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentHeaderStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IACAC,gBAAgB;eAAhBA;;;;iCAJgB;iEACN;wCACmB;AACnC,MAAMD,4BAA4B;AAClC,MAAMC,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,iDAAyB;IACzC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,2BAA2BS,QAAQI,IAAI,EAAEP;QACjE,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,iBAAiBa,WAAW,GAAG"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentHeaderStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentHeaderStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentHeaderStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
13
|
+
root: {
|
|
14
|
+
mc9l5x: "ftgm304",
|
|
15
|
+
Be2twd7: "fkhj508",
|
|
16
|
+
Bhrd7zp: "fl43uef",
|
|
17
|
+
Bg96gwp: "f8497fr"
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
d: [
|
|
21
|
+
".ftgm304{display:block;}",
|
|
22
|
+
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
23
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
24
|
+
".f8497fr{line-height:1.4286;}"
|
|
25
|
+
]
|
|
26
|
+
}); //# sourceMappingURL=AttachmentHeader.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentHeader.styles.js"],"sourcesContent":["import { __styles, tokens } from '@fluentui/react-components';\nexport const useAttachmentHeaderStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftgm304\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f8497fr\"\n }\n}, {\n d: [\".ftgm304{display:block;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".f8497fr{line-height:1.4286;}\"]\n});\n//# sourceMappingURL=AttachmentHeader.styles.js.map"],"names":["useAttachmentHeaderStyles","__styles","root","mc9l5x","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADoB;AAC1B,MAAMA,4BAA4B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC7DC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA+C;QAAoD;KAAgC;AACrK,IACA,mDAAmD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentIconClassName: function() {
|
|
13
|
+
return attachmentIconClassName;
|
|
14
|
+
},
|
|
15
|
+
AttachmentIcon: function() {
|
|
16
|
+
return AttachmentIcon;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
|
+
const _AttachmentIconstyles = require("./AttachmentIcon.styles");
|
|
23
|
+
const attachmentIconClassName = 'fui-AttachmentIcon';
|
|
24
|
+
const AttachmentIcon = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
25
|
+
const { className, children, ...rest } = props;
|
|
26
|
+
const classes = (0, _AttachmentIconstyles.useAttachmentIconStyles)();
|
|
27
|
+
return /*#__PURE__*/ _react.createElement("span", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: (0, _reactcomponents.mergeClasses)(attachmentIconClassName, classes.root, className),
|
|
30
|
+
...rest
|
|
31
|
+
}, children);
|
|
32
|
+
});
|
|
33
|
+
AttachmentIcon.displayName = 'AttachmentIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentIcon.js"],"sourcesContent":["import { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useAttachmentIconStyles } from './AttachmentIcon.styles';\nexport const attachmentIconClassName = 'fui-AttachmentIcon';\nexport const AttachmentIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { className, children, ...rest } = props;\n const classes = useAttachmentIconStyles();\n return /*#__PURE__*/ React.createElement(\"span\", {\n ref: ref,\n className: mergeClasses(attachmentIconClassName, classes.root, className),\n ...rest\n }, children);\n});\nAttachmentIcon.displayName = 'AttachmentIcon';\n"],"names":["attachmentIconClassName","AttachmentIcon","React","forwardRef","props","ref","className","children","rest","classes","useAttachmentIconStyles","createElement","mergeClasses","root","displayName"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IACAC,cAAc;eAAdA;;;;iCAJgB;iEACN;sCACiB;AACjC,MAAMD,0BAA0B;AAChC,MAAMC,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,6CAAuB;IACvC,OAAO,WAAW,GAAGR,OAAMS,aAAa,CAAC,QAAQ;QAC7CN,KAAKA;QACLC,WAAWM,IAAAA,6BAAY,EAACZ,yBAAyBS,QAAQI,IAAI,EAAEP;QAC/D,GAAGE,IAAI;IACX,GAAGD;AACP;AACAN,eAAea,WAAW,GAAG"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentIconStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentIconStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentIconStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
13
|
+
root: {
|
|
14
|
+
Bqenvij: "f1d2rq10",
|
|
15
|
+
a9b677: "f1szoe96",
|
|
16
|
+
t21cq0: [
|
|
17
|
+
"f1x4n1mu",
|
|
18
|
+
"f1hf5xhj"
|
|
19
|
+
],
|
|
20
|
+
mc9l5x: "ftuwxu6",
|
|
21
|
+
Bt984gj: "f122n59",
|
|
22
|
+
Brf1p80: "f4d9j23",
|
|
23
|
+
p4uzdd: "ffmg4tr",
|
|
24
|
+
B5pe6w7: "f17klwcu"
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
d: [
|
|
28
|
+
".f1d2rq10{height:32px;}",
|
|
29
|
+
".f1szoe96{width:32px;}",
|
|
30
|
+
".f1x4n1mu{margin-right:12px;}",
|
|
31
|
+
".f1hf5xhj{margin-left:12px;}",
|
|
32
|
+
".ftuwxu6{display:inline-flex;}",
|
|
33
|
+
".f122n59{align-items:center;}",
|
|
34
|
+
".f4d9j23{justify-content:center;}",
|
|
35
|
+
".ffmg4tr svg{height:100%;}",
|
|
36
|
+
".f17klwcu svg{width:100%;}"
|
|
37
|
+
]
|
|
38
|
+
}); //# sourceMappingURL=AttachmentIcon.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentIcon.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useAttachmentIconStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f1d2rq10\",\n a9b677: \"f1szoe96\",\n t21cq0: [\"f1x4n1mu\", \"f1hf5xhj\"],\n mc9l5x: \"ftuwxu6\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n p4uzdd: \"ffmg4tr\",\n B5pe6w7: \"f17klwcu\"\n }\n}, {\n d: [\".f1d2rq10{height:32px;}\", \".f1szoe96{width:32px;}\", \".f1x4n1mu{margin-right:12px;}\", \".f1hf5xhj{margin-left:12px;}\", \".ftuwxu6{display:inline-flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".ffmg4tr svg{height:100%;}\", \".f17klwcu svg{width:100%;}\"]\n});\n//# sourceMappingURL=AttachmentIcon.styles.js.map"],"names":["useAttachmentIconStyles","__styles","root","Bqenvij","a9b677","t21cq0","mc9l5x","Bt984gj","Brf1p80","p4uzdd","B5pe6w7","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,0BAA0B,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IAC3DC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA0B;QAAiC;QAAgC;QAAkC;QAAiC;QAAqC;QAA8B;KAA6B;AAC/R,IACA,iDAAiD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Attachment"), exports);
|
|
7
|
+
_export_star._(require("./AttachmentAction"), exports);
|
|
8
|
+
_export_star._(require("./AttachmentBody"), exports);
|
|
9
|
+
_export_star._(require("./AttachmentDescription"), exports);
|
|
10
|
+
_export_star._(require("./AttachmentHeader"), exports);
|
|
11
|
+
_export_star._(require("./AttachmentIcon"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Attachment';\nexport * from './AttachmentAction';\nexport * from './AttachmentBody';\nexport * from './AttachmentDescription';\nexport * from './AttachmentHeader';\nexport * from './AttachmentIcon';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n root: 'fui-List'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r1m6yby2\", null, [\".r1m6yby2{padding:0;margin:0;text-indent:0;list-style-type:none;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n rootHorizontal: {\n mc9l5x: \"f22iagw\"\n },\n rootGrid: {\n mc9l5x: \"f13qh94s\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f13qh94s{display:grid;}\"]\n});\n/**\n * Apply styling to the List slots based on the state\n */\nexport const useListStyles_unstable = state => {\n const rootStyles = useRootBaseStyles();\n const styles = useStyles();\n const layoutToStyles = {\n ['horizontal']: styles.rootHorizontal,\n ['grid']: styles.rootGrid,\n ['vertical']: undefined\n };\n state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n return state;\n};\n//# sourceMappingURL=useListStyles.styles.js.map"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","useStyles","__styles","rootHorizontal","mc9l5x","rootGrid","d","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAoBAC,sBAAsB;eAAtBA;;;uBArByC;AAC/C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAAoE;AAC5I;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,gBAAgB;QACdC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAA2B;KAA2B;AAC5D;AAIO,MAAMT,yBAAyBU,CAAAA;IACpC,MAAMC,aAAaT;IACnB,MAAMU,SAASR;IACf,MAAMS,iBAAiB;QACrB,CAAC,aAAa,EAAED,OAAON,cAAc;QACrC,CAAC,OAAO,EAAEM,OAAOJ,QAAQ;QACzB,CAAC,WAAW,EAAEM;IAChB;IACAJ,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,eAAeE,IAAI,EAAEU,YAAYE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAAEP,MAAMT,IAAI,CAACc,SAAS;IACvH,OAAOL;AACT,GACA,gDAAgD"}
|
|
1
|
+
{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n root: 'fui-List'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r1m6yby2\", null, [\".r1m6yby2{padding:0;margin:0;text-indent:0;list-style-type:none;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n rootHorizontal: {\n mc9l5x: \"f22iagw\"\n },\n rootGrid: {\n mc9l5x: \"f13qh94s\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f13qh94s{display:grid;}\"]\n});\n/**\n * Apply styling to the List slots based on the state\n */\nexport const useListStyles_unstable = state => {\n 'use no memo';\n\n const rootStyles = useRootBaseStyles();\n const styles = useStyles();\n const layoutToStyles = {\n ['horizontal']: styles.rootHorizontal,\n ['grid']: styles.rootGrid,\n ['vertical']: undefined\n };\n state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n return state;\n};\n//# sourceMappingURL=useListStyles.styles.js.map"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","useStyles","__styles","rootHorizontal","mc9l5x","rootGrid","d","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAoBAC,sBAAsB;eAAtBA;;;uBArByC;AAC/C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAAoE;AAC5I;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,gBAAgB;QACdC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAA2B;KAA2B;AAC5D;AAIO,MAAMT,yBAAyBU,CAAAA;IACpC;IAEA,MAAMC,aAAaT;IACnB,MAAMU,SAASR;IACf,MAAMS,iBAAiB;QACrB,CAAC,aAAa,EAAED,OAAON,cAAc;QACrC,CAAC,OAAO,EAAEM,OAAOJ,QAAQ;QACzB,CAAC,WAAW,EAAEM;IAChB;IACAJ,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,eAAeE,IAAI,EAAEU,YAAYE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAAEP,MAAMT,IAAI,CAACc,SAAS;IACvH,OAAOL;AACT,GACA,gDAAgD"}
|
|
@@ -73,6 +73,7 @@ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rn7e01x", nul
|
|
|
73
73
|
]
|
|
74
74
|
});
|
|
75
75
|
const useListItemStyles_unstable = (state)=>{
|
|
76
|
+
'use no memo';
|
|
76
77
|
const rootBaseStyles = useRootBaseStyles();
|
|
77
78
|
const styles = useStyles();
|
|
78
79
|
state.root.className = (0, _react.mergeClasses)(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rn7e01x\", null, [\".rn7e01x{padding:0 10px;margin:0;text-indent:0;list-style-type:none;}\", \".rn7e01x[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n contentWrapper: {\n Be2twd7: \"fy9rknc\"\n },\n contentWrapperWithoutMedia: {\n Bw0ie65: \"fsyjsko\"\n },\n truncate: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n j4b8c3: \"fv6wr3j\",\n ygn44y: \"f1cmbuwj\"\n },\n rootSelected: {\n De3pzq: \"f1nfm20t\"\n },\n rootClickable: {\n Bceei9c: \"f1k6fduh\",\n Jwef8y: \"f1knas48\"\n }\n}, {\n d: [\".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fsyjsko{grid-column-end:4;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".fv6wr3j{text-wrap:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1k6fduh{cursor:pointer;}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\"]\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useListItemStyles.styles.js.map"],"names":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","__resetStyles","useStyles","__styles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IA2CAC,0BAA0B;eAA1BA;;;uBA9CyC;AAG/C,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;IAAyE;CAA4I;AAC5R;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,gBAAgB;QACdQ,SAAS;IACX;IACAC,4BAA4B;QAC1BC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAgC;YAAC;YAA+B;gBACjHC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+B;QAAsC;QAAuE;KAA6B;IAC7KC,GAAG;QAAC;KAAyE;AAC/E;AAIO,MAAM5B,6BAA6B6B,CAAAA;IACxC,MAAMC,iBAAiBtB;IACvB,MAAMuB,SAASrB;IACfmB,MAAM5B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,mBAAmBE,IAAI,EAAE6B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAAD,KAAMJ,OAAOR,aAAa,EAAEM,MAAMO,QAAQ,IAAIL,OAAOV,YAAY,EAAEQ,MAAM5B,IAAI,CAAC+B,SAAS;IACvM,IAAIH,MAAM1B,MAAM,EAAE;QAChB,IAAIkC;QACJR,MAAM1B,MAAM,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOhB,QAAQ,EAAE,AAACsB,CAAAA,gBAAgBR,MAAM1B,MAAM,AAAD,MAAO,QAAQkC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACvL;IACA,IAAIH,MAAMzB,cAAc,EAAE;QACxB,IAAImC;QACJV,MAAMzB,cAAc,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAO3B,cAAc,EAAEyB,MAAMW,eAAe,IAAIT,OAAOhB,QAAQ,EAAE,CAACc,MAAMvB,YAAY,IAAIyB,OAAOlB,0BAA0B,EAAE,AAAC0B,CAAAA,wBAAwBV,MAAMzB,cAAc,AAAD,MAAO,QAAQmC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACjT;IACA,OAAOH;AACT,GACA,oDAAoD"}
|
|
1
|
+
{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const listItemClassNames = {\n root: 'fui-ListItem',\n media: 'fui-ListItem__media',\n header: 'fui-ListItem__header',\n contentWrapper: 'fui-ListItem__contentWrapper',\n headerMedia: 'fui-ListItem__headerMedia',\n contentMedia: 'fui-ListItem__contentMedia',\n endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rn7e01x\", null, [\".rn7e01x{padding:0 10px;margin:0;text-indent:0;list-style-type:none;}\", \".rn7e01x[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n contentWrapper: {\n Be2twd7: \"fy9rknc\"\n },\n contentWrapperWithoutMedia: {\n Bw0ie65: \"fsyjsko\"\n },\n truncate: {\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1a3p1vp\",\n j4b8c3: \"fv6wr3j\",\n ygn44y: \"f1cmbuwj\"\n },\n rootSelected: {\n De3pzq: \"f1nfm20t\"\n },\n rootClickable: {\n Bceei9c: \"f1k6fduh\",\n Jwef8y: \"f1knas48\"\n }\n}, {\n d: [\".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fsyjsko{grid-column-end:4;}\", [\".f1a3p1vp{overflow:hidden;}\", {\n p: -1\n }], \".fv6wr3j{text-wrap:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f1k6fduh{cursor:pointer;}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\"]\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = state => {\n 'use no memo';\n\n const rootBaseStyles = useRootBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n if (state.header) {\n var _state_header;\n state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n }\n if (state.contentWrapper) {\n var _state_contentWrapper;\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useListItemStyles.styles.js.map"],"names":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","__resetStyles","useStyles","__styles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IA2CAC,0BAA0B;eAA1BA;;;uBA9CyC;AAG/C,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;IAAyE;CAA4I;AAC5R;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCP,gBAAgB;QACdQ,SAAS;IACX;IACAC,4BAA4B;QAC1BC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+C;QAAgC;YAAC;YAA+B;gBACjHC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+B;QAAsC;QAAuE;KAA6B;IAC7KC,GAAG;QAAC;KAAyE;AAC/E;AAIO,MAAM5B,6BAA6B6B,CAAAA;IACxC;IAEA,MAAMC,iBAAiBtB;IACvB,MAAMuB,SAASrB;IACfmB,MAAM5B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,mBAAmBE,IAAI,EAAE6B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAAD,KAAMJ,OAAOR,aAAa,EAAEM,MAAMO,QAAQ,IAAIL,OAAOV,YAAY,EAAEQ,MAAM5B,IAAI,CAAC+B,SAAS;IACvM,IAAIH,MAAM1B,MAAM,EAAE;QAChB,IAAIkC;QACJR,MAAM1B,MAAM,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOhB,QAAQ,EAAE,AAACsB,CAAAA,gBAAgBR,MAAM1B,MAAM,AAAD,MAAO,QAAQkC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACvL;IACA,IAAIH,MAAMzB,cAAc,EAAE;QACxB,IAAImC;QACJV,MAAMzB,cAAc,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAO3B,cAAc,EAAEyB,MAAMW,eAAe,IAAIT,OAAOhB,QAAQ,EAAE,CAACc,MAAMvB,YAAY,IAAIyB,OAAOlB,0BAA0B,EAAE,AAAC0B,CAAAA,wBAAwBV,MAAMzB,cAAc,AAAD,MAAO,QAAQmC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACjT;IACA,OAAOH;AACT,GACA,oDAAoD"}
|