@dnb/eufemia 10.45.0 → 10.47.0

package/extensions/forms/hooks/DataValueDocs.js

@@ -50,17 +50,17 @@ export const dataValueProperties = {
     status: 'optional'
   },
   validateInitially: {
-    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',
+    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',
     type: 'boolean',
     status: 'optional'
   },
   validateUnchanged: {
-    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',
+    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',
     type: 'boolean',
     status: 'optional'
   },
   continuousValidation: {
-    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',
+    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',
     type: 'boolean',
     status: 'optional'
   },
@@ -70,22 +70,22 @@ export const dataValueProperties = {
     status: 'optional'
   },
   validator: {
-    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',
+    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',
     type: 'function',
     status: 'optional'
   },
   onBlurValidator: {
-    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',
+    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',
     type: 'function',
     status: 'optional'
   },
   transformIn: {
-    doc: 'transforms the `value` before its displayed in the field (e.g. input).',
+    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',
     type: 'function',
     status: 'optional'
   },
   transformOut: {
-    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',
+    doc: 'Transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',
     type: 'function',
     status: 'optional'
   }

package/extensions/forms/hooks/DataValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,qQAAqQ;IAC1QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZnB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,kcAAkc;IACvcC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDoB,OAAO,EAAE;IACPtB,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'Transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,wQAAwQ;IAC7QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,+QAA+Q;IACpRC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,+TAA+T;IACpUC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZnB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,kcAAkc;IACvcC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDoB,OAAO,EAAE;IACPtB,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC"}

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

@@ -3,8 +3,9 @@ export type Props<Value> = {
     path?: Path | undefined;
     value?: Value;
 };
+export type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T;
 export default function useDataValue<Value>({ path: pathProp, value, }?: Props<Value>): {
-    getValue: (source: Path | Value) => any;
+    getSourceValue: (source: Path | Value) => any;
     getValueByPath: (path: Path) => any;
     getValueByIteratePath: (path: Path) => any;
     moveValueToPath: <T>(path: Path, value: unknown) => T;

package/extensions/forms/hooks/useDataValue.js

@@ -16,12 +16,12 @@ export default function useDataValue() {
     makeIteratePath
   } = usePath();
   const get = useCallback(selector => {
-    var _dataContextRef$curre2;
+    var _dataContextRef$curre, _dataContextRef$curre2;
+    const data = (_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : (_dataContextRef$curre2 = _dataContextRef$curre.internalDataRef) === null || _dataContextRef$curre2 === void 0 ? void 0 : _dataContextRef$curre2.current;
     if (selector === '/') {
-      var _dataContextRef$curre;
-      return (_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data;
+      return data;
     }
-    return pointer.has((_dataContextRef$curre2 = dataContextRef.current) === null || _dataContextRef$curre2 === void 0 ? void 0 : _dataContextRef$curre2.data, selector) ? pointer.get(dataContextRef.current.data, selector) : undefined;
+    return pointer.has(data, selector) ? pointer.get(data, selector) : undefined;
   }, []);
   const getValueByPath = useCallback(path => {
     if (isPath(path)) {
@@ -50,17 +50,17 @@ export default function useDataValue() {
       return value;
     }
   }, [getValueByPath, moveValueToPath]);
-  const getValue = useCallback(source => {
+  const getSourceValue = useCallback(source => {
     if (typeof source === 'string' && isPath(source)) {
       return getValueByPath(source);
     }
     return source;
   }, [getValueByPath]);
   if (pathProp) {
-    value = getValue(pathProp);
+    value = getSourceValue(pathProp);
   }
   return {
-    getValue,
+    getSourceValue,
     getValueByPath,
     getValueByIteratePath,
     moveValueToPath,

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","makeIteratePath","get","selector","_dataContextRef$curre2","_dataContextRef$curre","data","has","getValueByPath","isPath","getValueByIteratePath","moveValueToPath","obj","set","getData","options","includeCurrentPath","getValue","source","startsWith"],"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, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    if (selector === '/') {\n      return dataContextRef.current?.data\n    }\n    return pointer.has(dataContextRef.current?.data, selector)\n      ? pointer.get(dataContextRef.current.data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(<T>(path: Path, value: unknown) => {\n    if (path !== '/' && isPath(path)) {\n      const obj = {} as T\n      pointer.set(obj, path, value)\n      return obj\n    }\n\n    return value as T\n  }, [])\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByPath]\n  )\n\n  if (pathProp) {\n    value = getValue(pathProp)\n  }\n\n  return {\n    getValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAwB,wBAAwB;AAClE,OAAOC,OAAO,MAAM,WAAW;AAO/B,eAAe,SAASC,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,GAAGX,MAAM,CAAe,CAAC;EAC7CW,cAAc,CAACC,OAAO,GAAGb,UAAU,CAAeG,WAAW,CAAC;EAE9D,MAAM;IAAEW,QAAQ;IAAEC;EAAgB,CAAC,GAAGX,OAAO,CAAC,CAAC;EAE/C,MAAMY,GAAG,GAAGjB,WAAW,CAAEkB,QAAc,IAAK;IAAA,IAAAC,sBAAA;IAC1C,IAAID,QAAQ,KAAK,GAAG,EAAE;MAAA,IAAAE,qBAAA;MACpB,QAAAA,qBAAA,GAAOP,cAAc,CAACC,OAAO,cAAAM,qBAAA,uBAAtBA,qBAAA,CAAwBC,IAAI;IACrC;IACA,OAAOlB,OAAO,CAACmB,GAAG,EAAAH,sBAAA,GAACN,cAAc,CAACC,OAAO,cAAAK,sBAAA,uBAAtBA,sBAAA,CAAwBE,IAAI,EAAEH,QAAQ,CAAC,GACtDf,OAAO,CAACc,GAAG,CAACJ,cAAc,CAACC,OAAO,CAACO,IAAI,EAAEH,QAAQ,CAAC,GAClDN,SAAS;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,cAAc,GAAGvB,WAAW,CAC/BO,IAAU,IAAK;IACd,IAAIiB,MAAM,CAACjB,IAAI,CAAC,EAAE;MAChB,OAAOU,GAAG,CAACF,QAAQ,CAACR,IAAI,CAAC,CAAC;IAC5B;EACF,CAAC,EACD,CAACU,GAAG,EAAEF,QAAQ,CAChB,CAAC;EAED,MAAMU,qBAAqB,GAAGzB,WAAW,CACtCO,IAAU,IAAK;IACd,IAAIiB,MAAM,CAACjB,IAAI,CAAC,EAAE;MAChB,OAAOU,GAAG,CAACD,eAAe,CAACT,IAAI,CAAC,CAAC;IACnC;EACF,CAAC,EACD,CAACU,GAAG,EAAED,eAAe,CACvB,CAAC;EAED,MAAMU,eAAe,GAAG1B,WAAW,CAAC,CAAIO,IAAU,EAAEE,KAAc,KAAK;IACrE,IAAIF,IAAI,KAAK,GAAG,IAAIiB,MAAM,CAACjB,IAAI,CAAC,EAAE;MAChC,MAAMoB,GAAG,GAAG,CAAC,CAAM;MACnBxB,OAAO,CAACyB,GAAG,CAACD,GAAG,EAAEpB,IAAI,EAAEE,KAAK,CAAC;MAC7B,OAAOkB,GAAG;IACZ;IAEA,OAAOlB,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,OAAO,GAAG7B,WAAW,CACzB,CAACO,IAAU,EAAEuB,OAA0C,KAAK;IAC1D,IAAIN,MAAM,CAACjB,IAAI,CAAC,EAAE;MAChB,MAAME,KAAK,GAAGc,cAAc,CAAChB,IAAI,CAAC;MAElC,IAAIuB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEC,kBAAkB,IAAIxB,IAAI,KAAK,GAAG,EAAE;QAC/C,OAAOmB,eAAe,CAACnB,IAAI,EAAEE,KAAK,CAAC;MACrC;MAEA,OAAOA,KAAK;IACd;EACF,CAAC,EACD,CAACc,cAAc,EAAEG,eAAe,CAClC,CAAC;EAED,MAAMM,QAAQ,GAAGhC,WAAW,CACzBiC,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAIT,MAAM,CAACS,MAAM,CAAC,EAAE;MAChD,OAAOV,cAAc,CAACU,MAAM,CAAC;IAC/B;IAEA,OAAOA,MAAM;EACf,CAAC,EACD,CAACV,cAAc,CACjB,CAAC;EAED,IAAIf,QAAQ,EAAE;IACZC,KAAK,GAAGuB,QAAQ,CAACxB,QAAQ,CAAC;EAC5B;EAEA,OAAO;IACLwB,QAAQ;IACRT,cAAc;IACdE,qBAAqB;IACrBC,eAAe;IACfG,OAAO;IACPpB;EACF,CAAC;AACH;AAEA,SAASe,MAAMA,CAACjB,IAAoB,EAAE;EACpC,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAAC2B,UAAU,CAAC,GAAG,CAAC;AACzD"}
+{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","makeIteratePath","get","selector","_dataContextRef$curre","_dataContextRef$curre2","data","internalDataRef","has","getValueByPath","isPath","getValueByIteratePath","moveValueToPath","obj","set","getData","options","includeCurrentPath","getSourceValue","source","startsWith"],"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 type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T\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, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    const data = dataContextRef.current?.internalDataRef?.current\n    if (selector === '/') {\n      return data\n    }\n    return pointer.has(data, selector)\n      ? pointer.get(data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(<T>(path: Path, value: unknown) => {\n    if (path !== '/' && isPath(path)) {\n      const obj = {} as T\n      pointer.set(obj, path, value)\n      return obj\n    }\n\n    return value as T\n  }, [])\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getSourceValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByPath]\n  )\n\n  if (pathProp) {\n    value = getSourceValue(pathProp)\n  }\n\n  return {\n    getSourceValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ export interface ReturnAdditional<Value> {
     value: Value;
     isChanged: boolean;
     htmlAttributes: AriaAttributes | DataAttributes;
-    setHasFocus: (hasFocus: boolean, valueOverride?: unknown, additionalArgs?: AdditionalEventArgs) => void;
+    setHasFocus: (hasFocus: boolean, overrideValue?: Value, additionalArgs?: AdditionalEventArgs) => void;
     handleFocus: () => void;
     handleBlur: () => void;
     handleChange: (value: Value | unknown, additionalArgs?: AdditionalEventArgs) => void;