@gravity-ui/dynamic-forms 4.13.0 → 4.14.0

package/build/cjs/lib/core/components/Form/DynamicField.js

@@ -11,14 +11,14 @@ const helpers_1 = require("../../helpers");
 const Controller_1 = require("./Controller");
 const hooks_1 = require("./hooks");
 const utils_1 = require("./utils");
-const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search, withoutInsertFFDebounce, destroyOnUnregister = true, mutators: externalMutators, __mirror, }) => {
+const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search, withoutInsertFFDebounce, destroyOnUnregister = true, mutators: externalMutators, shared: externalShared, __mirror, }) => {
     const DynamicFormsCtx = (0, hooks_1.useCreateContext)();
     const SearchContext = (0, hooks_1.useCreateSearchContext)();
     const { tools, store } = (0, hooks_1.useStore)(name);
     const watcher = (0, hooks_1.useIntegrationFF)(store, withoutInsertFFDebounce, destroyOnUnregister);
     const { mutatorsStore, mutateDFState } = (0, hooks_1.useMutators)(externalMutators);
     const { store: searchStore, setField, removeField, isHiddenField } = (0, hooks_1.useSearchStore)();
-    const shared = (0, hooks_1.useFormSharedStore)();
+    const shared = (0, hooks_1.useFormSharedStore)(externalShared);
     const context = react_1.default.useMemo(() => ({
         config,
         Monaco: (0, react_is_1.isValidElementType)(Monaco) ? Monaco : undefined,

package/build/cjs/lib/core/components/Form/hooks/useFormSharedStore.js

@@ -3,9 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormSharedStore = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const useFormSharedStore = () => {
-    const [store, setStore] = react_1.default.useState({});
+const useFormSharedStore = (shared) => {
+    const firstRender = react_1.default.useRef(true);
+    const [store, setStore] = react_1.default.useState(shared || {});
     const onChangeShared = react_1.default.useCallback((name, value) => setStore((s) => (Object.assign(Object.assign({}, s), { [name]: value }))), [setStore]);
+    react_1.default.useEffect(() => {
+        if (firstRender.current) {
+            firstRender.current = false;
+        }
+        else if (shared) {
+            setStore(Object.assign(Object.assign({}, store), shared));
+        }
+    }, [shared]);
     return { store, onChangeShared };
 };
 exports.useFormSharedStore = useFormSharedStore;

package/build/cjs/lib/core/components/View/DynamicView.js

@@ -8,9 +8,9 @@ const helpers_1 = require("../../helpers");
 const ViewController_1 = require("./ViewController");
 const helpers_2 = require("./helpers");
 const hooks_1 = require("./hooks");
-const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, }) => {
+const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }) => {
     const DynamicFormsCtx = (0, hooks_1.useCreateContext)();
-    const shared = (0, hooks_1.useViewSharedStore)();
+    const shared = (0, hooks_1.useViewSharedStore)(externalShared);
     const context = react_1.default.useMemo(() => ({
         config,
         value,

package/build/cjs/lib/core/components/View/hooks/useViewSharedStore.js

@@ -3,9 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useViewSharedStore = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const useViewSharedStore = () => {
-    const [store, setStore] = react_1.default.useState({});
+const useViewSharedStore = (shared) => {
+    const firstRender = react_1.default.useRef(true);
+    const [store, setStore] = react_1.default.useState(shared || {});
     const onChangeShared = react_1.default.useCallback((name, value) => setStore((s) => (Object.assign(Object.assign({}, s), { [name]: value }))), [setStore]);
+    react_1.default.useEffect(() => {
+        if (firstRender.current) {
+            firstRender.current = false;
+        }
+        else if (shared) {
+            setStore(Object.assign(Object.assign({}, store), shared));
+        }
+    }, [shared]);
     return { store, onChangeShared };
 };
 exports.useViewSharedStore = useViewSharedStore;

package/build/esm/lib/core/components/Form/DynamicField.d.ts

@@ -12,6 +12,7 @@ export interface DynamicFieldProps {
     withoutInsertFFDebounce?: boolean;
     destroyOnUnregister?: boolean;
     mutators?: DynamicFormMutators;
+    shared?: Record<string, any>;
     __mirror?: WonderMirror;
 }
 export declare const DynamicField: React.FC<DynamicFieldProps>;

package/build/esm/lib/core/components/Form/DynamicField.js

@@ -7,14 +7,14 @@ import { isCorrectSpec } from '../../helpers';
 import { Controller } from './Controller';
 import { useCreateContext, useCreateSearchContext, useDynamicFieldMirror, useFormSharedStore, useIntegrationFF, useMutators, useSearchStore, useStore, } from './hooks';
 import { getDefaultSearchFunction, isCorrectConfig } from './utils';
-export const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search, withoutInsertFFDebounce, destroyOnUnregister = true, mutators: externalMutators, __mirror, }) => {
+export const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search, withoutInsertFFDebounce, destroyOnUnregister = true, mutators: externalMutators, shared: externalShared, __mirror, }) => {
     const DynamicFormsCtx = useCreateContext();
     const SearchContext = useCreateSearchContext();
     const { tools, store } = useStore(name);
     const watcher = useIntegrationFF(store, withoutInsertFFDebounce, destroyOnUnregister);
     const { mutatorsStore, mutateDFState } = useMutators(externalMutators);
     const { store: searchStore, setField, removeField, isHiddenField } = useSearchStore();
-    const shared = useFormSharedStore();
+    const shared = useFormSharedStore(externalShared);
     const context = React.useMemo(() => ({
         config,
         Monaco: isValidElementType(Monaco) ? Monaco : undefined,

package/build/esm/lib/core/components/Form/hooks/useFormSharedStore.d.ts

@@ -1,4 +1,4 @@
-export declare const useFormSharedStore: () => {
-    store: {};
+export declare const useFormSharedStore: (shared?: Record<string, any>) => {
+    store: Record<string, any>;
     onChangeShared: (name: string, value: any) => void;
 };

package/build/esm/lib/core/components/Form/hooks/useFormSharedStore.js

@@ -1,6 +1,15 @@
 import React from 'react';
-export const useFormSharedStore = () => {
-    const [store, setStore] = React.useState({});
+export const useFormSharedStore = (shared) => {
+    const firstRender = React.useRef(true);
+    const [store, setStore] = React.useState(shared || {});
     const onChangeShared = React.useCallback((name, value) => setStore((s) => (Object.assign(Object.assign({}, s), { [name]: value }))), [setStore]);
+    React.useEffect(() => {
+        if (firstRender.current) {
+            firstRender.current = false;
+        }
+        else if (shared) {
+            setStore(Object.assign(Object.assign({}, store), shared));
+        }
+    }, [shared]);
     return { store, onChangeShared };
 };

package/build/esm/lib/core/components/View/DynamicView.d.ts

@@ -12,5 +12,6 @@ export interface DynamicViewProps {
     }>;
     Monaco?: React.ComponentType<MonacoEditorProps>;
     showLayoutDescription?: boolean;
+    shared?: Record<string, any>;
 }
-export declare const DynamicView: ({ value, spec, config, Link, Monaco, showLayoutDescription, }: DynamicViewProps) => JSX.Element | null;
+export declare const DynamicView: ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }: DynamicViewProps) => JSX.Element | null;

package/build/esm/lib/core/components/View/DynamicView.js

@@ -4,9 +4,9 @@ import { isCorrectSpec } from '../../helpers';
 import { ViewController } from './ViewController';
 import { isCorrectViewConfig } from './helpers';
 import { useCreateContext, useViewSharedStore } from './hooks';
-export const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, }) => {
+export const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }) => {
     const DynamicFormsCtx = useCreateContext();
-    const shared = useViewSharedStore();
+    const shared = useViewSharedStore(externalShared);
     const context = React.useMemo(() => ({
         config,
         value,

package/build/esm/lib/core/components/View/hooks/useViewSharedStore.d.ts

@@ -1,4 +1,4 @@
-export declare const useViewSharedStore: () => {
-    store: {};
+export declare const useViewSharedStore: (shared?: Record<string, any>) => {
+    store: Record<string, any>;
     onChangeShared: (name: string, value: any) => void;
 };

package/build/esm/lib/core/components/View/hooks/useViewSharedStore.js

@@ -1,6 +1,15 @@
 import React from 'react';
-export const useViewSharedStore = () => {
-    const [store, setStore] = React.useState({});
+export const useViewSharedStore = (shared) => {
+    const firstRender = React.useRef(true);
+    const [store, setStore] = React.useState(shared || {});
     const onChangeShared = React.useCallback((name, value) => setStore((s) => (Object.assign(Object.assign({}, s), { [name]: value }))), [setStore]);
+    React.useEffect(() => {
+        if (firstRender.current) {
+            firstRender.current = false;
+        }
+        else if (shared) {
+            setStore(Object.assign(Object.assign({}, store), shared));
+        }
+    }, [shared]);
     return { store, onChangeShared };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "4.13.0",
+  "version": "4.14.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",