newspack-components 4.3.0 → 4.4.0-alpha.1

package/dist/esm/wizard/store/index.js

@@ -1,3 +1,9 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+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) { _defineProperty(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; }
 /**
  * External dependencies.
  */
@@ -11,8 +17,8 @@ import isEmpty from 'lodash/isEmpty';
 import apiFetch from '@wordpress/api-fetch';
 import { createReduxStore, register, dispatch, select } from '@wordpress/data';
 import { createAction } from './utils.js';
-export const WIZARD_STORE_NAMESPACE = 'newspack/wizards';
-const DEFAULT_STATE = {
+export var WIZARD_STORE_NAMESPACE = 'newspack/wizards';
+var DEFAULT_STATE = {
   headerData: {
     actions: [],
     backNav: '',
@@ -33,73 +39,69 @@ const DEFAULT_STATE = {
  * on deep state change (via lodash's set function)
  * unless the state was cloned first.
  */
-const clone = objectToClone => JSON.parse(JSON.stringify(objectToClone));
-const reducer = (state = DEFAULT_STATE, {
-  type,
-  payload = {}
-}) => {
+var clone = function clone(objectToClone) {
+  return JSON.parse(JSON.stringify(objectToClone));
+};
+var reducer = function reducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_STATE;
+  var _ref = arguments.length > 1 ? arguments[1] : undefined,
+    type = _ref.type,
+    _ref$payload = _ref.payload,
+    payload = _ref$payload === void 0 ? {} : _ref$payload;
   switch (type) {
     case 'SET_HEADER_DATA':
-      return {
-        ...state,
-        headerData: {
-          ...state.headerData,
-          ...payload
-        }
-      };
+      return _objectSpread(_objectSpread({}, state), {}, {
+        headerData: _objectSpread(_objectSpread({}, state.headerData), payload)
+      });
     case 'RESET_HEADER_DATA':
-      return {
-        ...state,
-        headerData: {
-          ...DEFAULT_STATE.headerData
-        }
-      };
+      return _objectSpread(_objectSpread({}, state), {}, {
+        headerData: _objectSpread({}, DEFAULT_STATE.headerData)
+      });
     case 'START_LOADING_DATA':
       if (payload.isQuietLoading) {
-        return {
-          ...state,
+        return _objectSpread(_objectSpread({}, state), {}, {
           isQuietLoading: true
-        };
+        });
       }
-      return {
-        ...state,
+      return _objectSpread(_objectSpread({}, state), {}, {
         isLoading: true
-      };
+      });
     case 'FINISH_LOADING_DATA':
-      return {
-        ...state,
+      return _objectSpread(_objectSpread({}, state), {}, {
         isLoading: false,
         isQuietLoading: false
-      };
+      });
     case 'SET_API_DATA':
-      return set(clone(state), ['apiData', payload.slug], payload.data);
+      return _objectSpread(_objectSpread({}, state), {}, {
+        apiData: set(clone(state.apiData), [payload.slug], payload.data)
+      });
     case 'UPDATE_WIZARD_SETTINGS':
-      return set(clone(state), ['apiData', payload.slug, ...payload.path], payload.value);
+      return _objectSpread(_objectSpread({}, state), {}, {
+        apiData: set(clone(state.apiData), [payload.slug].concat(_toConsumableArray(payload.path)), payload.value)
+      });
     case 'ADD_NOTICE':
-      return {
-        ...state,
-        notices: [...state.notices, payload]
-      };
+      return _objectSpread(_objectSpread({}, state), {}, {
+        notices: [].concat(_toConsumableArray(state.notices), [payload])
+      });
     case 'REMOVE_NOTICE':
-      return {
-        ...state,
-        notices: state.notices.filter(notice => notice.id !== payload)
-      };
+      return _objectSpread(_objectSpread({}, state), {}, {
+        notices: state.notices.filter(function (notice) {
+          return notice.id !== payload;
+        })
+      });
     case 'SET_ERROR':
-      return {
-        ...state,
+      return _objectSpread(_objectSpread({}, state), {}, {
         error: payload
-      };
+      });
     case 'RESET_NOTICES':
-      return {
-        ...state,
+      return _objectSpread(_objectSpread({}, state), {}, {
         notices: DEFAULT_STATE.notices
-      };
+      });
     default:
       return state;
   }
 };
-const actions = {
+var actions = {
   // Regular actions.
   setHeaderData: createAction('SET_HEADER_DATA'),
   resetHeaderData: createAction('RESET_HEADER_DATA'),
@@ -113,97 +115,148 @@ const actions = {
   resetNotices: createAction('RESET_NOTICES'),
   setError: createAction('SET_ERROR'),
   // Async actions. These will not show up in Redux devtools.
-  *saveWizardSettings({
-    slug,
-    section = '',
-    payloadPath = false,
-    auxData = {},
-    updatePayload = null
-  }) {
-    // Optionally data can be updated before saving - an immediate update case
-    // (without an explicit "save" action).
-    if (updatePayload) {
-      yield actions.updateWizardSettings({
-        slug,
-        ...updatePayload
-      });
-    }
-    const wizardState = select(WIZARD_STORE_NAMESPACE).getWizardAPIData(slug);
-    const data = payloadPath ? get(wizardState, payloadPath) : wizardState;
-    const updatedData = yield actions.fetchFromAPI({
-      path: `/newspack/v1/wizard/${slug}/${section}`,
-      method: 'POST',
-      data: {
-        ...data,
-        ...auxData
-      },
-      isQuietFetch: true
-    });
-    if (!isEmpty(updatedData) && !updatedData.error) {
-      return actions.setAPIDataForWizard({
-        slug,
-        data: updatedData
-      });
-    }
+  saveWizardSettings: function saveWizardSettings(_ref2) {
+    var slug = _ref2.slug,
+      _ref2$section = _ref2.section,
+      section = _ref2$section === void 0 ? '' : _ref2$section,
+      _ref2$payloadPath = _ref2.payloadPath,
+      payloadPath = _ref2$payloadPath === void 0 ? false : _ref2$payloadPath,
+      _ref2$auxData = _ref2.auxData,
+      auxData = _ref2$auxData === void 0 ? {} : _ref2$auxData,
+      _ref2$updatePayload = _ref2.updatePayload,
+      updatePayload = _ref2$updatePayload === void 0 ? null : _ref2$updatePayload;
+    return /*#__PURE__*/_regenerator().m(function _callee() {
+      var wizardState, data, updatedData;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (!updatePayload) {
+              _context.n = 1;
+              break;
+            }
+            _context.n = 1;
+            return actions.updateWizardSettings(_objectSpread({
+              slug: slug
+            }, updatePayload));
+          case 1:
+            wizardState = select(WIZARD_STORE_NAMESPACE).getWizardAPIData(slug);
+            data = payloadPath ? get(wizardState, payloadPath) : wizardState;
+            _context.n = 2;
+            return actions.fetchFromAPI({
+              path: "/newspack/v1/wizard/".concat(slug, "/").concat(section),
+              method: 'POST',
+              data: _objectSpread(_objectSpread({}, data), auxData),
+              isQuietFetch: true
+            });
+          case 2:
+            updatedData = _context.v;
+            if (!(!isEmpty(updatedData) && !updatedData.error)) {
+              _context.n = 3;
+              break;
+            }
+            return _context.a(2, actions.setAPIDataForWizard({
+              slug: slug,
+              data: updatedData
+            }));
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee);
+    })();
   },
-  *wizardApiFetch(fetchConfig) {
-    // Just a proxy to fetchFromAPI, but it has to be a generator.
-    const result = yield actions.fetchFromAPI(fetchConfig);
-    return result;
-  }
+  wizardApiFetch: /*#__PURE__*/_regenerator().m(function wizardApiFetch(fetchConfig) {
+    var result;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          _context2.n = 1;
+          return actions.fetchFromAPI(fetchConfig);
+        case 1:
+          result = _context2.v;
+          return _context2.a(2, result);
+      }
+    }, wizardApiFetch);
+  })
 };
-const selectors = {
-  getHeaderData: state => state.headerData,
-  isLoading: state => state.isLoading,
-  isQuietLoading: state => state.isQuietLoading,
-  getWizardAPIData: (state, slug) => state.apiData[slug] || {},
-  getWizardData: (state, slug) => {
+var selectors = {
+  getHeaderData: function getHeaderData(state) {
+    return state.headerData;
+  },
+  isLoading: function isLoading(state) {
+    return state.isLoading;
+  },
+  isQuietLoading: function isQuietLoading(state) {
+    return state.isQuietLoading;
+  },
+  getWizardAPIData: function getWizardAPIData(state, slug) {
+    return state.apiData[slug] || {};
+  },
+  getWizardData: function getWizardData(state, slug) {
     var _state$apiData$slug;
     return (_state$apiData$slug = state.apiData[slug]) !== null && _state$apiData$slug !== void 0 ? _state$apiData$slug : {};
   },
-  getNotices: state => state.notices,
-  getError: state => state.error
+  getNotices: function getNotices(state) {
+    return state.notices;
+  },
+  getError: function getError(state) {
+    return state.error;
+  }
 };
-const store = createReduxStore(WIZARD_STORE_NAMESPACE, {
-  reducer,
-  actions,
-  selectors,
+var store = createReduxStore(WIZARD_STORE_NAMESPACE, {
+  reducer: reducer,
+  actions: actions,
+  selectors: selectors,
   controls: {
-    FETCH_FROM_API: action => {
-      const {
-        isLocalError = false,
-        isQuietFetch = false
-      } = action.payload;
+    FETCH_FROM_API: function FETCH_FROM_API(action) {
+      var _action$payload = action.payload,
+        _action$payload$isLoc = _action$payload.isLocalError,
+        isLocalError = _action$payload$isLoc === void 0 ? false : _action$payload$isLoc,
+        _action$payload$isQui = _action$payload.isQuietFetch,
+        isQuietFetch = _action$payload$isQui === void 0 ? false : _action$payload$isQui;
       dispatch(WIZARD_STORE_NAMESPACE).startLoadingData({
         isQuietLoading: Boolean(isQuietFetch)
       });
-      return apiFetch(action.payload).then(data => {
+      return apiFetch(action.payload).then(function (data) {
         dispatch(WIZARD_STORE_NAMESPACE).setError(null);
         return data;
-      }).catch(error => {
+      })["catch"](function (error) {
         if (isLocalError) {
           throw error;
         }
         dispatch(WIZARD_STORE_NAMESPACE).setError(error);
-      }).finally(result => {
+      })["finally"](function (result) {
         dispatch(WIZARD_STORE_NAMESPACE).finishLoadingData();
         return result;
       });
     }
   },
   resolvers: {
-    *getWizardAPIData(slug) {
-      if (slug) {
-        const data = yield actions.fetchFromAPI({
-          path: `/newspack/v1/wizard/${slug}`
-        });
-        return actions.setAPIDataForWizard({
-          slug,
-          data
-        });
-      }
-      return actions.finishLoadingData();
-    }
+    getWizardAPIData: /*#__PURE__*/_regenerator().m(function getWizardAPIData(slug) {
+      var data;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            if (!slug) {
+              _context3.n = 2;
+              break;
+            }
+            _context3.n = 1;
+            return actions.fetchFromAPI({
+              path: "/newspack/v1/wizard/".concat(slug)
+            });
+          case 1:
+            data = _context3.v;
+            return _context3.a(2, actions.setAPIDataForWizard({
+              slug: slug,
+              data: data
+            }));
+          case 2:
+            return _context3.a(2, actions.finishLoadingData());
+        }
+      }, getWizardAPIData);
+    })
   }
 });
-export default () => register(store);
+export default (function () {
+  return register(store);
+});

package/dist/esm/wizard/store/utils.js

@@ -7,10 +7,17 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import { WIZARD_STORE_NAMESPACE } from '.';
-export const createAction = type => payload => ({
-  type,
-  payload
-});
-export const useWizardData = (wizardName, defaultValue = {}) => {
-  return useSelect(select => select(WIZARD_STORE_NAMESPACE).getWizardAPIData(wizardName)) || defaultValue;
+export var createAction = function createAction(type) {
+  return function (payload) {
+    return {
+      type: type,
+      payload: payload
+    };
+  };
+};
+export var useWizardData = function useWizardData(wizardName) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useSelect(function (select) {
+    return select(WIZARD_STORE_NAMESPACE).getWizardAPIData(wizardName);
+  }) || defaultValue;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "newspack-components",
-	"version": "4.3.0",
+	"version": "4.4.0-alpha.1",
 	"description": "Newspack design system components",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,31 +15,44 @@
 	"homepage": "https://github.com/Automattic/newspack-plugin",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/Automattic/newspack-plugin.git",
-		"directory": "src/components"
+		"url": "git+https://github.com/Automattic/newspack-workspace.git",
+		"directory": "packages/components"
 	},
 	"main": "dist/esm/index.js",
 	"publishConfig": {
 		"access": "public"
 	},
 	"dependencies": {
-		"@wordpress/base-styles": "^6.0.0",
-		"@wordpress/components": "^32.0.0",
-		"@wordpress/element": "^6.0.0",
-		"@wordpress/i18n": "^6.0.0",
-		"@wordpress/icons": "^11.0.0",
 		"classnames": "^2.3.1",
 		"lodash": "^4.17.21",
 		"moment-range": "^3.1.1",
-		"qs": "^6.10.1",
-		"react-router-dom": "^5.3.4"
+		"qs": "^6.15.2",
+		"react-router-dom": "^5.3.4",
+		"@babel/runtime": "^7.29.7",
+		"colord": "^2.9.0"
+	},
+	"peerDependencies": {
+		"@wordpress/api-fetch": "^7.48.0",
+		"@wordpress/base-styles": "^6.9.0",
+		"@wordpress/components": "^30.6.0",
+		"@wordpress/compose": "^7.33.0",
+		"@wordpress/data": "^10.48.0",
+		"@wordpress/dataviews": "^10.2.0",
+		"@wordpress/dom-ready": "^4.48.0",
+		"@wordpress/element": "^6.33.0",
+		"@wordpress/hooks": "^4.48.0",
+		"@wordpress/html-entities": "^4.48.0",
+		"@wordpress/i18n": "^6.21.0",
+		"@wordpress/icons": "^11.0.0",
+		"@wordpress/keycodes": "^4.48.0",
+		"@wordpress/url": "^4.48.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.24.0",
-		"@babel/core": "^7.24.0",
-		"@babel/preset-env": "^7.24.7",
-		"@babel/preset-react": "^7.24.7",
-		"@babel/preset-typescript": "^7.24.7",
+		"@babel/cli": "^7.29.7",
+		"@babel/core": "^7.29.7",
+		"@babel/preset-env": "^7.29.7",
+		"@babel/preset-react": "^7.29.7",
+		"@babel/preset-typescript": "^7.29.7",
 		"recursive-copy": "^2.0.0"
 	},
 	"babel": {
@@ -55,6 +68,7 @@
 		"compile:esm": "babel src --extensions='.js,.jsx,.ts,.tsx' --out-dir dist/esm",
 		"compile": "npm run compile:cjs && npm run compile:esm",
 		"prepublishOnly": "npm run clean && npm run compile && node copy-styles.js",
-		"postpublish": "npm run clean"
+		"postpublish": "npm run clean",
+		"build": "npm run clean && npm run compile && node copy-styles.js"
 	}
 }

package/release.config.js

@@ -0,0 +1 @@
+module.exports = require( '../../config/release-package' );