52 lines
1.9 KiB
JavaScript
52 lines
1.9 KiB
JavaScript
'use client';
|
|
|
|
import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles.styles';
|
|
import { __styles, mergeClasses } from '@griffel/react';
|
|
const virtualizerScrollViewDynamicClassName = 'fui-Virtualizer-Scroll-View-Dynamic';
|
|
/**
|
|
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
*/
|
|
export const virtualizerScrollViewDynamicClassNames = {
|
|
...virtualizerClassNames,
|
|
container: `${virtualizerScrollViewDynamicClassName}__container`
|
|
};
|
|
const useStyles = /*#__PURE__*/__styles({
|
|
base: {
|
|
mc9l5x: "f22iagw",
|
|
a9b677: "fly5x3f",
|
|
Bqenvij: "f1l02sjl"
|
|
},
|
|
vertical: {
|
|
Beiy3e4: "f1vx9l62",
|
|
Bmxbyg5: "f5zp4f"
|
|
},
|
|
horizontal: {
|
|
Beiy3e4: "f1063pyq",
|
|
B68tc82: "f1oy3dpc"
|
|
},
|
|
verticalReversed: {
|
|
Beiy3e4: "f1gkdon0",
|
|
Bmxbyg5: "f5zp4f"
|
|
},
|
|
horizontalReversed: {
|
|
Beiy3e4: "f1oztnx0",
|
|
B68tc82: "f1oy3dpc"
|
|
}
|
|
}, {
|
|
d: [".f22iagw{display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1vx9l62{flex-direction:column;}", ".f5zp4f{overflow-y:auto;}", ".f1063pyq{flex-direction:row;}", ".f1oy3dpc{overflow-x:auto;}", ".f1gkdon0{flex-direction:column-reverse;}", ".f1oztnx0{flex-direction:row-reverse;}"]
|
|
});
|
|
/**
|
|
* Apply styling to the Virtualizer states
|
|
* @deprecated migrated to \@fluentui\-contrib/react\-virtualizer for stable release.
|
|
*/
|
|
export const useVirtualizerScrollViewDynamicStyles_unstable = state => {
|
|
'use no memo';
|
|
|
|
const styles = useStyles();
|
|
// Default virtualizer styles base
|
|
useVirtualizerStyles_unstable(state);
|
|
const containerStyle = state.axis === 'horizontal' ? state.reversed ? styles.horizontalReversed : styles.horizontal : state.reversed ? styles.verticalReversed : styles.vertical;
|
|
// Add container styles
|
|
state.container.className = mergeClasses(virtualizerScrollViewDynamicClassNames.container, styles.base, containerStyle, state.container.className);
|
|
return state;
|
|
}; |