@blaze-cms/admin 1.1.0-rc-eagle-3.1 → 1.1.0-rc-eagle-3.2

package/lib/blaze.config.js

@@ -14,6 +14,7 @@ var _pluginMediaUi = _interopRequireDefault(require("@blaze-cms/plugin-media-ui"
 var _pluginGtmUi = _interopRequireDefault(require("@blaze-cms/plugin-gtm-ui"));
 var _pluginGoogleMapsUi = _interopRequireDefault(require("@blaze-cms/plugin-google-maps-ui"));
 var _pluginRenderHooksUi = _interopRequireDefault(require("@blaze-cms/plugin-render-hooks-ui"));
+var _pluginWorkflowUi = _interopRequireDefault(require("@blaze-cms/plugin-workflow-ui"));
 const plugins = new Map();
 plugins.set(_pluginAuthLocalUi.default, {});
 plugins.set(_pluginAdminCoreUi.default, {});
@@ -24,6 +25,7 @@ plugins.set(_pluginMediaUi.default, {});
 plugins.set(_pluginGtmUi.default, {});
 plugins.set(_pluginGoogleMapsUi.default, {});
 plugins.set(_pluginRenderHooksUi.default, {});
+plugins.set(_pluginWorkflowUi.default, {});
 const apollo = {
   addTypename: false
 };

package/lib/blaze.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"blaze.config.js","names":["_pluginAuthLocalUi","_interopRequireDefault","require","_pluginAdminCoreUi","_pluginAuthUi","_pluginDataUi","_pluginPageBuilderUi","_pluginMediaUi","_pluginGtmUi","_pluginGoogleMapsUi","_pluginRenderHooksUi","plugins","Map","set","authLocal","coreUI","auth","data","pageBuilder","media","gtm","googleMaps","renderHooks","apollo","addTypename","_default","exports","default"],"sources":["../src/blaze.config.js"],"sourcesContent":["import authLocal from '@blaze-cms/plugin-auth-local-ui';\nimport coreUI from '@blaze-cms/plugin-admin-core-ui';\nimport auth from '@blaze-cms/plugin-auth-ui';\nimport data from '@blaze-cms/plugin-data-ui';\nimport pageBuilder from '@blaze-cms/plugin-page-builder-ui';\nimport media from '@blaze-cms/plugin-media-ui';\nimport gtm from '@blaze-cms/plugin-gtm-ui';\nimport googleMaps from '@blaze-cms/plugin-google-maps-ui';\nimport renderHooks from '@blaze-cms/plugin-render-hooks-ui';\n\nconst plugins = new Map();\nplugins.set(authLocal, {});\nplugins.set(coreUI, {});\nplugins.set(auth, {});\nplugins.set(data, {});\nplugins.set(pageBuilder, {});\nplugins.set(media, {});\nplugins.set(gtm, {});\nplugins.set(googleMaps, {});\nplugins.set(renderHooks, {});\n\nconst apollo = { addTypename: false };\nexport default { plugins, apollo };\n"],"mappings":";;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,MAAMS,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACC,0BAAS,EAAE,CAAC,CAAC,CAAC;AAC1BH,OAAO,CAACE,GAAG,CAACE,0BAAM,EAAE,CAAC,CAAC,CAAC;AACvBJ,OAAO,CAACE,GAAG,CAACG,qBAAI,EAAE,CAAC,CAAC,CAAC;AACrBL,OAAO,CAACE,GAAG,CAACI,qBAAI,EAAE,CAAC,CAAC,CAAC;AACrBN,OAAO,CAACE,GAAG,CAACK,4BAAW,EAAE,CAAC,CAAC,CAAC;AAC5BP,OAAO,CAACE,GAAG,CAACM,sBAAK,EAAE,CAAC,CAAC,CAAC;AACtBR,OAAO,CAACE,GAAG,CAACO,oBAAG,EAAE,CAAC,CAAC,CAAC;AACpBT,OAAO,CAACE,GAAG,CAACQ,2BAAU,EAAE,CAAC,CAAC,CAAC;AAC3BV,OAAO,CAACE,GAAG,CAACS,4BAAW,EAAE,CAAC,CAAC,CAAC;AAE5B,MAAMC,MAAM,GAAG;EAAEC,WAAW,EAAE;AAAM,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACvB;EAAEhB,OAAO;EAAEY;AAAO,CAAC","ignoreList":[]}
+{"version":3,"file":"blaze.config.js","names":["_pluginAuthLocalUi","_interopRequireDefault","require","_pluginAdminCoreUi","_pluginAuthUi","_pluginDataUi","_pluginPageBuilderUi","_pluginMediaUi","_pluginGtmUi","_pluginGoogleMapsUi","_pluginRenderHooksUi","_pluginWorkflowUi","plugins","Map","set","authLocal","coreUI","auth","data","pageBuilder","media","gtm","googleMaps","renderHooks","workflow","apollo","addTypename","_default","exports","default"],"sources":["../src/blaze.config.js"],"sourcesContent":["import authLocal from '@blaze-cms/plugin-auth-local-ui';\nimport coreUI from '@blaze-cms/plugin-admin-core-ui';\nimport auth from '@blaze-cms/plugin-auth-ui';\nimport data from '@blaze-cms/plugin-data-ui';\nimport pageBuilder from '@blaze-cms/plugin-page-builder-ui';\nimport media from '@blaze-cms/plugin-media-ui';\nimport gtm from '@blaze-cms/plugin-gtm-ui';\nimport googleMaps from '@blaze-cms/plugin-google-maps-ui';\nimport renderHooks from '@blaze-cms/plugin-render-hooks-ui';\nimport workflow from '@blaze-cms/plugin-workflow-ui';\n\nconst plugins = new Map();\nplugins.set(authLocal, {});\nplugins.set(coreUI, {});\nplugins.set(auth, {});\nplugins.set(data, {});\nplugins.set(pageBuilder, {});\nplugins.set(media, {});\nplugins.set(gtm, {});\nplugins.set(googleMaps, {});\nplugins.set(renderHooks, {});\nplugins.set(workflow, {});\n\nconst apollo = { addTypename: false };\nexport default { plugins, apollo };\n"],"mappings":";;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,iBAAA,GAAAV,sBAAA,CAAAC,OAAA;AAEA,MAAMU,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACC,0BAAS,EAAE,CAAC,CAAC,CAAC;AAC1BH,OAAO,CAACE,GAAG,CAACE,0BAAM,EAAE,CAAC,CAAC,CAAC;AACvBJ,OAAO,CAACE,GAAG,CAACG,qBAAI,EAAE,CAAC,CAAC,CAAC;AACrBL,OAAO,CAACE,GAAG,CAACI,qBAAI,EAAE,CAAC,CAAC,CAAC;AACrBN,OAAO,CAACE,GAAG,CAACK,4BAAW,EAAE,CAAC,CAAC,CAAC;AAC5BP,OAAO,CAACE,GAAG,CAACM,sBAAK,EAAE,CAAC,CAAC,CAAC;AACtBR,OAAO,CAACE,GAAG,CAACO,oBAAG,EAAE,CAAC,CAAC,CAAC;AACpBT,OAAO,CAACE,GAAG,CAACQ,2BAAU,EAAE,CAAC,CAAC,CAAC;AAC3BV,OAAO,CAACE,GAAG,CAACS,4BAAW,EAAE,CAAC,CAAC,CAAC;AAC5BX,OAAO,CAACE,GAAG,CAACU,yBAAQ,EAAE,CAAC,CAAC,CAAC;AAEzB,MAAMC,MAAM,GAAG;EAAEC,WAAW,EAAE;AAAM,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACvB;EAAEjB,OAAO;EAAEa;AAAO,CAAC","ignoreList":[]}

package/lib/components/ConfirmAction/ConfirmAction.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _modal = _interopRequireDefault(require("@blaze-react/modal"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const normalise = value => value.replace(/[\s,]/g, '');
+
+// with confirmPhrase, confirming only runs once the phrase has been typed, for large or irreversible actions
+const ConfirmAction = ({
+  onClose,
+  onConfirm,
+  confirmLabel,
+  confirmPhrase,
+  children
+}) => {
+  const phraseId = (0, _react.useId)();
+  const [typed, setTyped] = (0, _react.useState)('');
+  const [showHint, setShowHint] = (0, _react.useState)(false);
+  const confirmed = !confirmPhrase || normalise(typed) === normalise(confirmPhrase);
+  const alertActions = [{
+    callback: event => {
+      event.stopPropagation();
+      if (!confirmed) {
+        setShowHint(true);
+        return;
+      }
+      onConfirm();
+    },
+    modifiers: confirmed ? ['small'] : ['small', 'disabled'],
+    textButton: confirmLabel
+  }];
+  return /*#__PURE__*/_react.default.createElement(_modal.default, {
+    actions: alertActions,
+    onClose: onClose,
+    isAlert: true
+  }, children, confirmPhrase && /*#__PURE__*/_react.default.createElement("div", {
+    className: "confirm-action__confirm"
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: phraseId
+  }, "Type ", /*#__PURE__*/_react.default.createElement("strong", null, confirmPhrase), " to confirm"), /*#__PURE__*/_react.default.createElement("input", {
+    id: phraseId,
+    type: "text",
+    inputMode: "numeric",
+    autoComplete: "off",
+    value: typed,
+    onChange: ({
+      target: {
+        value
+      }
+    }) => {
+      setTyped(value);
+      setShowHint(false);
+    }
+  }), showHint && /*#__PURE__*/_react.default.createElement("p", {
+    role: "alert"
+  }, "Type ", confirmPhrase, " to ", confirmLabel.toLowerCase(), " them all")));
+};
+ConfirmAction.propTypes = {
+  onClose: _propTypes.default.func.isRequired,
+  onConfirm: _propTypes.default.func.isRequired,
+  confirmLabel: _propTypes.default.string.isRequired,
+  confirmPhrase: _propTypes.default.string,
+  children: _propTypes.default.node
+};
+ConfirmAction.defaultProps = {
+  confirmPhrase: null,
+  children: null
+};
+var _default = exports.default = ConfirmAction;
+//# sourceMappingURL=ConfirmAction.js.map

package/lib/components/ConfirmAction/ConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmAction.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_modal","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normalise","value","replace","ConfirmAction","onClose","onConfirm","confirmLabel","confirmPhrase","children","phraseId","useId","typed","setTyped","useState","showHint","setShowHint","confirmed","alertActions","callback","event","stopPropagation","modifiers","textButton","createElement","actions","isAlert","className","htmlFor","id","type","inputMode","autoComplete","onChange","target","role","toLowerCase","propTypes","PropTypes","func","isRequired","string","node","defaultProps","_default","exports"],"sources":["../../../src/components/ConfirmAction/ConfirmAction.js"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\n\nconst normalise = value => value.replace(/[\\s,]/g, '');\n\n// with confirmPhrase, confirming only runs once the phrase has been typed, for large or irreversible actions\nconst ConfirmAction = ({ onClose, onConfirm, confirmLabel, confirmPhrase, children }) => {\n  const phraseId = useId();\n  const [typed, setTyped] = useState('');\n  const [showHint, setShowHint] = useState(false);\n  const confirmed = !confirmPhrase || normalise(typed) === normalise(confirmPhrase);\n\n  const alertActions = [\n    {\n      callback: event => {\n        event.stopPropagation();\n        if (!confirmed) {\n          setShowHint(true);\n          return;\n        }\n        onConfirm();\n      },\n      modifiers: confirmed ? ['small'] : ['small', 'disabled'],\n      textButton: confirmLabel\n    }\n  ];\n\n  return (\n    <Modal actions={alertActions} onClose={onClose} isAlert>\n      {children}\n      {confirmPhrase && (\n        <div className=\"confirm-action__confirm\">\n          <label htmlFor={phraseId}>\n            Type <strong>{confirmPhrase}</strong> to confirm\n          </label>\n          <input\n            id={phraseId}\n            type=\"text\"\n            inputMode=\"numeric\"\n            autoComplete=\"off\"\n            value={typed}\n            onChange={({ target: { value } }) => {\n              setTyped(value);\n              setShowHint(false);\n            }}\n          />\n          {showHint && (\n            <p role=\"alert\">\n              Type {confirmPhrase} to {confirmLabel.toLowerCase()} them all\n            </p>\n          )}\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nConfirmAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  onConfirm: PropTypes.func.isRequired,\n  confirmLabel: PropTypes.string.isRequired,\n  confirmPhrase: PropTypes.string,\n  children: PropTypes.node\n};\n\nConfirmAction.defaultProps = {\n  confirmPhrase: null,\n  children: null\n};\n\nexport default ConfirmAction;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ConfirmAction/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ConfirmAction = _interopRequireDefault(require("./ConfirmAction"));
+var _default = exports.default = _ConfirmAction.default;
+//# sourceMappingURL=index.js.map

package/lib/components/ConfirmAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ConfirmAction","_interopRequireDefault","require","_default","exports","default","ConfirmAction"],"sources":["../../../src/components/ConfirmAction/index.js"],"sourcesContent":["import ConfirmAction from './ConfirmAction';\n\nexport default ConfirmAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE7BC,sBAAa","ignoreList":[]}

package/lib/components/DeleteAction/DeleteAction.js

@@ -7,33 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _modal = _interopRequireDefault(require("@blaze-react/modal"));
+var _ConfirmAction = _interopRequireDefault(require("../ConfirmAction"));
 const DeleteAction = ({
   onClose,
   deleteAction,
-  itemName
-}) => {
-  const alertActions = [{
-    callback: event => {
-      event.stopPropagation();
-      deleteAction();
-    },
-    modifiers: ['small'],
-    textButton: 'Delete'
-  }];
-  return /*#__PURE__*/_react.default.createElement(_modal.default, {
-    actions: alertActions,
-    onClose: onClose,
-    isAlert: true
-  }, /*#__PURE__*/_react.default.createElement("p", null, "You are about to delete: ", /*#__PURE__*/_react.default.createElement("strong", null, itemName)));
-};
+  itemName,
+  confirmPhrase
+}) => /*#__PURE__*/_react.default.createElement(_ConfirmAction.default, {
+  onClose: onClose,
+  onConfirm: deleteAction,
+  confirmLabel: "Delete",
+  confirmPhrase: confirmPhrase
+}, /*#__PURE__*/_react.default.createElement("p", null, "You are about to delete: ", /*#__PURE__*/_react.default.createElement("strong", null, itemName)));
 DeleteAction.propTypes = {
   onClose: _propTypes.default.func.isRequired,
   deleteAction: _propTypes.default.func.isRequired,
-  itemName: _propTypes.default.string
+  itemName: _propTypes.default.string,
+  confirmPhrase: _propTypes.default.string
 };
 DeleteAction.defaultProps = {
-  itemName: ''
+  itemName: '',
+  confirmPhrase: null
 };
 var _default = exports.default = DeleteAction;
 //# sourceMappingURL=DeleteAction.js.map

package/lib/components/DeleteAction/DeleteAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteAction.js","names":["_react","_interopRequireDefault","require","_propTypes","_modal","DeleteAction","onClose","deleteAction","itemName","alertActions","callback","event","stopPropagation","modifiers","textButton","default","createElement","actions","isAlert","propTypes","PropTypes","func","isRequired","string","defaultProps","_default","exports"],"sources":["../../../src/components/DeleteAction/DeleteAction.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\n\nconst DeleteAction = ({ onClose, deleteAction, itemName }) => {\n  const alertActions = [\n    {\n      callback: event => {\n        event.stopPropagation();\n        deleteAction();\n      },\n      modifiers: ['small'],\n      textButton: 'Delete'\n    }\n  ];\n\n  return (\n    <Modal actions={alertActions} onClose={onClose} isAlert>\n      <p>\n        You are about to delete: <strong>{itemName}</strong>\n      </p>\n    </Modal>\n  );\n};\n\nDeleteAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  deleteAction: PropTypes.func.isRequired,\n  itemName: PropTypes.string\n};\n\nDeleteAction.defaultProps = {\n  itemName: ''\n};\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAS,CAAC,KAAK;EAC5D,MAAMC,YAAY,GAAG,CACnB;IACEC,QAAQ,EAAEC,KAAK,IAAI;MACjBA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBL,YAAY,CAAC,CAAC;IAChB,CAAC;IACDM,SAAS,EAAE,CAAC,OAAO,CAAC;IACpBC,UAAU,EAAE;EACd,CAAC,CACF;EAED,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAW,OAAK;IAACE,OAAO,EAAER,YAAa;IAACH,OAAO,EAAEA,OAAQ;IAACY,OAAO;EAAA,gBACrDlB,MAAA,CAAAe,OAAA,CAAAC,aAAA,YAAG,2BACwB,eAAAhB,MAAA,CAAAe,OAAA,CAAAC,aAAA,iBAASR,QAAiB,CAClD,CACE,CAAC;AAEZ,CAAC;AAEDH,YAAY,CAACc,SAAS,GAAG;EACvBb,OAAO,EAAEc,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClCf,YAAY,EAAEa,kBAAS,CAACC,IAAI,CAACC,UAAU;EACvCd,QAAQ,EAAEY,kBAAS,CAACG;AACtB,CAAC;AAEDlB,YAAY,CAACmB,YAAY,GAAG;EAC1BhB,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEaV,YAAY","ignoreList":[]}
+{"version":3,"file":"DeleteAction.js","names":["_react","_interopRequireDefault","require","_propTypes","_ConfirmAction","DeleteAction","onClose","deleteAction","itemName","confirmPhrase","default","createElement","onConfirm","confirmLabel","propTypes","PropTypes","func","isRequired","string","defaultProps","_default","exports"],"sources":["../../../src/components/DeleteAction/DeleteAction.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ConfirmAction from '../ConfirmAction';\n\nconst DeleteAction = ({ onClose, deleteAction, itemName, confirmPhrase }) => (\n  <ConfirmAction\n    onClose={onClose}\n    onConfirm={deleteAction}\n    confirmLabel=\"Delete\"\n    confirmPhrase={confirmPhrase}>\n    <p>\n      You are about to delete: <strong>{itemName}</strong>\n    </p>\n  </ConfirmAction>\n);\n\nDeleteAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  deleteAction: PropTypes.func.isRequired,\n  itemName: PropTypes.string,\n  confirmPhrase: PropTypes.string\n};\n\nDeleteAction.defaultProps = {\n  itemName: '',\n  confirmPhrase: null\n};\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAAc,CAAC,kBACtET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAM,OAAa;EACZJ,OAAO,EAAEA,OAAQ;EACjBM,SAAS,EAAEL,YAAa;EACxBM,YAAY,EAAC,QAAQ;EACrBJ,aAAa,EAAEA;AAAc,gBAC7BT,MAAA,CAAAU,OAAA,CAAAC,aAAA,YAAG,2BACwB,eAAAX,MAAA,CAAAU,OAAA,CAAAC,aAAA,iBAASH,QAAiB,CAClD,CACU,CAChB;AAEDH,YAAY,CAACS,SAAS,GAAG;EACvBR,OAAO,EAAES,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClCV,YAAY,EAAEQ,kBAAS,CAACC,IAAI,CAACC,UAAU;EACvCT,QAAQ,EAAEO,kBAAS,CAACG,MAAM;EAC1BT,aAAa,EAAEM,kBAAS,CAACG;AAC3B,CAAC;AAEDb,YAAY,CAACc,YAAY,GAAG;EAC1BX,QAAQ,EAAE,EAAE;EACZC,aAAa,EAAE;AACjB,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEaL,YAAY","ignoreList":[]}

package/lib/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "CardPrompt", {
     return _CardPrompt.default;
   }
 });
+Object.defineProperty(exports, "ConfirmAction", {
+  enumerable: true,
+  get: function () {
+    return _ConfirmAction.default;
+  }
+});
 Object.defineProperty(exports, "CopyDataFromAction", {
   enumerable: true,
   get: function () {
@@ -60,6 +66,7 @@ Object.defineProperty(exports, "getBlazeAdmin", {
 });
 var _PageHeader = _interopRequireDefault(require("./components/PageHeader"));
 var _DeleteAction = _interopRequireDefault(require("./components/DeleteAction"));
+var _ConfirmAction = _interopRequireDefault(require("./components/ConfirmAction"));
 var _CardPrompt = _interopRequireDefault(require("./components/CardPrompt"));
 var _CopyDataFromAction = _interopRequireDefault(require("./components/CopyDataFromAction"));
 var _MetaTitle = _interopRequireDefault(require("./components/MetaTitle"));

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_PageHeader","_interopRequireDefault","require","_DeleteAction","_CardPrompt","_CopyDataFromAction","_MetaTitle","_LeaveAction","_RevertToTemplate","_Loading","_getBlazeAdmin"],"sources":["../src/index.js"],"sourcesContent":["import PageHeader from './components/PageHeader';\nimport DeleteAction from './components/DeleteAction';\nimport CardPrompt from './components/CardPrompt';\nimport CopyDataFromAction from './components/CopyDataFromAction';\nimport MetaTitle from './components/MetaTitle';\nimport LeaveAction from './components/LeaveAction';\nimport RevertToTemplate from './components/RevertToTemplate';\nimport Loading from './components/Loading';\nimport { getBlazeAdmin } from './utils/get-blaze-admin';\n\nexport {\n  getBlazeAdmin,\n  PageHeader,\n  DeleteAction,\n  CardPrompt,\n  CopyDataFromAction,\n  MetaTitle,\n  LeaveAction,\n  RevertToTemplate,\n  Loading\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,QAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_PageHeader","_interopRequireDefault","require","_DeleteAction","_ConfirmAction","_CardPrompt","_CopyDataFromAction","_MetaTitle","_LeaveAction","_RevertToTemplate","_Loading","_getBlazeAdmin"],"sources":["../src/index.js"],"sourcesContent":["import PageHeader from './components/PageHeader';\nimport DeleteAction from './components/DeleteAction';\nimport ConfirmAction from './components/ConfirmAction';\nimport CardPrompt from './components/CardPrompt';\nimport CopyDataFromAction from './components/CopyDataFromAction';\nimport MetaTitle from './components/MetaTitle';\nimport LeaveAction from './components/LeaveAction';\nimport RevertToTemplate from './components/RevertToTemplate';\nimport Loading from './components/Loading';\nimport { getBlazeAdmin } from './utils/get-blaze-admin';\n\nexport {\n  getBlazeAdmin,\n  PageHeader,\n  DeleteAction,\n  ConfirmAction,\n  CardPrompt,\n  CopyDataFromAction,\n  MetaTitle,\n  LeaveAction,\n  RevertToTemplate,\n  Loading\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,mBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA","ignoreList":[]}

package/lib-es/blaze.config.js

@@ -7,6 +7,7 @@ import media from '@blaze-cms/plugin-media-ui';
 import gtm from '@blaze-cms/plugin-gtm-ui';
 import googleMaps from '@blaze-cms/plugin-google-maps-ui';
 import renderHooks from '@blaze-cms/plugin-render-hooks-ui';
+import workflow from '@blaze-cms/plugin-workflow-ui';
 const plugins = new Map();
 plugins.set(authLocal, {});
 plugins.set(coreUI, {});
@@ -17,6 +18,7 @@ plugins.set(media, {});
 plugins.set(gtm, {});
 plugins.set(googleMaps, {});
 plugins.set(renderHooks, {});
+plugins.set(workflow, {});
 const apollo = {
   addTypename: false
 };

package/lib-es/blaze.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"blaze.config.js","names":["authLocal","coreUI","auth","data","pageBuilder","media","gtm","googleMaps","renderHooks","plugins","Map","set","apollo","addTypename"],"sources":["../src/blaze.config.js"],"sourcesContent":["import authLocal from '@blaze-cms/plugin-auth-local-ui';\nimport coreUI from '@blaze-cms/plugin-admin-core-ui';\nimport auth from '@blaze-cms/plugin-auth-ui';\nimport data from '@blaze-cms/plugin-data-ui';\nimport pageBuilder from '@blaze-cms/plugin-page-builder-ui';\nimport media from '@blaze-cms/plugin-media-ui';\nimport gtm from '@blaze-cms/plugin-gtm-ui';\nimport googleMaps from '@blaze-cms/plugin-google-maps-ui';\nimport renderHooks from '@blaze-cms/plugin-render-hooks-ui';\n\nconst plugins = new Map();\nplugins.set(authLocal, {});\nplugins.set(coreUI, {});\nplugins.set(auth, {});\nplugins.set(data, {});\nplugins.set(pageBuilder, {});\nplugins.set(media, {});\nplugins.set(gtm, {});\nplugins.set(googleMaps, {});\nplugins.set(renderHooks, {});\n\nconst apollo = { addTypename: false };\nexport default { plugins, apollo };\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,iCAAiC;AACvD,OAAOC,MAAM,MAAM,iCAAiC;AACpD,OAAOC,IAAI,MAAM,2BAA2B;AAC5C,OAAOC,IAAI,MAAM,2BAA2B;AAC5C,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,KAAK,MAAM,4BAA4B;AAC9C,OAAOC,GAAG,MAAM,0BAA0B;AAC1C,OAAOC,UAAU,MAAM,kCAAkC;AACzD,OAAOC,WAAW,MAAM,mCAAmC;AAE3D,MAAMC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACX,SAAS,EAAE,CAAC,CAAC,CAAC;AAC1BS,OAAO,CAACE,GAAG,CAACV,MAAM,EAAE,CAAC,CAAC,CAAC;AACvBQ,OAAO,CAACE,GAAG,CAACT,IAAI,EAAE,CAAC,CAAC,CAAC;AACrBO,OAAO,CAACE,GAAG,CAACR,IAAI,EAAE,CAAC,CAAC,CAAC;AACrBM,OAAO,CAACE,GAAG,CAACP,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5BK,OAAO,CAACE,GAAG,CAACN,KAAK,EAAE,CAAC,CAAC,CAAC;AACtBI,OAAO,CAACE,GAAG,CAACL,GAAG,EAAE,CAAC,CAAC,CAAC;AACpBG,OAAO,CAACE,GAAG,CAACJ,UAAU,EAAE,CAAC,CAAC,CAAC;AAC3BE,OAAO,CAACE,GAAG,CAACH,WAAW,EAAE,CAAC,CAAC,CAAC;AAE5B,MAAMI,MAAM,GAAG;EAAEC,WAAW,EAAE;AAAM,CAAC;AACrC,eAAe;EAAEJ,OAAO;EAAEG;AAAO,CAAC","ignoreList":[]}
+{"version":3,"file":"blaze.config.js","names":["authLocal","coreUI","auth","data","pageBuilder","media","gtm","googleMaps","renderHooks","workflow","plugins","Map","set","apollo","addTypename"],"sources":["../src/blaze.config.js"],"sourcesContent":["import authLocal from '@blaze-cms/plugin-auth-local-ui';\nimport coreUI from '@blaze-cms/plugin-admin-core-ui';\nimport auth from '@blaze-cms/plugin-auth-ui';\nimport data from '@blaze-cms/plugin-data-ui';\nimport pageBuilder from '@blaze-cms/plugin-page-builder-ui';\nimport media from '@blaze-cms/plugin-media-ui';\nimport gtm from '@blaze-cms/plugin-gtm-ui';\nimport googleMaps from '@blaze-cms/plugin-google-maps-ui';\nimport renderHooks from '@blaze-cms/plugin-render-hooks-ui';\nimport workflow from '@blaze-cms/plugin-workflow-ui';\n\nconst plugins = new Map();\nplugins.set(authLocal, {});\nplugins.set(coreUI, {});\nplugins.set(auth, {});\nplugins.set(data, {});\nplugins.set(pageBuilder, {});\nplugins.set(media, {});\nplugins.set(gtm, {});\nplugins.set(googleMaps, {});\nplugins.set(renderHooks, {});\nplugins.set(workflow, {});\n\nconst apollo = { addTypename: false };\nexport default { plugins, apollo };\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,iCAAiC;AACvD,OAAOC,MAAM,MAAM,iCAAiC;AACpD,OAAOC,IAAI,MAAM,2BAA2B;AAC5C,OAAOC,IAAI,MAAM,2BAA2B;AAC5C,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,KAAK,MAAM,4BAA4B;AAC9C,OAAOC,GAAG,MAAM,0BAA0B;AAC1C,OAAOC,UAAU,MAAM,kCAAkC;AACzD,OAAOC,WAAW,MAAM,mCAAmC;AAC3D,OAAOC,QAAQ,MAAM,+BAA+B;AAEpD,MAAMC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACZ,SAAS,EAAE,CAAC,CAAC,CAAC;AAC1BU,OAAO,CAACE,GAAG,CAACX,MAAM,EAAE,CAAC,CAAC,CAAC;AACvBS,OAAO,CAACE,GAAG,CAACV,IAAI,EAAE,CAAC,CAAC,CAAC;AACrBQ,OAAO,CAACE,GAAG,CAACT,IAAI,EAAE,CAAC,CAAC,CAAC;AACrBO,OAAO,CAACE,GAAG,CAACR,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5BM,OAAO,CAACE,GAAG,CAACP,KAAK,EAAE,CAAC,CAAC,CAAC;AACtBK,OAAO,CAACE,GAAG,CAACN,GAAG,EAAE,CAAC,CAAC,CAAC;AACpBI,OAAO,CAACE,GAAG,CAACL,UAAU,EAAE,CAAC,CAAC,CAAC;AAC3BG,OAAO,CAACE,GAAG,CAACJ,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5BE,OAAO,CAACE,GAAG,CAACH,QAAQ,EAAE,CAAC,CAAC,CAAC;AAEzB,MAAMI,MAAM,GAAG;EAAEC,WAAW,EAAE;AAAM,CAAC;AACrC,eAAe;EAAEJ,OAAO;EAAEG;AAAO,CAAC","ignoreList":[]}

package/lib-es/components/ConfirmAction/ConfirmAction.js

@@ -0,0 +1,68 @@
+import React, { useId, useState } from 'react';
+import PropTypes from 'prop-types';
+import Modal from '@blaze-react/modal';
+const normalise = value => value.replace(/[\s,]/g, '');
+
+// with confirmPhrase, confirming only runs once the phrase has been typed, for large or irreversible actions
+const ConfirmAction = ({
+  onClose,
+  onConfirm,
+  confirmLabel,
+  confirmPhrase,
+  children
+}) => {
+  const phraseId = useId();
+  const [typed, setTyped] = useState('');
+  const [showHint, setShowHint] = useState(false);
+  const confirmed = !confirmPhrase || normalise(typed) === normalise(confirmPhrase);
+  const alertActions = [{
+    callback: event => {
+      event.stopPropagation();
+      if (!confirmed) {
+        setShowHint(true);
+        return;
+      }
+      onConfirm();
+    },
+    modifiers: confirmed ? ['small'] : ['small', 'disabled'],
+    textButton: confirmLabel
+  }];
+  return /*#__PURE__*/React.createElement(Modal, {
+    actions: alertActions,
+    onClose: onClose,
+    isAlert: true
+  }, children, confirmPhrase && /*#__PURE__*/React.createElement("div", {
+    className: "confirm-action__confirm"
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: phraseId
+  }, "Type ", /*#__PURE__*/React.createElement("strong", null, confirmPhrase), " to confirm"), /*#__PURE__*/React.createElement("input", {
+    id: phraseId,
+    type: "text",
+    inputMode: "numeric",
+    autoComplete: "off",
+    value: typed,
+    onChange: ({
+      target: {
+        value
+      }
+    }) => {
+      setTyped(value);
+      setShowHint(false);
+    }
+  }), showHint && /*#__PURE__*/React.createElement("p", {
+    role: "alert"
+  }, "Type ", confirmPhrase, " to ", confirmLabel.toLowerCase(), " them all")));
+};
+ConfirmAction.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired,
+  confirmLabel: PropTypes.string.isRequired,
+  confirmPhrase: PropTypes.string,
+  children: PropTypes.node
+};
+ConfirmAction.defaultProps = {
+  confirmPhrase: null,
+  children: null
+};
+export default ConfirmAction;
+//# sourceMappingURL=ConfirmAction.js.map

package/lib-es/components/ConfirmAction/ConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmAction.js","names":["React","useId","useState","PropTypes","Modal","normalise","value","replace","ConfirmAction","onClose","onConfirm","confirmLabel","confirmPhrase","children","phraseId","typed","setTyped","showHint","setShowHint","confirmed","alertActions","callback","event","stopPropagation","modifiers","textButton","createElement","actions","isAlert","className","htmlFor","id","type","inputMode","autoComplete","onChange","target","role","toLowerCase","propTypes","func","isRequired","string","node","defaultProps"],"sources":["../../../src/components/ConfirmAction/ConfirmAction.js"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\n\nconst normalise = value => value.replace(/[\\s,]/g, '');\n\n// with confirmPhrase, confirming only runs once the phrase has been typed, for large or irreversible actions\nconst ConfirmAction = ({ onClose, onConfirm, confirmLabel, confirmPhrase, children }) => {\n  const phraseId = useId();\n  const [typed, setTyped] = useState('');\n  const [showHint, setShowHint] = useState(false);\n  const confirmed = !confirmPhrase || normalise(typed) === normalise(confirmPhrase);\n\n  const alertActions = [\n    {\n      callback: event => {\n        event.stopPropagation();\n        if (!confirmed) {\n          setShowHint(true);\n          return;\n        }\n        onConfirm();\n      },\n      modifiers: confirmed ? ['small'] : ['small', 'disabled'],\n      textButton: confirmLabel\n    }\n  ];\n\n  return (\n    <Modal actions={alertActions} onClose={onClose} isAlert>\n      {children}\n      {confirmPhrase && (\n        <div className=\"confirm-action__confirm\">\n          <label htmlFor={phraseId}>\n            Type <strong>{confirmPhrase}</strong> to confirm\n          </label>\n          <input\n            id={phraseId}\n            type=\"text\"\n            inputMode=\"numeric\"\n            autoComplete=\"off\"\n            value={typed}\n            onChange={({ target: { value } }) => {\n              setTyped(value);\n              setShowHint(false);\n            }}\n          />\n          {showHint && (\n            <p role=\"alert\">\n              Type {confirmPhrase} to {confirmLabel.toLowerCase()} them all\n            </p>\n          )}\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nConfirmAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  onConfirm: PropTypes.func.isRequired,\n  confirmLabel: PropTypes.string.isRequired,\n  confirmPhrase: PropTypes.string,\n  children: PropTypes.node\n};\n\nConfirmAction.defaultProps = {\n  confirmPhrase: null,\n  children: null\n};\n\nexport default ConfirmAction;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,KAAK,EAAEC,QAAQ,QAAQ,OAAO;AAC9C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,SAAS,GAAGC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;;AAEtD;AACA,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,YAAY;EAAEC,aAAa;EAAEC;AAAS,CAAC,KAAK;EACvF,MAAMC,QAAQ,GAAGb,KAAK,CAAC,CAAC;EACxB,MAAM,CAACc,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACe,QAAQ,EAAEC,WAAW,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMiB,SAAS,GAAG,CAACP,aAAa,IAAIP,SAAS,CAACU,KAAK,CAAC,KAAKV,SAAS,CAACO,aAAa,CAAC;EAEjF,MAAMQ,YAAY,GAAG,CACnB;IACEC,QAAQ,EAAEC,KAAK,IAAI;MACjBA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvB,IAAI,CAACJ,SAAS,EAAE;QACdD,WAAW,CAAC,IAAI,CAAC;QACjB;MACF;MACAR,SAAS,CAAC,CAAC;IACb,CAAC;IACDc,SAAS,EAAEL,SAAS,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;IACxDM,UAAU,EAAEd;EACd,CAAC,CACF;EAED,oBACEX,KAAA,CAAA0B,aAAA,CAACtB,KAAK;IAACuB,OAAO,EAAEP,YAAa;IAACX,OAAO,EAAEA,OAAQ;IAACmB,OAAO;EAAA,GACpDf,QAAQ,EACRD,aAAa,iBACZZ,KAAA,CAAA0B,aAAA;IAAKG,SAAS,EAAC;EAAyB,gBACtC7B,KAAA,CAAA0B,aAAA;IAAOI,OAAO,EAAEhB;EAAS,GAAC,OACnB,eAAAd,KAAA,CAAA0B,aAAA,iBAASd,aAAsB,CAAC,eAChC,CAAC,eACRZ,KAAA,CAAA0B,aAAA;IACEK,EAAE,EAAEjB,QAAS;IACbkB,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC,KAAK;IAClB5B,KAAK,EAAES,KAAM;IACboB,QAAQ,EAAEA,CAAC;MAAEC,MAAM,EAAE;QAAE9B;MAAM;IAAE,CAAC,KAAK;MACnCU,QAAQ,CAACV,KAAK,CAAC;MACfY,WAAW,CAAC,KAAK,CAAC;IACpB;EAAE,CACH,CAAC,EACDD,QAAQ,iBACPjB,KAAA,CAAA0B,aAAA;IAAGW,IAAI,EAAC;EAAO,GAAC,OACT,EAACzB,aAAa,EAAC,MAAI,EAACD,YAAY,CAAC2B,WAAW,CAAC,CAAC,EAAC,WACnD,CAEF,CAEF,CAAC;AAEZ,CAAC;AAED9B,aAAa,CAAC+B,SAAS,GAAG;EACxB9B,OAAO,EAAEN,SAAS,CAACqC,IAAI,CAACC,UAAU;EAClC/B,SAAS,EAAEP,SAAS,CAACqC,IAAI,CAACC,UAAU;EACpC9B,YAAY,EAAER,SAAS,CAACuC,MAAM,CAACD,UAAU;EACzC7B,aAAa,EAAET,SAAS,CAACuC,MAAM;EAC/B7B,QAAQ,EAAEV,SAAS,CAACwC;AACtB,CAAC;AAEDnC,aAAa,CAACoC,YAAY,GAAG;EAC3BhC,aAAa,EAAE,IAAI;EACnBC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}

package/lib-es/components/ConfirmAction/index.js

@@ -0,0 +1,3 @@
+import ConfirmAction from './ConfirmAction';
+export default ConfirmAction;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ConfirmAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ConfirmAction"],"sources":["../../../src/components/ConfirmAction/index.js"],"sourcesContent":["import ConfirmAction from './ConfirmAction';\n\nexport default ConfirmAction;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

package/lib-es/components/DeleteAction/DeleteAction.js

@@ -1,32 +1,26 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Modal from '@blaze-react/modal';
+import ConfirmAction from '../ConfirmAction';
 const DeleteAction = ({
   onClose,
   deleteAction,
-  itemName
-}) => {
-  const alertActions = [{
-    callback: event => {
-      event.stopPropagation();
-      deleteAction();
-    },
-    modifiers: ['small'],
-    textButton: 'Delete'
-  }];
-  return /*#__PURE__*/React.createElement(Modal, {
-    actions: alertActions,
-    onClose: onClose,
-    isAlert: true
-  }, /*#__PURE__*/React.createElement("p", null, "You are about to delete: ", /*#__PURE__*/React.createElement("strong", null, itemName)));
-};
+  itemName,
+  confirmPhrase
+}) => /*#__PURE__*/React.createElement(ConfirmAction, {
+  onClose: onClose,
+  onConfirm: deleteAction,
+  confirmLabel: "Delete",
+  confirmPhrase: confirmPhrase
+}, /*#__PURE__*/React.createElement("p", null, "You are about to delete: ", /*#__PURE__*/React.createElement("strong", null, itemName)));
 DeleteAction.propTypes = {
   onClose: PropTypes.func.isRequired,
   deleteAction: PropTypes.func.isRequired,
-  itemName: PropTypes.string
+  itemName: PropTypes.string,
+  confirmPhrase: PropTypes.string
 };
 DeleteAction.defaultProps = {
-  itemName: ''
+  itemName: '',
+  confirmPhrase: null
 };
 export default DeleteAction;
 //# sourceMappingURL=DeleteAction.js.map

package/lib-es/components/DeleteAction/DeleteAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteAction.js","names":["React","PropTypes","Modal","DeleteAction","onClose","deleteAction","itemName","alertActions","callback","event","stopPropagation","modifiers","textButton","createElement","actions","isAlert","propTypes","func","isRequired","string","defaultProps"],"sources":["../../../src/components/DeleteAction/DeleteAction.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\n\nconst DeleteAction = ({ onClose, deleteAction, itemName }) => {\n  const alertActions = [\n    {\n      callback: event => {\n        event.stopPropagation();\n        deleteAction();\n      },\n      modifiers: ['small'],\n      textButton: 'Delete'\n    }\n  ];\n\n  return (\n    <Modal actions={alertActions} onClose={onClose} isAlert>\n      <p>\n        You are about to delete: <strong>{itemName}</strong>\n      </p>\n    </Modal>\n  );\n};\n\nDeleteAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  deleteAction: PropTypes.func.isRequired,\n  itemName: PropTypes.string\n};\n\nDeleteAction.defaultProps = {\n  itemName: ''\n};\n\nexport default DeleteAction;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAS,CAAC,KAAK;EAC5D,MAAMC,YAAY,GAAG,CACnB;IACEC,QAAQ,EAAEC,KAAK,IAAI;MACjBA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBL,YAAY,CAAC,CAAC;IAChB,CAAC;IACDM,SAAS,EAAE,CAAC,OAAO,CAAC;IACpBC,UAAU,EAAE;EACd,CAAC,CACF;EAED,oBACEZ,KAAA,CAAAa,aAAA,CAACX,KAAK;IAACY,OAAO,EAAEP,YAAa;IAACH,OAAO,EAAEA,OAAQ;IAACW,OAAO;EAAA,gBACrDf,KAAA,CAAAa,aAAA,YAAG,2BACwB,eAAAb,KAAA,CAAAa,aAAA,iBAASP,QAAiB,CAClD,CACE,CAAC;AAEZ,CAAC;AAEDH,YAAY,CAACa,SAAS,GAAG;EACvBZ,OAAO,EAAEH,SAAS,CAACgB,IAAI,CAACC,UAAU;EAClCb,YAAY,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACvCZ,QAAQ,EAAEL,SAAS,CAACkB;AACtB,CAAC;AAEDhB,YAAY,CAACiB,YAAY,GAAG;EAC1Bd,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}
+{"version":3,"file":"DeleteAction.js","names":["React","PropTypes","ConfirmAction","DeleteAction","onClose","deleteAction","itemName","confirmPhrase","createElement","onConfirm","confirmLabel","propTypes","func","isRequired","string","defaultProps"],"sources":["../../../src/components/DeleteAction/DeleteAction.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ConfirmAction from '../ConfirmAction';\n\nconst DeleteAction = ({ onClose, deleteAction, itemName, confirmPhrase }) => (\n  <ConfirmAction\n    onClose={onClose}\n    onConfirm={deleteAction}\n    confirmLabel=\"Delete\"\n    confirmPhrase={confirmPhrase}>\n    <p>\n      You are about to delete: <strong>{itemName}</strong>\n    </p>\n  </ConfirmAction>\n);\n\nDeleteAction.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  deleteAction: PropTypes.func.isRequired,\n  itemName: PropTypes.string,\n  confirmPhrase: PropTypes.string\n};\n\nDeleteAction.defaultProps = {\n  itemName: '',\n  confirmPhrase: null\n};\n\nexport default DeleteAction;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,kBAAkB;AAE5C,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAAc,CAAC,kBACtEP,KAAA,CAAAQ,aAAA,CAACN,aAAa;EACZE,OAAO,EAAEA,OAAQ;EACjBK,SAAS,EAAEJ,YAAa;EACxBK,YAAY,EAAC,QAAQ;EACrBH,aAAa,EAAEA;AAAc,gBAC7BP,KAAA,CAAAQ,aAAA,YAAG,2BACwB,eAAAR,KAAA,CAAAQ,aAAA,iBAASF,QAAiB,CAClD,CACU,CAChB;AAEDH,YAAY,CAACQ,SAAS,GAAG;EACvBP,OAAO,EAAEH,SAAS,CAACW,IAAI,CAACC,UAAU;EAClCR,YAAY,EAAEJ,SAAS,CAACW,IAAI,CAACC,UAAU;EACvCP,QAAQ,EAAEL,SAAS,CAACa,MAAM;EAC1BP,aAAa,EAAEN,SAAS,CAACa;AAC3B,CAAC;AAEDX,YAAY,CAACY,YAAY,GAAG;EAC1BT,QAAQ,EAAE,EAAE;EACZC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeJ,YAAY","ignoreList":[]}

package/lib-es/index.js

@@ -1,5 +1,6 @@
 import PageHeader from './components/PageHeader';
 import DeleteAction from './components/DeleteAction';
+import ConfirmAction from './components/ConfirmAction';
 import CardPrompt from './components/CardPrompt';
 import CopyDataFromAction from './components/CopyDataFromAction';
 import MetaTitle from './components/MetaTitle';
@@ -7,5 +8,5 @@ import LeaveAction from './components/LeaveAction';
 import RevertToTemplate from './components/RevertToTemplate';
 import Loading from './components/Loading';
 import { getBlazeAdmin } from './utils/get-blaze-admin';
-export { getBlazeAdmin, PageHeader, DeleteAction, CardPrompt, CopyDataFromAction, MetaTitle, LeaveAction, RevertToTemplate, Loading };
+export { getBlazeAdmin, PageHeader, DeleteAction, ConfirmAction, CardPrompt, CopyDataFromAction, MetaTitle, LeaveAction, RevertToTemplate, Loading };
 //# sourceMappingURL=index.js.map

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PageHeader","DeleteAction","CardPrompt","CopyDataFromAction","MetaTitle","LeaveAction","RevertToTemplate","Loading","getBlazeAdmin"],"sources":["../src/index.js"],"sourcesContent":["import PageHeader from './components/PageHeader';\nimport DeleteAction from './components/DeleteAction';\nimport CardPrompt from './components/CardPrompt';\nimport CopyDataFromAction from './components/CopyDataFromAction';\nimport MetaTitle from './components/MetaTitle';\nimport LeaveAction from './components/LeaveAction';\nimport RevertToTemplate from './components/RevertToTemplate';\nimport Loading from './components/Loading';\nimport { getBlazeAdmin } from './utils/get-blaze-admin';\n\nexport {\n  getBlazeAdmin,\n  PageHeader,\n  DeleteAction,\n  CardPrompt,\n  CopyDataFromAction,\n  MetaTitle,\n  LeaveAction,\n  RevertToTemplate,\n  Loading\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,yBAAyB;AAChD,OAAOC,YAAY,MAAM,2BAA2B;AACpD,OAAOC,UAAU,MAAM,yBAAyB;AAChD,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,WAAW,MAAM,0BAA0B;AAClD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,aAAa,QAAQ,yBAAyB;AAEvD,SACEA,aAAa,EACbR,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,kBAAkB,EAClBC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EAChBC,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["PageHeader","DeleteAction","ConfirmAction","CardPrompt","CopyDataFromAction","MetaTitle","LeaveAction","RevertToTemplate","Loading","getBlazeAdmin"],"sources":["../src/index.js"],"sourcesContent":["import PageHeader from './components/PageHeader';\nimport DeleteAction from './components/DeleteAction';\nimport ConfirmAction from './components/ConfirmAction';\nimport CardPrompt from './components/CardPrompt';\nimport CopyDataFromAction from './components/CopyDataFromAction';\nimport MetaTitle from './components/MetaTitle';\nimport LeaveAction from './components/LeaveAction';\nimport RevertToTemplate from './components/RevertToTemplate';\nimport Loading from './components/Loading';\nimport { getBlazeAdmin } from './utils/get-blaze-admin';\n\nexport {\n  getBlazeAdmin,\n  PageHeader,\n  DeleteAction,\n  ConfirmAction,\n  CardPrompt,\n  CopyDataFromAction,\n  MetaTitle,\n  LeaveAction,\n  RevertToTemplate,\n  Loading\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,yBAAyB;AAChD,OAAOC,YAAY,MAAM,2BAA2B;AACpD,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,UAAU,MAAM,yBAAyB;AAChD,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,WAAW,MAAM,0BAA0B;AAClD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,aAAa,QAAQ,yBAAyB;AAEvD,SACEA,aAAa,EACbT,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,UAAU,EACVC,kBAAkB,EAClBC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EAChBC,OAAO","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/admin",
-  "version": "1.1.0-rc-eagle-3.1",
+  "version": "1.1.0-rc-eagle-3.2",
   "description": "Blaze example project",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -35,15 +35,16 @@
     "@apollo/client": "3.13.8",
     "@blaze-cms/admin-ui-utils": "1.1.0-rc-eagle-3.0",
     "@blaze-cms/core-errors-ui": "0.146.0-rc-eagle-3.0",
-    "@blaze-cms/core-ui": "0.146.0-rc-eagle-3.6",
-    "@blaze-cms/plugin-admin-core-ui": "1.1.0-rc-eagle-3.1",
-    "@blaze-cms/plugin-auth-local-ui": "1.1.0-rc-eagle-3.1",
-    "@blaze-cms/plugin-auth-ui": "1.1.0-rc-eagle-3.1",
-    "@blaze-cms/plugin-data-ui": "1.1.0-rc-eagle-3.1",
-    "@blaze-cms/plugin-google-maps-ui": "1.1.0-rc-eagle-3.0",
-    "@blaze-cms/plugin-gtm-ui": "1.1.0-rc-eagle-3.0",
-    "@blaze-cms/plugin-media-ui": "1.1.0-rc-eagle-3.0",
-    "@blaze-cms/plugin-page-builder-ui": "1.1.0-rc-eagle-3.1",
+    "@blaze-cms/core-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-admin-core-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-auth-local-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-auth-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-data-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-google-maps-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-gtm-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-media-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-page-builder-ui": "1.1.0-rc-eagle-3.2",
+    "@blaze-cms/plugin-workflow-ui": "1.1.0-rc-eagle-3.0",
     "@blaze-cms/react-form-builder": "1.1.0-rc-eagle-3.0",
     "@blaze-cms/setup-ui": "0.146.0-rc-eagle-3.0",
     "@blaze-react/alert": "^0.7.0",
@@ -65,5 +66,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "91acf7e27032ad7c2d7fad4a4ccafa806b59792d"
+  "gitHead": "a1973b682f978b3c279896e1cb1f4eca2e82598a"
 }

package/src/blaze.config.js

@@ -7,6 +7,7 @@ import media from '@blaze-cms/plugin-media-ui';
 import gtm from '@blaze-cms/plugin-gtm-ui';
 import googleMaps from '@blaze-cms/plugin-google-maps-ui';
 import renderHooks from '@blaze-cms/plugin-render-hooks-ui';
+import workflow from '@blaze-cms/plugin-workflow-ui';
 
 const plugins = new Map();
 plugins.set(authLocal, {});
@@ -18,6 +19,7 @@ plugins.set(media, {});
 plugins.set(gtm, {});
 plugins.set(googleMaps, {});
 plugins.set(renderHooks, {});
+plugins.set(workflow, {});
 
 const apollo = { addTypename: false };
 export default { plugins, apollo };

package/src/components/ConfirmAction/ConfirmAction.js

@@ -0,0 +1,72 @@
+import React, { useId, useState } from 'react';
+import PropTypes from 'prop-types';
+import Modal from '@blaze-react/modal';
+
+const normalise = value => value.replace(/[\s,]/g, '');
+
+// with confirmPhrase, confirming only runs once the phrase has been typed, for large or irreversible actions
+const ConfirmAction = ({ onClose, onConfirm, confirmLabel, confirmPhrase, children }) => {
+  const phraseId = useId();
+  const [typed, setTyped] = useState('');
+  const [showHint, setShowHint] = useState(false);
+  const confirmed = !confirmPhrase || normalise(typed) === normalise(confirmPhrase);
+
+  const alertActions = [
+    {
+      callback: event => {
+        event.stopPropagation();
+        if (!confirmed) {
+          setShowHint(true);
+          return;
+        }
+        onConfirm();
+      },
+      modifiers: confirmed ? ['small'] : ['small', 'disabled'],
+      textButton: confirmLabel
+    }
+  ];
+
+  return (
+    <Modal actions={alertActions} onClose={onClose} isAlert>
+      {children}
+      {confirmPhrase && (
+        <div className="confirm-action__confirm">
+          <label htmlFor={phraseId}>
+            Type <strong>{confirmPhrase}</strong> to confirm
+          </label>
+          <input
+            id={phraseId}
+            type="text"
+            inputMode="numeric"
+            autoComplete="off"
+            value={typed}
+            onChange={({ target: { value } }) => {
+              setTyped(value);
+              setShowHint(false);
+            }}
+          />
+          {showHint && (
+            <p role="alert">
+              Type {confirmPhrase} to {confirmLabel.toLowerCase()} them all
+            </p>
+          )}
+        </div>
+      )}
+    </Modal>
+  );
+};
+
+ConfirmAction.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired,
+  confirmLabel: PropTypes.string.isRequired,
+  confirmPhrase: PropTypes.string,
+  children: PropTypes.node
+};
+
+ConfirmAction.defaultProps = {
+  confirmPhrase: null,
+  children: null
+};
+
+export default ConfirmAction;

package/src/components/ConfirmAction/index.js

@@ -0,0 +1,3 @@
+import ConfirmAction from './ConfirmAction';
+
+export default ConfirmAction;

package/src/components/DeleteAction/DeleteAction.js

@@ -1,36 +1,29 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Modal from '@blaze-react/modal';
+import ConfirmAction from '../ConfirmAction';
 
-const DeleteAction = ({ onClose, deleteAction, itemName }) => {
-  const alertActions = [
-    {
-      callback: event => {
-        event.stopPropagation();
-        deleteAction();
-      },
-      modifiers: ['small'],
-      textButton: 'Delete'
-    }
-  ];
-
-  return (
-    <Modal actions={alertActions} onClose={onClose} isAlert>
-      <p>
-        You are about to delete: <strong>{itemName}</strong>
-      </p>
-    </Modal>
-  );
-};
+const DeleteAction = ({ onClose, deleteAction, itemName, confirmPhrase }) => (
+  <ConfirmAction
+    onClose={onClose}
+    onConfirm={deleteAction}
+    confirmLabel="Delete"
+    confirmPhrase={confirmPhrase}>
+    <p>
+      You are about to delete: <strong>{itemName}</strong>
+    </p>
+  </ConfirmAction>
+);
 
 DeleteAction.propTypes = {
   onClose: PropTypes.func.isRequired,
   deleteAction: PropTypes.func.isRequired,
-  itemName: PropTypes.string
+  itemName: PropTypes.string,
+  confirmPhrase: PropTypes.string
 };
 
 DeleteAction.defaultProps = {
-  itemName: ''
+  itemName: '',
+  confirmPhrase: null
 };
 
 export default DeleteAction;

package/src/index.js

@@ -1,5 +1,6 @@
 import PageHeader from './components/PageHeader';
 import DeleteAction from './components/DeleteAction';
+import ConfirmAction from './components/ConfirmAction';
 import CardPrompt from './components/CardPrompt';
 import CopyDataFromAction from './components/CopyDataFromAction';
 import MetaTitle from './components/MetaTitle';
@@ -12,6 +13,7 @@ export {
   getBlazeAdmin,
   PageHeader,
   DeleteAction,
+  ConfirmAction,
   CardPrompt,
   CopyDataFromAction,
   MetaTitle,