sample-piral 0.14.2-beta.3272 → 0.14.3-beta.3299

package/app/{index.086929.js → index.e6d9cd.js}

@@ -1804,10 +1804,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./state */ "../../framework/piral-core/esm/state/stateContext.js");
 /* harmony import */ var _createInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./createInstance */ "../../framework/piral-core/esm/createInstance.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/Mediator.js");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PiralView.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/ResponsiveLayout.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/Mediator.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PiralView.js");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
 
 
 
@@ -1835,13 +1835,13 @@ var Piral = function Piral(_ref) {
       children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_state__WEBPACK_IMPORTED_MODULE_2__.StateContext.Provider, {
     value: instance.context
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.PortalRenderer, {
-    id: "root"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_4__.ResponsiveLayout, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_3__.ResponsiveLayout, {
     breakpoints: breakpoints
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_5__.Mediator, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_4__.Mediator, {
     options: instance.options
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_6__.PiralView, null, children));
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_5__.PiralView, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_6__.PortalRenderer, {
+    id: "root"
+  }), children));
 };
 Piral.displayName = 'Piral';
 
@@ -3186,7 +3186,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.2-beta.3272" || 0,
+    version: "0.14.3-beta.3299" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.createPiletOptions)({
@@ -3284,9 +3284,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "useAction": () => (/* binding */ useAction)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var _state_stateContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../state/stateContext */ "../../framework/piral-core/esm/state/stateContext.js");
-
+/* harmony import */ var _globalState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./globalState */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 /**
  * Hook that gets an action for manipulating the global state.
@@ -3294,7 +3292,7 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 function useAction(action) {
-  var ctx = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_1__.StateContext);
+  var ctx = (0,_globalState__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   return ctx[action];
 }
 
@@ -3340,6 +3338,7 @@ function useActions() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useGlobalStateContext": () => (/* binding */ useGlobalStateContext),
 /* harmony export */   "useGlobalState": () => (/* binding */ useGlobalState)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
@@ -3356,10 +3355,20 @@ function useDirectAtom(atom, opts) {
   var select = opts && opts.select;
   return typeof select === 'function' ? select(state) : state;
 }
+/**
+ * Hook to obtain the global state context, which gives you directly
+ * all actions, state, and more of the Piral instance.
+ * If you are only interested in reading out the state, use the
+ * `useGlobalState` hook instead.
+ */
+
 
+function useGlobalStateContext() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_2__.StateContext);
+}
 function useGlobalState(select) {
-  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_2__.StateContext),
-      state = _useContext.state;
+  var _useGlobalStateContex = useGlobalStateContext(),
+      state = _useGlobalStateContex.state;
 
   return useGlobalAtom(state, select && {
     select: select
@@ -3380,6 +3389,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ _action__WEBPACK_IMPORTED_MODULE_0__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_1__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ _globalState__WEBPACK_IMPORTED_MODULE_2__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ _globalState__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_3__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ _setter__WEBPACK_IMPORTED_MODULE_4__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ _sharedData__WEBPACK_IMPORTED_MODULE_5__.useSharedData)
@@ -3558,6 +3568,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useSharedData),
@@ -4117,11 +4128,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _stateContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./stateContext */ "../../framework/piral-core/esm/state/stateContext.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/actions.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
@@ -4152,7 +4163,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
-
  // this is an arbitrary start number to have 6 digits
 
 var portalIdBase = 123456;
@@ -4266,8 +4276,8 @@ function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
     var _useActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useActions)(),
         destroyPortal = _useActions.destroyPortal;
 
-    var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_stateContext__WEBPACK_IMPORTED_MODULE_5__.StateContext),
-        state = _React$useContext.state;
+    var _useGlobalStateContex = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useGlobalStateContext)(),
+        state = _useGlobalStateContex.state;
 
     var router = react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_6__.__RouterContext);
     var id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
@@ -5194,6 +5204,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSharedData),
@@ -8708,12 +8719,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.2-beta.3272",
+      version: "0.14.3-beta.3299",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2021-11-20T00:43:52.375Z",
-      cli: "0.14.1",
+      date: "2021-11-25T15:03:01.256Z",
+      cli: "0.14.2",
       compat: "0.14"
     },
     pilets: {
@@ -80011,4 +80022,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.086929.js.map
+//# sourceMappingURL=index.e6d9cd.js.map