newspack-components 2.2.0 → 3.0.0-alpha.1

package/dist/cjs/grid/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -13,10 +12,6 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  * Grid
  */
 
-/**
- * WordPress dependencies
- */
-
 /**
  * Internal dependencies
  */
@@ -25,30 +20,18 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  * External dependencies
  */
 
-class Grid extends _element.Component {
-  /**
-   * Render
-   */
-  render() {
-    const {
-      className,
-      columns,
-      gutter,
-      noMargin,
-      rowGap,
-      ...otherProps
-    } = this.props;
-    const classes = (0, _classnames.default)('newspack-grid', noMargin && 'newspack-grid--no-margin', columns && 'newspack-grid__columns-' + columns, gutter && 'newspack-grid__gutter-' + gutter, rowGap && 'newspack-grid__row-gap-' + rowGap, className);
-    return (0, _jsxRuntime.jsx)("div", {
-      className: classes,
-      ...otherProps
-    });
-  }
-}
-Grid.defaultProps = {
-  columns: 2,
-  gutter: 32,
-  rowGap: null
+const Grid = ({
+  className = '',
+  columns = 2,
+  gutter = 32,
+  noMargin = false,
+  rowGap = 0,
+  ...otherProps
+}) => {
+  const classes = (0, _classnames.default)('newspack-grid', noMargin && 'newspack-grid--no-margin', columns && 'newspack-grid__columns-' + columns, gutter && 'newspack-grid__gutter-' + gutter, rowGap && 'newspack-grid__row-gap-' + rowGap, className);
+  return (0, _jsxRuntime.jsx)("div", {
+    className: classes,
+    ...otherProps
+  });
 };
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/dist/cjs/handoff/index.js

@@ -57,10 +57,10 @@ class Handoff extends _element.Component {
     (0, _defineProperty2.default)(this, "textForPlugin", pluginInfo => {
       const defaults = {
         modalBody: null,
-        modalTitle: pluginInfo.Name && `${__('Manage', 'newspack')} ${pluginInfo.Name}`,
-        primaryButton: pluginInfo.Name && `${__('Manage', 'newspack')} ${pluginInfo.Name}`,
-        primaryModalButton: __('Manage', 'newspack'),
-        dismissModalButton: __('Dismiss', 'newspack')
+        modalTitle: pluginInfo.Name && `${__('Manage', 'newspack-plugin')} ${pluginInfo.Name}`,
+        primaryButton: pluginInfo.Name && `${__('Manage', 'newspack-plugin')} ${pluginInfo.Name}`,
+        primaryModalButton: __('Manage', 'newspack-plugin'),
+        dismissModalButton: __('Dismiss', 'newspack-plugin')
       };
       return (0, _assign.default)(defaults, this.props);
     });
@@ -137,7 +137,7 @@ class Handoff extends _element.Component {
         variant: "secondary",
         disabled: true,
         ...otherProps,
-        children: Name + __(' not installed', 'newspack')
+        children: Name + __(' not installed', 'newspack-plugin')
       }), !Name && (0, _jsxRuntime.jsx)(_.Button, {
         className: classes,
         isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink,
@@ -145,7 +145,7 @@ class Handoff extends _element.Component {
         children: (0, _jsxRuntime.jsxs)(_element.Fragment, {
           children: [!compact && (0, _jsxRuntime.jsx)(_.Waiting, {
             isLeft: true
-          }), __('Retrieving Plugin Info', 'newspack')]
+          }), __('Retrieving Plugin Info', 'newspack-plugin')]
         })
       }), showModal && (0, _jsxRuntime.jsxs)(_.Modal, {
         title: modalTitle,
@@ -177,5 +177,4 @@ class Handoff extends _element.Component {
 Handoff.defaultProps = {
   onReady: () => {}
 };
-var _default = Handoff;
-exports.default = _default;
+var _default = exports.default = Handoff;

package/dist/cjs/hooks/index.js

@@ -17,10 +17,9 @@ const useUniqueId = prefix => {
   const id = (0, _element.useRef)(`${prefix}-${Math.round(Math.random() * 99999)}`);
   return id.current;
 };
-var _default = {
+var _default = exports.default = {
   usePrompt: _usePrompt.default,
   useObjectState: _useObjectState.default,
   useOnClickOutside: _useOnClickOutside.default,
   useUniqueId
-};
-exports.default = _default;
+};

package/dist/cjs/hooks/useObjectState.js

@@ -23,8 +23,7 @@ const mergeCustomizer = (objValue, srcValue) => {
  * A useState for an object.
  * Nested objects will be nested, but arrays replaced.
  */
-var _default = function _default() {
-  let initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var _default = (initial = {}) => {
   const [stateObject, setStateObject] = (0, _element.useState)(initial);
   const runUpdate = update => setStateObject(_stateObject => (0, _mergeWith.default)({}, _stateObject, update, mergeCustomizer));
   const updateStateObject = keyOrUpdate => {

package/dist/cjs/hooks/useOnClickOutside.js

@@ -35,5 +35,4 @@ const useOnClickOutside = (ref, handler) => {
   // ... passing it into this hook.
   [ref, handler]);
 };
-var _default = useOnClickOutside;
-exports.default = _default;
+var _default = exports.default = useOnClickOutside;

package/dist/cjs/hooks/usePrompt.js

@@ -30,9 +30,6 @@ var _default = (when, message) => {
     if (typeof event === 'undefined') {
       event = window.event;
     }
-    if (event) {
-      event.returnValue = message;
-    }
     return message;
   };
   (0, _element.useEffect)(() => {
@@ -47,6 +44,6 @@ var _default = (when, message) => {
       window.removeEventListener('beforeunload', onWindowOrTabClose);
     };
   }, [message, when]);
-  return self.current;
+  return self.current || (() => {});
 };
 exports.default = _default;

package/dist/cjs/image-upload/index.js

@@ -105,14 +105,14 @@ class ImageUpload extends _element.Component {
             children: [(0, _jsxRuntime.jsx)("img", {
               "data-testid": "image-upload",
               src: image.url,
-              alt: __('Image preview', 'newspack')
+              alt: __('Image preview', 'newspack-plugin')
             }), (0, _jsxRuntime.jsxs)("div", {
               className: "newspack-image-upload__controls",
               children: [(0, _jsxRuntime.jsx)(_.Button, {
                 disabled: disabled,
                 onClick: this.openModal,
                 isLink: true,
-                children: __('Replace', 'newspack')
+                children: __('Replace', 'newspack-plugin')
               }), (0, _jsxRuntime.jsx)("span", {
                 className: "sep"
               }), (0, _jsxRuntime.jsx)(_.Button, {
@@ -120,14 +120,14 @@ class ImageUpload extends _element.Component {
                 onClick: () => onChange(null),
                 isLink: true,
                 isDestructive: true,
-                children: __('Remove', 'newspack')
+                children: __('Remove', 'newspack-plugin')
               })]
             })]
           }) : (0, _jsxRuntime.jsx)(_.Button, {
             disabled: disabled,
             onClick: this.openModal,
             isLink: true,
-            children: buttonLabel ? buttonLabel : __('Upload', 'newspack')
+            children: buttonLabel ? buttonLabel : __('Upload', 'newspack-plugin')
           })
         }), help && (0, _jsxRuntime.jsx)("p", {
           className: "newspack-image-upload__help",
@@ -140,5 +140,4 @@ class ImageUpload extends _element.Component {
     };
   }
 }
-var _default = ImageUpload;
-exports.default = _default;
+var _default = exports.default = ImageUpload;

package/dist/cjs/index.js

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () {
-    return _accordion.default;
-  }
-});
 Object.defineProperty(exports, "ActionCard", {
   enumerable: true,
   get: function () {
@@ -64,12 +58,6 @@ Object.defineProperty(exports, "CustomSelectControl", {
     return _customSelectControl.default;
   }
 });
-Object.defineProperty(exports, "DateRangePicker", {
-  enumerable: true,
-  get: function () {
-    return _dateRangePicker.default;
-  }
-});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () {
@@ -280,7 +268,6 @@ Object.defineProperty(exports, "withWizardScreen", {
     return _withWizardScreen.default;
   }
 });
-var _accordion = _interopRequireDefault(require("./accordion"));
 var _actionCard = _interopRequireDefault(require("./action-card"));
 var _autocompleteTokenfield = _interopRequireDefault(require("./autocomplete-tokenfield"));
 var _autocompleteWithSuggestions = _interopRequireDefault(require("./autocomplete-with-suggestions"));
@@ -311,7 +298,6 @@ var _progressBar = _interopRequireDefault(require("./progress-bar"));
 var _radioControl = _interopRequireDefault(require("./radio-control"));
 var _sectionHeader = _interopRequireDefault(require("./section-header"));
 var _selectControl = _interopRequireDefault(require("./select-control"));
-var _dateRangePicker = _interopRequireDefault(require("./date-range-picker"));
 var _settings = _interopRequireDefault(require("./settings"));
 var _stepsList = _interopRequireDefault(require("./steps-list"));
 var _stepsListItem = _interopRequireDefault(require("./steps-list-item"));

package/dist/cjs/info-button/index.js

@@ -47,5 +47,4 @@ class InfoButton extends _element.Component {
     });
   }
 }
-var _default = InfoButton;
-exports.default = _default;
+var _default = exports.default = InfoButton;

package/dist/cjs/modal/index.js

@@ -44,5 +44,4 @@ class Modal extends _element.Component {
     });
   }
 }
-var _default = Modal;
-exports.default = _default;
+var _default = exports.default = Modal;

package/dist/cjs/newspack-icon/index.js

@@ -55,5 +55,4 @@ class NewspackIcon extends _element.Component {
 NewspackIcon.defaultProps = {
   size: 32
 };
-var _default = NewspackIcon;
-exports.default = _default;
+var _default = exports.default = NewspackIcon;

package/dist/cjs/newspack-logo/index.js

@@ -51,5 +51,4 @@ class NewspackLogo extends _element.Component {
 NewspackLogo.defaultProps = {
   height: 56
 };
-var _default = NewspackLogo;
-exports.default = _default;
+var _default = exports.default = NewspackLogo;

package/dist/cjs/notice/index.js

@@ -62,10 +62,9 @@ class Notice extends _element.Component {
         className: "newspack-notice__content",
         children: [rawHTML ? (0, _jsxRuntime.jsx)(_element.RawHTML, {
           children: noticeText
-        }) : noticeText, debugMode && __('Debug Mode', 'newspack'), children || null]
+        }) : noticeText, debugMode && __('Debug Mode', 'newspack-plugin'), children || null]
       })]
     });
   }
 }
-var _default = Notice;
-exports.default = _default;
+var _default = exports.default = Notice;

package/dist/cjs/patrons-logo/index.js

@@ -18,8 +18,8 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 const __ = _i18n.__;
 class PatronsLogo extends _element.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     /**
      * Render.
      */
@@ -30,7 +30,7 @@ class PatronsLogo extends _element.Component {
         height: "16",
         viewBox: "0 0 438 32",
         className: "patrons-logo",
-        "aria-label": __('A project of WordPress.com and the Google News Initiative', 'newspack'),
+        "aria-label": __('A project of WordPress.com and the Google News Initiative', 'newspack-plugin'),
         children: [(0, _jsxRuntime.jsx)(_components.Path, {
           fillRule: "evenodd",
           clipRule: "evenodd",
@@ -78,5 +78,4 @@ class PatronsLogo extends _element.Component {
     });
   }
 }
-var _default = PatronsLogo;
-exports.default = _default;
+var _default = exports.default = PatronsLogo;

package/dist/cjs/plugin-installer/index.js

@@ -38,9 +38,7 @@ const PLUGIN_STATE_ERROR = 3;
  */
 class PluginInstaller extends _element.Component {
   constructor() {
-    var _this;
     super(...arguments);
-    _this = this;
     (0, _defineProperty2.default)(this, "componentDidMount", () => {
       const {
         plugins
@@ -129,12 +127,11 @@ class PluginInstaller extends _element.Component {
         }
       });
     });
-    (0, _defineProperty2.default)(this, "setInstallationStatus", function (slug, installationStatus) {
-      let notification = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    (0, _defineProperty2.default)(this, "setInstallationStatus", (slug, installationStatus, notification = null) => {
       const {
         pluginInfo
-      } = _this.state;
-      _this.updatePluginInfo({
+      } = this.state;
+      this.updatePluginInfo({
         ...pluginInfo,
         [slug]: {
           ...pluginInfo[slug],
@@ -205,7 +202,7 @@ class PluginInstaller extends _element.Component {
 
     // Make sure plugin status falls in either one of these, to handle button text.
     const pluginInstalled = currentStatus => currentStatus === 'active' || currentStatus === 'inactive';
-    const buttonText = currentPluginStatuses.every(pluginInstalled) ? __('Activate', 'newspack') : __('Install', 'newspack');
+    const buttonText = currentPluginStatuses.every(pluginInstalled) ? __('Activate', 'newspack-plugin') : __('Install', 'newspack-plugin');
     const needsInstall = slugs.some(slug => {
       const plugin = pluginInfo[slug];
       return plugin.Status !== 'active' && plugin.installationStatus === PLUGIN_STATE_NONE;
@@ -215,7 +212,7 @@ class PluginInstaller extends _element.Component {
         className: "newspack-plugin-installer_is-waiting",
         children: [(0, _jsxRuntime.jsx)(_.Waiting, {
           isLeft: true
-        }), __('Retrieving plugin information…')]
+        }), __('Retrieving plugin information…', 'newspack-plugin')]
       }), pluginInfo && slugs.length > 0 && slugs.map(slug => {
         const plugin = pluginInfo[slug];
         const {
@@ -235,7 +232,7 @@ class PluginInstaller extends _element.Component {
         } else if (!installable) {
           actionText = (0, _jsxRuntime.jsxs)("span", {
             className: "newspack-plugin-installer__status",
-            children: [isAtomic ? __('Contact Newspack support to install', 'newspack') : __('Plugin must be installed manually', 'newspack'), (0, _jsxRuntime.jsx)("span", {
+            children: [isAtomic ? __('Contact Newspack support to install', 'newspack-plugin') : __('Plugin must be installed manually', 'newspack-plugin'), (0, _jsxRuntime.jsx)("span", {
               className: "newspack-checkbox-icon"
             })]
           });
@@ -249,14 +246,14 @@ class PluginInstaller extends _element.Component {
         } else if (Status === 'inactive') {
           actionText = (0, _jsxRuntime.jsxs)("span", {
             className: "newspack-plugin-installer__status",
-            children: [__('Activate', 'newspack'), (0, _jsxRuntime.jsx)("span", {
+            children: [__('Activate', 'newspack-plugin'), (0, _jsxRuntime.jsx)("span", {
               className: "newspack-checkbox-icon"
             })]
           });
         } else if (Status === 'active') {
           actionText = (0, _jsxRuntime.jsxs)("span", {
             className: "newspack-plugin-installer__status",
-            children: [__('Installed', 'newspack'), (0, _jsxRuntime.jsx)("span", {
+            children: [__('Installed', 'newspack-plugin'), (0, _jsxRuntime.jsx)("span", {
               className: "newspack-checkbox-icon newspack-checkbox-icon--checked",
               children: (0, _jsxRuntime.jsx)(_icons.Icon, {
                 icon: _icons.check
@@ -295,5 +292,4 @@ PluginInstaller.defaultProps = {
   onStatus: () => {},
   onInstalled: () => {}
 };
-var _default = PluginInstaller;
-exports.default = _default;
+var _default = exports.default = PluginInstaller;

package/dist/cjs/plugin-settings/SettingsSection.js

@@ -86,8 +86,7 @@ const SettingsSection = props => {
       setSaveDisabled(false);
     }
   });
-  const createFilter = function (name) {
-    let defaultComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const createFilter = (name, defaultComponent = null) => {
     return (0, _hooks.applyFilters)(`newspack.settingSection.${sectionKey}.${name}`, defaultComponent, props);
   };
   let columns = 2;
@@ -136,5 +135,4 @@ const SettingsSection = props => {
     })
   });
 };
-var _default = SettingsSection;
-exports.default = _default;
+var _default = exports.default = SettingsSection;

package/dist/cjs/plugin-settings/index.js

@@ -215,8 +215,7 @@ class PluginSettings extends _element.Component {
   }
 }
 PluginSettings.defaultProps = {
-  title: __('General Settings', 'newspack')
+  title: __('General Settings', 'newspack-plugin')
 };
 PluginSettings.Section = _SettingsSection.default;
-var _default = PluginSettings;
-exports.default = _default;
+var _default = exports.default = PluginSettings;

package/dist/cjs/plugin-toggle/index.js

@@ -23,8 +23,8 @@ const __ = _i18n.__;
  * Plugin toggle group component.
  */
 class PluginToggle extends _element.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     (0, _defineProperty2.default)(this, "state", {
       pluginInfo: {}
     });
@@ -71,24 +71,21 @@ class PluginToggle extends _element.Component {
           const {
             shouldRefreshAfterUpdate
           } = plugins[plugin];
-          this.setState(_ref => {
-            let {
-              pluginInfo: currentPluginInfo
-            } = _ref;
-            return {
-              pluginInfo: {
-                ...currentPluginInfo,
-                [plugin]: response
-              }
-            };
-          }, () => shouldRefreshAfterUpdate && location.reload());
+          this.setState(({
+            pluginInfo: currentPluginInfo
+          }) => ({
+            pluginInfo: {
+              ...currentPluginInfo,
+              [plugin]: response
+            }
+          }), () => shouldRefreshAfterUpdate && location.reload());
         }).catch(e => {
           this.setState({
             pluginInfo: {
               ...pluginInfo,
               [plugin]: {
                 ...pluginInfo[plugin],
-                error: e.message || __('There was an error managing this plugin.', 'newspack')
+                error: e.message || __('There was an error managing this plugin.', 'newspack-plugin')
               }
             }
           });
@@ -131,21 +128,21 @@ class PluginToggle extends _element.Component {
       // Show spinner when plugin data is unavailable, or when an API call is in flight.
       if ('configure' === inFlight) {
         return (0, _jsxRuntime.jsxs)(_element.Fragment, {
-          children: [__('Installing…', 'newspack'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
+          children: [__('Installing…', 'newspack-plugin'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
             isRight: true
           })]
         });
       }
       if ('deactivate' === inFlight) {
         return (0, _jsxRuntime.jsxs)(_element.Fragment, {
-          children: [__('Deactivating…', 'newspack'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
+          children: [__('Deactivating…', 'newspack-plugin'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
             isRight: true
           })]
         });
       }
       if (!name) {
         return (0, _jsxRuntime.jsxs)(_element.Fragment, {
-          children: [__('Loading…', 'newspack'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
+          children: [__('Loading…', 'newspack-plugin'), " ", (0, _jsxRuntime.jsx)(_.Waiting, {
             isRight: true
           })]
         });
@@ -155,7 +152,7 @@ class PluginToggle extends _element.Component {
         return null;
       }
       if (href || editPath) {
-        return actionText ? actionText : __('Configure', 'newspack');
+        return actionText ? actionText : __('Configure', 'newspack-plugin');
       }
     });
     /**
@@ -218,5 +215,4 @@ class PluginToggle extends _element.Component {
     });
   }
 }
-var _default = PluginToggle;
-exports.default = _default;
+var _default = exports.default = PluginToggle;

package/dist/cjs/popover/index.js

@@ -44,5 +44,4 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 Popover.defaultProps = {
   padding: false
 };
-var _default = Popover;
-exports.default = _default;
+var _default = exports.default = Popover;

package/dist/cjs/position-control/index.js

@@ -20,67 +20,66 @@ const __ = _i18n.__;
 /**
  * Internal dependencies
  */
-function PositionControl(_ref) {
-  let {
-    allowedPositions,
-    value,
-    label,
-    help,
-    onChange,
-    size,
-    ...props
-  } = _ref;
+function PositionControl({
+  allowedPositions,
+  value,
+  label,
+  help,
+  onChange,
+  size,
+  ...props
+}) {
   /**
    * Set layout options
    */
   const options = size === 'full-width' ? [{
     value: 'top',
     /* translators: Overlay Position */
-    label: __('Top', 'newspack')
+    label: __('Top', 'newspack-plugin')
   }, {
     value: 'center',
     /* translators: Overlay Position */
-    label: __('Center', 'newspack')
+    label: __('Center', 'newspack-plugin')
   }, {
     value: 'bottom',
     /* translators: Overlay Position */
-    label: __('Bottom', 'newspack')
+    label: __('Bottom', 'newspack-plugin')
   }] : [{
     value: 'top_left',
     /* translators: Overlay Position */
-    label: __('Top Left', 'newspack')
+    label: __('Top Left', 'newspack-plugin')
   }, {
     value: 'top',
     /* translators: Overlay Position */
-    label: __('Top Center', 'newspack')
+    label: __('Top Center', 'newspack-plugin')
   }, {
     value: 'top_right',
     /* translators: Overlay Position */
-    label: __('Top Right', 'newspack')
+    label: __('Top Right', 'newspack-plugin')
   }, {
     value: 'center_left',
     /* translators: Overlay Position */
-    label: __('Center Left', 'newspack')
+    label: __('Center Left', 'newspack-plugin')
   }, {
     value: 'center',
     /* translators: Overlay Position */
-    label: __('Center', 'newspack')
+    label: __('Center', 'newspack-plugin')
   }, {
     value: 'center_right',
     /* translators: Overlay Position */
-    label: __('Center Right', 'newspack')
+    label: __('Center Right', 'newspack-plugin')
   }, {
     value: 'bottom_left',
     /* translators: Overlay Position */
-    label: __('Bottom Left', 'newspack')
+    label: __('Bottom Left', 'newspack-plugin')
   }, {
     value: 'bottom',
     /* translators: Overlay Position */
-    label: __('Bottom Center', 'newspack')
+    label: __('Bottom Center', 'newspack-plugin')
   }, {
     value: 'bottom_right',
     /* translators: Overlay Position */
-    label: __('Bottom Right', 'newspack')
+    label: __('Bottom Right', 'newspack-plugin')
   }];
   return (0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('newspack-position-placement-control', 'size-' + size),
@@ -88,7 +87,7 @@ function PositionControl(_ref) {
       className: "components-base-control__label",
       children: label
     }), (0, _jsxRuntime.jsx)(_components.ButtonGroup, {
-      "aria-label": __('Select Position', 'newspack'),
+      "aria-label": __('Select Position', 'newspack-plugin'),
       ...props,
       children: options.map((option, index) => {
         return (0, _jsxRuntime.jsx)("div", {

package/dist/cjs/progress-bar/index.js

@@ -72,5 +72,4 @@ class ProgressBar extends _element.Component {
     });
   }
 }
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/dist/cjs/progress-bar/index.test.js

@@ -70,11 +70,10 @@ describe('ProgressBar', () => {
         total: 3
       },
       expectedWidth: 100
-    }].forEach(_ref => {
-      let {
-        props,
-        expectedWidth
-      } = _ref;
+    }].forEach(({
+      props,
+      expectedWidth
+    }) => {
       it(`with expected  progress of ${expectedWidth}`, () => {
         const {
           getByTestId

package/dist/cjs/proxied-imports/router.js

@@ -11,5 +11,4 @@ var ReactRouterDOM = _interopRequireWildcard(require("react-router-dom"));
  * Ensures that both components and the plugin use the same instance of
  * React Router, even if there are node_modules in components.
  */
-var _default = ReactRouterDOM;
-exports.default = _default;
+var _default = exports.default = ReactRouterDOM;

package/dist/cjs/radio-control/index.js

@@ -40,5 +40,4 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
     });
   }
 }
-var _default = RadioControl;
-exports.default = _default;
+var _default = exports.default = RadioControl;