@evlop/commons 1.0.314 → 1.0.316

package/dist/cjs/src/components/RenderInBackground.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RenderInBackgroundProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+export declare const RenderInBackground: ({ children, fallback }: RenderInBackgroundProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
+export {};
+//# sourceMappingURL=RenderInBackground.d.ts.map

package/dist/cjs/src/components/RenderInBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderInBackground.d.ts","sourceRoot":"","sources":["../../../../src/components/RenderInBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,8EAczB,CAAA"}

package/dist/cjs/src/components/RenderInBackground.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderInBackground = void 0;
+const react_1 = __importStar(require("react"));
+const EmptyComponent_1 = __importDefault(require("./EmptyComponent"));
+const defaultFallback = react_1.default.createElement(EmptyComponent_1.default, null);
+const RenderInBackground = ({ children, fallback = defaultFallback }) => {
+    const [isReady, setIsReady] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        (0, react_1.startTransition)(() => {
+            setIsReady(true);
+        });
+    }, []);
+    if (!isReady) {
+        return fallback;
+    }
+    return react_1.default.createElement(react_1.Suspense, { fallback: fallback }, children);
+};
+exports.RenderInBackground = RenderInBackground;
+//# sourceMappingURL=RenderInBackground.js.map

package/dist/cjs/src/components/RenderInBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderInBackground.js","sourceRoot":"","sources":["../../../../src/components/RenderInBackground.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,sEAA8C;AAE9C,MAAM,eAAe,GAAG,8BAAC,wBAAc,OAAG,CAAC;AAOpC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,eAAe,EACJ,EAAE,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAA,uBAAe,EAAC,GAAG,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAG,QAAQ,CAAY,CAAC;AAC/D,CAAC,CAAA;AAjBY,QAAA,kBAAkB,sBAiB9B"}

package/dist/cjs/src/hooks/useScope.d.ts

@@ -1,3 +1,3 @@
-export declare const useScope: (scopeVariable?: string | Function, defaultValue?: any) => any;
+export declare const useScope: (scopeSelector?: string | Function, defaultValue?: any) => any;
 export { useScope as useData };
 //# sourceMappingURL=useScope.d.ts.map

package/dist/cjs/src/hooks/useScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,gBAAgB,MAAM,GAAG,QAAQ,EAAE,eAAe,GAAG,QAQ7E,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}
+{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,GAAI,gBAAe,MAAM,GAAG,QAA+B,EAAE,eAAe,GAAG,QAOnG,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}

package/dist/cjs/src/hooks/useScope.js

@@ -4,15 +4,15 @@ exports.useData = exports.useScope = void 0;
 const lodash_1 = require("lodash");
 const react_1 = require("react");
 const contexts_1 = require("../contexts");
-const useScope = (scopeVariable, defaultValue) => {
+const defaultScopeSelector = (scope) => scope;
+const useScope = (scopeSelector = defaultScopeSelector, defaultValue) => {
     const scope = (0, react_1.useContext)(contexts_1.DataContext);
-    if (typeof scopeVariable === 'string') {
-        return (0, lodash_1.get)(scope, scopeVariable, defaultValue);
+    if (typeof scopeSelector === 'string') {
+        return (0, lodash_1.get)(scope, scopeSelector, defaultValue);
     }
-    else if (typeof scopeVariable === 'function') {
-        return scopeVariable(scope);
+    else {
+        return scopeSelector?.(scope);
     }
-    return scope;
 };
 exports.useScope = useScope;
 exports.useData = exports.useScope;

package/dist/cjs/src/hooks/useScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.js","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":";;;AAAA,mCAA6B;AAC7B,iCAAmC;AACnC,0CAA0C;AAEnC,MAAM,QAAQ,GAAG,CAAC,aAAiC,EAAE,YAAkB,EAAC,EAAE;IAC7E,MAAM,KAAK,GAAS,IAAA,kBAAU,EAAC,sBAAW,CAAC,CAAC;IAC5C,IAAG,OAAO,aAAa,KAAK,QAAQ,EAAC,CAAC;QAClC,OAAO,IAAA,YAAG,EAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;IACnD,CAAC;SAAM,IAAG,OAAO,aAAa,KAAK,UAAU,EAAC,CAAC;QAC3C,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,QAAQ,YAQnB;AAEkB,kBAVP,gBAAQ,CAUM"}
+{"version":3,"file":"useScope.js","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":";;;AAAA,mCAA6B;AAC7B,iCAAmC;AACnC,0CAA0C;AAE1C,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAC,EAAE,CAAC,KAAK,CAAC;AAE3C,MAAM,QAAQ,GAAG,CAAC,gBAAmC,oBAAoB,EAAE,YAAkB,EAAC,EAAE;IACnG,MAAM,KAAK,GAAS,IAAA,kBAAU,EAAC,sBAAW,CAAC,CAAC;IAC5C,IAAG,OAAO,aAAa,KAAK,QAAQ,EAAC,CAAC;QAClC,OAAO,IAAA,YAAG,EAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;IACnD,CAAC;SAAK,CAAC;QACH,OAAO,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;AAPW,QAAA,QAAQ,YAOnB;AAEkB,kBATP,gBAAQ,CASM"}

package/dist/esm/src/components/RenderInBackground.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RenderInBackgroundProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+export declare const RenderInBackground: ({ children, fallback }: RenderInBackgroundProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
+export {};
+//# sourceMappingURL=RenderInBackground.d.ts.map

package/dist/esm/src/components/RenderInBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderInBackground.d.ts","sourceRoot":"","sources":["../../../../src/components/RenderInBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,8EAczB,CAAA"}

package/dist/esm/src/components/RenderInBackground.js

@@ -0,0 +1,16 @@
+import React, { Suspense, useEffect, useState, startTransition } from 'react';
+import EmptyComponent from './EmptyComponent';
+const defaultFallback = React.createElement(EmptyComponent, null);
+export const RenderInBackground = ({ children, fallback = defaultFallback }) => {
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        startTransition(() => {
+            setIsReady(true);
+        });
+    }, []);
+    if (!isReady) {
+        return fallback;
+    }
+    return React.createElement(Suspense, { fallback: fallback }, children);
+};
+//# sourceMappingURL=RenderInBackground.js.map

package/dist/esm/src/components/RenderInBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderInBackground.js","sourceRoot":"","sources":["../../../../src/components/RenderInBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,eAAe,GAAG,oBAAC,cAAc,OAAG,CAAC;AAO3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,eAAe,EACJ,EAAE,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,CAAC,GAAG,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAG,QAAQ,CAAY,CAAC;AAC/D,CAAC,CAAA"}

package/dist/esm/src/hooks/useScope.d.ts

@@ -1,3 +1,3 @@
-export declare const useScope: (scopeVariable?: string | Function, defaultValue?: any) => any;
+export declare const useScope: (scopeSelector?: string | Function, defaultValue?: any) => any;
 export { useScope as useData };
 //# sourceMappingURL=useScope.d.ts.map

package/dist/esm/src/hooks/useScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,gBAAgB,MAAM,GAAG,QAAQ,EAAE,eAAe,GAAG,QAQ7E,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}
+{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,GAAI,gBAAe,MAAM,GAAG,QAA+B,EAAE,eAAe,GAAG,QAOnG,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}

package/dist/esm/src/hooks/useScope.js

@@ -1,15 +1,15 @@
 import { get } from 'lodash';
 import { useContext } from 'react';
 import { DataContext } from '../contexts';
-export const useScope = (scopeVariable, defaultValue) => {
+const defaultScopeSelector = (scope) => scope;
+export const useScope = (scopeSelector = defaultScopeSelector, defaultValue) => {
     const scope = useContext(DataContext);
-    if (typeof scopeVariable === 'string') {
-        return get(scope, scopeVariable, defaultValue);
+    if (typeof scopeSelector === 'string') {
+        return get(scope, scopeSelector, defaultValue);
     }
-    else if (typeof scopeVariable === 'function') {
-        return scopeVariable(scope);
+    else {
+        return scopeSelector?.(scope);
     }
-    return scope;
 };
 export { useScope as useData };
 //# sourceMappingURL=useScope.js.map

package/dist/esm/src/hooks/useScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.js","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,aAAiC,EAAE,YAAkB,EAAC,EAAE;IAC7E,MAAM,KAAK,GAAS,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,IAAG,OAAO,aAAa,KAAK,QAAQ,EAAC,CAAC;QAClC,OAAO,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;IACnD,CAAC;SAAM,IAAG,OAAO,aAAa,KAAK,UAAU,EAAC,CAAC;QAC3C,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}
+{"version":3,"file":"useScope.js","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAC,EAAE,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,gBAAmC,oBAAoB,EAAE,YAAkB,EAAC,EAAE;IACnG,MAAM,KAAK,GAAS,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,IAAG,OAAO,aAAa,KAAK,QAAQ,EAAC,CAAC;QAClC,OAAO,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;IACnD,CAAC;SAAK,CAAC;QACH,OAAO,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}

package/dist/types/src/components/RenderInBackground.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RenderInBackgroundProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+export declare const RenderInBackground: ({ children, fallback }: RenderInBackgroundProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
+export {};
+//# sourceMappingURL=RenderInBackground.d.ts.map

package/dist/types/src/components/RenderInBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderInBackground.d.ts","sourceRoot":"","sources":["../../../../src/components/RenderInBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,GAAI,wBAGhC,uBAAuB,8EAczB,CAAA"}

package/dist/types/src/hooks/useScope.d.ts

@@ -1,3 +1,3 @@
-export declare const useScope: (scopeVariable?: string | Function, defaultValue?: any) => any;
+export declare const useScope: (scopeSelector?: string | Function, defaultValue?: any) => any;
 export { useScope as useData };
 //# sourceMappingURL=useScope.d.ts.map

package/dist/types/src/hooks/useScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,gBAAgB,MAAM,GAAG,QAAQ,EAAE,eAAe,GAAG,QAQ7E,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}
+{"version":3,"file":"useScope.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScope.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,GAAI,gBAAe,MAAM,GAAG,QAA+B,EAAE,eAAe,GAAG,QAOnG,CAAC;AAEF,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/commons",
-  "version": "1.0.314",
+  "version": "1.0.316",
   "description": "",
   "main": "dist/cjs/main.js",
   "module": "dist/esm/main.js",