@dnb/eufemia 10.63.3 → 10.64.0

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

@@ -0,0 +1,116 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import { COUNTRY as defaultCountry } from '../../../shared/defaults';
+export function createContext(generalConfig = 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;
+    }
+  }
+}
+export 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;
+  }
+}
+export function getCountryCodeValue({
+  additionalArgs
+}) {
+  const countryCodeValue = additionalArgs.props['data-country-code'] || defaultCountry;
+  const countryCode = additionalArgs.getSourceValue(countryCodeValue);
+  return {
+    countryCode,
+    countryCodeValue
+  };
+}
+export function handleCountryPath({
+  value,
+  additionalArgs,
+  handler
+}) {
+  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/es/extensions/forms/Connectors/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","names":["COUNTRY","defaultCountry","createContext","generalConfig","withConfig","fn","handlerConfig","fetchDataFromAPI","options","fetchConfig","controller","abortControllerRef","current","abort","AbortController","signal","fetchOptions","method","headers","_objectSpread","Accept","response","fetch","url","data","json","error","name","fetchData","value","_options$preResponseR","parameters","result","preResponseResolver","call","u","ok","Error","statusText","status","getCountryCodeValue","additionalArgs","countryCodeValue","props","countryCode","getSourceValue","handleCountryPath","handler","String","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/es/extensions/forms/Connectors/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './createContext';
+export * as Bring from './Bring';
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/Connectors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Bring"],"sources":["../../../../../src/extensions/forms/Connectors/index.ts"],"sourcesContent":["export * from './createContext'\nexport * as Bring from './Bring'\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,OAAO,KAAKA,KAAK,MAAM,SAAS"}

package/es/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/es/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","makeAjvInstance","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","contextErrorMessages","props","Context","createContext"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAqCC,eAAe,QAAQ,UAAU;AA8MtE,OAAO,MAAMC,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,EAAEzB,eAAe,CAAC,CAAC;EAC9B0B,oBAAoB,EAAEtB,SAAS;EAC/BuB,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAG7B,KAAK,CAAC8B,aAAa,CAAe5B,mBAAmB,CAAC;AAEtE,eAAe2B,OAAO"}
+{"version":3,"file":"Context.js","names":["React","makeAjvInstance","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","contextErrorMessages","props","Context","createContext"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAqCC,eAAe,QAAQ,UAAU;AA8MtE,OAAO,MAAMC,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,EAAEzB,eAAe,CAAC,CAAC;EAC9B0B,oBAAoB,EAAEtB,SAAS;EAC/BuB,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAG7B,KAAK,CAAC8B,aAAa,CAAe5B,mBAAmB,CAAC;AAEtE,eAAe2B,OAAO"}

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

@@ -59,7 +59,7 @@ export default function Provider(props) {
     hasContext
   } = useContext(DataContext) || {};
   if (hasContext && !isolate) {
-    throw new Error('DataContext (Form.Handler) can not be nested');
+    throw new Error('DataContext (Form.Handler) cannot be nested');
   }
   const formElementRef = useRef(null);
   const {
@@ -170,7 +170,8 @@ export default function Provider(props) {
   }, []);
   const mutateDataHandler = useCallback((data, handler, {
     remove = false,
-    mutate = true
+    mutate = true,
+    fireHandlerWhen = null
   } = {}) => {
     const freshData = {};
     const mutateEntry = (path, result) => {
@@ -198,20 +199,27 @@ export default function Provider(props) {
         if (exists) {
           var _fieldErrorRef$curren;
           const value = pointer.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) {
@@ -642,7 +650,10 @@ export default function Provider(props) {
     };
     const transformData = (data, handler) => {
       return mutateDataHandler(data, handler, {
-        mutate: false
+        mutate: false,
+        fireHandlerWhen: ({
+          type
+        }) => type === 'field'
       });
     };
     const formElement = formElementRef.current;