@blaze-cms/admin 1.1.0-alpha-q1-2026.9 → 1.1.0-rc-eagle-3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/blaze.config.js +34 -0
- package/lib/blaze.config.js.map +1 -0
- package/lib/components/CardPrompt/CardPrompt.js +18 -20
- package/lib/components/CardPrompt/CardPrompt.js.map +1 -1
- package/lib/components/CardPrompt/index.js +2 -3
- package/lib/components/CardPrompt/index.js.map +1 -1
- package/lib/components/CopyDataFromAction/CopyDataFromAction.js +80 -144
- package/lib/components/CopyDataFromAction/CopyDataFromAction.js.map +1 -1
- package/lib/components/CopyDataFromAction/helpers.js +20 -12
- package/lib/components/CopyDataFromAction/helpers.js.map +1 -1
- package/lib/components/CopyDataFromAction/index.js +2 -3
- package/lib/components/CopyDataFromAction/index.js.map +1 -1
- package/lib/components/DeleteAction/DeleteAction.js +14 -14
- package/lib/components/DeleteAction/DeleteAction.js.map +1 -1
- package/lib/components/DeleteAction/index.js +2 -3
- package/lib/components/DeleteAction/index.js.map +1 -1
- package/lib/components/LeaveAction/LeaveAction.js +11 -14
- package/lib/components/LeaveAction/LeaveAction.js.map +1 -1
- package/lib/components/LeaveAction/index.js +2 -3
- package/lib/components/LeaveAction/index.js.map +1 -1
- package/lib/components/Loading/Loading.js +16 -17
- package/lib/components/Loading/Loading.js.map +1 -1
- package/lib/components/Loading/constants.js +5 -6
- package/lib/components/Loading/constants.js.map +1 -1
- package/lib/components/Loading/index.js +2 -3
- package/lib/components/Loading/index.js.map +1 -1
- package/lib/components/MetaTitle/MetaTitle.js +18 -17
- package/lib/components/MetaTitle/MetaTitle.js.map +1 -1
- package/lib/components/MetaTitle/index.js +2 -3
- package/lib/components/MetaTitle/index.js.map +1 -1
- package/lib/components/PageHeader/HeaderIconButton.js +39 -0
- package/lib/components/PageHeader/HeaderIconButton.js.map +1 -0
- package/lib/components/PageHeader/PageHeader.js +87 -37
- package/lib/components/PageHeader/PageHeader.js.map +1 -1
- package/lib/components/PageHeader/TitleEditor.js +87 -0
- package/lib/components/PageHeader/TitleEditor.js.map +1 -0
- package/lib/components/PageHeader/index.js +2 -3
- package/lib/components/PageHeader/index.js.map +1 -1
- package/lib/components/RevertToTemplate/RevertToTemplate.js +14 -14
- package/lib/components/RevertToTemplate/RevertToTemplate.js.map +1 -1
- package/lib/components/RevertToTemplate/index.js +2 -3
- package/lib/components/RevertToTemplate/index.js.map +1 -1
- package/lib/index.js +17 -18
- package/lib/index.js.map +1 -1
- package/lib/utils/build-interface.js +39 -67
- package/lib/utils/build-interface.js.map +1 -1
- package/lib/utils/get-blaze-admin.js +8 -11
- package/lib/utils/get-blaze-admin.js.map +1 -1
- package/lib-es/blaze.config.js +27 -0
- package/lib-es/blaze.config.js.map +1 -0
- package/lib-es/components/PageHeader/HeaderIconButton.js +32 -0
- package/lib-es/components/PageHeader/HeaderIconButton.js.map +1 -0
- package/lib-es/components/PageHeader/PageHeader.js +80 -24
- package/lib-es/components/PageHeader/PageHeader.js.map +1 -1
- package/lib-es/components/PageHeader/TitleEditor.js +79 -0
- package/lib-es/components/PageHeader/TitleEditor.js.map +1 -0
- package/lib-es/utils/build-interface.js +3 -3
- package/lib-es/utils/build-interface.js.map +1 -1
- package/lib-es/utils/get-blaze-admin.js +1 -1
- package/lib-es/utils/get-blaze-admin.js.map +1 -1
- package/package.json +24 -21
- package/src/components/PageHeader/HeaderIconButton.js +27 -0
- package/src/components/PageHeader/PageHeader.js +90 -19
- package/src/components/PageHeader/TitleEditor.js +87 -0
- package/src/utils/build-interface.js +3 -3
- package/src/utils/get-blaze-admin.js +1 -1
- package/CHANGELOG.md +0 -2059
- package/babel.config.js +0 -3
- package/jest.config.js +0 -5
- /package/{blaze.config.js → src/blaze.config.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteAction.js","names":["_react","_interopRequireDefault","require","_propTypes","_modal","DeleteAction","
|
|
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":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _DeleteAction = _interopRequireDefault(require("./DeleteAction"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _DeleteAction.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_DeleteAction","_interopRequireDefault","require","_default","exports","DeleteAction"],"sources":["../../../src/components/DeleteAction/index.js"],"sourcesContent":["import DeleteAction from './DeleteAction';\n\nexport default DeleteAction;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_DeleteAction","_interopRequireDefault","require","_default","exports","default","DeleteAction"],"sources":["../../../src/components/DeleteAction/index.js"],"sourcesContent":["import DeleteAction from './DeleteAction';\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,qBAAY","ignoreList":[]}
|
|
@@ -1,42 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _client = require("react-dom/client");
|
|
11
10
|
var _modal = _interopRequireDefault(require("@blaze-react/modal"));
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
const LeaveAction = (message, callback) => {
|
|
12
|
+
let container = document.getElementById('leave-container');
|
|
14
13
|
if (!container) {
|
|
15
14
|
container = document.createElement('div');
|
|
16
15
|
container.setAttribute('confirmation-modal', '');
|
|
17
16
|
container.id = 'leave-container';
|
|
18
17
|
document.body.appendChild(container);
|
|
19
18
|
}
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const root = (0, _client.createRoot)(container);
|
|
20
|
+
const closeModal = callbackState => {
|
|
22
21
|
root.unmount();
|
|
23
22
|
callback(callbackState);
|
|
24
23
|
};
|
|
25
|
-
|
|
26
|
-
callback:
|
|
24
|
+
const alertActions = [{
|
|
25
|
+
callback: event => {
|
|
27
26
|
event.stopPropagation();
|
|
28
27
|
closeModal(true);
|
|
29
28
|
},
|
|
30
29
|
modifiers: ['small'],
|
|
31
30
|
textButton: 'Leave'
|
|
32
31
|
}];
|
|
33
|
-
root.render(/*#__PURE__*/_react
|
|
32
|
+
root.render(/*#__PURE__*/_react.default.createElement(_modal.default, {
|
|
34
33
|
actions: alertActions,
|
|
35
|
-
onClose:
|
|
36
|
-
return closeModal(false);
|
|
37
|
-
},
|
|
34
|
+
onClose: () => closeModal(false),
|
|
38
35
|
isAlert: true
|
|
39
|
-
}, /*#__PURE__*/_react
|
|
36
|
+
}, /*#__PURE__*/_react.default.createElement("p", null, message)), container);
|
|
40
37
|
};
|
|
41
|
-
var _default = exports
|
|
38
|
+
var _default = exports.default = LeaveAction;
|
|
42
39
|
//# sourceMappingURL=LeaveAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeaveAction.js","names":["_react","_interopRequireDefault","require","_client","_modal","LeaveAction","message","callback","container","document","getElementById","createElement","setAttribute","id","body","appendChild","root","createRoot","closeModal","callbackState","unmount","alertActions","event","stopPropagation","modifiers","textButton","render","actions","onClose","isAlert","_default","exports"],"sources":["../../../src/components/LeaveAction/LeaveAction.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Modal from '@blaze-react/modal';\n\nconst LeaveAction = (message, callback) => {\n let container = document.getElementById('leave-container');\n\n if (!container) {\n container = document.createElement('div');\n container.setAttribute('confirmation-modal', '');\n container.id = 'leave-container';\n document.body.appendChild(container);\n }\n\n const root = createRoot(container);\n\n const closeModal = callbackState => {\n root.unmount();\n callback(callbackState);\n };\n\n const alertActions = [\n {\n callback: event => {\n event.stopPropagation();\n closeModal(true);\n },\n modifiers: ['small'],\n textButton: 'Leave'\n }\n ];\n\n root.render(\n <Modal actions={alertActions} onClose={() => closeModal(false)} isAlert>\n <p>{message}</p>\n </Modal>,\n container\n );\n};\n\nexport default LeaveAction;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LeaveAction.js","names":["_react","_interopRequireDefault","require","_client","_modal","LeaveAction","message","callback","container","document","getElementById","createElement","setAttribute","id","body","appendChild","root","createRoot","closeModal","callbackState","unmount","alertActions","event","stopPropagation","modifiers","textButton","render","default","actions","onClose","isAlert","_default","exports"],"sources":["../../../src/components/LeaveAction/LeaveAction.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Modal from '@blaze-react/modal';\n\nconst LeaveAction = (message, callback) => {\n let container = document.getElementById('leave-container');\n\n if (!container) {\n container = document.createElement('div');\n container.setAttribute('confirmation-modal', '');\n container.id = 'leave-container';\n document.body.appendChild(container);\n }\n\n const root = createRoot(container);\n\n const closeModal = callbackState => {\n root.unmount();\n callback(callbackState);\n };\n\n const alertActions = [\n {\n callback: event => {\n event.stopPropagation();\n closeModal(true);\n },\n modifiers: ['small'],\n textButton: 'Leave'\n }\n ];\n\n root.render(\n <Modal actions={alertActions} onClose={() => closeModal(false)} isAlert>\n <p>{message}</p>\n </Modal>,\n container\n );\n};\n\nexport default LeaveAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,MAAMG,WAAW,GAAGA,CAACC,OAAO,EAAEC,QAAQ,KAAK;EACzC,IAAIC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,iBAAiB,CAAC;EAE1D,IAAI,CAACF,SAAS,EAAE;IACdA,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACzCH,SAAS,CAACI,YAAY,CAAC,oBAAoB,EAAE,EAAE,CAAC;IAChDJ,SAAS,CAACK,EAAE,GAAG,iBAAiB;IAChCJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,SAAS,CAAC;EACtC;EAEA,MAAMQ,IAAI,GAAG,IAAAC,kBAAU,EAACT,SAAS,CAAC;EAElC,MAAMU,UAAU,GAAGC,aAAa,IAAI;IAClCH,IAAI,CAACI,OAAO,CAAC,CAAC;IACdb,QAAQ,CAACY,aAAa,CAAC;EACzB,CAAC;EAED,MAAME,YAAY,GAAG,CACnB;IACEd,QAAQ,EAAEe,KAAK,IAAI;MACjBA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBL,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC;IACDM,SAAS,EAAE,CAAC,OAAO,CAAC;IACpBC,UAAU,EAAE;EACd,CAAC,CACF;EAEDT,IAAI,CAACU,MAAM,cACT1B,MAAA,CAAA2B,OAAA,CAAAhB,aAAA,CAACP,MAAA,CAAAuB,OAAK;IAACC,OAAO,EAAEP,YAAa;IAACQ,OAAO,EAAEA,CAAA,KAAMX,UAAU,CAAC,KAAK,CAAE;IAACY,OAAO;EAAA,gBACrE9B,MAAA,CAAA2B,OAAA,CAAAhB,aAAA,YAAIL,OAAW,CACV,CAAC,EACRE,SACF,CAAC;AACH,CAAC;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEatB,WAAW","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _LeaveAction = _interopRequireDefault(require("./LeaveAction"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _LeaveAction.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_LeaveAction","_interopRequireDefault","require","_default","exports","LeaveAction"],"sources":["../../../src/components/LeaveAction/index.js"],"sourcesContent":["import LeaveAction from './LeaveAction';\n\nexport default LeaveAction;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_LeaveAction","_interopRequireDefault","require","_default","exports","default","LeaveAction"],"sources":["../../../src/components/LeaveAction/index.js"],"sourcesContent":["import LeaveAction from './LeaveAction';\n\nexport default LeaveAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzBC,oBAAW","ignoreList":[]}
|
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
require("core-js/modules/es.array.concat.js");
|
|
7
|
+
exports.default = void 0;
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
10
|
var _constants = require("./constants");
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
const Loading = ({
|
|
12
|
+
type
|
|
13
|
+
}) => {
|
|
14
|
+
const loaderType = _constants.LOADING_TYPES[type] || _constants.LOADING_TYPES.default;
|
|
15
|
+
const CLASSNAME = `${_constants.LOADING_CLASSNAME}__${loaderType}`;
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
17
|
className: CLASSNAME
|
|
19
|
-
}, loaderType === _constants.DOTS_TYPE && /*#__PURE__*/_react
|
|
20
|
-
className:
|
|
21
|
-
}), /*#__PURE__*/_react
|
|
22
|
-
className:
|
|
23
|
-
}), /*#__PURE__*/_react
|
|
24
|
-
className:
|
|
18
|
+
}, loaderType === _constants.DOTS_TYPE && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
19
|
+
className: `${CLASSNAME}__dot`
|
|
20
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
+
className: `${CLASSNAME}__dot`
|
|
22
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
23
|
+
className: `${CLASSNAME}__dot`
|
|
25
24
|
})));
|
|
26
25
|
};
|
|
27
26
|
Loading.propTypes = {
|
|
28
|
-
type: _propTypes
|
|
27
|
+
type: _propTypes.default.string
|
|
29
28
|
};
|
|
30
29
|
Loading.defaultProps = {
|
|
31
|
-
type: _constants.LOADING_TYPES
|
|
30
|
+
type: _constants.LOADING_TYPES.default
|
|
32
31
|
};
|
|
33
|
-
var _default = exports
|
|
32
|
+
var _default = exports.default = Loading;
|
|
34
33
|
//# sourceMappingURL=Loading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","Loading","
|
|
1
|
+
{"version":3,"file":"Loading.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","Loading","type","loaderType","LOADING_TYPES","default","CLASSNAME","LOADING_CLASSNAME","createElement","className","DOTS_TYPE","Fragment","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../src/components/Loading/Loading.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { LOADING_CLASSNAME, LOADING_TYPES, DOTS_TYPE } from './constants';\n\nconst Loading = ({ type }) => {\n const loaderType = LOADING_TYPES[type] || LOADING_TYPES.default;\n const CLASSNAME = `${LOADING_CLASSNAME}__${loaderType}`;\n\n return (\n <div className={CLASSNAME}>\n {loaderType === DOTS_TYPE && (\n <>\n <div className={`${CLASSNAME}__dot`} />\n <div className={`${CLASSNAME}__dot`} />\n <div className={`${CLASSNAME}__dot`} />\n </>\n )}\n </div>\n );\n};\n\nLoading.propTypes = {\n type: PropTypes.string\n};\n\nLoading.defaultProps = {\n type: LOADING_TYPES.default\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,MAAMG,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAMC,UAAU,GAAGC,wBAAa,CAACF,IAAI,CAAC,IAAIE,wBAAa,CAACC,OAAO;EAC/D,MAAMC,SAAS,GAAG,GAAGC,4BAAiB,KAAKJ,UAAU,EAAE;EAEvD,oBACEP,MAAA,CAAAS,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAEH;EAAU,GACvBH,UAAU,KAAKO,oBAAS,iBACvBd,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAAAZ,MAAA,CAAAS,OAAA,CAAAM,QAAA,qBACEf,MAAA,CAAAS,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE,GAAGH,SAAS;EAAQ,CAAE,CAAC,eACvCV,MAAA,CAAAS,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE,GAAGH,SAAS;EAAQ,CAAE,CAAC,eACvCV,MAAA,CAAAS,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE,GAAGH,SAAS;EAAQ,CAAE,CACtC,CAED,CAAC;AAEV,CAAC;AAEDL,OAAO,CAACW,SAAS,GAAG;EAClBV,IAAI,EAAEW,kBAAS,CAACC;AAClB,CAAC;AAEDb,OAAO,CAACc,YAAY,GAAG;EACrBb,IAAI,EAAEE,wBAAa,CAACC;AACtB,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaJ,OAAO","ignoreList":[]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.LOADING_TYPES = exports.LOADING_CLASSNAME = exports.DOTS_TYPE = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
const LOADING_CLASSNAME = exports.LOADING_CLASSNAME = 'blaze-loading';
|
|
8
|
+
const SPINNER_TYPE = 'spinner';
|
|
9
|
+
const DOTS_TYPE = exports.DOTS_TYPE = 'dots';
|
|
10
|
+
const LOADING_TYPES = exports.LOADING_TYPES = {
|
|
11
|
+
default: SPINNER_TYPE,
|
|
13
12
|
dots: DOTS_TYPE,
|
|
14
13
|
spinner: SPINNER_TYPE
|
|
15
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["LOADING_CLASSNAME","exports","SPINNER_TYPE","DOTS_TYPE","LOADING_TYPES","dots","spinner"],"sources":["../../../src/components/Loading/constants.js"],"sourcesContent":["const LOADING_CLASSNAME = 'blaze-loading';\nconst SPINNER_TYPE = 'spinner';\nconst DOTS_TYPE = 'dots';\nconst LOADING_TYPES = {\n default: SPINNER_TYPE,\n dots: DOTS_TYPE,\n spinner: SPINNER_TYPE\n};\n\nexport { LOADING_CLASSNAME, DOTS_TYPE, LOADING_TYPES };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["LOADING_CLASSNAME","exports","SPINNER_TYPE","DOTS_TYPE","LOADING_TYPES","default","dots","spinner"],"sources":["../../../src/components/Loading/constants.js"],"sourcesContent":["const LOADING_CLASSNAME = 'blaze-loading';\nconst SPINNER_TYPE = 'spinner';\nconst DOTS_TYPE = 'dots';\nconst LOADING_TYPES = {\n default: SPINNER_TYPE,\n dots: DOTS_TYPE,\n spinner: SPINNER_TYPE\n};\n\nexport { LOADING_CLASSNAME, DOTS_TYPE, LOADING_TYPES };\n"],"mappings":";;;;;;AAAA,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,eAAe;AACzC,MAAME,YAAY,GAAG,SAAS;AAC9B,MAAMC,SAAS,GAAAF,OAAA,CAAAE,SAAA,GAAG,MAAM;AACxB,MAAMC,aAAa,GAAAH,OAAA,CAAAG,aAAA,GAAG;EACpBC,OAAO,EAAEH,YAAY;EACrBI,IAAI,EAAEH,SAAS;EACfI,OAAO,EAAEL;AACX,CAAC","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _Loading.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Loading","_interopRequireDefault","require","_default","exports","Loading"],"sources":["../../../src/components/Loading/index.js"],"sourcesContent":["import Loading from './Loading';\n\nexport default Loading;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Loading","_interopRequireDefault","require","_default","exports","default","Loading"],"sources":["../../../src/components/Loading/index.js"],"sourcesContent":["import Loading from './Loading';\n\nexport default Loading;\n"],"mappings":";;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjBC,gBAAO","ignoreList":[]}
|
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
require("core-js/modules/es.regexp.exec.js");
|
|
10
|
-
require("core-js/modules/es.string.match.js");
|
|
7
|
+
exports.default = void 0;
|
|
11
8
|
var _react = _interopRequireDefault(require("react"));
|
|
12
9
|
var _reactRouterDom = require("react-router-dom");
|
|
13
10
|
var _reactHelmet = require("react-helmet");
|
|
14
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
12
|
var _lodash = _interopRequireDefault(require("lodash.capitalize"));
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
const MetaTitle = props => {
|
|
14
|
+
const {
|
|
15
|
+
pageName,
|
|
16
|
+
title,
|
|
17
|
+
match: {
|
|
18
|
+
params: {
|
|
19
|
+
entityIdentifier
|
|
20
|
+
} = {}
|
|
21
|
+
}
|
|
22
|
+
} = props;
|
|
23
|
+
const titleToDisplay = pageName || (0, _lodash.default)(entityIdentifier) || title;
|
|
24
|
+
const metaTitle = `${titleToDisplay} - Blaze`;
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_reactHelmet.Helmet, null, /*#__PURE__*/_react.default.createElement("title", null, metaTitle));
|
|
25
26
|
};
|
|
26
27
|
MetaTitle.propTypes = {
|
|
27
|
-
title: _propTypes
|
|
28
|
-
pageName: _propTypes
|
|
29
|
-
match: _propTypes
|
|
28
|
+
title: _propTypes.default.string,
|
|
29
|
+
pageName: _propTypes.default.string,
|
|
30
|
+
match: _propTypes.default.object
|
|
30
31
|
};
|
|
31
32
|
MetaTitle.defaultProps = {
|
|
32
33
|
title: '',
|
|
33
34
|
pageName: '',
|
|
34
35
|
match: {}
|
|
35
36
|
};
|
|
36
|
-
var _default = exports
|
|
37
|
+
var _default = exports.default = (0, _reactRouterDom.withRouter)(MetaTitle);
|
|
37
38
|
//# sourceMappingURL=MetaTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaTitle.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_reactHelmet","_propTypes","_lodash","MetaTitle","props","pageName","title","
|
|
1
|
+
{"version":3,"file":"MetaTitle.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_reactHelmet","_propTypes","_lodash","MetaTitle","props","pageName","title","match","params","entityIdentifier","titleToDisplay","capitalize","metaTitle","default","createElement","Helmet","propTypes","PropTypes","string","object","defaultProps","_default","exports","withRouter"],"sources":["../../../src/components/MetaTitle/MetaTitle.js"],"sourcesContent":["import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Helmet } from 'react-helmet';\nimport PropTypes from 'prop-types';\nimport capitalize from 'lodash.capitalize';\n\nconst MetaTitle = props => {\n const {\n pageName,\n title,\n match: { params: { entityIdentifier } = {} }\n } = props;\n\n const titleToDisplay = pageName || capitalize(entityIdentifier) || title;\n\n const metaTitle = `${titleToDisplay} - Blaze`;\n\n return (\n <Helmet>\n <title>{metaTitle}</title>\n </Helmet>\n );\n};\n\nMetaTitle.propTypes = {\n title: PropTypes.string,\n pageName: PropTypes.string,\n match: PropTypes.object\n};\n\nMetaTitle.defaultProps = {\n title: '',\n pageName: '',\n match: {}\n};\n\nexport default withRouter(MetaTitle);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,MAAMK,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM,EAAE;QAAEC;MAAiB,CAAC,GAAG,CAAC;IAAE;EAC7C,CAAC,GAAGL,KAAK;EAET,MAAMM,cAAc,GAAGL,QAAQ,IAAI,IAAAM,eAAU,EAACF,gBAAgB,CAAC,IAAIH,KAAK;EAExE,MAAMM,SAAS,GAAG,GAAGF,cAAc,UAAU;EAE7C,oBACEd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,MAAM,qBACLnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,gBAAQF,SAAiB,CACnB,CAAC;AAEb,CAAC;AAEDT,SAAS,CAACa,SAAS,GAAG;EACpBV,KAAK,EAAEW,kBAAS,CAACC,MAAM;EACvBb,QAAQ,EAAEY,kBAAS,CAACC,MAAM;EAC1BX,KAAK,EAAEU,kBAAS,CAACE;AACnB,CAAC;AAEDhB,SAAS,CAACiB,YAAY,GAAG;EACvBd,KAAK,EAAE,EAAE;EACTD,QAAQ,EAAE,EAAE;EACZE,KAAK,EAAE,CAAC;AACV,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEa,IAAAU,0BAAU,EAACpB,SAAS,CAAC","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _MetaTitle = _interopRequireDefault(require("./MetaTitle"));
|
|
10
|
-
var _default = exports
|
|
9
|
+
var _default = exports.default = _MetaTitle.default;
|
|
11
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_MetaTitle","_interopRequireDefault","require","_default","exports","MetaTitle"],"sources":["../../../src/components/MetaTitle/index.js"],"sourcesContent":["import MetaTitle from './MetaTitle';\n\nexport default MetaTitle;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_MetaTitle","_interopRequireDefault","require","_default","exports","default","MetaTitle"],"sources":["../../../src/components/MetaTitle/index.js"],"sourcesContent":["import MetaTitle from './MetaTitle';\n\nexport default MetaTitle;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErBC,kBAAS","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
const _excluded = ["icon", "label", "className"];
|
|
13
|
+
const HeaderIconButton = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
icon,
|
|
16
|
+
label,
|
|
17
|
+
className
|
|
18
|
+
} = _ref,
|
|
19
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
|
|
21
|
+
type: "button",
|
|
22
|
+
className: `page-header__icon-button${className ? ` ${className}` : ''}`,
|
|
23
|
+
title: label,
|
|
24
|
+
"aria-label": label
|
|
25
|
+
}, rest), /*#__PURE__*/_react.default.createElement("span", {
|
|
26
|
+
className: "material-icons",
|
|
27
|
+
"aria-hidden": "true"
|
|
28
|
+
}, icon));
|
|
29
|
+
};
|
|
30
|
+
HeaderIconButton.propTypes = {
|
|
31
|
+
icon: _propTypes.default.string.isRequired,
|
|
32
|
+
label: _propTypes.default.string.isRequired,
|
|
33
|
+
className: _propTypes.default.string
|
|
34
|
+
};
|
|
35
|
+
HeaderIconButton.defaultProps = {
|
|
36
|
+
className: ''
|
|
37
|
+
};
|
|
38
|
+
var _default = exports.default = HeaderIconButton;
|
|
39
|
+
//# sourceMappingURL=HeaderIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderIconButton.js","names":["_react","_interopRequireDefault","require","_propTypes","_excluded","HeaderIconButton","_ref","icon","label","className","rest","_objectWithoutProperties2","default","createElement","_extends2","type","title","propTypes","PropTypes","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/PageHeader/HeaderIconButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst HeaderIconButton = ({ icon, label, className, ...rest }) => (\n <button\n type=\"button\"\n className={`page-header__icon-button${className ? ` ${className}` : ''}`}\n title={label}\n aria-label={label}\n {...rest}>\n <span className=\"material-icons\" aria-hidden=\"true\">\n {icon}\n </span>\n </button>\n);\n\nHeaderIconButton.propTypes = {\n icon: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n className: PropTypes.string\n};\n\nHeaderIconButton.defaultProps = {\n className: ''\n};\n\nexport default HeaderIconButton;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,MAAAE,SAAA;AAEnC,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAANI,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAF,SAAA;EAAA,oBACzDJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,eAAAC,SAAA,CAAAF,OAAA;IACEG,IAAI,EAAC,QAAQ;IACbN,SAAS,EAAE,2BAA2BA,SAAS,GAAG,IAAIA,SAAS,EAAE,GAAG,EAAE,EAAG;IACzEO,KAAK,EAAER,KAAM;IACb,cAAYA;EAAM,GACdE,IAAI,gBACRV,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAMJ,SAAS,EAAC,gBAAgB;IAAC,eAAY;EAAM,GAChDF,IACG,CACA,CAAC;AAAA,CACV;AAEDF,gBAAgB,CAACY,SAAS,GAAG;EAC3BV,IAAI,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCZ,KAAK,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCX,SAAS,EAAES,kBAAS,CAACC;AACvB,CAAC;AAEDd,gBAAgB,CAACgB,YAAY,GAAG;EAC9BZ,SAAS,EAAE;AACb,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEaP,gBAAgB","ignoreList":[]}
|
|
@@ -1,65 +1,115 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
|
-
exports
|
|
9
|
-
require("
|
|
10
|
-
require("core-js/modules/es.object.to-string.js");
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
10
|
var _MetaTitle = _interopRequireDefault(require("../MetaTitle/MetaTitle"));
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
11
|
+
var _HeaderIconButton = _interopRequireDefault(require("./HeaderIconButton"));
|
|
12
|
+
var _TitleEditor = _interopRequireDefault(require("./TitleEditor"));
|
|
13
|
+
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); }
|
|
14
|
+
const PageHeader = ({
|
|
15
|
+
title,
|
|
16
|
+
subtitle,
|
|
17
|
+
children,
|
|
18
|
+
pageName,
|
|
19
|
+
onViewUrl,
|
|
20
|
+
viewUrlDisabledReason,
|
|
21
|
+
onTitleChange,
|
|
22
|
+
titleActions
|
|
23
|
+
}) => {
|
|
24
|
+
const [isEditingTitle, setIsEditingTitle] = (0, _react.useState)(false);
|
|
25
|
+
const isTitleEditable = typeof onTitleChange === 'function';
|
|
26
|
+
// A reason renders the button disabled instead of dropping it.
|
|
27
|
+
const showViewButton = !!onViewUrl || !!viewUrlDisabledReason;
|
|
28
|
+
const hasTitleActions = isTitleEditable || !!titleActions || showViewButton;
|
|
29
|
+
const startEditing = () => setIsEditingTitle(true);
|
|
30
|
+
const stopEditing = () => setIsEditingTitle(false);
|
|
31
|
+
const saveTitle = nextTitle => {
|
|
32
|
+
stopEditing();
|
|
33
|
+
onTitleChange(nextTitle);
|
|
34
|
+
};
|
|
35
|
+
const renderTitle = () => {
|
|
36
|
+
if (isEditingTitle) {
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_TitleEditor.default, {
|
|
38
|
+
title: title,
|
|
39
|
+
onSave: saveTitle,
|
|
40
|
+
onCancel: stopEditing
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isTitleEditable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
+
className: "page-header__heading page-header__heading--editable",
|
|
45
|
+
onClick: startEditing,
|
|
46
|
+
title: "Edit title",
|
|
47
|
+
role: "button",
|
|
48
|
+
tabIndex: 0,
|
|
49
|
+
onKeyDown: ({
|
|
50
|
+
key
|
|
51
|
+
}) => key === 'Enter' && startEditing()
|
|
52
|
+
}, title) : /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
+
className: "page-header__heading"
|
|
54
|
+
}, title), hasTitleActions && /*#__PURE__*/_react.default.createElement("div", {
|
|
55
|
+
className: "page-header__title-actions"
|
|
56
|
+
}, isTitleEditable && /*#__PURE__*/_react.default.createElement(_HeaderIconButton.default, {
|
|
57
|
+
icon: "edit",
|
|
58
|
+
label: "Edit title",
|
|
59
|
+
onClick: startEditing,
|
|
60
|
+
"data-testid": "page-header-title-edit"
|
|
61
|
+
}), titleActions, showViewButton && /*#__PURE__*/_react.default.createElement(_HeaderIconButton.default, {
|
|
62
|
+
icon: "open_in_new",
|
|
63
|
+
label: viewUrlDisabledReason || 'View',
|
|
64
|
+
className: viewUrlDisabledReason ? 'page-header__icon-button--disabled' : '',
|
|
65
|
+
"aria-disabled": viewUrlDisabledReason ? 'true' : undefined,
|
|
66
|
+
onClick: viewUrlDisabledReason ? undefined : onViewUrl,
|
|
67
|
+
"data-testid": "page-header-view"
|
|
68
|
+
})));
|
|
69
|
+
};
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MetaTitle.default, {
|
|
21
71
|
title: title,
|
|
22
72
|
pageName: pageName
|
|
23
|
-
}), /*#__PURE__*/_react
|
|
73
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
24
74
|
className: "page-header--wrapper"
|
|
25
|
-
}, /*#__PURE__*/_react
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
26
76
|
className: "page-header page-header--sticky"
|
|
27
|
-
},
|
|
28
|
-
className: "page-
|
|
29
|
-
|
|
30
|
-
role: "button"
|
|
31
|
-
}, title) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
32
|
-
className: "page-header__heading"
|
|
33
|
-
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
78
|
+
className: "page-header__title"
|
|
79
|
+
}, renderTitle()), /*#__PURE__*/_react.default.createElement("div", {
|
|
34
80
|
className: "page-header__button"
|
|
35
|
-
}, children)), /*#__PURE__*/_react
|
|
81
|
+
}, children)), /*#__PURE__*/_react.default.createElement("div", {
|
|
36
82
|
className: "page-header page-header--base"
|
|
37
|
-
}, /*#__PURE__*/_react
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
38
84
|
className: "page-header__subheading"
|
|
39
85
|
}, subtitle))));
|
|
40
86
|
};
|
|
41
87
|
PageHeader.propTypes = {
|
|
42
|
-
title: _propTypes
|
|
43
|
-
subtitle: _propTypes
|
|
44
|
-
children: _propTypes
|
|
45
|
-
pageName: _propTypes
|
|
46
|
-
onViewUrl: _propTypes
|
|
88
|
+
title: _propTypes.default.string.isRequired,
|
|
89
|
+
subtitle: _propTypes.default.string,
|
|
90
|
+
children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),
|
|
91
|
+
pageName: _propTypes.default.string,
|
|
92
|
+
onViewUrl: _propTypes.default.func,
|
|
93
|
+
viewUrlDisabledReason: _propTypes.default.string,
|
|
94
|
+
onTitleChange: _propTypes.default.func,
|
|
95
|
+
titleActions: _propTypes.default.node
|
|
47
96
|
};
|
|
48
97
|
PageHeader.defaultProps = {
|
|
49
98
|
subtitle: '',
|
|
50
99
|
children: '',
|
|
51
100
|
pageName: '',
|
|
52
|
-
onViewUrl: null
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(children, function (child) {
|
|
57
|
-
return child && /*#__PURE__*/_react["default"].cloneElement(child);
|
|
58
|
-
}));
|
|
101
|
+
onViewUrl: null,
|
|
102
|
+
viewUrlDisabledReason: null,
|
|
103
|
+
onTitleChange: null,
|
|
104
|
+
titleActions: null
|
|
59
105
|
};
|
|
106
|
+
const PageHeaderActions = ({
|
|
107
|
+
children
|
|
108
|
+
}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _react.default.Children.map(children, child => child && /*#__PURE__*/_react.default.cloneElement(child)));
|
|
60
109
|
PageHeaderActions.propTypes = {
|
|
61
|
-
children: _propTypes
|
|
110
|
+
children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]).isRequired
|
|
62
111
|
};
|
|
63
112
|
PageHeader.Actions = PageHeaderActions;
|
|
64
|
-
|
|
113
|
+
PageHeader.IconButton = _HeaderIconButton.default;
|
|
114
|
+
var _default = exports.default = PageHeader;
|
|
65
115
|
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","names":["_react","
|
|
1
|
+
{"version":3,"file":"PageHeader.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_MetaTitle","_HeaderIconButton","_TitleEditor","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PageHeader","title","subtitle","children","pageName","onViewUrl","viewUrlDisabledReason","onTitleChange","titleActions","isEditingTitle","setIsEditingTitle","useState","isTitleEditable","showViewButton","hasTitleActions","startEditing","stopEditing","saveTitle","nextTitle","renderTitle","createElement","onSave","onCancel","Fragment","className","onClick","role","tabIndex","onKeyDown","key","icon","label","undefined","propTypes","PropTypes","string","isRequired","oneOfType","array","object","func","node","defaultProps","PageHeaderActions","React","Children","map","child","cloneElement","Actions","IconButton","HeaderIconButton","_default","exports"],"sources":["../../../src/components/PageHeader/PageHeader.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport MetaTitle from '../MetaTitle/MetaTitle';\nimport HeaderIconButton from './HeaderIconButton';\nimport TitleEditor from './TitleEditor';\n\nconst PageHeader = ({\n title,\n subtitle,\n children,\n pageName,\n onViewUrl,\n viewUrlDisabledReason,\n onTitleChange,\n titleActions\n}) => {\n const [isEditingTitle, setIsEditingTitle] = useState(false);\n const isTitleEditable = typeof onTitleChange === 'function';\n // A reason renders the button disabled instead of dropping it.\n const showViewButton = !!onViewUrl || !!viewUrlDisabledReason;\n const hasTitleActions = isTitleEditable || !!titleActions || showViewButton;\n\n const startEditing = () => setIsEditingTitle(true);\n const stopEditing = () => setIsEditingTitle(false);\n const saveTitle = nextTitle => {\n stopEditing();\n onTitleChange(nextTitle);\n };\n\n const renderTitle = () => {\n if (isEditingTitle) {\n return <TitleEditor title={title} onSave={saveTitle} onCancel={stopEditing} />;\n }\n\n return (\n <>\n {isTitleEditable ? (\n <div\n className=\"page-header__heading page-header__heading--editable\"\n onClick={startEditing}\n title=\"Edit title\"\n role=\"button\"\n tabIndex={0}\n onKeyDown={({ key }) => key === 'Enter' && startEditing()}>\n {title}\n </div>\n ) : (\n <div className=\"page-header__heading\">{title}</div>\n )}\n {hasTitleActions && (\n <div className=\"page-header__title-actions\">\n {isTitleEditable && (\n <HeaderIconButton\n icon=\"edit\"\n label=\"Edit title\"\n onClick={startEditing}\n data-testid=\"page-header-title-edit\"\n />\n )}\n {titleActions}\n {showViewButton && (\n <HeaderIconButton\n icon=\"open_in_new\"\n label={viewUrlDisabledReason || 'View'}\n className={viewUrlDisabledReason ? 'page-header__icon-button--disabled' : ''}\n aria-disabled={viewUrlDisabledReason ? 'true' : undefined}\n onClick={viewUrlDisabledReason ? undefined : onViewUrl}\n data-testid=\"page-header-view\"\n />\n )}\n </div>\n )}\n </>\n );\n };\n\n return (\n <>\n <MetaTitle title={title} pageName={pageName} />\n <div className=\"page-header--wrapper\">\n <div className=\"page-header page-header--sticky\">\n <div className=\"page-header__title\">{renderTitle()}</div>\n <div className=\"page-header__button\">{children}</div>\n </div>\n <div className=\"page-header page-header--base\">\n <div className=\"page-header__subheading\">{subtitle}</div>\n </div>\n </div>\n </>\n );\n};\n\nPageHeader.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n pageName: PropTypes.string,\n onViewUrl: PropTypes.func,\n viewUrlDisabledReason: PropTypes.string,\n onTitleChange: PropTypes.func,\n titleActions: PropTypes.node\n};\n\nPageHeader.defaultProps = {\n subtitle: '',\n children: '',\n pageName: '',\n onViewUrl: null,\n viewUrlDisabledReason: null,\n onTitleChange: null,\n titleActions: null\n};\n\nconst PageHeaderActions = ({ children }) => (\n <>{React.Children.map(children, child => child && React.cloneElement(child))}</>\n);\n\nPageHeaderActions.propTypes = {\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired\n};\n\nPageHeader.Actions = PageHeaderActions;\nPageHeader.IconButton = HeaderIconButton;\n\nexport default PageHeader;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAwC,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC,MAAMkB,UAAU,GAAGA,CAAC;EAClBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,qBAAqB;EACrBC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMC,eAAe,GAAG,OAAOL,aAAa,KAAK,UAAU;EAC3D;EACA,MAAMM,cAAc,GAAG,CAAC,CAACR,SAAS,IAAI,CAAC,CAACC,qBAAqB;EAC7D,MAAMQ,eAAe,GAAGF,eAAe,IAAI,CAAC,CAACJ,YAAY,IAAIK,cAAc;EAE3E,MAAME,YAAY,GAAGA,CAAA,KAAML,iBAAiB,CAAC,IAAI,CAAC;EAClD,MAAMM,WAAW,GAAGA,CAAA,KAAMN,iBAAiB,CAAC,KAAK,CAAC;EAClD,MAAMO,SAAS,GAAGC,SAAS,IAAI;IAC7BF,WAAW,CAAC,CAAC;IACbT,aAAa,CAACW,SAAS,CAAC;EAC1B,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIV,cAAc,EAAE;MAClB,oBAAOpC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAACxC,YAAA,CAAAW,OAAW;QAACU,KAAK,EAAEA,KAAM;QAACoB,MAAM,EAAEJ,SAAU;QAACK,QAAQ,EAAEN;MAAY,CAAE,CAAC;IAChF;IAEA,oBACE3C,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAAA/C,MAAA,CAAAkB,OAAA,CAAAgC,QAAA,QACGX,eAAe,gBACdvC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;MACEI,SAAS,EAAC,qDAAqD;MAC/DC,OAAO,EAAEV,YAAa;MACtBd,KAAK,EAAC,YAAY;MAClByB,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAE;MACZC,SAAS,EAAEA,CAAC;QAAEC;MAAI,CAAC,KAAKA,GAAG,KAAK,OAAO,IAAId,YAAY,CAAC;IAAE,GACzDd,KACE,CAAC,gBAEN5B,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;MAAKI,SAAS,EAAC;IAAsB,GAAEvB,KAAW,CACnD,EACAa,eAAe,iBACdzC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;MAAKI,SAAS,EAAC;IAA4B,GACxCZ,eAAe,iBACdvC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAACzC,iBAAA,CAAAY,OAAgB;MACfuC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,YAAY;MAClBN,OAAO,EAAEV,YAAa;MACtB,eAAY;IAAwB,CACrC,CACF,EACAP,YAAY,EACZK,cAAc,iBACbxC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAACzC,iBAAA,CAAAY,OAAgB;MACfuC,IAAI,EAAC,aAAa;MAClBC,KAAK,EAAEzB,qBAAqB,IAAI,MAAO;MACvCkB,SAAS,EAAElB,qBAAqB,GAAG,oCAAoC,GAAG,EAAG;MAC7E,iBAAeA,qBAAqB,GAAG,MAAM,GAAG0B,SAAU;MAC1DP,OAAO,EAAEnB,qBAAqB,GAAG0B,SAAS,GAAG3B,SAAU;MACvD,eAAY;IAAkB,CAC/B,CAEA,CAEP,CAAC;EAEP,CAAC;EAED,oBACEhC,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAAA/C,MAAA,CAAAkB,OAAA,CAAAgC,QAAA,qBACElD,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAAC1C,UAAA,CAAAa,OAAS;IAACU,KAAK,EAAEA,KAAM;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC/C/B,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAsB,gBACnCnD,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAiC,gBAC9CnD,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAoB,GAAEL,WAAW,CAAC,CAAO,CAAC,eACzD9C,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAqB,GAAErB,QAAc,CACjD,CAAC,eACN9B,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAA+B,gBAC5CnD,MAAA,CAAAkB,OAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAyB,GAAEtB,QAAc,CACrD,CACF,CACL,CAAC;AAEP,CAAC;AAEDF,UAAU,CAACiC,SAAS,GAAG;EACrBhC,KAAK,EAAEiC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClClC,QAAQ,EAAEgC,kBAAS,CAACC,MAAM;EAC1BhC,QAAQ,EAAE+B,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,KAAK,EAAEJ,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACC,MAAM,CAAC,CAAC;EACpF/B,QAAQ,EAAE8B,kBAAS,CAACC,MAAM;EAC1B9B,SAAS,EAAE6B,kBAAS,CAACM,IAAI;EACzBlC,qBAAqB,EAAE4B,kBAAS,CAACC,MAAM;EACvC5B,aAAa,EAAE2B,kBAAS,CAACM,IAAI;EAC7BhC,YAAY,EAAE0B,kBAAS,CAACO;AAC1B,CAAC;AAEDzC,UAAU,CAAC0C,YAAY,GAAG;EACxBxC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE,IAAI;EACfC,qBAAqB,EAAE,IAAI;EAC3BC,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE;AAChB,CAAC;AAED,MAAMmC,iBAAiB,GAAGA,CAAC;EAAExC;AAAS,CAAC,kBACrC9B,MAAA,CAAAkB,OAAA,CAAA6B,aAAA,CAAA/C,MAAA,CAAAkB,OAAA,CAAAgC,QAAA,QAAGqB,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAC3C,QAAQ,EAAE4C,KAAK,IAAIA,KAAK,iBAAIH,cAAK,CAACI,YAAY,CAACD,KAAK,CAAC,CAAI,CAChF;AAEDJ,iBAAiB,CAACV,SAAS,GAAG;EAC5B9B,QAAQ,EAAE+B,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,KAAK,EAAEJ,kBAAS,CAACK,MAAM,CAAC,CAAC,CAACH;AACrE,CAAC;AAEDpC,UAAU,CAACiD,OAAO,GAAGN,iBAAiB;AACtC3C,UAAU,CAACkD,UAAU,GAAGC,yBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9D,OAAA,GAE1BS,UAAU","ignoreList":[]}
|