DATAP-1533 stacked area chart class to functional

[cdmh219]

Conversion of StackedAreaChart from class to functional component

Additions

Removals

Changes

Testing

Screenshots

Notes

Todos

Checklist

• Changes are limited to a single goal (no scope creep)
• Code can be automatically merged (no conflicts)
• Code follows the standards laid out in the front end playbook
• Passes all existing automated tests
• New functions include new tests
• New functions are documented (with a description, list of inputs, and expected output)
• Placeholder code is flagged
• Visually tested in supported browsers and devices
• Project documentation has been updated (including the "Unreleased" section of the CHANGELOG)

[flacoman91]

what kind of issues were you seeing here, and I think you may not need this

This is doing the exact same thing at L342.

cloneDeep in our utils does the same thing too:
https://github.com/cfpb/ccdb5-ui/blob/main/src/utils/index.js#L209

[cdmh219]

The cloneDeep(data) value was basically being passed in as a parameter from the component. So instead of doing that, I thought it made more sense to just pass in data, then do the clone here. It cuts down on some of the data processing being done directly in the component, and eliminates a variable that's only used for this.

The same thing was also done for pruneIncompleteLineInterval()

[flacoman91]

Would this work without adding this? This looks like it is doing the same thing twice

I would change L342 to
let filteredData = cloneDeep(data);

[cdmh219]

My apologoies for the late response (I looked at this yesterday, but forgot to comment here). Changing this results in a state mutation error. And when I tried to use the structuredClone as stated in the comments, it doesn't appear to be available in Lodash. So it looks like we'll need to keep this as-is (at least for now).