prabhuignoto / react-chrono / #94

Committed 21 Jun 2025 07:36PM UTC coverage: 90.669% (-0.06%) from 90.727%

Build # #94

Build Type

push

Committed by

Commit Message

refactor: fix package name from react-chrono-ui to react-chrono (#551)

- Updated package name in package.json and related paths.
- Adjusted size limits for the new package name.
- Modified rollup configuration to reflect the new input file name.
- Created a new test file for the Chrono component and its TimelineItem type.
- Updated context providers and hooks to use the new uniqueId.
- Adjusted snapshot tests to match updated class names and structure.
- Refactored timeline component to generate IDs with the new package name.
- Added a new entry point file for the renamed package.
- Updated z-index comments to reflect the new package name.
- Adjusted TypeScript configuration to point to the new entry file.

Run Details

1776 of 2104 branches covered (84.41%)

Branch coverage included in aggregate %.

8 of 8 new or added lines in 6 files covered. (100.0%)

15 existing lines in 4 files now uncovered.

10535 of 11474 relevant lines covered (91.82%)

10.1 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

75.0

/src/components/timeline-elements/memoized/details-text-memo.tsx

import { memo } from 'react';
import { useBackground } from '../../../hooks/useBackground';
import { useMeasureHeight } from '../../../hooks/useMeasureHeight';
import { DetailsTextWrapper } from '../timeline-card-media/timeline-card-media.styles';
import { DetailsTextMemoModel } from './memoized-model';

const arePropsEqual = (
  prev: DetailsTextMemoModel,
  next: DetailsTextMemoModel,
): boolean => {
  return (
    prev.height === next.height &&
    prev.show === next.show &&
    prev.expand === next.expand &&
    prev.theme?.cardDetailsBackGround === next.theme?.cardDetailsBackGround
  );
};

const DetailsTextMemo = memo<DetailsTextMemoModel>(
  ({ theme, show, expand, textOverlay, text: Text, onRender }) => {
    const background = useBackground(theme?.cardDetailsBackGround);
    const measureRef = useMeasureHeight(onRender);

    if (!textOverlay) return null;

    return (
      <DetailsTextWrapper
        ref={measureRef}
        $expandFull={expand}
        theme={theme}
        $show={show}
        background={background}
      >
        <Text />
      </DetailsTextWrapper>
    );
  },
  arePropsEqual,
);

DetailsTextMemo.displayName = 'DetailsText';

export { DetailsTextMemo };

1	import { memo } from 'react';	1✔
2	import { useBackground } from '../../../hooks/useBackground';	1✔
3	import { useMeasureHeight } from '../../../hooks/useMeasureHeight';	1✔
4	import { DetailsTextWrapper } from '../timeline-card-media/timeline-card-media.styles';	1✔
5	import { DetailsTextMemoModel } from './memoized-model';
6
7	const arePropsEqual = (	1✔
UNCOV 8	prev: DetailsTextMemoModel,	×
UNCOV 9	next: DetailsTextMemoModel,	×
UNCOV 10	): boolean => {	×
UNCOV 11	return (	×
UNCOV 12	prev.height === next.height &&	×
UNCOV 13	prev.show === next.show &&	×
UNCOV 14	prev.expand === next.expand &&	×
UNCOV 15	prev.theme?.cardDetailsBackGround === next.theme?.cardDetailsBackGround	×
16	);
UNCOV 17	};	×
18
19	const DetailsTextMemo = memo<DetailsTextMemoModel>(	1✔
20	({ theme, show, expand, textOverlay, text: Text, onRender }) => {	1✔
21	const background = useBackground(theme?.cardDetailsBackGround);	11✔
22	const measureRef = useMeasureHeight(onRender);	11✔
23
24	if (!textOverlay) return null;	11✔
25
26	return (	3✔
27	<DetailsTextWrapper	3✔
28	ref={measureRef}	3✔
29	$expandFull={expand}	3✔
30	theme={theme}	3✔
31	$show={show}	3✔
32	background={background}	3✔
33	>
34	<Text />	3✔
35	</DetailsTextWrapper>	3✔
36	);
37	},	11✔
38	arePropsEqual,	1✔
39	);	1✔
40
41	DetailsTextMemo.displayName = 'DetailsText';	1✔
42
43	export { DetailsTextMemo };

prabhuignoto / react-chrono / #94

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous