@dnb/eufemia 10.63.3 → 10.64.0

package/cjs/extensions/forms/Connectors/createContext.d.ts

@@ -0,0 +1,58 @@
+import { ReceiveAdditionalEventArgs } from '../types';
+export type UrlSecondParameter = {
+    countryCode: string;
+};
+export type GeneralConfig = {
+    fetchConfig?: {
+        url: string | ((value: string, { countryCode }: UrlSecondParameter) => string | Promise<string>);
+        headers?: HeadersInit;
+    };
+};
+export declare function createContext<GeneralConfigGeneric = GeneralConfig>(generalConfig?: GeneralConfigGeneric): {
+    withConfig<HandlerMethod extends (generalConfig: GeneralConfigGeneric, handlerConfig: unknown) => ReturnType<HandlerMethod>>(fn: HandlerMethod, handlerConfig?: Parameters<HandlerMethod>[1]): ReturnType<HandlerMethod>;
+};
+export type HandlerConfig = {
+    preResponseResolver?: PreResponseResolver;
+    responseResolver?: ResponseResolver;
+};
+export type PreResponseResolver = (fromField: {
+    value: string;
+}) => unknown;
+export type ResponseResolver<Response = unknown, Payload = Record<string, unknown>> = (response: Response, handlerConfig?: HandlerConfig) => {
+    /**
+     * The matcher to be used to determine if and how the connector,
+     * such as an validator for `onChangeValidator` or `onBlurValidator`,
+     * should validate the field value.
+     */
+    matcher?: (value: string) => boolean;
+    /**
+     * The payload to be returned and used by the connector.
+     */
+    payload?: Payload;
+};
+export type FetchDataFromAPIOptions = {
+    generalConfig: GeneralConfig;
+    parameters?: UrlSecondParameter;
+    abortControllerRef?: {
+        current: null | AbortController;
+    };
+    preResponseResolver?: PreResponseResolver;
+};
+export type FetchDataReturnValue<Data = unknown> = {
+    data: Data;
+    status: number;
+};
+export declare function fetchData<Data = unknown>(value: string, options: FetchDataFromAPIOptions): Promise<FetchDataReturnValue<Data>>;
+export declare function getCountryCodeValue({ additionalArgs, }: {
+    additionalArgs: ReceiveAdditionalEventArgs<unknown>;
+}): {
+    countryCode: string;
+    countryCodeValue: any;
+};
+export declare function handleCountryPath({ value, additionalArgs, handler, }: {
+    value: string;
+    additionalArgs: ReceiveAdditionalEventArgs<unknown>;
+    handler: (value: string, additionalArgs: ReceiveAdditionalEventArgs<unknown>) => void;
+}): {
+    countryCode: string;
+};

package/cjs/extensions/forms/Connectors/createContext.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContext = createContext;
+exports.fetchData = fetchData;
+exports.getCountryCodeValue = getCountryCodeValue;
+exports.handleCountryPath = handleCountryPath;
+var _defaults = require("../../../shared/defaults");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function createContext() {
+  let generalConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  return {
+    withConfig(fn, handlerConfig) {
+      return fn(generalConfig, handlerConfig);
+    }
+  };
+}
+async function fetchDataFromAPI(generalConfig, options) {
+  const {
+    fetchConfig
+  } = generalConfig;
+  const controller = options === null || options === void 0 ? void 0 : options.abortControllerRef;
+  if (controller) {
+    if (controller.current) {
+      controller.current.abort();
+      controller.current = null;
+    }
+    if (!controller.current) {
+      controller.current = new AbortController();
+    }
+  }
+  const {
+    signal
+  } = (controller === null || controller === void 0 ? void 0 : controller.current) || {};
+  const fetchOptions = {
+    method: 'GET',
+    headers: _objectSpread({
+      Accept: 'application/json'
+    }, fetchConfig.headers),
+    signal
+  };
+  try {
+    const response = await fetch(fetchConfig.url, fetchOptions);
+    if (controller) {
+      controller.current = null;
+    }
+    return {
+      response,
+      data: await response.json()
+    };
+  } catch (error) {
+    if (error.name !== 'AbortError') {
+      return error;
+    }
+  }
+}
+async function fetchData(value, options) {
+  var _options$preResponseR;
+  const {
+    generalConfig,
+    parameters
+  } = options || {};
+  const result = options === null || options === void 0 ? void 0 : (_options$preResponseR = options.preResponseResolver) === null || _options$preResponseR === void 0 ? void 0 : _options$preResponseR.call(options, {
+    value
+  });
+  if (typeof result !== 'undefined') {
+    return result;
+  }
+  try {
+    const u = generalConfig.fetchConfig.url;
+    const url = typeof u === 'function' ? await u(value, parameters) : u;
+    const {
+      data,
+      response
+    } = await fetchDataFromAPI(_objectSpread(_objectSpread({}, generalConfig), {}, {
+      fetchConfig: _objectSpread(_objectSpread({}, generalConfig.fetchConfig), {}, {
+        url
+      })
+    }), options);
+    if (!response.ok) {
+      throw new Error(`${response.statusText} – Status: ${response.status}`);
+    }
+    return {
+      data,
+      status: response.status
+    };
+  } catch (error) {
+    return error;
+  }
+}
+function getCountryCodeValue(_ref) {
+  let {
+    additionalArgs
+  } = _ref;
+  const countryCodeValue = additionalArgs.props['data-country-code'] || _defaults.COUNTRY;
+  const countryCode = additionalArgs.getSourceValue(countryCodeValue);
+  return {
+    countryCode,
+    countryCodeValue
+  };
+}
+function handleCountryPath(_ref2) {
+  let {
+    value,
+    additionalArgs,
+    handler
+  } = _ref2;
+  const {
+    countryCode,
+    countryCodeValue
+  } = getCountryCodeValue({
+    additionalArgs
+  });
+  if (String(countryCodeValue).startsWith('/') && additionalArgs[handler.name] !== handler) {
+    additionalArgs[handler.name] = handler;
+    additionalArgs.setFieldEventListener(countryCodeValue, 'onPathChange', () => {
+      handler(value, additionalArgs);
+    });
+  }
+  return {
+    countryCode
+  };
+}
+//# sourceMappingURL=createContext.js.map

package/cjs/extensions/forms/Connectors/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","names":["_defaults","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","createContext","generalConfig","withConfig","fn","handlerConfig","fetchDataFromAPI","options","fetchConfig","controller","abortControllerRef","current","abort","AbortController","signal","fetchOptions","method","headers","Accept","response","fetch","url","data","json","error","name","fetchData","_options$preResponseR","parameters","result","preResponseResolver","u","ok","Error","statusText","status","getCountryCodeValue","_ref","additionalArgs","countryCodeValue","props","defaultCountry","countryCode","getSourceValue","handleCountryPath","_ref2","handler","startsWith","setFieldEventListener"],"sources":["../../../../../src/extensions/forms/Connectors/createContext.ts"],"sourcesContent":["import { ReceiveAdditionalEventArgs } from '../types'\nimport { COUNTRY as defaultCountry } from '../../../shared/defaults'\n\nexport type UrlSecondParameter = {\n  countryCode: string\n}\nexport type GeneralConfig = {\n  fetchConfig?: {\n    url:\n      | string\n      | ((\n          value: string,\n          { countryCode }: UrlSecondParameter\n        ) => string | Promise<string>)\n    headers?: HeadersInit\n  }\n}\n\nexport function createContext<GeneralConfigGeneric = GeneralConfig>(\n  generalConfig: GeneralConfigGeneric = null\n) {\n  return {\n    withConfig<\n      HandlerMethod extends (\n        generalConfig: GeneralConfigGeneric,\n        handlerConfig: unknown\n      ) => ReturnType<HandlerMethod>,\n    >(fn: HandlerMethod, handlerConfig?: Parameters<HandlerMethod>[1]) {\n      return fn(generalConfig, handlerConfig)\n    },\n  }\n}\n\nexport type HandlerConfig = {\n  preResponseResolver?: PreResponseResolver\n  responseResolver?: ResponseResolver\n}\nexport type PreResponseResolver = (fromField: { value: string }) => unknown\nexport type ResponseResolver<\n  Response = unknown,\n  Payload = Record<string, unknown>,\n> = (\n  response: Response,\n  handlerConfig?: HandlerConfig\n) => {\n  /**\n   * The matcher to be used to determine if and how the connector,\n   * such as an validator for `onChangeValidator` or `onBlurValidator`,\n   * should validate the field value.\n   */\n  matcher?: (value: string) => boolean\n\n  /**\n   * The payload to be returned and used by the connector.\n   */\n  payload?: Payload\n}\n\nexport type FetchDataFromAPIOptions = {\n  generalConfig: GeneralConfig\n  parameters?: UrlSecondParameter\n  abortControllerRef?: { current: null | AbortController }\n  preResponseResolver?: PreResponseResolver\n}\n\nasync function fetchDataFromAPI<Data = unknown>(\n  generalConfig: GeneralConfig & { fetchConfig: { url: string } },\n  options?: FetchDataFromAPIOptions\n): Promise<{\n  data: Data\n  response: Response\n}> {\n  const { fetchConfig } = generalConfig\n\n  const controller = options?.abortControllerRef\n  if (controller) {\n    if (controller.current) {\n      controller.current.abort()\n      controller.current = null\n    }\n    if (!controller.current) {\n      controller.current = new AbortController()\n    }\n  }\n  const { signal } = controller?.current || {}\n\n  const fetchOptions = {\n    method: 'GET',\n    headers: {\n      Accept: 'application/json',\n      ...fetchConfig.headers,\n    },\n    signal,\n  }\n\n  try {\n    const response = await fetch(fetchConfig.url, fetchOptions)\n\n    if (controller) {\n      controller.current = null\n    }\n\n    return {\n      response,\n      data: await response.json(),\n    }\n  } catch (error) {\n    if (error.name !== 'AbortError') {\n      return error\n    }\n  }\n}\n\nexport type FetchDataReturnValue<Data = unknown> = {\n  data: Data\n  status: number\n}\n\nexport async function fetchData<Data = unknown>(\n  value: string,\n  options: FetchDataFromAPIOptions\n): Promise<FetchDataReturnValue<Data>> {\n  const { generalConfig, parameters } = options || {}\n\n  const result = options?.preResponseResolver?.({ value })\n  if (typeof result !== 'undefined') {\n    return result as FetchDataReturnValue<Data>\n  }\n\n  try {\n    const u = generalConfig.fetchConfig.url\n    const url = typeof u === 'function' ? await u(value, parameters) : u\n\n    const { data, response } = await fetchDataFromAPI<Data>(\n      {\n        ...generalConfig,\n        fetchConfig: {\n          ...generalConfig.fetchConfig,\n          url,\n        },\n      },\n      options\n    )\n\n    // Check if the response status is in the range of 200-299\n    if (!response.ok) {\n      throw new Error(\n        `${response.statusText} – Status: ${response.status}`\n      )\n    }\n\n    return { data, status: response.status }\n  } catch (error) {\n    return error\n  }\n}\n\nexport function getCountryCodeValue({\n  additionalArgs,\n}: {\n  additionalArgs: ReceiveAdditionalEventArgs<unknown>\n}) {\n  const countryCodeValue =\n    additionalArgs.props['data-country-code'] || defaultCountry\n  const countryCode =\n    additionalArgs.getSourceValue<string>(countryCodeValue)\n  return { countryCode, countryCodeValue }\n}\n\nexport function handleCountryPath({\n  value,\n  additionalArgs,\n  handler,\n}: {\n  value: string\n  additionalArgs: ReceiveAdditionalEventArgs<unknown>\n  handler: (\n    value: string,\n    additionalArgs: ReceiveAdditionalEventArgs<unknown>\n  ) => void\n}) {\n  const { countryCode, countryCodeValue } = getCountryCodeValue({\n    additionalArgs,\n  })\n\n  if (\n    String(countryCodeValue).startsWith('/') &&\n    additionalArgs[handler.name] !== handler\n  ) {\n    additionalArgs[handler.name] = handler\n    additionalArgs.setFieldEventListener(\n      countryCodeValue,\n      'onPathChange',\n      () => {\n        handler(value, additionalArgs)\n      }\n    )\n  }\n\n  return { countryCode }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Connectors/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createContext';
+export * as Bring from './Bring';

package/cjs/extensions/forms/Connectors/index.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_createContext","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Bring","_interopRequireWildcard","Bring","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../src/extensions/forms/Connectors/index.ts"],"sourcesContent":["export * from './createContext'\nexport * as Bring from './Bring'\n"],"mappings":";;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,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,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAS,MAAA,GAAAC,uBAAA,CAAAd,OAAA;AAAAS,OAAA,CAAAM,KAAA,GAAAF,MAAA;AAAA,SAAAG,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,SAAAH,wBAAAO,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,CAAAZ,GAAA,CAAAS,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAA1B,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAA2B,wBAAA,WAAAxB,GAAA,IAAAiB,GAAA,QAAAjB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAc,GAAA,EAAAjB,GAAA,SAAAyB,IAAA,GAAAF,qBAAA,GAAA1B,MAAA,CAAA2B,wBAAA,CAAAP,GAAA,EAAAjB,GAAA,cAAAyB,IAAA,KAAAA,IAAA,CAAAjB,GAAA,IAAAiB,IAAA,CAAAC,GAAA,KAAA7B,MAAA,CAAAS,cAAA,CAAAgB,MAAA,EAAAtB,GAAA,EAAAyB,IAAA,YAAAH,MAAA,CAAAtB,GAAA,IAAAiB,GAAA,CAAAjB,GAAA,SAAAsB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/DataContext/Context.d.ts

@@ -113,7 +113,10 @@ export interface ContextState {
     setFieldConnection?: (path: Path, connections: FieldConnections) => void;
     isEmptyDataRef?: React.MutableRefObject<boolean>;
     addSetShowAllErrorsRef?: React.MutableRefObject<Array<(showAllErrors: boolean) => void>>;
-    fieldDisplayValueRef?: React.MutableRefObject<Record<Path, React.ReactNode>>;
+    fieldDisplayValueRef?: React.MutableRefObject<Record<Path, {
+        type: 'field';
+        value?: React.ReactNode;
+    }>>;
     fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>;
     valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>;
     fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>;

package/cjs/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_utils","obj","__esModule","default","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","setMountedFieldState","hasErrors","hasFieldState","hasFieldError","ajvInstance","makeAjvInstance","contextErrorMessages","props","exports","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, FormError, JsonObject, makeAjvInstance } from '../utils'\nimport {\n  AllJSONSchemaVersions,\n  GlobalErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  FieldProps,\n  ValueProps,\n  OnChange,\n  OnSubmitParams,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\nimport { SnapshotName } from '../Form/Snapshot'\nimport { SharedStateId } from '../../../shared/helpers/useSharedState'\n\nexport type MountState = {\n  isPreMounted?: boolean\n  isMounted?: boolean\n  isVisible?: boolean\n  isFocused?: boolean\n  wasStepChange?: boolean\n}\n\nexport type EventListenerCall = {\n  path?: Path\n  type?: 'onSubmit' | 'onPathChange' | 'onMount'\n  callback: (params?: { value: unknown }) => void | Promise<void | Error>\n}\n\nexport type VisibleDataHandler<Data> = (\n  data?: Data,\n  options?: VisibleDataOptions\n) => Partial<Data>\nexport type VisibleDataOptions = {\n  keepPaths?: Array<Path>\n  removePaths?: Array<Path>\n}\nexport type MutateDataHandler<Data> = (\n  data: Data,\n  mutate: TransformData\n) => Partial<Data>\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterDataHandlerCallback<R> = (\n  parameters: FilterDataHandlerParameters\n) => R\nexport type FilterDataHandlerParameters =\n  FilterDataPathConditionParameters & {\n    path: Path\n  }\nexport type FilterDataPathCondition<Data = unknown> = (\n  parameters: FilterDataPathConditionParameters<Data>\n) => boolean | undefined\nexport type FilterDataPathConditionParameters<Data = unknown> = {\n  value: unknown\n  displayValue: undefined | React.ReactNode | Array<React.ReactNode>\n  label: React.ReactNode\n  props: FieldProps\n  data: Data\n  internal: {\n    error: Error | undefined\n  }\n}\nexport type FilterDataPathObject<Data> = Record<\n  Path,\n  FilterDataPathCondition<Data> | boolean | undefined\n>\nexport type FilterData<Data = unknown> =\n  | FilterDataPathObject<Data>\n  | FilterDataHandlerCallback<boolean | undefined>\nexport type VisibleData<Data = unknown> = Partial<Data>\nexport type TransformData = FilterDataHandlerCallback<unknown>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\nexport type FieldConnections = {\n  setEventResult?: (status: EventStateObject) => void\n}\nexport type FieldInternalsRefProps =\n  | (FieldProps & { children: unknown })\n  | undefined\nexport type FieldInternalsRef = Record<\n  Path,\n  {\n    props: FieldInternalsRefProps\n    id: string | undefined\n  }\n>\nexport type ValueInternalsRef = Record<\n  Path,\n  { props: ValueProps | undefined }\n>\n\nexport interface ContextState {\n  id?: SharedStateId\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<any>\n  /** Should the form validate data before submitting? */\n  errors?: Record<Path, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    options?: { preventUpdate?: boolean }\n  ) => void\n  setData: (data: any) => void\n  clearData?: () => void\n  mutateDataHandler?: MutateDataHandler<unknown>\n  filterDataHandler?: FilterDataHandler<unknown>\n  visibleDataHandler?: VisibleDataHandler<unknown>\n  validateData: () => void\n  handleSubmit: () => Promise<EventStateObject | undefined>\n  scrollToTop: () => void\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  hasFieldError: (path: Path) => boolean\n  setFieldState?: (path: Path, fieldState: SubmitState) => void\n  setFieldError?: (path: Path, error: Error | FormError) => void\n  setMountedFieldState: (path: Path, options: MountState) => void\n  setFormState?: (\n    state: SubmitState,\n    options?: { keepPending?: boolean }\n  ) => void\n  setSubmitState?: (state: EventStateObject) => void\n  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => Promise<EventStateObject | undefined>\n  getSubmitData?: () => unknown\n  getSubmitParams?: () => OnSubmitParams\n  setFieldEventListener?: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setVisibleError?: (path: Path, hasError: boolean) => void\n  setFieldInternals?: (path: Path, props: unknown, id?: string) => void\n  setValueInternals?: (path: Path, props: unknown) => void\n  setHandleSubmit?: (\n    callback: HandleSubmitCallback,\n    params?: { remove?: boolean }\n  ) => void\n  setFieldConnection?: (path: Path, connections: FieldConnections) => void\n  isEmptyDataRef?: React.MutableRefObject<boolean>\n  addSetShowAllErrorsRef?: React.MutableRefObject<\n    Array<(showAllErrors: boolean) => void>\n  >\n  fieldDisplayValueRef?: React.MutableRefObject<\n    Record<Path, React.ReactNode>\n  >\n  fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>\n  valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>\n  fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>\n  mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>\n  snapshotsRef?: React.MutableRefObject<\n    Map<SnapshotName, Map<Path, unknown>>\n  >\n  existingFieldsRef?: React.MutableRefObject<Map<Path, boolean>>\n  formElementRef?: React.MutableRefObject<HTMLFormElement>\n  fieldErrorRef?: React.MutableRefObject<Record<Path, Error>>\n  showAllErrors: boolean | number\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: GlobalErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  prerenderFieldProps?: boolean\n  decoupleForm?: boolean\n  hasElementRef?: React.MutableRefObject<boolean>\n  restHandlerProps?: Record<string, unknown>\n  props: ProviderProps<JsonObject>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  setMountedFieldState: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  hasFieldError: () => false,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8M/D,MAAMG,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,oBAAoB,EAAEA,CAAA,KAAM,IAAI;EAChCC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,WAAW,EAAE,IAAAC,sBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAEvB,SAAS;EAC/BwB,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA;AAED,MAAM6B,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAe/B,mBAAmB,CAAC;AAAA,IAAAgC,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAA7B,OAAA,GAAAiC,QAAA"}
+{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_utils","obj","__esModule","default","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","setMountedFieldState","hasErrors","hasFieldState","hasFieldError","ajvInstance","makeAjvInstance","contextErrorMessages","props","exports","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, FormError, JsonObject, makeAjvInstance } from '../utils'\nimport {\n  AllJSONSchemaVersions,\n  GlobalErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  FieldProps,\n  ValueProps,\n  OnChange,\n  OnSubmitParams,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\nimport { SnapshotName } from '../Form/Snapshot'\nimport { SharedStateId } from '../../../shared/helpers/useSharedState'\n\nexport type MountState = {\n  isPreMounted?: boolean\n  isMounted?: boolean\n  isVisible?: boolean\n  isFocused?: boolean\n  wasStepChange?: boolean\n}\n\nexport type EventListenerCall = {\n  path?: Path\n  type?: 'onSubmit' | 'onPathChange' | 'onMount'\n  callback: (params?: { value: unknown }) => void | Promise<void | Error>\n}\n\nexport type VisibleDataHandler<Data> = (\n  data?: Data,\n  options?: VisibleDataOptions\n) => Partial<Data>\nexport type VisibleDataOptions = {\n  keepPaths?: Array<Path>\n  removePaths?: Array<Path>\n}\nexport type MutateDataHandler<Data> = (\n  data: Data,\n  mutate: TransformData\n) => Partial<Data>\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterDataHandlerCallback<R> = (\n  parameters: FilterDataHandlerParameters\n) => R\nexport type FilterDataHandlerParameters =\n  FilterDataPathConditionParameters & {\n    path: Path\n  }\nexport type FilterDataPathCondition<Data = unknown> = (\n  parameters: FilterDataPathConditionParameters<Data>\n) => boolean | undefined\nexport type FilterDataPathConditionParameters<Data = unknown> = {\n  value: unknown\n  displayValue: undefined | React.ReactNode | Array<React.ReactNode>\n  label: React.ReactNode\n  props: FieldProps\n  data: Data\n  internal: {\n    error: Error | undefined\n  }\n}\nexport type FilterDataPathObject<Data> = Record<\n  Path,\n  FilterDataPathCondition<Data> | boolean | undefined\n>\nexport type FilterData<Data = unknown> =\n  | FilterDataPathObject<Data>\n  | FilterDataHandlerCallback<boolean | undefined>\nexport type VisibleData<Data = unknown> = Partial<Data>\nexport type TransformData = FilterDataHandlerCallback<unknown>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\nexport type FieldConnections = {\n  setEventResult?: (status: EventStateObject) => void\n}\nexport type FieldInternalsRefProps =\n  | (FieldProps & { children: unknown })\n  | undefined\nexport type FieldInternalsRef = Record<\n  Path,\n  {\n    props: FieldInternalsRefProps\n    id: string | undefined\n  }\n>\nexport type ValueInternalsRef = Record<\n  Path,\n  { props: ValueProps | undefined }\n>\n\nexport interface ContextState {\n  id?: SharedStateId\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<any>\n  /** Should the form validate data before submitting? */\n  errors?: Record<Path, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    options?: { preventUpdate?: boolean }\n  ) => void\n  setData: (data: any) => void\n  clearData?: () => void\n  mutateDataHandler?: MutateDataHandler<unknown>\n  filterDataHandler?: FilterDataHandler<unknown>\n  visibleDataHandler?: VisibleDataHandler<unknown>\n  validateData: () => void\n  handleSubmit: () => Promise<EventStateObject | undefined>\n  scrollToTop: () => void\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  hasFieldError: (path: Path) => boolean\n  setFieldState?: (path: Path, fieldState: SubmitState) => void\n  setFieldError?: (path: Path, error: Error | FormError) => void\n  setMountedFieldState: (path: Path, options: MountState) => void\n  setFormState?: (\n    state: SubmitState,\n    options?: { keepPending?: boolean }\n  ) => void\n  setSubmitState?: (state: EventStateObject) => void\n  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => Promise<EventStateObject | undefined>\n  getSubmitData?: () => unknown\n  getSubmitParams?: () => OnSubmitParams\n  setFieldEventListener?: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setVisibleError?: (path: Path, hasError: boolean) => void\n  setFieldInternals?: (path: Path, props: unknown, id?: string) => void\n  setValueInternals?: (path: Path, props: unknown) => void\n  setHandleSubmit?: (\n    callback: HandleSubmitCallback,\n    params?: { remove?: boolean }\n  ) => void\n  setFieldConnection?: (path: Path, connections: FieldConnections) => void\n  isEmptyDataRef?: React.MutableRefObject<boolean>\n  addSetShowAllErrorsRef?: React.MutableRefObject<\n    Array<(showAllErrors: boolean) => void>\n  >\n  fieldDisplayValueRef?: React.MutableRefObject<\n    Record<Path, { type: 'field'; value?: React.ReactNode }>\n  >\n  fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>\n  valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>\n  fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>\n  mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>\n  snapshotsRef?: React.MutableRefObject<\n    Map<SnapshotName, Map<Path, unknown>>\n  >\n  existingFieldsRef?: React.MutableRefObject<Map<Path, boolean>>\n  formElementRef?: React.MutableRefObject<HTMLFormElement>\n  fieldErrorRef?: React.MutableRefObject<Record<Path, Error>>\n  showAllErrors: boolean | number\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: GlobalErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  prerenderFieldProps?: boolean\n  decoupleForm?: boolean\n  hasElementRef?: React.MutableRefObject<boolean>\n  restHandlerProps?: Record<string, unknown>\n  props: ProviderProps<JsonObject>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  setMountedFieldState: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  hasFieldError: () => false,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsE,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8M/D,MAAMG,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,oBAAoB,EAAEA,CAAA,KAAM,IAAI;EAChCC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,WAAW,EAAE,IAAAC,sBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAEvB,SAAS;EAC/BwB,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA;AAED,MAAM6B,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAe/B,mBAAmB,CAAC;AAAA,IAAAgC,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAA7B,OAAA,GAAAiC,QAAA"}

package/cjs/extensions/forms/DataContext/Provider/Provider.js

@@ -71,7 +71,7 @@ function Provider(props) {
     hasContext
   } = (0, _react.useContext)(_Context2.default) || {};
   if (hasContext && !isolate) {
-    throw new Error('DataContext (Form.Handler) can not be nested');
+    throw new Error('DataContext (Form.Handler) cannot be nested');
   }
   const formElementRef = (0, _react.useRef)(null);
   const {
@@ -184,7 +184,8 @@ function Provider(props) {
   const mutateDataHandler = (0, _react.useCallback)(function (data, handler) {
     let {
       remove = false,
-      mutate = true
+      mutate = true,
+      fireHandlerWhen = null
     } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     const freshData = {};
     const mutateEntry = (path, result) => {
@@ -213,20 +214,27 @@ function Provider(props) {
         if (exists) {
           var _fieldErrorRef$curren;
           const value = _jsonPointer.default.get(data, path);
-          const displayValue = fieldDisplayValueRef.current[path];
+          const {
+            value: displayValue,
+            type
+          } = fieldDisplayValueRef.current[path] || {};
           const internal = {
             error: (_fieldErrorRef$curren = fieldErrorRef.current) === null || _fieldErrorRef$curren === void 0 ? void 0 : _fieldErrorRef$curren[path]
           };
-          const result = handler({
-            path,
-            value,
-            displayValue,
-            label: props.label,
-            data: internalDataRef.current,
-            props,
-            internal
-          });
-          mutateEntry(path, result);
+          if ((fireHandlerWhen === null || fireHandlerWhen === void 0 ? void 0 : fireHandlerWhen({
+            type
+          })) !== false) {
+            const result = handler({
+              path,
+              value,
+              displayValue,
+              label: props.label,
+              data: internalDataRef.current,
+              props,
+              internal
+            });
+            mutateEntry(path, result);
+          }
         }
       });
       if (!mutate) {
@@ -666,7 +674,13 @@ function Provider(props) {
     };
     const transformData = (data, handler) => {
       return mutateDataHandler(data, handler, {
-        mutate: false
+        mutate: false,
+        fireHandlerWhen: _ref5 => {
+          let {
+            type
+          } = _ref5;
+          return type === 'field';
+        }
       });
     };
     const formElement = formElementRef.current;
@@ -716,12 +730,12 @@ function Provider(props) {
   }, [getSubmitData, getSubmitParams, handleSubmitCall, handleSubmitListeners, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit]);
   const fieldEventListenersRef = (0, _react.useRef)([]);
   const setFieldEventListener = (0, _react.useCallback)((path, type, callback) => {
-    fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref5 => {
+    fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref6 => {
       let {
         path: p,
         type: t,
         callback: c
-      } = _ref5;
+      } = _ref6;
       return !(p === path && t === type && c === callback);
     });
     fieldEventListenersRef.current.push({