@dnb/eufemia 10.12.0 → 10.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Space","StepIndicator","makeUniqueId","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","rest","_objectWithoutProperties","_excluded","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","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { ComponentProps } 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    ...rest\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      <Space\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...rest}\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      </Space>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsSpacingProps = 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","Space","StepIndicator","makeUniqueId","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","rest","_objectWithoutProperties","_excluded","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","_child$props$title","isValidElement","type","Error","title","handleChange","_ref","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { ComponentProps } 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    ...rest\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      <Space\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...rest}\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      </Space>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsSpacingProps = 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/BankAccountNumber/BankAccountNumber.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -6,9 +8,10 @@ import StringComponent from '../String';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
 import SharedContext from '../../../../shared/Context';
 function BankAccountNumber(props) {
+  var _props$label;
   const sharedContext = useContext(SharedContext);
   const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel),
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel,
     prepare: value => format(cleanNumber(value), {
       ban: true
     }).toString()

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","format","cleanNumber","SharedContext","BankAccountNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","bankAccountNumberLabel","prepare","value","ban","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.bankAccountNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        ban: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACvC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,sBAAsB,CAAC;IAC9DC,OAAO,EAAGC,KAAK,IACbf,MAAM,CAACC,WAAW,CAACc,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,iBAAiB,CAACgB,qBAAqB,GAAG,IAAI;AAC9C,eAAehB,iBAAiB"}
+{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","format","cleanNumber","SharedContext","BankAccountNumber","props","_props$label","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","bankAccountNumberLabel","prepare","value","ban","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.bankAccountNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        ban: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACvC,MAAMC,aAAa,GAAGR,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAMK,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GACHD,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACM,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,sBAAuB;IAC9DC,OAAO,EAAGC,KAAK,IACbhB,MAAM,CAACC,WAAW,CAACe,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOrB,KAAA,CAAAsB,aAAA,CAACpB,eAAe,EAAKQ,gBAAmB,CAAC;AAClD;AAEAJ,iBAAiB,CAACiB,qBAAqB,GAAG,IAAI;AAC9C,eAAejB,iBAAiB"}

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

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import ValueBlock from '../../ValueBlock';

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

@@ -1 +1 @@
-{"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","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../../ValueBlock'\nimport { useDataValue } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\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._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,YAAY,QAAQ,aAAa;AAE1C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AAItD,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,qBAAqB,GAAG,IAAI;AAC7C,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","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../../ValueBlock'\nimport { useDataValue } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\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._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,YAAY,QAAQ,aAAa;AAE1C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AAItD,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,qBAAqB,GAAG,IAAI;AAC7C,eAAef,gBAAgB"}

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

@@ -4,10 +4,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import NumberComponent from '../Number';
 function Currency(props) {
+  var _props$thousandSepara, _props$suffix;
   const numberProps = _objectSpread(_objectSpread({}, props), {}, {
     label: props.label,
-    thousandSeparator: props.thousandSeparator ?? ' ',
-    suffix: props.suffix ?? ' kr'
+    thousandSeparator: (_props$thousandSepara = props.thousandSeparator) !== null && _props$thousandSepara !== void 0 ? _props$thousandSepara : ' ',
+    suffix: (_props$suffix = props.suffix) !== null && _props$suffix !== void 0 ? _props$suffix : ' kr'
   });
   return React.createElement(NumberComponent, numberProps);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","names":["React","NumberComponent","Currency","props","numberProps","_objectSpread","label","thousandSeparator","suffix","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport NumberComponent, { Props as NumberComponentProps } from '../Number'\n\nexport type Props = NumberComponentProps\n\nfunction Currency(props: Props) {\n  const numberProps: Props = {\n    ...props,\n    label: props.label,\n    thousandSeparator: props.thousandSeparator ?? ' ',\n    suffix: props.suffix ?? ' kr',\n  }\n  return <NumberComponent {...numberProps} />\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAyC,WAAW;AAI1E,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBF,KAAK;IACRG,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,iBAAiB,EAAEJ,KAAK,CAACI,iBAAiB,IAAI,GAAG;IACjDC,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI;EAAK,EAC9B;EACD,OAAOR,KAAA,CAAAS,aAAA,CAACR,eAAe,EAAKG,WAAc,CAAC;AAC7C;AAEAF,QAAQ,CAACQ,qBAAqB,GAAG,IAAI;AACrC,eAAeR,QAAQ"}
+{"version":3,"file":"Currency.js","names":["React","NumberComponent","Currency","props","_props$thousandSepara","_props$suffix","numberProps","_objectSpread","label","thousandSeparator","suffix","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport NumberComponent, { Props as NumberComponentProps } from '../Number'\n\nexport type Props = NumberComponentProps\n\nfunction Currency(props: Props) {\n  const numberProps: Props = {\n    ...props,\n    label: props.label,\n    thousandSeparator: props.thousandSeparator ?? ' ',\n    suffix: props.suffix ?? ' kr',\n  }\n  return <NumberComponent {...numberProps} />\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAyC,WAAW;AAI1E,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA,EAAAC,aAAA;EAC9B,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,EAAEL,KAAK,CAACK,KAAK;IAClBC,iBAAiB,GAAAL,qBAAA,GAAED,KAAK,CAACM,iBAAiB,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,GAAG;IACjDM,MAAM,GAAAL,aAAA,GAAEF,KAAK,CAACO,MAAM,cAAAL,aAAA,cAAAA,aAAA,GAAI;EAAK,EAC9B;EACD,OAAOL,KAAA,CAAAW,aAAA,CAACV,eAAe,EAAKK,WAAc,CAAC;AAC7C;AAEAJ,QAAQ,CAACU,qBAAqB,GAAG,IAAI;AACrC,eAAeV,QAAQ"}

package/extensions/forms/Value/Date/Date.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -5,9 +7,10 @@ import React, { useContext } from 'react';
 import StringComponent from '../String';
 import SharedContext from '../../../../shared/Context';
 function DateComponent(props) {
+  var _props$label;
   const sharedContext = useContext(SharedContext);
   const stringProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel)
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel
   });
   return React.createElement(StringComponent, stringProps);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useContext","StringComponent","SharedContext","DateComponent","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","dateLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.dateLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,SAAS;EAAA,EACjE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,WAAc,CAAC;AAC7C;AAEAH,aAAa,CAACU,qBAAqB,GAAG,IAAI;AAC1C,eAAeV,aAAa"}
+{"version":3,"file":"Date.js","names":["React","useContext","StringComponent","SharedContext","DateComponent","props","_props$label","sharedContext","stringProps","_objectSpread","label","translation","Forms","dateLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.dateLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACnC,MAAMC,aAAa,GAAGN,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMK,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAIC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC;EAAS,EACjE;EACD,OAAOb,KAAA,CAAAc,aAAA,CAACZ,eAAe,EAAKM,WAAc,CAAC;AAC7C;AAEAJ,aAAa,CAACW,qBAAqB,GAAG,IAAI;AAC1C,eAAeX,aAAa"}

package/extensions/forms/Value/Email/Email.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -5,9 +7,10 @@ import React, { useContext } from 'react';
 import StringComponent from '../String';
 import SharedContext from '../../../../shared/Context';
 function Email(props) {
+  var _props$label;
   const sharedContext = useContext(SharedContext);
   const stringProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel)
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel
   });
   return React.createElement(StringComponent, stringProps);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","emailLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Email/Email.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction Email(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nEmail._supportsSpacingProps = true\nexport default Email\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,KAAKA,CAACC,KAAY,EAAE;EAC3B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,UAAU;EAAA,EAClE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,WAAc,CAAC;AAC7C;AAEAH,KAAK,CAACU,qBAAqB,GAAG,IAAI;AAClC,eAAeV,KAAK"}
+{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","_props$label","sharedContext","stringProps","_objectSpread","label","translation","Forms","emailLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Email/Email.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps\n\nfunction Email(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n  }\n  return <StringComponent {...stringProps} />\n}\n\nEmail._supportsSpacingProps = true\nexport default Email\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,KAAKA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC3B,MAAMC,aAAa,GAAGN,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMK,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAIC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC;EAAU,EAClE;EACD,OAAOb,KAAA,CAAAc,aAAA,CAACZ,eAAe,EAAKM,WAAc,CAAC;AAC7C;AAEAJ,KAAK,CAACW,qBAAqB,GAAG,IAAI;AAClC,eAAeX,KAAK"}

package/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -6,9 +8,10 @@ import StringComponent from '../String';
 import SharedContext from '../../../../shared/Context';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
 function NationalIdentityNumber(props) {
+  var _props$label;
   const sharedContext = useContext(SharedContext);
   const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberLabel),
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberLabel,
     prepare: value => format(cleanNumber(value), {
       nin: true
     }).toString()

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

@@ -1 +1 @@
-{"version":3,"file":"NationalIdentityNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","NationalIdentityNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","nationalIdentityNumberLabel","prepare","value","nin","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction NationalIdentityNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.nationalIdentityNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        nin: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAC5C,MAAMC,aAAa,GAAGP,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMM,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,2BAA2B,CAAC;IACnEC,OAAO,EAAGC,KAAK,IACbd,MAAM,CAACC,WAAW,CAACa,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,sBAAsB,CAACgB,qBAAqB,GAAG,IAAI;AACnD,eAAehB,sBAAsB"}
+{"version":3,"file":"NationalIdentityNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","NationalIdentityNumber","props","_props$label","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","nationalIdentityNumberLabel","prepare","value","nin","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction NationalIdentityNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.nationalIdentityNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        nin: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC5C,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMO,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GACHD,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACM,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,2BAA4B;IACnEC,OAAO,EAAGC,KAAK,IACbf,MAAM,CAACC,WAAW,CAACc,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOrB,KAAA,CAAAsB,aAAA,CAACpB,eAAe,EAAKQ,gBAAmB,CAAC;AAClD;AAEAJ,sBAAsB,CAACiB,qBAAqB,GAAG,IAAI;AACnD,eAAejB,sBAAsB"}

package/extensions/forms/Value/PhoneNumber/PhoneNumber.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -6,9 +8,10 @@ import StringComponent from '../String';
 import SharedContext from '../../../../shared/Context';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
 function PhoneNumber(props) {
+  var _props$label;
   const sharedContext = useContext(SharedContext);
   const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: props.label ?? (props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberLabel),
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberLabel,
     prepare: value => format(cleanNumber(value), {
       phone: true
     }).toString()

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","PhoneNumber","props","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","phoneNumberLabel","prepare","value","phone","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.phoneNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        phone: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAMC,aAAa,GAAGP,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMM,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EACHJ,KAAK,CAACI,KAAK,KACVJ,KAAK,CAACK,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,gBAAgB,CAAC;IACxDC,OAAO,EAAGC,KAAK,IACbd,MAAM,CAACC,WAAW,CAACa,KAAK,CAAC,EAAE;MACzBC,KAAK,EAAE;IACT,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOpB,KAAA,CAAAqB,aAAA,CAACnB,eAAe,EAAKO,gBAAmB,CAAC;AAClD;AAEAH,WAAW,CAACgB,qBAAqB,GAAG,IAAI;AACxC,eAAehB,WAAW"}
+{"version":3,"file":"PhoneNumber.js","names":["React","useContext","StringComponent","SharedContext","format","cleanNumber","PhoneNumber","props","_props$label","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","phoneNumberLabel","prepare","value","phone","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringComponentProps\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.phoneNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        phone: true,\n      }).toString(),\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACjC,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMO,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GACHD,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACM,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,gBAAiB;IACxDC,OAAO,EAAGC,KAAK,IACbf,MAAM,CAACC,WAAW,CAACc,KAAK,CAAC,EAAE;MACzBC,KAAK,EAAE;IACT,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOrB,KAAA,CAAAsB,aAAA,CAACpB,eAAe,EAAKQ,gBAAmB,CAAC;AAClD;AAEAJ,WAAW,CAACiB,qBAAqB,GAAG,IAAI;AACxC,eAAejB,WAAW"}

package/extensions/forms/ValueBlock/ValueBlock.js

@@ -21,7 +21,7 @@ function ValueBlock(props) {
   }, pickSpacingProps(props)), label && React.createElement(FormLabel, {
     className: "dnb-forms-value-block__label",
     label_direction: inline ? 'horizontal' : 'vertical'
-  }, label), children ?? React.createElement("span", {
+  }, 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,IACPZ,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","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"}

package/extensions/forms/Visibility/Visibility.js

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useContext } from 'react';
 import pointer from 'json-pointer';
 import * as DataContext from '../DataContext';

package/extensions/forms/Visibility/Visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","inferData","children","dataContext","Context","has","data","get","Boolean","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../DataContext'\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  children: React.ReactNode\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  inferData,\n  children,\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\n\n  if (visible === false) {\n    return null\n  }\n\n  if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n    return null\n  }\n  if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n    return null\n  }\n\n  if (\n    pathTruthy &&\n    (!pointer.has(dataContext.data, pathTruthy) ||\n      !pointer.get(dataContext.data, pathTruthy))\n  ) {\n    return null\n  }\n  if (\n    pathFalsy &&\n    pointer.has(dataContext.data, pathFalsy) &&\n    Boolean(pointer.get(dataContext.data, pathFalsy))\n  ) {\n    return null\n  }\n\n  if (\n    pathTrue &&\n    (!pointer.has(dataContext.data, pathTrue) ||\n      pointer.get(dataContext.data, pathTrue) !== true)\n  ) {\n    return null\n  }\n  if (\n    pathFalse &&\n    (!pointer.has(dataContext.data, pathFalse) ||\n      pointer.get(dataContext.data, pathFalse) !== false)\n  ) {\n    return null\n  }\n\n  if (inferData && !inferData(dataContext.data)) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\nVisibility._supportsSpacingProps = true\nexport default Visibility\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,gBAAgB;AAqB7C,SAASC,UAAUA,CAAAC,IAAA,EAUT;EAAA,IAVU;IAClBC,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC;EACK,CAAC,GAAAT,IAAA;EACN,MAAMU,WAAW,GAAGd,UAAU,CAACE,WAAW,CAACa,OAAO,CAAC;EAEnD,IAAIV,OAAO,KAAK,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIC,WAAW,IAAI,CAACL,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEX,WAAW,CAAC,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAIC,aAAa,IAAIN,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEV,aAAa,CAAC,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,KACT,CAACP,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAET,UAAU,CAAC,IACzC,CAACP,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAET,UAAU,CAAC,CAAC,EAC7C;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,IACTR,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,IACxCU,OAAO,CAAClB,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,CAAC,EACjD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,QAAQ,KACP,CAACT,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEP,QAAQ,CAAC,IACvCT,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEP,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,KACR,CAACV,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEN,SAAS,CAAC,IACxCV,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEN,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;IACA,OAAO,IAAI;EACb;EAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,CAACE,WAAW,CAACG,IAAI,CAAC,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OAAOlB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QAAGR,QAAW,CAAC;AACxB;AAEAV,UAAU,CAACmB,qBAAqB,GAAG,IAAI;AACvC,eAAenB,UAAU"}
+{"version":3,"file":"Visibility.js","names":["React","useContext","pointer","DataContext","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","inferData","children","dataContext","Context","has","data","get","Boolean","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Visibility/Visibility.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport pointer from 'json-pointer'\nimport * as DataContext from '../DataContext'\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  children: React.ReactNode\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  inferData,\n  children,\n}: Props) {\n  const dataContext = useContext(DataContext.Context)\n\n  if (visible === false) {\n    return null\n  }\n\n  if (pathDefined && !pointer.has(dataContext.data, pathDefined)) {\n    return null\n  }\n  if (pathUndefined && pointer.has(dataContext.data, pathUndefined)) {\n    return null\n  }\n\n  if (\n    pathTruthy &&\n    (!pointer.has(dataContext.data, pathTruthy) ||\n      !pointer.get(dataContext.data, pathTruthy))\n  ) {\n    return null\n  }\n  if (\n    pathFalsy &&\n    pointer.has(dataContext.data, pathFalsy) &&\n    Boolean(pointer.get(dataContext.data, pathFalsy))\n  ) {\n    return null\n  }\n\n  if (\n    pathTrue &&\n    (!pointer.has(dataContext.data, pathTrue) ||\n      pointer.get(dataContext.data, pathTrue) !== true)\n  ) {\n    return null\n  }\n  if (\n    pathFalse &&\n    (!pointer.has(dataContext.data, pathFalse) ||\n      pointer.get(dataContext.data, pathFalse) !== false)\n  ) {\n    return null\n  }\n\n  if (inferData && !inferData(dataContext.data)) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\nVisibility._supportsSpacingProps = true\nexport default Visibility\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAO,KAAKC,WAAW,MAAM,gBAAgB;AAqB7C,SAASC,UAAUA,CAAAC,IAAA,EAUT;EAAA,IAVU;IAClBC,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC;EACK,CAAC,GAAAT,IAAA;EACN,MAAMU,WAAW,GAAGd,UAAU,CAACE,WAAW,CAACa,OAAO,CAAC;EAEnD,IAAIV,OAAO,KAAK,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIC,WAAW,IAAI,CAACL,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEX,WAAW,CAAC,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAIC,aAAa,IAAIN,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEV,aAAa,CAAC,EAAE;IACjE,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,KACT,CAACP,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAET,UAAU,CAAC,IACzC,CAACP,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAET,UAAU,CAAC,CAAC,EAC7C;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,IACTR,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,IACxCU,OAAO,CAAClB,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAER,SAAS,CAAC,CAAC,EACjD;IACA,OAAO,IAAI;EACb;EAEA,IACEC,QAAQ,KACP,CAACT,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEP,QAAQ,CAAC,IACvCT,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEP,QAAQ,CAAC,KAAK,IAAI,CAAC,EACnD;IACA,OAAO,IAAI;EACb;EACA,IACEC,SAAS,KACR,CAACV,OAAO,CAACe,GAAG,CAACF,WAAW,CAACG,IAAI,EAAEN,SAAS,CAAC,IACxCV,OAAO,CAACiB,GAAG,CAACJ,WAAW,CAACG,IAAI,EAAEN,SAAS,CAAC,KAAK,KAAK,CAAC,EACrD;IACA,OAAO,IAAI;EACb;EAEA,IAAIC,SAAS,IAAI,CAACA,SAAS,CAACE,WAAW,CAACG,IAAI,CAAC,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OAAOlB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QAAGR,QAAW,CAAC;AACxB;AAEAV,UAAU,CAACmB,qBAAqB,GAAG,IAAI;AACvC,eAAenB,UAAU"}

package/extensions/forms/hooks/useDataValue.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }
@@ -10,7 +12,7 @@ import FieldBlockContext from '../FieldBlock/FieldBlockContext';
 import IterateElementContext from '../Iterate/IterateElementContext';
 import { makeUniqueId } from '../../../shared/component-helper';
 export default function useDataValue(props) {
-  var _props$path;
+  var _props$path, _props$autoComplete;
   const {
     path,
     elementPath,
@@ -30,7 +32,10 @@ export default function useDataValue(props) {
     toInput = value => value,
     fromInput = value => value
   } = props;
-  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id]);
+  const id = useMemo(() => {
+    var _props$id;
+    return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : makeUniqueId();
+  }, [props.id]);
   const dataContext = useContext(Context);
   const fieldBlockContext = useContext(FieldBlockContext);
   const iterateElementContext = useContext(IterateElementContext);
@@ -38,18 +43,18 @@ export default function useDataValue(props) {
     handlePathChange: dataContextHandlePathChange,
     setPathWithError: dataContextSetPathWithError,
     errors: dataContextErrors
-  } = dataContext ?? {};
+  } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
   const inFieldBlock = Boolean(fieldBlockContext);
   const {
     setError: setFieldBlockError,
     setShowError: setShowFieldBlockError
-  } = fieldBlockContext ?? {};
+  } = fieldBlockContext !== null && fieldBlockContext !== void 0 ? fieldBlockContext : {};
   const inIterate = Boolean(iterateElementContext);
   const {
     index: iterateElementIndex,
     value: iterateElementValue,
     handleChange: handleIterateElementChange
-  } = iterateElementContext ?? {};
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
   if (path && path.substring(0, 1) !== '/') {
     throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
   }
@@ -92,7 +97,7 @@ export default function useDataValue(props) {
     if (path) {
       dataContextSetPathWithError === null || dataContextSetPathWithError === void 0 ? void 0 : dataContextSetPathWithError(path, Boolean(error));
     }
-    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path ?? id, errorWithCorrectMessage);
+    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path !== null && path !== void 0 ? path : id, errorWithCorrectMessage);
   }, [path, id, errorMessages, dataContextSetPathWithError, setFieldBlockError]);
   const validateValue = useCallback(valueToValidate => {
     if (typeof validator === 'function') {
@@ -126,24 +131,24 @@ export default function useDataValue(props) {
   useEffect(() => {
     if (dataContext.showAllErrors) {
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     }
   }, [id, path, dataContext.showAllErrors, setShowFieldBlockError]);
   const setHasFocus = useCallback((hasFocus, valueOverride) => {
     if (hasFocus) {
       hasFocusRef.current = true;
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride ?? value);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
     } else {
       hasFocusRef.current = false;
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride ?? value);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
       if (!changedRef.current && !validateUnchanged) {
         return;
       }
       if (typeof onBlurValidator === 'function') {
-        Promise.resolve(onBlurValidator(valueOverride ?? value)).then(setErrorAndUpdateDataContext);
+        Promise.resolve(onBlurValidator(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value)).then(setErrorAndUpdateDataContext);
       }
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     }
   }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldBlockError]);
   const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
@@ -157,10 +162,10 @@ export default function useDataValue(props) {
     changedRef.current = true;
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     } else {
       setShowError(false);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, false);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, false);
     }
     validateValue(newValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
@@ -168,11 +173,11 @@ export default function useDataValue(props) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
     }
     if (elementPath) {
-      const iteratValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
-      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iteratValuePath, newValue);
+      const iterateValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
+      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iterateValuePath, newValue);
     }
   }, [id, path, elementPath, iterateElementIndex, value, continuousValidation, onChange, validateValue, dataContextHandlePathChange, setShowFieldBlockError, handleIterateElementChange, fromInput]);
-  const exportError = useMemo(() => errorProp ?? error, [errorProp, error]);
+  const exportError = useMemo(() => errorProp !== null && errorProp !== void 0 ? errorProp : error, [errorProp, error]);
   useEffect(() => {
     if (path) {
       dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(path);
@@ -189,7 +194,7 @@ export default function useDataValue(props) {
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
     value: toInput(value),
     error: inFieldBlock ? undefined : showError ? exportError : undefined,
-    autoComplete: props.autoComplete ?? (dataContext.autoComplete === true ? 'on' : 'off'),
+    autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : 'off',
     setHasFocus,
     handleFocus,
     handleBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","_props$path","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","id","dataContext","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","hasFocusRef","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","name","replace","autoComplete"],"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 { Context } 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: () => void\n  handleBlur: () => void\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    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(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  const hasFocusRef = 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        hasFocusRef.current = true\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        hasFocusRef.current = false\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\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\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      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\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      continuousValidation,\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    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","_props$path","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","id","_props$id","dataContext","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","hasFocusRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","exportError","handleMountField","handleUnMountField","_objectSpread","name","replace","autoComplete"],"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 { Context } 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: () => void\n  handleBlur: () => void\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    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(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  const hasFocusRef = 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 concatenated.\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        hasFocusRef.current = true\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        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed 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\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\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      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      continuousValidation,\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    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}