@lumx/react 3.1.1 → 3.1.3-alpha.0

package/dist/src/stories/generated/Progress/Demos.stories.tsx

@@ -1,7 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/progress/Progress Demos' };
-
-export { App as Circular } from './circular';
-export { App as Linear } from './linear';

package/dist/src/stories/generated/ProgressTracker/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/progress-tracker/ProgressTracker Demos' };
-
-export { App as Default } from './default';
-export { App as Error } from './error';
-export { App as Helper } from './helper';
-export { App as States } from './states';

package/dist/src/stories/generated/RadioButton/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/radio-button/RadioButton Demos' };
-
-export { App as Default } from './default';

package/dist/src/stories/generated/Select/Demos.stories.tsx

@@ -1,14 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/select/Select Demos' };
-
-export { App as MultiSelectChip } from './multi-select-chip';
-export { App as MultiSelectSearch } from './multi-select-search';
-export { App as MultiSelect } from './multi-select';
-export { App as SelectChip } from './select-chip';
-export { App as SingleSelectSearch } from './single-select-search';
-export { App as SingleSelect } from './single-select';
-export { App as StateDisabled } from './state-disabled';
-export { App as StateInvalid } from './state-invalid';
-export { App as StateValid } from './state-valid';

package/dist/src/stories/generated/SideNavigation/Demos.stories.tsx

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/side-navigation/SideNavigation Demos' };
-
-export { App as Default } from './default';
-export { App as Emphasis } from './emphasis';
-export { App as Nested } from './nested';
-export { App as States } from './states';
-export { App as WithIcon } from './with-icon';

package/dist/src/stories/generated/Skeleton/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/skeleton/Skeleton Demos' };
-
-export { App as Animation } from './animation';
-export { App as Circle } from './circle';
-export { App as Rectangle } from './rectangle';
-export { App as Typography } from './typography';

package/dist/src/stories/generated/Slider/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/slider/Slider Demos' };
-
-export { App as Default } from './default';
-export { App as Precision } from './precision';
-export { App as Steps } from './steps';
-export { App as WithoutMinMax } from './without-min-max';

package/dist/src/stories/generated/Slideshow/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/slideshow/Slideshow Demos' };
-
-export { App as Auto } from './auto';
-export { App as Default } from './default';
-export { App as Group } from './group';

package/dist/src/stories/generated/Switch/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/switch/Switch Demos' };
-
-export { App as Default } from './default';

package/dist/src/stories/generated/Table/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/table/Table Demos' };
-
-export { App as Default } from './default';

package/dist/src/stories/generated/Tabs/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/tabs/Tabs Demos' };
-
-export { App as Default } from './default';
-export { App as IconTabs } from './icon-tabs';
-export { App as LeftTabs } from './left-tabs';

package/dist/src/stories/generated/TextField/Demos.stories.tsx

@@ -1,19 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/text-field/TextField Demos' };
-
-export { App as CharacterCounter } from './character-counter';
-export { App as Clearable } from './clearable';
-export { App as Default } from './default';
-export { App as Disabled } from './disabled';
-export { App as Helper } from './helper';
-export { App as Icon } from './icon';
-export { App as Invalid } from './invalid';
-export { App as Placeholder } from './placeholder';
-export { App as Required } from './required';
-export { App as TextAreaInvalid } from './text-area-invalid';
-export { App as TextAreaValid } from './text-area-valid';
-export { App as TextArea } from './text-area';
-export { App as Valid } from './valid';
-export { App as WithChips } from './with-chips';

package/dist/src/stories/generated/Thumbnail/Demos.stories.tsx

@@ -1,12 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/thumbnail/Thumbnail Demos' };
-
-export { App as Combined } from './combined';
-export { App as ErrorFallback } from './error-fallback';
-export { App as Error } from './error';
-export { App as Loading } from './loading';
-export { App as Ratios } from './ratios';
-export { App as Sizes } from './sizes';
-export { App as Variants } from './variants';

package/dist/src/stories/generated/Toolbar/Demos.stories.tsx

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/toolbar/Toolbar Demos' };
-
-export { App as Back } from './back';
-export { App as Default } from './default';
-export { App as Dialog } from './dialog';
-export { App as FileWidget } from './file-widget';
-export { App as MediaPicker } from './media-picker';

package/dist/src/stories/generated/Tooltip/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/tooltip/Tooltip Demos' };
-
-export { App as Default } from './default';
-export { App as Delay } from './delay';
-export { App as Placement } from './placement';

package/dist/src/stories/generated/Uploader/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/uploader/Uploader Demos' };
-
-export { App as Avatar } from './avatar';
-export { App as Default } from './default';
-export { App as Thumbnail } from './thumbnail';

package/dist/src/stories/generated/UserBlock/Demos.stories.tsx

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/user-block/UserBlock Demos' };
-
-export { App as Extended } from './extended';
-export { App as SizeL } from './size-l';
-export { App as SizeM } from './size-m';
-export { App as SizeS } from './size-s';
-export { App as Vertical } from './vertical';

package/dist/src/stories/knobs/buttonKnob.ts

@@ -1,9 +0,0 @@
-import { Button, ButtonProps, Size } from '@lumx/react';
-import { select } from '@storybook/addon-knobs';
-import { ButtonSize } from '@lumx/react/components/button/ButtonRoot';
-
-export const buttonSize = (
-    name = 'Size',
-    value: ButtonSize = Button.defaultProps?.size as any,
-    groupId: string | undefined = undefined,
-): ButtonProps['size'] => select(name, [Size.m, Size.s], value, groupId);

package/dist/src/stories/knobs/emphasisKnob.ts

@@ -1,8 +0,0 @@
-import { Emphasis } from '@lumx/react';
-import { select } from '@storybook/addon-knobs';
-
-export const emphasis = (
-    name = 'Emphasis',
-    value: Emphasis = Emphasis.high,
-    groupId: string | undefined = undefined,
-): Emphasis => select(name, Emphasis, value, groupId);

package/dist/src/stories/knobs/enumKnob.ts

@@ -1,14 +0,0 @@
-import isArray from 'lodash/isArray';
-import { select } from '@storybook/addon-knobs';
-
-export function enumKnob<T>(
-    name: string,
-    enumObj: Readonly<Record<string, T> | Array<T> | [...T[]]>,
-    defaultValue?: T,
-    groupId?: string,
-): T {
-    const values: Record<string, T> = !isArray(enumObj)
-        ? enumObj
-        : Object.fromEntries(Object.values(enumObj).map((value) => [value, value]));
-    return select(name, values, defaultValue, groupId);
-}

package/dist/src/stories/knobs/focusKnob.ts

@@ -1,3 +0,0 @@
-import { number } from '@storybook/addon-knobs';
-
-export const focusKnob = (name: string, value = 0) => number(name, value, { max: 1, min: -1, range: true, step: 0.01 });

package/dist/src/stories/knobs/image.ts

@@ -1,69 +0,0 @@
-import { select } from '@storybook/addon-knobs';
-
-const avatar1 = '/demo-assets/avatar1.jpg';
-const avatar2 = '/demo-assets/avatar2.jpg';
-const avatar3 = '/demo-assets/avatar3.jpg';
-const avatar4 = '/demo-assets/avatar4.jpg';
-const landscape1 = '/demo-assets/landscape1.jpg';
-const landscape2 = '/demo-assets/landscape2.jpg';
-const landscape1s200 = '/demo-assets/landscape1-s200.jpg';
-const landscape3 = '/demo-assets/landscape3.jpg';
-const portrait1 = '/demo-assets/portrait1.jpg';
-const portrait1s200 = '/demo-assets/portrait1-s200.jpg';
-const portrait2 = '/demo-assets/portrait2.jpg';
-const portrait3 = '/demo-assets/portrait3.jpg';
-const square1 = '/demo-assets/square1.jpg';
-const square2 = '/demo-assets/square2.jpg';
-
-export const AVATAR_IMAGES = { avatar1, avatar2, avatar3, avatar4 };
-export const SQUARE_IMAGES = { square1, square2 };
-export const LANDSCAPE_IMAGES = { landscape1, landscape1s200, landscape2, landscape3 };
-export const PORTRAIT_IMAGES = { portrait1, portrait1s200, portrait2, portrait3 };
-
-export const IMAGES = { ...LANDSCAPE_IMAGES, ...PORTRAIT_IMAGES, ...SQUARE_IMAGES, ...AVATAR_IMAGES };
-
-export const avatarImageKnob = (name = 'Avatar', value = Object.values(AVATAR_IMAGES)[0], groupId?: string) =>
-    select(name, AVATAR_IMAGES, value, groupId);
-
-export const landscapeImageKnob = (name = 'Image', value = Object.values(LANDSCAPE_IMAGES)[0], groupId?: string) =>
-    select(name, LANDSCAPE_IMAGES, value, groupId);
-
-export const portraitImageKnob = (name = 'Image', value = Object.values(PORTRAIT_IMAGES)[0], groupId?: string) =>
-    select(name, PORTRAIT_IMAGES, value, groupId);
-
-export const squareImageKnob = (name = 'Image', value = Object.values(SQUARE_IMAGES)[0], groupId?: string) =>
-    select(name, SQUARE_IMAGES, value, groupId);
-
-export const imageKnob = (name = 'Image', value = Object.values(IMAGES)[0], groupId?: string) =>
-    select(name, IMAGES, value, groupId);
-
-type Size = { width: number; height: number };
-
-export const AVATAR_IMAGE_SIZES: Record<keyof typeof AVATAR_IMAGES, Size> = {
-    avatar1: { width: 128, height: 128 },
-    avatar2: { width: 150, height: 150 },
-    avatar3: { width: 128, height: 128 },
-    avatar4: { width: 128, height: 128 },
-};
-export const SQUARE_IMAGE_SIZES: Record<keyof typeof SQUARE_IMAGES, Size> = {
-    square1: { width: 72, height: 72 },
-    square2: { width: 300, height: 300 },
-};
-export const LANDSCAPE_IMAGE_SIZES: Record<keyof typeof LANDSCAPE_IMAGES, Size> = {
-    landscape1: { width: 800, height: 546 },
-    landscape1s200: { width: 200, height: 150 },
-    landscape2: { width: 800, height: 600 },
-    landscape3: { width: 640, height: 480 },
-};
-export const PORTRAIT_IMAGE_SIZES: Record<keyof typeof PORTRAIT_IMAGES, Size> = {
-    portrait1: { width: 275, height: 500 },
-    portrait1s200: { width: 200, height: 364 },
-    portrait2: { width: 350, height: 500 },
-    portrait3: { width: 300, height: 500 },
-};
-export const IMAGE_SIZES: Record<keyof typeof IMAGES, Size> = {
-    ...LANDSCAPE_IMAGE_SIZES,
-    ...PORTRAIT_IMAGE_SIZES,
-    ...SQUARE_IMAGE_SIZES,
-    ...AVATAR_IMAGE_SIZES,
-};

package/dist/src/stories/knobs/lorem.ts

@@ -1,59 +0,0 @@
-const shortText = `
-Nihil hic munitissimus habendi senatus locus, nihil horum? At nos hinc posthac, sitientis piros
-Afros. Magna pars studiorum, prodita quaerimus. Integer legentibus erat a ante historiarum
-dapibus. Praeterea iter est quasdam res quas ex communi. Ullamco laboris nisi ut aliquid ex ea
-commodi consequat. Inmensae subtilitatis, obscuris et malesuada fames. Me non paenitet nullum
-festiviorem excogitasse ad hoc. Cum ceteris in veneratione tui montes, nascetur mus. Etiam
-habebis sem dicantur magna mollis euismod. Quis aute iure reprehenderit in voluptate velit esse.
-Phasellus laoreet lorem vel dolor tempus vehicula. Ambitioni dedisse scripsisse iudicaretur.
-Paullum deliquit, ponderibus modulisque suis ratio utitur. Ab illo tempore, ab est sed
-immemorabili. Nec dubitamus multa iter quae et nos invenerat. Tu quoque, Brute, fili mi, nihil
-timor populi, nihil! Morbi fringilla convallis sapien, id pulvinar odio volutpat. Cras mattis
-iudicium purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus.
-Quisque ut dolor gravida, placerat libero vel, euismod. Unam incolunt Belgae, aliam Aquitani,
-tertiam. Cras mattis iudicium purus sit amet fermentum`;
-const longText = `
-${shortText}. Prima luce, cum quibus mons aliud
-consensu ab eo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Petierunt uti sibi
-concilium totius Galliae in diem certam indicere. Etiam habebis sem dicantur magna mollis
-euismod. A communi observantia non est recedendum. Ut enim ad minim veniam, quis nostrud
-exercitation. Paullum deliquit, ponderibus modulisque suis ratio utitur. Hi omnes lingua,
-institutis, legibus inter se differunt. Magna pars studiorum, prodita quaerimus. Quisque ut
-dolor gravida, placerat libero vel, euismod. Tityre, tu patulae recubans sub tegmine fagi dolor.
-Excepteur sint obcaecat cupiditat non proident culpa. Plura mihi bona sunt, inclinet, amari
-petere vellent. Quae vero auctorem tractata ab fiducia dicuntur. Inmensae subtilitatis, obscuris
-et malesuada fames. Quo usque tandem abutere, Catilina, patientia nostra? Nihilne te nocturnum
-praesidium Palati, nihil urbis vigiliae. Curabitur blandit tempus ardua ridiculus sed magna. Tu
-quoque, Brute, fili mi, nihil timor populi, nihil! Nihil hic munitissimus habendi senatus locus,
-nihil horum?Tu quoque, Brute, fili mi, nihil timor populi, nihil! Tityre, tu patulae recubans
-sub tegmine fagi dolor. Plura mihi bona sunt, inclinet, amari petere vellent. Ullamco laboris
-nisi ut aliquid ex ea commodi consequat. Pellentesque habitant morbi tristique senectus et
-netus. Salutantibus vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur
-adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Petierunt uti sibi
-concilium totius Galliae in diem certam indicere. Contra legem facit qui id facit quod lex
-prohibet. Integer legentibus erat a ante historiarum dapibus. Petierunt uti sibi concilium
-totius Galliae in diem certam indicere. Ab illo tempore, ab est sed immemorabili. Nihil hic
-munitissimus habendi senatus locus, nihil horum? Quisque ut dolor gravida, placerat libero vel,
-euismod. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut
-labore et dolore magna aliqua. Nec dubitamus multa iter quae et nos invenerat. Quam temere in
-vitiis, legem sancimus haerentia. Donec sed odio operae, eu vulputate felis rhoncus. Idque
-Caesaris facere voluntate liceret: sese habere. Paullum deliquit, ponderibus modulisque suis
-ratio utitur. Quae vero auctorem tractata ab fiducia dicuntur. Gallia est omnis divisa in partes
-tres, quarum. Etiam habebis sem dicantur magna mollis euismod. Fabio vel iudice vincam, sunt in
-culpa qui officia. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
-incidunt ut labore et dolore magna aliqua. Tu quoque, Brute, fili mi, nihil timor populi, nihil!
-Integer legentibus erat a ante historiarum dapibus. Tityre, tu patulae recubans sub tegmine fagi
-dolor. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Idque Caesaris facere voluntate
-liceret: sese habere. Quid securi etiam tamquam eu fugiat nulla pariatur. Pellentesque habitant
-morbi tristique senectus et netus. Ut enim ad minim veniam, quis nostrud exercitation. Petierunt
-uti sibi concilium totius Galliae in diem certam indicere. Curabitur est gravida et libero vitae
-dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Quam temere in vitiis, legem
-sancimus haerentia. Phasellus laoreet lorem vel dolor tempus vehicula. Ab illo tempore, ab est
-sed immemorabili. Praeterea iter est quasdam res quas ex communi. Quo usque tandem abutere,
-Catilina, patientia nostra? Non equidem invideo, miror magis posuere velit aliquet. Excepteur
-sint obcaecat cupiditat non proident culpa. Curabitur blandit tempus ardua ridiculus sed magna.
-Plura mihi bona sunt, inclinet, amari petere vellent. Quae vero auctorem tractata ab fiducia
-dicuntur. Me non paenitet nullum festiviorem excogitasse ad hoc. Unam incolunt Belgae, aliam
-Aquitani, tertiam.`;
-
-export const loremIpsum = (type: 'short' | 'long'): string => (type === 'short' ? shortText : longText);

package/dist/src/stories/knobs/sizeKnob.ts

@@ -1,5 +0,0 @@
-import { Size } from '@lumx/react';
-import { enumKnob } from '@lumx/react/stories/knobs/enumKnob';
-
-export const sizeKnob = (name = 'Size', size?: Size) =>
-    enumKnob(name, [undefined, Size.xxs, Size.xs, Size.s, Size.m, Size.l, Size.xl, Size.xxl] as const, size as any);

package/dist/src/stories/knobs/thumbnailsKnob.ts

@@ -1,9 +0,0 @@
-import { ThumbnailProps } from '@lumx/react';
-import take from 'lodash/take';
-import { imageKnob, IMAGES } from '@lumx/react/stories/knobs/image';
-
-export const thumbnailsKnob = (num: number): ThumbnailProps[] =>
-    take(Object.values(IMAGES), num).map((image, index) => ({
-        alt: `Image ${index + 1}`,
-        image: imageKnob(`Image ${index + 1}`, image),
-    }));

package/dist/src/stories/utils/CustomLink.tsx

@@ -1,7 +0,0 @@
-/* eslint-disable jsx-a11y/anchor-has-content,jsx-a11y/anchor-is-valid */
-import React from 'react';
-
-/**
- * Example custom link that can be used in linkAs props.
- */
-export const CustomLink: any = ({ ...props }) => <a href="#" data-custom-link {...props} />;

package/dist/src/stories/withResizableBox.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-/** Storybook decorator wrapping story in a resizable box  */
-// eslint-disable-next-line react/display-name
-export const withResizableBox = ({ width = 150, height = 50 } = {}) => (Story: any) => (
-    <div
-        style={{
-            display: 'flex',
-            width,
-            height,
-            border: '1px solid red',
-            resize: 'both',
-            overflow: 'hidden',
-        }}
-    >
-        <Story />
-    </div>
-);

package/dist/src/testing/utils/commonTestsSuite.ts

@@ -1,71 +0,0 @@
-import { ReactWrapper, ShallowWrapper } from 'enzyme';
-import 'jest-enzyme';
-
-import isArray from 'lodash/isArray';
-import isEmpty from 'lodash/isEmpty';
-
-import { GenericProps } from '@lumx/react/utils/type';
-
-export type Wrapper = ShallowWrapper | ReactWrapper;
-
-/**
- * Defines what is always returned by the setup function.
- * Note that `props` should be retyped in the specific interface extending this one.
- */
-export interface CommonSetup {
-    props: GenericProps;
-    wrapper: Wrapper;
-}
-
-/**
- * Run the common tests suite: CSS class forwarding, prop forwarding, ...
- *
- * @param setup  The setup function.
- * @param   tests  The tests to enable.
- *                          The key is the name of the test, the value is the name of the wrapper in the object returned
- *                          by the `setup` function.
- * @param   params The params that can be used by the tests.
- */
-export function commonTestsSuite(
-    setup: (props?: GenericProps, shallowRendering?: boolean) => CommonSetup,
-    { ...tests }: { className?: string | string[]; prop?: string | string[] },
-    { ...params }: GenericProps,
-): void {
-    if (isEmpty(tests)) {
-        return;
-    }
-
-    describe('Common tests suite', () => {
-        if (tests.className !== undefined && !isEmpty(tests.className)) {
-            it('should forward any CSS class', () => {
-                const modifiedProps: GenericProps = {
-                    className: 'component component--is-tested',
-                };
-
-                const wrappers: any = setup(modifiedProps);
-
-                const wrappersToTest = isArray(tests.className)
-                    ? tests.className
-                    : [tests.className as string, tests.className as string];
-                expect(wrappers[wrappersToTest[0]]).toHaveClassName(params.className as string);
-                expect(wrappers[wrappersToTest[1]]).toHaveClassName(modifiedProps.className as string);
-            });
-        }
-
-        if (tests.prop !== undefined && !isEmpty(tests.prop)) {
-            it('should forward any other prop', () => {
-                const testedProp: string = params.prop || 'winter';
-                const modifiedProps: GenericProps = {
-                    [testedProp]: params.propValue || 'is coming',
-                };
-
-                const wrappers: any = setup(modifiedProps);
-
-                const wrappersToTest = isArray(tests.prop) ? tests.prop : [tests.prop as string];
-                wrappersToTest.forEach((wrapper) => {
-                    expect(wrappers[wrapper]).toHaveProp(testedProp, modifiedProps[testedProp]);
-                });
-            });
-        }
-    });
-}

package/dist/src/testing/utils/commonTestsSuiteRTL.ts

@@ -1,55 +0,0 @@
-import isEmpty from 'lodash/isEmpty';
-
-import { GenericProps } from '@lumx/react/utils/type';
-import { queryByClassName } from '@lumx/react/testing/utils/queries';
-
-interface CommonSetup {
-    props: GenericProps;
-    container: HTMLElement;
-}
-
-interface Options<S extends CommonSetup> {
-    baseClassName: string;
-    forwardClassName?: keyof S;
-    forwardAttributes?: keyof S;
-}
-
-type SetupFunction<S extends CommonSetup> = (props?: GenericProps) => S;
-
-/**
- * Common tests on components
- * - Check base class name and class name forwarding
- * - Check props forwarding
- */
-export function commonTestsSuiteRTL<S extends CommonSetup>(setup: SetupFunction<S>, options: Options<S>): void {
-    if (isEmpty(options)) {
-        return;
-    }
-    const { baseClassName, forwardClassName, forwardAttributes } = options;
-    describe('Common tests suite', () => {
-        it('should render with base class name', () => {
-            const { container } = setup();
-            expect(queryByClassName(container, baseClassName)).toBeInTheDocument();
-        });
-
-        if (forwardClassName) {
-            it('should forward any CSS class', () => {
-                const modifiedProps = {
-                    className: 'component component--is-tested',
-                };
-                const wrappers = setup(modifiedProps);
-                expect(wrappers[forwardClassName]).toHaveClass(modifiedProps.className);
-            });
-        }
-
-        if (forwardAttributes) {
-            it('should forward any other prop', () => {
-                const modifiedProps = {
-                    winter: 'is coming',
-                };
-                const wrappers = setup(modifiedProps);
-                expect(wrappers[forwardAttributes]).toHaveAttribute('winter', modifiedProps.winter);
-            });
-        }
-    });
-}

package/dist/src/testing/utils/index.ts

@@ -1,4 +0,0 @@
-export * from './commonTestsSuite';
-export * from './commonTestsSuiteRTL';
-
-export * from './itShouldRenderStories';

package/dist/src/testing/utils/itShouldRenderStories.tsx

@@ -1,103 +0,0 @@
-/* eslint-disable no-console */
-import isFunction from 'lodash/isFunction';
-import { shallow, ShallowWrapper } from 'enzyme';
-import React from 'react';
-import isArray from 'lodash/isArray';
-import isPlainObject from 'lodash/isPlainObject';
-
-/** Equivalent to CSS `selector1 > selector2 > selector3` selector */
-interface PathSelector {
-    /** Path to traverse (with find and dive) to find the component to snapshot. */
-    path: Selector[];
-}
-const isPathSelector = (s: any): s is PathSelector => isPlainObject(s) && !!s.path;
-
-/** Equivalent to CSS `selector1, selector2, selector3` selector */
-interface OrSelector {
-    or: Selector[];
-}
-const isOrSelector = (s: any): s is OrSelector => isPlainObject(s) && !!s.or;
-
-type Selector = string | React.FC<any> | PathSelector | OrSelector;
-type Wrappers = ShallowWrapper | ShallowWrapper[];
-
-/** Use selector to find and dive into the given ShallowWrapper */
-function findAndDive(wrappers: Wrappers, selector: Selector): Wrappers {
-    if (isOrSelector(selector)) {
-        return selector.or.flatMap((s) => findAndDive(wrappers, s)).filter(Boolean);
-    }
-
-    if (isPathSelector(selector)) {
-        return selector.path.reduce(findAndDive, wrappers);
-    }
-
-    if (isArray(wrappers)) {
-        return wrappers.flatMap((w) => findAndDive(w, selector)).filter(Boolean);
-    }
-
-    // Find.
-    const foundWrapper = wrappers.find(selector as any);
-    if (foundWrapper.length >= 1) {
-        // Dive.
-        return foundWrapper.map((w) => {
-            if (typeof w.getElement().type === 'string') {
-                // Don't dive into host element (ex: div, span, etc.)
-                return w as any;
-            }
-            return w.dive();
-        });
-    }
-    return foundWrapper as any;
-}
-
-interface Options {
-    /** Inject props in stories. */
-    props?: any;
-}
-
-/** Render stories and find wrapper to snapshot using selector. */
-export function generateRenderedStories(
-    stories: Record<string, any>,
-    selector?: Selector,
-    options?: Options,
-): Record<string, Wrappers> {
-    const storyProps: any = {};
-    if (options?.props) {
-        Object.assign(storyProps, options.props);
-    }
-    const rendered: Record<string, Wrappers> = {};
-
-    for (const [name, Story] of Object.entries(stories)) {
-        // eslint-disable-next-line no-continue
-        if (!isFunction(Story)) continue;
-
-        const wrapper = shallow(<Story {...storyProps} />);
-        let toSnapshot: Wrappers = wrapper;
-        if (selector) {
-            toSnapshot = findAndDive(wrapper, selector);
-            if (isArray(toSnapshot) && toSnapshot.length === 1) {
-                // eslint-disable-next-line prefer-destructuring
-                toSnapshot = toSnapshot[0];
-            }
-        }
-        rendered[name] = toSnapshot;
-    }
-    return rendered;
-}
-
-/**
- * Generate jest snapshot testing from stories.
- *
- * **Warning: Always read and validate your snapshots before committing!**
- *
- * @param stories  Object of stories indexed by name.
- * @param selector Selector(s) used to find the correct element to snapshot.
- * @param options  Other options (see {@link Options})
- */
-export function itShouldRenderStories(stories: Record<string, any>, selector?: Selector, options?: Options): void {
-    for (const [story, toSnapshot] of Object.entries(generateRenderedStories(stories, selector, options))) {
-        it(`should render story '${story}'`, () => {
-            expect(toSnapshot).toMatchSnapshot();
-        });
-    }
-}