newspack-components 2.2.1 → 3.0.0-alpha.1

package/dist/esm/autocomplete-with-suggestions/index.js

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import apiFetch from '@wordpress/api-fetch';
-import { Button, CheckboxControl, SelectControl, Spinner } from '@wordpress/components';
+import { Button, CheckboxControl, SelectControl } from '@wordpress/components';
 import { decodeEntities } from '@wordpress/html-entities';
 import { useEffect, useState } from '@wordpress/element';
 import { __ as alias__, _x as alias_x, sprintf } from '@wordpress/i18n';
@@ -15,42 +15,39 @@ import { addQueryArgs } from '@wordpress/url';
  */
 import { AutocompleteTokenField } from '../';
 import './style.scss';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-const AutocompleteWithSuggestions = _ref => {
-  let {
-    fetchSavedPosts = false,
-    // If passed, will use this function to fetch saved data.
-    fetchSuggestions = false,
-    // If passed, will use this function to fetch suggestions data.
-    help = __('Begin typing search term, click autocomplete result to select.', 'newspack'),
-    hideHelp = false,
-    // If true, all help text will be hidden.
-    label = __('Search', 'newspack'),
-    maxItemsToSuggest = 0,
-    // If passed, will be used to determine "load more" state. Necessary if you want "load more" functionality when using a custom `fetchSuggestions` function.
-    multiSelect = false,
-    // If true, component can select multiple values at once.
-    onChange = false,
-    // Function to call when selections change.
-    onPostTypeChange = false,
-    // Funciton to call when the post type selector is changed.
-    postTypes = [{
-      slug: 'post',
-      label: 'Post'
-    }],
-    // If passed, will render a selector to change the post type queried for suggestions.
-    postTypeLabel = __('item', 'newspack'),
-    // String to describe the data being shown.
-    postTypeLabelPlural = __('items', 'newspack'),
-    // Plural string to describe the data being shown.
-    selectedItems = [],
-    // Array of saved items.
-    selectedPost = 0,
-    // Legacy prop when single-select was the only option.
-    suggestionsToFetch = 10 // Number of suggestions to fetch per query.
-  } = _ref;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+const AutocompleteWithSuggestions = ({
+  fetchSavedPosts = false,
+  // If passed, will use this function to fetch saved data.
+  fetchSuggestions = false,
+  // If passed, will use this function to fetch suggestions data.
+  help = __('Begin typing search term, click autocomplete result to select.', 'newspack-plugin'),
+  hideHelp = false,
+  // If true, all help text will be hidden.
+  label = __('Search', 'newspack-plugin'),
+  maxItemsToSuggest = 0,
+  // If passed, will be used to determine "load more" state. Necessary if you want "load more" functionality when using a custom `fetchSuggestions` function.
+  multiSelect = false,
+  // If true, component can select multiple values at once.
+  onChange = false,
+  // Function to call when selections change.
+  onPostTypeChange = false,
+  // Funciton to call when the post type selector is changed.
+  postTypes = [{
+    slug: 'post',
+    label: 'Post'
+  }],
+  // If passed, will render a selector to change the post type queried for suggestions.
+  postTypeLabel = __('item', 'newspack-plugin'),
+  // String to describe the data being shown.
+  postTypeLabelPlural = __('items', 'newspack-plugin'),
+  // Plural string to describe the data being shown.
+  selectedItems = [],
+  // Array of saved items.
+  selectedPost = 0,
+  // Legacy prop when single-select was the only option.
+  suggestionsToFetch = 10 // Number of suggestions to fetch per query.
+}) => {
   const [isLoading, setIsLoading] = useState(true);
   const [isLoadingMore, setIsLoadingMore] = useState(false);
   const [suggestions, setSuggestions] = useState([]);
@@ -92,9 +89,7 @@ const AutocompleteWithSuggestions = _ref => {
   /**
    * If passed a `fetchSavedPosts` prop, use that, otherwise, build it based on the selected post type.
    */
-  const handleFetchSaved = fetchSavedPosts ? fetchSavedPosts : async function () {
-    let postIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let searchSlug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const handleFetchSaved = fetchSavedPosts ? fetchSavedPosts : async (postIds = [], searchSlug = null) => {
     const postTypeSlug = searchSlug || postTypeToSearch;
     const endpoint = 'post' === postTypeSlug || 'page' === postTypeSlug ? postTypeSlug + 's' // Default post type endpoints are plural.
     : postTypeSlug; // Custom post type endpoints are singular.
@@ -107,17 +102,14 @@ const AutocompleteWithSuggestions = _ref => {
     });
     return posts.map(post => ({
       value: parseInt(post.id),
-      label: decodeEntities(post.title) || __('(no title)', 'newspack')
+      label: decodeEntities(post.title) || __('(no title)', 'newspack-plugin')
     }));
   };
 
   /**
    * If passed a `fetchSuggestions` prop, use that, otherwise, build it based on the selected post type.
    */
-  const handleFetchSuggestions = fetchSuggestions ? fetchSuggestions : async function () {
-    let search = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let searchSlug = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  const handleFetchSuggestions = fetchSuggestions ? fetchSuggestions : async (search = null, offset = 0, searchSlug = null) => {
     const postTypeSlug = searchSlug || postTypeToSearch;
     const endpoint = 'post' === postTypeSlug || 'page' === postTypeSlug ? postTypeSlug + 's' // Default post type endpoints are plural.
     : postTypeSlug; // Custom post type endpoints are singular.
@@ -138,7 +130,7 @@ const AutocompleteWithSuggestions = _ref => {
     return posts.reduce((acc, post) => {
       acc.push({
         value: parseInt(post.id),
-        label: decodeEntities(post?.title.rendered) || __('(no title)', 'newspack')
+        label: decodeEntities(post?.title.rendered) || __('(no title)', 'newspack-plugin')
       });
       return acc;
     }, []);
@@ -183,18 +175,18 @@ const AutocompleteWithSuggestions = _ref => {
     const selections = selectedPost ? [...selectedItems, selectedPost] : selectedItems;
     const selectedMessage = multiSelect ? sprintf(
     // Translators: %1: the length of selections. %2: the selection leabel.
-    __('%1$s %2$s selected', 'newspack'), selections.length, selections.length > 1 ? postTypeLabelPlural : postTypeLabel) :
+    __('%1$s %2$s selected', 'newspack-plugin'), selections.length, selections.length > 1 ? postTypeLabelPlural : postTypeLabel) :
     // Translators: %s: The label for the selection.
-    sprintf(__('Selected %s', 'newspack'), postTypeLabel);
+    sprintf(__('Selected %s', 'newspack-plugin'), postTypeLabel);
     return _jsxs("div", {
       className: "newspack-autocomplete-with-suggestions__selected-items",
       children: [_jsxs("p", {
         className: "newspack-autocomplete-with-suggestions__label",
-        children: [selectedMessage, 1 < selections.length && _x(' – ', 'separator character', 'newspack'), 1 < selections.length && _jsx(Button, {
+        children: [selectedMessage, 1 < selections.length && _x(' – ', 'separator character', 'newspack-plugin'), 1 < selections.length && _jsx(Button, {
           onClick: () => onChange([]),
           isLink: true,
           isDestructive: true,
-          children: __('Clear all', 'newspack')
+          children: __('Clear all', 'newspack-plugin')
         })]
       }), selections.map(selection => _jsx(Button, {
         className: "newspack-autocomplete-with-suggestions__selected-item-button",
@@ -212,7 +204,7 @@ const AutocompleteWithSuggestions = _ref => {
     return _jsx(SelectControl, {
       label: sprintf(
       // Translators: %s: The name of the type.
-      __('%s type', 'newspack'), postTypeLabel.charAt(0).toUpperCase() + postTypeLabel.slice(1)),
+      __('%s type', 'newspack-plugin'), postTypeLabel.charAt(0).toUpperCase() + postTypeLabel.slice(1)),
       value: postTypeToSearch,
       options: postTypes.map(postTypeOption => ({
         label: postTypeOption.label,
@@ -248,12 +240,6 @@ const AutocompleteWithSuggestions = _ref => {
    * Render a list of suggestions that can be clicked to select instead of searching by title.
    */
   const renderSuggestions = () => {
-    if (isLoading) {
-      return _jsx("div", {
-        className: "newspack-autocomplete-with-suggestions__suggestions-spinner",
-        children: _jsx(Spinner, {})
-      });
-    }
     if (0 === suggestions.length) {
       return null;
     }
@@ -261,14 +247,14 @@ const AutocompleteWithSuggestions = _ref => {
     return _jsxs(_Fragment, {
       children: [!hideHelp && _jsx("p", {
         className: "newspack-autocomplete-with-suggestions__label",
-        children: /* Translators: %s: the name of a post type. */sprintf(__('Or, select a recent %s:', 'newspack'), postTypeLabel)
+        children: /* Translators: %s: the name of a post type. */sprintf(__('Or, select a recent %s:', 'newspack-plugin'), postTypeLabel)
       }), _jsxs("div", {
         className: className,
         children: [suggestions.map(renderSuggestion), suggestions.length < (maxItemsToSuggest || maxSuggestions) && _jsx(Button, {
           disabled: isLoadingMore,
           isSecondary: true,
           onClick: () => setIsLoadingMore(true),
-          children: isLoadingMore ? __('Loading…', 'newspack') : __('Load more', 'newspack')
+          children: isLoadingMore ? __('Loading…', 'newspack-plugin') : __('Load more', 'newspack-plugin')
         })]
       })]
     });
@@ -281,6 +267,7 @@ const AutocompleteWithSuggestions = _ref => {
       fetchSuggestions: async search => handleFetchSuggestions(search, 0, postTypeToSearch),
       fetchSavedInfo: postIds => handleFetchSaved(postIds),
       label: label,
+      loading: isLoading,
       help: !hideHelp && help,
       returnFullObjects: true
     }), renderSuggestions()]

package/dist/esm/autocomplete-with-suggestions/style.scss

@@ -15,13 +15,6 @@
 			margin-top: 16px;
 		}
 	}
-
-	.components-spinner {
-		margin: 8px;
-		right: 0;
-		top: calc( 1.4em + 8px );
-	}
-
 	.components-select-control__input {
 		max-width: none;
 	}
@@ -119,8 +112,7 @@
 		border-radius: 2px;
 		border: 1px solid wp-colors.$gray-700;
 		max-height: 178px;
-		overflow-x: visible;
-		overflow-y: auto;
+		overflow: visible auto;
 		padding: 8px 8px 0;
 
 		.components-button {

package/dist/esm/button/index.js

@@ -17,12 +17,11 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const {
   useHistory
 } = Router;
-const Button = _ref => {
-  let {
-    href,
-    onClick,
-    ...otherProps
-  } = _ref;
+const Button = ({
+  href,
+  onClick,
+  ...otherProps
+}) => {
   const history = useHistory();
   const [isAwaitingOnClick, setIsAwaitingOnClick] = useState(false);
 
@@ -32,7 +31,7 @@ const Button = _ref => {
       setIsAwaitingOnClick(true);
       await onClick();
       setIsAwaitingOnClick(false);
-      history.push(href.replace('#', ''));
+      history.push((href || '').replace('#', ''));
     };
   } else {
     otherProps.href = href;
@@ -41,6 +40,7 @@ const Button = _ref => {
   if (isAwaitingOnClick) {
     otherProps.disabled = true;
   }
+  // @ts-ignore - @wordpress/components' Button can only have either href or onClick, not both.
   return _jsx(BaseComponent, {
     ...otherProps
   });

package/dist/esm/button-card/index.js

@@ -18,8 +18,7 @@ import './style.scss';
  * External dependencies
  */
 import classnames from 'classnames';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 class ButtonCard extends Component {
   /**
    * Render

package/dist/esm/category-autocomplete/index.js

@@ -28,8 +28,7 @@ import classnames from 'classnames';
 /**
  * Category autocomplete field component.
  */
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 class CategoryAutocomplete extends Component {
   /**
    * Class constructor.
@@ -72,12 +71,9 @@ class CategoryAutocomplete extends Component {
         }
         return acc;
       }, []);
-      const availableSuggestions = filter(suggestions, _ref => {
-        let {
-          id
-        } = _ref;
-        return selectedIds.indexOf(id) === -1;
-      });
+      const availableSuggestions = filter(suggestions, ({
+        id
+      }) => selectedIds.indexOf(id) === -1);
       return availableSuggestions.map(v => v.name);
     });
     this.debouncedUpdateSuggestions = debounce(this.updateSuggestions, 100);

package/dist/esm/color-picker/index.js

@@ -17,19 +17,17 @@ import a11yPlugin from 'colord/plugins/a11y';
 import hooks from '../hooks';
 import utils from '../utils';
 import './style.scss';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 extend([a11yPlugin]);
 const {
   InteractiveDiv
 } = utils;
-const ColorPicker = _ref => {
-  let {
-    label,
-    color = '#fff',
-    onChange,
-    className
-  } = _ref;
+const ColorPicker = ({
+  label,
+  color = '#fff',
+  onChange,
+  className
+}) => {
   const [isExpanded, setIsExpanded] = useState(false);
   const ref = useRef();
   const colordColor = colord(color);

package/dist/esm/consts.js

@@ -1,3 +1 @@
-export const NEWSPACK_SITE_URL = 'https://newspack.com';
-export const NEWSPACK_SUPPORT_URL = `${NEWSPACK_SITE_URL}/support`;
 export const HANDOFF_KEY = 'newspack_wizard_handoff_message';

package/dist/esm/footer/index.js

@@ -14,12 +14,10 @@ import { ExternalLink } from '@wordpress/components';
  */
 import { PatronsLogo } from '../';
 import './style.scss';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Footer = _ref => {
-  let {
-    simple
-  } = _ref;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const Footer = ({
+  simple
+}) => {
   const {
     components_demo: componentsDemo = false,
     support = false,
@@ -36,41 +34,41 @@ const Footer = _ref => {
     url: 'https://newspack.com/category/release-notes/',
     external: true
   }, {
-    label: __('About', 'newspack'),
+    label: __('About', 'newspack-plugin'),
     url: 'https://newspack.com/',
     external: true
   }, {
-    label: __('Documentation', 'newspack'),
+    label: __('Documentation', 'newspack-plugin'),
     url: support,
     external: true
   }];
   if (componentsDemo) {
     footerElements.push({
-      label: __('Components Demo', 'newspack'),
+      label: __('Components Demo', 'newspack-plugin'),
       url: componentsDemo
     });
   }
   if (setupWizard) {
     footerElements.push({
-      label: __('Setup Wizard', 'newspack'),
+      label: __('Setup Wizard', 'newspack-plugin'),
       url: setupWizard
     });
   }
   if (resetUrl) {
     footerElements.push({
-      label: __('Reset Newspack', 'newspack'),
+      label: __('Reset Newspack', 'newspack-plugin'),
       url: resetUrl
     });
   }
   if (removeStarterContent) {
     footerElements.push({
-      label: __('Remove Starter Content', 'newspack'),
+      label: __('Remove Starter Content', 'newspack-plugin'),
       url: removeStarterContent
     });
   }
   if (supportEmail) {
     footerElements.push({
-      label: __('Contact Support', 'newspack'),
+      label: __('Contact Support', 'newspack-plugin'),
       url: `mailto:${supportEmail}`
     });
   }
@@ -79,22 +77,19 @@ const Footer = _ref => {
     children: [!simple && _jsx("div", {
       className: "newspack-footer__inner",
       children: _jsx("ul", {
-        children: footerElements.map((_ref2, index) => {
-          let {
-            url,
-            label,
-            external
-          } = _ref2;
-          return _jsx("li", {
-            children: external ? _jsx(ExternalLink, {
-              href: url,
-              children: label
-            }) : _jsx("a", {
-              href: url,
-              children: label
-            })
-          }, index);
-        })
+        children: footerElements.map(({
+          url,
+          label,
+          external
+        }, index) => _jsx("li", {
+          children: external ? _jsx(ExternalLink, {
+            href: url,
+            children: label
+          }) : _jsx("a", {
+            href: url,
+            children: label
+          })
+        }, index))
       })
     }), _jsx("div", {
       className: "newspack-footer__logo",

package/dist/esm/form-token-field/index.js

@@ -17,8 +17,7 @@ import './style.scss';
  * External dependencies.
  */
 import classnames from 'classnames';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 class FormTokenField extends Component {
   /**
    * Render.

package/dist/esm/grid/index.js

@@ -2,11 +2,6 @@
  * Grid
  */
 
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-
 /**
  * Internal dependencies
  */
@@ -17,29 +12,18 @@ import './style.scss';
  */
 import classnames from 'classnames';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-class Grid extends Component {
-  /**
-   * Render
-   */
-  render() {
-    const {
-      className,
-      columns,
-      gutter,
-      noMargin,
-      rowGap,
-      ...otherProps
-    } = this.props;
-    const classes = classnames('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 _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 = classnames('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 _jsx("div", {
+    className: classes,
+    ...otherProps
+  });
 };
 export default Grid;

package/dist/esm/handoff/index.js

@@ -21,8 +21,7 @@ import { Button, Card, Modal, Waiting } from '../';
  */
 import assign from 'lodash/assign';
 import classnames from 'classnames';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 class Handoff extends Component {
   constructor() {
     super(...arguments);
@@ -54,10 +53,10 @@ class Handoff extends Component {
     _defineProperty(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 assign(defaults, this.props);
     });
@@ -134,7 +133,7 @@ class Handoff extends Component {
         variant: "secondary",
         disabled: true,
         ...otherProps,
-        children: Name + __(' not installed', 'newspack')
+        children: Name + __(' not installed', 'newspack-plugin')
       }), !Name && _jsx(Button, {
         className: classes,
         isSecondary: !otherProps.isPrimary && !otherProps.isTertiary && !otherProps.isLink,
@@ -142,7 +141,7 @@ class Handoff extends Component {
         children: _jsxs(Fragment, {
           children: [!compact && _jsx(Waiting, {
             isLeft: true
-          }), __('Retrieving Plugin Info', 'newspack')]
+          }), __('Retrieving Plugin Info', 'newspack-plugin')]
         })
       }), showModal && _jsxs(Modal, {
         title: modalTitle,

package/dist/esm/hooks/useObjectState.js

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

package/dist/esm/hooks/useObjectState.test.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import useObjectState from './useObjectState';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const INIT_STATE = {
   name: 'Foo',
   widgets: [1],

package/dist/esm/hooks/usePrompt.js

@@ -22,9 +22,6 @@ export default ((when, message) => {
     if (typeof event === 'undefined') {
       event = window.event;
     }
-    if (event) {
-      event.returnValue = message;
-    }
     return message;
   };
   useEffect(() => {
@@ -39,5 +36,5 @@ export default ((when, message) => {
       window.removeEventListener('beforeunload', onWindowOrTabClose);
     };
   }, [message, when]);
-  return self.current;
+  return self.current || (() => {});
 });

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

@@ -20,9 +20,7 @@ import './style.scss';
  * External dependencies.
  */
 import classnames from 'classnames';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 class ImageUpload extends Component {
   /**
    * Constructor.
@@ -103,14 +101,14 @@ class ImageUpload extends Component {
             children: [_jsx("img", {
               "data-testid": "image-upload",
               src: image.url,
-              alt: __('Image preview', 'newspack')
+              alt: __('Image preview', 'newspack-plugin')
             }), _jsxs("div", {
               className: "newspack-image-upload__controls",
               children: [_jsx(Button, {
                 disabled: disabled,
                 onClick: this.openModal,
                 isLink: true,
-                children: __('Replace', 'newspack')
+                children: __('Replace', 'newspack-plugin')
               }), _jsx("span", {
                 className: "sep"
               }), _jsx(Button, {
@@ -118,14 +116,14 @@ class ImageUpload extends Component {
                 onClick: () => onChange(null),
                 isLink: true,
                 isDestructive: true,
-                children: __('Remove', 'newspack')
+                children: __('Remove', 'newspack-plugin')
               })]
             })]
           }) : _jsx(Button, {
             disabled: disabled,
             onClick: this.openModal,
             isLink: true,
-            children: buttonLabel ? buttonLabel : __('Upload', 'newspack')
+            children: buttonLabel ? buttonLabel : __('Upload', 'newspack-plugin')
           })
         }), help && _jsx("p", {
           className: "newspack-image-upload__help",

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-export { default as Accordion } from './accordion';
 export { default as ActionCard } from './action-card';
 export { default as AutocompleteTokenField } from './autocomplete-tokenfield';
 export { default as AutocompleteWithSuggestions } from './autocomplete-with-suggestions';
@@ -29,7 +28,6 @@ export { default as ProgressBar } from './progress-bar';
 export { default as RadioControl } from './radio-control';
 export { default as SectionHeader } from './section-header';
 export { default as SelectControl } from './select-control';
-export { default as DateRangePicker } from './date-range-picker';
 export { default as Settings } from './settings';
 export { default as StepsList } from './steps-list';
 export { default as StepsListItem } from './steps-list-item';

package/dist/esm/notice/index.js

@@ -19,8 +19,7 @@ import './style.scss';
  * External dependencies.
  */
 import classnames from 'classnames';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 class Notice extends Component {
   /**
    * Render
@@ -59,7 +58,7 @@ class Notice extends Component {
         className: "newspack-notice__content",
         children: [rawHTML ? _jsx(RawHTML, {
           children: noticeText
-        }) : noticeText, debugMode && __('Debug Mode', 'newspack'), children || null]
+        }) : noticeText, debugMode && __('Debug Mode', 'newspack-plugin'), children || null]
       })]
     });
   }