@dnb/eufemia 10.51.2 → 10.52.0

package/cjs/extensions/forms/Form/Isolation/IsolationDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDocs.js","names":["_ProviderDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","IsolationProperties","path","doc","type","status","transformOnCommit","commitHandleRef","ProviderProperties","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","exports","IsolationEvents","onCommit","ProviderEvents","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":"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"}
+{"version":3,"file":"IsolationDocs.js","names":["_ProviderDocs","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","IsolationProperties","path","doc","type","status","transformOnCommit","commitHandleRef","bubbleValidation","ProviderProperties","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","exports","IsolationEvents","onCommit","ProviderEvents","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  bubbleValidation: {\n    doc: 'Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Snapshot/Snapshot.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type SnapshotId = string | number;
+export type SnapshotName = string;
+export type SnapshotProps = {
+    name: SnapshotName;
+    children: React.ReactNode;
+};
+declare function SnapshotProvider(props: SnapshotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SnapshotProvider {
+    var _supportsSpacingProps: any;
+}
+export default SnapshotProvider;

package/cjs/extensions/forms/Form/Snapshot/Snapshot.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SnapshotContext = _interopRequireDefault(require("./SnapshotContext"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function SnapshotProvider(props) {
+  const {
+    name,
+    children
+  } = props;
+  const {
+    snapshotsRef
+  } = (0, _react.useContext)(_Context.default) || {};
+  const mountedFieldsRef = (0, _react.useRef)();
+  if (!mountedFieldsRef.current) {
+    mountedFieldsRef.current = new Map();
+  }
+  const setMountedField = (0, _react.useCallback)((path, state) => {
+    mountedFieldsRef.current.set(path, state);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (snapshotsRef) {
+      snapshotsRef.current.set(name, mountedFieldsRef.current);
+    }
+  }, [snapshotsRef, name]);
+  const contextValue = {
+    name,
+    setMountedField
+  };
+  return _react.default.createElement(_SnapshotContext.default.Provider, {
+    value: contextValue
+  }, children);
+}
+SnapshotProvider._supportsSpacingProps = undefined;
+var _default = SnapshotProvider;
+exports.default = _default;
+//# sourceMappingURL=Snapshot.js.map

package/cjs/extensions/forms/Form/Snapshot/Snapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snapshot.js","names":["_react","_interopRequireWildcard","require","_SnapshotContext","_interopRequireDefault","_Context","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SnapshotProvider","props","name","children","snapshotsRef","useContext","DataContext","mountedFieldsRef","useRef","current","Map","setMountedField","useCallback","path","state","useEffect","contextValue","createElement","Provider","value","_supportsSpacingProps","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/Snapshot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport SnapshotContext, {\n  SnapshotContextState,\n  SnapshotMap,\n} from './SnapshotContext'\nimport DataContext from '../../DataContext/Context'\n\nexport type SnapshotId = string | number\nexport type SnapshotName = string\n\nexport type SnapshotProps = {\n  name: SnapshotName\n  children: React.ReactNode\n}\n\nfunction SnapshotProvider(props: SnapshotProps) {\n  const { name, children } = props\n\n  const { snapshotsRef } = useContext(DataContext) || {}\n  const mountedFieldsRef: SnapshotMap = useRef()\n  if (!mountedFieldsRef.current) {\n    mountedFieldsRef.current = new Map()\n  }\n\n  const setMountedField: SnapshotContextState['setMountedField'] =\n    useCallback((path, state) => {\n      mountedFieldsRef.current.set(path, state)\n    }, [])\n\n  useEffect(() => {\n    if (snapshotsRef) {\n      snapshotsRef.current.set(name, mountedFieldsRef.current)\n    }\n  }, [snapshotsRef, name])\n\n  const contextValue = { name, setMountedField }\n\n  return (\n    <SnapshotContext.Provider value={contextValue}>\n      {children}\n    </SnapshotContext.Provider>\n  )\n}\n\nSnapshotProvider._supportsSpacingProps = undefined\n\nexport default SnapshotProvider\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Snapshot/SnapshotContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Path } from '../../types';
+import { SnapshotName } from './Snapshot';
+export type SnapshotMap = React.MutableRefObject<Map<Path, unknown>>;
+export type SnapshotContextState = {
+    name: SnapshotName;
+    setMountedField: (path: Path, { isMounted }: {
+        isMounted: boolean;
+    }) => void;
+};
+declare const SnapshotContext: import("react").Context<SnapshotContextState>;
+export default SnapshotContext;

package/cjs/extensions/forms/Form/Snapshot/SnapshotContext.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const SnapshotContext = (0, _react.createContext)(null);
+var _default = SnapshotContext;
+exports.default = _default;
+//# sourceMappingURL=SnapshotContext.js.map

package/cjs/extensions/forms/Form/Snapshot/SnapshotContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotContext.js","names":["_react","require","SnapshotContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/SnapshotContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { Path } from '../../types'\nimport { SnapshotName } from './Snapshot'\n\nexport type SnapshotMap = React.MutableRefObject<Map<Path, unknown>>\n\nexport type SnapshotContextState = {\n  name: SnapshotName\n  setMountedField: (\n    path: Path,\n    { isMounted }: { isMounted: boolean }\n  ) => void\n}\n\nconst SnapshotContext = createContext<SnapshotContextState>(null)\n\nexport default SnapshotContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAcA,MAAMC,eAAe,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAElDF,eAAe;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/cjs/extensions/forms/Form/Snapshot/SnapshotDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const SnapshotProperties: PropertiesTableProps;
+export declare const SnapshotEvents: PropertiesTableProps;

package/cjs/extensions/forms/Form/Snapshot/SnapshotDocs.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SnapshotProperties = exports.SnapshotEvents = void 0;
+const SnapshotProperties = {
+  name: {
+    doc: 'A unique name for the sliced snapshot area.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+exports.SnapshotProperties = SnapshotProperties;
+const SnapshotEvents = {};
+exports.SnapshotEvents = SnapshotEvents;
+//# sourceMappingURL=SnapshotDocs.js.map

package/cjs/extensions/forms/Form/Snapshot/SnapshotDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotDocs.js","names":["SnapshotProperties","name","doc","type","status","exports","SnapshotEvents"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/SnapshotDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SnapshotProperties: PropertiesTableProps = {\n  name: {\n    doc: 'A unique name for the sliced snapshot area.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n\nexport const SnapshotEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAG;EACtDC,IAAI,EAAE;IACJC,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAC,OAAA,CAAAL,kBAAA,GAAAA,kBAAA;AAEM,MAAMM,cAAoC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/cjs/extensions/forms/Form/Snapshot/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Snapshot';
+export * from './Snapshot';

package/cjs/extensions/forms/Form/Snapshot/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Snapshot.default;
+  }
+});
+var _Snapshot = _interopRequireWildcard(require("./Snapshot"));
+Object.keys(_Snapshot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Snapshot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Snapshot[key];
+    }
+  });
+});
+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; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Form/Snapshot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Snapshot","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/index.ts"],"sourcesContent":["export { default } from './Snapshot'\nexport * from './Snapshot'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,SAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,SAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,SAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA0B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js

@@ -99,7 +99,7 @@ function SubmitConfirmation(props) {
     };
   });
   (0, _react.useMemo)(() => {
-    if (Object.keys((0, _componentHelper.removeUndefinedProps)(submitState)).length > 0) {
+    if (Object.keys((0, _componentHelper.removeUndefinedProps)(submitState) || {}).length > 0) {
       submitStateRef.current = _objectSpread({}, submitState);
       onSubmitResult === null || onSubmitResult === void 0 ? void 0 : onSubmitResult(getParamsRef.current());
     }

package/cjs/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitConfirmation.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_Provider","_components","_componentHelper","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SubmitConfirmation","props","forceUpdate","useReducer","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","setHandleSubmit","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","useContext","DataContext","confirmationStateRef","useRef","submitStateRef","preventSubmitRef","validatePreventSubmit","useCallback","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","useMemo","removeUndefinedProps","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","remove","sharedProviderParams","formElement","disabled","createElement","Fragment","HeightAnimation","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    setHandleSubmit,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState)).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  setHandleSubmit?.(handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setHandleSubmit?.(handleSubmit, { remove: true })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setHandleSubmit,\n    setConfirmationState,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":"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"}
+{"version":3,"file":"SubmitConfirmation.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_Provider","_components","_componentHelper","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SubmitConfirmation","props","forceUpdate","useReducer","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","setHandleSubmit","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","useContext","DataContext","confirmationStateRef","useRef","submitStateRef","preventSubmitRef","validatePreventSubmit","useCallback","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","useMemo","removeUndefinedProps","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","remove","sharedProviderParams","formElement","disabled","createElement","Fragment","HeightAnimation","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    setHandleSubmit,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState) || {}).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  setHandleSubmit?.(handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setHandleSubmit?.(handleSubmit, { remove: true })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setHandleSubmit,\n    setConfirmationState,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Visibility/Visibility.d.ts

@@ -5,10 +5,18 @@ import type { DataAttributes } from '../../hooks/useFieldProps';
 import { FilterData } from '../../DataContext';
 export type VisibleWhen = {
     path: Path;
-    hasValue: unknown;
+    hasValue: unknown | ((value: unknown) => boolean);
 } | {
     itemPath: Path;
-    hasValue: unknown;
+    hasValue: unknown | ((value: unknown) => boolean);
+} | {
+    path: Path;
+    isValid: boolean;
+    continuousValidation?: boolean;
+} | {
+    itemPath: Path;
+    isValid: boolean;
+    continuousValidation?: boolean;
 }
 /**
  * @deprecated Will be removed in v11!

package/cjs/extensions/forms/Form/Visibility/Visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_Provider","_useVisibility","_VisibilityContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","compensateForGap","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","content","createElement","Provider","value","isVisible","props","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProvider from '../../Field/Provider'\nimport useVisibility from './useVisibility'\n\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\nimport VisibilityContext from './VisibilityContext'\n\nexport type VisibleWhen =\n  | {\n      path: Path\n      hasValue: unknown\n    }\n  | {\n      itemPath: Path\n      hasValue: unknown\n    }\n  /**\n   * @deprecated Will be removed in v11!\n   */\n  | {\n      path: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n  /**\n   * @deprecated  Will be removed in v11!\n   */\n  | {\n      itemPath: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: Path\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: Path\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: Path\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: Path\n  /** Given data context path must be true to show children */\n  pathTrue?: Path\n  /** Given data context path must be false to show children */\n  pathFalse?: Path\n  /** Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */\n  compensateForGap?: HeightAnimationProps['compensateForGap']\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  compensateForGap,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n  const content = (\n    <VisibilityContext.Provider\n      value={{\n        isVisible: open,\n      }}\n    >\n      {children}\n    </VisibilityContext.Provider>\n  )\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        compensateForGap={compensateForGap}\n        {...rest}\n      >\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </span>\n    )\n  }\n\n  return <>{open ? content : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_Provider","_useVisibility","_VisibilityContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","compensateForGap","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","content","createElement","Provider","value","isVisible","props","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProvider from '../../Field/Provider'\nimport useVisibility from './useVisibility'\n\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\nimport VisibilityContext from './VisibilityContext'\n\nexport type VisibleWhen =\n  | {\n      path: Path\n      hasValue: unknown | ((value: unknown) => boolean)\n    }\n  | {\n      itemPath: Path\n      hasValue: unknown | ((value: unknown) => boolean)\n    }\n  | {\n      path: Path\n      isValid: boolean\n      continuousValidation?: boolean\n    }\n  | {\n      itemPath: Path\n      isValid: boolean\n      continuousValidation?: boolean\n    }\n\n  /**\n   * @deprecated Will be removed in v11!\n   */\n  | {\n      path: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n  /**\n   * @deprecated  Will be removed in v11!\n   */\n  | {\n      itemPath: Path\n      /** @deprecated Use `hasValue` instead */\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: Path\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: Path\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: Path\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: Path\n  /** Given data context path must be true to show children */\n  pathTrue?: Path\n  /** Given data context path must be false to show children */\n  pathFalse?: Path\n  /** Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */\n  compensateForGap?: HeightAnimationProps['compensateForGap']\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  compensateForGap,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n  const content = (\n    <VisibilityContext.Provider\n      value={{\n        isVisible: open,\n      }}\n    >\n      {children}\n    </VisibilityContext.Provider>\n  )\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        compensateForGap={compensateForGap}\n        {...rest}\n      >\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProvider {...props}>{content}</FieldProvider>\n      </span>\n    )\n  }\n\n  return <>{open ? content : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAKA,IAAAM,kBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAmD,MAAAO,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA8EnD,SAASmB,UAAUA,CAAAC,IAAA,EAoBT;EAAA,IApBU;MAClBC,OAAO;MACPC,WAAW;MACXC,aAAa;MACbC,UAAU;MACVC,SAAS;MACTC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC,WAAW;MACXC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,OAAO;MACPC,SAAS;MACTC,gBAAgB;MAChBC,oBAAoB;MACpBC;IAEK,CAAC,GAAAlB,IAAA;IADHmB,IAAI,GAAA7B,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,IAAAgD,uBAAc,EAAC,MAAM;IACnB,IAAIH,oBAAoB,IAAI,CAACF,SAAS,EAAE;MACtC,IAAAM,aAAI,EAAC,+DAA+D,CAAC;IACvE;EACF,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAa,EAAC;IAC9BtB,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,cAAc;IACdC,SAAS;IACTC;EACF,CAAC,CAAC;EACF,MAAMW,IAAI,GAAGF,KAAK,CAAC,CAAC;EACpB,MAAMG,OAAO,GACX9D,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAACvD,kBAAA,CAAAI,OAAiB,CAACoD,QAAQ;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAEL;IACb;EAAE,GAEDN,QACyB,CAC7B;EAED,IAAIJ,OAAO,EAAE;IACX,MAAMgB,KAAK,GAAG,CAACN,IAAI,GAAGP,oBAAoB,GAAG,IAAI;IAEjD,OACEtD,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAAC1D,gBAAA,CAAAO,OAAe,EAAAC,QAAA;MACdgD,IAAI,EAAEA,IAAK;MACXT,SAAS,EAAEgB,OAAO,CAAChB,SAAS,CAAE;MAC9BiB,SAAS,EAAC,sBAAsB;MAChChB,gBAAgB,EAAEA;IAAiB,GAC/BG,IAAI,GAERxD,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAACzD,SAAA,CAAAM,OAAa,EAAKuD,KAAK,EAAGL,OAAuB,CACnC,CAAC;EAEtB;EAEA,IAAIV,SAAS,EAAE;IACb,MAAMe,KAAK,GAAG,CAACN,IAAI,GAAGP,oBAAoB,GAAG,IAAI;IACjD,OACEtD,MAAA,CAAAY,OAAA,CAAAmD,aAAA;MAAMM,SAAS,EAAC,sBAAsB;MAACC,MAAM,EAAE,CAACT;IAAK,GACnD7D,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAACzD,SAAA,CAAAM,OAAa,EAAKuD,KAAK,EAAGL,OAAuB,CAC9C,CAAC;EAEX;EAEA,OAAO9D,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAAA/D,MAAA,CAAAY,OAAA,CAAA2D,QAAA,QAAGV,IAAI,GAAGC,OAAO,GAAG,IAAO,CAAC;AACrC;AAEA1B,UAAU,CAACoC,qBAAqB,GAAG,UAAU;AAAA,IAAAC,QAAA,GAC9BrC,UAAU;AAAAsC,OAAA,CAAA9D,OAAA,GAAA6D,QAAA"}

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js

@@ -5,6 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VisibilityProperties = void 0;
 const VisibilityProperties = {
+  visibleWhen: {
+    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. You can also use `isValid` instead of `hasValue` to only show the children when the field has no errors and has lost focus (blurred). You can change that behavior by using the `continuousValidation` property.',
+    type: 'object',
+    status: 'optional'
+  },
+  visibleWhenNot: {
+    doc: 'Same as `visibleWhen`, but with inverted logic.',
+    type: 'object',
+    status: 'optional'
+  },
   pathDefined: {
     doc: 'Given data context path must be defined to show children.',
     type: 'string',
@@ -35,16 +45,6 @@ const VisibilityProperties = {
     type: 'string',
     status: 'optional'
   },
-  visibleWhen: {
-    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path.',
-    type: 'object',
-    status: 'optional'
-  },
-  visibleWhenNot: {
-    doc: 'Same as `visibleWhen`, but with inverted logic.',
-    type: 'object',
-    status: 'optional'
-  },
   inferData: {
     doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',
     type: 'function',

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","visibleWhen","visibleWhenNot","inferData","visible","animate","keepInDOM","compensateForGap","filterData","fieldPropsWhenHidden","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  visibleWhen: {\n    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly using the `visible` prop. When used alongside other conditions, the `visible` prop takes precedence.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  compensateForGap: {\n    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,8KAA8K;IACnLC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,gBAAgB,EAAE;IAChBd,GAAG,EAAE,gJAAgJ;IACrJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAiB,OAAA,CAAArB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","visibleWhen","doc","type","status","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","inferData","visible","animate","keepInDOM","compensateForGap","filterData","fieldPropsWhenHidden","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  visibleWhen: {\n    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. You can also use `isValid` instead of `hasValue` to only show the children when the field has no errors and has lost focus (blurred). You can change that behavior by using the `continuousValidation` property.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly using the `visible` prop. When used alongside other conditions, the `visible` prop takes precedence.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  compensateForGap: {\n    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,+XAA+X;IACpYC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,UAAU,EAAE;IACVN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,gBAAgB,EAAE;IAChBd,GAAG,EAAE,gJAAgJ;IACrJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAiB,OAAA,CAAArB,oBAAA,GAAAA,oBAAA"}

package/cjs/extensions/forms/Form/Visibility/useVisibility.js

@@ -12,7 +12,9 @@ var _usePath = _interopRequireDefault(require("../../hooks/usePath"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function useVisibility(props) {
   const {
+    hasFieldError,
     filterDataHandler,
+    mountedFieldsRef,
     data: originalData
   } = (0, _react.useContext)(_Context.default);
   const {
@@ -46,24 +48,34 @@ function useVisibility(props) {
         visibleWhen = visibleWhenNot;
       }
       const path = 'itemPath' in visibleWhen ? makeIteratePath(visibleWhen.itemPath) : makePath(visibleWhen.path);
-      const hasPath = _jsonPointer.default.has(data, path);
-      if (hasPath) {
-        var _visibleWhen, _visibleWhen$hasValue, _visibleWhen2, _visibleWhen3;
-        const value = _jsonPointer.default.get(data, path);
-        if ((_visibleWhen = visibleWhen) !== null && _visibleWhen !== void 0 && _visibleWhen['withValue']) {
-          console.warn('VisibleWhen: "withValue" is deprecated, use "hasValue" instead');
+      if ('isValid' in visibleWhen) {
+        const item = mountedFieldsRef.current[path];
+        if (!item || item.isMounted !== true) {
+          return visibleWhenNot ? true : false;
         }
-        const hasValue = (_visibleWhen$hasValue = (_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== null && _visibleWhen$hasValue !== void 0 ? _visibleWhen$hasValue : (_visibleWhen3 = visibleWhen) === null || _visibleWhen3 === void 0 ? void 0 : _visibleWhen3['withValue'];
-        const result = typeof hasValue === 'function' ? hasValue(value) === false : hasValue !== value;
-        if (visibleWhenNot) {
-          if (!result) {
+        const result = (visibleWhen.continuousValidation ? true : item.isFocused !== true) && hasFieldError(path) === false;
+        return visibleWhenNot ? !result : result;
+      }
+      if ('hasValue' in visibleWhen || 'withValue' in visibleWhen) {
+        const hasPath = _jsonPointer.default.has(data, path);
+        if (hasPath) {
+          var _visibleWhen, _visibleWhen$hasValue, _visibleWhen2, _visibleWhen3;
+          const value = _jsonPointer.default.get(data, path);
+          if ((_visibleWhen = visibleWhen) !== null && _visibleWhen !== void 0 && _visibleWhen['withValue']) {
+            console.warn('VisibleWhen: "withValue" is deprecated, use "hasValue" instead');
+          }
+          const hasValue = (_visibleWhen$hasValue = (_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== null && _visibleWhen$hasValue !== void 0 ? _visibleWhen$hasValue : (_visibleWhen3 = visibleWhen) === null || _visibleWhen3 === void 0 ? void 0 : _visibleWhen3['withValue'];
+          const result = typeof hasValue === 'function' ? hasValue(value) === false : hasValue !== value;
+          if (visibleWhenNot) {
+            if (!result) {
+              return false;
+            }
+          } else if (result) {
             return false;
           }
-        } else if (result) {
+        } else {
           return false;
         }
-      } else {
-        return false;
       }
     }
     if (pathDefined && !_jsonPointer.default.has(data, makePath(pathDefined))) {
@@ -96,7 +108,7 @@ function useVisibility(props) {
       return false;
     }
     return true;
-  }, [filterDataHandler, originalData, makePath, makeIteratePath]);
+  }, [filterDataHandler, originalData, makePath, makeIteratePath, mountedFieldsRef, hasFieldError]);
   return {
     check
   };

package/cjs/extensions/forms/Form/Visibility/useVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","obj","__esModule","default","useVisibility","props","filterDataHandler","data","originalData","useContext","DataContext","makePath","makeIteratePath","usePath","propsRef","useRef","current","check","useCallback","visible","visibleWhen","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","filterData","arguments","length","undefined","path","itemPath","hasPath","pointer","has","_visibleWhen","_visibleWhen$hasValue","_visibleWhen2","_visibleWhen3","value","get","console","warn","hasValue","result","getValue","Boolean"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/useVisibility.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport usePath from '../../hooks/usePath'\nimport { Path } from '../../types'\nimport { Props } from './Visibility'\n\nexport type { Props }\n\nexport default function useVisibility(props?: Partial<Props>) {\n  const { filterDataHandler, data: originalData } = useContext(DataContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  // Forward props to the \"check\" method with ref to avoid infinite loop\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const check = useCallback(\n    (\n      {\n        visible,\n        visibleWhen,\n        visibleWhenNot,\n        pathDefined,\n        pathUndefined,\n        pathTruthy,\n        pathFalsy,\n        pathTrue,\n        pathFalse,\n        pathValue,\n        whenValue,\n        inferData,\n        filterData,\n      }: Partial<Props> = propsRef.current\n    ) => {\n      if (typeof visible === 'boolean') {\n        return visible\n      }\n\n      const data =\n        (filterData && filterDataHandler?.(originalData, filterData)) ||\n        originalData\n\n      if (visibleWhen || visibleWhenNot) {\n        if (visibleWhenNot) {\n          visibleWhen = visibleWhenNot\n        }\n\n        const path =\n          'itemPath' in visibleWhen\n            ? makeIteratePath(visibleWhen.itemPath)\n            : makePath(visibleWhen.path)\n        const hasPath = pointer.has(data, path)\n\n        if (hasPath) {\n          const value = pointer.get(data, path)\n\n          if (visibleWhen?.['withValue']) {\n            console.warn(\n              'VisibleWhen: \"withValue\" is deprecated, use \"hasValue\" instead'\n            )\n          }\n\n          const hasValue =\n            visibleWhen?.['hasValue'] ?? visibleWhen?.['withValue']\n          const result =\n            typeof hasValue === 'function'\n              ? hasValue(value) === false\n              : hasValue !== value\n\n          if (visibleWhenNot) {\n            if (!result) {\n              return false\n            }\n          } else if (result) {\n            return false\n          }\n        } else {\n          return false\n        }\n      }\n\n      if (pathDefined && !pointer.has(data, makePath(pathDefined))) {\n        return false\n      }\n      if (pathUndefined && pointer.has(data, makePath(pathUndefined))) {\n        return false\n      }\n\n      const getValue = (path: Path) => {\n        if (pointer.has(data, path)) {\n          return pointer.get(data, path)\n        }\n      }\n\n      if (pathTrue && getValue(makePath(pathTrue)) !== true) {\n        return false\n      }\n      if (pathFalse && getValue(makePath(pathFalse)) !== false) {\n        return false\n      }\n      if (\n        pathTruthy &&\n        Boolean(getValue(makePath(pathTruthy))) === false\n      ) {\n        return false\n      }\n      if (pathFalsy && Boolean(getValue(makePath(pathFalsy))) === true) {\n        return false\n      }\n      if (inferData && !inferData(data)) {\n        return false\n      }\n\n      // Deprecated can be removed in v11\n      if (pathValue && getValue(makePath(pathValue)) !== whenValue) {\n        return false\n      }\n\n      return true\n    },\n    [filterDataHandler, originalData, makePath, makeIteratePath]\n  )\n\n  return { check }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useVisibility.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","obj","__esModule","default","useVisibility","props","hasFieldError","filterDataHandler","mountedFieldsRef","data","originalData","useContext","DataContext","makePath","makeIteratePath","usePath","propsRef","useRef","current","check","useCallback","visible","visibleWhen","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","filterData","arguments","length","undefined","path","itemPath","item","isMounted","result","continuousValidation","isFocused","hasPath","pointer","has","_visibleWhen","_visibleWhen$hasValue","_visibleWhen2","_visibleWhen3","value","get","console","warn","hasValue","getValue","Boolean"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/useVisibility.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport usePath from '../../hooks/usePath'\nimport { Path } from '../../types'\nimport { Props } from './Visibility'\n\nexport type { Props }\n\nexport default function useVisibility(props?: Partial<Props>) {\n  const {\n    hasFieldError,\n    filterDataHandler,\n    mountedFieldsRef,\n    data: originalData,\n  } = useContext(DataContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  // Forward props to the \"check\" method with ref to avoid infinite loop\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const check = useCallback(\n    (\n      {\n        visible,\n        visibleWhen,\n        visibleWhenNot,\n        pathDefined,\n        pathUndefined,\n        pathTruthy,\n        pathFalsy,\n        pathTrue,\n        pathFalse,\n        pathValue,\n        whenValue,\n        inferData,\n        filterData,\n      }: Partial<Props> = propsRef.current\n    ) => {\n      if (typeof visible === 'boolean') {\n        return visible\n      }\n\n      const data =\n        (filterData && filterDataHandler?.(originalData, filterData)) ||\n        originalData\n\n      if (visibleWhen || visibleWhenNot) {\n        if (visibleWhenNot) {\n          visibleWhen = visibleWhenNot\n        }\n\n        const path =\n          'itemPath' in visibleWhen\n            ? makeIteratePath(visibleWhen.itemPath)\n            : makePath(visibleWhen.path)\n\n        if ('isValid' in visibleWhen) {\n          const item = mountedFieldsRef.current[path]\n          if (!item || item.isMounted !== true) {\n            return visibleWhenNot ? true : false\n          }\n          const result =\n            (visibleWhen.continuousValidation\n              ? true\n              : item.isFocused !== true) && hasFieldError(path) === false\n          return visibleWhenNot ? !result : result\n        }\n\n        if ('hasValue' in visibleWhen || 'withValue' in visibleWhen) {\n          const hasPath = pointer.has(data, path)\n\n          if (hasPath) {\n            const value = pointer.get(data, path)\n\n            if (visibleWhen?.['withValue']) {\n              console.warn(\n                'VisibleWhen: \"withValue\" is deprecated, use \"hasValue\" instead'\n              )\n            }\n\n            const hasValue =\n              visibleWhen?.['hasValue'] ?? visibleWhen?.['withValue']\n            const result =\n              typeof hasValue === 'function'\n                ? hasValue(value) === false\n                : hasValue !== value\n\n            if (visibleWhenNot) {\n              if (!result) {\n                return false\n              }\n            } else if (result) {\n              return false\n            }\n          } else {\n            return false\n          }\n        }\n      }\n\n      if (pathDefined && !pointer.has(data, makePath(pathDefined))) {\n        return false\n      }\n      if (pathUndefined && pointer.has(data, makePath(pathUndefined))) {\n        return false\n      }\n\n      const getValue = (path: Path) => {\n        if (pointer.has(data, path)) {\n          return pointer.get(data, path)\n        }\n      }\n\n      if (pathTrue && getValue(makePath(pathTrue)) !== true) {\n        return false\n      }\n      if (pathFalse && getValue(makePath(pathFalse)) !== false) {\n        return false\n      }\n      if (\n        pathTruthy &&\n        Boolean(getValue(makePath(pathTruthy))) === false\n      ) {\n        return false\n      }\n      if (pathFalsy && Boolean(getValue(makePath(pathFalsy))) === true) {\n        return false\n      }\n      if (inferData && !inferData(data)) {\n        return false\n      }\n\n      // Deprecated can be removed in v11\n      if (pathValue && getValue(makePath(pathValue)) !== whenValue) {\n        return false\n      }\n\n      return true\n    },\n    [\n      filterDataHandler,\n      originalData,\n      makePath,\n      makeIteratePath,\n      mountedFieldsRef,\n      hasFieldError,\n    ]\n  )\n\n  return { check }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/data-context/clearData.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = clearData;
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
 function clearData(id) {
+  var _sharedAttachments$da, _sharedAttachments$da2;
   const sharedAttachments = (0, _useSharedState.createSharedState)(id + '-attachments');
-  sharedAttachments.set({});
-  const sharedData = (0, _useSharedState.createSharedState)(id);
-  sharedData.update({
-    clearForm: true
-  });
+  (_sharedAttachments$da = (_sharedAttachments$da2 = sharedAttachments.data).clearData) === null || _sharedAttachments$da === void 0 ? void 0 : _sharedAttachments$da.call(_sharedAttachments$da2);
 }
 //# sourceMappingURL=clearData.js.map

package/cjs/extensions/forms/Form/data-context/clearData.js.map

@@ -1 +1 @@
-{"version":3,"file":"clearData.js","names":["_useSharedState","require","clearData","id","sharedAttachments","createSharedState","set","sharedData","update","clearForm"],"sources":["../../../../../../src/extensions/forms/Form/data-context/clearData.ts"],"sourcesContent":["import { createSharedState } from '../../../../shared/helpers/useSharedState'\n\nexport default function clearData(id: string) {\n  const sharedAttachments = createSharedState(id + '-attachments')\n  sharedAttachments.set({})\n\n  const sharedData = createSharedState(id)\n  sharedData.update({ clearForm: true })\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEe,SAASC,SAASA,CAACC,EAAU,EAAE;EAC5C,MAAMC,iBAAiB,GAAG,IAAAC,iCAAiB,EAACF,EAAE,GAAG,cAAc,CAAC;EAChEC,iBAAiB,CAACE,GAAG,CAAC,CAAC,CAAC,CAAC;EAEzB,MAAMC,UAAU,GAAG,IAAAF,iCAAiB,EAACF,EAAE,CAAC;EACxCI,UAAU,CAACC,MAAM,CAAC;IAAEC,SAAS,EAAE;EAAK,CAAC,CAAC;AACxC"}
+{"version":3,"file":"clearData.js","names":["_useSharedState","require","clearData","id","_sharedAttachments$da","_sharedAttachments$da2","sharedAttachments","createSharedState","data","call"],"sources":["../../../../../../src/extensions/forms/Form/data-context/clearData.ts"],"sourcesContent":["import { createSharedState } from '../../../../shared/helpers/useSharedState'\nimport { SharedAttachments } from '../../DataContext/Provider'\n\nexport default function clearData(id: string) {\n  const sharedAttachments = createSharedState<SharedAttachments<unknown>>(\n    id + '-attachments'\n  )\n  sharedAttachments.data.clearData?.()\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAGe,SAASC,SAASA,CAACC,EAAU,EAAE;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EAC5C,MAAMC,iBAAiB,GAAG,IAAAC,iCAAiB,EACzCJ,EAAE,GAAG,cACP,CAAC;EACD,CAAAC,qBAAA,IAAAC,sBAAA,GAAAC,iBAAiB,CAACE,IAAI,EAACN,SAAS,cAAAE,qBAAA,uBAAhCA,qBAAA,CAAAK,IAAA,CAAAJ,sBAAmC,CAAC;AACtC"}

package/cjs/extensions/forms/Form/data-context/getData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","obj","__esModule","default","getData","id","sharedState","createSharedState","sharedAttachments","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call","reduceToVisibleFields","options","_sharedAttachments$da3","_sharedAttachments$da4","visibleDataHandler","getValue","path","pointer","has","undefined"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import pointer from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type {\n  FilterDataHandler,\n  VisibleDataHandler,\n} from '../../DataContext/Context'\nimport type { Path } from '../../types'\nimport type {\n  UseDataReturnGetValue,\n  UseDataReturnFilterData,\n  UseDataReturnVisibleData,\n} from './useData'\n\ntype SharedAttachment<Data> = {\n  filterDataHandler: FilterDataHandler<Data>\n  visibleDataHandler?: VisibleDataHandler<Data>\n}\n\ntype SetDataReturn<Data> = {\n  data: Data\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachment<Data>>(\n    id + '-attachments'\n  )\n\n  const data = sharedState.get() as Data\n\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  const reduceToVisibleFields: SetDataReturn<Data>['reduceToVisibleFields'] =\n    (data, options) =>\n      sharedAttachments.data?.visibleDataHandler?.(data, options)\n\n  const getValue = (path: Path) => {\n    if (pointer.has(data, path)) {\n      return pointer.get(data, path)\n    }\n\n    return undefined\n  }\n\n  return {\n    data,\n    getValue,\n    filterData,\n    reduceToVisibleFields,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGkD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAwBnC,SAASG,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzCF,EAAE,GAAG,cACP,CAAC;EAED,MAAMI,IAAI,GAAGH,WAAW,CAACI,GAAG,CAAC,CAAS;EAEtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DL,iBAAiB,CAACC,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,MAAMK,qBAAmE,GACvEA,CAACR,IAAI,EAAES,OAAO;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IAAA,QAAAD,sBAAA,GACZX,iBAAiB,CAACC,IAAI,cAAAU,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,kBAAkB,cAAAD,sBAAA,uBAA1CA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAA,EAA6CV,IAAI,EAAES,OAAO,CAAC;EAAA;EAE/D,MAAMI,QAAQ,GAAIC,IAAU,IAAK;IAC/B,IAAIC,oBAAO,CAACC,GAAG,CAAChB,IAAI,EAAEc,IAAI,CAAC,EAAE;MAC3B,OAAOC,oBAAO,CAACd,GAAG,CAACD,IAAI,EAAEc,IAAI,CAAC;IAChC;IAEA,OAAOG,SAAS;EAClB,CAAC;EAED,OAAO;IACLjB,IAAI;IACJa,QAAQ;IACRX,UAAU;IACVM;EACF,CAAC;AACH"}
+{"version":3,"file":"getData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","obj","__esModule","default","getData","id","sharedState","createSharedState","sharedAttachments","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call","reduceToVisibleFields","options","_sharedAttachments$da3","_sharedAttachments$da4","visibleDataHandler","getValue","path","pointer","has","undefined"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import pointer from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { SharedAttachments } from '../../DataContext/Provider'\nimport type { Path } from '../../types'\nimport type {\n  UseDataReturnGetValue,\n  UseDataReturnFilterData,\n  UseDataReturnVisibleData,\n} from './useData'\n\ntype SetDataReturn<Data> = {\n  data: Data\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachments<Data>>(\n    id + '-attachments'\n  )\n\n  const data = sharedState.get() as Data\n\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  const reduceToVisibleFields: SetDataReturn<Data>['reduceToVisibleFields'] =\n    (data, options) =>\n      sharedAttachments.data?.visibleDataHandler?.(data, options)\n\n  const getValue = (path: Path) => {\n    if (pointer.has(data, path)) {\n      return pointer.get(data, path)\n    }\n\n    return undefined\n  }\n\n  return {\n    data,\n    getValue,\n    filterData,\n    reduceToVisibleFields,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGkD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgBnC,SAASG,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzCF,EAAE,GAAG,cACP,CAAC;EAED,MAAMI,IAAI,GAAGH,WAAW,CAACI,GAAG,CAAC,CAAS;EAEtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DL,iBAAiB,CAACC,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,MAAMK,qBAAmE,GACvEA,CAACR,IAAI,EAAES,OAAO;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IAAA,QAAAD,sBAAA,GACZX,iBAAiB,CAACC,IAAI,cAAAU,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,kBAAkB,cAAAD,sBAAA,uBAA1CA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAA,EAA6CV,IAAI,EAAES,OAAO,CAAC;EAAA;EAE/D,MAAMI,QAAQ,GAAIC,IAAU,IAAK;IAC/B,IAAIC,oBAAO,CAACC,GAAG,CAAChB,IAAI,EAAEc,IAAI,CAAC,EAAE;MAC3B,OAAOC,oBAAO,CAACd,GAAG,CAACD,IAAI,EAAEc,IAAI,CAAC;IAChC;IAEA,OAAOG,SAAS;EAClB,CAAC;EAED,OAAO;IACLjB,IAAI;IACJa,QAAQ;IACRX,UAAU;IACVM;EACF,CAAC;AACH"}