@auth0/quantum-product 1.11.0 → 1.11.1

package/esm/icon-button/icon-button.js

@@ -26,13 +26,12 @@ import { styled } from '../styled';
 import { useIconButtonContext } from './icon-button-context';
 import { Tooltip } from '../tooltip';
 export var IconButtonComponentName = 'QuantumIconButton';
-export var IconButtonTooltipComponentName = 'QuantumIconTooltip';
 export { iconButtonClasses };
-var Root = styled(Tooltip, { name: IconButtonTooltipComponentName, slot: 'Root' })({});
+var Root = styled(Tooltip, { name: IconButtonComponentName, slot: 'Tooltip' })({});
 // using any here to work arround TS perf issues with OverrideableComponent and styled
 var StyledIconButton = styled(MuiIconButton, {
     name: IconButtonComponentName,
-    slot: 'IconButton',
+    slot: 'Root',
 })(function (_a) {
     var _b;
     var theme = _a.theme, edge = _a.edge, ownerState = _a.ownerState, color = _a.color;
@@ -50,10 +49,20 @@ var StyledIconButton = styled(MuiIconButton, {
         borderRadius: '50%',
     })));
 });
+var DisabledWrapper = styled('span', {
+    name: IconButtonComponentName,
+    slot: 'DisabledWrapper',
+    // doing this prevents the label from being applied to the span. Instead it is applied to the IconButton
+    shouldForwardProp: function (prop) { return prop !== 'aria-label' && prop !== 'title'; },
+})({
+    display: 'inline-flex',
+    flex: 0,
+    width: 'max-content',
+});
 export var IconButton = React.forwardRef(function (props, ref) {
     var iconButtonContext = useIconButtonContext();
     var children = props.children, label = props.label, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.variant, variant = _b === void 0 ? 'link' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, disabled = props.disabled, edgeProp = props.edge, _d = props.shape, shape = _d === void 0 ? 'default' : _d, tooltipPlacement = props.tooltipPlacement, onTooltipClose = props.onTooltipClose, iconButtonProps = __rest(props, ["children", "label", "color", "variant", "size", "disabled", "edge", "shape", "tooltipPlacement", "onTooltipClose"]);
     var edge = edgeProp != null ? edgeProp : iconButtonContext.edge;
-    return (React.createElement(Root, { title: label, placement: tooltipPlacement, onClose: onTooltipClose },
-        React.createElement(StyledIconButton, __assign({ color: color, ref: ref, edge: edge, disabled: disabled, size: size, variant: variant, ownerState: { shape: shape } }, iconButtonProps), children)));
+    var button = (React.createElement(StyledIconButton, __assign({ color: color, ref: ref, edge: edge, disabled: disabled, size: size, variant: variant, ownerState: { shape: shape }, "aria-label": label }, iconButtonProps), children));
+    return (React.createElement(Root, { title: label, placement: tooltipPlacement, onClose: onTooltipClose }, disabled ? React.createElement(DisabledWrapper, null, button) : button));
 });

package/esm/label/label.js

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from 'react';
 import { rootShouldForwardProp, styled } from '../styled';
 export var labelComponentName = 'QuantumLabel';
@@ -46,7 +57,7 @@ var StyledLabel = styled('span', {
     slot: 'Root',
     shouldForwardProp: function (prop) { return rootShouldForwardProp(prop) && prop !== 'color' && prop !== 'variant'; },
 })(function (_a) {
-    var theme = _a.theme, _b = _a.color, color = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c;
+    var theme = _a.theme, _b = _a.ownerState, _c = _b.color, color = _c === void 0 ? 'default' : _c, _d = _b.variant, variant = _d === void 0 ? 'default' : _d;
     return (__assign(__assign(__assign(__assign(__assign({}, theme.typography.overline), { padding: theme.spacing(0.25, 0.75), borderRadius: 4, display: 'inline-block', verticalAlign: 'middle' }), (variant === 'default' && __assign(__assign(__assign(__assign(__assign(__assign({}, (color === 'default' && {
         background: theme.tokens.color_bg_state_neutral_subtle,
         color: theme.tokens.color_fg_on_state_neutral_subtle,
@@ -98,6 +109,13 @@ var StyledLabel = styled('span', {
     })))));
 });
 export var Label = React.forwardRef(function (props, ref) {
-    var productReleaseStage = props.productReleaseStage, _a = props.productReleaseStageAbbr, productReleaseStageAbbr = _a === void 0 ? true : _a;
-    return (React.createElement(StyledLabel, __assign({ ref: ref }, getReleaseStageLabelProps(productReleaseStage, productReleaseStageAbbr), props)));
+    var productReleaseStage = props.productReleaseStage, _a = props.productReleaseStageAbbr, productReleaseStageAbbr = _a === void 0 ? true : _a, children = props.children, color = props.color, variant = props.variant, rootProps = __rest(props, ["productReleaseStage", "productReleaseStageAbbr", "children", "color", "variant"]);
+    var ownerState = productReleaseStage
+        ? getReleaseStageLabelProps(productReleaseStage, productReleaseStageAbbr)
+        : {
+            color: color,
+            variant: variant,
+            children: children,
+        };
+    return (React.createElement(StyledLabel, __assign({ ref: ref, ownerState: ownerState }, rootProps), ownerState.children));
 });

package/icon-button/icon-button.d.ts

@@ -3,7 +3,6 @@ import { iconButtonClasses, IconButtonTypeMap } from '@mui/material/IconButton';
 import { OverridableComponent, OverrideProps, OverridableTypeMap } from '../overridable-component';
 import { ITooltipProps } from '../tooltip';
 export declare const IconButtonComponentName: "QuantumIconButton";
-export declare const IconButtonTooltipComponentName: "QuantumIconTooltip";
 export { iconButtonClasses };
 export declare type IIconButtonTypeMap<ExtraPropsType = {}, DefaultElementType extends React.ElementType = IconButtonTypeMap['defaultComponent']> = IconButtonTypeMap<ExtraPropsType & {
     /**

package/icon-button/icon-button.js

@@ -45,7 +45,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButton = exports.iconButtonClasses = exports.IconButtonTooltipComponentName = exports.IconButtonComponentName = void 0;
+exports.IconButton = exports.iconButtonClasses = exports.IconButtonComponentName = void 0;
 var React = __importStar(require("react"));
 var IconButton_1 = __importStar(require("@mui/material/IconButton"));
 Object.defineProperty(exports, "iconButtonClasses", { enumerable: true, get: function () { return IconButton_1.iconButtonClasses; } });
@@ -53,12 +53,11 @@ var styled_1 = require("../styled");
 var icon_button_context_1 = require("./icon-button-context");
 var tooltip_1 = require("../tooltip");
 exports.IconButtonComponentName = 'QuantumIconButton';
-exports.IconButtonTooltipComponentName = 'QuantumIconTooltip';
-var Root = (0, styled_1.styled)(tooltip_1.Tooltip, { name: exports.IconButtonTooltipComponentName, slot: 'Root' })({});
+var Root = (0, styled_1.styled)(tooltip_1.Tooltip, { name: exports.IconButtonComponentName, slot: 'Tooltip' })({});
 // using any here to work arround TS perf issues with OverrideableComponent and styled
 var StyledIconButton = (0, styled_1.styled)(IconButton_1.default, {
     name: exports.IconButtonComponentName,
-    slot: 'IconButton',
+    slot: 'Root',
 })(function (_a) {
     var _b;
     var theme = _a.theme, edge = _a.edge, ownerState = _a.ownerState, color = _a.color;
@@ -76,10 +75,20 @@ var StyledIconButton = (0, styled_1.styled)(IconButton_1.default, {
         borderRadius: '50%',
     })));
 });
+var DisabledWrapper = (0, styled_1.styled)('span', {
+    name: exports.IconButtonComponentName,
+    slot: 'DisabledWrapper',
+    // doing this prevents the label from being applied to the span. Instead it is applied to the IconButton
+    shouldForwardProp: function (prop) { return prop !== 'aria-label' && prop !== 'title'; },
+})({
+    display: 'inline-flex',
+    flex: 0,
+    width: 'max-content',
+});
 exports.IconButton = React.forwardRef(function (props, ref) {
     var iconButtonContext = (0, icon_button_context_1.useIconButtonContext)();
     var children = props.children, label = props.label, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.variant, variant = _b === void 0 ? 'link' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, disabled = props.disabled, edgeProp = props.edge, _d = props.shape, shape = _d === void 0 ? 'default' : _d, tooltipPlacement = props.tooltipPlacement, onTooltipClose = props.onTooltipClose, iconButtonProps = __rest(props, ["children", "label", "color", "variant", "size", "disabled", "edge", "shape", "tooltipPlacement", "onTooltipClose"]);
     var edge = edgeProp != null ? edgeProp : iconButtonContext.edge;
-    return (React.createElement(Root, { title: label, placement: tooltipPlacement, onClose: onTooltipClose },
-        React.createElement(StyledIconButton, __assign({ color: color, ref: ref, edge: edge, disabled: disabled, size: size, variant: variant, ownerState: { shape: shape } }, iconButtonProps), children)));
+    var button = (React.createElement(StyledIconButton, __assign({ color: color, ref: ref, edge: edge, disabled: disabled, size: size, variant: variant, ownerState: { shape: shape }, "aria-label": label }, iconButtonProps), children));
+    return (React.createElement(Root, { title: label, placement: tooltipPlacement, onClose: onTooltipClose }, disabled ? React.createElement(DisabledWrapper, null, button) : button));
 });

package/label/label.d.ts

@@ -18,4 +18,5 @@ export declare type ILabelProps = IStyledComponentProps<{
     props: ILabelComponentProps;
     defaultComponent: 'span';
 }>;
+export declare type LabelReleaseStageProps = Pick<ILabelProps, 'color' | 'variant' | 'children'>;
 export declare const Label: React.ForwardRefExoticComponent<ILabelComponentProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref" | keyof ILabelComponentProps> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLSpanElement>>;

package/label/label.js

@@ -33,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = exports.labelComponentName = void 0;
 var React = __importStar(require("react"));
@@ -72,7 +83,7 @@ var StyledLabel = (0, styled_1.styled)('span', {
     slot: 'Root',
     shouldForwardProp: function (prop) { return (0, styled_1.rootShouldForwardProp)(prop) && prop !== 'color' && prop !== 'variant'; },
 })(function (_a) {
-    var theme = _a.theme, _b = _a.color, color = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c;
+    var theme = _a.theme, _b = _a.ownerState, _c = _b.color, color = _c === void 0 ? 'default' : _c, _d = _b.variant, variant = _d === void 0 ? 'default' : _d;
     return (__assign(__assign(__assign(__assign(__assign({}, theme.typography.overline), { padding: theme.spacing(0.25, 0.75), borderRadius: 4, display: 'inline-block', verticalAlign: 'middle' }), (variant === 'default' && __assign(__assign(__assign(__assign(__assign(__assign({}, (color === 'default' && {
         background: theme.tokens.color_bg_state_neutral_subtle,
         color: theme.tokens.color_fg_on_state_neutral_subtle,
@@ -124,6 +135,13 @@ var StyledLabel = (0, styled_1.styled)('span', {
     })))));
 });
 exports.Label = React.forwardRef(function (props, ref) {
-    var productReleaseStage = props.productReleaseStage, _a = props.productReleaseStageAbbr, productReleaseStageAbbr = _a === void 0 ? true : _a;
-    return (React.createElement(StyledLabel, __assign({ ref: ref }, getReleaseStageLabelProps(productReleaseStage, productReleaseStageAbbr), props)));
+    var productReleaseStage = props.productReleaseStage, _a = props.productReleaseStageAbbr, productReleaseStageAbbr = _a === void 0 ? true : _a, children = props.children, color = props.color, variant = props.variant, rootProps = __rest(props, ["productReleaseStage", "productReleaseStageAbbr", "children", "color", "variant"]);
+    var ownerState = productReleaseStage
+        ? getReleaseStageLabelProps(productReleaseStage, productReleaseStageAbbr)
+        : {
+            color: color,
+            variant: variant,
+            children: children,
+        };
+    return (React.createElement(StyledLabel, __assign({ ref: ref, ownerState: ownerState }, rootProps), ownerState.children));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {

package/esm/pagination/pager/pager.test.js

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { Pager } from '..';
-import { fireEvent, render, runBaseTests } from '../../test-utils';
-runBaseTests(Pager, { page: 1 });
-test('disables previous and next page if disabled is true', function () {
-    var getByLabelText = render(React.createElement(Pager, { page: 2, disabled: true })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    var nextPageButton = getByLabelText('Next page');
-    expect(previousPageButton.disabled).toBe(true);
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('disables previous page on first page', function () {
-    var getByLabelText = render(React.createElement(Pager, { page: 1 })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    expect(previousPageButton.disabled).toBe(true);
-});
-test('disables previous page if previousDisabled is true', function () {
-    var getByLabelText = render(React.createElement(Pager, { page: 2, previousDisabled: true })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    expect(previousPageButton.disabled).toBe(true);
-});
-test('disables next page if nextDisabled is true', function () {
-    var getByLabelText = render(React.createElement(Pager, { page: 2, nextDisabled: true })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('disables next page if page is equal to totalPages', function () {
-    var getByLabelText = render(React.createElement(Pager, { page: 2, totalPages: 2 })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('goes previous page if previous page is clicked', function () {
-    var currentPage = 2;
-    var pageChangeHandler = jest.fn();
-    var getByLabelText = render(React.createElement(Pager, { page: currentPage, onPageChange: pageChangeHandler })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    fireEvent.click(previousPageButton);
-    expect(pageChangeHandler).toBeCalledWith(currentPage - 1);
-});
-test('goes next page if next page is clicked', function () {
-    var currentPage = 2;
-    var pageChangeHandler = jest.fn();
-    var getByLabelText = render(React.createElement(Pager, { page: currentPage, onPageChange: pageChangeHandler })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    fireEvent.click(nextPageButton);
-    expect(pageChangeHandler).toBeCalledWith(currentPage + 1);
-});

package/esm/test-utils.js

@@ -1,68 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import { faker } from '@faker-js/faker';
-import { render } from '@testing-library/react';
-import { ThemeProvider } from './theme';
-var getClassName = function (componentName, className) { return "".concat(componentName, "-").concat(className); };
-export var createDOMId = function (id) {
-    if (id === void 0) { id = faker.random.alphaNumeric(8); }
-    // queryselectors do not like ids that begin with numbers. This avoids that.
-    return "a0-".concat(id);
-};
-var Providers = function (_a) {
-    var children = _a.children;
-    return React.createElement(ThemeProvider, null, children);
-};
-var customRender = (function (ui, options) { return render(ui, __assign({ wrapper: Providers }, options)); });
-function createClassNameGetter(componentName) {
-    return function (className) { return getClassName(componentName, className); };
-}
-// eslint-disable-next-line import/export
-export * from '@testing-library/react';
-// override render method
-// eslint-disable-next-line import/export
-export { customRender as render, faker, createClassNameGetter };
-export function runBaseTests(Component, baseProps, _a) {
-    if (baseProps === void 0) { baseProps = {}; }
-    var _b = _a === void 0 ? {} : _a, _c = _b.overridable, overridable = _c === void 0 ? true : _c;
-    test('spreads additional props to the element', function () {
-        var testId = faker.random.alphaNumeric();
-        var getByTestId = customRender(React.createElement(Component, __assign({}, baseProps, { "data-testid": testId }))).getByTestId;
-        expect(function () { return getByTestId(testId); }).not.toThrow();
-    });
-    // test('className is passed to the root element', () => {
-    //   const testId = faker.random.alphaNumeric();
-    //   const { getByTestId } = customRender(<Component {...baseProps} data-testid={testId} />);
-    //   expect(() => getByTestId(testId)).not.toThrow();
-    // });
-    test('ref is passed to the element', function () {
-        var testId = faker.random.alphaNumeric();
-        var ref = React.createRef();
-        var getByTestId = customRender(React.createElement(Component, __assign({}, baseProps, { ref: ref, "data-testid": testId }))).getByTestId;
-        var rootElement = getByTestId(testId);
-        expect(rootElement).toBe(ref.current);
-    });
-    if (overridable) {
-        // TODO: Refactor to suppoert `as` prop
-        // test.skip('A different html tag can be used', () => {
-        //   const testId = faker.random.alphaNumeric();
-        //   const newTag = 'header';
-        //   const { getByTestId } = customRender(<Component {...baseProps} component={newTag} data-testid={testId} />);
-        //   const rootElement = getByTestId(testId);
-        //   expect(rootElement.tagName).toBe(newTag.toUpperCase());
-        // });
-    }
-}
-export function mock(values) {
-    return values;
-}

package/pagination/pager/pager.test.d.ts

@@ -1 +0,0 @@
-export {};

package/pagination/pager/pager.test.js

@@ -1,72 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var __1 = require("..");
-var test_utils_1 = require("../../test-utils");
-(0, test_utils_1.runBaseTests)(__1.Pager, { page: 1 });
-test('disables previous and next page if disabled is true', function () {
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: 2, disabled: true })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    var nextPageButton = getByLabelText('Next page');
-    expect(previousPageButton.disabled).toBe(true);
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('disables previous page on first page', function () {
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: 1 })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    expect(previousPageButton.disabled).toBe(true);
-});
-test('disables previous page if previousDisabled is true', function () {
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: 2, previousDisabled: true })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    expect(previousPageButton.disabled).toBe(true);
-});
-test('disables next page if nextDisabled is true', function () {
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: 2, nextDisabled: true })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('disables next page if page is equal to totalPages', function () {
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: 2, totalPages: 2 })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    expect(nextPageButton.disabled).toBe(true);
-});
-test('goes previous page if previous page is clicked', function () {
-    var currentPage = 2;
-    var pageChangeHandler = jest.fn();
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: currentPage, onPageChange: pageChangeHandler })).getByLabelText;
-    var previousPageButton = getByLabelText('Previous page');
-    test_utils_1.fireEvent.click(previousPageButton);
-    expect(pageChangeHandler).toBeCalledWith(currentPage - 1);
-});
-test('goes next page if next page is clicked', function () {
-    var currentPage = 2;
-    var pageChangeHandler = jest.fn();
-    var getByLabelText = (0, test_utils_1.render)(React.createElement(__1.Pager, { page: currentPage, onPageChange: pageChangeHandler })).getByLabelText;
-    var nextPageButton = getByLabelText('Next page');
-    test_utils_1.fireEvent.click(nextPageButton);
-    expect(pageChangeHandler).toBeCalledWith(currentPage + 1);
-});

package/test-utils.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { faker } from '@faker-js/faker';
-import { render } from '@testing-library/react';
-export declare const createDOMId: (id?: string) => string;
-declare const customRender: typeof render;
-declare function createClassNameGetter<ClassKey extends string>(componentName: string): (className: ClassKey) => string;
-export * from '@testing-library/react';
-export { customRender as render, faker, createClassNameGetter };
-interface IBaseTestOptions {
-    /** Disables/Enables base test for overriding the element */
-    overridable?: boolean;
-}
-export declare function runBaseTests<PropsType, ElementType extends HTMLElement = HTMLElement>(Component: React.ComponentType<PropsType>, baseProps?: PropsType, { overridable }?: IBaseTestOptions): void;
-export declare function mock<Item = any>(values: Partial<Item>): Item;

package/test-utils.js

@@ -1,100 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mock = exports.runBaseTests = exports.createClassNameGetter = exports.faker = exports.render = exports.createDOMId = void 0;
-var React = __importStar(require("react"));
-var faker_1 = require("@faker-js/faker");
-Object.defineProperty(exports, "faker", { enumerable: true, get: function () { return faker_1.faker; } });
-var react_1 = require("@testing-library/react");
-var theme_1 = require("./theme");
-var getClassName = function (componentName, className) { return "".concat(componentName, "-").concat(className); };
-var createDOMId = function (id) {
-    if (id === void 0) { id = faker_1.faker.random.alphaNumeric(8); }
-    // queryselectors do not like ids that begin with numbers. This avoids that.
-    return "a0-".concat(id);
-};
-exports.createDOMId = createDOMId;
-var Providers = function (_a) {
-    var children = _a.children;
-    return React.createElement(theme_1.ThemeProvider, null, children);
-};
-var customRender = (function (ui, options) { return (0, react_1.render)(ui, __assign({ wrapper: Providers }, options)); });
-exports.render = customRender;
-function createClassNameGetter(componentName) {
-    return function (className) { return getClassName(componentName, className); };
-}
-exports.createClassNameGetter = createClassNameGetter;
-// eslint-disable-next-line import/export
-__exportStar(require("@testing-library/react"), exports);
-function runBaseTests(Component, baseProps, _a) {
-    if (baseProps === void 0) { baseProps = {}; }
-    var _b = _a === void 0 ? {} : _a, _c = _b.overridable, overridable = _c === void 0 ? true : _c;
-    test('spreads additional props to the element', function () {
-        var testId = faker_1.faker.random.alphaNumeric();
-        var getByTestId = customRender(React.createElement(Component, __assign({}, baseProps, { "data-testid": testId }))).getByTestId;
-        expect(function () { return getByTestId(testId); }).not.toThrow();
-    });
-    // test('className is passed to the root element', () => {
-    //   const testId = faker.random.alphaNumeric();
-    //   const { getByTestId } = customRender(<Component {...baseProps} data-testid={testId} />);
-    //   expect(() => getByTestId(testId)).not.toThrow();
-    // });
-    test('ref is passed to the element', function () {
-        var testId = faker_1.faker.random.alphaNumeric();
-        var ref = React.createRef();
-        var getByTestId = customRender(React.createElement(Component, __assign({}, baseProps, { ref: ref, "data-testid": testId }))).getByTestId;
-        var rootElement = getByTestId(testId);
-        expect(rootElement).toBe(ref.current);
-    });
-    if (overridable) {
-        // TODO: Refactor to suppoert `as` prop
-        // test.skip('A different html tag can be used', () => {
-        //   const testId = faker.random.alphaNumeric();
-        //   const newTag = 'header';
-        //   const { getByTestId } = customRender(<Component {...baseProps} component={newTag} data-testid={testId} />);
-        //   const rootElement = getByTestId(testId);
-        //   expect(rootElement.tagName).toBe(newTag.toUpperCase());
-        // });
-    }
-}
-exports.runBaseTests = runBaseTests;
-function mock(values) {
-    return values;
-}
-exports.mock = mock;