@dnb/eufemia 10.20.0 → 10.22.0

package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -28,7 +28,9 @@ fieldset.dnb-forms-field-block {
 
   &__grid {
     display: grid;
+  }
 
+  &--layout-vertical &__grid {
     @include formLabelWrap();
   }
 
@@ -83,6 +85,10 @@ fieldset.dnb-forms-field-block {
     .dnb-form-status__shell {
       margin-top: 0.5rem; // set margin-top on shell, so we can animate the height
     }
+
+    @include allBelow(xx-small) {
+      width: 90%;
+    }
   }
 
   &__contents {
@@ -105,5 +111,27 @@ fieldset.dnb-forms-field-block {
         }
       }
     }
+
+    &__composition {
+      &--vertical {
+        display: flex;
+        flex-flow: column;
+        row-gap: var(--spacing-small);
+      }
+
+      &--horizontal {
+        display: flex;
+        flex-flow: row;
+        column-gap: var(--spacing-small);
+
+        @include allAbove(x-small) {
+          align-items: flex-end;
+        }
+        @include allBelow(x-small) {
+          row-gap: var(--spacing-x-small);
+          flex-flow: column;
+        }
+      }
+    }
   }
 }

package/es/extensions/forms/Form/Appearance/Appearance.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type Props = {
+    size?: 'medium' | 'large';
+    children: React.ReactNode;
+};
+declare function FormAppearance({ children, size, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default FormAppearance;

package/es/extensions/forms/Form/Appearance/Appearance.js

@@ -0,0 +1,30 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "size"];
+import React from 'react';
+import Provider from '../../../../shared/Provider';
+function FormAppearance(_ref) {
+  let {
+      children,
+      size = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return React.createElement(Provider, _extends({
+    Input: {
+      size
+    },
+    DatePicker: {
+      size
+    },
+    Autocomplete: {
+      size
+    },
+    Dropdown: {
+      size
+    }
+  }, rest), children);
+}
+export default FormAppearance;
+//# sourceMappingURL=Appearance.js.map

package/es/extensions/forms/Form/Appearance/Appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Appearance.js","names":["React","Provider","FormAppearance","_ref","children","size","rest","_objectWithoutProperties","_excluded","createElement","_extends","Input","DatePicker","Autocomplete","Dropdown"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/Appearance.tsx"],"sourcesContent":["import React from 'react'\nimport Provider from '../../../../shared/Provider'\n\nexport type Props = {\n  size?: 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FormAppearance({ children, size = null, ...rest }: Props) {\n  return (\n    <Provider\n      Input={{ size }}\n      DatePicker={{ size }}\n      Autocomplete={{ size }}\n      Dropdown={{ size }}\n      {...rest}\n    >\n      {children}\n    </Provider>\n  )\n}\n\nexport default FormAppearance\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,6BAA6B;AAOlD,SAASC,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3C;MAAEC,QAAQ;MAAEC,IAAI,GAAG;IAAqB,CAAC,GAAAF,IAAA;IAAbG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtD,OACER,KAAA,CAAAS,aAAA,CAACR,QAAQ,EAAAS,QAAA;IACPC,KAAK,EAAE;MAAEN;IAAK,CAAE;IAChBO,UAAU,EAAE;MAAEP;IAAK,CAAE;IACrBQ,YAAY,EAAE;MAAER;IAAK,CAAE;IACvBS,QAAQ,EAAE;MAAET;IAAK;EAAE,GACfC,IAAI,GAEPF,QACO,CAAC;AAEf;AAEA,eAAeF,cAAc"}

package/es/extensions/forms/Form/Appearance/AppearanceDocs.d.ts

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

package/es/extensions/forms/Form/Appearance/AppearanceDocs.js

@@ -0,0 +1,8 @@
+export const FormAppearanceProperties = {
+  size: {
+    doc: 'The sizes you can choose is `medium` and `large`.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=AppearanceDocs.js.map

package/es/extensions/forms/Form/Appearance/AppearanceDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceDocs.js","names":["FormAppearanceProperties","size","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Form/Appearance/AppearanceDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const FormAppearanceProperties: PropertiesTableProps = {\n  size: {\n    doc: 'The sizes you can choose is `medium` and `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,wBAA8C,GAAG;EAC5DC,IAAI,EAAE;IACJC,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/Appearance/index.d.ts

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

package/es/extensions/forms/Form/Appearance/index.js

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

package/es/extensions/forms/Form/Appearance/index.js.map

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

package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css

@@ -7,6 +7,12 @@
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
+.dnb-card + .dnb-forms-button-row:not([class*=space__top]) {
+  margin-top: var(--spacing-small);
+}
+.dnb-card + .dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top] {
+  margin-top: 0;
+}
 @media screen and (min-width: 40em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]) {
     margin-left: var(--spacing-medium);

package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css

@@ -1 +1 @@
-.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}
+.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}

package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.scss

@@ -6,8 +6,16 @@
   column-gap: var(--spacing-small);
 
   .dnb-card + & {
-    &:not([class*='space__left']) {
-      @include allAbove(small) {
+    &:not([class*='space__top']) {
+      margin-top: var(--spacing-small);
+
+      .dnb-button[class*='space__top'] {
+        margin-top: 0;
+      }
+    }
+
+    @include allAbove(small) {
+      &:not([class*='space__left']) {
         margin-left: var(--spacing-medium);
       }
     }

package/es/extensions/forms/Form/data-context/useData.d.ts

@@ -1,5 +1,5 @@
 import { SharedStateId } from '../../../../shared/helpers/useSharedState';
-import type { Path } from '../../DataContext/Context';
+import type { Path } from '../../types';
 import type { FilterData } from '../../DataContext/Provider';
 type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
 type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;

package/es/extensions/forms/Form/data-context/useData.js

@@ -1,32 +1,16 @@
 "use client";
 
-import { useCallback, useEffect, useReducer, useRef } from 'react';
+import { useCallback, useReducer, useRef } from 'react';
 import pointer from 'json-pointer';
 import { useSharedState } from '../../../../shared/helpers/useSharedState';
 import { useMountEffect } from '../../hooks';
 export default function useData(id, initialData = undefined) {
   const sharedDataRef = useRef(null);
   const sharedAttachmentsRef = useRef(null);
-  const hasMounted = useRef(false);
   const [, forceUpdate] = useReducer(() => ({}), {});
-  useEffect(() => {
-    hasMounted.current = true;
-    return () => {
-      hasMounted.current = false;
-    };
-  }, []);
-  const rerenderUseDataHook = useCallback(() => {
-    if (hasMounted.current) {
-      if (typeof window !== 'undefined') {
-        window.requestAnimationFrame(forceUpdate);
-      }
-    } else {
-      forceUpdate();
-    }
-  }, []);
   sharedDataRef.current = useSharedState(id, initialData, forceUpdate);
   sharedAttachmentsRef.current = useSharedState(id + '-attachments', {
-    rerenderUseDataHook
+    rerenderUseDataHook: forceUpdate
   });
   const setHandler = useCallback(newData => {
     sharedDataRef.current.update(newData);
@@ -45,7 +29,7 @@ export default function useData(id, initialData = undefined) {
   }, []);
   useMountEffect(() => {
     if (id && !sharedDataRef.current.hadInitialData && initialData) {
-      sharedDataRef.current.update(initialData);
+      sharedDataRef.current.extend(initialData);
     }
   });
   return {

package/es/extensions/forms/Form/data-context/useData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useData.js","names":["useCallback","useEffect","useReducer","useRef","pointer","useSharedState","useMountEffect","useData","id","initialData","undefined","sharedDataRef","sharedAttachmentsRef","hasMounted","forceUpdate","current","rerenderUseDataHook","window","requestAnimationFrame","setHandler","newData","update","updateHandler","path","fn","existingData","data","existingValue","has","get","newValue","set","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","hadInitialData"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../DataContext/Context'\nimport type {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Provider'\nimport { useMountEffect } from '../../hooks'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  fn: (value: PathType<Data, P>) => unknown\n) => void\n\ntype UseDataReturn<Data> = {\n  data: Data\n  update: UseDataReturnUpdate<Data>\n  set: (newData: Data) => void\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const hasMounted = useRef(false)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  useEffect(() => {\n    hasMounted.current = true\n    return () => {\n      hasMounted.current = false\n    }\n  }, [])\n\n  const rerenderUseDataHook = useCallback(() => {\n    if (hasMounted.current) {\n      if (typeof window !== 'undefined') {\n        // Because we need to wait for the updated props of the fields to be in latest state\n        window.requestAnimationFrame(forceUpdate)\n      }\n    } else {\n      forceUpdate()\n    }\n  }, [])\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook }\n  )\n\n  const setHandler = useCallback((newData: Data) => {\n    sharedDataRef.current.update(newData)\n  }, [])\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, fn) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue = fn(existingValue)\n\n      // update existing data\n      pointer.set(existingData, path, newValue)\n\n      // update provider\n      sharedDataRef.current.update(existingData)\n    },\n    []\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter) => {\n      const data = sharedDataRef.current.data\n      return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n        data,\n        filter\n      )\n    },\n    []\n  )\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.update(initialData)\n    }\n  })\n\n  return {\n    data: sharedDataRef.current.data,\n    update: updateHandler,\n    set: setHandler,\n    filterData,\n  }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAClE,OAAOC,OAAO,MAAM,cAAc;AAClC,SAEEC,cAAc,QACT,2CAA2C;AAMlD,SAASC,cAAc,QAAQ,aAAa;AAuC5C,eAAe,SAASC,OAAOA,CAC7BC,EAAiB,EACjBC,WAAiB,GAAGC,SAAS,EACR;EACrB,MAAMC,aAAa,GACjBR,MAAM,CAA0C,IAAI,CAAC;EACvD,MAAMS,oBAAoB,GACxBT,MAAM,CAA4D,IAAI,CAAC;EACzE,MAAMU,UAAU,GAAGV,MAAM,CAAC,KAAK,CAAC;EAChC,MAAM,GAAGW,WAAW,CAAC,GAAGZ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElDD,SAAS,CAAC,MAAM;IACdY,UAAU,CAACE,OAAO,GAAG,IAAI;IACzB,OAAO,MAAM;MACXF,UAAU,CAACE,OAAO,GAAG,KAAK;IAC5B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,mBAAmB,GAAGhB,WAAW,CAAC,MAAM;IAC5C,IAAIa,UAAU,CAACE,OAAO,EAAE;MACtB,IAAI,OAAOE,MAAM,KAAK,WAAW,EAAE;QAEjCA,MAAM,CAACC,qBAAqB,CAACJ,WAAW,CAAC;MAC3C;IACF,CAAC,MAAM;MACLA,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,EAAE,CAAC;EAENH,aAAa,CAACI,OAAO,GAAGV,cAAc,CACpCG,EAAE,EACFC,WAAW,EACXK,WACF,CAAC;EAEDF,oBAAoB,CAACG,OAAO,GAAGV,cAAc,CAC3CG,EAAE,GAAG,cAAc,EACnB;IAAEQ;EAAoB,CACxB,CAAC;EAED,MAAMG,UAAU,GAAGnB,WAAW,CAAEoB,OAAa,IAAK;IAChDT,aAAa,CAACI,OAAO,CAACM,MAAM,CAACD,OAAO,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAGtB,WAAW,CAC/B,CAACuB,IAAI,EAAEC,EAAE,KAAK;IACZ,MAAMC,YAAY,GAAGd,aAAa,CAACI,OAAO,CAACW,IAAI,IAAK,CAAC,CAAU;IAC/D,MAAMC,aAAa,GAAGvB,OAAO,CAACwB,GAAG,CAACH,YAAY,EAAEF,IAAI,CAAC,GACjDnB,OAAO,CAACyB,GAAG,CAACJ,YAAY,EAAEF,IAAI,CAAC,GAC/Bb,SAAS;IAGb,MAAMoB,QAAQ,GAAGN,EAAE,CAACG,aAAa,CAAC;IAGlCvB,OAAO,CAAC2B,GAAG,CAACN,YAAY,EAAEF,IAAI,EAAEO,QAAQ,CAAC;IAGzCnB,aAAa,CAACI,OAAO,CAACM,MAAM,CAACI,YAAY,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,MAAMO,UAAU,GAAGhC,WAAW,CAC3BiC,MAAM,IAAK;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACV,MAAMT,IAAI,GAAGf,aAAa,CAACI,OAAO,CAACW,IAAI;IACvC,QAAAQ,qBAAA,GAAOtB,oBAAoB,CAACG,OAAO,CAACW,IAAI,cAAAQ,qBAAA,wBAAAC,sBAAA,GAAjCD,qBAAA,CAAmCE,iBAAiB,cAAAD,sBAAA,uBAApDA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EACLR,IAAI,EACJO,MACF,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAED3B,cAAc,CAAC,MAAM;IACnB,IAAIE,EAAE,IAAI,CAACG,aAAa,CAACI,OAAO,CAACuB,cAAc,IAAI7B,WAAW,EAAE;MAC9DE,aAAa,CAACI,OAAO,CAACM,MAAM,CAACZ,WAAW,CAAC;IAC3C;EACF,CAAC,CAAC;EAEF,OAAO;IACLiB,IAAI,EAAEf,aAAa,CAACI,OAAO,CAACW,IAAI;IAChCL,MAAM,EAAEC,aAAa;IACrBS,GAAG,EAAEZ,UAAU;IACfa;EACF,CAAC;AACH"}
+{"version":3,"file":"useData.js","names":["useCallback","useReducer","useRef","pointer","useSharedState","useMountEffect","useData","id","initialData","undefined","sharedDataRef","sharedAttachmentsRef","forceUpdate","current","rerenderUseDataHook","setHandler","newData","update","updateHandler","path","fn","existingData","data","existingValue","has","get","newValue","set","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","hadInitialData","extend"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../types'\nimport type {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Provider'\nimport { useMountEffect } from '../../hooks'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  fn: (value: PathType<Data, P>) => unknown\n) => void\n\ntype UseDataReturn<Data> = {\n  data: Data\n  update: UseDataReturnUpdate<Data>\n  set: (newData: Data) => void\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback((newData: Data) => {\n    sharedDataRef.current.update(newData)\n  }, [])\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, fn) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue = fn(existingValue)\n\n      // update existing data\n      pointer.set(existingData, path, newValue)\n\n      // update provider\n      sharedDataRef.current.update(existingData)\n    },\n    []\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter) => {\n      const data = sharedDataRef.current.data\n      return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n        data,\n        filter\n      )\n    },\n    []\n  )\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  return {\n    data: sharedDataRef.current.data,\n    update: updateHandler,\n    set: setHandler,\n    filterData,\n  }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAM,cAAc;AAClC,SAEEC,cAAc,QACT,2CAA2C;AAMlD,SAASC,cAAc,QAAQ,aAAa;AAuC5C,eAAe,SAASC,OAAOA,CAC7BC,EAAiB,EACjBC,WAAiB,GAAGC,SAAS,EACR;EACrB,MAAMC,aAAa,GACjBR,MAAM,CAA0C,IAAI,CAAC;EACvD,MAAMS,oBAAoB,GACxBT,MAAM,CAA4D,IAAI,CAAC;EACzE,MAAM,GAAGU,WAAW,CAAC,GAAGX,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElDS,aAAa,CAACG,OAAO,GAAGT,cAAc,CACpCG,EAAE,EACFC,WAAW,EACXI,WACF,CAAC;EAEDD,oBAAoB,CAACE,OAAO,GAAGT,cAAc,CAC3CG,EAAE,GAAG,cAAc,EACnB;IAAEO,mBAAmB,EAAEF;EAAY,CACrC,CAAC;EAED,MAAMG,UAAU,GAAGf,WAAW,CAAEgB,OAAa,IAAK;IAChDN,aAAa,CAACG,OAAO,CAACI,MAAM,CAACD,OAAO,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAGlB,WAAW,CAC/B,CAACmB,IAAI,EAAEC,EAAE,KAAK;IACZ,MAAMC,YAAY,GAAGX,aAAa,CAACG,OAAO,CAACS,IAAI,IAAK,CAAC,CAAU;IAC/D,MAAMC,aAAa,GAAGpB,OAAO,CAACqB,GAAG,CAACH,YAAY,EAAEF,IAAI,CAAC,GACjDhB,OAAO,CAACsB,GAAG,CAACJ,YAAY,EAAEF,IAAI,CAAC,GAC/BV,SAAS;IAGb,MAAMiB,QAAQ,GAAGN,EAAE,CAACG,aAAa,CAAC;IAGlCpB,OAAO,CAACwB,GAAG,CAACN,YAAY,EAAEF,IAAI,EAAEO,QAAQ,CAAC;IAGzChB,aAAa,CAACG,OAAO,CAACI,MAAM,CAACI,YAAY,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,MAAMO,UAAU,GAAG5B,WAAW,CAC3B6B,MAAM,IAAK;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACV,MAAMT,IAAI,GAAGZ,aAAa,CAACG,OAAO,CAACS,IAAI;IACvC,QAAAQ,qBAAA,GAAOnB,oBAAoB,CAACE,OAAO,CAACS,IAAI,cAAAQ,qBAAA,wBAAAC,sBAAA,GAAjCD,qBAAA,CAAmCE,iBAAiB,cAAAD,sBAAA,uBAApDA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EACLR,IAAI,EACJO,MACF,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAEDxB,cAAc,CAAC,MAAM;IACnB,IAAIE,EAAE,IAAI,CAACG,aAAa,CAACG,OAAO,CAACqB,cAAc,IAAI1B,WAAW,EAAE;MAC9DE,aAAa,CAACG,OAAO,CAACsB,MAAM,CAAC3B,WAAW,CAAC;IAC3C;EACF,CAAC,CAAC;EAEF,OAAO;IACLc,IAAI,EAAEZ,aAAa,CAACG,OAAO,CAACS,IAAI;IAChCL,MAAM,EAAEC,aAAa;IACrBS,GAAG,EAAEZ,UAAU;IACfa;EACF,CAAC;AACH"}

package/es/extensions/forms/Form/data-context/useError.d.ts

@@ -1,5 +1,6 @@
+import type { ContextState } from '../../DataContext/Context';
 type UseDataReturn = {
-    hasErrors: () => boolean;
+    hasErrors: ContextState['hasErrors'];
 };
 export default function useError(id: string): UseDataReturn;
 export {};

package/es/extensions/forms/Form/data-context/useError.js

@@ -3,11 +3,13 @@
 import { useRef } from 'react';
 import { useSharedState } from '../../../../shared/helpers/useSharedState';
 export default function useError(id) {
-  var _sharedAttachmentsRef, _sharedAttachmentsRef2;
   const sharedAttachmentsRef = useRef(null);
   sharedAttachmentsRef.current = useSharedState(id + '-attachments');
+  const {
+    data
+  } = sharedAttachmentsRef.current;
   return {
-    hasErrors: ((_sharedAttachmentsRef = sharedAttachmentsRef.current) === null || _sharedAttachmentsRef === void 0 ? void 0 : (_sharedAttachmentsRef2 = _sharedAttachmentsRef.data) === null || _sharedAttachmentsRef2 === void 0 ? void 0 : _sharedAttachmentsRef2.hasErrors) || (() => false)
+    hasErrors: (data === null || data === void 0 ? void 0 : data.hasErrors) || (() => false)
   };
 }
 //# sourceMappingURL=useError.js.map

package/es/extensions/forms/Form/data-context/useError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useError.js","names":["useRef","useSharedState","useError","id","_sharedAttachmentsRef","_sharedAttachmentsRef2","sharedAttachmentsRef","current","hasErrors","data"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\ntype UseDataReturn = {\n  hasErrors: () => boolean\n}\n\nexport default function useError(id: string): UseDataReturn {\n  const sharedAttachmentsRef = useRef(null)\n\n  sharedAttachmentsRef.current = useSharedState<{\n    hasErrors?: UseDataReturn['hasErrors']\n  }>(id + '-attachments')\n\n  return {\n    hasErrors:\n      sharedAttachmentsRef.current?.data?.hasErrors || (() => false),\n  }\n}\n"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,cAAc,QAAQ,2CAA2C;AAM1E,eAAe,SAASC,QAAQA,CAACC,EAAU,EAAiB;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EAC1D,MAAMC,oBAAoB,GAAGN,MAAM,CAAC,IAAI,CAAC;EAEzCM,oBAAoB,CAACC,OAAO,GAAGN,cAAc,CAE1CE,EAAE,GAAG,cAAc,CAAC;EAEvB,OAAO;IACLK,SAAS,EACP,EAAAJ,qBAAA,GAAAE,oBAAoB,CAACC,OAAO,cAAAH,qBAAA,wBAAAC,sBAAA,GAA5BD,qBAAA,CAA8BK,IAAI,cAAAJ,sBAAA,uBAAlCA,sBAAA,CAAoCG,SAAS,MAAK,MAAM,KAAK;EACjE,CAAC;AACH"}
+{"version":3,"file":"useError.js","names":["useRef","useSharedState","useError","id","sharedAttachmentsRef","current","data","hasErrors"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport type { ContextState } from '../../DataContext/Context'\n\ntype UseDataReturn = {\n  hasErrors: ContextState['hasErrors']\n}\n\nexport default function useError(id: string): UseDataReturn {\n  const sharedAttachmentsRef = useRef(null)\n  sharedAttachmentsRef.current = useSharedState<UseDataReturn>(\n    id + '-attachments'\n  )\n\n  const { data } = sharedAttachmentsRef.current\n\n  return {\n    hasErrors: data?.hasErrors || (() => false),\n  }\n}\n"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,cAAc,QAAQ,2CAA2C;AAO1E,eAAe,SAASC,QAAQA,CAACC,EAAU,EAAiB;EAC1D,MAAMC,oBAAoB,GAAGJ,MAAM,CAAC,IAAI,CAAC;EACzCI,oBAAoB,CAACC,OAAO,GAAGJ,cAAc,CAC3CE,EAAE,GAAG,cACP,CAAC;EAED,MAAM;IAAEG;EAAK,CAAC,GAAGF,oBAAoB,CAACC,OAAO;EAE7C,OAAO;IACLE,SAAS,EAAE,CAAAD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,SAAS,MAAK,MAAM,KAAK;EAC5C,CAAC;AACH"}

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

@@ -1,5 +1,6 @@
 export { default as Handler } from './Handler';
 export { default as Element } from './Element';
+export { default as Appearance } from './Appearance';
 export { default as SubmitButton } from './SubmitButton';
 export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';

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

@@ -1,5 +1,6 @@
 export { default as Handler } from './Handler';
 export { default as Element } from './Element';
+export { default as Appearance } from './Appearance';
 export { default as SubmitButton } from './SubmitButton';
 export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Handler","Element","SubmitButton","ButtonRow","MainHeading","SubHeading","Visibility","useData","setData","getData","useError"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,gBAAgB;AACxD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAClD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc;AACpD,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,OAAO,QAAQ,wBAAwB;AAC3D,SAASR,OAAO,IAAIS,OAAO,QAAQ,wBAAwB;AAC3D,SAAST,OAAO,IAAIU,OAAO,QAAQ,wBAAwB;AAC3D,SAASV,OAAO,IAAIW,QAAQ,QAAQ,yBAAyB"}
+{"version":3,"file":"index.js","names":["default","Handler","Element","Appearance","SubmitButton","ButtonRow","MainHeading","SubHeading","Visibility","useData","setData","getData","useError"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,YAAY,QAAQ,gBAAgB;AACxD,SAASJ,OAAO,IAAIK,SAAS,QAAQ,aAAa;AAClD,SAASL,OAAO,IAAIM,WAAW,QAAQ,eAAe;AACtD,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,UAAU,QAAQ,cAAc;AACpD,SAASR,OAAO,IAAIS,OAAO,QAAQ,wBAAwB;AAC3D,SAAST,OAAO,IAAIU,OAAO,QAAQ,wBAAwB;AAC3D,SAASV,OAAO,IAAIW,OAAO,QAAQ,wBAAwB;AAC3D,SAASX,OAAO,IAAIY,QAAQ,QAAQ,yBAAyB"}

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

@@ -2,12 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
+import { CURRENCY } from '../../../../shared/defaults';
 import NumberValue from '../Number';
 function Currency(props) {
   var _props$currency;
   const numberProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label,
-    currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : true
+    currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : CURRENCY
   });
   return React.createElement(NumberValue, numberProps);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","names":["React","NumberValue","Currency","props","_props$currency","numberProps","_objectSpread","label","currency","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport NumberValue, { Props as NumberValueProps } from '../Number'\n\nexport type Props = NumberValueProps\n\nfunction Currency(props: Props) {\n  const numberProps: Props = {\n    ...props,\n    label: props.label,\n    currency: props.currency ?? true,\n  }\n\n  return <NumberValue {...numberProps} />\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAIlE,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA;EAC9B,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,QAAQ,GAAAJ,eAAA,GAAED,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAI;EAAI,EACjC;EAED,OAAOJ,KAAA,CAAAS,aAAA,CAACR,WAAW,EAAKI,WAAc,CAAC;AACzC;AAEAH,QAAQ,CAACQ,qBAAqB,GAAG,IAAI;AACrC,eAAeR,QAAQ"}
+{"version":3,"file":"Currency.js","names":["React","CURRENCY","NumberValue","Currency","props","_props$currency","numberProps","_objectSpread","currency","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport { CURRENCY } from '../../../../shared/defaults'\nimport NumberValue, { Props as NumberValueProps } from '../Number'\n\nexport type Props = NumberValueProps\n\nfunction Currency(props: Props) {\n  const numberProps: Props = {\n    ...props,\n    currency: props.currency ?? CURRENCY,\n  }\n\n  return <NumberValue {...numberProps} />\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAIlE,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA;EAC9B,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,QAAQ,GAAAH,eAAA,GAAED,KAAK,CAACI,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAIJ;EAAQ,EACrC;EAED,OAAOD,KAAA,CAAAS,aAAA,CAACP,WAAW,EAAKI,WAAc,CAAC;AACzC;AAEAH,QAAQ,CAACO,qBAAqB,GAAG,IAAI;AACrC,eAAeP,QAAQ"}

package/es/extensions/forms/Value/Number/Number.d.ts

@@ -1,7 +1,7 @@
 import { ValueProps } from '../../types';
 import { NumberFormatProps } from '../../../../components/NumberFormat';
-import { ToCamelCase } from '../../../../shared/helpers/withCamelCaseProps';
-export type Props = ValueProps<number> & ToCamelCase<NumberFormatProps>;
+import { IncludeCamelCase } from '../../../../shared/helpers/withCamelCaseProps';
+export type Props = ValueProps<number> & IncludeCamelCase<NumberFormatProps>;
 declare function NumberValue(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace NumberValue {
     var _supportsSpacingProps: boolean;

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

@@ -18,7 +18,7 @@ function NumberValue(props) {
       showEmpty
     } = _useDataValue,
     rest = _objectWithoutProperties(_useDataValue, _excluded);
-  const numberFormatProps = convertCamelCaseProps(omitSpacingProps(omitDataValueProps(rest)));
+  const numberFormatProps = convertCamelCaseProps(omitDataValueProps(omitSpacingProps(rest)));
   return React.createElement(ValueBlock, _extends({
     className: classnames('dnb-forms-value-number', className),
     label: label,

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","classnames","ValueBlock","useDataValue","omitDataValueProps","omitSpacingProps","pickSpacingProps","NumberFormat","convertCamelCaseProps","NumberValue","props","_useDataValue","className","label","placeholder","inline","showEmpty","rest","_objectWithoutProperties","_excluded","numberFormatProps","createElement","_extends","value","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useDataValue, { omitDataValueProps } from '../../hooks/useDataValue'\nimport { ValueProps } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  ToCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = ValueProps<number> & ToCamelCase<NumberFormatProps>\n\nfunction NumberValue(props: Props) {\n  const { className, label, placeholder, inline, showEmpty, ...rest } =\n    useDataValue(props)\n\n  const numberFormatProps = convertCamelCaseProps(\n    omitSpacingProps(omitDataValueProps(rest)) as NumberFormatProps\n  )\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(rest)}\n    >\n      {rest.value && <NumberFormat {...numberFormatProps} />}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,0BAA0B;AAE3E,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAC1C,OAAOC,YAAY,MAEZ,qCAAqC;AAC5C,SAEEC,qBAAqB,QAChB,+CAA+C;AAItD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAAC,aAAA,GACER,YAAY,CAACO,KAAK,CAAC;IADf;MAAEE,SAAS;MAAEC,KAAK;MAAEC,WAAW;MAAEC,MAAM;MAAEC;IAAmB,CAAC,GAAAL,aAAA;IAANM,IAAI,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;EAGjE,MAAMC,iBAAiB,GAAGZ,qBAAqB,CAC7CH,gBAAgB,CAACD,kBAAkB,CAACa,IAAI,CAAC,CAC3C,CAAC;EAED,OACEjB,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTV,SAAS,EAAEX,UAAU,CAAC,wBAAwB,EAAEW,SAAS,CAAE;IAC3DC,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBC,MAAM,EAAEA;EAAO,GACXT,gBAAgB,CAACW,IAAI,CAAC,GAEzBA,IAAI,CAACM,KAAK,IAAIvB,KAAA,CAAAqB,aAAA,CAACd,YAAY,EAAKa,iBAAoB,CAC3C,CAAC;AAEjB;AAEAX,WAAW,CAACe,qBAAqB,GAAG,IAAI;AACxC,eAAef,WAAW"}
+{"version":3,"file":"Number.js","names":["React","classnames","ValueBlock","useDataValue","omitDataValueProps","omitSpacingProps","pickSpacingProps","NumberFormat","convertCamelCaseProps","NumberValue","props","_useDataValue","className","label","placeholder","inline","showEmpty","rest","_objectWithoutProperties","_excluded","numberFormatProps","createElement","_extends","value","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useDataValue, { omitDataValueProps } from '../../hooks/useDataValue'\nimport { ValueProps } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  IncludeCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = ValueProps<number> &\n  IncludeCamelCase<NumberFormatProps>\n\nfunction NumberValue(props: Props) {\n  const { className, label, placeholder, inline, showEmpty, ...rest } =\n    useDataValue(props)\n\n  const numberFormatProps = convertCamelCaseProps(\n    omitDataValueProps(omitSpacingProps(rest))\n  )\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(rest)}\n    >\n      {rest.value && <NumberFormat {...numberFormatProps} />}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,0BAA0B;AAE3E,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAC1C,OAAOC,YAAY,MAEZ,qCAAqC;AAC5C,SAEEC,qBAAqB,QAChB,+CAA+C;AAKtD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAAC,aAAA,GACER,YAAY,CAACO,KAAK,CAAC;IADf;MAAEE,SAAS;MAAEC,KAAK;MAAEC,WAAW;MAAEC,MAAM;MAAEC;IAAmB,CAAC,GAAAL,aAAA;IAANM,IAAI,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;EAGjE,MAAMC,iBAAiB,GAAGZ,qBAAqB,CAC7CJ,kBAAkB,CAACC,gBAAgB,CAACY,IAAI,CAAC,CAC3C,CAAC;EAED,OACEjB,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTV,SAAS,EAAEX,UAAU,CAAC,wBAAwB,EAAEW,SAAS,CAAE;IAC3DC,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBC,MAAM,EAAEA;EAAO,GACXT,gBAAgB,CAACW,IAAI,CAAC,GAEzBA,IAAI,CAACM,KAAK,IAAIvB,KAAA,CAAAqB,aAAA,CAACd,YAAY,EAAKa,iBAAoB,CAC3C,CAAC;AAEjB;AAEAX,WAAW,CAACe,qBAAqB,GAAG,IAAI;AACxC,eAAef,WAAW"}

package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts

@@ -0,0 +1,7 @@
+import { DlAllProps } from '../../../../elements/Dl';
+export type Props = DlAllProps;
+declare function SummaryList(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace SummaryList {
+    var _supportsSpacingProps: boolean;
+}
+export default SummaryList;

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

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "children", "layout"];
+import React from 'react';
+import classnames from 'classnames';
+import SummaryListContext from './SummaryListContext';
+import Dl from '../../../../elements/Dl';
+function SummaryList(props) {
+  const {
+      className,
+      children,
+      layout
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return React.createElement(SummaryListContext.Provider, {
+    value: {
+      layout
+    }
+  }, React.createElement(Dl, _extends({
+    className: classnames('dnb-form-summary-list', className),
+    layout: layout
+  }, rest), children));
+}
+SummaryList._supportsSpacingProps = true;
+export default SummaryList;
+//# sourceMappingURL=SummaryList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryList.js","names":["React","classnames","SummaryListContext","Dl","SummaryList","props","className","children","layout","rest","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\n\nexport type Props = DlAllProps\n\nfunction SummaryList(props: Props) {\n  const { className, children, layout, ...rest } = props\n  return (\n    <SummaryListContext.Provider value={{ layout }}>\n      <Dl\n        className={classnames('dnb-form-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        {children}\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AAIxD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAgB,CAAC,GAAGH,KAAK;IAAdI,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACtD,OACEX,KAAA,CAAAY,aAAA,CAACV,kBAAkB,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAEN;IAAO;EAAE,GAC7CR,KAAA,CAAAY,aAAA,CAACT,EAAE,EAAAY,QAAA;IACDT,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;IAC1DE,MAAM,EAAEA;EAAO,GACXC,IAAI,GAEPF,QACC,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACY,qBAAqB,GAAG,IAAI;AAExC,eAAeZ,WAAW"}

package/es/extensions/forms/Value/SummaryList/SummaryListContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DlProps } from '../../../../elements/Dl';
+export type SummaryListContextProps = {
+    layout?: DlProps['layout'];
+};
+declare const SummaryListContext: React.Context<SummaryListContextProps>;
+export default SummaryListContext;

package/es/extensions/forms/Value/SummaryList/SummaryListContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const SummaryListContext = React.createContext(undefined);
+export default SummaryListContext;
+//# sourceMappingURL=SummaryListContext.js.map

package/es/extensions/forms/Value/SummaryList/SummaryListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryListContext.js","names":["React","SummaryListContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListContext.tsx"],"sourcesContent":["import React from 'react'\nimport { DlProps } from '../../../../elements/Dl'\n\nexport type SummaryListContextProps = {\n  layout?: DlProps['layout']\n}\n\nconst SummaryListContext = React.createContext<\n  SummaryListContextProps | undefined\n>(undefined)\n\nexport default SummaryListContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAOzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAE5CC,SAAS,CAAC;AAEZ,eAAeF,kBAAkB"}

package/es/extensions/forms/Value/SummaryList/index.d.ts

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

package/es/extensions/forms/Value/SummaryList/index.js

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

package/es/extensions/forms/Value/SummaryList/index.js.map

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

package/es/extensions/forms/Value/ValueDocs.d.ts

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

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

@@ -0,0 +1,33 @@
+export const valueProperties = {
+  label: {
+    doc: 'Field label to show above the data value.',
+    type: 'string',
+    status: 'optional'
+  },
+  showEmpty: {
+    doc: 'Text showing in place of the value if no value is given.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  placeholder: {
+    doc: 'Text showing in place of the value if no value is given.',
+    type: 'string',
+    status: 'optional'
+  },
+  value: {
+    doc: 'Source data value for the input.',
+    type: '{props.type}',
+    status: 'optional'
+  },
+  path: {
+    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',
+    type: 'string',
+    status: 'optional'
+  },
+  inline: {
+    doc: 'For showing the value inline (not as a block element).',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ValueDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValueDocs.js","names":["valueProperties","label","doc","type","status","showEmpty","placeholder","value","path","inline"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const valueProperties: PropertiesTableProps = {\n  label: {\n    doc: 'Field label to show above the data value.',\n    type: 'string',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  value: {\n    doc: 'Source data value for the input.',\n    type: '{props.type}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,cAAc;IACpBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,MAAM,EAAE;IACNP,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}

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

@@ -7,3 +7,4 @@ export { default as Email } from './Email';
 export { default as NationalIdentityNumber } from './NationalIdentityNumber';
 export { default as PhoneNumber } from './PhoneNumber';
 export { default as BankAccountNumber } from './BankAccountNumber';
+export { default as SummaryList } from './SummaryList';

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

@@ -7,4 +7,5 @@ export { default as Email } from './Email';
 export { default as NationalIdentityNumber } from './NationalIdentityNumber';
 export { default as PhoneNumber } from './PhoneNumber';
 export { default as BankAccountNumber } from './BankAccountNumber';
+export { default as SummaryList } from './SummaryList';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","String","Number","Boolean","Currency","Date","Email","NationalIdentityNumber","PhoneNumber","BankAccountNumber"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,MAAM,QAAQ,UAAU;AAC5C,SAASF,OAAO,IAAIG,OAAO,QAAQ,WAAW;AAC9C,SAASH,OAAO,IAAII,QAAQ,QAAQ,YAAY;AAChD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,QAAQ;AACxC,SAASL,OAAO,IAAIM,KAAK,QAAQ,SAAS;AAC1C,SAASN,OAAO,IAAIO,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASP,OAAO,IAAIQ,WAAW,QAAQ,eAAe;AACtD,SAASR,OAAO,IAAIS,iBAAiB,QAAQ,qBAAqB"}
+{"version":3,"file":"index.js","names":["default","String","Number","Boolean","Currency","Date","Email","NationalIdentityNumber","PhoneNumber","BankAccountNumber","SummaryList"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["export { default as String } from './String'\nexport { default as Number } from './Number'\nexport { default as Boolean } from './Boolean'\nexport { default as Currency } from './Currency'\nexport { default as Date } from './Date'\nexport { default as Email } from './Email'\nexport { default as NationalIdentityNumber } from './NationalIdentityNumber'\nexport { default as PhoneNumber } from './PhoneNumber'\nexport { default as BankAccountNumber } from './BankAccountNumber'\nexport { default as SummaryList } from './SummaryList'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,MAAM,QAAQ,UAAU;AAC5C,SAASF,OAAO,IAAIG,OAAO,QAAQ,WAAW;AAC9C,SAASH,OAAO,IAAII,QAAQ,QAAQ,YAAY;AAChD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,QAAQ;AACxC,SAASL,OAAO,IAAIM,KAAK,QAAQ,SAAS;AAC1C,SAASN,OAAO,IAAIO,sBAAsB,QAAQ,0BAA0B;AAC5E,SAASP,OAAO,IAAIQ,WAAW,QAAQ,eAAe;AACtD,SAASR,OAAO,IAAIS,iBAAiB,QAAQ,qBAAqB;AAClE,SAAST,OAAO,IAAIU,WAAW,QAAQ,eAAe"}

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

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import { Span } from '../../../elements';
-import { FormLabel } from '../../../components';
+import React, { Fragment } from 'react';
 import classnames from 'classnames';
+import { Dd, Dl, Dt, Span } from '../../../elements';
+import { FormLabel } from '../../../components';
+import SummaryListContext from '../Value/SummaryList/SummaryListContext';
 import { pickSpacingProps } from '../../../components/flex/utils';
 function ValueBlock(props) {
+  const summaryListContext = React.useContext(SummaryListContext);
   const {
     className,
     label,
@@ -16,11 +18,17 @@ function ValueBlock(props) {
   if ((children === undefined || children === null || children === false) && !showEmpty && !placeholder) {
     return null;
   }
+  if (summaryListContext && label) {
+    const Element = summaryListContext.layout === 'horizontal' ? Dl.Item : Fragment;
+    return React.createElement(Element, null, React.createElement(Dt, null, label), React.createElement(Dd, null, children !== null && children !== void 0 ? children : React.createElement("span", {
+      className: "dnb-forms-value-block__placeholder"
+    }, placeholder)));
+  }
   return React.createElement(Span, _extends({
     className: classnames('dnb-forms-value', className, inline && 'dnb-forms-value-block--inline')
   }, pickSpacingProps(props)), label && React.createElement(FormLabel, {
     className: "dnb-forms-value-block__label",
-    label_direction: inline ? 'horizontal' : 'vertical'
+    labelDirection: inline ? 'horizontal' : 'vertical'
   }, label), children !== null && children !== void 0 ? children : React.createElement("span", {
     className: "dnb-forms-value-block__placeholder"
   }, placeholder));

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

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Span","FormLabel","classnames","pickSpacingProps","ValueBlock","props","className","label","inline","placeholder","showEmpty","children","undefined","createElement","_extends","label_direction","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport classnames from 'classnames'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\n\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n}\n\nfunction ValueBlock(props: Props) {\n  const { className, label, inline, placeholder, showEmpty, children } =\n    props\n  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  return (\n    <Span\n      className={classnames(\n        'dnb-forms-value',\n        inline && 'dnb-forms-value-block--inline',\n        className\n      )}\n      {...pickSpacingProps(props)}\n    >\n      {label && (\n        <FormLabel\n          className=\"dnb-forms-value-block__label\"\n          label_direction={inline ? 'horizontal' : 'vertical'}\n        >\n          {label}\n        </FormLabel>\n      )}\n      {children ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )}\n    </Span>\n  )\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,gCAAgC;AAMjE,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAClEN,KAAK;EACP,IACE,CAACM,QAAQ,KAAKC,SAAS,IAAID,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KAClE,CAACD,SAAS,IACV,CAACD,WAAW,EACZ;IACA,OAAO,IAAI;EACb;EAEA,OACEV,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHR,SAAS,EAAEJ,UAAU,CACnB,iBAAiB,EAEjBI,SAAS,EADTE,MAAM,IAAI,+BAEZ;EAAE,GACEL,gBAAgB,CAACE,KAAK,CAAC,GAE1BE,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACZ,SAAS;IACRK,SAAS,EAAC,8BAA8B;IACxCS,eAAe,EAAEP,MAAM,GAAG,YAAY,GAAG;EAAW,GAEnDD,KACQ,CACZ,EACAI,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GACPZ,KAAA,CAAAc,aAAA;IAAMP,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAL,UAAU,CAACY,qBAAqB,GAAG,IAAI;AACvC,eAAeZ,UAAU"}
+{"version":3,"file":"ValueBlock.js","names":["React","Fragment","classnames","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","pickSpacingProps","ValueBlock","props","summaryListContext","useContext","className","label","inline","placeholder","showEmpty","children","undefined","Element","layout","Item","createElement","_extends","labelDirection","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport classnames from 'classnames'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\n\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = React.useContext(SummaryListContext)\n  const { className, label, inline, placeholder, showEmpty, children } =\n    props\n\n  if (\n    (children === undefined || children === null || children === false) &&\n    !showEmpty &&\n    !placeholder\n  ) {\n    return null\n  }\n\n  if (summaryListContext && label) {\n    const Element =\n      summaryListContext.layout === 'horizontal' ? Dl.Item : Fragment\n    return (\n      <Element>\n        <Dt>{label}</Dt>\n        <Dd>\n          {children ?? (\n            <span className=\"dnb-forms-value-block__placeholder\">\n              {placeholder}\n            </span>\n          )}\n        </Dd>\n      </Element>\n    )\n  }\n\n  return (\n    <Span\n      className={classnames(\n        'dnb-forms-value',\n        inline && 'dnb-forms-value-block--inline',\n        className\n      )}\n      {...pickSpacingProps(props)}\n    >\n      {label && (\n        <FormLabel\n          className=\"dnb-forms-value-block__label\"\n          labelDirection={inline ? 'horizontal' : 'vertical'}\n        >\n          {label}\n        </FormLabel>\n      )}\n      {children ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )}\n    </Span>\n  )\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,IAAI,QAAQ,mBAAmB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,OAAOC,kBAAkB,MAAM,yCAAyC;AAExE,SAASC,gBAAgB,QAAQ,gCAAgC;AAMjE,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,kBAAkB,GAAGZ,KAAK,CAACa,UAAU,CAACL,kBAAkB,CAAC;EAC/D,MAAM;IAAEM,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAClER,KAAK;EAEP,IACE,CAACQ,QAAQ,KAAKC,SAAS,IAAID,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KAClE,CAACD,SAAS,IACV,CAACD,WAAW,EACZ;IACA,OAAO,IAAI;EACb;EAEA,IAAIL,kBAAkB,IAAIG,KAAK,EAAE;IAC/B,MAAMM,OAAO,GACXT,kBAAkB,CAACU,MAAM,KAAK,YAAY,GAAGlB,EAAE,CAACmB,IAAI,GAAGtB,QAAQ;IACjE,OACED,KAAA,CAAAwB,aAAA,CAACH,OAAO,QACNrB,KAAA,CAAAwB,aAAA,CAACnB,EAAE,QAAEU,KAAU,CAAC,EAChBf,KAAA,CAAAwB,aAAA,CAACrB,EAAE,QACAgB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GACPnB,KAAA,CAAAwB,aAAA;MAAMV,SAAS,EAAC;IAAoC,GACjDG,WACG,CAEN,CACG,CAAC;EAEd;EAEA,OACEjB,KAAA,CAAAwB,aAAA,CAAClB,IAAI,EAAAmB,QAAA;IACHX,SAAS,EAAEZ,UAAU,CACnB,iBAAiB,EAEjBY,SAAS,EADTE,MAAM,IAAI,+BAEZ;EAAE,GACEP,gBAAgB,CAACE,KAAK,CAAC,GAE1BI,KAAK,IACJf,KAAA,CAAAwB,aAAA,CAACjB,SAAS;IACRO,SAAS,EAAC,8BAA8B;IACxCY,cAAc,EAAEV,MAAM,GAAG,YAAY,GAAG;EAAW,GAElDD,KACQ,CACZ,EACAI,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GACPnB,KAAA,CAAAwB,aAAA;IAAMV,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAP,UAAU,CAACiB,qBAAqB,GAAG,IAAI;AACvC,eAAejB,UAAU"}

package/es/extensions/forms/hooks/DataValueDocs.d.ts

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