@auth0/quantum-product 1.11.0 → 1.12.0

package/icon-button/icon-button-overrides.js

@@ -1,11 +1,22 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiIconButtonOverrides = void 0;
 var create_component_overrides_1 = require("../theme/create-component-overrides");
 var IconButton_1 = require("@mui/material/IconButton");
 exports.createMuiIconButtonOverrides = (0, create_component_overrides_1.createComponentOverrides)(function (_a) {
-    var _b;
-    var typography = _a.typography, tokens = _a.tokens;
+    var _b, _c, _d, _e;
+    var mixins = _a.mixins, typography = _a.typography, tokens = _a.tokens;
     return {
         defaultProps: {},
         styleOverrides: {
@@ -15,6 +26,9 @@ exports.createMuiIconButtonOverrides = (0, create_component_overrides_1.createCo
                     backgroundColor: tokens.color_bg_button_disabled,
                     borderColor: tokens.color_border_disabled,
                 },
+                _b["&:focus,&.Mui-focusVisible"] = {
+                    outlineOffset: 2,
+                },
                 _b),
         },
         variants: [
@@ -69,17 +83,21 @@ exports.createMuiIconButtonOverrides = (0, create_component_overrides_1.createCo
             },
             {
                 props: { color: 'danger' },
-                style: {
-                    color: tokens.color_fg_link_danger,
-                    '&:hover,&.Mui-hover': {
-                        color: tokens.color_fg_link_danger_hover,
-                        backgroundColor: tokens.color_bg_link_danger_hover,
-                    },
-                    '&:active,&.Mui-active': {
-                        color: tokens.color_fg_link_danger_pressed,
-                        backgroundColor: tokens.color_bg_link_danger_pressed,
-                    },
-                },
+                style: (_c = {
+                        color: tokens.color_fg_link_danger,
+                        '&:hover,&.Mui-hover': {
+                            color: tokens.color_fg_link_danger_hover,
+                            backgroundColor: tokens.color_bg_link_danger_hover,
+                        },
+                        '&:active,&.Mui-active': {
+                            color: tokens.color_fg_link_danger_pressed,
+                            backgroundColor: tokens.color_bg_link_danger_pressed,
+                        }
+                    },
+                    _c["&:focus,&.Mui-focusVisible"] = __assign({ outlineOffset: 2 }, mixins.focusRing({
+                        color: tokens.color_border_focus_state_danger,
+                    })),
+                    _c),
             },
             {
                 props: { variant: 'contained', color: 'primary' },
@@ -98,18 +116,22 @@ exports.createMuiIconButtonOverrides = (0, create_component_overrides_1.createCo
             },
             {
                 props: { variant: 'contained', color: 'danger' },
-                style: {
-                    backgroundColor: tokens.color_bg_button_danger,
-                    color: tokens.color_fg_on_button_danger,
-                    '&:hover,&.Mui-hover': {
-                        color: tokens.color_fg_on_button_danger,
-                        backgroundColor: tokens.color_bg_button_danger_hover,
-                    },
-                    '&:active,&.Mui-active': {
+                style: (_d = {
+                        backgroundColor: tokens.color_bg_button_danger,
                         color: tokens.color_fg_on_button_danger,
-                        backgroundColor: tokens.color_bg_button_danger_pressed,
-                    },
-                },
+                        '&:hover,&.Mui-hover': {
+                            color: tokens.color_fg_on_button_danger,
+                            backgroundColor: tokens.color_bg_button_danger_hover,
+                        },
+                        '&:active,&.Mui-active': {
+                            color: tokens.color_fg_on_button_danger,
+                            backgroundColor: tokens.color_bg_button_danger_pressed,
+                        }
+                    },
+                    _d["&:focus,&.Mui-focusVisible"] = __assign({ outlineOffset: 2 }, mixins.focusRing({
+                        color: tokens.color_border_focus_state_danger,
+                    })),
+                    _d),
             },
             {
                 props: { variant: 'contained', color: 'default' },
@@ -165,6 +187,14 @@ exports.createMuiIconButtonOverrides = (0, create_component_overrides_1.createCo
                     },
                 },
             },
+            {
+                props: { variant: 'outlined', color: 'danger' },
+                style: (_e = {},
+                    _e["&:focus,&.Mui-focusVisible"] = __assign({ outlineOffset: 2 }, mixins.focusRing({
+                        color: tokens.color_border_focus_state_danger,
+                    })),
+                    _e),
+            },
             {
                 props: { variant: 'link', color: 'default' },
                 style: {

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/input/outlined-input-overrides.js

@@ -1,21 +1,10 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiOutlinedInputOverrides = void 0;
 var OutlinedInput_1 = require("@mui/material/OutlinedInput");
 var createMuiOutlinedInputOverrides = function (_a) {
     var _b, _c, _d, _e;
-    var spacing = _a.spacing, transitions = _a.transitions, mixins = _a.mixins, tokens = _a.tokens;
+    var spacing = _a.spacing, transitions = _a.transitions, tokens = _a.tokens;
     return {
         defaultProps: {
             color: 'primary',
@@ -40,13 +29,19 @@ var createMuiOutlinedInputOverrides = function (_a) {
                 _b["&:hover .".concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
                     borderColor: tokens.color_border_input_hover,
                 },
-                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderWidth: 2, borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
-                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, ":hover .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_focus_bold }, mixins.focusRing()),
+                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
+                    borderWidth: 2,
+                    borderColor: tokens.color_border_focus,
+                },
+                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.focused, ":hover .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
+                    borderColor: tokens.color_border_focus,
+                },
                 _b["&.".concat(OutlinedInput_1.outlinedInputClasses.error, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
                     borderColor: tokens.color_border_state_danger,
-                    borderWidth: 2,
                 },
-                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.error, "&.").concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = __assign({ borderColor: tokens.color_border_state_danger }, mixins.focusRing({ color: tokens.color_border_focus_state_danger })),
+                _b["&.".concat(OutlinedInput_1.outlinedInputClasses.error, "&.").concat(OutlinedInput_1.outlinedInputClasses.focused, " .").concat(OutlinedInput_1.outlinedInputClasses.notchedOutline)] = {
+                    borderColor: tokens.color_border_focus_state_danger,
+                },
                 _b),
             notchedOutline: {
                 top: 0,

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.12.0",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {
@@ -12,7 +12,7 @@
   "types": "./index.d.ts",
   "dependencies": {
     "@auth0/quantum-icons": "^1.0.0",
-    "@auth0/quantum-tokens": "^1.1.5",
+    "@auth0/quantum-tokens": "^1.2.0",
     "@mui/material": "5.15.9",
     "@mui/styles": "5.15.9",
     "@mui/system": "5.15.9",

package/radio/radio-overrides.js

@@ -27,7 +27,7 @@ var createMuiRadioOverrides = function (_a) {
                     duration: transitions.duration.short,
                 }),
                 color: tokens.color_border_input,
-                '&:focus-within svg': __assign({ borderRadius: '50%' }, mixins.focusRing()),
+                '&:focus-within svg': __assign({ borderRadius: '50%', outlineOffset: 2 }, mixins.focusRing()),
                 // switch base is overriding this. Resetting it here.
                 '&&': {
                     padding: 0,

package/switch/switch-overrides.js

@@ -1,4 +1,15 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiSwitchOverrides = void 0;
 var Switch_1 = require("@mui/material/Switch");
@@ -22,7 +33,7 @@ var createMuiSwitchOverrides = function (_a) {
                 padding: 0,
                 overflow: 'visible',
                 '&:focus-within,&.Mui-focused': (_b = {},
-                    _b["& .".concat(Switch_1.switchClasses.track)] = mixins.focusRing(),
+                    _b["& .".concat(Switch_1.switchClasses.track)] = __assign({ outlineOffset: 2 }, mixins.focusRing()),
                     _b),
             },
             colorPrimary: (_c = {

package/tabs/tab/tab-override.js

@@ -1,21 +1,10 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiTabOverrides = void 0;
 var Tab_1 = require("@mui/material/Tab");
 var createMuiTabOverrides = function (_a) {
     var _b, _c;
-    var tokens = _a.tokens, spacing = _a.spacing, breakpoints = _a.breakpoints, typography = _a.typography, mixins = _a.mixins;
+    var tokens = _a.tokens, spacing = _a.spacing, breakpoints = _a.breakpoints, typography = _a.typography;
     return {
         variants: [
             {
@@ -48,7 +37,9 @@ var createMuiTabOverrides = function (_a) {
                 _c['&:hover'] = {
                     color: tokens.color_fg_selected,
                 },
-                _c['&:focus-visible'] = __assign({}, mixins.focusRing({ type: 'inset' })),
+                _c['&:focus-visible'] = {
+                    boxShadow: "0 0 0 2px ".concat(tokens.color_border_focus, " inset"),
+                },
                 _c.color = tokens.color_fg_link_subtle,
                 _c.fontWeight = typography.fontWeightRegular,
                 _c),

package/theme/create-mixins.js

@@ -40,10 +40,9 @@ var createMixins = function (_a) {
     };
     var focusRing = function (options) {
         if (options === void 0) { options = {}; }
-        var _a = options.color, color = _a === void 0 ? tokens.color_border_focus_bold : _a, _b = options.type, type = _b === void 0 ? 'default' : _b, _c = options.opacity, opacity = _c === void 0 ? palette.mode === 'light' ? 0.25 : 0.5 : _c;
-        var shadow = "".concat(opacity === 1 ? color : (0, color_manipulator_1.alpha)(color, opacity), " 0px 0px 0px 0.25em");
+        var _a = options.color, color = _a === void 0 ? tokens.color_border_focus : _a;
         return {
-            boxShadow: type === 'default' ? shadow : "inset ".concat(shadow),
+            outline: "2px solid ".concat(color),
         };
     };
     var borderAsBoxShadow = function (color, width) {
@@ -61,7 +60,7 @@ var createMixins = function (_a) {
             },
             hover: hoverStyles,
             active: hoverStyles,
-            focus: __assign({ color: tokens.color_fg_inverse_static }, focusRing({ color: tokens.color_border_focus_inverse_static, opacity: 1 })),
+            focus: __assign({ color: tokens.color_fg_inverse_static }, focusRing({ color: tokens.color_border_focus_inverse_static })),
         };
     };
     var getColorModeValue = function (_a) {

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;