@dnb/eufemia 10.62.4 → 10.63.0

package/es/extensions/forms/Iterate/hooks/useSwitchContainerMode.d.ts

@@ -7,9 +7,7 @@ import { Path } from '../../types';
  * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.
  * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.
  */
-export default function useSwitchContainerMode({ path, }?: {
-    path?: Path;
-}): {
+export default function useSwitchContainerMode(path?: Path): {
     getNextContainerMode: () => ContainerMode | undefined;
     nextContainerModeRef: import("react").MutableRefObject<undefined>;
     setNextContainerMode: (mode: ContainerMode) => void;

package/es/extensions/forms/Iterate/hooks/useSwitchContainerMode.js

@@ -7,9 +7,7 @@ const globalContainerModeRef = {
   current: undefined
 };
 const globalCache = {};
-export default function useSwitchContainerMode({
-  path
-} = {}) {
+export default function useSwitchContainerMode(path) {
   const nextContainerModeRef = useRef();
   const {
     hasError

package/es/extensions/forms/Iterate/hooks/useSwitchContainerMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","length","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","getNextContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { ContainerMode } from '../Array'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport { Path } from '../../types'\n\ntype GlobalCacheHash = string\ntype GlobalCacheId = string\ntype GlobalCache = {\n  index: IterateItemContextState['index']\n  hasError: FieldBoundaryContextState['hasError']\n  count: number\n  switchContainerMode: IterateItemContextState['switchContainerMode']\n}\ntype GlobalCacheItem = {\n  [string: GlobalCacheHash]: GlobalCache\n}\n\nconst globalContainerModeRef = { current: undefined }\nconst globalCache: Record<\n  GlobalCacheHash,\n  Record<GlobalCacheId, GlobalCache>\n> = {}\n\n/**\n * This is a helper for the Iterate component.\n * It is used to switch the container mode of the items inside the Iterate component.\n * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.\n * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.\n */\nexport default function useSwitchContainerMode({\n  path,\n}: { path?: Path } = {}) {\n  const nextContainerModeRef = useRef()\n  const { hasError } = useContext(FieldBoundaryContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const id = iterateItemContext?.id\n  const hash = (path || '') + 'useSwitchContainerMode'\n\n  useEffect(() => {\n    nextContainerModeRef.current = globalContainerModeRef.current\n    requestAnimationFrame(() => {\n      if (nextContainerModeRef.current) {\n        globalContainerModeRef.current = undefined\n      }\n    })\n  })\n\n  useEffect(() => {\n    if (hash && iterateItemContext) {\n      globalCache[hash] = globalCache[hash] || ({} as GlobalCacheItem)\n      const { index, arrayValue, switchContainerMode } = iterateItemContext\n      globalCache[hash][id] = {\n        index,\n        hasError,\n        count: arrayValue?.length,\n        switchContainerMode,\n      }\n    }\n\n    return () => {\n      if (id) {\n        globalCache[hash][id] = undefined\n      }\n    }\n  }, [hasError, hash, id, iterateItemContext])\n\n  const setNextContainerMode = useCallback((mode: ContainerMode) => {\n    globalContainerModeRef.current = mode\n  }, [])\n\n  const setContainerMode = useCallback(\n    (fn: ({ hasError, index, count }) => ContainerMode) => {\n      const data = globalCache[hash]\n      for (const id in data) {\n        const item = data[id]\n        const mode = item && fn?.(item)\n        if (mode) {\n          item.switchContainerMode(mode, { omitFocusManagement: true })\n        }\n      }\n    },\n    [hash]\n  )\n\n  const setLastItemContainerMode = useCallback(\n    (mode: ContainerMode) => {\n      setContainerMode(({ hasError, index, count }) => {\n        if (!hasError && index === count - 2) {\n          return mode\n        }\n      })\n    },\n    [setContainerMode]\n  )\n\n  const getNextContainerMode = useCallback(():\n    | ContainerMode\n    | undefined => {\n    return nextContainerModeRef.current\n  }, [])\n\n  return {\n    getNextContainerMode,\n    nextContainerModeRef,\n    setNextContainerMode,\n    setLastItemContainerMode,\n  }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAElE,OAAOC,oBAAoB,MAEpB,sDAAsD;AAC7D,OAAOC,kBAAkB,MAElB,uBAAuB;AAe9B,MAAMC,sBAAsB,GAAG;EAAEC,OAAO,EAAEC;AAAU,CAAC;AACrD,MAAMC,WAGL,GAAG,CAAC,CAAC;AAQN,eAAe,SAASC,sBAAsBA,CAAC;EAC7CC;AACe,CAAC,GAAG,CAAC,CAAC,EAAE;EACvB,MAAMC,oBAAoB,GAAGT,MAAM,CAAC,CAAC;EACrC,MAAM;IAAEU;EAAS,CAAC,GAAGZ,UAAU,CAACG,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAC3D,MAAMU,kBAAkB,GAAGb,UAAU,CAACI,kBAAkB,CAAC;EAEzD,MAAMU,EAAE,GAAGD,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEC,EAAE;EACjC,MAAMC,IAAI,GAAG,CAACL,IAAI,IAAI,EAAE,IAAI,wBAAwB;EAEpDT,SAAS,CAAC,MAAM;IACdU,oBAAoB,CAACL,OAAO,GAAGD,sBAAsB,CAACC,OAAO;IAC7DU,qBAAqB,CAAC,MAAM;MAC1B,IAAIL,oBAAoB,CAACL,OAAO,EAAE;QAChCD,sBAAsB,CAACC,OAAO,GAAGC,SAAS;MAC5C;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACd,IAAIc,IAAI,IAAIF,kBAAkB,EAAE;MAC9BL,WAAW,CAACO,IAAI,CAAC,GAAGP,WAAW,CAACO,IAAI,CAAC,IAAK,CAAC,CAAqB;MAChE,MAAM;QAAEE,KAAK;QAAEC,UAAU;QAAEC;MAAoB,CAAC,GAAGN,kBAAkB;MACrEL,WAAW,CAACO,IAAI,CAAC,CAACD,EAAE,CAAC,GAAG;QACtBG,KAAK;QACLL,QAAQ;QACRQ,KAAK,EAAEF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,MAAM;QACzBF;MACF,CAAC;IACH;IAEA,OAAO,MAAM;MACX,IAAIL,EAAE,EAAE;QACNN,WAAW,CAACO,IAAI,CAAC,CAACD,EAAE,CAAC,GAAGP,SAAS;MACnC;IACF,CAAC;EACH,CAAC,EAAE,CAACK,QAAQ,EAAEG,IAAI,EAAED,EAAE,EAAED,kBAAkB,CAAC,CAAC;EAE5C,MAAMS,oBAAoB,GAAGvB,WAAW,CAAEwB,IAAmB,IAAK;IAChElB,sBAAsB,CAACC,OAAO,GAAGiB,IAAI;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGzB,WAAW,CACjC0B,EAAiD,IAAK;IACrD,MAAMC,IAAI,GAAGlB,WAAW,CAACO,IAAI,CAAC;IAC9B,KAAK,MAAMD,EAAE,IAAIY,IAAI,EAAE;MACrB,MAAMC,IAAI,GAAGD,IAAI,CAACZ,EAAE,CAAC;MACrB,MAAMS,IAAI,GAAGI,IAAI,KAAIF,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAGE,IAAI,CAAC;MAC/B,IAAIJ,IAAI,EAAE;QACRI,IAAI,CAACR,mBAAmB,CAACI,IAAI,EAAE;UAAEK,mBAAmB,EAAE;QAAK,CAAC,CAAC;MAC/D;IACF;EACF,CAAC,EACD,CAACb,IAAI,CACP,CAAC;EAED,MAAMc,wBAAwB,GAAG9B,WAAW,CACzCwB,IAAmB,IAAK;IACvBC,gBAAgB,CAAC,CAAC;MAAEZ,QAAQ;MAAEK,KAAK;MAAEG;IAAM,CAAC,KAAK;MAC/C,IAAI,CAACR,QAAQ,IAAIK,KAAK,KAAKG,KAAK,GAAG,CAAC,EAAE;QACpC,OAAOG,IAAI;MACb;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACC,gBAAgB,CACnB,CAAC;EAED,MAAMM,oBAAoB,GAAG/B,WAAW,CAAC,MAExB;IACf,OAAOY,oBAAoB,CAACL,OAAO;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLwB,oBAAoB;IACpBnB,oBAAoB;IACpBW,oBAAoB;IACpBO;EACF,CAAC;AACH"}
+{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","length","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","getNextContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { ContainerMode } from '../Array'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport { Path } from '../../types'\n\ntype GlobalCacheHash = string\ntype GlobalCacheId = string\ntype GlobalCache = {\n  index: IterateItemContextState['index']\n  hasError: FieldBoundaryContextState['hasError']\n  count: number\n  switchContainerMode: IterateItemContextState['switchContainerMode']\n}\ntype GlobalCacheItem = {\n  [string: GlobalCacheHash]: GlobalCache\n}\n\nconst globalContainerModeRef = { current: undefined }\nconst globalCache: Record<\n  GlobalCacheHash,\n  Record<GlobalCacheId, GlobalCache>\n> = {}\n\n/**\n * This is a helper for the Iterate component.\n * It is used to switch the container mode of the items inside the Iterate component.\n * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.\n * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.\n */\nexport default function useSwitchContainerMode(path?: Path) {\n  const nextContainerModeRef = useRef()\n  const { hasError } = useContext(FieldBoundaryContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const id = iterateItemContext?.id\n  const hash = (path || '') + 'useSwitchContainerMode'\n\n  useEffect(() => {\n    nextContainerModeRef.current = globalContainerModeRef.current\n    requestAnimationFrame(() => {\n      if (nextContainerModeRef.current) {\n        globalContainerModeRef.current = undefined\n      }\n    })\n  })\n\n  useEffect(() => {\n    if (hash && iterateItemContext) {\n      globalCache[hash] = globalCache[hash] || ({} as GlobalCacheItem)\n      const { index, arrayValue, switchContainerMode } = iterateItemContext\n      globalCache[hash][id] = {\n        index,\n        hasError,\n        count: arrayValue?.length,\n        switchContainerMode,\n      }\n    }\n\n    return () => {\n      if (id) {\n        globalCache[hash][id] = undefined\n      }\n    }\n  }, [hasError, hash, id, iterateItemContext])\n\n  const setNextContainerMode = useCallback((mode: ContainerMode) => {\n    globalContainerModeRef.current = mode\n  }, [])\n\n  const setContainerMode = useCallback(\n    (fn: ({ hasError, index, count }) => ContainerMode) => {\n      const data = globalCache[hash]\n      for (const id in data) {\n        const item = data[id]\n        const mode = item && fn?.(item)\n        if (mode) {\n          item.switchContainerMode(mode, { omitFocusManagement: true })\n        }\n      }\n    },\n    [hash]\n  )\n\n  const setLastItemContainerMode = useCallback(\n    (mode: ContainerMode) => {\n      setContainerMode(({ hasError, index, count }) => {\n        if (!hasError && index === count - 2) {\n          return mode\n        }\n      })\n    },\n    [setContainerMode]\n  )\n\n  const getNextContainerMode = useCallback(():\n    | ContainerMode\n    | undefined => {\n    return nextContainerModeRef.current\n  }, [])\n\n  return {\n    getNextContainerMode,\n    nextContainerModeRef,\n    setNextContainerMode,\n    setLastItemContainerMode,\n  }\n}\n"],"mappings":"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"}

package/es/extensions/forms/Iterate/index.d.ts

@@ -8,6 +8,7 @@ export { default as EditContainer } from './EditContainer';
 export { default as ViewContainer } from './ViewContainer';
 export { default as AnimatedContainer } from './AnimatedContainer';
 export { default as Toolbar } from './Toolbar';
+export { default as Visibility } from './Visibility';
 export { default as ItemNo } from './ItemNo';
 export { useCount, count, Count } from './Count';
 export { default as useItem } from './hooks/useItem';

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

@@ -8,6 +8,7 @@ export { default as EditContainer } from './EditContainer';
 export { default as ViewContainer } from './ViewContainer';
 export { default as AnimatedContainer } from './AnimatedContainer';
 export { default as Toolbar } from './Toolbar';
+export { default as Visibility } from './Visibility';
 export { default as ItemNo } from './ItemNo';
 export { useCount, count, Count } from './Count';
 export { default as useItem } from './hooks/useItem';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","PushContainer","EditContainer","ViewContainer","AnimatedContainer","Toolbar","ItemNo","useCount","count","Count","useItem","IterateItemContext","ArrayPushButton","ArrayRemoveElementButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as PushContainer } from './PushContainer'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { default as ItemNo } from './ItemNo'\nexport { useCount, count, Count } from './Count'\nexport { default as useItem } from './hooks/useItem'\nexport { default as IterateItemContext } from './IterateItemContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,OAAO,IAAIC,KAAK,QAAQ,SAAS;AAC1C,SAASD,OAAO,IAAIF,UAAU,QAAQ,cAAc;AACpD,SAASE,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAID,YAAY,QAAQ,gBAAgB;AACxD,SAASC,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,qBAAqB;AAClE,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,MAAM,QAAQ,UAAU;AAC5C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAASV,OAAO,IAAIW,OAAO,QAAQ,iBAAiB;AACpD,SAASX,OAAO,IAAIY,kBAAkB,QAAQ,sBAAsB;AAOpE,OAAO,MAAMC,eAAe,GAAGf,UAAU;AAOzC,OAAO,MAAMgB,wBAAwB,GAAGf,YAAY"}
+{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","PushContainer","EditContainer","ViewContainer","AnimatedContainer","Toolbar","Visibility","ItemNo","useCount","count","Count","useItem","IterateItemContext","ArrayPushButton","ArrayRemoveElementButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as PushContainer } from './PushContainer'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { default as Visibility } from './Visibility'\nexport { default as ItemNo } from './ItemNo'\nexport { useCount, count, Count } from './Count'\nexport { default as useItem } from './hooks/useItem'\nexport { default as IterateItemContext } from './IterateItemContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,OAAO,IAAIC,KAAK,QAAQ,SAAS;AAC1C,SAASD,OAAO,IAAIF,UAAU,QAAQ,cAAc;AACpD,SAASE,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAID,YAAY,QAAQ,gBAAgB;AACxD,SAASC,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,qBAAqB;AAClE,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,MAAM,QAAQ,UAAU;AAC5C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAASX,OAAO,IAAIY,OAAO,QAAQ,iBAAiB;AACpD,SAASZ,OAAO,IAAIa,kBAAkB,QAAQ,sBAAsB;AAOpE,OAAO,MAAMC,eAAe,GAAGhB,UAAU;AAOzC,OAAO,MAAMiB,wBAAwB,GAAGhB,YAAY"}

package/es/extensions/forms/Tools/GenerateSchema.js

@@ -15,15 +15,17 @@ export default function GenerateSchema(props) {
     children
   } = props || {};
   const {
-    fieldPropsRef,
-    valuePropsRef,
+    fieldInternalsRef,
+    valueInternalsRef,
     data,
     hasContext
   } = useContext(DataContext);
   const dataRef = useRef({});
   dataRef.current = data;
   const generate = useCallback(() => {
-    const schema = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const schema = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const objectKey = path.substring(1);
         const pathList = objectKey.split('/');
@@ -83,7 +85,9 @@ export default function GenerateSchema(props) {
       properties: {},
       required: []
     });
-    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfFields = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -95,7 +99,9 @@ export default function GenerateSchema(props) {
       }
       return acc;
     }, {});
-    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfValues = Object.entries((valueInternalsRef === null || valueInternalsRef === void 0 ? void 0 : valueInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -116,7 +122,7 @@ export default function GenerateSchema(props) {
       propsOfFields,
       propsOfValues
     };
-  }, [fieldPropsRef, filterData, valuePropsRef]);
+  }, [fieldInternalsRef, filterData, valueInternalsRef]);
   if (hasContext) {
     if (log) {
       console.log(generate().schema);

package/es/extensions/forms/Tools/GenerateSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldPropsRef?.current || {}).reduce(\n      (acc, [path, props]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldInternalsRef","valueInternalsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldInternalsRef, valueInternalsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldInternalsRef?.current || {}).reduce(\n      (acc, [path, { props }]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valueInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldInternalsRef, filterData, valueInternalsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/es/extensions/forms/Tools/ListAllProps.js

@@ -11,15 +11,17 @@ export default function ListAllProps(props) {
     children
   } = props || {};
   const {
-    fieldPropsRef,
-    valuePropsRef,
+    fieldInternalsRef,
+    valueInternalsRef,
     data,
     hasContext
   } = useContext(DataContext);
   const dataRef = useRef({});
   dataRef.current = data;
   const generate = useCallback(() => {
-    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfFields = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -33,7 +35,9 @@ export default function ListAllProps(props) {
       }
       return acc;
     }, {});
-    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfValues = Object.entries((valueInternalsRef === null || valueInternalsRef === void 0 ? void 0 : valueInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -51,7 +55,7 @@ export default function ListAllProps(props) {
       propsOfFields,
       propsOfValues
     };
-  }, [fieldPropsRef, filterData, valuePropsRef]);
+  }, [fieldInternalsRef, filterData, valueInternalsRef]);
   if (hasContext) {
     if (log) {
       console.log(generate());

package/es/extensions/forms/Tools/ListAllProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldInternalsRef","valueInternalsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldInternalsRef, valueInternalsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valueInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldInternalsRef, filterData, valueInternalsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvE,OAAOC,OAAO,MAAsB,uBAAuB;AAC3D,OAAOC,WAAW,MAAsB,wBAAwB;AAehE,eAAe,SAASC,YAAYA,CAClCC,KAA8B,EAC9B;EACA,MAAM;IAAEC,GAAG;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGJ,KAAK,IAAI,CAAC,CAAC;EAC9D,MAAM;IAAEK,iBAAiB;IAAEC,iBAAiB;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAC9Db,UAAU,CAACG,WAAW,CAAC;EAEzB,MAAMW,OAAO,GAAGb,MAAM,CAAa,CAAC,CAAC,CAAC;EACtCa,OAAO,CAACC,OAAO,GAAGH,IAAI;EAEtB,MAAMI,QAAQ,GAAGjB,WAAW,CAAC,MAAM;IACjC,MAAMkB,aAAa,GAAGC,MAAM,CAACC,OAAO,CAClC,CAAAT,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEK,OAAO,KAAI,CAAC,CACjC,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAE;MAAEjB;IAAM,CAAC,CAAC,KAAK;MACnC,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAIpB,KAAK,EAAE;UACxB,IACEA,KAAK,CAACoB,IAAI,CAAC,KAAKC,SAAS,IACzB,OAAOrB,KAAK,CAACoB,IAAI,CAAC,KAAK,UAAU,IACjC,CAAC3B,cAAc,CAACO,KAAK,CAACoB,IAAI,CAAC,CAAC,EAC5B;YACAD,aAAa,CAACC,IAAI,CAAC,GAAGpB,KAAK,CAACoB,IAAI,CAAC;UACnC;QACF;QAEA,IAAI,CAAAjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGc,IAAI,CAAC,MAAK,KAAK,EAAE;UAChCpB,OAAO,CAACyB,GAAG,CAACN,GAAG,EAAEC,IAAI,EAAEE,aAAa,CAAC;QACvC;MACF;MAEA,OAAOH,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAMO,aAAa,GAAGV,MAAM,CAACC,OAAO,CAClC,CAAAR,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEI,OAAO,KAAI,CAAC,CACjC,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAE;MAAEjB;IAAM,CAAC,CAAC,KAAK;MACnC,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAIpB,KAAK,EAAE;UACxB,IACEA,KAAK,CAACoB,IAAI,CAAC,KAAKC,SAAS,IACzB,OAAOrB,KAAK,CAACoB,IAAI,CAAC,KAAK,UAAU,IACjC,CAAC3B,cAAc,CAACO,KAAK,CAACoB,IAAI,CAAC,CAAC,EAC5B;YACAD,aAAa,CAACC,IAAI,CAAC,GAAGpB,KAAK,CAACoB,IAAI,CAAC;UACnC;QACF;QAEA,IAAI,CAAAjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGc,IAAI,CAAC,MAAK,KAAK,EAAE;UAChCpB,OAAO,CAACyB,GAAG,CAACN,GAAG,EAAEC,IAAI,EAAEE,aAAa,CAAC;QACvC;MACF;MAEA,OAAOH,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO;MAAEJ,aAAa;MAAEW;IAAc,CAAC;EACzC,CAAC,EAAE,CAAClB,iBAAiB,EAAEF,UAAU,EAAEG,iBAAiB,CAAC,CAAC;EAEtD,IAAIE,UAAU,EAAE;IACd,IAAIP,GAAG,EAAE;MACPuB,OAAO,CAACvB,GAAG,CAACU,QAAQ,CAAC,CAAC,CAAC;IACzB;IAEA,IAAIT,WAAW,EAAE;MACfA,WAAW,CAACQ,OAAO,GAAGC,QAAQ;IAChC;EACF;EAEA,OAAOP,QAAQ;AACjB"}

package/es/extensions/forms/Tools/Log.js

@@ -18,8 +18,9 @@ function Log(_ref) {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
-    data
+    internalDataRef
   } = useContext(DataContext);
+  const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
   return React.createElement(Section, _extends({
     element: "output",
     backgroundColor: "sand-yellow",

package/es/extensions/forms/Tools/Log.js.map

@@ -1 +1 @@
-{"version":3,"file":"Log.js","names":["React","useContext","DataContext","Section","FormLabel","Log","_ref","placeholder","label","data","logData","props","_objectWithoutProperties","_excluded","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","bottom","Object","keys","length","JSON","stringify","replaceUndefinedValues","value","replaceWith","Array","isArray","map","item","_objectSpread","fromEntries","entries","k","v","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAA2B,6BAA6B;AACtE,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,GAAGA,CAAAC,IAAA,EAST;EAAA,IATU;MACXC,WAAW;MACXC,KAAK;MACLC,IAAI,EAAEC;IAMR,CAAC,GAAAJ,IAAA;IALIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAMR,MAAM;IAAEJ;EAAK,CAAC,GAAGR,UAAU,CAACC,WAAW,CAAC;EAExC,OACEF,KAAA,CAAAc,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAERH,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACV,SAAS;IAACiB,MAAM;EAAA,GACfrB,KAAA,CAAAc,aAAA,YAAIN,KAAS,CACJ,CACZ,EACDR,KAAA,CAAAc,aAAA,cACGP,WAAW,IAAIe,MAAM,CAACC,IAAI,CAAC,CAACb,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,KAAK,CAAC,CAAC,CAAC,CAACe,MAAM,KAAK,CAAC,GAC7DjB,WAAW,GACXkB,IAAI,CAACC,SAAS,CACZC,sBAAsB,CAACjB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,CAAC,EACvC,IAAI,EACJ,CACF,CAAC,EACJ,GACE,CACE,CAAC;AAEd;AAQA,SAASkB,sBAAsBA,CAC7BC,KAAc,EACdC,WAAW,GAAG,WAAsB,EAC3B;EACT,IAAI,OAAOD,KAAK,KAAK,WAAW,EAAE;IAChC,OAAOC,WAAW;EACpB,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IAC/B,OAAOA,KAAK,CAACI,GAAG,CAAEC,IAAI,IAAKN,sBAAsB,CAACM,IAAI,EAAEJ,WAAW,CAAC,CAAC;EACvE,CAAC,MAAM,IAAID,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAKC,WAAW,EAAE;IACtE,OAAAK,aAAA,CAAAA,aAAA,KACKN,KAAK,GACLN,MAAM,CAACa,WAAW,CACnBb,MAAM,CAACc,OAAO,CAACR,KAAK,CAAC,CAACI,GAAG,CAAC,CAAC,CAACK,CAAC,EAAEC,CAAC,CAAC,KAAK,CACpCD,CAAC,EACDV,sBAAsB,CAACW,CAAC,EAAET,WAAW,CAAC,CACvC,CACH,CAAC;EAEL,CAAC,MAAM;IACL,OAAOD,KAAK;EACd;AACF;AAEAvB,GAAG,CAACkC,qBAAqB,GAAG,IAAI;AAChC,eAAelC,GAAG"}
+{"version":3,"file":"Log.js","names":["React","useContext","DataContext","Section","FormLabel","Log","_ref","placeholder","label","data","logData","props","_objectWithoutProperties","_excluded","internalDataRef","current","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","bottom","Object","keys","length","JSON","stringify","replaceUndefinedValues","value","replaceWith","Array","isArray","map","item","_objectSpread","fromEntries","entries","k","v","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { internalDataRef } = useContext(DataContext)\n  const data = internalDataRef?.current\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAA2B,6BAA6B;AACtE,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,GAAGA,CAAAC,IAAA,EAST;EAAA,IATU;MACXC,WAAW;MACXC,KAAK;MACLC,IAAI,EAAEC;IAMR,CAAC,GAAAJ,IAAA;IALIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAMR,MAAM;IAAEC;EAAgB,CAAC,GAAGb,UAAU,CAACC,WAAW,CAAC;EACnD,MAAMO,IAAI,GAAGK,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEC,OAAO;EAErC,OACEf,KAAA,CAAAgB,aAAA,CAACb,OAAO,EAAAc,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNX,KAAK,GAERH,KAAK,IACJR,KAAA,CAAAgB,aAAA,CAACZ,SAAS;IAACmB,MAAM;EAAA,GACfvB,KAAA,CAAAgB,aAAA,YAAIR,KAAS,CACJ,CACZ,EACDR,KAAA,CAAAgB,aAAA,cACGT,WAAW,IAAIiB,MAAM,CAACC,IAAI,CAAC,CAACf,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,KAAK,CAAC,CAAC,CAAC,CAACiB,MAAM,KAAK,CAAC,GAC7DnB,WAAW,GACXoB,IAAI,CAACC,SAAS,CACZC,sBAAsB,CAACnB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,CAAC,EACvC,IAAI,EACJ,CACF,CAAC,EACJ,GACE,CACE,CAAC;AAEd;AAQA,SAASoB,sBAAsBA,CAC7BC,KAAc,EACdC,WAAW,GAAG,WAAsB,EAC3B;EACT,IAAI,OAAOD,KAAK,KAAK,WAAW,EAAE;IAChC,OAAOC,WAAW;EACpB,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IAC/B,OAAOA,KAAK,CAACI,GAAG,CAAEC,IAAI,IAAKN,sBAAsB,CAACM,IAAI,EAAEJ,WAAW,CAAC,CAAC;EACvE,CAAC,MAAM,IAAID,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAKC,WAAW,EAAE;IACtE,OAAAK,aAAA,CAAAA,aAAA,KACKN,KAAK,GACLN,MAAM,CAACa,WAAW,CACnBb,MAAM,CAACc,OAAO,CAACR,KAAK,CAAC,CAACI,GAAG,CAAC,CAAC,CAACK,CAAC,EAAEC,CAAC,CAAC,KAAK,CACpCD,CAAC,EACDV,sBAAsB,CAACW,CAAC,EAAET,WAAW,CAAC,CACvC,CACH,CAAC;EAEL,CAAC,MAAM;IACL,OAAOD,KAAK;EACd;AACF;AAEAzB,GAAG,CAACoC,qBAAqB,GAAG,IAAI;AAChC,eAAepC,GAAG"}

package/es/extensions/forms/Value/ArraySelection/ArraySelection.js

@@ -12,7 +12,7 @@ import Context from '../../DataContext/Context';
 import ListFormat from '../../../../components/list-format';
 function ArraySelection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = useContext(Context) || {};
   const _useValueProps = useValueProps(props),
     {
@@ -27,8 +27,8 @@ function ArraySelection(props) {
   const list = useMemo(() => {
     let valueToUse = value;
     if (path) {
-      var _fieldPropsRef$curren, _data$map;
-      const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
+      var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _data$map;
+      const data = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path + '/arraySelectionData']) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
       valueToUse = (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({
         title
       }) => convertJsxToString(title))) || value;
@@ -42,7 +42,7 @@ function ArraySelection(props) {
       variant: variant,
       listType: listType
     });
-  }, [fieldPropsRef, path, value, variant, listType]);
+  }, [value, path, format, variant, listType, fieldInternalsRef]);
   return React.createElement(ValueBlock, _extends({
     className: classnames('dnb-forms-value-array-selection', className)
   }, rest), list);

package/es/extensions/forms/Value/ArraySelection/ArraySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","convertJsxToString","Context","ListFormat","ArraySelection","props","fieldPropsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","valueToUse","_fieldPropsRef$curren","_data$map","data","current","map","call","title","undefined","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [fieldPropsRef, path, value, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,UAAU,MAEV,oCAAoC;AAI3C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAc,CAAC,GAAGV,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAQIR,aAAa,CAACM,KAAK,CAAC;IARlB;MACJG,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,OAAO,GAAG,MAAM;MAChBC;IAEF,CAAC,GAAAN,cAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,cAAA,EAAAS,SAAA;EAGT,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIqB,UAAU,GAAGT,KAAK;IAEtB,IAAID,IAAI,EAAE;MAAA,IAAAW,qBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGf,aAAa,aAAbA,aAAa,wBAAAa,qBAAA,GAAbb,aAAa,CAAEgB,OAAO,cAAAH,qBAAA,uBAAtBA,qBAAA,CACXX,IAAI,GAAG,qBAAqB,CAI5B;MAEFU,UAAU,GACR,CAAAG,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKxB,kBAAkB,CAACwB,KAAK,CAAC,CAAC,KAAIhB,KAAK;IAClE;IAEA,IAAI,OAAOS,UAAU,KAAK,WAAW,EAAE;MACrC,OAAOQ,SAAS;IAClB;IAEA,OACE/B,KAAA,CAAAgC,aAAA,CAACxB,UAAU;MACTM,KAAK,EAAES,UAAW;MAClBR,MAAM,EAAEA,MAAO;MACfE,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN,CAAC,EAAE,CAACP,aAAa,EAAEE,IAAI,EAAEC,KAAK,EAAEG,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEnD,OACElB,KAAA,CAAAgC,aAAA,CAAC3B,UAAU,EAAA4B,QAAA;IACTjB,SAAS,EAAEb,UAAU,CAAC,iCAAiC,EAAEa,SAAS;EAAE,GAChEG,IAAI,GAEPG,IACS,CAAC;AAEjB;AAEAb,cAAc,CAACyB,qBAAqB,GAAG,IAAI;AAC3C,eAAezB,cAAc"}
+{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","convertJsxToString","Context","ListFormat","ArraySelection","props","fieldInternalsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","valueToUse","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","_data$map","data","current","map","call","title","undefined","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldInternalsRef?.current?.[\n        path + '/arraySelectionData'\n      ]?.props as unknown as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [value, path, format, variant, listType, fieldInternalsRef])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,UAAU,MAEV,oCAAoC;AAI3C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGV,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC,CAAC;EACvD,MAAAK,cAAA,GAQIR,aAAa,CAACM,KAAK,CAAC;IARlB;MACJG,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,OAAO,GAAG,MAAM;MAChBC;IAEF,CAAC,GAAAN,cAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,cAAA,EAAAS,SAAA;EAGT,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIqB,UAAU,GAAGT,KAAK;IAEtB,IAAID,IAAI,EAAE;MAAA,IAAAW,qBAAA,EAAAC,sBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGhB,iBAAiB,aAAjBA,iBAAiB,wBAAAa,qBAAA,GAAjBb,iBAAiB,CAAEiB,OAAO,cAAAJ,qBAAA,wBAAAC,sBAAA,GAA1BD,qBAAA,CACXX,IAAI,GAAG,qBAAqB,CAC7B,cAAAY,sBAAA,uBAFYA,sBAAA,CAEVf,KAGD;MAEFa,UAAU,GACR,CAAAI,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKzB,kBAAkB,CAACyB,KAAK,CAAC,CAAC,KAAIjB,KAAK;IAClE;IAEA,IAAI,OAAOS,UAAU,KAAK,WAAW,EAAE;MACrC,OAAOS,SAAS;IAClB;IAEA,OACEhC,KAAA,CAAAiC,aAAA,CAACzB,UAAU;MACTM,KAAK,EAAES,UAAW;MAClBR,MAAM,EAAEA,MAAO;MACfE,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN,CAAC,EAAE,CAACJ,KAAK,EAAED,IAAI,EAAEE,MAAM,EAAEE,OAAO,EAAEC,QAAQ,EAAEP,iBAAiB,CAAC,CAAC;EAE/D,OACEX,KAAA,CAAAiC,aAAA,CAAC5B,UAAU,EAAA6B,QAAA;IACTlB,SAAS,EAAEb,UAAU,CAAC,iCAAiC,EAAEa,SAAS;EAAE,GAChEG,IAAI,GAEPG,IACS,CAAC;AAEjB;AAEAb,cAAc,CAAC0B,qBAAqB,GAAG,IAAI;AAC3C,eAAe1B,cAAc"}

package/es/extensions/forms/Value/Selection/Selection.js

@@ -11,7 +11,7 @@ import Context from '../../DataContext/Context';
 import { convertJsxToString } from '../../../../shared/component-helper';
 function Selection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = useContext(Context) || {};
   const _useValueProps = useValueProps(props),
     {
@@ -24,21 +24,21 @@ function Selection(props) {
     getValueByPath
   } = useDataValue();
   const valueToDisplay = useMemo(() => {
-    var _fieldPropsRef$curren;
-    const fieldProp = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path];
+    var _fieldInternalsRef$cu, _fieldInternalsRef$cu2;
+    const fieldProp = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path]) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
     if (path || dataPath) {
       var _getValueByPath, _getValueByPath$map, _list, _list$find, _list$find$call, _list$find$call$props;
       let list = (_getValueByPath = getValueByPath(dataPath)) === null || _getValueByPath === void 0 ? void 0 : (_getValueByPath$map = _getValueByPath.map) === null || _getValueByPath$map === void 0 ? void 0 : _getValueByPath$map.call(_getValueByPath, props => ({
         props
       }));
       if (!list) {
-        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp['children'];
+        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp.children;
       }
       const title = (_list = list) === null || _list === void 0 ? void 0 : (_list$find = _list.find) === null || _list$find === void 0 ? void 0 : (_list$find$call = _list$find.call(_list, child => child.props.value === value)) === null || _list$find$call === void 0 ? void 0 : (_list$find$call$props = _list$find$call.props) === null || _list$find$call$props === void 0 ? void 0 : _list$find$call$props.title;
       return title ? convertJsxToString(title) : value;
     }
     return value;
-  }, [dataPath, fieldPropsRef, getValueByPath, path, value]);
+  }, [dataPath, fieldInternalsRef, getValueByPath, path, value]);
   return React.createElement(StringValue, _extends({
     value: valueToDisplay,
     path: path

package/es/extensions/forms/Value/Selection/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldPropsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldPropsRef?.current?.[path]\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.['children'] as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldPropsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA;IACvD,MAAMC,SAAS,GAAGX,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEY,OAAO,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAyBR,IAAI,CAAC;IAEhD,IAAIA,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAU,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGL,cAAc,CAACL,QAAQ,CAAC,cAAAU,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCd,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACoB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,UAAU,CAE5B;MACH;MAEA,MAAMW,KAAK,IAAAP,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMQ,IAAI,cAAAP,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcS,KAAK,IAAKA,KAAK,CAACzB,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAa,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVlB,KAAK,cAAAmB,qBAAA,uBADKA,qBAAA,CACHI,KAAK;MAEhB,OAAOA,KAAK,GAAGzB,kBAAkB,CAACyB,KAAK,CAAC,GAAGlB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,aAAa,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE1D,OAAOd,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,QAAA;IAACtB,KAAK,EAAEK,cAAe;IAACP,IAAI,EAAEA;EAAK,GAAKG,IAAI,CAAG,CAAC;AACrE;AAEAP,SAAS,CAAC6B,qBAAqB,GAAG,IAAI;AACtC,eAAe7B,SAAS"}
+{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldInternalsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","children","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldInternalsRef?.current?.[path]?.props\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.children as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldInternalsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAkB,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACvD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA,EAAAC,sBAAA;IACvD,MAAMC,SAAS,GAAGZ,iBAAiB,aAAjBA,iBAAiB,wBAAAU,qBAAA,GAAjBV,iBAAiB,CAAEa,OAAO,cAAAH,qBAAA,wBAAAC,sBAAA,GAA1BD,qBAAA,CAA6BR,IAAI,CAAC,cAAAS,sBAAA,uBAAlCA,sBAAA,CAAoCZ,KAAK;IAE3D,IAAIG,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAW,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGN,cAAc,CAACL,QAAQ,CAAC,cAAAW,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCf,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACqB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEW,QAEjB;MACH;MAEA,MAAMC,KAAK,IAAAR,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMS,IAAI,cAAAR,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcU,KAAK,IAAKA,KAAK,CAAC3B,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAc,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVnB,KAAK,cAAAoB,qBAAA,uBADKA,qBAAA,CACHK,KAAK;MAEhB,OAAOA,KAAK,GAAG3B,kBAAkB,CAAC2B,KAAK,CAAC,GAAGpB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,iBAAiB,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE9D,OAAOd,KAAA,CAAAqC,aAAA,CAAClC,WAAW,EAAAmC,QAAA;IAACxB,KAAK,EAAEK,cAAe;IAACP,IAAI,EAAEA;EAAK,GAAKG,IAAI,CAAG,CAAC;AACrE;AAEAP,SAAS,CAAC+B,qBAAqB,GAAG,IAAI;AACtC,eAAe/B,SAAS"}

package/es/extensions/forms/ValueBlock/ValueBlock.js

@@ -13,8 +13,10 @@ import SummaryListContext from '../Value/SummaryList/SummaryListContext';
 import ValueBlockContext from './ValueBlockContext';
 import DataContext from '../DataContext/Context';
 import { pickSpacingProps } from '../../../components/flex/utils';
-import IterateElementContext from '../Iterate/IterateItemContext';
+import IterateItemContext from '../Iterate/IterateItemContext';
 import { convertJsxToString } from '../../../shared/component-helper';
+import VisibilityContext from '../Form/Visibility/VisibilityContext';
+import Visibility from '../Form/Visibility/Visibility';
 function ValueBlock(props) {
   const summaryListContext = useContext(SummaryListContext);
   const valueBlockContext = useContext(ValueBlockContext);
@@ -23,10 +25,12 @@ function ValueBlock(props) {
   } = useContext(DataContext) || {};
   const {
     index: iterateIndex
-  } = useContext(IterateElementContext) || {};
+  } = useContext(IterateItemContext) || {};
   const {
     className,
     label: labelProp,
+    path,
+    itemPath,
     labelSrOnly,
     transformLabel = label => label,
     inline,
@@ -48,7 +52,7 @@ function ValueBlock(props) {
     return transformLabel(label, transformLabelParameters);
   }, [inline, iterateIndex, labelProp, transformLabel]);
   const ref = useRef(null);
-  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
+  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label, path, itemPath);
   const hide = prerenderFieldProps || (children === undefined || children === null || children === false) && !showEmpty && !placeholder;
   if (hide) {
     return React.createElement(React.Fragment, null);
@@ -72,13 +76,13 @@ function ValueBlock(props) {
         })
       }, React.createElement(Item, null, React.createElement(Dt, {
         className: 'dnb-forms-value-block__label' + (!label || labelSrOnly ? " dnb-sr-only" : "")
-      }, label && React.createElement("strong", null, label)), React.createElement(Dd, {
+      }, React.createElement(VisibilityWrapper, null, label && React.createElement("strong", null, label))), React.createElement(Dd, {
         className: classnames(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
-      }, children ? React.createElement("span", {
+      }, React.createElement(VisibilityWrapper, null, children ? React.createElement("span", {
         className: defaultClass
       }, children) : React.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
-      }, placeholder))));
+      }, placeholder)))));
     }
   } else {
     content = React.createElement(Span, _extends({
@@ -99,21 +103,34 @@ function ValueBlock(props) {
     value: props
   }, content);
 }
-function useNotInSummaryList(ref, label) {
+function useNotInSummaryList(ref, label, path, itemPath) {
   useEffect(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
       try {
         const sibling = ref.current.previousElementSibling;
         if (sibling !== null && sibling !== void 0 && sibling.classList.contains('dnb-forms-value-block') && !ref.current.closest('.dnb-forms-summary-list')) {
-          warn.apply(warn, ['Value components as siblings should be wrapped inside a Value.SummaryList!', label].filter(Boolean));
+          warn.apply(warn, ['Value components as siblings should be wrapped inside a Value.SummaryList:', {
+            label,
+            path,
+            itemPath
+          }].filter(Boolean));
         }
       } catch (error) {}
     }
-  }, [label, ref]);
+  }, [itemPath, label, path, ref]);
 }
 ValueBlock._supportsSpacingProps = true;
 export default ValueBlock;
 const transformLabelParameters = {
   convertJsxToString
 };
+function VisibilityWrapper({
+  children
+}) {
+  const visibilityContext = useContext(VisibilityContext);
+  if (visibilityContext) {
+    return React.createElement(Visibility, visibilityContext.props, children);
+  }
+  return children;
+}
 //# sourceMappingURL=ValueBlock.js.map

package/es/extensions/forms/ValueBlock/ValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","prerenderFieldProps","index","iterateIndex","className","label","labelProp","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","transformLabelParameters","ref","useNotInSummaryList","hide","createElement","content","compositionClass","defaultClass","Item","isNested","layout","_span","Provider","value","_objectSpread","_extends","element","labelDirection","srOnly","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateElementContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span className={defaultClass}>{children}</span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateItemContext","convertJsxToString","VisibilityContext","Visibility","ValueBlock","props","summaryListContext","valueBlockContext","prerenderFieldProps","index","iterateIndex","className","label","labelProp","path","itemPath","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","transformLabelParameters","ref","useNotInSummaryList","hide","createElement","content","compositionClass","defaultClass","Item","isNested","layout","_span","Provider","value","_objectSpread","VisibilityWrapper","_extends","element","labelDirection","srOnly","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps","visibilityContext"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { Path, ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport VisibilityContext from '../Form/Visibility/VisibilityContext'\nimport Visibility from '../Form/Visibility/Visibility'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateItemContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    path,\n    itemPath,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(\n    valueBlockContext?.composition ? null : ref,\n    label,\n    path,\n    itemPath\n  )\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              <VisibilityWrapper>\n                {label && <strong>{label}</strong>}\n              </VisibilityWrapper>\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              <VisibilityWrapper>\n                {children ? (\n                  <span className={defaultClass}>{children}</span>\n                ) : (\n                  <span className=\"dnb-forms-value-block__placeholder\">\n                    {placeholder}\n                  </span>\n                )}\n              </VisibilityWrapper>\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode,\n  path?: Path,\n  itemPath?: Path\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList:',\n              { label, path, itemPath },\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [itemPath, label, path, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n\nfunction VisibilityWrapper({ children }) {\n  const visibilityContext = useContext(VisibilityContext)\n\n  if (visibilityContext) {\n    return <Visibility {...visibilityContext.props}>{children}</Visibility>\n  }\n\n  return children\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,QACD,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,IAAI,QAAQ,mBAAmB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,OAAOC,kBAAkB,MAAM,yCAAyC;AACxE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,WAAW,MAAM,wBAAwB;AAEhD,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,OAAOC,kBAAkB,MAAM,+BAA+B;AAC9D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,UAAU,MAAM,+BAA+B;AAmBtD,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,kBAAkB,GAAGrB,UAAU,CAACW,kBAAkB,CAAC;EACzD,MAAMW,iBAAiB,GAAGtB,UAAU,CAACY,iBAAiB,CAAC;EACvD,MAAM;IAAEW;EAAoB,CAAC,GAAGvB,UAAU,CAACa,WAAW,CAAC,IAAI,CAAC,CAAC;EAC7D,MAAM;IAAEW,KAAK,EAAEC;EAAa,CAAC,GAAGzB,UAAU,CAACe,kBAAkB,CAAC,IAAI,CAAC,CAAC;EAEpE,MAAM;IACJW,SAAS;IACTC,KAAK,EAAEC,SAAS;IAChBC,IAAI;IACJC,QAAQ;IACRC,WAAW;IACXC,cAAc,GAAIL,KAAqB,IAAKA,KAAK;IACjDM,MAAM;IACNC,QAAQ,GAAGd,KAAK,CAACe,WAAW,GAAGf,KAAK,CAACc,QAAQ,GAAG,OAAO;IACvDE,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRH,WAAW;IACXI,GAAG,GAAG;EACR,CAAC,GAAGnB,KAAK;EAET,MAAMO,KAAK,GAAGzB,OAAO,CAAC,MAAM;IAC1B,IAAI+B,MAAM,EAAE;MACV,OAAO,IAAI;IACb;IAEA,IAAIN,KAAK,GAAGC,SAAS;IAErB,IAAIH,YAAY,KAAKe,SAAS,EAAE;MAC9Bb,KAAK,GAAGX,kBAAkB,CAACY,SAAS,CAAC,CAACa,OAAO,CAC3C,UAAU,EACVC,MAAM,CAACjB,YAAY,GAAG,CAAC,CACzB,CAAC;IACH;IAEA,OAAOO,cAAc,CAACL,KAAK,EAAEgB,wBAAwB,CAAC;EACxD,CAAC,EAAE,CAACV,MAAM,EAAER,YAAY,EAAEG,SAAS,EAAEI,cAAc,CAAC,CAAC;EAErD,MAAMY,GAAG,GAAGzC,MAAM,CAAc,IAAI,CAAC;EACrC0C,mBAAmB,CACjBvB,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEa,WAAW,GAAG,IAAI,GAAGS,GAAG,EAC3CjB,KAAK,EACLE,IAAI,EACJC,QACF,CAAC;EAED,MAAMgB,IAAI,GACRvB,mBAAmB,IAClB,CAACe,QAAQ,KAAKE,SAAS,IAAIF,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KACjE,CAACD,SAAS,IACV,CAACD,WAAY;EAEjB,IAAIU,IAAI,EAAE;IACR,OAAOhD,KAAA,CAAAiD,aAAA,CAAAjD,KAAA,CAAAC,QAAA,MAAI,CAAC;EACd;EAEA,IAAIiD,OAAO,GAAG,IAAI;EAElB,MAAMC,gBAAgB,GACpBd,WAAW,IAER,uCACCA,WAAW,KAAK,IAAI,GAAG,YAAY,GAAGA,WACvC,EACF;EACH,MAAMe,YAAY,yEAEuBX,GAAG,KAAK,KAAK,GAAG,MAAM,GAAGA,GAAI,EACrE;EAED,IAAIlB,kBAAkB,EAAE;IACtB,MAAM8B,IAAI,GAAG9B,kBAAkB,CAAC+B,QAAQ,GACpC7C,EAAE,GACFc,kBAAkB,CAACgC,MAAM,KAAK,YAAY,GAC1C9C,EAAE,CAAC4C,IAAI,GACPpD,QAAQ;IAEZ,IAAI,CAAC4B,KAAK,IAAIL,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEa,WAAW,EAAE;MAAA,IAAAmB,KAAA;MAC5CN,OAAO,IAAAM,KAAA,GAAGxD,KAAA,CAAAiD,aAAA;QAAMrB,SAAS,EAAEwB;MAAa,GAAEZ,QAAe,CAAC,cAAAgB,KAAA,cAAAA,KAAA,GACxDxD,KAAA,CAAAiD,aAAA;QAAMrB,SAAS,EAAC;MAAoC,GACjDU,WACG,CACP;IACH,CAAC,MAAM;MACLY,OAAO,GACLlD,KAAA,CAAAiD,aAAA,CAACpC,kBAAkB,CAAC4C,QAAQ;QAC1BC,KAAK,EAAAC,aAAA,CAAAA,aAAA,KAAOpC,kBAAkB;UAAE+B,QAAQ,EAAE;QAAI;MAAG,GAEjDtD,KAAA,CAAAiD,aAAA,CAACI,IAAI,QACHrD,KAAA,CAAAiD,aAAA,CAACvC,EAAE;QACDkB,SAAS,EACP,8BAA8B,IAC7B,CAACC,KAAK,IAAII,WAAW;MACtB,GAEFjC,KAAA,CAAAiD,aAAA,CAACW,iBAAiB,QACf/B,KAAK,IAAI7B,KAAA,CAAAiD,aAAA,iBAASpB,KAAc,CAChB,CACjB,CAAC,EACL7B,KAAA,CAAAiD,aAAA,CAACzC,EAAE;QACDoB,SAAS,EAAEtB,UAAU,CAKnB6C,gBAAgB,EAJhB5B,kBAAkB,CAACgC,MAAM,KAAK,MAAM,IAClC,CAAChC,kBAAkB,CAAC+B,QAAQ,IAC5BlB,QAAQ,IACP,oCAAmCA,QAAS,EAEjD;MAAE,GAEFpC,KAAA,CAAAiD,aAAA,CAACW,iBAAiB,QACfpB,QAAQ,GACPxC,KAAA,CAAAiD,aAAA;QAAMrB,SAAS,EAAEwB;MAAa,GAAEZ,QAAe,CAAC,GAEhDxC,KAAA,CAAAiD,aAAA;QAAMrB,SAAS,EAAC;MAAoC,GACjDU,WACG,CAES,CACjB,CACA,CACqB,CAC9B;IACH;EACF,CAAC,MAAM;IACLY,OAAO,GACLlD,KAAA,CAAAiD,aAAA,CAACtC,IAAI,EAAAkD,QAAA;MACHf,GAAG,EAAEA,GAAI;MACTlB,SAAS,EAAEtB,UAAU,CACnB,uBAAuB,EAGvB6C,gBAAgB,EAChBvB,SAAS,EAHTO,MAAM,IAAI,+BAA+B,EACzCC,QAAQ,IAAK,oCAAmCA,QAAS,EAG3D;IAAE,GACEpB,gBAAgB,CAACM,KAAK,CAAC,GAE1BO,KAAK,IACJ7B,KAAA,CAAAiD,aAAA,CAACrC,SAAS;MACRkD,OAAO,EAAC,QAAQ;MAChBlC,SAAS,EAAC,8BAA8B;MACxCmC,cAAc,EAAE5B,MAAM,GAAG,YAAY,GAAG,UAAW;MACnD6B,MAAM,EAAE/B;IAAY,GAEnBJ,KACQ,CACZ,EACAW,QAAQ,GACPxC,KAAA,CAAAiD,aAAA;MAAMrB,SAAS,EAAEwB;IAAa,GAAEZ,QAAe,CAAC,GAEhDxC,KAAA,CAAAiD,aAAA;MAAMrB,SAAS,EAAC;IAAoC,GACjDU,WACG,CAEJ,CACP;EACH;EAEA,OACEtC,KAAA,CAAAiD,aAAA,CAACnC,iBAAiB,CAAC2C,QAAQ;IAACC,KAAK,EAAEpC;EAAM,GACtC4B,OACyB,CAAC;AAEjC;AAEA,SAASH,mBAAmBA,CAC1BD,GAAiC,EACjCjB,KAAuB,EACvBE,IAAW,EACXC,QAAe,EACf;EACA7B,SAAS,CAAC,MAAM;IACd,IAAI2C,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEmB,OAAO,EAAE;MAChB,IAAI;QACF,MAAMC,OAAO,GAAGpB,GAAG,CAACmB,OAAO,CAACE,sBAAsB;QAElD,IACED,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,SAAS,CAACC,QAAQ,CAAC,uBAAuB,CAAC,IACpD,CAACvB,GAAG,CAACmB,OAAO,CAACK,OAAO,CAAC,yBAAyB,CAAC,EAC/C;UACA/D,IAAI,CAACgE,KAAK,CACRhE,IAAI,EACJ,CACE,4EAA4E,EAC5E;YAAEsB,KAAK;YAAEE,IAAI;YAAEC;UAAS,CAAC,CAC1B,CAACwC,MAAM,CAACC,OAAO,CAClB,CAAC;QACH;MACF,CAAC,CAAC,OAAOC,KAAK,EAAE,CAEhB;IACF;EACF,CAAC,EAAE,CAAC1C,QAAQ,EAAEH,KAAK,EAAEE,IAAI,EAAEe,GAAG,CAAC,CAAC;AAClC;AAEAzB,UAAU,CAACsD,qBAAqB,GAAG,IAAI;AACvC,eAAetD,UAAU;AAEzB,MAAMwB,wBAAwB,GAAG;EAC/B3B;AACF,CAAsD;AAEtD,SAAS0C,iBAAiBA,CAAC;EAAEpB;AAAS,CAAC,EAAE;EACvC,MAAMoC,iBAAiB,GAAG1E,UAAU,CAACiB,iBAAiB,CAAC;EAEvD,IAAIyD,iBAAiB,EAAE;IACrB,OAAO5E,KAAA,CAAAiD,aAAA,CAAC7B,UAAU,EAAKwD,iBAAiB,CAACtD,KAAK,EAAGkB,QAAqB,CAAC;EACzE;EAEA,OAAOA,QAAQ;AACjB"}

package/es/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -4,10 +4,15 @@
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
   margin: 0;
 }
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty,
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty {
+  display: none;
+}
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd {
   margin-bottom: var(--spacing-medium);
+  transition: margin-bottom 300ms var(--easing-default);
 }
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
   margin-bottom: 0;
 }