@dnb/eufemia 10.31.0 → 10.33.0

package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstBlock.js","names":["React","Field","Form","Flex","translations","MyBlock","MyField","label","FirstBlock","props","createElement","Section","_extends","required","_Content","Content","tr","useTranslation","Stack","_Field$Name$First","Name","First","path","_Field$Name$Last","Last","String"],"sources":["../../../../../../../src/extensions/forms/blocks/Category/FirstBlock/FirstBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form } from '../../..'\nimport { Flex } from '../../../../../components'\nimport { SectionProps } from '../../../Form/Section'\n\nconst translations = {\n  'nb-NO': { MyBlock: { MyField: { label: 'Felt label' } } },\n  'en-GB': { MyBlock: { MyField: { label: 'Field label' } } },\n}\ntype Translation = (typeof translations)[keyof typeof translations]\n\nexport default function FirstBlock(props: SectionProps) {\n  return (\n    <Form.Section translations={translations} required {...props}>\n      <Content />\n    </Form.Section>\n  )\n}\n\nfunction Content() {\n  const tr = Form.useTranslation<Translation>()\n  return (\n    <Flex.Stack>\n      <Field.Name.First path=\"/firstName\" />\n      <Field.Name.Last path=\"/lastName\" />\n      <Field.String label={tr.MyBlock.MyField.label} path=\"/myField\" />\n    </Flex.Stack>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,QAAQ,UAAU;AACtC,SAASC,IAAI,QAAQ,2BAA2B;AAGhD,MAAMC,YAAY,GAAG;EACnB,OAAO,EAAE;IAAEC,OAAO,EAAE;MAAEC,OAAO,EAAE;QAAEC,KAAK,EAAE;MAAa;IAAE;EAAE,CAAC;EAC1D,OAAO,EAAE;IAAEF,OAAO,EAAE;MAAEC,OAAO,EAAE;QAAEC,KAAK,EAAE;MAAc;IAAE;EAAE;AAC5D,CAAC;AAGD,eAAe,SAASC,UAAUA,CAACC,KAAmB,EAAE;EACtD,OACET,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACS,OAAO,EAAAC,QAAA;IAACR,YAAY,EAAEA,YAAa;IAACS,QAAQ;EAAA,GAAKJ,KAAK,GAAAK,QAAA,KAAAA,QAAA,GAC1Dd,KAAA,CAAAU,aAAA,CAACK,OAAO,MAAE,CAAC,CACC,CAAC;AAEnB;AAEA,SAASA,OAAOA,CAAA,EAAG;EACjB,MAAMC,EAAE,GAAGd,IAAI,CAACe,cAAc,CAAc,CAAC;EAC7C,OACEjB,KAAA,CAAAU,aAAA,CAACP,IAAI,CAACe,KAAK,QAAAC,iBAAA,KAAAA,iBAAA,GACTnB,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACmB,IAAI,CAACC,KAAK;IAACC,IAAI,EAAC;EAAY,CAAE,CAAC,GAAAC,gBAAA,KAAAA,gBAAA,GACtCvB,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACmB,IAAI,CAACI,IAAI;IAACF,IAAI,EAAC;EAAW,CAAE,CAAC,GACpCtB,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACwB,MAAM;IAAClB,KAAK,EAAES,EAAE,CAACX,OAAO,CAACC,OAAO,CAACC,KAAM;IAACe,IAAI,EAAC;EAAU,CAAE,CACtD,CAAC;AAEjB"}

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

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

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

@@ -0,0 +1,3 @@
+export { default } from './FirstBlock';
+export * from './FirstBlock';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../../src/extensions/forms/blocks/Category/FirstBlock/index.ts"],"sourcesContent":["export { default } from './FirstBlock'\nexport * from './FirstBlock'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc;AACtC,cAAc,cAAc"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","FirstBlock"],"sources":["../../../../../../src/extensions/forms/blocks/Category/index.ts"],"sourcesContent":["export { default as FirstBlock } from './FirstBlock'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}

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

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

package/extensions/forms/blocks/index.js

@@ -0,0 +1,3 @@
+import * as _Category from './Category';
+export { _Category as Category };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Category","Category"],"sources":["../../../../../src/extensions/forms/blocks/index.ts"],"sourcesContent":["export * as Category from './Category'\n"],"mappings":"2BAA0B,YAAY;AAAA,SAAAA,SAAA,IAA1BC,QAAQ"}

package/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/extensions/forms/hooks/index.js

@@ -1,7 +1,8 @@
+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';
-export { default as useDataValue } from './useFieldProps';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useFieldProps","useValueProps","useErrorMessage","useProcessManager","useTranslation","useDataValue"],"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,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,eAAe,QAAQ,mBAAmB;AAC9D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,qBAAqB;AAClE,SAASJ,OAAO,IAAIK,cAAc,QAAQ,kBAAkB;AAM5D,SAASL,OAAO,IAAIM,YAAY,QAAQ,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","usePath","useFieldProps","useValueProps","useExternalValue","useErrorMessage","useProcessManager","useTranslation"],"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,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,gBAAgB,QAAQ,oBAAoB;AAChE,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,qBAAqB;AAClE,SAASN,OAAO,IAAIO,cAAc,QAAQ,kBAAkB"}

package/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/extensions/forms/hooks/useDataValue.js

@@ -0,0 +1,33 @@
+"use client";
+
+import { useCallback, useContext, useRef } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../DataContext/Context';
+import usePath from './usePath';
+export default function useDataValue() {
+  let {
+    path: pathProp,
+    value
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const dataContextRef = useRef();
+  dataContextRef.current = useContext(DataContext);
+  const {
+    makePath
+  } = usePath();
+  const getValue = useCallback(source => {
+    if (typeof source === 'string') {
+      var _dataContextRef$curre;
+      const path = makePath(source);
+      return pointer.has((_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data, path) ? pointer.get(dataContextRef.current.data, path) : undefined;
+    }
+    return source;
+  }, [makePath]);
+  if (pathProp) {
+    value = getValue(pathProp);
+  }
+  return {
+    getValue,
+    value
+  };
+}
+//# sourceMappingURL=useDataValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","getValue","source","_dataContextRef$curre","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,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;EAAS,CAAC,GAAGV,OAAO,CAAC,CAAC;EAE9B,MAAMW,QAAQ,GAAGhB,WAAW,CACzBiB,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MAC9B,MAAMX,IAAI,GAAGQ,QAAQ,CAACE,MAAM,CAAC;MAC7B,OAAOd,OAAO,CAACgB,GAAG,EAAAD,qBAAA,GAACL,cAAc,CAACC,OAAO,cAAAI,qBAAA,uBAAtBA,qBAAA,CAAwBE,IAAI,EAAEb,IAAI,CAAC,GAClDJ,OAAO,CAACkB,GAAG,CAACR,cAAc,CAACC,OAAO,CAACM,IAAI,EAAEb,IAAI,CAAC,GAC9CK,SAAS;IACf;IAEA,OAAOK,MAAM;EACf,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;EAED,IAAIP,QAAQ,EAAE;IACZC,KAAK,GAAGO,QAAQ,CAACR,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEQ,QAAQ;IAAEP;EAAM,CAAC;AAC5B"}

package/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/extensions/forms/hooks/useExternalValue.js

@@ -0,0 +1,41 @@
+"use client";
+
+import { useContext, useMemo } from 'react';
+import pointer from 'json-pointer';
+import DataContext from '../DataContext/Context';
+import IterateElementContext from '../Iterate/IterateElementContext';
+export default function useExternalValue(props) {
+  const {
+    path,
+    itemPath,
+    value,
+    transformers,
+    emptyValue = undefined
+  } = props;
+  const dataContext = useContext(DataContext);
+  const iterateElementContext = useContext(IterateElementContext);
+  const inIterate = Boolean(iterateElementContext);
+  const {
+    value: iterateElementValue
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  return 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 pointer.has(iterateElementValue, itemPath) ? pointer.get(iterateElementValue, itemPath) : emptyValue;
+    }
+    if (dataContext.data && path) {
+      if (path === '/') {
+        return dataContext.data;
+      }
+      return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : emptyValue;
+    }
+    return emptyValue;
+  }, [dataContext.data, emptyValue, inIterate, itemPath, iterateElementValue, path, transformers, value]);
+}
+//# sourceMappingURL=useExternalValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalValue.js","names":["useContext","useMemo","pointer","DataContext","IterateElementContext","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","dataContext","iterateElementContext","inIterate","Boolean","iterateElementValue","_transformers$current","_transformers$current2","current","fromExternal","call","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,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,qBAAqB,MAAM,kCAAkC;AAYpE,eAAe,SAASC,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAGb,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMW,qBAAqB,GAAGd,UAAU,CAACI,qBAAqB,CAAC;EAC/D,MAAMW,SAAS,GAAGC,OAAO,CAACF,qBAAqB,CAAC;EAChD,MAAM;IAAEL,KAAK,EAAEQ;EAAoB,CAAC,GAAGH,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAElE,OAAOb,OAAO,CAAC,MAAM;IACnB,IAAIQ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAO,qBAAA,EAAAC,sBAAA;MAExB,OAAOT,YAAY,aAAZA,YAAY,wBAAAQ,qBAAA,GAAZR,YAAY,CAAEU,OAAO,cAAAF,qBAAA,wBAAAC,sBAAA,GAArBD,qBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,qBAAA,EAAsCT,KAAK,CAAC;IACrD;IAEA,IAAIM,SAAS,IAAIP,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOS,mBAAmB;MAC5B;MAEA,OAAOf,OAAO,CAACqB,GAAG,CAACN,mBAAmB,EAAET,QAAQ,CAAC,GAC7CN,OAAO,CAACsB,GAAG,CAACP,mBAAmB,EAAET,QAAQ,CAAC,GAC1CG,UAAU;IAChB;IAEA,IAAIE,WAAW,CAACY,IAAI,IAAIlB,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOM,WAAW,CAACY,IAAI;MACzB;MAEA,OAAOvB,OAAO,CAACqB,GAAG,CAACV,WAAW,CAACY,IAAI,EAAElB,IAAI,CAAC,GACtCL,OAAO,CAACsB,GAAG,CAACX,WAAW,CAACY,IAAI,EAAElB,IAAI,CAAC,GACnCI,UAAU;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,WAAW,CAACY,IAAI,EAChBd,UAAU,EACVI,SAAS,EACTP,QAAQ,EACRS,mBAAmB,EACnBV,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}

package/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;