chayns-api 1.0.58 → 1.1.0-1

package/dist/cjs/hooks/useEnvironment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEnvironment = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useEnvironment = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
 exports.useEnvironment = useEnvironment;

package/dist/cjs/hooks/useFunctions.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFunctions = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useFunctions = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f || {});

package/dist/cjs/hooks/useIsAdminMode.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIsAdminMode = void 0;
 var _useContextSelector2 = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/cjs/hooks/useLanguage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLanguage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useLanguage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
 exports.useLanguage = useLanguage;

package/dist/cjs/hooks/usePages.js

@@ -7,8 +7,8 @@ exports.usePages = exports.usePage = exports.getPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _moduleWrapper = require("../components/moduleWrapper");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const usePages = ({
   siteId
@@ -21,8 +21,8 @@ const usePages = ({
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.usePages = usePages;
 const usePage = ({

package/dist/cjs/hooks/useParameters.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useParameters = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useParameters = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
 exports.useParameters = useParameters;

package/dist/cjs/hooks/useSite.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSite = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useSite = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
 exports.useSite = useSite;

package/dist/cjs/hooks/useUser.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUser = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useUser = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});
 exports.useUser = useUser;

package/dist/cjs/hooks/useValues.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValues = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useValues = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});

package/dist/cjs/hooks/windowMetricsListener.js

@@ -8,8 +8,8 @@ var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _IChaynsReact = require("../types/IChaynsReact");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useWindowMetricsListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -24,8 +24,8 @@ const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useWindowMetricsListener = useWindowMetricsListener;
 const useWindowMetrics = ({

package/dist/cjs/host/module/ModuleHost.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useDynamicScript = _interopRequireDefault(require("./utils/useDynamicScript"));
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
 var _url = require("../../util/url");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -16,25 +15,10 @@ const System = ({
   fallback,
   ...props
 }) => {
-  const {
-    ready,
-    failed
-  } = (0, _useDynamicScript.default)({
-    url: system === null || system === void 0 ? void 0 : system.url,
-    scope: system === null || system === void 0 ? void 0 : system.scope
-  });
-  const Component = (0, _react.useMemo)(() => {
-    // maybe return waitcursor instead
-    if (!system || !ready || failed) {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.lazy((0, _loadComponent.default)(system.scope, system.module, system.url, undefined, system.preventSingleton));
-
-    /* eslint-disable react-hooks/exhaustive-deps */
-  }, [system === null || system === void 0 ? void 0 : system.scope, ready, system === null || system === void 0 ? void 0 : system.url]);
-  return Component ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+  const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, system.url, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.preventSingleton]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/_react.default.createElement(Component, props)) : fallback;
+  }, /*#__PURE__*/_react.default.createElement(Component, props));
 };
 const ModuleHost = ({
   system,

package/dist/cjs/host/module/utils/loadComponent.js

@@ -6,60 +6,53 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = loadComponent;
 var _semver = _interopRequireDefault(require("semver"));
 var _react = _interopRequireDefault(require("react"));
-var _useDynamicScript = require("./useDynamicScript");
+var _runtime = require("@module-federation/runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable */
-// @ts-nocheck
-
-let instances = {};
+const registeredScopes = {};
+const dynamicMap = {};
 function loadComponent(scope, module, url, skipCompatMode = false, preventSingleton = false) {
-  return async () => {
-    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
-    await __webpack_init_sharing__('default');
-    const {
-      container
-    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
-    // Initialize the container, it may provide shared modules
-    await container.init(__webpack_share_scopes__.default);
-    const factory = await container.get(module);
-    _useDynamicScript.semaphore[scope].release();
-    let ModuleMap = instances[`${scope}__${module}`];
-    let Module;
-    if (!ModuleMap) {
-      ModuleMap = {};
-      instances[`${scope}__${module}`] = ModuleMap;
-    }
-    if (Object.keys(ModuleMap).length > 0) {
-      const newModule = factory();
-      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
-      if (!Module) {
-        Module = newModule;
-        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
-      }
-    } else {
-      Module = factory();
-      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
-    }
-    if (preventSingleton) {
-      // Intercom :)
-      window[scope + "_list"] = null;
-    }
-    if (skipCompatMode) return Module;
-    const hostVersion = _semver.default.minVersion(_react.default.version);
-    const {
-      requiredVersion,
-      environment
-    } = Module.default;
-    const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
-      return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
+  if (skipCompatMode) {
+    console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
+  }
+  if (registeredScopes[scope] !== url || preventSingleton) {
+    (0, _runtime.registerRemotes)([{
+      name: scope,
+      entry: url,
+      alias: scope
+    }], {
+      force: scope in registeredScopes
+    });
+    registeredScopes[scope] = url;
+    dynamicMap[scope] = {};
+  }
+  if (!(module in dynamicMap[scope])) {
+    const path = `${scope}/${module.replace(/^\.\//, '')}`;
+    dynamicMap[scope][module] = /*#__PURE__*/_react.default.lazy(() => {
+      return (0, _runtime.loadRemote)(path).then(Module => {
+        // semantically equals skipCompatMode
+        if (typeof Module.default === 'function') {
+          return Module;
+        }
+        const hostVersion = _semver.default.minVersion(_react.default.version);
+        const {
+          requiredVersion,
+          environment
+        } = Module.default;
+        // @ts-expect-error
+        const webpackShareScopes = __webpack_share_scopes__.default;
+        const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !Object.keys(webpackShareScopes.react).some(version => {
+          return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === webpackShareScopes.react[version].from.split('-').join('_');
+        });
+        if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+          return {
+            default: Module.default.CompatComponent
+          };
+        }
+        return {
+          default: Module.default.Component
+        };
+      });
     });
-    if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
-      return {
-        default: Module.default.CompatComponent
-      };
-    }
-    return {
-      default: Module.default.Component
-    };
-  };
+  }
+  return dynamicMap[scope][module];
 }

package/dist/cjs/host/module/utils/useDynamicScript.js

@@ -7,9 +7,10 @@ exports.semaphore = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _semaphoreAsyncAwait = _interopRequireDefault(require("semaphore-async-await"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const semaphore = exports.semaphore = {};
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const semaphore = {};
+exports.semaphore = semaphore;
 const useDynamicScript = args => {
   const [ready, setReady] = _react.default.useState(false);
   const [failed, setFailed] = _react.default.useState(false);
@@ -56,4 +57,5 @@ const useDynamicScript = args => {
     failed
   };
 };
-var _default = exports.default = useDynamicScript;
+var _default = useDynamicScript;
+exports.default = _default;

package/dist/cjs/index.js

@@ -10,6 +10,7 @@ var _exportNames = {
   getClientDeviceInfo: true,
   ChaynsHost: true,
   withCompatMode: true,
+  withHydrationBoundary: true,
   StaticChaynsApi: true,
   DialogHandler: true,
   dialog: true
@@ -63,6 +64,12 @@ Object.defineProperty(exports, "withCompatMode", {
     return _withCompatMode.withCompatMode;
   }
 });
+Object.defineProperty(exports, "withHydrationBoundary", {
+  enumerable: true,
+  get: function () {
+    return _withHydrationBoundary.default;
+  }
+});
 require("./util/transferNestedFunctions");
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
@@ -127,6 +134,19 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+var _withHydrationBoundary = _interopRequireDefault(require("./components/withHydrationBoundary"));
 var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));

package/dist/cjs/types/IChaynsReact.js

@@ -45,11 +45,11 @@ let ScreenSize = exports.ScreenSize = /*#__PURE__*/function (ScreenSize) {
   ScreenSize[ScreenSize["XL"] = 4] = "XL";
   return ScreenSize;
 }({});
-/**
- * @ignore
+/**
+ * @ignore
  */
-/**
- * @ignore
+/**
+ * @ignore
  */
 let AccessMode = exports.AccessMode = /*#__PURE__*/function (AccessMode) {
   AccessMode[AccessMode["public"] = 0] = "public";

package/dist/esm/calls/dialogs/date.js

@@ -3,32 +3,32 @@ import { isDate, isNumber, isObject } from './utils/is';
 import { open } from './open';
 import { getDevice } from "../index";
 
-/**
- * The config object for date dialog
- * @typedef {Object} dateConfig
- * @property {Date} preSelect  - The date object which should be preselected.
- * @property {Date} minDate   - The min date which you could select.
- * @property {Date} maxDate  - The max date which you could select.
- * @property {dateDialogType} dateType  - The type of dialog you want to display.
- * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
- * @property {string} message - The message that is displayed above the date dialog, only in apps supported
- * @property {string} title - The title that is displayed above the message, only in apps supported
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
  */
 
-/**
- * This call will open a date select dialog.
- * <div>Call: 30</div>
- * @param {dateConfig} config - Define the configuration of this call
- * @return {Promise} contains a timestamp as result
- * @example chayns.dialog.date({
- *  'dateType': chayns.dialog.dateType.DATE_TIME,
- *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
- *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
- *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
- *  'minuteInterval': 15
- * ).then(function (data) {
- *  console.log(data);
- * });
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
  */
 
 export function date() {
@@ -165,18 +165,18 @@ export function advancedDate() {
   });
 }
 
-/**
- * @typedef {number} dateDialogType
+/**
+ * @typedef {number} dateDialogType
  */
 
-/**
- * Enum for date dialog
- * <div>DATE will open a dialog where you can select a special day</div>
- * <div>TIME will open a dialog where you can only select a special time</div>
- * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
- * @readonly
- * @enum {dateDialogType}
- * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
  */
 export const dateType = {
   'DATE': 1,