@fluentui/react-table 9.15.5 → 9.15.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -2
- package/lib/components/TableCell/useTableCellStyles.styles.js +29 -17
- package/lib/components/TableCell/useTableCellStyles.styles.js.map +1 -1
- package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js +13 -7
- package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
- package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js +71 -32
- package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
- package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js +9 -6
- package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
- package/lib/components/TableRow/useTableRowStyles.styles.js +74 -66
- package/lib/components/TableRow/useTableRowStyles.styles.js.map +1 -1
- package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js +29 -17
- package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js +42 -46
- package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js +19 -10
- package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js +104 -87
- package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js +11 -14
- package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js +89 -183
- package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js +42 -46
- package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-table
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 23 May 2024 07:58:00 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.15.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.6)
|
|
8
|
+
|
|
9
|
+
Thu, 23 May 2024 07:58:00 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.5..@fluentui/react-table_v9.15.6)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
16
|
+
- Bump @fluentui/react-avatar to v9.6.28 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
17
|
+
- Bump @fluentui/react-checkbox to v9.2.27 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
18
|
+
- Bump @fluentui/react-radio to v9.2.22 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
|
|
20
|
+
|
|
7
21
|
## [9.15.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.5)
|
|
8
22
|
|
|
9
|
-
Mon, 20 May 2024 12:
|
|
23
|
+
Mon, 20 May 2024 12:45:05 GMT
|
|
10
24
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.4..@fluentui/react-table_v9.15.5)
|
|
11
25
|
|
|
12
26
|
### Patches
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
|
|
4
4
|
export const tableCellClassName = 'fui-TableCell';
|
|
@@ -27,9 +27,10 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
|
|
|
27
27
|
mc9l5x: "f22iagw",
|
|
28
28
|
Bf4jedk: "f10tiqix",
|
|
29
29
|
Bt984gj: "f122n59",
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
xawz: 0,
|
|
31
|
+
Bh6795r: 0,
|
|
32
|
+
Bnnss6s: 0,
|
|
33
|
+
fkmc3a: "f1izfyrr"
|
|
33
34
|
},
|
|
34
35
|
medium: {
|
|
35
36
|
sshi5w: "f5pgtk9"
|
|
@@ -41,7 +42,9 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
|
|
|
41
42
|
sshi5w: "f1pha7fy"
|
|
42
43
|
}
|
|
43
44
|
}, {
|
|
44
|
-
d: [".f22iagw{display:flex;}", ".f10tiqix{min-width:0px;}", ".f122n59{align-items:center;}", ".
|
|
45
|
+
d: [".f22iagw{display:flex;}", ".f10tiqix{min-width:0px;}", ".f122n59{align-items:center;}", [".f1izfyrr{flex:1 1 0px;}", {
|
|
46
|
+
p: -1
|
|
47
|
+
}], ".f5pgtk9{min-height:44px;}", ".fcep9tg{min-height:34px;}", ".f1pha7fy{min-height:24px;}"]
|
|
45
48
|
});
|
|
46
49
|
/**
|
|
47
50
|
* Styles for the root slot
|
|
@@ -49,20 +52,29 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
|
|
|
49
52
|
const useStyles = /*#__PURE__*/__styles({
|
|
50
53
|
root: {
|
|
51
54
|
qhf8xq: "f10pi13n",
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
55
|
+
Byoj8tv: 0,
|
|
56
|
+
uwmqm3: 0,
|
|
57
|
+
z189sj: 0,
|
|
58
|
+
z8tnut: 0,
|
|
59
|
+
B0ocmuz: "f3gpkru",
|
|
60
|
+
Bfpq7zp: 0,
|
|
61
|
+
g9k6zt: 0,
|
|
62
|
+
Bn4voq9: 0,
|
|
63
|
+
giviqs: "f1dxfoyt",
|
|
64
|
+
Bw81rd7: 0,
|
|
65
|
+
kdpuga: 0,
|
|
66
|
+
dm238s: 0,
|
|
67
|
+
B6xbmo0: 0,
|
|
68
|
+
B3whbx2: "f2krc9w"
|
|
63
69
|
}
|
|
64
70
|
}, {
|
|
65
|
-
d: [".f10pi13n{position:relative;}", ".
|
|
71
|
+
d: [".f10pi13n{position:relative;}", [".f3gpkru{padding:0px var(--spacingHorizontalS);}", {
|
|
72
|
+
p: -1
|
|
73
|
+
}], [".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}", {
|
|
74
|
+
p: -1
|
|
75
|
+
}], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
|
|
76
|
+
p: -1
|
|
77
|
+
}]]
|
|
66
78
|
});
|
|
67
79
|
/**
|
|
68
80
|
* Apply styling to the TableCell slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableCellClassName","tableCellClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","xawz","Bh6795r","Bnnss6s","fkmc3a","sshi5w","p","useStyles","qhf8xq","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","useTableCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","size"],"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n root: tableCellClassName\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n },\n medium: {\n height: '44px'\n },\n small: {\n height: '34px'\n },\n 'extra-small': {\n height: '24px'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n minWidth: '0px',\n alignItems: 'center',\n flex: '1 1 0px'\n },\n medium: {\n minHeight: '44px'\n },\n small: {\n minHeight: '34px'\n },\n 'extra-small': {\n minHeight: '24px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative',\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n }\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */ export const useTableCellStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,kBAAkB,GAAG,eAAe;AACjD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAEF;AACV,CAAC;AACD,MAAMG,oBAAoB,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAc5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGd,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAV,MAAA;IAAAW,MAAA;EAAA;EAAAT,KAAA;IAAAS,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAR,CAAA;IAAAS,CAAA;EAAA;AAAA,CAgB3B,CAAC;AACF;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGvB,QAAA;EAAAM,IAAA;IAAAkB,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAzB,CAAA;IAAAS,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAWrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMiB,2BAA2B,GAAIC,KAAK,IAAG;EACpD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,YAAY,GAAG;IACjBC,KAAK,EAAEpC,oBAAoB,CAAC,CAAC;IAC7BqC,IAAI,EAAE9B,mBAAmB,CAAC;EAC9B,CAAC;EACD0B,KAAK,CAAClC,IAAI,CAACuC,SAAS,GAAG5C,YAAY,CAACI,mBAAmB,CAACC,IAAI,EAAEmC,MAAM,CAACnC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACtC,IAAI,GAAGoC,YAAY,CAACC,KAAK,CAACrC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACJ,KAAK,CAACO,IAAI,CAAC,GAAGL,YAAY,CAACC,KAAK,CAACH,KAAK,CAACO,IAAI,CAAC,EAAEP,KAAK,CAAClC,IAAI,CAACuC,SAAS,CAAC;EACpQ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
import { typographyStyles } from '@fluentui/react-theme';
|
|
4
4
|
export const tableCellLayoutClassNames = {
|
|
@@ -15,11 +15,13 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
15
15
|
root: {
|
|
16
16
|
mc9l5x: "f22iagw",
|
|
17
17
|
Bt984gj: "f122n59",
|
|
18
|
-
i8kkvl:
|
|
19
|
-
Belr9w4:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
i8kkvl: 0,
|
|
19
|
+
Belr9w4: 0,
|
|
20
|
+
rmohyg: "faqewft",
|
|
21
|
+
xawz: 0,
|
|
22
|
+
Bh6795r: 0,
|
|
23
|
+
Bnnss6s: 0,
|
|
24
|
+
fkmc3a: "f1izfyrr"
|
|
23
25
|
},
|
|
24
26
|
rootTruncate: {
|
|
25
27
|
B68tc82: "f1p9o1ba"
|
|
@@ -60,7 +62,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
60
62
|
Bg96gwp: "fwrc4pm"
|
|
61
63
|
}
|
|
62
64
|
}, {
|
|
63
|
-
d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", ".
|
|
65
|
+
d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", [".faqewft{gap:var(--spacingHorizontalS);}", {
|
|
66
|
+
p: -1
|
|
67
|
+
}], [".f1izfyrr{flex:1 1 0px;}", {
|
|
68
|
+
p: -1
|
|
69
|
+
}], ".f1p9o1ba{overflow-x:hidden;}", ".f1vx9l62{flex-direction:column;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fz5stix{white-space:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
|
|
64
70
|
});
|
|
65
71
|
/**
|
|
66
72
|
* Apply styling to the TableCellLayout slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","tableCellLayoutClassNames","root","media","main","description","content","useStyles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","useTableCellLayoutStyles_unstable","state","styles","truncate","className","primary","appearance","mediaSizedStyles","small","medium","size"],"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacingHorizontalS,\n flex: '1 1 0px'\n },\n rootTruncate: {\n overflowX: 'hidden'\n },\n content: {\n display: 'flex',\n flexDirection: 'column'\n },\n contentTruncate: {\n overflowX: 'hidden'\n },\n media: {\n display: 'flex',\n alignItems: 'center'\n },\n mediaExtraSmall: {\n fontSize: '16px'\n },\n mediaSmallAndMedium: {\n fontSize: '20px'\n },\n mediaPrimary: {\n fontSize: '24px'\n },\n mainPrimary: {\n fontWeight: tokens.fontWeightSemibold\n },\n mainTruncate: {\n overflowX: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis'\n },\n description: {\n color: tokens.colorNeutralForeground2,\n ...typographyStyles.caption1\n }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n const styles = useStyles();\n const { truncate } = state;\n state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n const primary = state.appearance === 'primary';\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall\n };\n state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n }\n if (state.main) {\n state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
|
|
4
4
|
export const tableHeaderCellClassName = 'fui-TableHeaderCell';
|
|
@@ -19,13 +19,16 @@ const useTableLayoutStyles = /*#__PURE__*/__styles({
|
|
|
19
19
|
const useFlexLayoutStyles = /*#__PURE__*/__styles({
|
|
20
20
|
root: {
|
|
21
21
|
mc9l5x: "f22iagw",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
xawz: 0,
|
|
23
|
+
Bh6795r: 0,
|
|
24
|
+
Bnnss6s: 0,
|
|
25
|
+
fkmc3a: "f1izfyrr",
|
|
25
26
|
Bf4jedk: "f10tiqix"
|
|
26
27
|
}
|
|
27
28
|
}, {
|
|
28
|
-
d: [".f22iagw{display:flex;}", ".
|
|
29
|
+
d: [".f22iagw{display:flex;}", [".f1izfyrr{flex:1 1 0px;}", {
|
|
30
|
+
p: -1
|
|
31
|
+
}], ".f10tiqix{min-width:0px;}"]
|
|
29
32
|
});
|
|
30
33
|
/**
|
|
31
34
|
* Styles for the root slot
|
|
@@ -33,17 +36,20 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
|
|
|
33
36
|
const useStyles = /*#__PURE__*/__styles({
|
|
34
37
|
root: {
|
|
35
38
|
Bhrd7zp: "figsok6",
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
Byoj8tv: 0,
|
|
40
|
+
uwmqm3: 0,
|
|
41
|
+
z189sj: 0,
|
|
42
|
+
z8tnut: 0,
|
|
43
|
+
B0ocmuz: "f3gpkru",
|
|
44
|
+
robkg1: 0,
|
|
45
|
+
Bmvh20x: 0,
|
|
46
|
+
B3nxjsc: 0,
|
|
47
|
+
Bmkhcsx: "f14ym4q2",
|
|
48
|
+
B8osjzx: 0,
|
|
49
|
+
pehzd3: 0,
|
|
50
|
+
Blsv9te: 0,
|
|
51
|
+
u7xebq: 0,
|
|
52
|
+
Bsvwmf7: "f1euou18",
|
|
47
53
|
qhf8xq: "f10pi13n"
|
|
48
54
|
},
|
|
49
55
|
rootInteractive: {
|
|
@@ -58,30 +64,47 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
58
64
|
Bahqtrf: "f1mo0ibp",
|
|
59
65
|
Be2twd7: "fjoy568",
|
|
60
66
|
Bg96gwp: "fytdu2e",
|
|
61
|
-
B68tc82:
|
|
62
|
-
Bmxbyg5:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
B68tc82: 0,
|
|
68
|
+
Bmxbyg5: 0,
|
|
69
|
+
Bpg54ce: "f1gl81tg",
|
|
70
|
+
Byoj8tv: 0,
|
|
71
|
+
uwmqm3: 0,
|
|
72
|
+
z189sj: 0,
|
|
73
|
+
z8tnut: 0,
|
|
74
|
+
B0ocmuz: "f1mk8lai",
|
|
75
|
+
Bgfg5da: 0,
|
|
76
|
+
B9xav0g: 0,
|
|
77
|
+
oivjwe: 0,
|
|
78
|
+
Bn0qgzm: 0,
|
|
79
|
+
B4g9neb: 0,
|
|
80
|
+
zhjwy3: 0,
|
|
81
|
+
wvpqe5: 0,
|
|
82
|
+
ibv6hh: 0,
|
|
83
|
+
u1mtju: 0,
|
|
84
|
+
h3c5rm: 0,
|
|
85
|
+
vrafjx: 0,
|
|
86
|
+
Bekrc4i: 0,
|
|
87
|
+
i8vvqc: 0,
|
|
88
|
+
g2u3we: 0,
|
|
89
|
+
icvyot: 0,
|
|
90
|
+
B4j52fo: 0,
|
|
91
|
+
irswps: "f3bhgqh",
|
|
71
92
|
fsow6f: "fgusgyc"
|
|
72
93
|
},
|
|
73
94
|
button: {
|
|
74
95
|
qhf8xq: "f10pi13n",
|
|
75
96
|
a9b677: "fly5x3f",
|
|
76
97
|
mc9l5x: "f22iagw",
|
|
77
|
-
Bh6795r:
|
|
98
|
+
Bh6795r: 0,
|
|
78
99
|
Bqenvij: "f1l02sjl",
|
|
79
100
|
Bt984gj: "f122n59",
|
|
80
|
-
i8kkvl:
|
|
81
|
-
Belr9w4:
|
|
101
|
+
i8kkvl: 0,
|
|
102
|
+
Belr9w4: 0,
|
|
103
|
+
rmohyg: "fkln5zr",
|
|
82
104
|
sshi5w: "f1nxs5xn",
|
|
83
|
-
|
|
84
|
-
|
|
105
|
+
xawz: 0,
|
|
106
|
+
Bnnss6s: 0,
|
|
107
|
+
fkmc3a: "f1izfyrr",
|
|
85
108
|
oeaueh: "f1s6fcnf"
|
|
86
109
|
},
|
|
87
110
|
sortable: {
|
|
@@ -94,7 +117,23 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
94
117
|
},
|
|
95
118
|
resizeHandle: {}
|
|
96
119
|
}, {
|
|
97
|
-
d: [".figsok6{font-weight:var(--fontWeightRegular);}", ".
|
|
120
|
+
d: [".figsok6{font-weight:var(--fontWeightRegular);}", [".f3gpkru{padding:0px var(--spacingHorizontalS);}", {
|
|
121
|
+
p: -1
|
|
122
|
+
}], [".f14ym4q2[data-fui-focus-within]:focus-within{outline:2px solid var(--colorStrokeFocus2);}", {
|
|
123
|
+
p: -1
|
|
124
|
+
}], [".f1euou18[data-fui-focus-within]:focus-within{border-radius:var(--borderRadiusMedium);}", {
|
|
125
|
+
p: -1
|
|
126
|
+
}], ".f10pi13n{position:relative;}", ".fq6nmtn{resize:horizontal;}", ".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", [".f1gl81tg{overflow:visible;}", {
|
|
127
|
+
p: -1
|
|
128
|
+
}], [".f1mk8lai{padding:0;}", {
|
|
129
|
+
p: -1
|
|
130
|
+
}], [".f3bhgqh{border:none;}", {
|
|
131
|
+
p: -2
|
|
132
|
+
}], ".fgusgyc{text-align:unset;}", ".fly5x3f{width:100%;}", ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1l02sjl{height:100%;}", ".f122n59{align-items:center;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
|
|
133
|
+
p: -1
|
|
134
|
+
}], ".f1nxs5xn{min-height:32px;}", [".f1izfyrr{flex:1 1 0px;}", {
|
|
135
|
+
p: -1
|
|
136
|
+
}], ".f1s6fcnf{outline-style:none;}", ".f1k6fduh{cursor:pointer;}", ".fclwglc{padding-top:var(--spacingVerticalXXS);}"],
|
|
98
137
|
h: [".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}"],
|
|
99
138
|
a: [".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"]
|
|
100
139
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","createCustomFocusIndicatorStyle","tableHeaderCellClassName","tableHeaderCellClassNames","root","button","sortIcon","aside","useTableLayoutStyles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n root: 'fui-TableHeaderCell',\n button: 'fui-TableHeaderCell__button',\n sortIcon: 'fui-TableHeaderCell__sortIcon',\n aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n verticalAlign: 'middle'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n flex: '1 1 0px',\n minWidth: '0px'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n fontWeight: tokens.fontWeightRegular,\n padding: `0px ${tokens.spacingHorizontalS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus-within'\n }),\n position: 'relative'\n },\n rootInteractive: {\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed\n }\n },\n resetButton: {\n resize: 'horizontal',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n overflow: 'visible',\n padding: '0',\n border: 'none',\n textAlign: 'unset'\n },\n button: {\n position: 'relative',\n width: '100%',\n display: 'flex',\n flexGrow: 1,\n height: '100%',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n minHeight: '32px',\n flex: '1 1 0px',\n outlineStyle: 'none'\n },\n sortable: {\n cursor: 'pointer'\n },\n sortIcon: {\n display: 'flex',\n alignItems: 'center',\n paddingTop: tokens.spacingVerticalXXS\n },\n resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n if (state.sortIcon) {\n state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n }\n if (state.aside) {\n state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
export const tableResizeHandleClassNames = {
|
|
4
4
|
root: 'fui-TableResizeHandle'
|
|
@@ -13,10 +13,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
13
13
|
Bhzewxz: "f15twtuk",
|
|
14
14
|
B5kzvoi: "f1yab3r1",
|
|
15
15
|
a9b677: "fjw5fx7",
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
jrapky: 0,
|
|
17
|
+
Frg6f3: 0,
|
|
18
|
+
t21cq0: 0,
|
|
19
|
+
B6of3ja: 0,
|
|
20
|
+
B74szlk: "fg06o1j",
|
|
20
21
|
Bceei9c: "fc3en1c",
|
|
21
22
|
abs64n: "fk73vx1",
|
|
22
23
|
Bmy1vo4: "f13u1uyl",
|
|
@@ -35,7 +36,9 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
35
36
|
Bkbwdz4: "f1swzn7y"
|
|
36
37
|
}
|
|
37
38
|
}, {
|
|
38
|
-
d: [".f1euv43f{position:absolute;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fjw5fx7{width:16px;}", ".
|
|
39
|
+
d: [".f1euv43f{position:absolute;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}", ".fjw5fx7{width:16px;}", [".fg06o1j{margin:0 -8px;}", {
|
|
40
|
+
p: -1
|
|
41
|
+
}], ".fc3en1c{cursor:col-resize;}", ".fk73vx1{opacity:0;}", ".f13u1uyl{transition-property:opacity;}", ".fezquic{transition-duration:.2s;}", ".f19g0ac{z-index:1;}", ".ftgrb5f:after{content:\" \";}", ".f2df6js:after{display:block;}", ".fshsryb:after{width:1px;}", ".f11ef69:after{position:absolute;}", ".f12lb1dx:after{left:50%;}", ".f13tbxeo:after{right:50%;}", ".fu4ulse:after{top:0;}", ".fw2wsqs:after{bottom:0;}", ".f1swzn7y:after{background-color:var(--colorNeutralStroke1);}"],
|
|
39
42
|
f: [".f1tkae59:focus{opacity:1;}", ".ftqa4ok:focus{outline-style:none;}"],
|
|
40
43
|
h: [".f15pjodv:hover{opacity:1;}"]
|
|
41
44
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","tableResizeHandleClassNames","root","useStyles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","p","f","h","useTableResizeHandleStyles_unstable","state","styles","className"],"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'absolute',\n right: 0,\n top: 0,\n bottom: 0,\n width: '16px',\n margin: '0 -8px',\n cursor: 'col-resize',\n opacity: 0,\n transitionProperty: 'opacity',\n transitionDuration: '.2s',\n zIndex: 1,\n // If mouse users focus on the resize handle through a context menu, we want the handle\n // to be visible because the mouse might not be hovering over the handle\n ':focus': {\n opacity: 1,\n outlineStyle: 'none'\n },\n ':hover': {\n opacity: 1\n },\n ':after': {\n content: '\" \"',\n display: 'block',\n width: '1px',\n position: 'absolute',\n left: '50%',\n top: 0,\n bottom: 0,\n backgroundColor: tokens.colorNeutralStroke1\n }\n }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAiCrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,MAAMC,MAAM,GAAGjC,SAAS,CAAC,CAAC;EAC1BgC,KAAK,CAACjC,IAAI,CAACmC,SAAS,GAAGtC,YAAY,CAACE,2BAA2B,CAACC,IAAI,EAAEkC,MAAM,CAAClC,IAAI,EAAEiC,KAAK,CAACjC,IAAI,CAACmC,SAAS,CAAC;EACxG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|