@blaze-cms/plugin-admin-core-ui 0.146.0-rc-eagle-3.13 → 0.146.0-rc-eagle-3.14
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/components/Layout/Layout.js +21 -0
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/constants.js +2 -1
- package/lib/constants.js.map +1 -1
- package/lib-es/components/Layout/Layout.js +22 -1
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/constants.js +2 -1
- package/lib-es/constants.js.map +1 -1
- package/package.json +4 -4
- package/src/components/Layout/Layout.js +21 -1
- package/src/constants.js +10 -1
|
@@ -15,12 +15,33 @@ require("@blaze-cms/admin-ui-styles/main.scss");
|
|
|
15
15
|
var _components2 = require("./components");
|
|
16
16
|
var _Background = _interopRequireDefault(require("./Background"));
|
|
17
17
|
var _Header = _interopRequireDefault(require("../Header"));
|
|
18
|
+
var _constants = require("../../constants");
|
|
18
19
|
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); }
|
|
19
20
|
const Layout = ({
|
|
20
21
|
children
|
|
21
22
|
}) => {
|
|
22
23
|
const [isOpenMenu, setOpenMenu] = (0, _react.useState)(true);
|
|
23
24
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
25
|
+
const isOpenMenuRef = (0, _react.useRef)(isOpenMenu);
|
|
26
|
+
isOpenMenuRef.current = isOpenMenu;
|
|
27
|
+
(0, _react.useEffect)(() => {
|
|
28
|
+
let openBeforeFullScreen = null;
|
|
29
|
+
const onFullScreen = ({
|
|
30
|
+
detail: {
|
|
31
|
+
isFullScreen
|
|
32
|
+
}
|
|
33
|
+
}) => {
|
|
34
|
+
if (isFullScreen) {
|
|
35
|
+
openBeforeFullScreen = isOpenMenuRef.current;
|
|
36
|
+
setOpenMenu(false);
|
|
37
|
+
} else if (openBeforeFullScreen !== null) {
|
|
38
|
+
setOpenMenu(openBeforeFullScreen);
|
|
39
|
+
openBeforeFullScreen = null;
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
window.addEventListener(_constants.EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
43
|
+
return () => window.removeEventListener(_constants.EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
44
|
+
}, []);
|
|
24
45
|
const simpleLayout = window.location !== window.parent.location;
|
|
25
46
|
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
26
47
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","_coreAuthUi","_components2","_Background","_Header","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Layout","children","isOpenMenu","setOpenMenu","useState","onMenuClick","
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_components","_adminUiUtils","_pluginAuthUi","_coreAuthUi","_components2","_Background","_Header","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Layout","children","isOpenMenu","setOpenMenu","useState","onMenuClick","isOpenMenuRef","useRef","current","useEffect","openBeforeFullScreen","onFullScreen","detail","isFullScreen","window","addEventListener","EDITOR_FULL_SCREEN_EVENT","removeEventListener","simpleLayout","location","parent","wrapperClass","createElement","className","Query","query","getQuery","errorPolicy","data","session","isLoggedIn","userData","Fragment","BlazeAuthContextWrapper","LoginModal","Grid","Login","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","_default","exports"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login, LoginModal } from '@blaze-cms/plugin-auth-ui';\nimport { BlazeAuthContextWrapper } from '@blaze-cms/core-auth-ui';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport { Grid } from './components';\nimport Background from './Background';\n\nimport Header from '../Header';\nimport { EDITOR_FULL_SCREEN_EVENT } from '../../constants';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n const isOpenMenuRef = useRef(isOpenMenu);\n isOpenMenuRef.current = isOpenMenu;\n\n useEffect(() => {\n let openBeforeFullScreen = null;\n\n const onFullScreen = ({ detail: { isFullScreen } }) => {\n if (isFullScreen) {\n openBeforeFullScreen = isOpenMenuRef.current;\n setOpenMenu(false);\n } else if (openBeforeFullScreen !== null) {\n setOpenMenu(openBeforeFullScreen);\n openBeforeFullScreen = null;\n }\n };\n\n window.addEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);\n return () => window.removeEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);\n }, []);\n\n const simpleLayout = window.location !== window.parent.location;\n const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';\n\n return (\n <div className={`site-container grid--site-container${wrapperClass}`}>\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n {!simpleLayout && (\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n )}\n {isLoggedIn ? (\n <BlazeAuthContextWrapper>\n {!simpleLayout && <LoginModal />}\n <Grid\n isOpenMenu={isOpenMenu}\n onMenuClick={onMenuClick}\n userData={userData}\n simpleLayout={simpleLayout}>\n {children}\n </Grid>\n </BlazeAuthContextWrapper>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/constants.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.PLUGIN_NAME = exports.LOGO_PROPS = exports.DOWN_ICON = exports.DEFAULT_LABEL = exports.ACTIVE_LABEL = void 0;
|
|
6
|
+
exports.PLUGIN_NAME = exports.LOGO_PROPS = exports.EDITOR_FULL_SCREEN_EVENT = exports.DOWN_ICON = exports.DEFAULT_LABEL = exports.ACTIVE_LABEL = void 0;
|
|
7
7
|
const PLUGIN_NAME = exports.PLUGIN_NAME = 'admin-core-ui';
|
|
8
8
|
const LOGO_PROPS = exports.LOGO_PROPS = {
|
|
9
9
|
src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'
|
|
@@ -17,4 +17,5 @@ const ACTIVE_LABEL = exports.ACTIVE_LABEL = {
|
|
|
17
17
|
icon: 'up'
|
|
18
18
|
};
|
|
19
19
|
const DOWN_ICON = exports.DOWN_ICON = 'down';
|
|
20
|
+
const EDITOR_FULL_SCREEN_EVENT = exports.EDITOR_FULL_SCREEN_EVENT = 'blaze:editor-full-screen';
|
|
20
21
|
//# sourceMappingURL=constants.js.map
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport {
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON","EDITOR_FULL_SCREEN_EVENT"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nconst EDITOR_FULL_SCREEN_EVENT = 'blaze:editor-full-screen';\n\nexport {\n PLUGIN_NAME,\n LOGO_PROPS,\n ACTIVE_LABEL,\n DEFAULT_LABEL,\n DOWN_ICON,\n EDITOR_FULL_SCREEN_EVENT\n};\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,eAAe;AACnC,MAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GAAG;EACjBC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,yBAAyB,IAAI;AAChD,CAAC;AAED,MAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAME,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,MAAM;AAExB,MAAMC,wBAAwB,GAAAX,OAAA,CAAAW,wBAAA,GAAG,0BAA0B","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { Query } from '@apollo/client/react/components';
|
|
4
4
|
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
@@ -8,11 +8,32 @@ import '@blaze-cms/admin-ui-styles/main.scss';
|
|
|
8
8
|
import { Grid } from './components';
|
|
9
9
|
import Background from './Background';
|
|
10
10
|
import Header from '../Header';
|
|
11
|
+
import { EDITOR_FULL_SCREEN_EVENT } from '../../constants';
|
|
11
12
|
const Layout = ({
|
|
12
13
|
children
|
|
13
14
|
}) => {
|
|
14
15
|
const [isOpenMenu, setOpenMenu] = useState(true);
|
|
15
16
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
17
|
+
const isOpenMenuRef = useRef(isOpenMenu);
|
|
18
|
+
isOpenMenuRef.current = isOpenMenu;
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
let openBeforeFullScreen = null;
|
|
21
|
+
const onFullScreen = ({
|
|
22
|
+
detail: {
|
|
23
|
+
isFullScreen
|
|
24
|
+
}
|
|
25
|
+
}) => {
|
|
26
|
+
if (isFullScreen) {
|
|
27
|
+
openBeforeFullScreen = isOpenMenuRef.current;
|
|
28
|
+
setOpenMenu(false);
|
|
29
|
+
} else if (openBeforeFullScreen !== null) {
|
|
30
|
+
setOpenMenu(openBeforeFullScreen);
|
|
31
|
+
openBeforeFullScreen = null;
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
window.addEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
35
|
+
return () => window.removeEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
36
|
+
}, []);
|
|
16
37
|
const simpleLayout = window.location !== window.parent.location;
|
|
17
38
|
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
|
18
39
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["React","useState","PropTypes","Query","getQuery","Login","LoginModal","BlazeAuthContextWrapper","Grid","Background","Header","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["React","useEffect","useRef","useState","PropTypes","Query","getQuery","Login","LoginModal","BlazeAuthContextWrapper","Grid","Background","Header","EDITOR_FULL_SCREEN_EVENT","Layout","children","isOpenMenu","setOpenMenu","onMenuClick","isOpenMenuRef","current","openBeforeFullScreen","onFullScreen","detail","isFullScreen","window","addEventListener","removeEventListener","simpleLayout","location","parent","wrapperClass","createElement","className","query","errorPolicy","data","session","isLoggedIn","userData","Fragment","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Query } from '@apollo/client/react/components';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Login, LoginModal } from '@blaze-cms/plugin-auth-ui';\nimport { BlazeAuthContextWrapper } from '@blaze-cms/core-auth-ui';\nimport '@blaze-cms/admin-ui-styles/main.scss';\nimport { Grid } from './components';\nimport Background from './Background';\n\nimport Header from '../Header';\nimport { EDITOR_FULL_SCREEN_EVENT } from '../../constants';\n\nconst Layout = ({ children }) => {\n const [isOpenMenu, setOpenMenu] = useState(true);\n\n const onMenuClick = () => setOpenMenu(!isOpenMenu);\n const isOpenMenuRef = useRef(isOpenMenu);\n isOpenMenuRef.current = isOpenMenu;\n\n useEffect(() => {\n let openBeforeFullScreen = null;\n\n const onFullScreen = ({ detail: { isFullScreen } }) => {\n if (isFullScreen) {\n openBeforeFullScreen = isOpenMenuRef.current;\n setOpenMenu(false);\n } else if (openBeforeFullScreen !== null) {\n setOpenMenu(openBeforeFullScreen);\n openBeforeFullScreen = null;\n }\n };\n\n window.addEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);\n return () => window.removeEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);\n }, []);\n\n const simpleLayout = window.location !== window.parent.location;\n const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';\n\n return (\n <div className={`site-container grid--site-container${wrapperClass}`}>\n <Query query={getQuery('GET_USER_AUTH_DATA')} errorPolicy=\"all\">\n {({ data = {} }) => {\n const { session: { isLoggedIn, userData = {} } = {} } = data;\n\n return (\n <>\n {!simpleLayout && (\n <Header isLoggedIn={isLoggedIn} onMenuClick={onMenuClick} isOpenMenu={isOpenMenu} />\n )}\n {isLoggedIn ? (\n <BlazeAuthContextWrapper>\n {!simpleLayout && <LoginModal />}\n <Grid\n isOpenMenu={isOpenMenu}\n onMenuClick={onMenuClick}\n userData={userData}\n simpleLayout={simpleLayout}>\n {children}\n </Grid>\n </BlazeAuthContextWrapper>\n ) : (\n <Background>\n <Login />\n </Background>\n )}\n </>\n );\n }}\n </Query>\n </div>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,EAAEC,UAAU,QAAQ,2BAA2B;AAC7D,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,OAAO,sCAAsC;AAC7C,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,cAAc;AAErC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,wBAAwB,QAAQ,iBAAiB;AAE1D,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC/B,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAEhD,MAAMe,WAAW,GAAGA,CAAA,KAAMD,WAAW,CAAC,CAACD,UAAU,CAAC;EAClD,MAAMG,aAAa,GAAGjB,MAAM,CAACc,UAAU,CAAC;EACxCG,aAAa,CAACC,OAAO,GAAGJ,UAAU;EAElCf,SAAS,CAAC,MAAM;IACd,IAAIoB,oBAAoB,GAAG,IAAI;IAE/B,MAAMC,YAAY,GAAGA,CAAC;MAAEC,MAAM,EAAE;QAAEC;MAAa;IAAE,CAAC,KAAK;MACrD,IAAIA,YAAY,EAAE;QAChBH,oBAAoB,GAAGF,aAAa,CAACC,OAAO;QAC5CH,WAAW,CAAC,KAAK,CAAC;MACpB,CAAC,MAAM,IAAII,oBAAoB,KAAK,IAAI,EAAE;QACxCJ,WAAW,CAACI,oBAAoB,CAAC;QACjCA,oBAAoB,GAAG,IAAI;MAC7B;IACF,CAAC;IAEDI,MAAM,CAACC,gBAAgB,CAACb,wBAAwB,EAAES,YAAY,CAAC;IAC/D,OAAO,MAAMG,MAAM,CAACE,mBAAmB,CAACd,wBAAwB,EAAES,YAAY,CAAC;EACjF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,YAAY,GAAGH,MAAM,CAACI,QAAQ,KAAKJ,MAAM,CAACK,MAAM,CAACD,QAAQ;EAC/D,MAAME,YAAY,GAAGH,YAAY,GAAG,qCAAqC,GAAG,EAAE;EAE9E,oBACE5B,KAAA,CAAAgC,aAAA;IAAKC,SAAS,EAAE,sCAAsCF,YAAY;EAAG,gBACnE/B,KAAA,CAAAgC,aAAA,CAAC3B,KAAK;IAAC6B,KAAK,EAAE5B,QAAQ,CAAC,oBAAoB,CAAE;IAAC6B,WAAW,EAAC;EAAK,GAC5D,CAAC;IAAEC,IAAI,GAAG,CAAC;EAAE,CAAC,KAAK;IAClB,MAAM;MAAEC,OAAO,EAAE;QAAEC,UAAU;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGH,IAAI;IAE5D,oBACEpC,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAwC,QAAA,QACG,CAACZ,YAAY,iBACZ5B,KAAA,CAAAgC,aAAA,CAACpB,MAAM;MAAC0B,UAAU,EAAEA,UAAW;MAACpB,WAAW,EAAEA,WAAY;MAACF,UAAU,EAAEA;IAAW,CAAE,CACpF,EACAsB,UAAU,gBACTtC,KAAA,CAAAgC,aAAA,CAACvB,uBAAuB,QACrB,CAACmB,YAAY,iBAAI5B,KAAA,CAAAgC,aAAA,CAACxB,UAAU,MAAE,CAAC,eAChCR,KAAA,CAAAgC,aAAA,CAACtB,IAAI;MACHM,UAAU,EAAEA,UAAW;MACvBE,WAAW,EAAEA,WAAY;MACzBqB,QAAQ,EAAEA,QAAS;MACnBX,YAAY,EAAEA;IAAa,GAC1Bb,QACG,CACiB,CAAC,gBAE1Bf,KAAA,CAAAgC,aAAA,CAACrB,UAAU,qBACTX,KAAA,CAAAgC,aAAA,CAACzB,KAAK,MAAE,CACE,CAEd,CAAC;EAEP,CACK,CACJ,CAAC;AAEV,CAAC;AAEDO,MAAM,CAAC2B,SAAS,GAAG;EACjB1B,QAAQ,EAAEX,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,OAAO,CAACvC,SAAS,CAACwC,IAAI,CAAC,EAAExC,SAAS,CAACwC,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,eAAe/B,MAAM","ignoreList":[]}
|
package/lib-es/constants.js
CHANGED
|
@@ -11,5 +11,6 @@ const ACTIVE_LABEL = {
|
|
|
11
11
|
icon: 'up'
|
|
12
12
|
};
|
|
13
13
|
const DOWN_ICON = 'down';
|
|
14
|
-
|
|
14
|
+
const EDITOR_FULL_SCREEN_EVENT = 'blaze:editor-full-screen';
|
|
15
|
+
export { PLUGIN_NAME, LOGO_PROPS, ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON, EDITOR_FULL_SCREEN_EVENT };
|
|
15
16
|
//# sourceMappingURL=constants.js.map
|
package/lib-es/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nexport {
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","LOGO_PROPS","src","process","env","BLAZE_ADMIN_HEAD_LOGO_URL","DEFAULT_LABEL","text","icon","ACTIVE_LABEL","DOWN_ICON","EDITOR_FULL_SCREEN_EVENT"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'admin-core-ui';\nconst LOGO_PROPS = {\n src: process.env.BLAZE_ADMIN_HEAD_LOGO_URL || 'https://images.thisisblaze.com/logo-98-148.png'\n};\n\nconst DEFAULT_LABEL = {\n text: 'See more',\n icon: 'down'\n};\n\nconst ACTIVE_LABEL = {\n text: 'See less',\n icon: 'up'\n};\n\nconst DOWN_ICON = 'down';\n\nconst EDITOR_FULL_SCREEN_EVENT = 'blaze:editor-full-screen';\n\nexport {\n PLUGIN_NAME,\n LOGO_PROPS,\n ACTIVE_LABEL,\n DEFAULT_LABEL,\n DOWN_ICON,\n EDITOR_FULL_SCREEN_EVENT\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,eAAe;AACnC,MAAMC,UAAU,GAAG;EACjBC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,yBAAyB,IAAI;AAChD,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,MAAME,SAAS,GAAG,MAAM;AAExB,MAAMC,wBAAwB,GAAG,0BAA0B;AAE3D,SACEX,WAAW,EACXC,UAAU,EACVQ,YAAY,EACZH,aAAa,EACbI,SAAS,EACTC,wBAAwB","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-admin-core-ui",
|
|
3
|
-
"version": "0.146.0-rc-eagle-3.
|
|
3
|
+
"version": "0.146.0-rc-eagle-3.14",
|
|
4
4
|
"description": "Blaze plugin admin core ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"license": "GPL-3.0",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@blaze-cms/admin-ui-styles": "0.146.0-rc-eagle-3.
|
|
35
|
+
"@blaze-cms/admin-ui-styles": "0.146.0-rc-eagle-3.14",
|
|
36
36
|
"@blaze-cms/admin-ui-utils": "0.146.0-rc-eagle-3.13",
|
|
37
37
|
"@blaze-cms/core-ui": "0.146.0-rc-eagle-3.6",
|
|
38
38
|
"@blaze-cms/plugin-search-ui": "0.146.0-rc-eagle-3.13",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"react-router-dom": "^5.0.1"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@blaze-cms/plugin-auth-ui": "0.146.0-rc-eagle-3.
|
|
54
|
+
"@blaze-cms/plugin-auth-ui": "0.146.0-rc-eagle-3.14",
|
|
55
55
|
"lodash.merge": "^4.6.2",
|
|
56
56
|
"waait": "1.0.5"
|
|
57
57
|
},
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"lib/*",
|
|
64
64
|
"lib-es/*"
|
|
65
65
|
],
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "0d21c95fc0c37d3a5d1b9da35d12612cf44816c9"
|
|
67
67
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { Query } from '@apollo/client/react/components';
|
|
4
4
|
import { getQuery } from '@blaze-cms/admin-ui-utils';
|
|
@@ -9,11 +9,31 @@ import { Grid } from './components';
|
|
|
9
9
|
import Background from './Background';
|
|
10
10
|
|
|
11
11
|
import Header from '../Header';
|
|
12
|
+
import { EDITOR_FULL_SCREEN_EVENT } from '../../constants';
|
|
12
13
|
|
|
13
14
|
const Layout = ({ children }) => {
|
|
14
15
|
const [isOpenMenu, setOpenMenu] = useState(true);
|
|
15
16
|
|
|
16
17
|
const onMenuClick = () => setOpenMenu(!isOpenMenu);
|
|
18
|
+
const isOpenMenuRef = useRef(isOpenMenu);
|
|
19
|
+
isOpenMenuRef.current = isOpenMenu;
|
|
20
|
+
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
let openBeforeFullScreen = null;
|
|
23
|
+
|
|
24
|
+
const onFullScreen = ({ detail: { isFullScreen } }) => {
|
|
25
|
+
if (isFullScreen) {
|
|
26
|
+
openBeforeFullScreen = isOpenMenuRef.current;
|
|
27
|
+
setOpenMenu(false);
|
|
28
|
+
} else if (openBeforeFullScreen !== null) {
|
|
29
|
+
setOpenMenu(openBeforeFullScreen);
|
|
30
|
+
openBeforeFullScreen = null;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
window.addEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
35
|
+
return () => window.removeEventListener(EDITOR_FULL_SCREEN_EVENT, onFullScreen);
|
|
36
|
+
}, []);
|
|
17
37
|
|
|
18
38
|
const simpleLayout = window.location !== window.parent.location;
|
|
19
39
|
const wrapperClass = simpleLayout ? ' grid--site-container--simle-layout' : '';
|
package/src/constants.js
CHANGED
|
@@ -15,4 +15,13 @@ const ACTIVE_LABEL = {
|
|
|
15
15
|
|
|
16
16
|
const DOWN_ICON = 'down';
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
const EDITOR_FULL_SCREEN_EVENT = 'blaze:editor-full-screen';
|
|
19
|
+
|
|
20
|
+
export {
|
|
21
|
+
PLUGIN_NAME,
|
|
22
|
+
LOGO_PROPS,
|
|
23
|
+
ACTIVE_LABEL,
|
|
24
|
+
DEFAULT_LABEL,
|
|
25
|
+
DOWN_ICON,
|
|
26
|
+
EDITOR_FULL_SCREEN_EVENT
|
|
27
|
+
};
|