@dnb/eufemia 10.4.2 → 10.6.0

package/es/extensions/forms/StepsLayout/StepsLayout.js

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext, useState, useCallback } from 'react';
+import classnames from 'classnames';
+import { Div } from '../../../elements';
+import { StepIndicator } from '../../../components';
+import { makeUniqueId } from '../../../shared/component-helper';
+import { forwardSpaceProps } from '../utils';
+import DataContext from '../DataContext/Context';
+import Step from './Step';
+import StepsContext from './StepsContext';
+import NextButton from './NextButton';
+import PreviousButton from './PreviousButton';
+import Buttons from './Buttons';
+function StepsLayout(props) {
+  const {
+    className,
+    id = makeUniqueId(),
+    mode = 'loose',
+    scrollTopOnStepChange,
+    initialActiveIndex = 0,
+    onStepChange,
+    children
+  } = props;
+  const dataContext = useContext(DataContext);
+  const [activeIndex, setActiveIndex] = useState(initialActiveIndex);
+  const handlePrevious = useCallback(() => {
+    setActiveIndex(activeIndex => {
+      onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex - 1);
+      return activeIndex - 1;
+    });
+    if (scrollTopOnStepChange) {
+      var _window;
+      (_window = window) === null || _window === void 0 ? void 0 : _window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    }
+  }, [scrollTopOnStepChange, onStepChange]);
+  const handleNext = useCallback(() => {
+    if (!dataContext.hasErrors()) {
+      setActiveIndex(activeIndex => {
+        onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex + 1);
+        return activeIndex + 1;
+      });
+      if (scrollTopOnStepChange) {
+        var _window2;
+        (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      }
+    } else {
+      dataContext.setShowAllErrors(true);
+    }
+  }, [dataContext, scrollTopOnStepChange, onStepChange]);
+  const stepIndicatorData = React.Children.map(children, child => {
+    if (!React.isValidElement(child) || child.type !== Step) {
+      throw new Error('Only Step can be children of Steps');
+    }
+    return child.props.title ?? 'Title missing';
+  });
+  const handleChange = useCallback(({
+    current_step
+  }) => {
+    setActiveIndex(current_step);
+  }, []);
+  return React.createElement(StepsContext.Provider, {
+    value: {
+      activeIndex,
+      handlePrevious,
+      handleNext
+    }
+  }, React.createElement(Div, _extends({
+    className: classnames('dnb-forms-steps-layout', className)
+  }, forwardSpaceProps(props)), React.createElement("aside", {
+    className: "dnb-forms-steps-layout__sidebar"
+  }, React.createElement(StepIndicator.Sidebar, {
+    sidebar_id: id
+  }), React.createElement(StepIndicator, {
+    bottom: true,
+    current_step: activeIndex,
+    data: stepIndicatorData,
+    mode: mode,
+    no_animation: true,
+    on_change: handleChange,
+    sidebar_id: id,
+    title: ""
+  })), React.createElement("div", {
+    className: "dnb-forms-steps-layout__contents"
+  }, React.Children.map(children, (child, i) => {
+    if (React.isValidElement(child) && child.type === Step) {
+      return React.cloneElement(child, {
+        index: i
+      });
+    }
+    return child;
+  }))));
+}
+StepsLayout._supportsEufemiaSpacingProps = true;
+StepsLayout.Step = Step;
+StepsLayout.NextButton = NextButton;
+StepsLayout.PreviousButton = PreviousButton;
+StepsLayout.Buttons = Buttons;
+export default StepsLayout;
+//# sourceMappingURL=StepsLayout.js.map

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

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

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

@@ -0,0 +1,3 @@
+import StepsLayout from './StepsLayout';
+export { default as StepsContext } from './StepsContext';
+export default StepsLayout;

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

@@ -0,0 +1,4 @@
+import StepsLayout from './StepsLayout';
+export { default as StepsContext } from './StepsContext';
+export default StepsLayout;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["StepsLayout","default","StepsContext"],"sources":["../../../../../src/extensions/forms/StepsLayout/index.ts"],"sourcesContent":["import StepsLayout from './StepsLayout'\nexport { default as StepsContext } from './StepsContext'\n\nexport default StepsLayout\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AACvC,SAASC,OAAO,IAAIC,YAAY,QAAQ,gBAAgB;AAExD,eAAeF,WAAW"}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css

@@ -0,0 +1,25 @@
+/*
+ * Utilities
+ */
+.dnb-forms-steps-layout {
+  display: flex;
+  flex-flow: row wrap;
+  grid-column-gap: 3rem;
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+@media (max-width: 60em) {
+  .dnb-forms-steps-layout {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+}
+.dnb-forms-steps-layout__sidebar {
+  flex: 0;
+  min-width: 320px;
+}
+.dnb-forms-steps-layout__contents {
+  flex: 1;
+  min-width: 400px;
+}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css

@@ -0,0 +1 @@
+.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss

@@ -0,0 +1,23 @@
+@import '../../../../style/core/utilities.scss';
+
+.dnb-forms-steps-layout {
+  display: flex;
+  flex-flow: row wrap;
+  column-gap: 3rem;
+
+  @media (max-width: map-get($breakpoints, 'medium')) {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+
+  &__sidebar {
+    flex: 0;
+    min-width: 320px;
+  }
+
+  &__contents {
+    flex: 1;
+    min-width: 400px;
+  }
+}

package/es/extensions/forms/StepsLayout/style/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-steps-layout.scss';

package/es/extensions/forms/StepsLayout/style/index.js

@@ -0,0 +1 @@
+import "./dnb-steps-layout.min.css";

package/es/extensions/forms/StepsLayout/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/StepsLayout/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-steps-layout.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB"}

package/es/extensions/forms/StepsLayout/style/index.scss

@@ -0,0 +1 @@
+@import './dnb-steps-layout.scss';

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

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

package/es/extensions/forms/StepsLayout/style.js

@@ -0,0 +1 @@
+import './style';

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/StepsLayout/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function BankAccountNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace BankAccountNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default BankAccountNumber;

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

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+import SharedContext from '../../../shared/Context';
+function BankAccountNumber(props) {
+  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),
+    prepare: value => format(cleanNumber(value), {
+      ban: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+BankAccountNumber._supportsEufemiaSpacingProps = true;
+export default BankAccountNumber;
+//# sourceMappingURL=BankAccountNumber.js.map

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

@@ -0,0 +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","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/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._supportsEufemiaSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,SACEC,MAAM,EACNC,WAAW,QACN,+CAA+C;AACtD,OAAOC,aAAa,MAAM,yBAAyB;AAInD,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,4BAA4B,GAAG,IAAI;AACrD,eAAehB,iBAAiB"}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Props as NumberComponentProps } from './Number';
+export type Props = NumberComponentProps;
+declare function Currency(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Currency {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Currency;

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

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import NumberComponent from './Number';
+function Currency(props) {
+  const numberProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label,
+    thousandSeparator: props.thousandSeparator ?? ' ',
+    suffix: props.suffix ?? ' kr'
+  });
+  return React.createElement(NumberComponent, numberProps);
+}
+Currency._supportsEufemiaSpacingProps = true;
+export default Currency;
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","names":["React","NumberComponent","Currency","props","numberProps","_objectSpread","label","thousandSeparator","suffix","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/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._supportsEufemiaSpacingProps = true\nexport default Currency\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAyC,UAAU;AAIzE,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,4BAA4B,GAAG,IAAI;AAC5C,eAAeR,QAAQ"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace DateComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default DateComponent;

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

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function DateComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel)
+  });
+  return React.createElement(StringComponent, stringProps);
+}
+DateComponent._supportsEufemiaSpacingProps = true;
+export default DateComponent;
+//# sourceMappingURL=Date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","names":["React","useContext","StringComponent","SharedContext","DateComponent","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","dateLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/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._supportsEufemiaSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,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,4BAA4B,GAAG,IAAI;AACjD,eAAeV,aAAa"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function Email(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Email {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Email;

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

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function Email(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel)
+  });
+  return React.createElement(StringComponent, stringProps);
+}
+Email._supportsEufemiaSpacingProps = true;
+export default Email;
+//# sourceMappingURL=Email.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","sharedContext","stringProps","_objectSpread","label","translation","Forms","emailLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/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._supportsEufemiaSpacingProps = true\nexport default Email\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,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,4BAA4B,GAAG,IAAI;AACzC,eAAeV,KAAK"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function FirstName(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FirstName {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FirstName;

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

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function FirstName(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameLabel)
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+FirstName._supportsEufemiaSpacingProps = true;
+export default FirstName;
+//# sourceMappingURL=FirstName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FirstName.js","names":["React","useContext","StringComponent","SharedContext","FirstName","props","sharedContext","stringValueProps","_objectSpread","label","translation","Forms","firstNameLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/FirstName.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 FirstName(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.firstNameLabel,\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nFirstName._supportsEufemiaSpacingProps = true\nexport default FirstName\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,cAAc;EAAA,EACtE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,gBAAmB,CAAC;AAClD;AAEAH,SAAS,CAACU,4BAA4B,GAAG,IAAI;AAC7C,eAAeV,SAAS"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function LastName(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace LastName {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default LastName;

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

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+function LastName(props) {
+  const sharedContext = useContext(SharedContext);
+  const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.lastNameLabel)
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+LastName._supportsEufemiaSpacingProps = true;
+export default LastName;
+//# sourceMappingURL=LastName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LastName.js","names":["React","useContext","StringComponent","SharedContext","LastName","props","sharedContext","stringValueProps","_objectSpread","label","translation","Forms","lastNameLabel","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/LastName.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 LastName(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.lastNameLabel,\n  }\n  return <StringComponent {...stringValueProps} />\n}\n\nLastName._supportsEufemiaSpacingProps = true\nexport default LastName\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,aAAa;EAAA,EACrE;EACD,OAAOZ,KAAA,CAAAa,aAAA,CAACX,eAAe,EAAKK,gBAAmB,CAAC;AAClD;AAEAH,QAAQ,CAACU,4BAA4B,GAAG,IAAI;AAC5C,eAAeV,QAAQ"}

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function NationalIdentityNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NationalIdentityNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NationalIdentityNumber;

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

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+function NationalIdentityNumber(props) {
+  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),
+    prepare: value => format(cleanNumber(value), {
+      nin: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+NationalIdentityNumber._supportsEufemiaSpacingProps = true;
+export default NationalIdentityNumber;
+//# sourceMappingURL=NationalIdentityNumber.js.map

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

@@ -0,0 +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","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Value/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._supportsEufemiaSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SACEC,MAAM,EACNC,WAAW,QACN,+CAA+C;AAItD,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,4BAA4B,GAAG,IAAI;AAC1D,eAAehB,sBAAsB"}

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from '../component-types';
+import type { ValueProps } from '../value-types';
+export type Props = ComponentProps & ValueProps<number> & {
+    thousandSeparator?: string | true;
+    decimalSymbol?: string;
+    decimalLimit?: number;
+    prefix?: string;
+    suffix?: string;
+};
+declare function NumberComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NumberComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NumberComponent;

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { formatNumber, forwardSpaceProps } from '../utils';
+import ValueBlock from '../ValueBlock';
+import { useValue } from './hooks';
+function NumberComponent(props) {
+  const {
+    className,
+    label,
+    placeholder,
+    value,
+    inline,
+    showEmpty,
+    thousandSeparator,
+    decimalSymbol,
+    decimalLimit,
+    prefix,
+    suffix
+  } = useValue(props);
+  return React.createElement(ValueBlock, _extends({
+    className: className,
+    label: label,
+    showEmpty: showEmpty,
+    placeholder: placeholder,
+    inline: inline
+  }, forwardSpaceProps(props)), value !== undefined ? formatNumber(value, {
+    thousandSeparator: thousandSeparator === true ? ' ' : thousandSeparator,
+    decimalSymbol,
+    decimalLimit,
+    prefix,
+    suffix
+  }) : null);
+}
+NumberComponent._supportsEufemiaSpacingProps = true;
+export default NumberComponent;
+//# sourceMappingURL=Number.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function PhoneNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace PhoneNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default PhoneNumber;

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

@@ -0,0 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext } from 'react';
+import StringComponent from './String';
+import SharedContext from '../../../shared/Context';
+import { format, cleanNumber } from '../../../components/number-format/NumberUtils';
+function PhoneNumber(props) {
+  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),
+    prepare: value => format(cleanNumber(value), {
+      phone: true
+    }).toString()
+  });
+  return React.createElement(StringComponent, stringValueProps);
+}
+PhoneNumber._supportsEufemiaSpacingProps = true;
+export default PhoneNumber;
+//# sourceMappingURL=PhoneNumber.js.map