@dnb/eufemia 10.20.0 → 10.21.0

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

@@ -83,6 +83,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 +109,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/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/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/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/extensions/forms/Form/Appearance/AppearanceDocs.d.ts

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

package/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/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/extensions/forms/Form/Appearance/index.d.ts

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

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

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

package/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/extensions/forms/Form/data-context/useData.js

@@ -46,7 +46,7 @@ export default function useData(id) {
   }, []);
   useMountEffect(() => {
     if (id && !sharedDataRef.current.hadInitialData && initialData) {
-      sharedDataRef.current.update(initialData);
+      sharedDataRef.current.extend(initialData);
     }
   });
   return {

package/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","arguments","length","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":"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"}
+{"version":3,"file":"useData.js","names":["useCallback","useEffect","useReducer","useRef","pointer","useSharedState","useMountEffect","useData","id","initialData","arguments","length","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","extend"],"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.extend(initialData)\n    }\n  })\n\n  return {\n    data: sharedDataRef.current.data,\n    update: updateHandler,\n    set: setHandler,\n    filterData,\n  }\n}\n"],"mappings":"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"}

package/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/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/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/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/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/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/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/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/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/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/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/extensions/forms/Value/SummaryList/index.d.ts

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

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

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

package/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/extensions/forms/Value/ValueDocs.d.ts

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

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

package/extensions/forms/hooks/DataValueDocs.js

@@ -0,0 +1,110 @@
+export const dataValueProperties = {
+  value: {
+    doc: 'Source data value for the input.',
+    type: '{valueType}',
+    status: 'optional'
+  },
+  path: {
+    doc: 'JSON Pointer for where the data for this input is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',
+    type: 'string',
+    status: 'optional'
+  },
+  id: {
+    doc: 'Unique id for connecting Form.Handler and helper tools such as Form.useData.',
+    type: 'string',
+    status: 'optional'
+  },
+  info: {
+    doc: 'Info message shown below / after the input.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  warning: {
+    doc: 'Warning message shown below / after the input.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  error: {
+    doc: 'Error message shown below / after the input.',
+    type: 'Error',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'Set `true` to show the field but without the possibility of changing the value.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  emptyValue: {
+    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',
+    type: 'any',
+    status: 'optional'
+  },
+  required: {
+    doc: 'When set `true`, the input will give an error if the value cannot be empty.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  schema: {
+    doc: 'Custom JSON Schema for validating the value.',
+    type: 'object',
+    status: 'optional'
+  },
+  validateInitially: {
+    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  validateUnchanged: {
+    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  continuousValidation: {
+    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  errorMessages: {
+    doc: 'Custom error messages for each type of error, overriding default messages.',
+    type: 'object',
+    status: 'optional'
+  },
+  validator: {
+    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',
+    type: 'function',
+    status: 'optional'
+  },
+  onBlurValidator: {
+    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',
+    type: 'function',
+    status: 'optional'
+  },
+  toInput: {
+    doc: 'Derivate called when the received / active value is sent to the input. Can be used for casting, changing syntax etc.',
+    type: 'function',
+    status: 'optional'
+  },
+  fromInput: {
+    doc: 'Derivate called when changes is made by the user, to cast or change syntax back to the original (opposite of `toInput`).',
+    type: 'function',
+    status: 'optional'
+  }
+};
+export const dataValueEvents = {
+  onChange: {
+    doc: ' Will be called on value changes made by the user, with the new value as argument.',
+    type: 'function',
+    status: 'optional'
+  },
+  onFocus: {
+    doc: ' Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',
+    type: 'function',
+    status: 'optional'
+  },
+  onBlur: {
+    doc: ' Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=DataValueDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","path","id","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","toInput","fromInput","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the input.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  id: {\n    doc: 'Unique id for connecting Form.Handler and helper tools such as Form.useData.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the input.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the input.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the input.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: 'any',\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the input will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  toInput: {\n    doc: 'Derivate called when the received / active value is sent to the input. Can be used for casting, changing syntax etc.',\n    type: 'function',\n    status: 'optional',\n  },\n  fromInput: {\n    doc: 'Derivate called when changes is made by the user, to cast or change syntax back to the original (opposite of `toInput`).',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: ' Will be called on value changes made by the user, with the new value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: ' Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: ' Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oPAAoP;IACzPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,EAAE,EAAE;IACFJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,KAAK;IACXC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,qQAAqQ;IAC1QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,OAAO,EAAE;IACPlB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,SAAS,EAAE;IACTnB,GAAG,EAAE,0HAA0H;IAC/HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,oFAAoF;IACzFC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDoB,OAAO,EAAE;IACPtB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,qJAAqJ;IAC1JC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

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

@@ -1,20 +1,20 @@
-import { FormError, FieldProps } from '../types';
+import { AriaAttributes } from 'react';
+import { FieldProps } from '../types';
 import { ContextState } from '../DataContext';
 export default function useDataValue<Value = unknown, Props extends FieldProps<Value> = FieldProps<Value>>(props: Props): Props & ReturnAdditional<Value>;
 interface ReturnAdditional<Value> {
     id: string;
     name: string;
     value: Value;
-    error: Error | FormError | undefined;
+    error: FieldProps<unknown>['error'];
+    warning: FieldProps<unknown>['warning'];
+    info: FieldProps<unknown>['info'];
     autoComplete: HTMLInputElement['autocomplete'];
     disabled: boolean;
     hasError: boolean;
     isChanged: boolean;
     dataContext: ContextState;
-    ariaAttributes: {
-        'aria-invalid'?: 'true' | 'false';
-        'aria-required'?: 'true' | 'false';
-    };
+    ariaAttributes: AriaAttributes;
     setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void;
     handleFocus: () => void;
     handleBlur: () => void;