newspack-components 4.3.0 → 4.4.0-alpha.1

package/dist/cjs/integration-icons/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "activeCampaign", {
+  enumerable: true,
+  get: function get() {
+    return _activeCampaign["default"];
+  }
+});
+Object.defineProperty(exports, "constantContact", {
+  enumerable: true,
+  get: function get() {
+    return _constantContact["default"];
+  }
+});
+Object.defineProperty(exports, "fundraiseUp", {
+  enumerable: true,
+  get: function get() {
+    return _fundraiseUp["default"];
+  }
+});
+Object.defineProperty(exports, "mailchimp", {
+  enumerable: true,
+  get: function get() {
+    return _mailchimp["default"];
+  }
+});
+Object.defineProperty(exports, "salesforce", {
+  enumerable: true,
+  get: function get() {
+    return _salesforce["default"];
+  }
+});
+Object.defineProperty(exports, "wisepops", {
+  enumerable: true,
+  get: function get() {
+    return _wisepops["default"];
+  }
+});
+var _activeCampaign = _interopRequireDefault(require("./active-campaign"));
+var _constantContact = _interopRequireDefault(require("./constant-contact"));
+var _fundraiseUp = _interopRequireDefault(require("./fundraise-up"));
+var _mailchimp = _interopRequireDefault(require("./mailchimp"));
+var _salesforce = _interopRequireDefault(require("./salesforce"));
+var _wisepops = _interopRequireDefault(require("./wisepops"));

package/dist/cjs/integration-icons/mailchimp.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var mailchimp = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M21.5694 14.9382L21.214 13.9313C21.214 13.9313 22.6947 11.6807 19.0226 10.9108C19.0226 10.9108 19.2595 8.12707 17.9565 6.82408C20.7995 4.04046 20.148 -0.16465 13.6922 2.55975C10.3755 -3.77748 -2.41746 11.0884 2.91293 13.4575C2.37994 14.1683 2.37994 17.7218 6.05198 18.0772C8.53946 23.4076 14.5806 23.763 18.075 22.1638C21.5694 20.5647 23.5831 15.4712 21.5694 14.9382ZM5.99277 17.3072C2.97214 17.0111 2.67608 12.8653 5.28199 12.4506C7.88797 12.036 8.53946 17.5442 5.99277 17.3072ZM5.10435 11.6807C4.27514 11.6807 3.26829 12.806 3.26829 12.806C-0.759109 10.8516 10.5532 -2.11914 12.9815 2.91511C12.9815 2.91511 7.05883 5.75802 5.10435 11.6807ZM16.9497 16.7149C16.9497 16.4781 15.7059 17.0703 13.4553 16.3004C13.633 15.0566 16.2982 17.3664 20.7402 14.3459L21.0956 15.5897C22.7539 15.2935 21.0956 20.9201 15.7651 20.8608C11.4416 20.8016 10.0794 16.3596 12.4484 13.9313C12.9223 13.4575 10.7309 12.5099 11.1454 10.4369C11.3232 9.54857 12.0931 8.24557 14.0476 8.60093C16.0021 8.95628 16.4166 7.17944 17.7196 7.83093C19.0226 8.48243 18.2527 10.97 18.4303 11.3253C18.608 11.6807 20.5033 11.7399 20.8587 12.7468C21.214 13.7536 18.4303 15.945 14.1068 15.3527C13.0999 15.2343 12.5077 16.5373 13.1591 17.3664C14.4621 19.2617 19.7926 18.0179 20.681 16.1819C18.4303 17.8995 13.8106 18.551 13.4553 16.7149C14.7583 17.3072 16.9497 16.9519 16.9497 16.7149ZM9.19096 7.35715C10.494 5.75802 12.2116 4.81038 12.2116 4.81038L11.8562 5.69881C11.8562 5.69881 13.0999 4.75117 14.4621 4.75117L13.9884 5.22495C15.5283 5.28424 16.1798 5.87644 16.1798 5.87644C16.1798 5.87644 12.5669 4.81038 9.19096 7.35715ZM17.1866 9.66699C17.9565 9.60778 17.7196 11.3846 17.7196 11.3846H17.2458C17.2458 11.3846 16.4166 9.72621 17.1866 9.66699ZM13.6922 11.6215C13.1591 11.6807 12.5669 11.9768 12.6262 11.7399C12.8631 10.7923 15.0544 11.0292 14.9952 11.8584C14.936 12.6875 14.4621 11.5031 13.6922 11.6215ZM14.936 12.3322C14.9952 12.4506 14.5214 12.3322 14.166 12.3914C13.8106 12.4506 13.4553 12.6283 13.4553 12.5099C13.4553 12.3914 14.8175 11.8584 14.936 12.3322ZM16.1205 12.5099C16.2982 12.1545 17.0089 12.5099 16.8313 12.8653C16.6536 13.2206 15.9428 12.8653 16.1205 12.5099ZM17.6012 12.6283C17.2458 12.6283 17.2458 11.8584 17.6012 11.8584C17.9565 11.8584 17.9565 12.6875 17.6012 12.6875V12.6283ZM6.94033 15.7674C7.11805 15.945 6.58498 16.3004 6.17041 16.0042C5.75584 15.7081 6.64427 14.2867 5.57813 13.9313C4.51206 13.576 4.8082 14.9382 4.51206 14.7605C4.21592 14.5828 4.92663 12.6875 6.17041 13.4575C7.41419 14.2275 5.81505 15.412 6.52576 15.7674C7.23647 16.1227 6.82191 15.6489 6.94033 15.7674Z",
+    fill: "#241C15"
+  })
+});
+var _default = exports["default"] = mailchimp;

package/dist/cjs/integration-icons/salesforce.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var salesforce = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M13.3173 7.24314C14.3498 6.16866 15.7848 5.50017 17.3737 5.50017C19.4877 5.50017 21.3287 6.67965 22.3122 8.42612C23.1661 8.04463 24.1111 7.83113 25.1016 7.83113C28.913 7.83113 32 10.9461 32 14.7925C32 18.639 28.9095 21.7539 25.1016 21.7539C24.6361 21.7539 24.1811 21.7084 23.7436 21.6174C22.8791 23.1574 21.2307 24.2004 19.3407 24.2004C18.5497 24.2004 17.8007 24.0184 17.1357 23.6929C16.2607 25.7543 14.2168 27.1998 11.8403 27.1998C9.46385 27.1998 7.25189 25.6319 6.4399 23.4339C6.0864 23.5074 5.71891 23.5494 5.34092 23.5494C2.39046 23.5494 0 21.1344 0 18.1525C0 16.154 1.07448 14.411 2.67046 13.4765C2.34146 12.7206 2.15947 11.8841 2.15947 11.0091C2.15947 7.57913 4.94192 4.80018 8.37537 4.80018C10.3913 4.80018 12.1833 5.75916 13.3173 7.24314Z",
+    fill: "var(--integration-icon-color, #0D9DDA)"
+  })
+});
+var _default = exports["default"] = salesforce;

package/dist/cjs/integration-icons/wisepops.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var wisepops = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32",
+  fill: "none",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M19.0543 10.8641C19.5935 10.8642 19.9806 11.384 19.8262 11.9008L16.1245 24.2947C16.0225 24.6356 15.7087 24.8698 15.3526 24.8698H10.5242C10.5199 24.8699 10.5155 24.8702 10.5112 24.8702H3.28999C2.96651 24.8702 2.67422 24.6766 2.548 24.3789L0.064734 18.5208C-0.160398 17.9896 0.229352 17.4005 0.80633 17.4004H8.02794C8.35135 17.4004 8.64327 17.5941 8.76954 17.8918L8.99143 18.4154L11.0754 11.4393C11.1773 11.0982 11.4911 10.8641 11.8473 10.8641H19.0543Z",
+    fill: "var(--integration-icon-color, #010101)"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M31.1937 7.12976C31.7311 7.12979 32.1179 7.646 31.9671 8.1617L27.2512 24.2907C27.1508 24.6344 26.8355 24.8702 26.4778 24.8702H19.3384C18.8011 24.8702 18.4142 24.3544 18.5649 23.8387L23.2812 7.70967C23.3816 7.36609 23.6965 7.12981 24.0543 7.12976H31.1937Z",
+    fill: "var(--integration-icon-color, #010101)"
+  })]
+});
+var _default = exports["default"] = wisepops;

package/dist/cjs/modal/index.js

@@ -4,49 +4,52 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "size", "hideTitle"];
 /**
  * Modal
  */
-
 /**
  * WordPress dependencies.
  */
-
 /**
  * Internal dependencies.
  */
-
 /**
  * External dependencies.
  */
-
-const sizeClassMap = {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var sizeClassMap = {
   small: 'newspack-modal--size-small',
   medium: 'newspack-modal--size-medium',
   large: 'newspack-modal--size-large',
   'x-large': 'newspack-modal--size-x-large',
   full: 'newspack-modal--size-full'
 };
-const getSizeClassName = size => sizeClassMap[size] || sizeClassMap.medium;
-function Modal({
-  className,
-  size = 'medium',
-  hideTitle,
-  ...otherProps
-}, ref) {
-  const classes = (0, _classnames.default)('newspack-modal', hideTitle && 'newspack-modal--hide-title',
+var getSizeClassName = function getSizeClassName(size) {
+  return sizeClassMap[size] || sizeClassMap.medium;
+};
+function Modal(_ref, ref) {
+  var className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    hideTitle = _ref.hideTitle,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var classes = (0, _classnames["default"])('newspack-modal', hideTitle && 'newspack-modal--hide-title',
   // Note: also hides the X close button.
   getSizeClassName(size), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
-    className: classes,
-    ...otherProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
+    className: classes
+  }, otherProps), {}, {
     ref: ref
-  });
+  }));
 }
-var _default = exports.default = (0, _element.forwardRef)(Modal);
+var _default = exports["default"] = (0, _element.forwardRef)(Modal);

package/dist/cjs/modal/style.scss

@@ -95,3 +95,7 @@
 		}
 	}
 }
+/** Hide dropdown menus when a modal is open */
+.modal-open .components-popover__content {
+	opacity: 0;
+}

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

@@ -4,55 +4,62 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * Newspack Icon.
- */
-
-/**
+ */ /**
  * WordPress dependencies.
- */
-
-/**
+ */ /**
  * External dependencies.
- */
-
-/**
+ */ /**
  * Internal dependencies.
  */
-
-class NewspackIcon extends _element.Component {
-  /**
-   * Render
-   */
-  render() {
-    const {
-      className,
-      simple,
-      size,
-      white
-    } = this.props;
-    const classes = (0, _classnames.default)('newspack-icon', simple && 'newspack-icon--simple', white && 'newspack-icon--white', className);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: size,
-      width: size,
-      viewBox: "0 0 24 24",
-      className: classes,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M24 12C24 18.6271 18.6271 24 12 24C5.37213 24 0 18.6271 0 12C0 5.3729 5.3729 0 12 0C18.6271 0 24 5.3729 24 12ZM17.4545 17.4546L6.54545 6.54545V17.4545H8.72727V11.8182L14.3636 17.4546H17.4545ZM11.2727 8.18182H17.4545V6.54545H9.63636L11.2727 8.18182ZM17.4545 11.2727H14.3636L12.7273 9.63636H17.4545V11.2727ZM17.4545 12.7273V14.3636L15.8182 12.7273H17.4545Z"
-      })
-    });
+var NewspackIcon = /*#__PURE__*/function (_Component) {
+  function NewspackIcon() {
+    (0, _classCallCheck2["default"])(this, NewspackIcon);
+    return _callSuper(this, NewspackIcon, arguments);
   }
-}
+  (0, _inherits2["default"])(NewspackIcon, _Component);
+  return (0, _createClass2["default"])(NewspackIcon, [{
+    key: "render",
+    value:
+    /**
+     * Render
+     */
+    function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        simple = _this$props.simple,
+        size = _this$props.size,
+        white = _this$props.white;
+      var classes = (0, _classnames["default"])('newspack-icon', simple && 'newspack-icon--simple', white && 'newspack-icon--white', className);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
+        xmlns: "http://www.w3.org/2000/svg",
+        height: size,
+        width: size,
+        viewBox: "0 0 24 24",
+        className: classes,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M24 12C24 18.6271 18.6271 24 12 24C5.37213 24 0 18.6271 0 12C0 5.3729 5.3729 0 12 0C18.6271 0 24 5.3729 24 12ZM17.4545 17.4546L6.54545 6.54545V17.4545H8.72727V11.8182L14.3636 17.4546H17.4545ZM11.2727 8.18182H17.4545V6.54545H9.63636L11.2727 8.18182ZM17.4545 11.2727H14.3636L12.7273 9.63636H17.4545V11.2727ZM17.4545 12.7273V14.3636L15.8182 12.7273H17.4545Z"
+        })
+      });
+    }
+  }]);
+}(_element.Component);
 NewspackIcon.defaultProps = {
   size: 32
 };
-var _default = exports.default = NewspackIcon;
+var _default = exports["default"] = NewspackIcon;

package/dist/cjs/notice/index.js

@@ -4,69 +4,78 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
-/**
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * Notice
- */
-
-/**
+ */ /**
  * WordPress dependencies.
- */
-
-/**
+ */ /**
  * Internal dependencies.
- */
-
-/**
+ */ /**
  * External dependencies.
  */
-
-class Notice extends _element.Component {
-  /**
-   * Render
-   */
-  render() {
-    const {
-      className,
-      debugMode,
-      isError,
-      isHandoff,
-      isHelp,
-      isSuccess,
-      isWarning,
-      noticeText,
-      rawHTML,
-      style = {},
-      children = null
-    } = this.props;
-    const classes = (0, _classnames.default)('newspack-notice', className, debugMode && 'newspack-notice__is-debug', isError && 'newspack-notice__is-error', isHandoff && 'newspack-notice__is-handoff', isHelp && 'newspack-notice__is-help', isSuccess && 'newspack-notice__is-success', isWarning && 'newspack-notice__is-warning');
-    let noticeIcon;
-    if (isHelp) {
-      noticeIcon = _icons.help;
-    } else if (isSuccess) {
-      noticeIcon = _icons.check;
-    } else if (debugMode) {
-      noticeIcon = _icons.bug;
-    } else {
-      noticeIcon = _icons.info;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classes,
-      style: style,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        icon: noticeIcon
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "newspack-notice__content",
-        children: [rawHTML ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
-          children: noticeText
-        }) : noticeText, children || null]
-      })]
-    });
+var Notice = /*#__PURE__*/function (_Component) {
+  function Notice() {
+    (0, _classCallCheck2["default"])(this, Notice);
+    return _callSuper(this, Notice, arguments);
   }
-}
-var _default = exports.default = Notice;
+  (0, _inherits2["default"])(Notice, _Component);
+  return (0, _createClass2["default"])(Notice, [{
+    key: "render",
+    value:
+    /**
+     * Render
+     */
+    function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        debugMode = _this$props.debugMode,
+        isError = _this$props.isError,
+        isHandoff = _this$props.isHandoff,
+        isHelp = _this$props.isHelp,
+        isSuccess = _this$props.isSuccess,
+        isWarning = _this$props.isWarning,
+        noticeText = _this$props.noticeText,
+        rawHTML = _this$props.rawHTML,
+        _this$props$style = _this$props.style,
+        style = _this$props$style === void 0 ? {} : _this$props$style,
+        _this$props$children = _this$props.children,
+        children = _this$props$children === void 0 ? null : _this$props$children;
+      var classes = (0, _classnames["default"])('newspack-notice', className, debugMode && 'newspack-notice__is-debug', isError && 'newspack-notice__is-error', isHandoff && 'newspack-notice__is-handoff', isHelp && 'newspack-notice__is-help', isSuccess && 'newspack-notice__is-success', isWarning && 'newspack-notice__is-warning');
+      var noticeIcon;
+      if (isHelp) {
+        noticeIcon = _icons.help;
+      } else if (isSuccess) {
+        noticeIcon = _icons.check;
+      } else if (debugMode) {
+        noticeIcon = _icons.bug;
+      } else {
+        noticeIcon = _icons.info;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes,
+        style: style,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+          icon: noticeIcon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "newspack-notice__content",
+          children: [rawHTML ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_element.RawHTML, {
+            children: noticeText
+          }) : noticeText, children || null]
+        })]
+      });
+    }
+  }]);
+}(_element.Component);
+var _default = exports["default"] = Notice;