[Feature] Expander improvements

.styleguidist/styleguidist.sections.js

@@ -111,7 +111,10 @@ module.exports = {
  {
  name: 'Expander',
  components: getComponentWithVariants('Expander')([
- 'ExpanderGroup',
+ 'Expander/Expander',
+ 'ExpanderGroup/ExpanderGroup',
+ 'ExpanderTitle/ExpanderTitle',
+ 'ExpanderContent/ExpanderContent',
  ]),
  },
  ],

jest.setup.js

@@ -5,3 +5,14 @@ require('jest-axe/extend-expect');
 require('@testing-library/jest-dom/extend-expect');
 
 require('jest-styled-components');
+
+/**
+ * Replace useLayoutEffect with useEffect for jest to suppress unnecessary warnings "useLayoutEffect does nothing on server...".
+ * We are using jest default environment JSDOM rather than node (for multiple reasons).
+ * Custom useEnhanced hook handles SSR by using useEffect hook on node environments and useLayoutEffect on browser.
+ * Due to issues between jest and react, useLayoutEffect gets picked up when using JSDOM but React assumes node env and issues unnecessary warnings.
+ **/
+jest.mock('react', () => ({
+ ...jest.requireActual('react'),
+ useLayoutEffect: jest.requireActual('react').useEffect,
+}));