gravity-ui · flops · Jan 13, 2025 · Jan 13, 2025
@@ -1,5 +1,12 @@
 # Changelog
 
+## [8.24.0](https://github.com/gravity-ui/dashkit/compare/v8.23.0...v8.24.0) (2025-01-13)
+
+
+### Features
+
+* **Title:** add title font customization ([#241](https://github.com/gravity-ui/dashkit/issues/241)) ([51fbb91](https://github.com/gravity-ui/dashkit/commit/51fbb91888c8e64750ecf6aa3431709797839a5d))
+
 ## [8.23.0](https://github.com/gravity-ui/dashkit/compare/v8.22.1...v8.23.0) (2024-12-18)
 
 

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.23.0",
+  "version": "8.24.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {

diff --git a/src/components/DashKit/DashKit.tsx b/src/components/DashKit/DashKit.tsx
        defaultProps: defaultGridProps,
        groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {
            const groupId = g.id || DEFAULT_GROUP;
            memo[groupId] = g.gridProperties
                ? getReflowProps(g.gridProperties(defaultGridProps))
                : defaultGridProps;

diff --git a/src/components/DashKit/__stories__/DashKitDnDShowcase.tsx b/src/components/DashKit/__stories__/DashKitDnDShowcase.tsx

 export const DashKitDnDShowcase: React.FC = () => {
    const onClick = () => {
        console.log('click');
    };

    const items = React.useMemo(
    );
    const [config, setConfig] = React.useState(getConfig());

    const onChange = React.useCallback(({config}: {config: DashKitProps['config']}) => {
        setConfig(config);
    }, []);

    );

    const onDragStart = React.useCallback(() => {
        console.log('dragStarted');
    }, []);

    const onDragEnd = React.useCallback(() => {
        console.log('dragEnded');
    }, []);

    const onItemMountChange = React.useCallback<
        Exclude<DashKitProps['onItemMountChange'], undefined>
    >((item, state) => {
        console.log('onItemMountChange', item, state);
    }, []);

    const onItemRender = React.useCallback<Exclude<DashKitProps['onItemRender'], undefined>>(
        (item) => {
            console.log('onItemRender', item);
        },
        [],
    );
diff --git a/src/components/DashKit/__stories__/DashKitGroupsShowcase.tsx b/src/components/DashKit/__stories__/DashKitGroupsShowcase.tsx
    const [headerInteractions, setHeaderInteractions] = React.useState(true);

    const onClick = () => {
        console.log('click');
    };

    const items = React.useMemo(
    );
    const [config, setConfig] = React.useState(getConfig(true));

    const onChange = React.useCallback(({config}: {config: DashKitProps['config']}) => {
        setConfig(config);
    }, []);


    const overlayMenuItems = React.useMemo(() => {
        const layoutById = config.layout.reduce<Record<string, ConfigLayout>>((memo, item) => {
            memo[item.i] = item;
            return memo;
        }, {});
        const maxOffset = config.layout
	defaultProps: defaultGridProps,
	groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {
	const groupId = g.id \|\| DEFAULT_GROUP;
	memo[groupId] = g.gridProperties
Check warning on line 96 in src/components/DashKit/DashKit.tsx GitHub Actions / Verify Files `Assignment to property of function parameter 'memo'`
	? getReflowProps(g.gridProperties(defaultGridProps))
	: defaultGridProps;

	export const DashKitDnDShowcase: React.FC = () => {
	const onClick = () => {
	console.log('click');
Check warning on line 13 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	};

	const items = React.useMemo(
	);
	const [config, setConfig] = React.useState(getConfig());

	const onChange = React.useCallback(({config}: {config: DashKitProps['config']}) => {
Check warning on line 75 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `'config' is already declared in the upper scope on line 73 column 12`
	setConfig(config);
	}, []);

	);

	const onDragStart = React.useCallback(() => {
	console.log('dragStarted');
Check warning on line 121 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	}, []);

	const onDragEnd = React.useCallback(() => {
	console.log('dragEnded');
Check warning on line 125 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	}, []);

	const onItemMountChange = React.useCallback<
	Exclude<DashKitProps['onItemMountChange'], undefined>
	>((item, state) => {
	console.log('onItemMountChange', item, state);
Check warning on line 131 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	}, []);

	const onItemRender = React.useCallback<Exclude<DashKitProps['onItemRender'], undefined>>(
	(item) => {
	console.log('onItemRender', item);
Check warning on line 136 in src/components/DashKit/__stories__/DashKitDnDShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	},
	[],
	);
	const [headerInteractions, setHeaderInteractions] = React.useState(true);

	const onClick = () => {
	console.log('click');
Check warning on line 37 in src/components/DashKit/__stories__/DashKitGroupsShowcase.tsx GitHub Actions / Verify Files `Unexpected console statement`
	};

	const items = React.useMemo(
	);
	const [config, setConfig] = React.useState(getConfig(true));

	const onChange = React.useCallback(({config}: {config: DashKitProps['config']}) => {
Check warning on line 99 in src/components/DashKit/__stories__/DashKitGroupsShowcase.tsx GitHub Actions / Verify Files `'config' is already declared in the upper scope on line 97 column 12`
	setConfig(config);
	}, []);


	const overlayMenuItems = React.useMemo(() => {
	const layoutById = config.layout.reduce<Record<string, ConfigLayout>>((memo, item) => {
	memo[item.i] = item;
Check warning on line 154 in src/components/DashKit/__stories__/DashKitGroupsShowcase.tsx GitHub Actions / Verify Files `Assignment to property of function parameter 'memo'`
	return memo;
	}, {});
	const maxOffset = config.layout