@dnb/eufemia 10.29.0 → 10.30.0

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

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FieldProps;
+var _react = _interopRequireWildcard(require("react"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+var _componentHelper = require("../../../../shared/component-helper");
+var _FieldPropsContext = _interopRequireDefault(require("./FieldPropsContext"));
+var _Provider = _interopRequireDefault(require("../../../../shared/Provider"));
+const _excluded = ["children", "FormStatus"],
+  _excluded2 = ["disabled", "locale", "translations"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function FieldProps(props) {
+  const {
+      children,
+      FormStatus
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const nestedContext = (0, _react.useContext)(_FieldPropsContext.default);
+  const dataContextRef = (0, _react.useRef)();
+  dataContextRef.current = (0, _react.useContext)(_Context.default);
+  const sharedProviderProps = {};
+  const _ref = Object.assign((nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedContext) || {}, rest),
+    {
+      disabled,
+      locale,
+      translations
+    } = _ref,
+    restOfRest = _objectWithoutProperties(_ref, _excluded2);
+  if (typeof disabled === 'boolean') {
+    sharedProviderProps.formElement = {
+      disabled
+    };
+  }
+  if (FormStatus) {
+    sharedProviderProps.FormStatus = FormStatus;
+  }
+  if (locale) {
+    sharedProviderProps.locale = locale;
+  }
+  if (translations) {
+    sharedProviderProps.translations = {};
+    const trObj = translations;
+    for (const locale in trObj) {
+      const newObj = {
+        Forms: {}
+      };
+      for (const key in trObj[locale]) {
+        const newKeyObj = {};
+        for (const subKey in trObj[locale][key]) {
+          newKeyObj[subKey] = trObj[locale][key][subKey];
+        }
+        newObj.Forms[key] = newKeyObj;
+      }
+      sharedProviderProps.translations[locale] = newObj;
+    }
+  }
+  function extend(fieldProps) {
+    const {
+      required
+    } = dataContextRef.current;
+    return nestedContext.extend((0, _componentHelper.assignPropsWithContext)(fieldProps, {
+      required
+    }, restOfRest));
+  }
+  return _react.default.createElement(_FieldPropsContext.default.Provider, {
+    value: {
+      extend,
+      inheritedContext: rest
+    }
+  }, _react.default.createElement(_Provider.default, sharedProviderProps, children));
+}
+//# sourceMappingURL=FieldProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldProps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_componentHelper","_FieldPropsContext","_Provider","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","FieldProps","props","children","FormStatus","rest","nestedContext","useContext","FieldPropsContext","dataContextRef","useRef","current","DataContext","sharedProviderProps","_ref","assign","inheritedContext","disabled","locale","translations","restOfRest","formElement","trObj","Forms","newKeyObj","subKey","extend","fieldProps","required","assignPropsWithContext","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { UseFieldProps } from '../../types'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport { assignPropsWithContext } from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\n\nexport type FieldPropsProps = UseFieldProps & {\n  children: React.ReactNode\n  FormStatus?: { globalStatus: FormStatusProps }\n  locale?: DataContextProps<unknown>['locale']\n  translations?: DataContextProps<unknown>['translations']\n}\n\nexport default function FieldProps(props: FieldPropsProps) {\n  const { children, FormStatus, ...rest } = props\n\n  const nestedContext = useContext(FieldPropsContext)\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const sharedProviderProps: ContextProps = {}\n\n  // Extract props to be used in the shared global context\n  const { disabled, locale, translations, ...restOfRest } = Object.assign(\n    nestedContext?.inheritedContext || {},\n    rest\n  ) as ContextProps & {\n    disabled?: boolean\n  }\n  if (typeof disabled === 'boolean') {\n    sharedProviderProps.formElement = { disabled }\n  }\n  if (FormStatus) {\n    sharedProviderProps.FormStatus = FormStatus\n  }\n  if (locale) {\n    sharedProviderProps.locale = locale\n  }\n  if (translations) {\n    sharedProviderProps.translations = {}\n    const trObj = translations as Record<\n      ContextProps['locale'],\n      Record<string, Record<string, string>>\n    >\n\n    for (const locale in trObj) {\n      const newObj: Record<\n        'Forms',\n        Record<string, Record<string, string>>\n      > = {\n        Forms: {},\n      }\n\n      for (const key in trObj[locale]) {\n        const newKeyObj: Record<string, string> = {}\n\n        for (const subKey in trObj[locale][key]) {\n          newKeyObj[subKey] = trObj[locale][key][subKey]\n        }\n\n        newObj.Forms[key] = newKeyObj\n      }\n\n      sharedProviderProps.translations[locale] = newObj\n    }\n  }\n\n  function extend<T>(fieldProps: T) {\n    // Extract props from data context to be used in fields\n    const { required } = dataContextRef.current\n\n    return nestedContext.extend(\n      assignPropsWithContext(fieldProps, { required }, restOfRest)\n    ) as T\n  }\n\n  return (\n    <FieldPropsContext.Provider value={{ extend, inheritedContext: rest }}>\n      <SharedProvider {...sharedProviderProps}>{children}</SharedProvider>\n    </FieldPropsContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UseFieldProps } from '../../types';
+export type FieldPropsContextProps = {
+    extend: <T = UseFieldProps>(props: T) => T;
+    inheritedContext?: UseFieldProps;
+};
+declare const FieldPropsContext: React.Context<FieldPropsContextProps>;
+export default FieldPropsContext;

package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const extend = props => props;
+const FieldPropsContext = _react.default.createContext({
+  extend
+});
+var _default = FieldPropsContext;
+exports.default = _default;
+//# sourceMappingURL=FieldPropsContext.js.map

package/cjs/extensions/forms/Form/FieldProps/FieldPropsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPropsContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","extend","props","FieldPropsContext","React","createContext","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsContext.ts"],"sourcesContent":["import React from 'react'\nimport { UseFieldProps } from '../../types'\n\nexport type FieldPropsContextProps = {\n  extend: <T = UseFieldProps>(props: T) => T\n  inheritedContext?: UseFieldProps\n}\n\nconst extend: FieldPropsContextProps['extend'] = (props) => props\nconst FieldPropsContext = React.createContext<FieldPropsContextProps>({\n  extend,\n})\n\nexport default FieldPropsContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQzB,MAAMG,MAAwC,GAAIC,KAAK,IAAKA,KAAK;AACjE,MAAMC,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAAyB;EACpEJ;AACF,CAAC,CAAC;AAAA,IAAAK,QAAA,GAEaH,iBAAiB;AAAAI,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/cjs/extensions/forms/Form/FieldProps/FieldPropsDocs.d.ts

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

package/cjs/extensions/forms/Form/FieldProps/FieldPropsDocs.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldPropsProperties = void 0;
+var _DataValueDocs = require("../../hooks/DataValueDocs");
+const FieldPropsProperties = {
+  required: _DataValueDocs.dataValueProperties.required,
+  disabled: _DataValueDocs.dataValueProperties.disabled,
+  locale: {
+    doc: 'Locale (language) to use for all nested Eufemia components.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+exports.FieldPropsProperties = FieldPropsProperties;
+//# sourceMappingURL=FieldPropsDocs.js.map

package/cjs/extensions/forms/Form/FieldProps/FieldPropsDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPropsDocs.js","names":["_DataValueDocs","require","FieldPropsProperties","required","dataValueProperties","disabled","locale","doc","type","status","exports"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { dataValueProperties } from '../../hooks/DataValueDocs'\n\nexport const FieldPropsProperties: PropertiesTableProps = {\n  required: dataValueProperties.required,\n  disabled: dataValueProperties.disabled,\n  locale: {\n    doc: 'Locale (language) to use for all nested Eufemia components.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEO,MAAMC,oBAA0C,GAAG;EACxDC,QAAQ,EAAEC,kCAAmB,CAACD,QAAQ;EACtCE,QAAQ,EAAED,kCAAmB,CAACC,QAAQ;EACtCC,MAAM,EAAE;IACNC,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAC,OAAA,CAAAR,oBAAA,GAAAA,oBAAA"}

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

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

package/cjs/extensions/forms/Form/FieldProps/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 _FieldProps.default;
+  }
+});
+var _FieldProps = _interopRequireWildcard(require("./FieldProps"));
+Object.keys(_FieldProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FieldProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldProps[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/FieldProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FieldProps","_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/FieldProps/index.ts"],"sourcesContent":["export { default } from './FieldProps'\nexport * from './FieldProps'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,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,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,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/Handler/Handler.d.ts

@@ -7,4 +7,4 @@ export type Props = Omit<ElementAllProps, 'data' | 'as' | 'autoComplete'> & {
      */
     autoComplete?: boolean;
 };
-export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterSubmitData, filterData, transformIn, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export default function FormHandler<Data extends JsonObject>({ children, defaultData, data, schema, ajvInstance, errorMessages, globalStatusId, filterSubmitData, filterData, transformIn, onChange, onPathChange, onSubmit, onSubmitRequest, onSubmitComplete, minimumAsyncBehaviorTime, asyncSubmitTimeout, scrollTopOnSubmit, sessionStorageId, autoComplete, locale, translations, disabled, required, ...rest }: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>): import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,7 @@ var _Element = _interopRequireDefault(require("../Element"));
 var _FormStatus = _interopRequireDefault(require("../../../../components/FormStatus"));
 var _useId = _interopRequireDefault(require("../../../../shared/helpers/useId"));
 var _componentHelper = require("../../../../shared/component-helper");
-const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterSubmitData", "filterData", "transformIn", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete"],
+const _excluded = ["children", "defaultData", "data", "schema", "ajvInstance", "errorMessages", "globalStatusId", "filterSubmitData", "filterData", "transformIn", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "scrollTopOnSubmit", "sessionStorageId", "autoComplete", "locale", "translations", "disabled", "required"],
   _excluded2 = ["children"];
 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); }
@@ -41,7 +41,11 @@ function FormHandler(_ref) {
       asyncSubmitTimeout,
       scrollTopOnSubmit,
       sessionStorageId,
-      autoComplete
+      autoComplete,
+      locale,
+      translations,
+      disabled,
+      required
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const providerProps = {
@@ -64,7 +68,11 @@ function FormHandler(_ref) {
     asyncSubmitTimeout,
     scrollTopOnSubmit,
     sessionStorageId,
-    autoComplete
+    autoComplete,
+    locale,
+    translations,
+    disabled,
+    required
   };
   return _react.default.createElement(_Provider.default, providerProps, _react.default.createElement(FormElementWithState, rest, children));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Handler.js","names":["_react","_interopRequireWildcard","require","_Provider","_interopRequireDefault","_Context","_Element","_FormStatus","_useId","_componentHelper","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterSubmitData","filterData","transformIn","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","rest","providerProps","id","createElement","FormElementWithState","_ref2","useId","submitState","useContext","DataContext","states","entries","filter","_ref3","value","combineLabelledBy","map","_ref4","undefined","state","className","show","Boolean","no_animation","shellSpace","top","bottom","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from 'json-pointer'\nimport DataContextProvider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  ajvInstance,\n  errorMessages,\n  globalStatusId,\n  filterSubmitData,\n  filterData,\n  transformIn,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  onSubmitComplete,\n  minimumAsyncBehaviorTime,\n  asyncSubmitTimeout,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    ajvInstance,\n    errorMessages,\n    globalStatusId,\n    filterSubmitData,\n    filterData,\n    transformIn,\n    onChange,\n    onPathChange,\n    onSubmit,\n    onSubmitRequest,\n    onSubmitComplete,\n    minimumAsyncBehaviorTime,\n    asyncSubmitTimeout,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n  }\n\n  return (\n    <DataContextProvider {...providerProps}>\n      <FormElementWithState {...rest}>{children}</FormElementWithState>\n    </DataContextProvider>\n  )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n  const id = useId()\n  const { submitState } = useContext(DataContext) || {}\n  const states = Object.entries(submitState).filter(([, value]) => value)\n\n  return (\n    <FormElement\n      {...rest}\n      aria-labelledby={\n        combineLabelledBy(\n          rest,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-status\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small', bottom: 'medium' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </FormElement>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAuE,MAAAQ,SAAA;EAAAC,UAAA;AAAA,SAAAP,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;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,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAYxD,SAASe,WAAWA,CAAAC,IAAA,EAsB8B;EAAA,IAtBJ;MAC3DC,QAAQ;MACRC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,WAAW;MACXC,aAAa;MACbC,cAAc;MACdC,gBAAgB;MAChBC,UAAU;MACVC,WAAW;MACXC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,gBAAgB;MAChBC,wBAAwB;MACxBC,kBAAkB;MAClBC,iBAAiB;MACjBC,gBAAgB;MAChBC;IAE4D,CAAC,GAAApB,IAAA;IAD1DqB,IAAI,GAAA/B,wBAAA,CAAAU,IAAA,EAAA3C,SAAA;EAEP,MAAMiE,aAAa,GAAG;IACpBC,EAAE,EAAEF,IAAI,CAACE,EAAE;IACXrB,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,UAAU;IACVC,WAAW;IACXC,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,gBAAgB;IAChBC,wBAAwB;IACxBC,kBAAkB;IAClBC,iBAAiB;IACjBC,gBAAgB;IAChBC;EACF,CAAC;EAED,OACEzE,MAAA,CAAAc,OAAA,CAAA+D,aAAA,CAAC1E,SAAA,CAAAW,OAAmB,EAAK6D,aAAa,EACpC3E,MAAA,CAAAc,OAAA,CAAA+D,aAAA,CAACC,oBAAoB,EAAKJ,IAAI,EAAGpB,QAA+B,CAC7C,CAAC;AAE1B;AAEA,SAASwB,oBAAoBA,CAAAC,KAAA,EAAwB;EAAA,IAAvB;MAAEzB;IAAkB,CAAC,GAAAyB,KAAA;IAANL,IAAI,GAAA/B,wBAAA,CAAAoC,KAAA,EAAApE,UAAA;EAC/C,MAAMiE,EAAE,GAAG,IAAAI,cAAK,EAAC,CAAC;EAClB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EACrD,MAAMC,MAAM,GAAG3D,MAAM,CAAC4D,OAAO,CAACJ,WAAW,CAAC,CAACK,MAAM,CAACC,KAAA;IAAA,IAAC,GAAGC,KAAK,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK;EAAA,EAAC;EAEvE,OACExF,MAAA,CAAAc,OAAA,CAAA+D,aAAA,CAACvE,QAAA,CAAAQ,OAAW,EAAAoB,QAAA,KACNwC,IAAI;IACR,mBACE,IAAAe,kCAAiB,EACff,IAAI,EACJU,MAAM,CAACM,GAAG,CAACC,KAAA,IAAW;MAAA,IAAV,CAAC/D,GAAG,CAAC,GAAA+D,KAAA;MACf,OAAQ,GAAEf,EAAG,gBAAehD,GAAI,EAAC;IACnC,CAAC,CACH,CAAC,IAAIgE;EACN,IAEAtC,QAAQ,EAER,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAACoC,GAAG,CAAE9D,GAAG,IAAK;IACzC,MAAM4D,KAAK,GAAGP,WAAW,CAACrD,GAAG,CAAC;IAC9B,OACE5B,MAAA,CAAAc,OAAA,CAAA+D,aAAA,CAACtE,WAAA,CAAAO,OAAU;MACTc,GAAG,EAAEA,GAAI;MACTiE,KAAK,EAAEjE,GAAI;MACXgD,EAAE,EAAG,GAAEA,EAAG,gBAAehD,GAAI,EAAE;MAC/BkE,SAAS,EAAC,kBAAkB;MAC5BC,IAAI,EAAEC,OAAO,CAACR,KAAK,CAAE;MACrBS,YAAY,EAAE,KAAM;MACpBC,UAAU,EAAE;QAAEC,GAAG,EAAE,OAAO;QAAEC,MAAM,EAAE;MAAS;IAAE,GAE9CC,MAAM,CAAC,CAAAb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,SAAS,CAAC,KAAIA,KAAK,IAAI,EAAE,CAC/B,CAAC;EAEjB,CAAC,CACU,CAAC;AAElB"}
+{"version":3,"file":"Handler.js","names":["_react","_interopRequireWildcard","require","_Provider","_interopRequireDefault","_Context","_Element","_FormStatus","_useId","_componentHelper","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterSubmitData","filterData","transformIn","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","locale","translations","disabled","required","rest","providerProps","id","createElement","FormElementWithState","_ref2","useId","submitState","useContext","DataContext","states","entries","filter","_ref3","value","combineLabelledBy","map","_ref4","undefined","state","className","show","Boolean","no_animation","shellSpace","top","bottom","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from 'json-pointer'\nimport DataContextProvider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  ajvInstance,\n  errorMessages,\n  globalStatusId,\n  filterSubmitData,\n  filterData,\n  transformIn,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  onSubmitComplete,\n  minimumAsyncBehaviorTime,\n  asyncSubmitTimeout,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  locale,\n  translations,\n  disabled,\n  required,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    ajvInstance,\n    errorMessages,\n    globalStatusId,\n    filterSubmitData,\n    filterData,\n    transformIn,\n    onChange,\n    onPathChange,\n    onSubmit,\n    onSubmitRequest,\n    onSubmitComplete,\n    minimumAsyncBehaviorTime,\n    asyncSubmitTimeout,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n    locale,\n    translations,\n    disabled,\n    required,\n  }\n\n  return (\n    <DataContextProvider {...providerProps}>\n      <FormElementWithState {...rest}>{children}</FormElementWithState>\n    </DataContextProvider>\n  )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n  const id = useId()\n  const { submitState } = useContext(DataContext) || {}\n  const states = Object.entries(submitState).filter(([, value]) => value)\n\n  return (\n    <FormElement\n      {...rest}\n      aria-labelledby={\n        combineLabelledBy(\n          rest,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-status\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small', bottom: 'medium' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </FormElement>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAuE,MAAAQ,SAAA;EAAAC,UAAA;AAAA,SAAAP,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;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,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAYxD,SAASe,WAAWA,CAAAC,IAAA,EA0B8B;EAAA,IA1BJ;MAC3DC,QAAQ;MACRC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,WAAW;MACXC,aAAa;MACbC,cAAc;MACdC,gBAAgB;MAChBC,UAAU;MACVC,WAAW;MACXC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,gBAAgB;MAChBC,wBAAwB;MACxBC,kBAAkB;MAClBC,iBAAiB;MACjBC,gBAAgB;MAChBC,YAAY;MACZC,MAAM;MACNC,YAAY;MACZC,QAAQ;MACRC;IAE4D,CAAC,GAAAxB,IAAA;IAD1DyB,IAAI,GAAAnC,wBAAA,CAAAU,IAAA,EAAA3C,SAAA;EAEP,MAAMqE,aAAa,GAAG;IACpBC,EAAE,EAAEF,IAAI,CAACE,EAAE;IACXzB,WAAW;IACXC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,UAAU;IACVC,WAAW;IACXC,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,eAAe;IACfC,gBAAgB;IAChBC,wBAAwB;IACxBC,kBAAkB;IAClBC,iBAAiB;IACjBC,gBAAgB;IAChBC,YAAY;IACZC,MAAM;IACNC,YAAY;IACZC,QAAQ;IACRC;EACF,CAAC;EAED,OACE7E,MAAA,CAAAc,OAAA,CAAAmE,aAAA,CAAC9E,SAAA,CAAAW,OAAmB,EAAKiE,aAAa,EACpC/E,MAAA,CAAAc,OAAA,CAAAmE,aAAA,CAACC,oBAAoB,EAAKJ,IAAI,EAAGxB,QAA+B,CAC7C,CAAC;AAE1B;AAEA,SAAS4B,oBAAoBA,CAAAC,KAAA,EAAwB;EAAA,IAAvB;MAAE7B;IAAkB,CAAC,GAAA6B,KAAA;IAANL,IAAI,GAAAnC,wBAAA,CAAAwC,KAAA,EAAAxE,UAAA;EAC/C,MAAMqE,EAAE,GAAG,IAAAI,cAAK,EAAC,CAAC;EAClB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EACrD,MAAMC,MAAM,GAAG/D,MAAM,CAACgE,OAAO,CAACJ,WAAW,CAAC,CAACK,MAAM,CAACC,KAAA;IAAA,IAAC,GAAGC,KAAK,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK;EAAA,EAAC;EAEvE,OACE5F,MAAA,CAAAc,OAAA,CAAAmE,aAAA,CAAC3E,QAAA,CAAAQ,OAAW,EAAAoB,QAAA,KACN4C,IAAI;IACR,mBACE,IAAAe,kCAAiB,EACff,IAAI,EACJU,MAAM,CAACM,GAAG,CAACC,KAAA,IAAW;MAAA,IAAV,CAACnE,GAAG,CAAC,GAAAmE,KAAA;MACf,OAAQ,GAAEf,EAAG,gBAAepD,GAAI,EAAC;IACnC,CAAC,CACH,CAAC,IAAIoE;EACN,IAEA1C,QAAQ,EAER,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAACwC,GAAG,CAAElE,GAAG,IAAK;IACzC,MAAMgE,KAAK,GAAGP,WAAW,CAACzD,GAAG,CAAC;IAC9B,OACE5B,MAAA,CAAAc,OAAA,CAAAmE,aAAA,CAAC1E,WAAA,CAAAO,OAAU;MACTc,GAAG,EAAEA,GAAI;MACTqE,KAAK,EAAErE,GAAI;MACXoD,EAAE,EAAG,GAAEA,EAAG,gBAAepD,GAAI,EAAE;MAC/BsE,SAAS,EAAC,kBAAkB;MAC5BC,IAAI,EAAEC,OAAO,CAACR,KAAK,CAAE;MACrBS,YAAY,EAAE,KAAM;MACpBC,UAAU,EAAE;QAAEC,GAAG,EAAE,OAAO;QAAEC,MAAM,EAAE;MAAS;IAAE,GAE9CC,MAAM,CAAC,CAAAb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,SAAS,CAAC,KAAIA,KAAK,IAAI,EAAE,CAC/B,CAAC;EAEjB,CAAC,CACU,CAAC;AAElB"}

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { HeightAnimationProps } from '../../../../components/HeightAnimation';
+import type { UseFieldProps } from '../../types';
 export type Props = {
     visible?: boolean;
     /** Given data context path must be defined to show children */
@@ -24,10 +25,12 @@ export type Props = {
     animate?: boolean;
     /** Keep the content in the DOM, even if it's not visible */
     keepInDOM?: boolean;
+    /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */
+    fieldPropsWhenHidden?: UseFieldProps;
     element?: HeightAnimationProps['element'];
     children: React.ReactNode;
 };
-declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, keepInDOM, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, animate, keepInDOM, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Visibility {
     var _supportsSpacingProps: string;
 }

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

@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var DataContext = _interopRequireWildcard(require("../../DataContext"));
 var _HeightAnimation = _interopRequireDefault(require("../../../../components/HeightAnimation"));
-const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "keepInDOM", "children"];
+var _FieldProps = _interopRequireDefault(require("../FieldProps"));
+const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "inferData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
 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; }
@@ -30,6 +31,7 @@ function Visibility(_ref) {
       inferData,
       animate,
       keepInDOM,
+      fieldPropsWhenHidden,
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -65,11 +67,12 @@ function Visibility(_ref) {
     return true;
   };
   if (animate) {
+    const open = Boolean(check());
     return _react.default.createElement(_HeightAnimation.default, _extends({
-      open: Boolean(check()),
+      open: open,
       keepInDOM: keepInDOM,
       className: "dnb-forms-visibility"
-    }, rest), children);
+    }, rest), _react.default.createElement(_FieldProps.default, open ? null : fieldPropsWhenHidden, children));
   }
   if (check()) {
     return _react.default.createElement(_react.default.Fragment, null, children);
@@ -78,7 +81,7 @@ function Visibility(_ref) {
     return _react.default.createElement("span", {
       className: "dnb-forms-visibility",
       hidden: true
-    }, children);
+    }, _react.default.createElement(_FieldProps.default, fieldPropsWhenHidden, children));
   }
   return null;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","DataContext","_HeightAnimation","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","keepInDOM","children","rest","dataContext","useContext","Context","check","pointer","data","Boolean","createElement","open","className","Fragment","hidden","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Given data context path must match, as well as the \"whenValue\" value */\n  pathValue?: string\n  /** Given data context value must match this value to show children */\n  whenValue?: unknown\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\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  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  inferData,\n  animate,\n  keepInDOM,\n  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\n\n  const check = () => {\n    if (visible === false) {\n      return\n    }\n\n    if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n      return\n    }\n    if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n      return\n    }\n\n    if (\n      pathTruthy &&\n      (!pointer.has(dataContext.data, pathTruthy) ||\n        !pointer.get(dataContext.data, pathTruthy))\n    ) {\n      return\n    }\n    if (\n      pathFalsy &&\n      pointer.has(dataContext.data, pathFalsy) &&\n      Boolean(pointer.get(dataContext.data, pathFalsy))\n    ) {\n      return\n    }\n\n    if (\n      pathTrue &&\n      (!pointer.has(dataContext.data, pathTrue) ||\n        pointer.get(dataContext.data, pathTrue) !== true)\n    ) {\n      return\n    }\n    if (\n      pathFalse &&\n      (!pointer.has(dataContext.data, pathFalse) ||\n        pointer.get(dataContext.data, pathFalse) !== false)\n    ) {\n      return\n    }\n\n    if (\n      pathValue &&\n      !(\n        pointer.has(dataContext.data, pathValue) &&\n        pointer.get(dataContext.data, pathValue) === whenValue\n      )\n    ) {\n      return\n    }\n\n    if (inferData && !inferData(dataContext.data)) {\n      return\n    }\n\n    return true\n  }\n\n  if (animate) {\n    return (\n      <HeightAnimation\n        open={Boolean(check())}\n        keepInDOM={keepInDOM}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        {children}\n      </HeightAnimation>\n    )\n  }\n\n  if (check()) {\n    return <>{children}</>\n  }\n\n  if (keepInDOM) {\n    return (\n      <span className=\"dnb-forms-visibility\" hidden>\n        {children}\n      </span>\n    )\n  }\n\n  return null\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","DataContext","_HeightAnimation","_FieldProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","dataContext","useContext","Context","check","pointer","data","Boolean","open","createElement","className","Fragment","hidden","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../../DataContext'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProps from '../FieldProps'\nimport type { UseFieldProps } from '../../types'\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Given data context path must match, as well as the \"whenValue\" value */\n  pathValue?: string\n  /** Given data context value must match this value to show children */\n  whenValue?: unknown\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\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  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  inferData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\n\n  const check = () => {\n    if (visible === false) {\n      return\n    }\n\n    if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n      return\n    }\n    if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n      return\n    }\n\n    if (\n      pathTruthy &&\n      (!pointer.has(dataContext.data, pathTruthy) ||\n        !pointer.get(dataContext.data, pathTruthy))\n    ) {\n      return\n    }\n    if (\n      pathFalsy &&\n      pointer.has(dataContext.data, pathFalsy) &&\n      Boolean(pointer.get(dataContext.data, pathFalsy))\n    ) {\n      return\n    }\n\n    if (\n      pathTrue &&\n      (!pointer.has(dataContext.data, pathTrue) ||\n        pointer.get(dataContext.data, pathTrue) !== true)\n    ) {\n      return\n    }\n    if (\n      pathFalse &&\n      (!pointer.has(dataContext.data, pathFalse) ||\n        pointer.get(dataContext.data, pathFalse) !== false)\n    ) {\n      return\n    }\n\n    if (\n      pathValue &&\n      !(\n        pointer.has(dataContext.data, pathValue) &&\n        pointer.get(dataContext.data, pathValue) === whenValue\n      )\n    ) {\n      return\n    }\n\n    if (inferData && !inferData(dataContext.data)) {\n      return\n    }\n\n    return true\n  }\n\n  if (animate) {\n    const open = Boolean(check())\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={keepInDOM}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...(open ? null : fieldPropsWhenHidden)}>\n          {children}\n        </FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (check()) {\n    return <>{children}</>\n  }\n\n  if (keepInDOM) {\n    return (\n      <span className=\"dnb-forms-visibility\" hidden>\n        <FieldProps {...fieldPropsWhenHidden}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return null\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

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

@@ -65,6 +65,11 @@ const VisibilityProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  fieldPropsWhenHidden: {
+    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',
+    type: 'various',
+    status: 'optional'
+  },
   element: {
     doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',
     type: 'string or React.Element',

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","pathValue","whenValue","inferData","visible","animate","keepInDOM","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  pathValue: {\n    doc: 'Given data context path must match, as well as the `whenValue` value.',\n    type: 'string',\n    status: 'optional',\n  },\n  whenValue: {\n    doc: 'The value to match. Should be used together with `pathValue`.',\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 by boolean value.',\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  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,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,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,+CAA+C;IACpDC,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,OAAO,EAAE;IACPd,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAc,OAAA,CAAAlB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","keepInDOM","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  pathValue: {\n    doc: 'Given data context path must match, as well as the `whenValue` value.',\n    type: 'string',\n    status: 'optional',\n  },\n  whenValue: {\n    doc: 'The value to match. Should be used together with `pathValue`.',\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 by boolean value.',\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  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,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,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,+CAA+C;IACpDC,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,oBAAoB,EAAE;IACpBd,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,OAAO,EAAE;IACPf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAe,OAAA,CAAAnB,oBAAA,GAAAA,oBAAA"}

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

@@ -7,6 +7,7 @@ export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';
 export { default as Visibility } from './Visibility';
+export { default as FieldProps } from './FieldProps';
 export { default as useData } from './data-context/useData';
 export { default as setData } from './data-context/setData';
 export { default as getData } from './data-context/getData';

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

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "Element", {
     return _Element.default;
   }
 });
+Object.defineProperty(exports, "FieldProps", {
+  enumerable: true,
+  get: function () {
+    return _FieldProps.default;
+  }
+});
 Object.defineProperty(exports, "Handler", {
   enumerable: true,
   get: function () {
@@ -102,6 +108,7 @@ var _ButtonRow = _interopRequireDefault(require("./ButtonRow"));
 var _MainHeading = _interopRequireDefault(require("./MainHeading"));
 var _SubHeading = _interopRequireDefault(require("./SubHeading"));
 var _Visibility = _interopRequireDefault(require("./Visibility"));
+var _FieldProps = _interopRequireDefault(require("./FieldProps"));
 var _useData = _interopRequireDefault(require("./data-context/useData"));
 var _setData = _interopRequireDefault(require("./data-context/setData"));
 var _getData = _interopRequireDefault(require("./data-context/getData"));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_Appearance","_SubmitButton","_SubmitIndicator","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_useData","_setData","_getData","_useError","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as SubmitIndicator } from './SubmitIndicator'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\nexport { default as useTranslation } from '../hooks/useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useTranslation` instead\n */\nexport { default as useLocale } from '../hooks/useTranslation'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,SAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,eAAA,GAAAd,sBAAA,CAAAC,OAAA;AAAmE,SAAAD,uBAAAe,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_Appearance","_SubmitButton","_SubmitIndicator","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_FieldProps","_useData","_setData","_getData","_useError","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as SubmitIndicator } from './SubmitIndicator'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as FieldProps } from './FieldProps'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\nexport { default as useTranslation } from '../hooks/useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useTranslation` instead\n */\nexport { default as useLocale } from '../hooks/useTranslation'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,QAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,SAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AAAmE,SAAAD,uBAAAgB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/hooks/useFieldProps.js

@@ -12,6 +12,7 @@ var _utils = require("../utils");
 var _ajv = require("../utils/ajv");
 var _types = require("../types");
 var _DataContext = require("../DataContext");
+var _FieldPropsContext = _interopRequireDefault(require("../Form/FieldProps/FieldPropsContext"));
 var _componentHelper = require("../../../shared/component-helper");
 var _useId = _interopRequireDefault(require("../../../shared/helpers/useId"));
 var _useUpdateEffect = _interopRequireDefault(require("../../../shared/helpers/useUpdateEffect"));
@@ -31,19 +32,22 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 useFieldProps(props) {
-  var _props$disabled,
-    _dataContext$props,
+  var _dataContext$props,
     _dataContext$ajvInsta,
     _localErrorRef$curren,
     _ref2,
     _this = this,
     _props$path,
     _props$autoComplete;
+  const {
+    extend
+  } = (0, _react.useContext)(_FieldPropsContext.default);
   const {
     path,
     itemPath,
     emptyValue,
     required,
+    disabled: disabledProp,
     info,
     warning,
     error: errorProp,
@@ -73,8 +77,7 @@ function useFieldProps(props) {
       const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ? error : undefined;
       return res;
     }
-  } = props;
-  const disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : props.readOnly;
+  } = extend(props);
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const {
     startProcess
@@ -107,6 +110,7 @@ function useFieldProps(props) {
     contextErrorMessages
   } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
   const onChangeContext = dataContext === null || dataContext === void 0 ? void 0 : (_dataContext$props = dataContext.props) === null || _dataContext$props === void 0 ? void 0 : _dataContext$props.onChange;
+  const disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : props.readOnly;
   const dataContextError = path ? dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[path] : undefined;
   const inFieldBlock = Boolean(fieldBlockContext);
   const {