@dnb/eufemia 10.8.0 → 10.9.0

package/extensions/forms/StepsLayout/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","classnames","forwardSpaceProps","FlexContainer","StepsContext","Step","props","className","index","direction","spacing","children","stepsContext","activeIndex","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps & {\n  index?: number\n  title?: string\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Step(props: Props) {\n  const {\n    className,\n    index,\n    direction = 'column',\n    spacing = 'medium',\n    children,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  if (stepsContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-step', className)}\n      direction={direction}\n      spacing={spacing}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nStep._supportsEufemiaSpacingProps = true\nexport default Step\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,yBAAyB;AAChC,OAAOC,YAAY,MAAM,gBAAgB;AAUzC,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,SAAS,GAAG,QAAQ;IACpBC,OAAO,GAAG,QAAQ;IAClBC;EACF,CAAC,GAAGL,KAAK;EACT,MAAMM,YAAY,GAAGZ,UAAU,CAACI,YAAY,CAAC;EAE7C,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,WAAW,MAAKL,KAAK,EAAE;IAEvC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAe,aAAA,CAACX,aAAa,EAAAY,QAAA;IACZR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,GACbR,iBAAiB,CAACI,KAAK,CAAC,GAE3BK,QACY,CAAC;AAEpB;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AACxC,eAAeX,IAAI"}
+{"version":3,"file":"Step.js","names":["React","useContext","classnames","pickSpacingProps","FlexContainer","StepsContext","Step","props","className","index","direction","spacing","children","stepsContext","activeIndex","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps & {\n  index?: number\n  title?: string\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Step(props: Props) {\n  const {\n    className,\n    index,\n    direction = 'column',\n    spacing = 'medium',\n    children,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  if (stepsContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-step', className)}\n      direction={direction}\n      spacing={spacing}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nStep._supportsEufemiaSpacingProps = true\nexport default Step\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAyBC,gBAAgB,QAAQ,UAAU;AAC3D,OAAOC,aAAa,MAEb,yBAAyB;AAChC,OAAOC,YAAY,MAAM,gBAAgB;AAUzC,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,SAAS,GAAG,QAAQ;IACpBC,OAAO,GAAG,QAAQ;IAClBC;EACF,CAAC,GAAGL,KAAK;EACT,MAAMM,YAAY,GAAGZ,UAAU,CAACI,YAAY,CAAC;EAE7C,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,WAAW,MAAKL,KAAK,EAAE;IAEvC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAe,aAAA,CAACX,aAAa,EAAAY,QAAA;IACZR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,GACbR,gBAAgB,CAACI,KAAK,CAAC,GAE1BK,QACY,CAAC;AAEpB;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AACxC,eAAeX,IAAI"}

package/extensions/forms/StepsLayout/StepsLayout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     id?: string;
     mode?: 'static' | 'strict' | 'loose';

package/extensions/forms/StepsLayout/StepsLayout.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Div } from '../../../elements';
 import { StepIndicator } from '../../../components';
 import { makeUniqueId } from '../../../shared/component-helper';
-import { forwardSpaceProps } from '../utils';
+import { pickSpacingProps } from '../types';
 import DataContext from '../DataContext/Context';
 import Step from './Step';
 import StepsContext from './StepsContext';
@@ -73,7 +73,7 @@ function StepsLayout(props) {
     }
   }, React.createElement(Div, _extends({
     className: classnames('dnb-forms-steps-layout', className)
-  }, forwardSpaceProps(props)), React.createElement("aside", {
+  }, pickSpacingProps(props)), React.createElement("aside", {
     className: "dnb-forms-steps-layout__sidebar"
   }, React.createElement(StepIndicator.Sidebar, {
     sidebar_id: id

package/extensions/forms/StepsLayout/StepsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Div","StepIndicator","makeUniqueId","forwardSpaceProps","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","isValidElement","type","Error","title","handleChange","_ref","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport DataContext from '../DataContext/Context'\nimport Step, { Props as StepProps } from './Step'\nimport StepsContext from './StepsContext'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport Buttons from './Buttons'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: number\n  onStepChange?: (index: number) => void\n  children: React.ReactNode\n}\n\nfunction StepsLayout(props: Props) {\n  const {\n    className,\n    id = makeUniqueId(),\n    mode = 'loose',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n  } = props\n  const dataContext = useContext(DataContext)\n  const [activeIndex, setActiveIndex] =\n    useState<number>(initialActiveIndex)\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex((activeIndex) => {\n      onStepChange?.(activeIndex - 1)\n      return activeIndex - 1\n    })\n    if (scrollTopOnStepChange) {\n      window?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }, [scrollTopOnStepChange, onStepChange])\n\n  const handleNext = useCallback(() => {\n    if (!dataContext.hasErrors()) {\n      setActiveIndex((activeIndex) => {\n        onStepChange?.(activeIndex + 1)\n        return activeIndex + 1\n      })\n      if (scrollTopOnStepChange) {\n        window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      dataContext.setShowAllErrors(true)\n    }\n  }, [dataContext, scrollTopOnStepChange, onStepChange])\n\n  const stepIndicatorData = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child) || child.type !== Step) {\n      throw new Error('Only Step can be children of StepsLayout')\n    }\n    return child.props.title ?? 'Title missing'\n  }) as string[]\n\n  const handleChange = useCallback(({ current_step }) => {\n    setActiveIndex(current_step)\n  }, [])\n\n  return (\n    <StepsContext.Provider\n      value={{\n        activeIndex,\n        handlePrevious,\n        handleNext,\n      }}\n    >\n      <Div\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...forwardSpaceProps(props)}\n      >\n        <aside className=\"dnb-forms-steps-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndex}\n            data={stepIndicatorData}\n            mode={mode}\n            no_animation\n            on_change={handleChange}\n            sidebar_id={id}\n            title=\"\"\n          />\n        </aside>\n        <div className=\"dnb-forms-steps-layout__contents\">\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement(child) && child.type === Step) {\n              return React.cloneElement(\n                child as React.ReactElement<StepProps>,\n                {\n                  index: i,\n                }\n              )\n            }\n            return child\n          })}\n        </div>\n      </Div>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsEufemiaSpacingProps = true\n\nStepsLayout.Step = Step\nStepsLayout.NextButton = NextButton\nStepsLayout.PreviousButton = PreviousButton\nStepsLayout.Buttons = Buttons\n\nexport default StepsLayout\n"],"mappings":"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"}
+{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Div","StepIndicator","makeUniqueId","pickSpacingProps","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","isValidElement","type","Error","title","handleChange","_ref","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport DataContext from '../DataContext/Context'\nimport Step, { Props as StepProps } from './Step'\nimport StepsContext from './StepsContext'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport Buttons from './Buttons'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: number\n  onStepChange?: (index: number) => void\n  children: React.ReactNode\n}\n\nfunction StepsLayout(props: Props) {\n  const {\n    className,\n    id = makeUniqueId(),\n    mode = 'loose',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n  } = props\n  const dataContext = useContext(DataContext)\n  const [activeIndex, setActiveIndex] =\n    useState<number>(initialActiveIndex)\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex((activeIndex) => {\n      onStepChange?.(activeIndex - 1)\n      return activeIndex - 1\n    })\n    if (scrollTopOnStepChange) {\n      window?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }, [scrollTopOnStepChange, onStepChange])\n\n  const handleNext = useCallback(() => {\n    if (!dataContext.hasErrors()) {\n      setActiveIndex((activeIndex) => {\n        onStepChange?.(activeIndex + 1)\n        return activeIndex + 1\n      })\n      if (scrollTopOnStepChange) {\n        window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      dataContext.setShowAllErrors(true)\n    }\n  }, [dataContext, scrollTopOnStepChange, onStepChange])\n\n  const stepIndicatorData = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child) || child.type !== Step) {\n      throw new Error('Only Step can be children of StepsLayout')\n    }\n    return child.props.title ?? 'Title missing'\n  }) as string[]\n\n  const handleChange = useCallback(({ current_step }) => {\n    setActiveIndex(current_step)\n  }, [])\n\n  return (\n    <StepsContext.Provider\n      value={{\n        activeIndex,\n        handlePrevious,\n        handleNext,\n      }}\n    >\n      <Div\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...pickSpacingProps(props)}\n      >\n        <aside className=\"dnb-forms-steps-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndex}\n            data={stepIndicatorData}\n            mode={mode}\n            no_animation\n            on_change={handleChange}\n            sidebar_id={id}\n            title=\"\"\n          />\n        </aside>\n        <div className=\"dnb-forms-steps-layout__contents\">\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement(child) && child.type === Step) {\n              return React.cloneElement(\n                child as React.ReactElement<StepProps>,\n                {\n                  index: i,\n                }\n              )\n            }\n            return child\n          })}\n        </div>\n      </Div>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsEufemiaSpacingProps = true\n\nStepsLayout.Step = Step\nStepsLayout.NextButton = NextButton\nStepsLayout.PreviousButton = PreviousButton\nStepsLayout.Buttons = Buttons\n\nexport default StepsLayout\n"],"mappings":"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"}

package/extensions/forms/Value/Boolean.d.ts

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & ValueProps<boolean>;
+import { ValueProps } from '../types';
+export type Props = ValueProps<boolean>;
 declare function BooleanComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace BooleanComponent {
     var _supportsEufemiaSpacingProps: boolean;

package/extensions/forms/Value/Boolean.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import ValueBlock from '../ValueBlock';
-import { useValue } from './hooks';
-import { forwardSpaceProps } from '../utils';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 import SharedContext from '../../../shared/Context';
 function BooleanComponent(props) {
   const sharedContext = useContext(SharedContext);
@@ -13,14 +13,14 @@ function BooleanComponent(props) {
     showEmpty,
     value,
     inline
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), value === true || value === false ? value === true ? sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo : null);
+  }, pickSpacingProps(props)), value === true || value === false ? value === true ? sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo : null);
 }
 BooleanComponent._supportsEufemiaSpacingProps = true;
 export default BooleanComponent;

package/extensions/forms/Value/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","useContext","ValueBlock","useValue","forwardSpaceProps","SharedContext","BooleanComponent","props","sharedContext","className","label","placeholder","showEmpty","value","inline","createElement","_extends","translation","Forms","booleanYes","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useValue } from './hooks'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps & ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? sharedContext?.translation.Forms.booleanYes\n          : sharedContext?.translation.Forms.booleanNo\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,UAAU;AAG5C,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAM;IAAEI,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DX,QAAQ,CAACI,KAAK,CAAC;EAEjB,OACEP,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXV,iBAAiB,CAACG,KAAK,CAAC,GAE3BM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,UAAU,GAC3CX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACE,SAAS,GAC5C,IACM,CAAC;AAEjB;AAEAd,gBAAgB,CAACe,4BAA4B,GAAG,IAAI;AACpD,eAAef,gBAAgB"}
+{"version":3,"file":"Boolean.js","names":["React","useContext","ValueBlock","useDataValue","pickSpacingProps","SharedContext","BooleanComponent","props","sharedContext","className","label","placeholder","showEmpty","value","inline","createElement","_extends","translation","Forms","booleanYes","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? sharedContext?.translation.Forms.booleanYes\n          : sharedContext?.translation.Forms.booleanNo\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAM;IAAEI,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DX,YAAY,CAACI,KAAK,CAAC;EAErB,OACEP,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXV,gBAAgB,CAACG,KAAK,CAAC,GAE1BM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,UAAU,GAC3CX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACE,SAAS,GAC5C,IACM,CAAC;AAEjB;AAEAd,gBAAgB,CAACe,4BAA4B,GAAG,IAAI;AACpD,eAAef,gBAAgB"}

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

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & ValueProps<number> & {
+import { ValueProps } from '../types';
+export type Props = ValueProps<number> & {
     thousandSeparator?: string | true;
     decimalSymbol?: string;
     decimalLimit?: number;

package/extensions/forms/Value/Number.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { formatNumber, forwardSpaceProps } from '../utils';
+import { formatNumber } from '../utils';
 import ValueBlock from '../ValueBlock';
-import { useValue } from './hooks';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 function NumberComponent(props) {
   const {
     className,
@@ -16,14 +17,14 @@ function NumberComponent(props) {
     decimalLimit,
     prefix,
     suffix
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), value !== undefined ? formatNumber(value, {
+  }, pickSpacingProps(props)), value !== undefined ? formatNumber(value, {
     thousandSeparator: thousandSeparator === true ? ' ' : thousandSeparator,
     decimalSymbol,
     decimalLimit,

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","formatNumber","forwardSpaceProps","ValueBlock","useValue","NumberComponent","props","className","label","placeholder","value","inline","showEmpty","thousandSeparator","decimalSymbol","decimalLimit","prefix","suffix","createElement","_extends","undefined","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Number.tsx"],"sourcesContent":["import React from 'react'\nimport { formatNumber, forwardSpaceProps } from '../utils'\nimport ValueBlock from '../ValueBlock'\nimport { useValue } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps &\n  ValueProps<number> & {\n    // Formatting\n    thousandSeparator?: string | true\n    decimalSymbol?: string\n    decimalLimit?: number\n    prefix?: string\n    suffix?: string\n  }\n\nfunction NumberComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    thousandSeparator,\n    decimalSymbol,\n    decimalLimit,\n    prefix,\n    suffix,\n  } = useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {value !== undefined\n        ? formatNumber(value, {\n            thousandSeparator:\n              thousandSeparator === true ? ' ' : thousandSeparator,\n            decimalSymbol,\n            decimalLimit,\n            prefix,\n            suffix,\n          })\n        : null}\n    </ValueBlock>\n  )\n}\n\nNumberComponent._supportsEufemiaSpacingProps = true\nexport default NumberComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,UAAU;AAC1D,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAclC,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAGb,QAAQ,CAACE,KAAK,CAAC;EAEnB,OACEN,KAAA,CAAAkB,aAAA,CAACf,UAAU,EAAAgB,QAAA;IACTZ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXT,iBAAiB,CAACI,KAAK,CAAC,GAE3BI,KAAK,KAAKU,SAAS,GAChBnB,YAAY,CAACS,KAAK,EAAE;IAClBG,iBAAiB,EACfA,iBAAiB,KAAK,IAAI,GAAG,GAAG,GAAGA,iBAAiB;IACtDC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,CAAC,GACF,IACM,CAAC;AAEjB;AAEAZ,eAAe,CAACgB,4BAA4B,GAAG,IAAI;AACnD,eAAehB,eAAe"}
+{"version":3,"file":"Number.js","names":["React","formatNumber","ValueBlock","useDataValue","pickSpacingProps","NumberComponent","props","className","label","placeholder","value","inline","showEmpty","thousandSeparator","decimalSymbol","decimalLimit","prefix","suffix","createElement","_extends","undefined","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/Number.tsx"],"sourcesContent":["import React from 'react'\nimport { formatNumber } from '../utils'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\n\nexport type Props = ValueProps<number> & {\n  // Formatting\n  thousandSeparator?: string | true\n  decimalSymbol?: string\n  decimalLimit?: number\n  prefix?: string\n  suffix?: string\n}\n\nfunction NumberComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    thousandSeparator,\n    decimalSymbol,\n    decimalLimit,\n    prefix,\n    suffix,\n  } = useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value !== undefined\n        ? formatNumber(value, {\n            thousandSeparator:\n              thousandSeparator === true ? ' ' : thousandSeparator,\n            decimalSymbol,\n            decimalLimit,\n            prefix,\n            suffix,\n          })\n        : null}\n    </ValueBlock>\n  )\n}\n\nNumberComponent._supportsEufemiaSpacingProps = true\nexport default NumberComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,UAAU;AACvC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AAWvD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,iBAAiB;IACjBC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,GAAGd,YAAY,CAACG,KAAK,CAAC;EAEvB,OACEN,KAAA,CAAAkB,aAAA,CAAChB,UAAU,EAAAiB,QAAA;IACTZ,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXP,gBAAgB,CAACE,KAAK,CAAC,GAE1BI,KAAK,KAAKU,SAAS,GAChBnB,YAAY,CAACS,KAAK,EAAE;IAClBG,iBAAiB,EACfA,iBAAiB,KAAK,IAAI,GAAG,GAAG,GAAGA,iBAAiB;IACtDC,aAAa;IACbC,YAAY;IACZC,MAAM;IACNC;EACF,CAAC,CAAC,GACF,IACM,CAAC;AAEjB;AAEAZ,eAAe,CAACgB,4BAA4B,GAAG,IAAI;AACnD,eAAehB,eAAe"}

package/extensions/forms/Value/String.d.ts

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & ValueProps<string>;
+import { ValueProps } from '../types';
+export type Props = ValueProps<string>;
 declare function StringComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace StringComponent {
     var _supportsEufemiaSpacingProps: boolean;

package/extensions/forms/Value/String.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import ValueBlock from '../ValueBlock';
-import { forwardSpaceProps } from '../utils';
-import { useValue } from './hooks';
+import { useDataValue } from '../hooks';
+import { pickSpacingProps } from '../types';
 function StringComponent(props) {
   const {
     className,
@@ -12,14 +12,14 @@ function StringComponent(props) {
     inline,
     showEmpty,
     prepare = value => value
-  } = useValue(props);
+  } = useDataValue(props);
   return React.createElement(ValueBlock, _extends({
     className: className,
     label: label,
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, forwardSpaceProps(props)), prepare(value));
+  }, pickSpacingProps(props)), prepare(value));
 }
 StringComponent._supportsEufemiaSpacingProps = true;
 export default StringComponent;

package/extensions/forms/Value/String.js.map

@@ -1 +1 @@
-{"version":3,"file":"String.js","names":["React","ValueBlock","forwardSpaceProps","useValue","StringComponent","props","className","label","placeholder","value","inline","showEmpty","prepare","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/String.tsx"],"sourcesContent":["import React from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { forwardSpaceProps } from '../utils'\nimport { useValue } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps & ValueProps<string>\n\nfunction StringComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    prepare = (value) => value,\n  } = useValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...forwardSpaceProps(props)}\n    >\n      {prepare(value)}\n    </ValueBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,SAAS;AAMlC,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,OAAO,GAAIH,KAAK,IAAKA;EACvB,CAAC,GAAGN,QAAQ,CAACE,KAAK,CAAC;EAEnB,OACEL,KAAA,CAAAa,aAAA,CAACZ,UAAU,EAAAa,QAAA;IACTR,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXR,iBAAiB,CAACG,KAAK,CAAC,GAE3BO,OAAO,CAACH,KAAK,CACJ,CAAC;AAEjB;AAEAL,eAAe,CAACW,4BAA4B,GAAG,IAAI;AACnD,eAAeX,eAAe"}
+{"version":3,"file":"String.js","names":["React","ValueBlock","useDataValue","pickSpacingProps","StringComponent","props","className","label","placeholder","value","inline","showEmpty","prepare","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/String.tsx"],"sourcesContent":["import React from 'react'\nimport ValueBlock from '../ValueBlock'\nimport { useDataValue } from '../hooks'\nimport { ValueProps, pickSpacingProps } from '../types'\n\nexport type Props = ValueProps<string>\n\nfunction StringComponent(props: Props) {\n  const {\n    className,\n    label,\n    placeholder,\n    value,\n    inline,\n    showEmpty,\n    prepare = (value) => value,\n  } = useDataValue(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {prepare(value)}\n    </ValueBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAAqBC,gBAAgB,QAAQ,UAAU;AAIvD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,SAAS;IACTC,OAAO,GAAIH,KAAK,IAAKA;EACvB,CAAC,GAAGP,YAAY,CAACG,KAAK,CAAC;EAEvB,OACEL,KAAA,CAAAa,aAAA,CAACZ,UAAU,EAAAa,QAAA;IACTR,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEA,SAAU;IACrBH,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA;EAAO,GACXP,gBAAgB,CAACE,KAAK,CAAC,GAE1BO,OAAO,CAACH,KAAK,CACJ,CAAC;AAEjB;AAEAL,eAAe,CAACW,4BAA4B,GAAG,IAAI;AACnD,eAAeX,eAAe"}

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

@@ -4,8 +4,6 @@ import BooleanComponent from './Boolean';
 import Currency from './Currency';
 import DateComponent from './Date';
 import Email from './Email';
-import FirstName from './FirstName';
-import LastName from './LastName';
 import NationalIdentityNumber from './NationalIdentityNumber';
 import PhoneNumber from './PhoneNumber';
 import BankAccountNumber from './BankAccountNumber';
@@ -16,8 +14,6 @@ declare const Value: {
     Currency: typeof Currency;
     Date: typeof DateComponent;
     Email: typeof Email;
-    FirstName: typeof FirstName;
-    LastName: typeof LastName;
     NationalIdentityNumber: typeof NationalIdentityNumber;
     PhoneNumber: typeof PhoneNumber;
     BankAccountNumber: typeof BankAccountNumber;

package/extensions/forms/Value/index.js

@@ -4,8 +4,6 @@ import BooleanComponent from './Boolean';
 import Currency from './Currency';
 import DateComponent from './Date';
 import Email from './Email';
-import FirstName from './FirstName';
-import LastName from './LastName';
 import NationalIdentityNumber from './NationalIdentityNumber';
 import PhoneNumber from './PhoneNumber';
 import BankAccountNumber from './BankAccountNumber';
@@ -16,8 +14,6 @@ const Value = {
   Currency,
   Date: DateComponent,
   Email,
-  FirstName,
-  LastName,
   NationalIdentityNumber,
   PhoneNumber,
   BankAccountNumber

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StringComponent","NumberComponent","BooleanComponent","Currency","DateComponent","Email","FirstName","LastName","NationalIdentityNumber","PhoneNumber","BankAccountNumber","Value","String","Number","Boolean","Date"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport FirstName from './FirstName'\nimport LastName from './LastName'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport BankAccountNumber from './BankAccountNumber'\n\nconst Value = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  FirstName,\n  LastName,\n  NationalIdentityNumber,\n  PhoneNumber,\n  BankAccountNumber,\n}\n\nexport default Value\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,UAAU;AACtC,OAAOC,eAAe,MAAM,UAAU;AACtC,OAAOC,gBAAgB,MAAM,WAAW;AACxC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,aAAa,MAAM,QAAQ;AAClC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,KAAK,GAAG;EACZC,MAAM,EAAEZ,eAAe;EACvBa,MAAM,EAAEZ,eAAe;EACvBa,OAAO,EAAEZ,gBAAgB;EACzBC,QAAQ;EACRY,IAAI,EAAEX,aAAa;EACnBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,sBAAsB;EACtBC,WAAW;EACXC;AACF,CAAC;AAED,eAAeC,KAAK"}
+{"version":3,"file":"index.js","names":["StringComponent","NumberComponent","BooleanComponent","Currency","DateComponent","Email","NationalIdentityNumber","PhoneNumber","BankAccountNumber","Value","String","Number","Boolean","Date"],"sources":["../../../../../src/extensions/forms/Value/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport BankAccountNumber from './BankAccountNumber'\n\nconst Value = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  NationalIdentityNumber,\n  PhoneNumber,\n  BankAccountNumber,\n}\n\nexport default Value\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,UAAU;AACtC,OAAOC,eAAe,MAAM,UAAU;AACtC,OAAOC,gBAAgB,MAAM,WAAW;AACxC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,aAAa,MAAM,QAAQ;AAClC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,KAAK,GAAG;EACZC,MAAM,EAAEV,eAAe;EACvBW,MAAM,EAAEV,eAAe;EACvBW,OAAO,EAAEV,gBAAgB;EACzBC,QAAQ;EACRU,IAAI,EAAET,aAAa;EACnBC,KAAK;EACLC,sBAAsB;EACtBC,WAAW;EACXC;AACF,CAAC;AAED,eAAeC,KAAK"}

package/extensions/forms/ValueBlock/ValueBlock.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
-import type { ValueProps } from '../value-types';
-export type Props = ComponentProps & Omit<ValueProps<unknown>, 'value'> & {
+import { ValueProps } from '../types';
+export type Props = Omit<ValueProps<unknown>, 'value'> & {
     children?: React.ReactNode;
 };
 declare function ValueBlock(props: Props): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/ValueBlock/ValueBlock.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { Span } from '../../../elements';
 import { FormLabel } from '../../../components';
-import { forwardSpaceProps } from '../utils';
 import classnames from 'classnames';
+import { pickSpacingProps } from '../types';
 function ValueBlock(props) {
   const {
     className,
@@ -18,7 +18,7 @@ function ValueBlock(props) {
   }
   return React.createElement(Span, _extends({
     className: classnames('dnb-forms-value', className, inline && 'dnb-forms-value-block--inline')
-  }, forwardSpaceProps(props)), label && React.createElement(FormLabel, {
+  }, pickSpacingProps(props)), label && React.createElement(FormLabel, {
     className: "dnb-forms-value-block__label",
     label_direction: inline ? 'horizontal' : 'vertical'
   }, label), children ?? React.createElement("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Span","FormLabel","forwardSpaceProps","classnames","ValueBlock","props","className","label","inline","placeholder","showEmpty","children","undefined","createElement","_extends","label_direction","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport type { ValueProps } from '../value-types'\n\nexport type Props = ComponentProps &\n  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      {...forwardSpaceProps(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._supportsEufemiaSpacingProps = true\nexport default ValueBlock\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,OAAOC,UAAU,MAAM,YAAY;AASnC,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,EAAEH,UAAU,CACnB,iBAAiB,EAEjBG,SAAS,EADTE,MAAM,IAAI,+BAEZ;EAAE,GACEN,iBAAiB,CAACG,KAAK,CAAC,GAE3BE,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACZ,SAAS;IACRK,SAAS,EAAC,8BAA8B;IACxCS,eAAe,EAAEP,MAAM,GAAG,YAAY,GAAG;EAAW,GAEnDD,KACQ,CACZ,EACAI,QAAQ,IACPZ,KAAA,CAAAc,aAAA;IAAMP,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAL,UAAU,CAACY,4BAA4B,GAAG,IAAI;AAC9C,eAAeZ,UAAU"}
+{"version":3,"file":"ValueBlock.js","names":["React","Span","FormLabel","classnames","pickSpacingProps","ValueBlock","props","className","label","inline","placeholder","showEmpty","children","undefined","createElement","_extends","label_direction","_supportsEufemiaSpacingProps"],"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, pickSpacingProps } from '../types'\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._supportsEufemiaSpacingProps = 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;AACnC,SAAqBC,gBAAgB,QAAQ,UAAU;AAMvD,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,IACPZ,KAAA,CAAAc,aAAA;IAAMP,SAAS,EAAC;EAAoC,GACjDG,WACG,CAEJ,CAAC;AAEX;AAEAL,UAAU,CAACY,4BAA4B,GAAG,IAAI;AAC9C,eAAeZ,UAAU"}

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

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

package/extensions/forms/hooks/index.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { FormError, FieldProps } from '../types';
+interface ReturnAdditional<Value> {
+    id: string;
+    value: Value;
+    error: Error | FormError | undefined;
+    setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void;
+    handleFocus: FieldProps<unknown>['onFocus'];
+    handleBlur: FieldProps<unknown>['onBlur'];
+    handleChange: FieldProps<unknown>['onChange'];
+}
+export default function useDataValue<Value = unknown, Props extends FieldProps<Value> = FieldProps<Value>>(props: Props): Props & ReturnAdditional<Value>;
+export {};

package/{es/extensions/forms/Field/hooks/useField.js → extensions/forms/hooks/useDataValue.js}

@@ -3,14 +3,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { useRef, useEffect, useContext, useCallback, useMemo, useState } from 'react';
 import pointer from 'json-pointer';
-import { FormError } from '../../types';
-import ajv, { ajvErrorsToOneFormError } from '../../utils/ajv';
-import DataContext from '../../DataContext';
-import { FieldGroupContext } from '../../FieldGroup';
-import { makeUniqueId } from '../../../../shared/component-helper';
-export default function useField(props) {
+import { FormError } from '../types';
+import ajv, { ajvErrorsToOneFormError } from '../utils/ajv';
+import DataContext from '../DataContext';
+import FieldBlockContext from '../FieldBlock/FieldBlockContext';
+import IterateElementContext from '../Iterate/IterateElementContext';
+import { makeUniqueId } from '../../../shared/component-helper';
+export default function useDataValue(props) {
   const {
     path,
+    elementPath,
     emptyValue,
     required,
     error: errorProp,
@@ -28,23 +30,51 @@ export default function useField(props) {
   } = props;
   const id = useMemo(() => props.id ?? makeUniqueId(), [props.id]);
   const dataContext = useContext(DataContext.Context);
-  const fieldGroupContext = useContext(FieldGroupContext);
-  const inFieldGroup = Boolean(fieldGroupContext);
-  const {
-    setFieldError: setFieldGroupError,
-    setShowFieldError: setShowFieldGroupError
-  } = fieldGroupContext ?? {};
+  const fieldBlockContext = useContext(FieldBlockContext);
+  const iterateElementContext = useContext(IterateElementContext);
   const {
     handlePathChange: dataContextHandlePathChange,
     setPathWithError: dataContextSetPathWithError,
     errors: dataContextErrors
   } = dataContext ?? {};
+  const inFieldBlock = Boolean(fieldBlockContext);
+  const {
+    setError: setFieldBlockError,
+    setShowError: setShowFieldBlockError
+  } = fieldBlockContext ?? {};
+  const inIterate = Boolean(iterateElementContext);
+  const {
+    index: iterateElementIndex,
+    value: iterateElementValue,
+    handleChange: handleIterateElementChange
+  } = iterateElementContext ?? {};
   if (path && path.substring(0, 1) !== '/') {
-    throw new Error('Invalid path. Input path JSON Pointers  must be from root (starting with a /).');
+    throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
+  }
+  if (elementPath && elementPath.substring(0, 1) !== '/') {
+    throw new Error('Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).');
+  }
+  if (elementPath && !iterateElementContext) {
+    throw new Error('elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.');
   }
   const externalValue = useMemo(() => {
-    return props.value ?? (dataContext.data && path !== undefined && pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined);
-  }, [path, props.value, dataContext.data]);
+    if (props.value !== undefined) {
+      return props.value;
+    }
+    if (inIterate && elementPath) {
+      if (elementPath === '/') {
+        return iterateElementValue;
+      }
+      return pointer.has(iterateElementValue, elementPath) ? pointer.get(iterateElementValue, elementPath) : undefined;
+    }
+    if (dataContext.data && path) {
+      if (path === '/') {
+        return dataContext.data;
+      }
+      return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined;
+    }
+    return undefined;
+  }, [path, elementPath, inIterate, iterateElementValue, props.value, dataContext.data]);
   const [value, setValue] = useState(externalValue);
   const changedRef = useRef(false);
   useEffect(() => {
@@ -59,8 +89,8 @@ export default function useField(props) {
     if (path) {
       dataContextSetPathWithError === null || dataContextSetPathWithError === void 0 ? void 0 : dataContextSetPathWithError(path, Boolean(error));
     }
-    setFieldGroupError === null || setFieldGroupError === void 0 ? void 0 : setFieldGroupError(path ?? id, errorWithCorrectMessage);
-  }, [path, id, errorMessages, dataContextSetPathWithError, setFieldGroupError]);
+    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path ?? id, errorWithCorrectMessage);
+  }, [path, id, errorMessages, dataContextSetPathWithError, setFieldBlockError]);
   const validateValue = useCallback(valueToValidate => {
     if (typeof validator === 'function') {
       Promise.resolve(validator(valueToValidate)).then(setErrorAndUpdateDataContext);
@@ -93,9 +123,9 @@ export default function useField(props) {
   useEffect(() => {
     if (dataContext.showAllErrors) {
       setShowError(true);
-      setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
     }
-  }, [id, path, dataContext.showAllErrors, setShowFieldGroupError]);
+  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError]);
   const setHasFocus = useCallback((hasFocus, valueOverride) => {
     if (hasFocus) {
       onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride ?? value);
@@ -108,9 +138,9 @@ export default function useField(props) {
         Promise.resolve(onBlurValidator(valueOverride ?? value)).then(setErrorAndUpdateDataContext);
       }
       setShowError(true);
-      setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
     }
-  }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldGroupError]);
+  }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldBlockError]);
   const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
   const handleChange = useCallback(argFromInput => {
@@ -121,13 +151,17 @@ export default function useField(props) {
     setValue(newValue);
     changedRef.current = true;
     setShowError(false);
-    setShowFieldGroupError === null || setShowFieldGroupError === void 0 ? void 0 : setShowFieldGroupError(path ?? id, false);
+    setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, false);
     validateValue(newValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     if (path) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
     }
-  }, [id, path, value, onChange, validateValue, dataContextHandlePathChange, setShowFieldGroupError, fromInput]);
+    if (elementPath) {
+      const iteratValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
+      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iteratValuePath, newValue);
+    }
+  }, [id, path, elementPath, iterateElementIndex, value, onChange, validateValue, dataContextHandlePathChange, setShowFieldBlockError, handleIterateElementChange, fromInput]);
   const exportError = useMemo(() => errorProp ?? error, [errorProp, error]);
   useEffect(() => {
     if (path) {
@@ -143,11 +177,11 @@ export default function useField(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
     id,
     value: toInput(value),
-    error: inFieldGroup ? undefined : showError ? exportError : undefined,
+    error: inFieldBlock ? undefined : showError ? exportError : undefined,
     setHasFocus,
     handleFocus,
     handleBlur,
     handleChange
   });
 }
-//# sourceMappingURL=useField.js.map
+//# sourceMappingURL=useDataValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","DataContext","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","toInput","value","fromInput","id","dataContext","Context","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","undefined","has","get","data","setValue","changedRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iteratValuePath","exportError","handleMountField","handleUnMountField","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport DataContext from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: FieldProps<unknown>['onFocus']\n  handleBlur: FieldProps<unknown>['onBlur']\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(DataContext.Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatinated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        onFocus?.(valueOverride ?? value)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without havinc hanged the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      setValue(newValue)\n      changedRef.current = true\n      // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n      setShowError(false)\n      setShowFieldBlockError?.(path ?? id, false)\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      // Tell any parent data context about the error, so they can take it into consideration when a submit button is clicked for instance\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iteratValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iteratValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}

package/extensions/forms/index.d.ts

@@ -1,10 +1,10 @@
-export type { FieldProps } from './field-types';
-export type { ValueProps } from './value-types';
-export { useField } from './Field/hooks';
+export type { FieldProps, ValueProps } from './types';
+export { useDataValue } from './hooks';
 export { default as FieldBlock } from './FieldBlock';
 export { default as Field } from './Field';
-export { useValue } from './Value/hooks';
+export { default as Iterate } from './Iterate';
 export { default as ValueBlock } from './ValueBlock';
+export { default as Form } from './Form';
 export { default as Value } from './Value';
 export { default as Layout } from './Layout';
 export { default as StepsLayout, StepsContext } from './StepsLayout';

package/extensions/forms/index.js

@@ -1,8 +1,9 @@
-export { useField } from './Field/hooks';
+export { useDataValue } from './hooks';
 export { default as FieldBlock } from './FieldBlock';
 export { default as Field } from './Field';
-export { useValue } from './Value/hooks';
+export { default as Iterate } from './Iterate';
 export { default as ValueBlock } from './ValueBlock';
+export { default as Form } from './Form';
 export { default as Value } from './Value';
 export { default as Layout } from './Layout';
 export { default as StepsLayout, StepsContext } from './StepsLayout';