piral-page-layouts 1.3.0-beta.6050 → 1.3.0-beta.6059
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/esm/create.js +9 -6
- package/esm/create.js.map +1 -1
- package/lib/create.js +9 -6
- package/lib/create.js.map +1 -1
- package/package.json +4 -3
- package/piral-page-layouts.min.js +9 -1
- package/src/create.ts +13 -10
package/esm/create.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as actions from './actions';
|
|
2
2
|
import { createElement } from 'react';
|
|
3
|
+
import { useLocation } from 'react-router-dom';
|
|
3
4
|
import { withApi, defaultRender, useGlobalState } from 'piral-core';
|
|
4
5
|
function getPageLayouts(items) {
|
|
5
6
|
const layouts = {};
|
|
@@ -13,18 +14,20 @@ function getPageLayouts(items) {
|
|
|
13
14
|
}
|
|
14
15
|
return layouts;
|
|
15
16
|
}
|
|
16
|
-
const
|
|
17
|
-
function createPageWrapper(
|
|
17
|
+
const DefaultLayout = props => defaultRender(props.children);
|
|
18
|
+
function createPageWrapper(Routes, fallback = 'default') {
|
|
18
19
|
return (props) => {
|
|
19
20
|
var _a;
|
|
20
|
-
const
|
|
21
|
+
const location = useLocation();
|
|
22
|
+
const data = props.paths.find(m => m.matcher.test(location.pathname));
|
|
23
|
+
const layout = ((_a = data === null || data === void 0 ? void 0 : data.meta) === null || _a === void 0 ? void 0 : _a.layout) || fallback;
|
|
21
24
|
const registration = useGlobalState((s) => s.registry.pageLayouts[layout] || s.registry.pageLayouts[fallback]);
|
|
22
|
-
const Layout = (registration === null || registration === void 0 ? void 0 : registration.component) ||
|
|
23
|
-
return createElement(Layout, props, createElement(
|
|
25
|
+
const Layout = (registration === null || registration === void 0 ? void 0 : registration.component) || DefaultLayout;
|
|
26
|
+
return createElement(Layout, props, createElement(Routes, props));
|
|
24
27
|
};
|
|
25
28
|
}
|
|
26
29
|
function withPageLayouts(pageLayouts, fallback) {
|
|
27
|
-
return (state) => (Object.assign(Object.assign({}, state), {
|
|
30
|
+
return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign(Object.assign({}, state.components), { RouteSwitch: createPageWrapper(state.components.RouteSwitch, fallback) }), registry: Object.assign(Object.assign({}, state.registry), { pageLayouts }) }));
|
|
28
31
|
}
|
|
29
32
|
/**
|
|
30
33
|
* Creates new Pilet API extensions for dealing with page layouts.
|
package/esm/create.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAiB,aAAa,EAAqB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAsD,OAAO,EAAE,aAAa,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
|
package/lib/create.js
CHANGED
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.createPageLayoutsApi = void 0;
|
|
4
4
|
const actions = require("./actions");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
+
const react_router_dom_1 = require("react-router-dom");
|
|
6
7
|
const piral_core_1 = require("piral-core");
|
|
7
8
|
function getPageLayouts(items) {
|
|
8
9
|
const layouts = {};
|
|
@@ -16,18 +17,20 @@ function getPageLayouts(items) {
|
|
|
16
17
|
}
|
|
17
18
|
return layouts;
|
|
18
19
|
}
|
|
19
|
-
const
|
|
20
|
-
function createPageWrapper(
|
|
20
|
+
const DefaultLayout = props => (0, piral_core_1.defaultRender)(props.children);
|
|
21
|
+
function createPageWrapper(Routes, fallback = 'default') {
|
|
21
22
|
return (props) => {
|
|
22
23
|
var _a;
|
|
23
|
-
const
|
|
24
|
+
const location = (0, react_router_dom_1.useLocation)();
|
|
25
|
+
const data = props.paths.find(m => m.matcher.test(location.pathname));
|
|
26
|
+
const layout = ((_a = data === null || data === void 0 ? void 0 : data.meta) === null || _a === void 0 ? void 0 : _a.layout) || fallback;
|
|
24
27
|
const registration = (0, piral_core_1.useGlobalState)((s) => s.registry.pageLayouts[layout] || s.registry.pageLayouts[fallback]);
|
|
25
|
-
const Layout = (registration === null || registration === void 0 ? void 0 : registration.component) ||
|
|
26
|
-
return (0, react_1.createElement)(Layout, props, (0, react_1.createElement)(
|
|
28
|
+
const Layout = (registration === null || registration === void 0 ? void 0 : registration.component) || DefaultLayout;
|
|
29
|
+
return (0, react_1.createElement)(Layout, props, (0, react_1.createElement)(Routes, props));
|
|
27
30
|
};
|
|
28
31
|
}
|
|
29
32
|
function withPageLayouts(pageLayouts, fallback) {
|
|
30
|
-
return (state) => (Object.assign(Object.assign({}, state), {
|
|
33
|
+
return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign(Object.assign({}, state.components), { RouteSwitch: createPageWrapper(state.components.RouteSwitch, fallback) }), registry: Object.assign(Object.assign({}, state.registry), { pageLayouts }) }));
|
|
31
34
|
}
|
|
32
35
|
/**
|
|
33
36
|
* Creates new Pilet API extensions for dealing with page layouts.
|
package/lib/create.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AAAA,qCAAqC;AACrC,iCAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-page-layouts",
|
|
3
|
-
"version": "1.3.0-beta.
|
|
3
|
+
"version": "1.3.0-beta.6059",
|
|
4
4
|
"description": "Plugin for providing different page layouts in Piral.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral",
|
|
@@ -61,7 +61,8 @@
|
|
|
61
61
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"piral-core": "1.3.0-beta.
|
|
64
|
+
"piral-core": "1.3.0-beta.6059",
|
|
65
|
+
"react-router-dom": "^5.2.0"
|
|
65
66
|
},
|
|
66
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "ad05f392cd349ca6f6ac5b8cea1a8934ee3d202e"
|
|
67
68
|
}
|
|
@@ -1 +1,9 @@
|
|
|
1
|
-
var piralPageLayouts=(()=>{var A=Object.create;var l=Object.defineProperty,T=Object.defineProperties,x=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,j=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var b=(t,e,o)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,i=(t,e)=>{for(var o in e||(e={}))h.call(e,o)&&b(t,o,e[o]);if(d)for(var o of d(e))k.call(e,o)&&b(t,o,e[o]);return t},n=(t,e)=>T(t,D(e)),R=t=>l(t,"__esModule",{value:!0});var P=(t=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(t,{get:(e,o)=>(typeof require!="undefined"?require:e)[o]}):t)(function(t){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+t+'" is not supported')});var S=(t,e)=>{R(t);for(var o in e)l(t,o,{get:e[o],enumerable:!0})},E=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of W(e))!h.call(t,r)&&r!=="default"&&l(t,r,{get:()=>e[r],enumerable:!(o=x(e,r))||o.enumerable});return t},f=t=>E(R(l(t!=null?A(j(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var F={};S(F,{createPageLayoutsApi:()=>B});var L={};S(L,{registerPageLayout:()=>K,unregisterPageLayout:()=>O});var c=f(P("piral-core"));function K(t,e,o){t.dispatch(r=>n(i({},r),{registry:n(i({},r.registry),{pageLayouts:(0,c.withKey)(r.registry.pageLayouts,e,o)})}))}function O(t,e){t.dispatch(o=>n(i({},o),{registry:n(i({},o.registry),{pageLayouts:(0,c.withoutKey)(o.registry.pageLayouts,e)})}))}var m=f(P("react")),y=f(P("piral-core"));function q(t){let e={};return t&&typeof t=="object"&&Object.keys(t).forEach(o=>{e[o]={pilet:void 0,component:t[o]}}),e}var w=t=>(0,y.defaultRender)(t.children);function v(t=w,e="default"){return o=>{var g;let r=((g=o.meta)==null?void 0:g.layout)||e,s=(0,y.useGlobalState)(a=>a.registry.pageLayouts[r]||a.registry.pageLayouts[e]),p=(s==null?void 0:s.component)||w;return(0,m.createElement)(p,o,(0,m.createElement)(t,o))}}function z(t,e){return o=>n(i({},o),{registry:n(i({},o.registry),{wrappers:n(i({},o.registry.wrappers),{page:v(o.registry.wrappers.page,e)}),pageLayouts:t})})}function B(t={}){let{layouts:e={},fallback:o}=t;return r=>{let s=p=>r.readState(g=>g.registry.pageLayouts[p]);return r.defineActions(L),r.dispatch(z(q(e),o)),p=>{let g=p.meta.name;return{registerPageLayout(a,u){let C=s(a);if(!C||C.pilet===g){let G=(0,y.withApi)(r,u,p,"pageLayout");r.registerPageLayout(a,{component:G,pilet:g})}return()=>p.unregisterPageLayout(a)},unregisterPageLayout(a){let u=s(a);(u==null?void 0:u.pilet)===g&&r.unregisterPageLayout(a)}}}}}return F;})();
|
|
1
|
+
var piralPageLayouts=(()=>{var nr=Object.create;var le=Object.defineProperty,or=Object.defineProperties,ir=Object.getOwnPropertyDescriptor,ar=Object.getOwnPropertyDescriptors,sr=Object.getOwnPropertyNames,ot=Object.getOwnPropertySymbols,cr=Object.getPrototypeOf,it=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable;var at=(e,t,r)=>t in e?le(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Q=(e,t)=>{for(var r in t||(t={}))it.call(t,r)&&at(e,r,t[r]);if(ot)for(var r of ot(t))ur.call(t,r)&&at(e,r,t[r]);return e},Z=(e,t)=>or(e,ar(t)),st=e=>le(e,"__esModule",{value:!0});var se=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,r)=>(typeof require!="undefined"?require:t)[r]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var ee=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ct=(e,t)=>{st(e);for(var r in t)le(e,r,{get:t[r],enumerable:!0})},pr=(e,t,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of sr(t))!it.call(e,n)&&n!=="default"&&le(e,n,{get:()=>t[n],enumerable:!(r=ir(t,n))||r.enumerable});return e},J=e=>pr(st(le(e!=null?nr(cr(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e);var pt=ee((Rn,ut)=>{"use strict";var hr="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";ut.exports=hr});var dt=ee((xn,ht)=>{"use strict";var dr=pt();function ft(){}function lt(){}lt.resetWarningCache=ft;ht.exports=function(){function e(n,o,i,s,p,u){if(u!==dr){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}e.isRequired=e;function t(){return e}var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:lt,resetWarningCache:ft};return r.PropTypes=r,r}});var mt=ee((Ln,vt)=>{vt.exports=dt()();var On,_n});var Vt=ee((kn,Mt)=>{Mt.exports=Array.isArray||function(e){return Object.prototype.toString.call(e)=="[object Array]"}});var Ut=ee((Wn,ce)=>{var we=Vt();ce.exports=Ht;ce.exports.parse=Be;ce.exports.compile=Dr;ce.exports.tokensToFunction=$t;ce.exports.tokensToRegExp=jt;var Sr=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Be(e,t){for(var r=[],n=0,o=0,i="",s=t&&t.delimiter||"/",p;(p=Sr.exec(e))!=null;){var u=p[0],a=p[1],c=p.index;if(i+=e.slice(o,c),o=c+u.length,a){i+=a[1];continue}var f=e[o],l=p[2],v=p[3],m=p[4],R=p[5],N=p[6],C=p[7];i&&(r.push(i),i="");var D=l!=null&&f!=null&&f!==l,H=N==="+"||N==="*",k=N==="?"||N==="*",V=p[2]||s,x=m||R;r.push({name:v||n++,prefix:l||"",delimiter:V,optional:k,repeat:H,partial:D,asterisk:!!C,pattern:x?Vr(x):C?".*":"[^"+Te(V)+"]+?"})}return o<e.length&&(i+=e.substr(o)),i&&r.push(i),r}function Dr(e,t){return $t(Be(e,t),t)}function Ar(e){return encodeURI(e).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function Mr(e){return encodeURI(e).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function $t(e,t){for(var r=new Array(e.length),n=0;n<e.length;n++)typeof e[n]=="object"&&(r[n]=new RegExp("^(?:"+e[n].pattern+")$",We(t)));return function(o,i){for(var s="",p=o||{},u=i||{},a=u.pretty?Ar:encodeURIComponent,c=0;c<e.length;c++){var f=e[c];if(typeof f=="string"){s+=f;continue}var l=p[f.name],v;if(l==null)if(f.optional){f.partial&&(s+=f.prefix);continue}else throw new TypeError('Expected "'+f.name+'" to be defined');if(we(l)){if(!f.repeat)throw new TypeError('Expected "'+f.name+'" to not repeat, but received `'+JSON.stringify(l)+"`");if(l.length===0){if(f.optional)continue;throw new TypeError('Expected "'+f.name+'" to not be empty')}for(var m=0;m<l.length;m++){if(v=a(l[m]),!r[c].test(v))throw new TypeError('Expected all "'+f.name+'" to match "'+f.pattern+'", but received `'+JSON.stringify(v)+"`");s+=(m===0?f.prefix:f.delimiter)+v}continue}if(v=f.asterisk?Mr(l):a(l),!r[c].test(v))throw new TypeError('Expected "'+f.name+'" to match "'+f.pattern+'", but received "'+v+'"');s+=f.prefix+v}return s}}function Te(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function Vr(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function ke(e,t){return e.keys=t,e}function We(e){return e&&e.sensitive?"":"i"}function $r(e,t){var r=e.source.match(/\((?!\?)/g);if(r)for(var n=0;n<r.length;n++)t.push({name:n,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return ke(e,t)}function jr(e,t,r){for(var n=[],o=0;o<e.length;o++)n.push(Ht(e[o],t,r).source);var i=new RegExp("(?:"+n.join("|")+")",We(r));return ke(i,t)}function Hr(e,t,r){return jt(Be(e,r),t,r)}function jt(e,t,r){we(t)||(r=t||r,t=[]),r=r||{};for(var n=r.strict,o=r.end!==!1,i="",s=0;s<e.length;s++){var p=e[s];if(typeof p=="string")i+=Te(p);else{var u=Te(p.prefix),a="(?:"+p.pattern+")";t.push(p),p.repeat&&(a+="(?:"+u+a+")*"),p.optional?p.partial?a=u+"("+a+")?":a="(?:"+u+"("+a+"))?":a=u+"("+a+")",i+=a}}var c=Te(r.delimiter||"/"),f=i.slice(-c.length)===c;return n||(i=(f?i.slice(0,-c.length):i)+"(?:"+c+"(?=$))?"),o?i+="$":i+=n&&f?"":"(?="+c+"|$)",ke(new RegExp("^"+i,We(r)),t)}function Ht(e,t,r){return we(t)||(r=t||r,t=[]),r=r||{},e instanceof RegExp?$r(e,t):we(e)?jr(e,t,r):Hr(e,t,r)}});var Bt=ee(w=>{"use strict";var S=typeof Symbol=="function"&&Symbol.for,Ye=S?Symbol.for("react.element"):60103,qe=S?Symbol.for("react.portal"):60106,be=S?Symbol.for("react.fragment"):60107,Ne=S?Symbol.for("react.strict_mode"):60108,Re=S?Symbol.for("react.profiler"):60114,xe=S?Symbol.for("react.provider"):60109,Oe=S?Symbol.for("react.context"):60110,Fe=S?Symbol.for("react.async_mode"):60111,_e=S?Symbol.for("react.concurrent_mode"):60111,Le=S?Symbol.for("react.forward_ref"):60112,Ce=S?Symbol.for("react.suspense"):60113,Ur=S?Symbol.for("react.suspense_list"):60120,Se=S?Symbol.for("react.memo"):60115,De=S?Symbol.for("react.lazy"):60116,Ir=S?Symbol.for("react.block"):60121,Br=S?Symbol.for("react.fundamental"):60117,kr=S?Symbol.for("react.responder"):60118,Wr=S?Symbol.for("react.scope"):60119;function Y(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Ye:switch(e=e.type,e){case Fe:case _e:case be:case Re:case Ne:case Ce:return e;default:switch(e=e&&e.$$typeof,e){case Oe:case Le:case De:case Se:case xe:return e;default:return t}}case qe:return t}}}function It(e){return Y(e)===_e}w.AsyncMode=Fe;w.ConcurrentMode=_e;w.ContextConsumer=Oe;w.ContextProvider=xe;w.Element=Ye;w.ForwardRef=Le;w.Fragment=be;w.Lazy=De;w.Memo=Se;w.Portal=qe;w.Profiler=Re;w.StrictMode=Ne;w.Suspense=Ce;w.isAsyncMode=function(e){return It(e)||Y(e)===Fe};w.isConcurrentMode=It;w.isContextConsumer=function(e){return Y(e)===Oe};w.isContextProvider=function(e){return Y(e)===xe};w.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Ye};w.isForwardRef=function(e){return Y(e)===Le};w.isFragment=function(e){return Y(e)===be};w.isLazy=function(e){return Y(e)===De};w.isMemo=function(e){return Y(e)===Se};w.isPortal=function(e){return Y(e)===qe};w.isProfiler=function(e){return Y(e)===Re};w.isStrictMode=function(e){return Y(e)===Ne};w.isSuspense=function(e){return Y(e)===Ce};w.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===be||e===_e||e===Re||e===Ne||e===Ce||e===Ur||typeof e=="object"&&e!==null&&(e.$$typeof===De||e.$$typeof===Se||e.$$typeof===xe||e.$$typeof===Oe||e.$$typeof===Le||e.$$typeof===Br||e.$$typeof===kr||e.$$typeof===Wr||e.$$typeof===Ir)};w.typeOf=Y});var Ge=ee((qn,kt)=>{"use strict";kt.exports=Bt()});var zt=ee((Gn,Kt)=>{"use strict";var Ke=Ge(),Yr={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},qr={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Fr={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Wt={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ze={};ze[Ke.ForwardRef]=Fr;ze[Ke.Memo]=Wt;function Yt(e){return Ke.isMemo(e)?Wt:ze[e.$$typeof]||Yr}var Gr=Object.defineProperty,Kr=Object.getOwnPropertyNames,qt=Object.getOwnPropertySymbols,zr=Object.getOwnPropertyDescriptor,Jr=Object.getPrototypeOf,Ft=Object.prototype;function Gt(e,t,r){if(typeof t!="string"){if(Ft){var n=Jr(t);n&&n!==Ft&&Gt(e,n,r)}var o=Kr(t);qt&&(o=o.concat(qt(t)));for(var i=Yt(e),s=Yt(t),p=0;p<o.length;++p){var u=o[p];if(!qr[u]&&!(r&&r[u])&&!(s&&s[u])&&!(i&&i[u])){var a=zr(t,u);try{Gr(e,u,a)}catch{}}}}return e}Kt.exports=Gt});var Pn={};ct(Pn,{createPageLayoutsApi:()=>gn});var Me={};ct(Me,{registerPageLayout:()=>fr,unregisterPageLayout:()=>lr});var Pe=J(se("piral-core"));function fr(e,t,r){e.dispatch(n=>Z(Q({},n),{registry:Z(Q({},n.registry),{pageLayouts:(0,Pe.withKey)(n.registry.pageLayouts,t,r)})}))}function lr(e,t){e.dispatch(r=>Z(Q({},r),{registry:Z(Q({},r.registry),{pageLayouts:(0,Pe.withoutKey)(r.registry.pageLayouts,t)})}))}var rt=J(se("react"));function he(e,t){return he=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},he(e,t)}function B(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,he(e,t)}var O=J(se("react"));function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},L.apply(this,arguments)}function Ee(e){return e.charAt(0)==="/"}function Ve(e,t){for(var r=t,n=r+1,o=e.length;n<o;r+=1,n+=1)e[r]=e[n];e.pop()}function vr(e,t){t===void 0&&(t="");var r=e&&e.split("/")||[],n=t&&t.split("/")||[],o=e&&Ee(e),i=t&&Ee(t),s=o||i;if(e&&Ee(e)?n=r:r.length&&(n.pop(),n=n.concat(r)),!n.length)return"/";var p;if(n.length){var u=n[n.length-1];p=u==="."||u===".."||u===""}else p=!1;for(var a=0,c=n.length;c>=0;c--){var f=n[c];f==="."?Ve(n,c):f===".."?(Ve(n,c),a++):a&&(Ve(n,c),a--)}if(!s)for(;a--;a)n.unshift("..");s&&n[0]!==""&&(!n[0]||!Ee(n[0]))&&n.unshift("");var l=n.join("/");return p&&l.substr(-1)!=="/"&&(l+="/"),l}var yt=vr;var mr=!0,$e="Invariant failed";function X(e,t){if(!e){if(mr)throw new Error($e);var r=typeof t=="function"?t():t,n=r?$e+": "+r:$e;throw new Error(n)}}function de(e){return e.charAt(0)==="/"?e:"/"+e}function gt(e){return e.charAt(0)==="/"?e.substr(1):e}function yr(e,t){return e.toLowerCase().indexOf(t.toLowerCase())===0&&"/?#".indexOf(e.charAt(t.length))!==-1}function Pt(e,t){return yr(e,t)?e.substr(t.length):e}function Et(e){return e.charAt(e.length-1)==="/"?e.slice(0,-1):e}function gr(e){var t=e||"/",r="",n="",o=t.indexOf("#");o!==-1&&(n=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return i!==-1&&(r=t.substr(i),t=t.substr(0,i)),{pathname:t,search:r==="?"?"":r,hash:n==="#"?"":n}}function M(e){var t=e.pathname,r=e.search,n=e.hash,o=t||"/";return r&&r!=="?"&&(o+=r.charAt(0)==="?"?r:"?"+r),n&&n!=="#"&&(o+=n.charAt(0)==="#"?n:"#"+n),o}function j(e,t,r,n){var o;typeof e=="string"?(o=gr(e),o.state=t):(o=L({},e),o.pathname===void 0&&(o.pathname=""),o.search?o.search.charAt(0)!=="?"&&(o.search="?"+o.search):o.search="",o.hash?o.hash.charAt(0)!=="#"&&(o.hash="#"+o.hash):o.hash="",t!==void 0&&o.state===void 0&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(i){throw i instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):i}return r&&(o.key=r),n?o.pathname?o.pathname.charAt(0)!=="/"&&(o.pathname=yt(o.pathname,n.pathname)):o.pathname=n.pathname:o.pathname||(o.pathname="/"),o}function je(){var e=null;function t(s){return e=s,function(){e===s&&(e=null)}}function r(s,p,u,a){if(e!=null){var c=typeof e=="function"?e(s,p):e;typeof c=="string"?typeof u=="function"?u(c,a):a(!0):a(c!==!1)}else a(!0)}var n=[];function o(s){var p=!0;function u(){p&&s.apply(void 0,arguments)}return n.push(u),function(){p=!1,n=n.filter(function(a){return a!==u})}}function i(){for(var s=arguments.length,p=new Array(s),u=0;u<s;u++)p[u]=arguments[u];n.forEach(function(a){return a.apply(void 0,p)})}return{setPrompt:t,confirmTransitionTo:r,appendListener:o,notifyListeners:i}}var wt=!!(typeof window!="undefined"&&window.document&&window.document.createElement);function Tt(e,t){t(window.confirm(e))}function Pr(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")!==-1||e.indexOf("Android 4.0")!==-1)&&e.indexOf("Mobile Safari")!==-1&&e.indexOf("Chrome")===-1&&e.indexOf("Windows Phone")===-1?!1:window.history&&"pushState"in window.history}function Er(){return window.navigator.userAgent.indexOf("Trident")===-1}function wr(){return window.navigator.userAgent.indexOf("Firefox")===-1}function Tr(e){return e.state===void 0&&navigator.userAgent.indexOf("CriOS")===-1}var bt="popstate",Nt="hashchange";function Rt(){try{return window.history.state||{}}catch{return{}}}function xt(e){e===void 0&&(e={}),wt||X(!1);var t=window.history,r=Pr(),n=!Er(),o=e,i=o.forceRefresh,s=i===void 0?!1:i,p=o.getUserConfirmation,u=p===void 0?Tt:p,a=o.keyLength,c=a===void 0?6:a,f=e.basename?Et(de(e.basename)):"";function l(g){var T=g||{},h=T.key,d=T.state,E=window.location,b=E.pathname,G=E.search,W=E.hash,I=b+G+W;return f&&(I=Pt(I,f)),j(I,d,h)}function v(){return Math.random().toString(36).substr(2,c)}var m=je();function R(g){L(F,g),F.length=t.length,m.notifyListeners(F.location,F.action)}function N(g){Tr(g)||H(l(g.state))}function C(){H(l(Rt()))}var D=!1;function H(g){if(D)D=!1,R();else{var T="POP";m.confirmTransitionTo(g,T,u,function(h){h?R({action:T,location:g}):k(g)})}}function k(g){var T=F.location,h=x.indexOf(T.key);h===-1&&(h=0);var d=x.indexOf(g.key);d===-1&&(d=0);var E=h-d;E&&(D=!0,_(E))}var V=l(Rt()),x=[V.key];function P(g){return f+M(g)}function y(g,T){var h="PUSH",d=j(g,T,v(),F.location);m.confirmTransitionTo(d,h,u,function(E){if(!!E){var b=P(d),G=d.key,W=d.state;if(r)if(t.pushState({key:G,state:W},null,b),s)window.location.href=b;else{var I=x.indexOf(F.location.key),ae=x.slice(0,I+1);ae.push(d.key),x=ae,R({action:h,location:d})}else window.location.href=b}})}function A(g,T){var h="REPLACE",d=j(g,T,v(),F.location);m.confirmTransitionTo(d,h,u,function(E){if(!!E){var b=P(d),G=d.key,W=d.state;if(r)if(t.replaceState({key:G,state:W},null,b),s)window.location.replace(b);else{var I=x.indexOf(F.location.key);I!==-1&&(x[I]=d.key),R({action:h,location:d})}else window.location.replace(b)}})}function _(g){t.go(g)}function $(){_(-1)}function q(){_(1)}var re=0;function z(g){re+=g,re===1&&g===1?(window.addEventListener(bt,N),n&&window.addEventListener(Nt,C)):re===0&&(window.removeEventListener(bt,N),n&&window.removeEventListener(Nt,C))}var U=!1;function oe(g){g===void 0&&(g=!1);var T=m.setPrompt(g);return U||(z(1),U=!0),function(){return U&&(U=!1,z(-1)),T()}}function ie(g){var T=m.appendListener(g);return z(1),function(){z(-1),T()}}var F={length:t.length,action:"POP",location:V,createHref:P,push:y,replace:A,go:_,goBack:$,goForward:q,block:oe,listen:ie};return F}var Ot="hashchange",br={hashbang:{encodePath:function(t){return t.charAt(0)==="!"?t:"!/"+gt(t)},decodePath:function(t){return t.charAt(0)==="!"?t.substr(1):t}},noslash:{encodePath:gt,decodePath:de},slash:{encodePath:de,decodePath:de}};function _t(e){var t=e.indexOf("#");return t===-1?e:e.slice(0,t)}function ve(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)}function Nr(e){window.location.hash=e}function He(e){window.location.replace(_t(window.location.href)+"#"+e)}function Lt(e){e===void 0&&(e={}),wt||X(!1);var t=window.history,r=wr(),n=e,o=n.getUserConfirmation,i=o===void 0?Tt:o,s=n.hashType,p=s===void 0?"slash":s,u=e.basename?Et(de(e.basename)):"",a=br[p],c=a.encodePath,f=a.decodePath;function l(){var h=f(ve());return u&&(h=Pt(h,u)),j(h)}var v=je();function m(h){L(T,h),T.length=t.length,v.notifyListeners(T.location,T.action)}var R=!1,N=null;function C(h,d){return h.pathname===d.pathname&&h.search===d.search&&h.hash===d.hash}function D(){var h=ve(),d=c(h);if(h!==d)He(d);else{var E=l(),b=T.location;if(!R&&C(b,E)||N===M(E))return;N=null,H(E)}}function H(h){if(R)R=!1,m();else{var d="POP";v.confirmTransitionTo(h,d,i,function(E){E?m({action:d,location:h}):k(h)})}}function k(h){var d=T.location,E=y.lastIndexOf(M(d));E===-1&&(E=0);var b=y.lastIndexOf(M(h));b===-1&&(b=0);var G=E-b;G&&(R=!0,q(G))}var V=ve(),x=c(V);V!==x&&He(x);var P=l(),y=[M(P)];function A(h){var d=document.querySelector("base"),E="";return d&&d.getAttribute("href")&&(E=_t(window.location.href)),E+"#"+c(u+M(h))}function _(h,d){var E="PUSH",b=j(h,void 0,void 0,T.location);v.confirmTransitionTo(b,E,i,function(G){if(!!G){var W=M(b),I=c(u+W),ae=ve()!==I;if(ae){N=W,Nr(I);var ge=y.lastIndexOf(M(T.location)),nt=y.slice(0,ge+1);nt.push(W),y=nt,m({action:E,location:b})}else m()}})}function $(h,d){var E="REPLACE",b=j(h,void 0,void 0,T.location);v.confirmTransitionTo(b,E,i,function(G){if(!!G){var W=M(b),I=c(u+W),ae=ve()!==I;ae&&(N=W,He(I));var ge=y.indexOf(M(T.location));ge!==-1&&(y[ge]=W),m({action:E,location:b})}})}function q(h){t.go(h)}function re(){q(-1)}function z(){q(1)}var U=0;function oe(h){U+=h,U===1&&h===1?window.addEventListener(Ot,D):U===0&&window.removeEventListener(Ot,D)}var ie=!1;function F(h){h===void 0&&(h=!1);var d=v.setPrompt(h);return ie||(oe(1),ie=!0),function(){return ie&&(ie=!1,oe(-1)),d()}}function g(h){var d=v.appendListener(h);return oe(1),function(){oe(-1),d()}}var T={length:t.length,action:"POP",location:P,createHref:A,push:_,replace:$,go:q,goBack:re,goForward:z,block:F,listen:g};return T}function Ct(e,t,r){return Math.min(Math.max(e,t),r)}function St(e){e===void 0&&(e={});var t=e,r=t.getUserConfirmation,n=t.initialEntries,o=n===void 0?["/"]:n,i=t.initialIndex,s=i===void 0?0:i,p=t.keyLength,u=p===void 0?6:p,a=je();function c(y){L(P,y),P.length=P.entries.length,a.notifyListeners(P.location,P.action)}function f(){return Math.random().toString(36).substr(2,u)}var l=Ct(s,0,o.length-1),v=o.map(function(y){return typeof y=="string"?j(y,void 0,f()):j(y,void 0,y.key||f())}),m=M;function R(y,A){var _="PUSH",$=j(y,A,f(),P.location);a.confirmTransitionTo($,_,r,function(q){if(!!q){var re=P.index,z=re+1,U=P.entries.slice(0);U.length>z?U.splice(z,U.length-z,$):U.push($),c({action:_,location:$,index:z,entries:U})}})}function N(y,A){var _="REPLACE",$=j(y,A,f(),P.location);a.confirmTransitionTo($,_,r,function(q){!q||(P.entries[P.index]=$,c({action:_,location:$}))})}function C(y){var A=Ct(P.index+y,0,P.entries.length-1),_="POP",$=P.entries[A];a.confirmTransitionTo($,_,r,function(q){q?c({action:_,location:$,index:A}):c()})}function D(){C(-1)}function H(){C(1)}function k(y){var A=P.index+y;return A>=0&&A<P.entries.length}function V(y){return y===void 0&&(y=!1),a.setPrompt(y)}function x(y){return a.appendListener(y)}var P={length:v.length,action:"POP",location:v[l],index:l,entries:v,createHref:m,push:R,replace:N,go:C,goBack:D,goForward:H,canGo:k,block:V,listen:x};return P}var me=J(se("react"));var Ue=J(mt());var Ie=1073741823,Dt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:{};function Rr(){var e="__global_unique_id__";return Dt[e]=(Dt[e]||0)+1}function xr(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}function Or(e){var t=[];return{on:function(n){t.push(n)},off:function(n){t=t.filter(function(o){return o!==n})},get:function(){return e},set:function(n,o){e=n,t.forEach(function(i){return i(e,o)})}}}function _r(e){return Array.isArray(e)?e[0]:e}function Lr(e,t){var r,n,o="__create-react-context-"+Rr()+"__",i=function(p){B(u,p);function u(){var c;return c=p.apply(this,arguments)||this,c.emitter=Or(c.props.value),c}var a=u.prototype;return a.getChildContext=function(){var f;return f={},f[o]=this.emitter,f},a.componentWillReceiveProps=function(f){if(this.props.value!==f.value){var l=this.props.value,v=f.value,m;xr(l,v)?m=0:(m=typeof t=="function"?t(l,v):Ie,m|=0,m!==0&&this.emitter.set(f.value,m))}},a.render=function(){return this.props.children},u}(me.Component);i.childContextTypes=(r={},r[o]=Ue.default.object.isRequired,r);var s=function(p){B(u,p);function u(){var c;return c=p.apply(this,arguments)||this,c.state={value:c.getValue()},c.onUpdate=function(f,l){var v=c.observedBits|0;(v&l)!=0&&c.setState({value:c.getValue()})},c}var a=u.prototype;return a.componentWillReceiveProps=function(f){var l=f.observedBits;this.observedBits=l??Ie},a.componentDidMount=function(){this.context[o]&&this.context[o].on(this.onUpdate);var f=this.props.observedBits;this.observedBits=f??Ie},a.componentWillUnmount=function(){this.context[o]&&this.context[o].off(this.onUpdate)},a.getValue=function(){return this.context[o]?this.context[o].get():e},a.render=function(){return _r(this.props.children)(this.state.value)},u}(me.Component);return s.contextTypes=(n={},n[o]=Ue.default.object,n),{Provider:i,Consumer:s}}var Cr=me.default.createContext||Lr,At=Cr;var Jt=J(Ut()),eo=J(Ge());function ne(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}var Xr=J(zt()),Xt=function(t){var r=At();return r.displayName=t,r},Qr=Xt("Router-History"),te=Xt("Router"),ue=function(e){B(t,e),t.computeRootMatch=function(o){return{path:"/",url:"/",params:{},isExact:o==="/"}};function t(n){var o;return o=e.call(this,n)||this,o.state={location:n.history.location},o._isMounted=!1,o._pendingLocation=null,n.staticContext||(o.unlisten=n.history.listen(function(i){o._pendingLocation=i})),o}var r=t.prototype;return r.componentDidMount=function(){var o=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen(function(i){o._isMounted&&o.setState({location:i})})),this._pendingLocation&&this.setState({location:this._pendingLocation})},r.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},r.render=function(){return O.default.createElement(te.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},O.default.createElement(Qr.Provider,{children:this.props.children||null,value:this.props.history}))},t}(O.default.Component),Zr=function(e){B(t,e);function t(){for(var n,o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return n=e.call.apply(e,[this].concat(i))||this,n.history=St(n.props),n}var r=t.prototype;return r.render=function(){return O.default.createElement(ue,{history:this.history,children:this.props.children})},t}(O.default.Component),no=function(e){B(t,e);function t(){return e.apply(this,arguments)||this}var r=t.prototype;return r.componentDidMount=function(){this.props.onMount&&this.props.onMount.call(this,this)},r.componentDidUpdate=function(o){this.props.onUpdate&&this.props.onUpdate.call(this,this,o)},r.componentWillUnmount=function(){this.props.onUnmount&&this.props.onUnmount.call(this,this)},r.render=function(){return null},t}(O.default.Component);var Qt={},en=1e4,Zt=0;function tn(e,t){var r=""+t.end+t.strict+t.sensitive,n=Qt[r]||(Qt[r]={});if(n[e])return n[e];var o=[],i=(0,Jt.default)(e,o,t),s={regexp:i,keys:o};return Zt<en&&(n[e]=s,Zt++),s}function ye(e,t){t===void 0&&(t={}),(typeof t=="string"||Array.isArray(t))&&(t={path:t});var r=t,n=r.path,o=r.exact,i=o===void 0?!1:o,s=r.strict,p=s===void 0?!1:s,u=r.sensitive,a=u===void 0?!1:u,c=[].concat(n);return c.reduce(function(f,l){if(!l&&l!=="")return null;if(f)return f;var v=tn(l,{end:i,strict:p,sensitive:a}),m=v.regexp,R=v.keys,N=m.exec(e);if(!N)return null;var C=N[0],D=N.slice(1),H=e===C;return i&&!H?null:{path:l,url:l==="/"&&C===""?"/":C,isExact:H,params:R.reduce(function(k,V,x){return k[V.name]=D[x],k},{})}},null)}function rn(e){return O.default.Children.count(e)===0}var nn=function(e){B(t,e);function t(){return e.apply(this,arguments)||this}var r=t.prototype;return r.render=function(){var o=this;return O.default.createElement(te.Consumer,null,function(i){i||X(!1);var s=o.props.location||i.location,p=o.props.computedMatch?o.props.computedMatch:o.props.path?ye(s.pathname,o.props):i.match,u=L({},i,{location:s,match:p}),a=o.props,c=a.children,f=a.component,l=a.render;return Array.isArray(c)&&rn(c)&&(c=null),O.default.createElement(te.Provider,{value:u},u.match?c?typeof c=="function"?c(u):c:f?O.default.createElement(f,u):l?l(u):null:typeof c=="function"?c(u):null)})},t}(O.default.Component);function Je(e){return e.charAt(0)==="/"?e:"/"+e}function on(e,t){return e?L({},t,{pathname:Je(e)+t.pathname}):t}function an(e,t){if(!e)return t;var r=Je(e);return t.pathname.indexOf(r)!==0?t:L({},t,{pathname:t.pathname.substr(r.length)})}function er(e){return typeof e=="string"?e:M(e)}function Xe(e){return function(){X(!1)}}function tr(){}var sn=function(e){B(t,e);function t(){for(var n,o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return n=e.call.apply(e,[this].concat(i))||this,n.handlePush=function(p){return n.navigateTo(p,"PUSH")},n.handleReplace=function(p){return n.navigateTo(p,"REPLACE")},n.handleListen=function(){return tr},n.handleBlock=function(){return tr},n}var r=t.prototype;return r.navigateTo=function(o,i){var s=this.props,p=s.basename,u=p===void 0?"":p,a=s.context,c=a===void 0?{}:a;c.action=i,c.location=on(u,j(o)),c.url=er(c.location)},r.render=function(){var o=this.props,i=o.basename,s=i===void 0?"":i,p=o.context,u=p===void 0?{}:p,a=o.location,c=a===void 0?"/":a,f=ne(o,["basename","context","location"]),l={createHref:function(m){return Je(s+er(m))},action:"POP",location:an(s,j(c)),push:this.handlePush,replace:this.handleReplace,go:Xe("go"),goBack:Xe("goBack"),goForward:Xe("goForward"),listen:this.handleListen,block:this.handleBlock};return O.default.createElement(ue,L({},f,{history:l,staticContext:u}))},t}(O.default.Component),cn=function(e){B(t,e);function t(){return e.apply(this,arguments)||this}var r=t.prototype;return r.render=function(){var o=this;return O.default.createElement(te.Consumer,null,function(i){i||X(!1);var s=o.props.location||i.location,p,u;return O.default.Children.forEach(o.props.children,function(a){if(u==null&&O.default.isValidElement(a)){p=a;var c=a.props.path||a.props.from;u=c?ye(s.pathname,L({},a.props,{path:c})):i.match}}),u?O.default.cloneElement(p,{location:s,computedMatch:u}):null})},t}(O.default.Component);var un=O.default.useContext;function Qe(){return un(te).location}var K=J(se("react"));var Po=function(e){B(t,e);function t(){for(var n,o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return n=e.call.apply(e,[this].concat(i))||this,n.history=xt(n.props),n}var r=t.prototype;return r.render=function(){return K.default.createElement(ue,{history:this.history,children:this.props.children})},t}(K.default.Component),Eo=function(e){B(t,e);function t(){for(var n,o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return n=e.call.apply(e,[this].concat(i))||this,n.history=Lt(n.props),n}var r=t.prototype;return r.render=function(){return K.default.createElement(ue,{history:this.history,children:this.props.children})},t}(K.default.Component),Ze=function(t,r){return typeof t=="function"?t(r):t},et=function(t,r){return typeof t=="string"?j(t,null,null,r):t},tt=function(t){return t},pe=K.default.forwardRef;typeof pe=="undefined"&&(pe=tt);function pn(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}var fn=pe(function(e,t){var r=e.innerRef,n=e.navigate,o=e.onClick,i=ne(e,["innerRef","navigate","onClick"]),s=i.target,p=L({},i,{onClick:function(a){try{o&&o(a)}catch(c){throw a.preventDefault(),c}!a.defaultPrevented&&a.button===0&&(!s||s==="_self")&&!pn(a)&&(a.preventDefault(),n())}});return tt!==pe?p.ref=t||r:p.ref=r,K.default.createElement("a",p)}),ln=pe(function(e,t){var r=e.component,n=r===void 0?fn:r,o=e.replace,i=e.to,s=e.innerRef,p=ne(e,["component","replace","to","innerRef"]);return K.default.createElement(te.Consumer,null,function(u){u||X(!1);var a=u.history,c=et(Ze(i,u.location),u.location),f=c?a.createHref(c):"",l=L({},p,{href:f,navigate:function(){var m=Ze(i,u.location),R=M(u.location)===M(et(m)),N=o||R?a.replace:a.push;N(m)}});return tt!==pe?l.ref=t||s:l.innerRef=s,K.default.createElement(n,l)})});var rr=function(t){return t},Ae=K.default.forwardRef;typeof Ae=="undefined"&&(Ae=rr);function hn(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter(function(n){return n}).join(" ")}var wo=Ae(function(e,t){var r=e["aria-current"],n=r===void 0?"page":r,o=e.activeClassName,i=o===void 0?"active":o,s=e.activeStyle,p=e.className,u=e.exact,a=e.isActive,c=e.location,f=e.sensitive,l=e.strict,v=e.style,m=e.to,R=e.innerRef,N=ne(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return K.default.createElement(te.Consumer,null,function(C){C||X(!1);var D=c||C.location,H=et(Ze(m,D),D),k=H.pathname,V=k&&k.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=V?ye(D.pathname,{path:V,exact:u,sensitive:f,strict:l}):null,P=!!(a?a(x,D):x),y=typeof p=="function"?p(P):p,A=typeof v=="function"?v(P):v;P&&(y=hn(y,i),A=L({},A,s));var _=L({"aria-current":P&&n||null,className:y,style:A,to:H},N);return rr!==Ae?_.ref=t||R:_.innerRef=R,K.default.createElement(ln,_)})});var fe=J(se("piral-core"));function dn(e){let t={};return e&&typeof e=="object"&&Object.keys(e).forEach(r=>{t[r]={pilet:void 0,component:e[r]}}),t}var vn=e=>(0,fe.defaultRender)(e.children);function mn(e,t="default"){return r=>{var u;let n=Qe(),o=r.paths.find(a=>a.matcher.test(n.pathname)),i=((u=o==null?void 0:o.meta)==null?void 0:u.layout)||t,s=(0,fe.useGlobalState)(a=>a.registry.pageLayouts[i]||a.registry.pageLayouts[t]),p=(s==null?void 0:s.component)||vn;return(0,rt.createElement)(p,r,(0,rt.createElement)(e,r))}}function yn(e,t){return r=>Z(Q({},r),{components:Z(Q({},r.components),{RouteSwitch:mn(r.components.RouteSwitch,t)}),registry:Z(Q({},r.registry),{pageLayouts:e})})}function gn(e={}){let{layouts:t={},fallback:r}=e;return n=>{let o=i=>n.readState(s=>s.registry.pageLayouts[i]);return n.defineActions(Me),n.dispatch(yn(dn(t),r)),i=>{let s=i.meta.name;return{registerPageLayout(p,u){let a=o(p);if(!a||a.pilet===s){let c=(0,fe.withApi)(n,u,i,"pageLayout");n.registerPageLayout(p,{component:c,pilet:s})}return()=>i.unregisterPageLayout(p)},unregisterPageLayout(p){let u=o(p);(u==null?void 0:u.pilet)===s&&n.unregisterPageLayout(p)}}}}}return Pn;})();
|
|
2
|
+
/** @license React v16.13.1
|
|
3
|
+
* react-is.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
package/src/create.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as actions from './actions';
|
|
2
2
|
import { ComponentType, createElement, PropsWithChildren } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { useLocation } from 'react-router-dom';
|
|
4
|
+
import { PiralPlugin, PageComponentProps, Dict, GlobalState, withApi, defaultRender, useGlobalState, RouteSwitchProps } from 'piral-core';
|
|
4
5
|
import type { PiletPageLayoutsApi, PageLayoutRegistration } from './types';
|
|
5
6
|
|
|
6
7
|
/**
|
|
@@ -33,26 +34,28 @@ function getPageLayouts(items: Record<string, ComponentType<PageComponentProps>>
|
|
|
33
34
|
return layouts;
|
|
34
35
|
}
|
|
35
36
|
|
|
36
|
-
const
|
|
37
|
+
const DefaultLayout: React.FC<PropsWithChildren> = props => defaultRender(props.children);
|
|
37
38
|
|
|
38
|
-
function createPageWrapper(
|
|
39
|
+
function createPageWrapper(Routes: ComponentType<RouteSwitchProps>, fallback = 'default'): ComponentType<RouteSwitchProps> {
|
|
39
40
|
return (props) => {
|
|
40
|
-
const
|
|
41
|
+
const location = useLocation();
|
|
42
|
+
const data = props.paths.find(m => m.matcher.test(location.pathname));
|
|
43
|
+
const layout = data?.meta?.layout || fallback;
|
|
41
44
|
const registration = useGlobalState((s) => s.registry.pageLayouts[layout] || s.registry.pageLayouts[fallback]);
|
|
42
|
-
const Layout = registration?.component ||
|
|
43
|
-
return createElement(Layout, props, createElement(
|
|
45
|
+
const Layout = registration?.component || DefaultLayout;
|
|
46
|
+
return createElement(Layout, props, createElement(Routes, props));
|
|
44
47
|
};
|
|
45
48
|
}
|
|
46
49
|
|
|
47
50
|
function withPageLayouts(pageLayouts: Dict<PageLayoutRegistration>, fallback: string) {
|
|
48
51
|
return (state: GlobalState): GlobalState => ({
|
|
49
52
|
...state,
|
|
53
|
+
components: {
|
|
54
|
+
...state.components,
|
|
55
|
+
RouteSwitch: createPageWrapper(state.components.RouteSwitch, fallback),
|
|
56
|
+
},
|
|
50
57
|
registry: {
|
|
51
58
|
...state.registry,
|
|
52
|
-
wrappers: {
|
|
53
|
-
...state.registry.wrappers,
|
|
54
|
-
page: createPageWrapper(state.registry.wrappers.page, fallback),
|
|
55
|
-
},
|
|
56
59
|
pageLayouts,
|
|
57
60
|
},
|
|
58
61
|
});
|