@dnb/eufemia 10.32.0 → 10.33.0

package/cjs/extensions/forms/blocks/Category/index.d.ts

@@ -0,0 +1 @@
+export { default as FirstBlock } from './FirstBlock';

package/cjs/extensions/forms/blocks/Category/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FirstBlock", {
+  enumerable: true,
+  get: function () {
+    return _FirstBlock.default;
+  }
+});
+var _FirstBlock = _interopRequireDefault(require("./FirstBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/blocks/Category/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FirstBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../../src/extensions/forms/blocks/Category/index.ts"],"sourcesContent":["export { default as FirstBlock } from './FirstBlock'\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

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

@@ -0,0 +1 @@
+export * as Category from './Category';

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Category = void 0;
+var _Category = _interopRequireWildcard(require("./Category"));
+exports.Category = _Category;
+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/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/extensions/forms/blocks/index.ts"],"sourcesContent":["export * as Category from './Category'\n"],"mappings":""}

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

@@ -1,10 +1,7 @@
+export { default as usePath } from './usePath';
 export { default as useFieldProps } from './useFieldProps';
 export { default as useValueProps } from './useValueProps';
+export { default as useExternalValue } from './useExternalValue';
 export { default as useErrorMessage } from './useErrorMessage';
 export { default as useProcessManager } from './useProcessManager';
 export { default as useTranslation } from './useTranslation';
-/**
- * Can be removed in v11
- * @deprecated Use `useFieldProps` instead
- */
-export { default as useDataValue } from './useFieldProps';

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useDataValue", {
+Object.defineProperty(exports, "useErrorMessage", {
   enumerable: true,
   get: function () {
-    return _useFieldProps.default;
+    return _useErrorMessage.default;
   }
 });
-Object.defineProperty(exports, "useErrorMessage", {
+Object.defineProperty(exports, "useExternalValue", {
   enumerable: true,
   get: function () {
-    return _useErrorMessage.default;
+    return _useExternalValue.default;
   }
 });
 Object.defineProperty(exports, "useFieldProps", {
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useFieldProps", {
     return _useFieldProps.default;
   }
 });
+Object.defineProperty(exports, "usePath", {
+  enumerable: true,
+  get: function () {
+    return _usePath.default;
+  }
+});
 Object.defineProperty(exports, "useProcessManager", {
   enumerable: true,
   get: function () {
@@ -39,8 +45,10 @@ Object.defineProperty(exports, "useValueProps", {
     return _useValueProps.default;
   }
 });
+var _usePath = _interopRequireDefault(require("./usePath"));
 var _useFieldProps = _interopRequireDefault(require("./useFieldProps"));
 var _useValueProps = _interopRequireDefault(require("./useValueProps"));
+var _useExternalValue = _interopRequireDefault(require("./useExternalValue"));
 var _useErrorMessage = _interopRequireDefault(require("./useErrorMessage"));
 var _useProcessManager = _interopRequireDefault(require("./useProcessManager"));
 var _useTranslation = _interopRequireDefault(require("./useTranslation"));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_useFieldProps","_interopRequireDefault","require","_useValueProps","_useErrorMessage","_useProcessManager","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as useFieldProps } from './useFieldProps'\nexport { default as useValueProps } from './useValueProps'\nexport { default as useErrorMessage } from './useErrorMessage'\nexport { default as useProcessManager } from './useProcessManager'\nexport { default as useTranslation } from './useTranslation'\n\n/**\n * Can be removed in v11\n * @deprecated Use `useFieldProps` instead\n */\nexport { default as useDataValue } from './useFieldProps'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA4D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_usePath","_interopRequireDefault","require","_useFieldProps","_useValueProps","_useExternalValue","_useErrorMessage","_useProcessManager","_useTranslation","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/hooks/index.ts"],"sourcesContent":["export { default as usePath } from './usePath'\nexport { default as useFieldProps } from './useFieldProps'\nexport { default as useValueProps } from './useValueProps'\nexport { default as useExternalValue } from './useExternalValue'\nexport { default as useErrorMessage } from './useErrorMessage'\nexport { default as useProcessManager } from './useProcessManager'\nexport { default as useTranslation } from './useTranslation'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,kBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA4D,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/hooks/useDataValue.d.ts

@@ -0,0 +1,9 @@
+import { Path } from '../types';
+export type Props<Value> = {
+    path?: Path | undefined;
+    value?: Value;
+};
+export default function useDataValue<Value>({ path: pathProp, value, }?: Props<Value>): {
+    getValue: (source: Path | Value) => any;
+    value: Value;
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDataValue;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _usePath = _interopRequireDefault(require("./usePath"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useDataValue() {
+  let {
+    path: pathProp,
+    value
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const dataContextRef = (0, _react.useRef)();
+  dataContextRef.current = (0, _react.useContext)(_Context.default);
+  const {
+    makePath
+  } = (0, _usePath.default)();
+  const getValue = (0, _react.useCallback)(source => {
+    if (typeof source === 'string') {
+      var _dataContextRef$curre;
+      const path = makePath(source);
+      return _jsonPointer.default.has((_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data, path) ? _jsonPointer.default.get(dataContextRef.current.data, path) : undefined;
+    }
+    return source;
+  }, [makePath]);
+  if (pathProp) {
+    value = getValue(pathProp);
+  }
+  return {
+    getValue,
+    value
+  };
+}
+//# sourceMappingURL=useDataValue.js.map

package/cjs/extensions/forms/hooks/useDataValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","obj","__esModule","default","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","useRef","current","useContext","DataContext","makePath","usePath","getValue","useCallback","source","_dataContextRef$curre","pointer","has","data","get"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport default function useDataValue<Value>({\n  path: pathProp,\n  value,\n}: Props<Value> = {}) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { makePath } = usePath()\n\n  const getValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string') {\n        const path = makePath(source)\n        return pointer.has(dataContextRef.current?.data, path)\n          ? pointer.get(dataContextRef.current.data, path)\n          : undefined\n      }\n\n      return source\n    },\n    [makePath]\n  )\n\n  if (pathProp) {\n    value = getValue(pathProp)\n  }\n\n  return { getValue, value }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOhB,SAASG,YAAYA,CAAA,EAGd;EAAA,IAHsB;IAC1CC,IAAI,EAAEC,QAAQ;IACdC;EACY,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClB,MAAMG,cAAc,GAAG,IAAAC,aAAM,EAAe,CAAC;EAC7CD,cAAc,CAACE,OAAO,GAAG,IAAAC,iBAAU,EAAeC,gBAAW,CAAC;EAE9D,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MAC9B,MAAMhB,IAAI,GAAGW,QAAQ,CAACI,MAAM,CAAC;MAC7B,OAAOE,oBAAO,CAACC,GAAG,EAAAF,qBAAA,GAACV,cAAc,CAACE,OAAO,cAAAQ,qBAAA,uBAAtBA,qBAAA,CAAwBG,IAAI,EAAEnB,IAAI,CAAC,GAClDiB,oBAAO,CAACG,GAAG,CAACd,cAAc,CAACE,OAAO,CAACW,IAAI,EAAEnB,IAAI,CAAC,GAC9CK,SAAS;IACf;IAEA,OAAOU,MAAM;EACf,CAAC,EACD,CAACJ,QAAQ,CACX,CAAC;EAED,IAAIV,QAAQ,EAAE;IACZC,KAAK,GAAGW,QAAQ,CAACZ,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEY,QAAQ;IAAEX;EAAM,CAAC;AAC5B"}

package/cjs/extensions/forms/hooks/useExternalValue.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FieldProps, Path } from '../types';
+export type Props<Value> = {
+    path?: Path | undefined;
+    itemPath?: Path;
+    value?: Value;
+    transformers?: React.MutableRefObject<{
+        fromExternal: FieldProps<Value>['fromExternal'];
+    }>;
+    emptyValue?: FieldProps<Value>['emptyValue'];
+};
+export default function useExternalValue<Value>(props: Props<Value>): any;

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

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useExternalValue;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useExternalValue(props) {
+  const {
+    path,
+    itemPath,
+    value,
+    transformers,
+    emptyValue = undefined
+  } = props;
+  const dataContext = (0, _react.useContext)(_Context.default);
+  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const inIterate = Boolean(iterateElementContext);
+  const {
+    value: iterateElementValue
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  return (0, _react.useMemo)(() => {
+    if (value !== emptyValue) {
+      var _transformers$current, _transformers$current2;
+      return transformers === null || transformers === void 0 ? void 0 : (_transformers$current = transformers.current) === null || _transformers$current === void 0 ? void 0 : (_transformers$current2 = _transformers$current.fromExternal) === null || _transformers$current2 === void 0 ? void 0 : _transformers$current2.call(_transformers$current, value);
+    }
+    if (inIterate && itemPath) {
+      if (itemPath === '/') {
+        return iterateElementValue;
+      }
+      return _jsonPointer.default.has(iterateElementValue, itemPath) ? _jsonPointer.default.get(iterateElementValue, itemPath) : emptyValue;
+    }
+    if (dataContext.data && path) {
+      if (path === '/') {
+        return dataContext.data;
+      }
+      return _jsonPointer.default.has(dataContext.data, path) ? _jsonPointer.default.get(dataContext.data, path) : emptyValue;
+    }
+    return emptyValue;
+  }, [dataContext.data, emptyValue, inIterate, itemPath, iterateElementValue, path, transformers, value]);
+}
+//# sourceMappingURL=useExternalValue.js.map

package/cjs/extensions/forms/hooks/useExternalValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateElementContext","obj","__esModule","default","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","dataContext","useContext","DataContext","iterateElementContext","IterateElementContext","inIterate","Boolean","iterateElementValue","useMemo","_transformers$current","_transformers$current2","current","fromExternal","call","pointer","has","get","data"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateElementContext'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  itemPath?: Path\n  value?: Value\n  transformers?: React.MutableRefObject<{\n    fromExternal: FieldProps<Value>['fromExternal']\n  }>\n  emptyValue?: FieldProps<Value>['emptyValue']\n}\n\nexport default function useExternalValue<Value>(props: Props<Value>) {\n  const {\n    path,\n    itemPath,\n    value,\n    transformers,\n    emptyValue = undefined,\n  } = props\n  const dataContext = useContext(DataContext)\n  const iterateElementContext = useContext(IterateElementContext)\n  const inIterate = Boolean(iterateElementContext)\n  const { value: iterateElementValue } = iterateElementContext ?? {}\n\n  return useMemo(() => {\n    if (value !== emptyValue) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers?.current?.fromExternal?.(value)\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, itemPath)\n        ? pointer.get(iterateElementValue, itemPath)\n        : emptyValue\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : emptyValue\n    }\n\n    return emptyValue\n  }, [\n    dataContext.data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoE,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYrD,SAASG,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAC3C,MAAMC,qBAAqB,GAAG,IAAAF,iBAAU,EAACG,8BAAqB,CAAC;EAC/D,MAAMC,SAAS,GAAGC,OAAO,CAACH,qBAAqB,CAAC;EAChD,MAAM;IAAEP,KAAK,EAAEW;EAAoB,CAAC,GAAGJ,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElE,OAAO,IAAAK,cAAO,EAAC,MAAM;IACnB,IAAIZ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAW,qBAAA,EAAAC,sBAAA;MAExB,OAAOb,YAAY,aAAZA,YAAY,wBAAAY,qBAAA,GAAZZ,YAAY,CAAEc,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCb,KAAK,CAAC;IACrD;IAEA,IAAIS,SAAS,IAAIV,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOY,mBAAmB;MAC5B;MAEA,OAAOO,oBAAO,CAACC,GAAG,CAACR,mBAAmB,EAAEZ,QAAQ,CAAC,GAC7CmB,oBAAO,CAACE,GAAG,CAACT,mBAAmB,EAAEZ,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,WAAW,CAACiB,IAAI,IAAIvB,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,WAAW,CAACiB,IAAI;MACzB;MAEA,OAAOH,oBAAO,CAACC,GAAG,CAACf,WAAW,CAACiB,IAAI,EAAEvB,IAAI,CAAC,GACtCoB,oBAAO,CAACE,GAAG,CAAChB,WAAW,CAACiB,IAAI,EAAEvB,IAAI,CAAC,GACnCI,UAAU;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,WAAW,CAACiB,IAAI,EAChBnB,UAAU,EACVO,SAAS,EACTV,QAAQ,EACRY,mBAAmB,EACnBb,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}

package/cjs/extensions/forms/hooks/useFieldProps.d.ts

@@ -1,5 +1,5 @@
 import { AriaAttributes } from 'react';
-import { FieldProps, AdditionalEventArgs, SubmitState, Path } from '../types';
+import { FieldProps, AdditionalEventArgs, SubmitState } from '../types';
 import { ContextState } from '../DataContext';
 export type DataAttributes = {
     [property: `data-${string}`]: string | boolean | number;
@@ -21,12 +21,3 @@ export interface ReturnAdditional<Value> {
     dataContext: ContextState;
     fieldState: SubmitState;
 }
-export declare function useExternalValue<Value>({ path, itemPath, props, transformers, emptyValue, }: {
-    path?: Path;
-    itemPath?: Path;
-    props: FieldProps<Value>;
-    transformers: React.MutableRefObject<{
-        fromExternal: FieldProps<Value>['fromExternal'];
-    }>;
-    emptyValue?: FieldProps<Value>['emptyValue'];
-}): any;

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useFieldProps;
-exports.useExternalValue = useExternalValue;
 var _react = require("react");
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var _utils = require("../utils");
@@ -20,11 +19,14 @@ var _useMountEffect = _interopRequireDefault(require("../../../shared/helpers/us
 var _useUnmountEffect = _interopRequireDefault(require("../../../shared/helpers/useUnmountEffect"));
 var _FieldBlockContext = _interopRequireDefault(require("../FieldBlock/FieldBlockContext"));
 var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
+var _SectionContext = _interopRequireDefault(require("../Form/Section/SectionContext"));
 var _FieldBoundaryContext = _interopRequireDefault(require("../DataContext/FieldBoundary/FieldBoundaryContext"));
 var _useProcessManager = _interopRequireDefault(require("./useProcessManager"));
+var _usePath = _interopRequireDefault(require("./usePath"));
 var _useSharedState = require("../../../shared/helpers/useSharedState");
 var _isAsync = require("../../../shared/helpers/isAsync");
 var _useTranslation = _interopRequireDefault(require("./useTranslation"));
+var _useExternalValue = _interopRequireDefault(require("./useExternalValue"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -44,7 +46,8 @@ function useFieldProps(localeProps) {
   } = (0, _react.useContext)(_FieldPropsContext.default);
   const props = extend(localeProps);
   const {
-    path,
+    path: pathProp,
+    value: valueProp,
     itemPath,
     emptyValue,
     required: requiredProp,
@@ -87,6 +90,7 @@ function useFieldProps(localeProps) {
   const dataContext = (0, _react.useContext)(_DataContext.Context);
   const fieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
   const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const sectionContext = (0, _react.useContext)(_SectionContext.default);
   const fieldBoundaryContext = (0, _react.useContext)(_FieldBoundaryContext.default);
   const translation = (0, _useTranslation.default)();
   const transformers = (0, _react.useRef)({
@@ -106,7 +110,7 @@ function useFieldProps(localeProps) {
     validateData: validateDataDataContext,
     setFieldState: setFieldStateDataContext,
     setFieldError: setFieldErrorDataContext,
-    setProps: setPropsDataContext,
+    setFieldProps: setPropsDataContext,
     errors: dataContextErrors,
     contextErrorMessages
   } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
@@ -118,35 +122,31 @@ function useFieldProps(localeProps) {
     showFieldError: showFieldErrorFieldBlock,
     mountedFieldsRef: mountedFieldsRefFieldBlock
   } = fieldBlockContext !== null && fieldBlockContext !== void 0 ? fieldBlockContext : {};
-  const inIterate = Boolean(iterateElementContext);
   const {
-    index: iterateElementIndex,
-    path: iteratePath,
     handleChange: handleChangeIterateContext
   } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  const {
+    path: sectionPath,
+    handleChange: handleChangeSectionContext,
+    errorPrioritization
+  } = sectionContext !== null && sectionContext !== void 0 ? sectionContext : {};
   const {
     setFieldError
   } = fieldBoundaryContext !== null && fieldBoundaryContext !== void 0 ? fieldBoundaryContext : {};
-  if (path && path.substring(0, 1) !== '/') {
-    throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
-  }
-  if (itemPath && itemPath.substring(0, 1) !== '/') {
-    throw new Error('Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).');
-  }
-  if (itemPath && !inIterate) {
-    throw new Error('itemPath cannot be used when not inside an iterate context. Wrap the component in an Iterate.Array.');
-  }
-  const identifier = (0, _react.useMemo)(() => {
-    if (itemPath) {
-      const iterateValuePath = `${iteratePath}/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
-      return iterateValuePath;
-    }
-    return path !== null && path !== void 0 ? path : id;
-  }, [itemPath, path, id, iteratePath, iterateElementIndex]);
-  const externalValue = useExternalValue({
+  const hasPath = Boolean(pathProp);
+  const {
+    path,
+    identifier,
+    makeIteratePath
+  } = (0, _usePath.default)({
+    id,
+    path: pathProp,
+    itemPath
+  });
+  const externalValue = (0, _useExternalValue.default)({
     path,
     itemPath,
-    props,
+    value: valueProp,
     transformers,
     emptyValue
   });
@@ -166,12 +166,15 @@ function useFieldProps(localeProps) {
         const schemaPart = _jsonPointer.default.has(schema, schemaPath) ? _jsonPointer.default.get(schema, schemaPath) : schema;
         requiredList.push(schemaPart === null || schemaPart === void 0 ? void 0 : schemaPart.required);
       }
+      if (sectionPath) {
+        paths.push(sectionPath.substring(1));
+      }
       const collected = requiredList.flatMap(v => v).filter(Boolean);
-      if (collected.includes(paths.at(-1))) {
+      if (paths.filter(Boolean).some(p => collected.some(c => c.includes(p)))) {
         return true;
       }
     }
-  }, [dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema, identifier, requiredProp, schema]);
+  }, [sectionPath, dataContext.schema, identifier, requiredProp, schema]);
   const showErrorRef = (0, _react.useRef)(Boolean(validateInitially || errorProp));
   const errorMethodRef = (0, _react.useRef)({});
   const localErrorRef = (0, _react.useRef)();
@@ -394,6 +397,13 @@ function useFieldProps(localeProps) {
     showError();
     forceUpdate();
   }, [persistErrorState, defineAsyncProcess, setFieldState, showError]);
+  const prioritizeContextSchema = (0, _react.useMemo)(() => {
+    if (errorPrioritization) {
+      const schemaPath = identifier.split('/').join('/properties/');
+      const hasContextSchema = _jsonPointer.default.has((dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema) || {}, schemaPath);
+      return hasContextSchema && (errorPrioritization === null || errorPrioritization === void 0 ? void 0 : errorPrioritization.indexOf('contextSchema')) === 0;
+    }
+  }, [dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema, errorPrioritization, identifier]);
   const validateValue = (0, _react.useCallback)(async () => {
     const isProcessActive = startProcess();
     if (disabled) {
@@ -410,7 +420,7 @@ function useFieldProps(localeProps) {
     try {
       const requiredError = transformers.current.validateRequired(value, {
         emptyValue,
-        required: requiredProp,
+        required: requiredProp !== null && requiredProp !== void 0 ? requiredProp : required,
         isChanged: changedRef.current,
         error: new _types.FormError('The value is required', {
           validationRule: 'required'
@@ -419,7 +429,7 @@ function useFieldProps(localeProps) {
       if (requiredError instanceof Error) {
         throw requiredError;
       }
-      if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value)) {
+      if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value) && !prioritizeContextSchema) {
         const error = (0, _ajv.ajvErrorsToOneFormError)(schemaValidatorRef.current.errors, valueRef.current);
         throw error;
       }
@@ -439,7 +449,7 @@ function useFieldProps(localeProps) {
         persistErrorState('weak', error);
       }
     }
-  }, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, requiredProp, validateInitially, callValidator, persistErrorState]);
+  }, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, requiredProp, required, prioritizeContextSchema, validateInitially, callValidator, persistErrorState]);
   const handleError = (0, _react.useCallback)(() => {
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
       showError();
@@ -553,32 +563,34 @@ function useFieldProps(localeProps) {
         }]
       });
     }
-    if (path) {
+    if (hasPath) {
       if ((0, _isAsync.isAsync)(onChangeContext)) {
         defineAsyncProcess('onChangeContext');
         if (!hasError()) {
-          setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(path)));
+          setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier)));
         } else {
           setEventResult(null);
         }
       } else {
-        setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(path));
+        setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier));
       }
     }
     forceUpdate();
-  }, [asyncBehaviorIsEnabled, path, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
+  }, [asyncBehaviorIsEnabled, hasPath, identifier, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
   const updateValue = (0, _react.useCallback)(async newValue => {
     if (newValue === valueRef.current) {
       return;
     }
     valueRef.current = newValue;
-    handlePathChangeUnvalidatedDataContext(path, newValue);
+    if (hasPath) {
+      handlePathChangeUnvalidatedDataContext(identifier, newValue);
+    }
     addToPool('validator', validateValue, (0, _isAsync.isAsync)(validatorRef.current));
     addToPool('onChangeContext', callOnChangeContext, (0, _isAsync.isAsync)(onChangeContext));
     await runPool(() => {
       handleError();
     });
-  }, [handlePathChangeUnvalidatedDataContext, path, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handleError]);
+  }, [hasPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleError]);
   const handleChange = (0, _react.useCallback)(async function (argFromInput) {
     let additionalArgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     const currentValue = valueRef.current;
@@ -588,9 +600,9 @@ function useFieldProps(localeProps) {
     }
     const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue));
     changedRef.current = true;
+    handleChangeSectionContext === null || handleChangeSectionContext === void 0 ? void 0 : handleChangeSectionContext(identifier, transformedValue);
     if (itemPath) {
-      const iterateValuePath = `/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
-      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(iterateValuePath, transformedValue);
+      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(), transformedValue);
     }
     if (asyncBehaviorIsEnabled) {
       hideError();
@@ -632,7 +644,7 @@ function useFieldProps(localeProps) {
       setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, getArgs()));
     }
     await runPool();
-  }, [addToPool, asyncBehaviorIsEnabled, handleChangeIterateContext, hasError, hideError, itemPath, iterateElementIndex, onChange, runPool, defineAsyncProcess, setEventResult, updateValue, yieldAsyncProcess]);
+  }, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, handleChangeSectionContext, identifier, hideError, updateValue, addToPool, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
   setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
@@ -672,26 +684,26 @@ function useFieldProps(localeProps) {
     }
   }, [clearErrorState, dataContextError, handleError, persistErrorState, prepareError, validateInitially]);
   (0, _react.useEffect)(() => {
-    if (path) {
+    if (hasPath) {
       let value = props.value;
-      const hasValue = _jsonPointer.default.has(dataContext.data, path);
-      const existingValue = hasValue ? _jsonPointer.default.get(dataContext.data, path) : undefined;
+      const hasValue = _jsonPointer.default.has(dataContext.data, identifier);
+      const existingValue = hasValue ? _jsonPointer.default.get(dataContext.data, identifier) : undefined;
       if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof value === 'undefined') {
         const sharedState = (0, _useSharedState.createSharedState)(dataContext.id);
-        const hasValue = _jsonPointer.default.has(sharedState.data, path);
+        const hasValue = _jsonPointer.default.has(sharedState.data, identifier);
         if (hasValue) {
-          const sharedValue = _jsonPointer.default.get(sharedState.data, path);
+          const sharedValue = _jsonPointer.default.get(sharedState.data, identifier);
           if (sharedValue) {
             value = sharedValue;
           }
         }
       }
       if (!hasValue || value !== existingValue && valueRef.current !== existingValue) {
-        updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(path, value);
+        updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, value);
         validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
       }
     }
-  }, [dataContext.data, dataContext.id, path, props.value, updateDataValueDataContext, validateDataDataContext]);
+  }, [dataContext.data, dataContext.id, identifier, hasPath, props.value, updateDataValueDataContext, validateDataDataContext]);
   (0, _react.useEffect)(() => {
     if (dataContext.showAllErrors) {
       if (fieldStateRef.current !== 'validating') {
@@ -790,7 +802,7 @@ function useFieldProps(localeProps) {
       htmlAttributes['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(htmlAttributes, ids);
     }
   }
-  const fieldBlockProps = {
+  const fieldSectionProps = {
     info: !inFieldBlock ? infoRef.current : undefined,
     warning: !inFieldBlock ? warningRef.current : undefined,
     error: !inFieldBlock ? error : undefined,
@@ -798,8 +810,8 @@ function useFieldProps(localeProps) {
     fieldState: resolveValidatingState(fieldStateRef.current)
   };
   const sharedData = (0, _useSharedState.useSharedState)(id);
-  sharedData.set(fieldBlockProps);
-  return _objectSpread(_objectSpread(_objectSpread({}, props), fieldBlockProps), {}, {
+  sharedData.set(fieldSectionProps);
+  return _objectSpread(_objectSpread(_objectSpread({}, props), fieldSectionProps), {}, {
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
     autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : undefined,
     id,
@@ -819,37 +831,4 @@ function useFieldProps(localeProps) {
 function resolveValidatingState(state) {
   return state === 'validating' ? 'pending' : state;
 }
-function useExternalValue(_ref7) {
-  let {
-    path,
-    itemPath,
-    props,
-    transformers,
-    emptyValue = undefined
-  } = _ref7;
-  const dataContext = (0, _react.useContext)(_DataContext.Context);
-  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
-  const inIterate = Boolean(iterateElementContext);
-  const {
-    value: iterateElementValue
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
-  return (0, _react.useMemo)(() => {
-    if (props.value !== emptyValue) {
-      return transformers.current.fromExternal(props.value);
-    }
-    if (inIterate && itemPath) {
-      if (itemPath === '/') {
-        return iterateElementValue;
-      }
-      return _jsonPointer.default.has(iterateElementValue, itemPath) ? _jsonPointer.default.get(iterateElementValue, itemPath) : emptyValue;
-    }
-    if (dataContext.data && path) {
-      if (path === '/') {
-        return dataContext.data;
-      }
-      return _jsonPointer.default.has(dataContext.data, path) ? _jsonPointer.default.get(dataContext.data, path) : emptyValue;
-    }
-    return emptyValue;
-  }, [props.value, emptyValue, inIterate, itemPath, dataContext.data, path, transformers, iterateElementValue]);
-}
 //# sourceMappingURL=useFieldProps.js.map