@danske/sapphire-react-lab 0.105.2 → 0.106.2

package/build/esm/Flag/src/Flag.js

@@ -4,45 +4,13 @@ import { getWrappedElement } from '@react-spectrum/utils';
 import styles from '@danske/sapphire-css/components/flag/flag.module.css';
 import { useThemeCheck, useSapphireStyleProps } from '@danske/sapphire-react';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Flag = React.forwardRef(function Flag2(_a, ref) {
-  var _b = _a, { size = "lg", rounded, "aria-label": ariaLabel } = _b, props = __objRest(_b, ["size", "rounded", "aria-label"]);
+const Flag = React.forwardRef(function Flag2({ size = "lg", rounded, "aria-label": ariaLabel, ...props }, ref) {
   useThemeCheck();
   const { styleProps } = useSapphireStyleProps(props);
-  return React.cloneElement(getWrappedElement(props.children), __spreadProps(__spreadValues({
+  return React.cloneElement(getWrappedElement(props.children), {
     ref,
-    role: "img"
-  }, ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": true }), {
+    role: "img",
+    ...ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": true },
     className: clsx(styles["sapphire-flag"], styleProps.className, {
       [styles["sapphire-flag--xs"]]: size === "xs",
       [styles["sapphire-flag--sm"]]: size === "sm",
@@ -52,7 +20,7 @@ const Flag = React.forwardRef(function Flag2(_a, ref) {
       [styles["sapphire-flag--rounded"]]: rounded
     }),
     style: styleProps.style
-  }));
+  });
 });
 
 export { Flag };

package/build/esm/Flag/src/Flag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flag.js","sources":["../../../../src/Flag/src/Flag.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport { getWrappedElement } from '@react-spectrum/utils';\nimport styles from '@danske/sapphire-css/components/flag/flag.module.css';\n\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\n\nexport type FlagProps = GlobalDomAttributes &\n  SapphireStyleProps & {\n    'aria-label'?: string;\n    /**\n     * The size of the flag.\n     * @default 'lg'\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /**\n     * Flags come in square or rounded shapes. Square flags are used for display purposes, ensuring a clean and consistent look.\n     * Rounded flags are reserved for actionable elements like buttons or selectors, providing a more interactive and approachable feel.\n     * @default false\n     */\n    rounded?: boolean;\n    children: React.ReactNode;\n  };\n\nexport const Flag = React.forwardRef(function Flag(\n  { size = 'lg', rounded, 'aria-label': ariaLabel, ...props }: FlagProps,\n  ref: React.Ref<HTMLSpanElement>\n) {\n  useThemeCheck();\n\n  const { styleProps } = useSapphireStyleProps(props);\n\n  return React.cloneElement(getWrappedElement(props.children), {\n    ref,\n    role: 'img',\n    ...(ariaLabel ? { 'aria-label': ariaLabel } : { 'aria-hidden': true }),\n    className: clsx(styles['sapphire-flag'], styleProps.className, {\n      [styles['sapphire-flag--xs']]: size === 'xs',\n      [styles['sapphire-flag--sm']]: size === 'sm',\n      [styles['sapphire-flag--md']]: size === 'md',\n      [styles['sapphire-flag--lg']]: size === 'lg',\n      [styles['sapphire-flag--xl']]: size === 'xl',\n      [styles['sapphire-flag--rounded']]: rounded,\n    }),\n    style: styleProps.style,\n  });\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,IAAO,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,KAAA,CACnC,IACA,GACA,EAAA;AAFA,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,GAAO,IAAM,EAAA,OAAA,EAAS,YAAc,EAAA,SAAA,EAAA,GAAtC,IAAoD,KAApD,GAAA,SAAA,CAAA,EAAA,EAAoD,CAAlD,MAAA,EAAa,SAAS,EAAA,YAAA,CAAA,CAAA,CAAA;AAGxB,EAAA,aAAA,EAAA,CAAA;AAEA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAE7C,EAAA,OAAO,KAAM,CAAA,YAAA,CAAa,iBAAkB,CAAA,KAAA,CAAM,QAAW,CAAA,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,IAC3D,GAAA;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,GAAA,EACF,YAAY,EAAE,YAAA,EAAc,SAAc,EAAA,GAAA,EAAE,eAAe,IAHJ,EAAA,CAAA,EAAA;AAAA,IAI3D,SAAW,EAAA,IAAA,CAAK,MAAO,CAAA,eAAA,CAAA,EAAkB,WAAW,SAAW,EAAA;AAAA,MAC5D,CAAA,MAAA,CAAO,uBAAuB,IAAS,KAAA,IAAA;AAAA,MACvC,CAAA,MAAA,CAAO,uBAAuB,IAAS,KAAA,IAAA;AAAA,MACvC,CAAA,MAAA,CAAO,uBAAuB,IAAS,KAAA,IAAA;AAAA,MACvC,CAAA,MAAA,CAAO,uBAAuB,IAAS,KAAA,IAAA;AAAA,MACvC,CAAA,MAAA,CAAO,uBAAuB,IAAS,KAAA,IAAA;AAAA,MAAA,CACvC,OAAO,wBAA4B,CAAA,GAAA,OAAA;AAAA,KAAA,CAAA;AAAA,IAEtC,OAAO,UAAW,CAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"Flag.js","sources":["../../../../src/Flag/src/Flag.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport { getWrappedElement } from '@react-spectrum/utils';\nimport styles from '@danske/sapphire-css/components/flag/flag.module.css';\n\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\n\nexport type FlagProps = GlobalDomAttributes &\n  SapphireStyleProps & {\n    'aria-label'?: string;\n    /**\n     * The size of the flag.\n     * @default 'lg'\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /**\n     * Flags come in square or rounded shapes. Square flags are used for display purposes, ensuring a clean and consistent look.\n     * Rounded flags are reserved for actionable elements like buttons or selectors, providing a more interactive and approachable feel.\n     * @default false\n     */\n    rounded?: boolean;\n    children: React.ReactNode;\n  };\n\nexport const Flag = React.forwardRef(function Flag(\n  { size = 'lg', rounded, 'aria-label': ariaLabel, ...props }: FlagProps,\n  ref: React.Ref<HTMLSpanElement>\n) {\n  useThemeCheck();\n\n  const { styleProps } = useSapphireStyleProps(props);\n\n  return React.cloneElement(getWrappedElement(props.children), {\n    ref,\n    role: 'img',\n    ...(ariaLabel ? { 'aria-label': ariaLabel } : { 'aria-hidden': true }),\n    className: clsx(styles['sapphire-flag'], styleProps.className, {\n      [styles['sapphire-flag--xs']]: size === 'xs',\n      [styles['sapphire-flag--sm']]: size === 'sm',\n      [styles['sapphire-flag--md']]: size === 'md',\n      [styles['sapphire-flag--lg']]: size === 'lg',\n      [styles['sapphire-flag--xl']]: size === 'xl',\n      [styles['sapphire-flag--rounded']]: rounded,\n    }),\n    style: styleProps.style,\n  });\n});\n"],"names":["Flag"],"mappings":";;;;;;AA6BO,MAAM,IAAA,GAAO,KAAA,CAAM,UAAA,CAAW,SAASA,MAC5C,EAAE,IAAA,GAAO,IAAA,EAAM,OAAA,EAAS,YAAA,EAAc,SAAA,EAAW,GAAG,KAAA,IACpD,GAAA,EACA;AACA,EAAA,aAAA,EAAc;AAEd,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,KAAK,CAAA;AAElD,EAAA,OAAO,KAAA,CAAM,YAAA,CAAa,iBAAA,CAAkB,KAAA,CAAM,QAAQ,CAAA,EAAG;AAAA,IAC3D,GAAA;AAAA,IACA,IAAA,EAAM,KAAA;AAAA,IACN,GAAI,YAAY,EAAE,YAAA,EAAc,WAAU,GAAI,EAAE,eAAe,IAAA,EAAK;AAAA,IACpE,WAAW,IAAA,CAAK,MAAA,CAAO,eAAe,CAAA,EAAG,WAAW,SAAA,EAAW;AAAA,MAC7D,CAAC,MAAA,CAAO,mBAAmB,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,MACxC,CAAC,MAAA,CAAO,mBAAmB,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,MACxC,CAAC,MAAA,CAAO,mBAAmB,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,MACxC,CAAC,MAAA,CAAO,mBAAmB,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,MACxC,CAAC,MAAA,CAAO,mBAAmB,CAAC,GAAG,IAAA,KAAS,IAAA;AAAA,MACxC,CAAC,MAAA,CAAO,wBAAwB,CAAC,GAAG;AAAA,KACrC,CAAA;AAAA,IACD,OAAO,UAAA,CAAW;AAAA,GACnB,CAAA;AACH,CAAC;;;;"}

package/build/esm/LabeledValue/src/LabeledValue.js

@@ -1,63 +1,29 @@
 import React from 'react';
-import { useField } from '@react-aria/label';
+import { useField } from 'react-aria/useField';
 import { useThemeCheck, Field, Label } from '@danske/sapphire-react';
-import { mergeProps } from '@react-aria/utils';
+import { mergeProps } from 'react-aria/mergeProps';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function LabeledValue(_a) {
-  var _b = _a, {
-    children,
-    contextualHelp,
-    label,
-    labelPlacement = "above",
-    size = "lg"
-  } = _b, otherProps = __objRest(_b, [
-    "children",
-    "contextualHelp",
-    "label",
-    "labelPlacement",
-    "size"
-  ]);
+function LabeledValue({
+  children,
+  contextualHelp,
+  label,
+  labelPlacement = "above",
+  size = "lg",
+  ...otherProps
+}) {
   useThemeCheck();
   const { fieldProps } = useField({ label });
-  return /* @__PURE__ */ React.createElement(Field, __spreadProps(__spreadValues({}, mergeProps(fieldProps, otherProps)), {
-    labelPlacement,
-    size,
-    noDefaultWidth: true
-  }), /* @__PURE__ */ React.createElement(Field.Label, null, /* @__PURE__ */ React.createElement(Label, {
-    contextualHelp,
-    size
-  }, label)), /* @__PURE__ */ React.createElement(Field.Control, null, children));
+  return /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      ...mergeProps(fieldProps, otherProps),
+      labelPlacement,
+      size,
+      noDefaultWidth: true
+    },
+    /* @__PURE__ */ React.createElement(Field.Label, null, /* @__PURE__ */ React.createElement(Label, { contextualHelp, size }, label)),
+    /* @__PURE__ */ React.createElement(Field.Control, null, children)
+  );
 }
 
 export { LabeledValue };

package/build/esm/LabeledValue/src/LabeledValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledValue.js","sources":["../../../../src/LabeledValue/src/LabeledValue.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { useField } from '@react-aria/label';\nimport {\n  Field,\n  Label,\n  SapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { mergeProps } from '@react-aria/utils';\n\nexport interface LabeledValueProps\n  extends SapphireStyleProps,\n    GlobalDomAttributes {\n  children?: React.ReactNode;\n  /**\n   * A HelpButton element to place next to the label.\n   */\n  contextualHelp?: ReactNode;\n  /**\n   * The content to display as a label.\n   */\n  label: ReactNode;\n  /**\n   * Places the label either above (default) or on the left side of tags.\n   * @default 'above'\n   */\n  labelPlacement?: 'above' | 'side';\n  /**\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md';\n}\n\nexport function LabeledValue({\n  children,\n  contextualHelp,\n  label,\n  labelPlacement = 'above',\n  size = 'lg',\n  ...otherProps\n}: LabeledValueProps): React.JSX.Element {\n  useThemeCheck();\n  const { fieldProps } = useField({ label });\n\n  return (\n    <Field\n      {...mergeProps(fieldProps, otherProps)}\n      labelPlacement={labelPlacement}\n      size={size}\n      noDefaultWidth\n    >\n      <Field.Label>\n        <Label contextualHelp={contextualHelp} size={size}>\n          {label}\n        </Label>\n      </Field.Label>\n      <Field.Control>{children}</Field.Control>\n    </Field>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,SAAA,YAAA,CAAsB,EAOY,EAAA;AAPZ,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,IAAO,GAAA,IAAA;AAAA,GALoB,GAAA,EAAA,EAMxB,uBANwB,EAMxB,EAAA;AAAA,IALH,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,UAAe,EAAA,GAAA,QAAA,CAAS,EAAE,KAAA,EAAA,CAAA,CAAA;AAElC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,aACM,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CAAW,YAAY,UAD7B,CAAA,CAAA,EAAA;AAAA,IAEE,cAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAc,EAAA,IAAA;AAAA,GAAA,CAAA,kBAEb,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,KAAP,EAAA,IAAA,sCACG,KAAD,EAAA;AAAA,IAAO,cAAA;AAAA,IAAgC,IAAA;AAAA,GAAA,EACpC,KAGL,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,OAAA,EAAP,IAAgB,EAAA,QAAA,CAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"LabeledValue.js","sources":["../../../../src/LabeledValue/src/LabeledValue.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { useField } from 'react-aria/useField';\nimport {\n  Field,\n  Label,\n  SapphireStyleProps,\n  useThemeCheck,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { mergeProps } from 'react-aria/mergeProps';\n\nexport interface LabeledValueProps\n  extends SapphireStyleProps,\n    GlobalDomAttributes {\n  children?: React.ReactNode;\n  /**\n   * A HelpButton element to place next to the label.\n   */\n  contextualHelp?: ReactNode;\n  /**\n   * The content to display as a label.\n   */\n  label: ReactNode;\n  /**\n   * Places the label either above (default) or on the left side of tags.\n   * @default 'above'\n   */\n  labelPlacement?: 'above' | 'side';\n  /**\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md';\n}\n\nexport function LabeledValue({\n  children,\n  contextualHelp,\n  label,\n  labelPlacement = 'above',\n  size = 'lg',\n  ...otherProps\n}: LabeledValueProps): React.JSX.Element {\n  useThemeCheck();\n  const { fieldProps } = useField({ label });\n\n  return (\n    <Field\n      {...mergeProps(fieldProps, otherProps)}\n      labelPlacement={labelPlacement}\n      size={size}\n      noDefaultWidth\n    >\n      <Field.Label>\n        <Label contextualHelp={contextualHelp} size={size}>\n          {label}\n        </Label>\n      </Field.Label>\n      <Field.Control>{children}</Field.Control>\n    </Field>\n  );\n}\n"],"names":[],"mappings":";;;;;AAkCO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA,GAAiB,OAAA;AAAA,EACjB,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAyC;AACvC,EAAA,aAAA,EAAc;AACd,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,QAAA,CAAS,EAAE,OAAO,CAAA;AAEzC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA,CAAW,UAAA,EAAY,UAAU,CAAA;AAAA,MACrC,cAAA;AAAA,MACA,IAAA;AAAA,MACA,cAAA,EAAc;AAAA,KAAA;AAAA,oBAEd,KAAA,CAAA,aAAA,CAAC,MAAM,KAAA,EAAN,IAAA,sCACE,KAAA,EAAA,EAAM,cAAA,EAAgC,IAAA,EAAA,EACpC,KACH,CACF,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,KAAA,CAAM,OAAA,EAAN,IAAA,EAAe,QAAS;AAAA,GAC3B;AAEJ;;;;"}

package/build/esm/NumberField/i18n/da-DK.json.js

@@ -0,0 +1,9 @@
+var increment$6 = "øge";
+var decrement$6 = "formindske";
+var da$1 = {
+	increment: increment$6,
+	decrement: decrement$6
+};
+
+export { decrement$6 as decrement, da$1 as default, increment$6 as increment };
+//# sourceMappingURL=da-DK.json.js.map

package/build/esm/NumberField/i18n/da-DK.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"da-DK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/de-DE.json.js

@@ -0,0 +1,9 @@
+var increment$4 = "erhöhen";
+var decrement$4 = "verringern";
+var de$1 = {
+	increment: increment$4,
+	decrement: decrement$4
+};
+
+export { decrement$4 as decrement, de$1 as default, increment$4 as increment };
+//# sourceMappingURL=de-DE.json.js.map

package/build/esm/NumberField/i18n/de-DE.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"de-DE.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/en-US.json.js

@@ -0,0 +1,9 @@
+var increment$5 = "Increase";
+var decrement$5 = "Decrease";
+var en$1 = {
+	increment: increment$5,
+	decrement: decrement$5
+};
+
+export { decrement$5 as decrement, en$1 as default, increment$5 as increment };
+//# sourceMappingURL=en-US.json.js.map

package/build/esm/NumberField/i18n/en-US.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/fi-FI.json.js

@@ -0,0 +1,9 @@
+var increment$3 = "lisääntyä";
+var decrement$3 = "vähentää";
+var fi$1 = {
+	increment: increment$3,
+	decrement: decrement$3
+};
+
+export { decrement$3 as decrement, fi$1 as default, increment$3 as increment };
+//# sourceMappingURL=fi-FI.json.js.map

package/build/esm/NumberField/i18n/fi-FI.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/index.js

@@ -1,12 +1,12 @@
-import da from './da-DK.js';
-import en from './en-US.js';
-import de from './de-DE.js';
-import fi from './fi-FI.js';
-import no from './nb-NO.js';
-import pl from './pl-PL.js';
-import se from './sv-SE.js';
+import da from './da-DK.json.js';
+import en from './en-US.json.js';
+import de from './de-DE.json.js';
+import fi from './fi-FI.json.js';
+import no from './nb-NO.json.js';
+import pl from './pl-PL.json.js';
+import se from './sv-SE.json.js';
 
-var intlMessages = {
+var intlMessages$1 = {
   "da-DK": da,
   "en-US": en,
   "de-DE": de,
@@ -16,5 +16,5 @@ var intlMessages = {
   "sv-SE": se
 };
 
-export { intlMessages as default };
+export { intlMessages$1 as default };
 //# sourceMappingURL=index.js.map

package/build/esm/NumberField/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/NumberField/i18n/index.ts"],"sourcesContent":["import da from './da-DK.json';\nimport en from './en-US.json';\nimport de from './de-DE.json';\nimport fi from './fi-FI.json';\nimport no from './nb-NO.json';\nimport pl from './pl-PL.json';\nimport se from './sv-SE.json';\n\nexport default {\n  'da-DK': da,\n  'en-US': en,\n  'de-DE': de,\n  'fi-FI': fi,\n  'nb-NO': no,\n  'pl-PL': pl,\n  'sv-SE': se,\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,mBAAe;AAAA,EACb,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/NumberField/i18n/index.ts"],"sourcesContent":["import da from './da-DK.json';\nimport en from './en-US.json';\nimport de from './de-DE.json';\nimport fi from './fi-FI.json';\nimport no from './nb-NO.json';\nimport pl from './pl-PL.json';\nimport se from './sv-SE.json';\n\nexport default {\n  'da-DK': da,\n  'en-US': en,\n  'de-DE': de,\n  'fi-FI': fi,\n  'nb-NO': no,\n  'pl-PL': pl,\n  'sv-SE': se,\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,qBAAe;AAAA,EACb,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;;;;"}

package/build/esm/NumberField/i18n/nb-NO.json.js

@@ -0,0 +1,9 @@
+var increment$2 = "øke";
+var decrement$2 = "avta";
+var no$1 = {
+	increment: increment$2,
+	decrement: decrement$2
+};
+
+export { decrement$2 as decrement, no$1 as default, increment$2 as increment };
+//# sourceMappingURL=nb-NO.json.js.map

package/build/esm/NumberField/i18n/nb-NO.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/pl-PL.json.js

@@ -0,0 +1,9 @@
+var increment$1 = "zwiększyć";
+var decrement$1 = "zmniejszenie";
+var pl$1 = {
+	increment: increment$1,
+	decrement: decrement$1
+};
+
+export { decrement$1 as decrement, pl$1 as default, increment$1 as increment };
+//# sourceMappingURL=pl-PL.json.js.map

package/build/esm/NumberField/i18n/pl-PL.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pl-PL.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/i18n/sv-SE.json.js

@@ -0,0 +1,9 @@
+var increment = "öka";
+var decrement = "minska";
+var se$1 = {
+	increment: increment,
+	decrement: decrement
+};
+
+export { decrement, se$1 as default, increment };
+//# sourceMappingURL=sv-SE.json.js.map

package/build/esm/NumberField/i18n/sv-SE.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/NumberField/src/NumberField.js

@@ -1,8 +1,10 @@
 import React, { forwardRef, useMemo, useRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
-import { useFocusRing } from '@react-aria/focus';
-import { useMessageFormatter, useLocale } from '@react-aria/i18n';
-import { useObjectRef, mergeProps } from '@react-aria/utils';
+import { useFocusRing } from 'react-aria/useFocusRing';
+import { useLocale } from 'react-aria/I18nProvider';
+import { useMessageFormatter } from '@react-aria/i18n';
+import { mergeProps } from 'react-aria/mergeProps';
+import { useObjectRef } from 'react-aria/useObjectRef';
 import { createFocusableRef } from '@react-spectrum/utils';
 import textFieldStyles from '@danske/sapphire-css/components/textField/textField.module.css';
 import { useThemeCheck, Field, Label, Separator } from '@danske/sapphire-react';
@@ -12,40 +14,8 @@ import { useAutofillStyle } from './useAutofillStyle.js';
 import { useNumberFieldFormatting } from './useNumberFieldFormatting.js';
 import { useSapphireNumberField } from './useSapphireNumberField.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const NumberField = forwardRef(function NumberField2(props, ref) {
-  var _b;
-  const _a = props, {
+  const {
     label,
     isDisabled,
     error,
@@ -60,24 +30,9 @@ const NumberField = forwardRef(function NumberField2(props, ref) {
     showButtons = false,
     incrementAriaLabel,
     decrementAriaLabel,
-    autoFormat = false
-  } = _a, otherProps = __objRest(_a, [
-    "label",
-    "isDisabled",
-    "error",
-    "note",
-    "isRequired",
-    "contextualHelp",
-    "affix",
-    "size",
-    "labelPlacement",
-    "necessityIndicator",
-    "alignInputRight",
-    "showButtons",
-    "incrementAriaLabel",
-    "decrementAriaLabel",
-    "autoFormat"
-  ]);
+    autoFormat = false,
+    ...otherProps
+  } = props;
   const { prefix, postfix } = useMemo(() => {
     if (affix === "auto") {
       return { prefix: void 0, postfix: void 0 };
@@ -94,14 +49,21 @@ const NumberField = forwardRef(function NumberField2(props, ref) {
     decrementButtonProps,
     descriptionProps,
     errorMessageProps
-  } = useSapphireNumberField(__spreadProps(__spreadValues({}, props), {
-    incrementAriaLabel: incrementAriaLabel != null ? incrementAriaLabel : formatMessage("increment"),
-    decrementAriaLabel: decrementAriaLabel != null ? decrementAriaLabel : formatMessage("decrement")
-  }), inputRef);
+  } = useSapphireNumberField(
+    {
+      ...props,
+      incrementAriaLabel: incrementAriaLabel ?? formatMessage("increment"),
+      decrementAriaLabel: decrementAriaLabel ?? formatMessage("decrement")
+    },
+    inputRef
+  );
   const { focusProps, isFocusVisible } = useFocusRing();
   const { autofillStyles, updateStyle } = useAutofillStyle(inputRef);
   const { locale } = useLocale();
-  const formatter = useMemo(() => new Intl.NumberFormat(locale, props.formatOptions), [locale, props.formatOptions]);
+  const formatter = useMemo(
+    () => new Intl.NumberFormat(locale, props.formatOptions),
+    [locale, props.formatOptions]
+  );
   const formattingResult = useNumberFieldFormatting({
     inputRef,
     formatter,
@@ -119,63 +81,120 @@ const NumberField = forwardRef(function NumberField2(props, ref) {
     handleKeyDown: inputProps.onKeyDown
   };
   const containerRef = useRef(null);
-  useImperativeHandle(ref, () => __spreadProps(__spreadValues({}, createFocusableRef(containerRef, inputRef)), {
+  useImperativeHandle(ref, () => ({
+    ...createFocusableRef(containerRef, inputRef),
+    /**
+     * (This function is deprecated. Use `inputRef` prop)
+     * @deprecated
+     */
     getInputElement() {
       return inputRef.current;
     }
   }));
-  return /* @__PURE__ */ React.createElement(Field, __spreadProps(__spreadValues({}, removeUniqueDOMProps(otherProps)), {
-    ref: containerRef,
-    size,
-    labelPlacement
-  }), /* @__PURE__ */ React.createElement(Field.Context, {
-    descriptionProps: error ? errorMessageProps : descriptionProps
-  }, label && /* @__PURE__ */ React.createElement(Field.Label, null, /* @__PURE__ */ React.createElement(Label, __spreadProps(__spreadValues({}, labelProps), {
-    size,
-    necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
-    contextualHelp
-  }), label)), /* @__PURE__ */ React.createElement(Field.Control, null, /* @__PURE__ */ React.createElement("div", {
-    className: clsx(textFieldStyles["sapphire-text-field"], {
-      [textFieldStyles["is-focus"]]: isFocusVisible,
-      [textFieldStyles["sapphire-text-field--error"]]: error === true || typeof error === "string",
-      [textFieldStyles["sapphire-text-field--md"]]: size === "md"
-    })
-  }, extractedPrefix && /* @__PURE__ */ React.createElement("span", {
-    className: clsx(textFieldStyles["sapphire-text-field__prefix"], {
-      [textFieldStyles["sapphire-text-field__prefix--icon"]]: typeof extractedPrefix !== "string"
-    })
-  }, extractedPrefix), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({}, mergeProps(inputProps, focusProps, {
-    onChange: updateStyle,
-    onBlur: updateStyle
-  }, autoFormat ? {
-    onInput: handleInput,
-    onKeyDown: handleKeyDown
-  } : {})), {
-    value: (_b = formattingResult == null ? void 0 : formattingResult.displayValue) != null ? _b : inputProps.value,
-    ref: inputRef,
-    className: clsx(textFieldStyles["sapphire-text-field__input"], {
-      [textFieldStyles["sapphire-text-field__input--align-right"]]: !!alignInputRight
-    }),
-    style: autofillStyles
-  })), extractedPostfix && /* @__PURE__ */ React.createElement("span", {
-    className: clsx(textFieldStyles["sapphire-text-field__postfix"], {
-      [textFieldStyles["sapphire-text-field__postfix--icon"]]: typeof extractedPostfix !== "string"
-    })
-  }, extractedPostfix), showButtons && /* @__PURE__ */ React.createElement("div", {
-    className: textFieldStyles["sapphire-text-field__stepper"]
-  }, /* @__PURE__ */ React.createElement(StepperButton, __spreadValues({
-    variant: "decrement",
-    size
-  }, decrementButtonProps)), /* @__PURE__ */ React.createElement(Separator, {
-    orientation: "vertical"
-  }), /* @__PURE__ */ React.createElement(StepperButton, __spreadValues({
-    variant: "increment",
-    size
-  }, incrementButtonProps))))), (error && typeof error !== "boolean" || note) && /* @__PURE__ */ React.createElement(Field.Footer, null, error && typeof error !== "boolean" ? /* @__PURE__ */ React.createElement(Field.Note, {
-    variant: "error"
-  }, error) : note ? note : /* @__PURE__ */ React.createElement(React.Fragment, null))));
+  return /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      ...removeUniqueDOMProps(otherProps),
+      ref: containerRef,
+      size,
+      labelPlacement
+    },
+    /* @__PURE__ */ React.createElement(
+      Field.Context,
+      {
+        descriptionProps: error ? errorMessageProps : descriptionProps
+      },
+      label && /* @__PURE__ */ React.createElement(Field.Label, null, /* @__PURE__ */ React.createElement(
+        Label,
+        {
+          ...labelProps,
+          size,
+          necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
+          contextualHelp
+        },
+        label
+      )),
+      /* @__PURE__ */ React.createElement(Field.Control, null, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx(textFieldStyles["sapphire-text-field"], {
+            [textFieldStyles["is-focus"]]: isFocusVisible,
+            [textFieldStyles["sapphire-text-field--error"]]: error === true || typeof error === "string",
+            [textFieldStyles["sapphire-text-field--md"]]: size === "md"
+          })
+        },
+        extractedPrefix && /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: clsx(
+              textFieldStyles["sapphire-text-field__prefix"],
+              {
+                [textFieldStyles["sapphire-text-field__prefix--icon"]]: typeof extractedPrefix !== "string"
+              }
+            )
+          },
+          extractedPrefix
+        ),
+        /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            ...mergeProps(
+              inputProps,
+              focusProps,
+              {
+                onChange: updateStyle,
+                onBlur: updateStyle
+              },
+              autoFormat ? {
+                onInput: handleInput,
+                onKeyDown: handleKeyDown
+              } : {}
+            ),
+            value: formattingResult?.displayValue ?? inputProps.value,
+            ref: inputRef,
+            className: clsx(textFieldStyles["sapphire-text-field__input"], {
+              [textFieldStyles["sapphire-text-field__input--align-right"]]: !!alignInputRight
+            }),
+            style: autofillStyles
+          }
+        ),
+        extractedPostfix && /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: clsx(
+              textFieldStyles["sapphire-text-field__postfix"],
+              {
+                [textFieldStyles["sapphire-text-field__postfix--icon"]]: typeof extractedPostfix !== "string"
+              }
+            )
+          },
+          extractedPostfix
+        ),
+        showButtons && /* @__PURE__ */ React.createElement("div", { className: textFieldStyles["sapphire-text-field__stepper"] }, /* @__PURE__ */ React.createElement(
+          StepperButton,
+          {
+            variant: "decrement",
+            size,
+            ...decrementButtonProps
+          }
+        ), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical" }), /* @__PURE__ */ React.createElement(
+          StepperButton,
+          {
+            variant: "increment",
+            size,
+            ...incrementButtonProps
+          }
+        ))
+      )),
+      (error && typeof error !== "boolean" || note) && /* @__PURE__ */ React.createElement(Field.Footer, null, error && typeof error !== "boolean" ? /* @__PURE__ */ React.createElement(Field.Note, { variant: "error" }, error) : note ? note : /* @__PURE__ */ React.createElement(React.Fragment, null))
+    )
+  );
 });
-const removeUniqueDOMProps = (props) => Object.fromEntries(Object.entries(props).filter(([name]) => name !== "id" && !name.startsWith("data-")));
+const removeUniqueDOMProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(
+    ([name]) => name !== "id" && !name.startsWith("data-")
+  )
+);
 
 export { NumberField };
 //# sourceMappingURL=NumberField.js.map