@gravity-ui/dynamic-forms 4.12.0 → 4.14.0

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

@@ -11,22 +11,34 @@ 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)(externalShared);
     const context = react_1.default.useMemo(() => ({
         config,
         Monaco: (0, react_is_1.isValidElementType)(Monaco) ? Monaco : undefined,
         generateRandomValue,
         tools: Object.assign(Object.assign({}, tools), { mutateDFState }),
         store,
+        shared,
         mutatorsStore,
         __mirror,
-    }), [tools, config, Monaco, __mirror, generateRandomValue, mutatorsStore, mutateDFState, store]);
+    }), [
+        tools,
+        shared,
+        config,
+        Monaco,
+        __mirror,
+        generateRandomValue,
+        mutatorsStore,
+        mutateDFState,
+        store,
+    ]);
     const searchContext = react_1.default.useMemo(() => ({
         setField,
         removeField,

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

@@ -5,6 +5,8 @@ tslib_1.__exportStar(require("./useControllerMirror"), exports);
 tslib_1.__exportStar(require("./useCreateContext"), exports);
 tslib_1.__exportStar(require("./useDynamicFieldMirror"), exports);
 tslib_1.__exportStar(require("./useDynamicFormsCtx"), exports);
+tslib_1.__exportStar(require("./useFormShared"), exports);
+tslib_1.__exportStar(require("./useFormSharedStore"), exports);
 tslib_1.__exportStar(require("./useGenerateRandomValue"), exports);
 tslib_1.__exportStar(require("./useIntegrationFF"), exports);
 tslib_1.__exportStar(require("./useMutateDFState"), exports);

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormShared = void 0;
+const useDynamicFormsCtx_1 = require("./useDynamicFormsCtx");
+const useFormShared = () => (0, useDynamicFormsCtx_1.useDynamicFormsCtx)().shared;
+exports.useFormShared = useFormShared;

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

@@ -0,0 +1,20 @@
+"use strict";
+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 = (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/Form/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStoreValue = exports.useMutateDFState = void 0;
+exports.useFormShared = exports.useStoreValue = exports.useMutateDFState = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./Controller"), exports);
@@ -8,5 +8,6 @@ tslib_1.__exportStar(require("./DynamicField"), exports);
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useMutateDFState", { enumerable: true, get: function () { return hooks_1.useMutateDFState; } });
 Object.defineProperty(exports, "useStoreValue", { enumerable: true, get: function () { return hooks_1.useStoreValue; } });
+Object.defineProperty(exports, "useFormShared", { enumerable: true, get: function () { return hooks_1.useFormShared; } });
 tslib_1.__exportStar(require("./types"), exports);
 tslib_1.__exportStar(require("./utils"), exports);

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

@@ -8,15 +8,17 @@ 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)(externalShared);
     const context = react_1.default.useMemo(() => ({
         config,
         value,
         showLayoutDescription,
         Link,
         Monaco: (0, react_is_1.isValidElementType)(Monaco) ? Monaco : undefined,
-    }), [config, value, Link, Monaco, showLayoutDescription]);
+        shared,
+    }), [config, value, Link, Monaco, showLayoutDescription, shared]);
     if ((0, helpers_1.isCorrectSpec)(spec) && (0, helpers_2.isCorrectViewConfig)(config)) {
         return (react_1.default.createElement(DynamicFormsCtx.Provider, { value: context },
             react_1.default.createElement(ViewController_1.ViewController, { spec: spec, name: "" })));

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

@@ -6,3 +6,5 @@ tslib_1.__exportStar(require("./useCreateContext"), exports);
 tslib_1.__exportStar(require("./useDynamicFormsCtx"), exports);
 tslib_1.__exportStar(require("./useRender"), exports);
 tslib_1.__exportStar(require("./useMonaco"), exports);
+tslib_1.__exportStar(require("./useViewShared"), exports);
+tslib_1.__exportStar(require("./useViewSharedStore"), exports);

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewShared = void 0;
+const useDynamicFormsCtx_1 = require("./useDynamicFormsCtx");
+const useViewShared = () => (0, useDynamicFormsCtx_1.useDynamicFormsCtx)().shared;
+exports.useViewShared = useViewShared;

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

@@ -0,0 +1,20 @@
+"use strict";
+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 = (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/cjs/lib/core/components/View/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDynamicFormsCtx = void 0;
+exports.useViewShared = exports.useDynamicFormsCtx = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./DynamicView"), exports);
 tslib_1.__exportStar(require("./ViewController"), exports);
@@ -8,3 +8,4 @@ tslib_1.__exportStar(require("./helpers"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useDynamicFormsCtx", { enumerable: true, get: function () { return hooks_1.useDynamicFormsCtx; } });
+Object.defineProperty(exports, "useViewShared", { enumerable: true, get: function () { return hooks_1.useViewShared; } });

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

@@ -5,24 +5,36 @@ import isString from 'lodash/isString';
 import { isValidElementType } from 'react-is';
 import { isCorrectSpec } from '../../helpers';
 import { Controller } from './Controller';
-import { useCreateContext, useCreateSearchContext, useDynamicFieldMirror, useIntegrationFF, useMutators, useSearchStore, useStore, } from './hooks';
+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(externalShared);
     const context = React.useMemo(() => ({
         config,
         Monaco: isValidElementType(Monaco) ? Monaco : undefined,
         generateRandomValue,
         tools: Object.assign(Object.assign({}, tools), { mutateDFState }),
         store,
+        shared,
         mutatorsStore,
         __mirror,
-    }), [tools, config, Monaco, __mirror, generateRandomValue, mutatorsStore, mutateDFState, store]);
+    }), [
+        tools,
+        shared,
+        config,
+        Monaco,
+        __mirror,
+        generateRandomValue,
+        mutatorsStore,
+        mutateDFState,
+        store,
+    ]);
     const searchContext = React.useMemo(() => ({
         setField,
         removeField,

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

@@ -2,6 +2,8 @@ export * from './useControllerMirror';
 export * from './useCreateContext';
 export * from './useDynamicFieldMirror';
 export * from './useDynamicFormsCtx';
+export * from './useFormShared';
+export * from './useFormSharedStore';
 export * from './useGenerateRandomValue';
 export * from './useIntegrationFF';
 export * from './useMutateDFState';

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

@@ -2,6 +2,8 @@ export * from './useControllerMirror';
 export * from './useCreateContext';
 export * from './useDynamicFieldMirror';
 export * from './useDynamicFormsCtx';
+export * from './useFormShared';
+export * from './useFormSharedStore';
 export * from './useGenerateRandomValue';
 export * from './useIntegrationFF';
 export * from './useMutateDFState';

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

@@ -0,0 +1,4 @@
+export declare const useFormShared: <SharedStore extends Record<string, any>>() => {
+    store: SharedStore;
+    onChangeShared: <Name extends keyof SharedStore, Value extends SharedStore[Name]>(name: Name, value: Value) => void;
+};

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

@@ -0,0 +1,2 @@
+import { useDynamicFormsCtx } from './useDynamicFormsCtx';
+export const useFormShared = () => useDynamicFormsCtx().shared;

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,15 @@
+import React from 'react';
+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/Form/index.d.ts

@@ -1,6 +1,6 @@
 export * from './constants';
 export * from './Controller';
 export * from './DynamicField';
-export { useMutateDFState, useStoreValue } from './hooks';
+export { useMutateDFState, useStoreValue, useFormShared } from './hooks';
 export * from './types';
 export * from './utils';

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

@@ -1,6 +1,6 @@
 export * from './constants';
 export * from './Controller';
 export * from './DynamicField';
-export { useMutateDFState, useStoreValue } from './hooks';
+export { useMutateDFState, useStoreValue, useFormShared } from './hooks';
 export * from './types';
 export * from './utils';

package/build/esm/lib/core/components/Form/types/context.d.ts

@@ -14,6 +14,10 @@ export interface DynamicFormsContext {
         mutateDFState: (mutators: DynamicFormMutators) => void;
     };
     store: DynamicFieldStore;
+    shared: {
+        store: Record<string, any>;
+        onChangeShared: (name: string, value: any) => void;
+    };
     mutatorsStore: DynamicFormMutatorsStore;
     __mirror?: WonderMirror;
 }

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

@@ -3,16 +3,18 @@ import { isValidElementType } from 'react-is';
 import { isCorrectSpec } from '../../helpers';
 import { ViewController } from './ViewController';
 import { isCorrectViewConfig } from './helpers';
-import { useCreateContext } from './hooks';
-export const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, }) => {
+import { useCreateContext, useViewSharedStore } from './hooks';
+export const DynamicView = ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }) => {
     const DynamicFormsCtx = useCreateContext();
+    const shared = useViewSharedStore(externalShared);
     const context = React.useMemo(() => ({
         config,
         value,
         showLayoutDescription,
         Link,
         Monaco: isValidElementType(Monaco) ? Monaco : undefined,
-    }), [config, value, Link, Monaco, showLayoutDescription]);
+        shared,
+    }), [config, value, Link, Monaco, showLayoutDescription, shared]);
     if (isCorrectSpec(spec) && isCorrectViewConfig(config)) {
         return (React.createElement(DynamicFormsCtx.Provider, { value: context },
             React.createElement(ViewController, { spec: spec, name: "" })));

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

@@ -3,3 +3,5 @@ export * from './useCreateContext';
 export * from './useDynamicFormsCtx';
 export * from './useRender';
 export * from './useMonaco';
+export * from './useViewShared';
+export * from './useViewSharedStore';

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

@@ -3,3 +3,5 @@ export * from './useCreateContext';
 export * from './useDynamicFormsCtx';
 export * from './useRender';
 export * from './useMonaco';
+export * from './useViewShared';
+export * from './useViewSharedStore';

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

@@ -0,0 +1,4 @@
+export declare const useViewShared: <SharedStore extends Record<string, any>>() => {
+    store: SharedStore;
+    onChangeShared: <Name extends keyof SharedStore, Value extends SharedStore[Name]>(name: Name, value: Value) => void;
+};

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

@@ -0,0 +1,2 @@
+import { useDynamicFormsCtx } from './useDynamicFormsCtx';
+export const useViewShared = () => useDynamicFormsCtx().shared;

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,15 @@
+import React from 'react';
+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/build/esm/lib/core/components/View/index.d.ts

@@ -2,4 +2,4 @@ export * from './DynamicView';
 export * from './ViewController';
 export * from './helpers';
 export * from './types';
-export { useDynamicFormsCtx } from './hooks';
+export { useDynamicFormsCtx, useViewShared } from './hooks';

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

@@ -2,4 +2,4 @@ export * from './DynamicView';
 export * from './ViewController';
 export * from './helpers';
 export * from './types';
-export { useDynamicFormsCtx } from './hooks';
+export { useDynamicFormsCtx, useViewShared } from './hooks';

package/build/esm/lib/core/components/View/types/context.d.ts

@@ -11,4 +11,8 @@ export interface DynamicViewContext {
         link: Spec['viewSpec']['link'];
     }>;
     Monaco?: React.ComponentType<MonacoEditorProps>;
+    shared: {
+        store: Record<string, any>;
+        onChangeShared: (name: string, value: any) => void;
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "4.12.0",
+  "version": "4.14.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -38,6 +38,7 @@
     "playwright:install": "playwright install --with-deps",
     "playwright": "playwright test --config=playwright/playwright.config.ts",
     "playwright:update": "npm run playwright -- -u",
+    "playwright:clear-cache": "rm -rf ./playwright/.cache",
     "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
     "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
     "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache"