@dnb/eufemia 10.4.2 → 10.6.0

package/es/extensions/forms/DataContext/Provider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { JsonObject } from 'json-pointer';
+import { JSONSchema7 } from 'json-schema';
+export interface Props<Data extends JsonObject> {
+    data: Partial<Data>;
+    /** JSON Schema for validating the data, like during input or after attempting submit */
+    schema?: JSONSchema7;
+    /** Change handler for the whole data set */
+    onChange?: (data: Data) => void;
+    /** Change handler for each value  */
+    onPathChange?: (path: string, value: any) => void;
+    /** Submit called, data was valid (if validation available) */
+    onSubmit?: (data: Data) => void;
+    /** Submit was requested, but data was invalid */
+    onSubmitRequest?: () => void;
+    scrollTopOnSubmit?: boolean;
+    children: React.ReactNode;
+}
+export default function Provider<Data extends JsonObject>({ data: externalData, schema, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, children, }: Props<Data>): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/DataContext/Provider.js

@@ -0,0 +1,102 @@
+import React, { useEffect, useRef, useMemo, useCallback, useState } from 'react';
+import pointer from 'json-pointer';
+import ajv, { ajvErrorsToFormErrors } from '../utils/ajv';
+import Context from './Context';
+function addListPath(paths, path) {
+  return paths.includes(path) ? paths : paths.concat(path);
+}
+function removeListPath(paths, path) {
+  return paths.filter(thisPath => thisPath !== path);
+}
+export default function Provider({
+  data: externalData,
+  schema,
+  onChange,
+  onPathChange,
+  onSubmit,
+  onSubmitRequest,
+  scrollTopOnSubmit,
+  children
+}) {
+  const ajvSchemaValidator = useMemo(() => schema ? ajv.compile(schema) : undefined, [schema]);
+  const internalData = useRef(externalData);
+  const mountedFieldPathsRef = useRef([]);
+  const errorsRef = useRef({});
+  const [showAllErrors, setShowAllErrors] = useState(false);
+  const pathsWithErrorRef = useRef([]);
+  const hasErrors = useCallback(() => Boolean(mountedFieldPathsRef.current.find(mountedFieldPath => errorsRef.current[mountedFieldPath] !== undefined || pathsWithErrorRef.current.includes(mountedFieldPath))), []);
+  useEffect(() => {
+    internalData.current = externalData;
+  }, [externalData]);
+  const validateBySchema = useCallback(data => {
+    if (!ajvSchemaValidator) {
+      return;
+    }
+    if (!ajvSchemaValidator(data)) {
+      const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors);
+      return errors;
+    } else {
+      return;
+    }
+  }, [ajvSchemaValidator]);
+  const validateBySchemaAndUpdateState = useCallback(data => {
+    errorsRef.current = validateBySchema(data) ?? {};
+  }, [validateBySchema]);
+  const setPathWithError = useCallback((path, hasError) => {
+    pathsWithErrorRef.current = hasError ? addListPath(pathsWithErrorRef.current, path) : removeListPath(pathsWithErrorRef.current, path);
+  }, []);
+  const handlePathChange = useCallback((path, value) => {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path, value);
+    const newData = structuredClone(internalData.current);
+    if (path) {
+      pointer.set(newData, path, value);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newData);
+    validateBySchemaAndUpdateState(newData);
+    internalData.current = newData;
+    setShowAllErrors(false);
+  }, [onChange, onPathChange, validateBySchemaAndUpdateState]);
+  const handleMountField = useCallback(path => {
+    mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleUnMountField = useCallback(path => {
+    mountedFieldPathsRef.current = removeListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleSubmit = useCallback(() => {
+    if (!hasErrors()) {
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(internalData.current);
+      if (scrollTopOnSubmit) {
+        var _window;
+        window && ((_window = window) === null || _window === void 0 ? void 0 : _window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        }));
+      }
+    } else {
+      setShowAllErrors(true);
+      onSubmitRequest === null || onSubmitRequest === void 0 ? void 0 : onSubmitRequest();
+    }
+    return internalData.current;
+  }, [scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest]);
+  useEffect(() => {
+    if (externalData) {
+      validateBySchemaAndUpdateState(externalData);
+    }
+  }, []);
+  return React.createElement(Context.Provider, {
+    value: {
+      data: internalData.current,
+      handlePathChange,
+      handleSubmit,
+      errors: errorsRef.current,
+      showAllErrors,
+      setShowAllErrors,
+      mountedFieldPaths: mountedFieldPathsRef.current,
+      handleMountField,
+      handleUnMountField,
+      hasErrors,
+      setPathWithError
+    }
+  }, children);
+}
+//# sourceMappingURL=Provider.js.map

package/es/extensions/forms/DataContext/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["React","useEffect","useRef","useMemo","useCallback","useState","pointer","ajv","ajvErrorsToFormErrors","Context","addListPath","paths","path","includes","concat","removeListPath","filter","thisPath","Provider","data","externalData","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","children","ajvSchemaValidator","compile","undefined","internalData","mountedFieldPathsRef","errorsRef","showAllErrors","setShowAllErrors","pathsWithErrorRef","hasErrors","Boolean","current","find","mountedFieldPath","validateBySchema","errors","validateBySchemaAndUpdateState","setPathWithError","hasError","handlePathChange","value","newData","structuredClone","set","handleMountField","handleUnMountField","handleSubmit","_window","window","scrollTo","top","behavior","createElement","mountedFieldPaths"],"sources":["../../../../../src/extensions/forms/DataContext/Provider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  useState,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { JSONSchema7 } from 'json-schema'\nimport ajv, { ajvErrorsToFormErrors } from '../utils/ajv'\nimport { FormError } from '../types'\nimport Context from './Context'\n\nexport interface Props<Data extends JsonObject> {\n  data: Partial<Data>\n  /** JSON Schema for validating the data, like during input or after attempting submit */\n  schema?: JSONSchema7\n  /** Change handler for the whole data set */\n  onChange?: (data: Data) => void\n  /** Change handler for each value  */\n  onPathChange?: (path: string, value: any) => void\n  /** Submit called, data was valid (if validation available) */\n  onSubmit?: (data: Data) => void\n  /** Submit was requested, but data was invalid */\n  onSubmitRequest?: () => void\n  scrollTopOnSubmit?: boolean\n  children: React.ReactNode\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: string): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: string): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n\nexport default function Provider<Data extends JsonObject>({\n  data: externalData,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  children,\n}: Props<Data>) {\n  const ajvSchemaValidator = useMemo(\n    () => (schema ? ajv.compile(schema) : undefined),\n    [schema]\n  )\n  const internalData = useRef<Partial<Data>>(externalData)\n  const mountedFieldPathsRef = useRef<string[]>([])\n\n  // Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError>>({})\n  const [showAllErrors, setShowAllErrors] = useState<boolean>(false)\n  // Errors reported by fields, based on their direct validation rules\n  const pathsWithErrorRef = useRef<string[]>([])\n\n  const hasErrors = useCallback(\n    () =>\n      Boolean(\n        mountedFieldPathsRef.current.find(\n          (mountedFieldPath) =>\n            errorsRef.current[mountedFieldPath] !== undefined ||\n            pathsWithErrorRef.current.includes(mountedFieldPath)\n        )\n      ),\n    []\n  )\n\n  useEffect(() => {\n    // When receivint the initial data, or receiving updated data by props, update the internal data (controlled state)\n    internalData.current = externalData\n  }, [externalData])\n\n  const validateBySchema = useCallback(\n    (data: Partial<Data>): Record<string, Error> | undefined => {\n      if (!ajvSchemaValidator) {\n        // No schema-based validator. Assume data is valid.\n        return\n      }\n\n      if (!ajvSchemaValidator(data)) {\n        // Errors found\n        const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors)\n        return errors\n      } else {\n        return\n      }\n    },\n    [ajvSchemaValidator]\n  )\n\n  const validateBySchemaAndUpdateState = useCallback(\n    (data: Partial<Data>) => {\n      errorsRef.current = validateBySchema(data) ?? {}\n    },\n    [validateBySchema]\n  )\n\n  const setPathWithError = useCallback(\n    (path: string, hasError: boolean) => {\n      pathsWithErrorRef.current = hasError\n        ? addListPath(pathsWithErrorRef.current, path)\n        : removeListPath(pathsWithErrorRef.current, path)\n    },\n    []\n  )\n\n  const handlePathChange = useCallback(\n    (path, value) => {\n      onPathChange?.(path, value)\n      // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n      const newData = structuredClone(internalData.current) as Data\n      if (path) {\n        pointer.set(newData, path, value)\n      }\n      onChange?.(newData)\n\n      validateBySchemaAndUpdateState(newData)\n\n      internalData.current = newData\n\n      setShowAllErrors(false)\n    },\n    [onChange, onPathChange, validateBySchemaAndUpdateState]\n  )\n\n  // Mounted fields\n  const handleMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback(() => {\n    if (!hasErrors()) {\n      onSubmit?.(internalData.current as Data)\n      if (scrollTopOnSubmit) {\n        window && window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      setShowAllErrors(true)\n      onSubmitRequest?.()\n    }\n    return internalData.current\n  }, [scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest])\n\n  useEffect(() => {\n    // Mount procedure\n    if (externalData) {\n      // Validate the initial data to know if the user can submit, and to show errors if inputs are requested to with props\n      validateBySchemaAndUpdateState(externalData)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return (\n    <Context.Provider\n      value={{\n        data: internalData.current,\n        handlePathChange,\n        handleSubmit,\n        errors: errorsRef.current,\n        showAllErrors,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        setPathWithError,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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"}

package/es/extensions/forms/DataContext/SubmitButton.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: string;
+};
+declare function SubmitButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace SubmitButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default SubmitButton;

package/es/extensions/forms/DataContext/SubmitButton.js

@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import Context from './Context';
+function SubmitButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.contextSubmit
+  } = props;
+  const dataContext = useContext(Context);
+  return React.createElement(Button, {
+    className: classnames('dnb-forms-submit-button', className),
+    onClick: dataContext.handleSubmit
+  }, children);
+}
+SubmitButton._supportsEufemiaSpacingProps = true;
+export default SubmitButton;
+//# sourceMappingURL=SubmitButton.js.map

package/es/extensions/forms/DataContext/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","names":["React","useContext","classnames","Button","SharedContext","Context","SubmitButton","props","sharedContext","className","children","translation","Forms","contextSubmit","dataContext","createElement","onClick","handleSubmit","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/DataContext/SubmitButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport SharedContext from '../../../shared/Context'\nimport Context from './Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction SubmitButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    children = sharedContext?.translation.Forms.contextSubmit,\n  } = props\n  const dataContext = useContext(Context)\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={dataContext.handleSubmit}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSubmitButton._supportsEufemiaSpacingProps = true\nexport default SubmitButton\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,OAAO,MAAM,WAAW;AAM/B,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJK,SAAS;IACTC,QAAQ,GAAGF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEG,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAGb,UAAU,CAACI,OAAO,CAAC;EAEvC,OACEL,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACLM,SAAS,EAAEP,UAAU,CAAC,yBAAyB,EAAEO,SAAS,CAAE;IAC5DO,OAAO,EAAEF,WAAW,CAACG;EAAa,GAEjCP,QACK,CAAC;AAEb;AAEAJ,YAAY,CAACY,4BAA4B,GAAG,IAAI;AAChD,eAAeZ,YAAY"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ContextState } from './Context';
+import Provider from './Provider';
+import SubmitButton from './SubmitButton';
+import At from './At';
+declare const DataContext: {
+    Context: import("react").Context<ContextState>;
+    Provider: typeof Provider;
+    SubmitButton: typeof SubmitButton;
+    At: typeof At;
+};
+export type { ContextState };
+export default DataContext;

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

@@ -0,0 +1,12 @@
+import Context from './Context';
+import Provider from './Provider';
+import SubmitButton from './SubmitButton';
+import At from './At';
+const DataContext = {
+  Context,
+  Provider,
+  SubmitButton,
+  At
+};
+export default DataContext;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Context","Provider","SubmitButton","At","DataContext"],"sources":["../../../../../src/extensions/forms/DataContext/index.ts"],"sourcesContent":["import Context, { ContextState } from './Context'\nimport Provider from './Provider'\nimport SubmitButton from './SubmitButton'\nimport At from './At'\n\nconst DataContext = {\n  Context,\n  Provider,\n  SubmitButton,\n  At,\n}\n\nexport type { ContextState }\nexport default DataContext\n\n"],"mappings":"AAAA,OAAOA,OAAO,MAAwB,WAAW;AACjD,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,EAAE,MAAM,MAAM;AAErB,MAAMC,WAAW,GAAG;EAClBJ,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC;AACF,CAAC;AAGD,eAAeC,WAAW"}

package/es/extensions/forms/Field/ArraySelection.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<Array<string | number>> & {
+    children?: React.ReactNode;
+    variant?: 'checkbox';
+};
+declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArraySelection {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArraySelection;

package/es/extensions/forms/Field/ArraySelection.js

@@ -0,0 +1,60 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _br;
+import React from 'react';
+import { Checkbox } from '../../../components';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import Option from './Option';
+import FieldBlock from '../FieldBlock';
+import { useField } from './hooks';
+function ArraySelection(props) {
+  const {
+    className,
+    variant,
+    layout,
+    label,
+    labelDescription,
+    labelSecondary,
+    value,
+    error,
+    info,
+    warning,
+    disabled,
+    emptyValue,
+    onChange,
+    children
+  } = useField(props);
+  const options = React.Children.toArray(children).filter(child => React.isValidElement(child) && child.type === Option);
+  switch (variant) {
+    default:
+    case 'checkbox':
+      return React.createElement(FieldBlock, _extends({
+        className: classnames('dnb-forms-field-string', className),
+        layout: layout,
+        label: label,
+        labelDescription: labelDescription,
+        labelSecondary: labelSecondary,
+        info: info,
+        warning: warning,
+        error: error
+      }, forwardSpaceProps(props)), options.map((child, i) => React.createElement(React.Fragment, {
+        key: child.props.value ?? `option-${i}`
+      }, React.createElement(Checkbox, {
+        label: child.props.title ?? child.props.children,
+        checked: child.props.value && (value === null || value === void 0 ? void 0 : value.includes(child.props.value)),
+        top: i > 0 ? 'x-small' : undefined,
+        disabled: disabled,
+        onChange: () => {
+          const clickedValue = child.props.value;
+          if (clickedValue === undefined) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(emptyValue);
+          }
+          const newValue = value !== null && value !== void 0 && value.includes(clickedValue) ? value.filter(value => value !== clickedValue) : [...(value ?? []), clickedValue];
+          onChange === null || onChange === void 0 ? void 0 : onChange(newValue.length === 0 ? emptyValue : newValue);
+        }
+      }), _br || (_br = React.createElement("br", null)))));
+  }
+}
+ArraySelection._supportsEufemiaSpacingProps = true;
+export default ArraySelection;
+//# sourceMappingURL=ArraySelection.js.map

package/es/extensions/forms/Field/ArraySelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArraySelection.js","names":["React","Checkbox","classnames","forwardSpaceProps","Option","FieldBlock","useField","ArraySelection","props","className","variant","layout","label","labelDescription","labelSecondary","value","error","info","warning","disabled","emptyValue","onChange","children","options","Children","toArray","filter","child","isValidElement","type","createElement","_extends","map","i","Fragment","key","title","checked","includes","top","undefined","clickedValue","newValue","length","_br","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/ArraySelection.tsx"],"sourcesContent":["import React from 'react'\nimport { Checkbox } from '../../../components'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport Option from './Option'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<Array<string | number>> & {\n    children?: React.ReactNode\n    variant?: 'checkbox'\n  }\n\nfunction ArraySelection(props: Props) {\n  const {\n    className,\n    variant,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    error,\n    info,\n    warning,\n    disabled,\n    emptyValue,\n    onChange,\n    children,\n  } = useField(props)\n\n  const options = React.Children.toArray(children).filter(\n    (child) => React.isValidElement(child) && child.type === Option\n  ) as React.ReactElement[]\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock\n          className={classnames('dnb-forms-field-string', className)}\n          layout={layout}\n          label={label}\n          labelDescription={labelDescription}\n          labelSecondary={labelSecondary}\n          info={info}\n          warning={warning}\n          error={error}\n          {...forwardSpaceProps(props)}\n        >\n          {options.map((child, i) => (\n            <React.Fragment key={child.props.value ?? `option-${i}`}>\n              <Checkbox\n                label={child.props.title ?? child.props.children}\n                checked={\n                  child.props.value && value?.includes(child.props.value)\n                }\n                top={i > 0 ? 'x-small' : undefined}\n                disabled={disabled}\n                onChange={() => {\n                  const clickedValue = child.props.value\n\n                  if (clickedValue === undefined) {\n                    onChange?.(emptyValue)\n                  }\n\n                  const newValue = value?.includes(clickedValue)\n                    ? value.filter((value) => value !== clickedValue)\n                    : [...(value ?? []), clickedValue]\n\n                  onChange?.(newValue.length === 0 ? emptyValue : newValue)\n                }}\n              />\n              <br />\n            </React.Fragment>\n          ))}\n        </FieldBlock>\n      )\n  }\n}\n\nArraySelection._supportsEufemiaSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,28 @@
+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 BankAccountNumber(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    validate = true,
+    omitMask
+  } = props;
+  const stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    className: 'dnb-forms-field-bank-account-number',
+    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberErrorPattern
+    }, props.errorMessages),
+    mask: omitMask ? [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] : [/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, /\d/],
+    width: props.width ?? 'medium'
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+BankAccountNumber._supportsEufemiaSpacingProps = true;
+export default BankAccountNumber;
+//# sourceMappingURL=BankAccountNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","SharedContext","BankAccountNumber","props","sharedContext","validate","omitMask","stringComponentProps","_objectSpread","className","pattern","undefined","label","translation","Forms","bankAccountNumberLabel","errorMessages","required","bankAccountNumberErrorRequired","bankAccountNumberErrorPattern","mask","width","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/BankAccountNumber.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  validate?: boolean\n  omitMask?: boolean\n}\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { validate = true, omitMask } = props\n\n  const stringComponentProps: Props = {\n    ...props,\n    className: 'dnb-forms-field-bank-account-number',\n    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),\n    label:\n      props.label ??\n      sharedContext?.translation.Forms.bankAccountNumberLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.bankAccountNumberErrorRequired,\n      pattern:\n        sharedContext?.translation.Forms.bankAccountNumberErrorPattern,\n      ...props.errorMessages,\n    },\n    mask: omitMask\n      ? [/\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/]\n      : [\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n        ],\n    width: props.width ?? 'medium',\n  }\n\n  return <StringComponent {...stringComponentProps} />\n}\n\nBankAccountNumber._supportsEufemiaSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,UAAU;AACzE,OAAOC,aAAa,MAAM,yBAAyB;AAOnD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACvC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IAAEI,QAAQ,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE3C,MAAMI,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BL,KAAK;IACRM,SAAS,EAAE,qCAAqC;IAChDC,OAAO,EAAEP,KAAK,CAACO,OAAO,KAAKL,QAAQ,GAAG,aAAa,GAAGM,SAAS,CAAC;IAChEC,KAAK,EACHT,KAAK,CAACS,KAAK,KACXR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,sBAAsB;IACzDC,aAAa,EAAAR,aAAA;MACXS,QAAQ,EACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACI,8BAA8B;MACjER,OAAO,EACLN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACK;IAA6B,GAC7DhB,KAAK,CAACa,aAAa,CACvB;IACDI,IAAI,EAAEd,QAAQ,GACV,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GAClE,CACE,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;IACLe,KAAK,EAAElB,KAAK,CAACkB,KAAK,IAAI;EAAQ,EAC/B;EAED,OAAOvB,KAAA,CAAAwB,aAAA,CAACtB,eAAe,EAAKO,oBAAuB,CAAC;AACtD;AAEAL,iBAAiB,CAACqB,4BAA4B,GAAG,IAAI;AACrD,eAAerB,iBAAiB"}

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

@@ -0,0 +1,10 @@
+import { Props as ToggleProps } from './Toggle';
+export type Props = Omit<ToggleProps, 'valueOn' | 'valueOff' | 'textOn' | 'textOff'> & {
+    trueText?: string;
+    falseText?: string;
+};
+declare function BooleanComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace BooleanComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default BooleanComponent;

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

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["trueText", "falseText"];
+import React, { useContext } from 'react';
+import Toggle from './Toggle';
+import SharedContext from '../../../shared/Context';
+function BooleanComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+      trueText,
+      falseText
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return React.createElement(Toggle, _extends({}, restProps, {
+    valueOn: true,
+    valueOff: false,
+    textOn: trueText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes),
+    textOff: falseText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo)
+  }));
+}
+BooleanComponent._supportsEufemiaSpacingProps = true;
+export default BooleanComponent;
+//# sourceMappingURL=Boolean.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Boolean.js","names":["React","useContext","Toggle","SharedContext","BooleanComponent","props","sharedContext","trueText","falseText","restProps","_objectWithoutProperties","_excluded","createElement","_extends","valueOn","valueOff","textOn","translation","Forms","booleanYes","textOff","booleanNo","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Toggle, { Props as ToggleProps } from './Toggle'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = Omit<\n  ToggleProps,\n  'valueOn' | 'valueOff' | 'textOn' | 'textOff'\n> & {\n  trueText?: string\n  falseText?: string\n}\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { trueText, falseText, ...restProps } = props\n  return (\n    <Toggle\n      {...restProps}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? sharedContext?.translation.Forms.booleanYes}\n      textOff={falseText ?? sharedContext?.translation.Forms.booleanNo}\n    />\n  )\n}\n\nBooleanComponent._supportsEufemiaSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAgC,UAAU;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AAUnD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;MAAEI,QAAQ;MAAEC;IAAwB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACnD,OACEX,KAAA,CAAAY,aAAA,CAACV,MAAM,EAAAW,QAAA,KACDJ,SAAS;IACbK,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAET,QAAQ,KAAID,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACC,UAAU,CAAC;IAChEC,OAAO,EAAEZ,SAAS,KAAIF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACG,SAAS;EAAC,EAClE,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,4BAA4B,GAAG,IAAI;AACpD,eAAelB,gBAAgB"}

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & FieldProps<number> & {
+    currency?: string;
+};
+declare function Currency(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Currency {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Currency;

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

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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 classnames from 'classnames';
+import { InputMasked } from '../../../components';
+import { useField } from './hooks';
+import { forwardSpaceProps } from '../utils';
+function Currency(props) {
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    fromInput: ({
+      value,
+      numberValue
+    }) => {
+      if (value === '') {
+        return props.emptyValue;
+      }
+      return numberValue;
+    }
+  });
+  const {
+    className,
+    currency,
+    placeholder,
+    label,
+    value,
+    error,
+    disabled,
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  return React.createElement(InputMasked, _extends({
+    as_currency: currency ?? true,
+    className: classnames('dnb-forms-field-currency', className),
+    placeholder: placeholder ?? 'kr',
+    value: (value === null || value === void 0 ? void 0 : value.toString()) ?? '',
+    label: label,
+    label_direction: "vertical",
+    on_focus: onFocus,
+    on_blur: onBlur,
+    on_change: onChange,
+    status: error === null || error === void 0 ? void 0 : error.message,
+    disabled: disabled
+  }, forwardSpaceProps(props)));
+}
+Currency._supportsEufemiaSpacingProps = true;
+export default Currency;
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","names":["React","classnames","InputMasked","useField","forwardSpaceProps","Currency","props","preparedProps","_objectSpread","fromInput","value","numberValue","emptyValue","className","currency","placeholder","label","error","disabled","onFocus","onBlur","onChange","createElement","_extends","as_currency","toString","label_direction","on_focus","on_blur","on_change","status","message","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { InputMasked } from '../../../components'\nimport { useField } from './hooks'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<number> & {\n    currency?: string\n  }\n\nfunction Currency(props: Props) {\n  const preparedProps: Props = {\n    ...props,\n    fromInput: ({\n      value,\n      numberValue,\n    }: {\n      value: string\n      numberValue: number\n    }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n  }\n  const {\n    className,\n    currency,\n    placeholder,\n    label,\n    value,\n    error,\n    disabled,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  return (\n    <InputMasked\n      as_currency={currency ?? true}\n      className={classnames('dnb-forms-field-currency', className)}\n      placeholder={placeholder ?? 'kr'}\n      value={value?.toString() ?? ''}\n      label={label}\n      label_direction=\"vertical\"\n      on_focus={onFocus}\n      on_blur={onBlur}\n      on_change={onChange}\n      status={error?.message}\n      disabled={disabled}\n      {...forwardSpaceProps(props)}\n    />\n  )\n}\n\nCurrency._supportsEufemiaSpacingProps = true\nexport default Currency\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,QAAQ,qBAAqB;AACjD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,aAAoB,GAAAC,aAAA,CAAAA,aAAA,KACrBF,KAAK;IACRG,SAAS,EAAEA,CAAC;MACVC,KAAK;MACLC;IAIF,CAAC,KAAK;MACJ,IAAID,KAAK,KAAK,EAAE,EAAE;QAChB,OAAOJ,KAAK,CAACM,UAAU;MACzB;MACA,OAAOD,WAAW;IACpB;EAAC,EACF;EACD,MAAM;IACJE,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,KAAK;IACLN,KAAK;IACLO,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGlB,QAAQ,CAACI,aAAa,CAAC;EAE3B,OACEP,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAAqB,QAAA;IACVC,WAAW,EAAEV,QAAQ,IAAI,IAAK;IAC9BD,SAAS,EAAEZ,UAAU,CAAC,0BAA0B,EAAEY,SAAS,CAAE;IAC7DE,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCL,KAAK,EAAE,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,QAAQ,CAAC,CAAC,KAAI,EAAG;IAC/BT,KAAK,EAAEA,KAAM;IACbU,eAAe,EAAC,UAAU;IAC1BC,QAAQ,EAAER,OAAQ;IAClBS,OAAO,EAAER,MAAO;IAChBS,SAAS,EAAER,QAAS;IACpBS,MAAM,EAAEb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,OAAQ;IACvBb,QAAQ,EAAEA;EAAS,GACfd,iBAAiB,CAACE,KAAK,CAAC,CAC7B,CAAC;AAEN;AAEAD,QAAQ,CAAC2B,4BAA4B,GAAG,IAAI;AAC5C,eAAe3B,QAAQ"}

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

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

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

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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 { DatePicker } from '../../../components';
+import { forwardSpaceProps } from '../utils';
+import { useField } from './hooks';
+import SharedContext from '../../../shared/Context';
+function DateComponent(props) {
+  const sharedContext = useContext(SharedContext);
+  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+    fromInput: ({
+      date
+    }) => {
+      return date;
+    }
+  });
+  const {
+    className,
+    label,
+    value,
+    error,
+    disabled,
+    onFocus,
+    onBlur,
+    onChange
+  } = useField(preparedProps);
+  return React.createElement(DatePicker, _extends({
+    className: className,
+    label: label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel),
+    label_direction: "vertical",
+    date: value,
+    status: error === null || error === void 0 ? void 0 : error.message,
+    disabled: disabled,
+    show_input: true,
+    show_cancel_button: true,
+    show_reset_button: true,
+    on_change: onChange,
+    on_show: onFocus,
+    on_hide: onBlur
+  }, forwardSpaceProps(props)));
+}
+DateComponent._supportsEufemiaSpacingProps = true;
+export default DateComponent;
+//# sourceMappingURL=Date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","names":["React","useContext","DatePicker","forwardSpaceProps","useField","SharedContext","DateComponent","props","sharedContext","preparedProps","_objectSpread","fromInput","date","className","label","value","error","disabled","onFocus","onBlur","onChange","createElement","_extends","translation","Forms","dateLabel","label_direction","status","message","show_input","show_cancel_button","show_reset_button","on_change","on_show","on_hide","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { DatePicker } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps & FieldProps<string>\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const preparedProps: Props = {\n    ...props,\n    fromInput: ({ date }: { date: string }) => {\n      return date\n    },\n  }\n\n  const {\n    className,\n    label,\n    value,\n    error,\n    disabled,\n    onFocus,\n    onBlur,\n    onChange,\n  } = useField(preparedProps)\n\n  return (\n    <DatePicker\n      className={className}\n      label={label ?? sharedContext?.translation.Forms.dateLabel}\n      label_direction=\"vertical\"\n      date={value}\n      status={error?.message}\n      disabled={disabled}\n      show_input={true}\n      show_cancel_button={true}\n      show_reset_button={true}\n      on_change={onChange}\n      on_show={onFocus}\n      on_hide={onBlur}\n      {...forwardSpaceProps(props)}\n    />\n  )\n}\n\nDateComponent._supportsEufemiaSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,SAAS;AAGlC,OAAOC,aAAa,MAAM,yBAAyB;AAInD,SAASC,aAAaA,CAACC,KAAY,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAMI,aAAoB,GAAAC,aAAA,CAAAA,aAAA,KACrBH,KAAK;IACRI,SAAS,EAAEA,CAAC;MAAEC;IAAuB,CAAC,KAAK;MACzC,OAAOA,IAAI;IACb;EAAC,EACF;EAED,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGhB,QAAQ,CAACK,aAAa,CAAC;EAE3B,OACET,KAAA,CAAAqB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTT,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAK,KAAIN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,WAAW,CAACC,KAAK,CAACC,SAAS,CAAC;IAC3DC,eAAe,EAAC,UAAU;IAC1Bd,IAAI,EAAEG,KAAM;IACZY,MAAM,EAAEX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,OAAQ;IACvBX,QAAQ,EAAEA,QAAS;IACnBY,UAAU,EAAE,IAAK;IACjBC,kBAAkB,EAAE,IAAK;IACzBC,iBAAiB,EAAE,IAAK;IACxBC,SAAS,EAAEZ,QAAS;IACpBa,OAAO,EAAEf,OAAQ;IACjBgB,OAAO,EAAEf;EAAO,GACZhB,iBAAiB,CAACI,KAAK,CAAC,CAC7B,CAAC;AAEN;AAEAD,aAAa,CAAC6B,4BAA4B,GAAG,IAAI;AACjD,eAAe7B,aAAa"}

package/es/extensions/forms/Field/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/Field/Email.js

@@ -0,0 +1,22 @@
+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 stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    type: props.type ?? 'email',
+    pattern: props.pattern ?? "^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$",
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailErrorRequired,
+      pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailErrorPattern
+    }, props.errorMessages)
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+Email._supportsEufemiaSpacingProps = true;
+export default Email;
+//# sourceMappingURL=Email.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Email.js","names":["React","useContext","StringComponent","SharedContext","Email","props","sharedContext","stringComponentProps","_objectSpread","type","pattern","label","translation","Forms","emailLabel","errorMessages","required","emailErrorRequired","emailErrorPattern","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/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 stringComponentProps: Props = {\n    ...props,\n    type: props.type ?? 'email',\n    pattern:\n      props.pattern ??\n      \"^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$\",\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.emailErrorRequired,\n      pattern: sharedContext?.translation.Forms.emailErrorPattern,\n      ...props.errorMessages,\n    },\n  }\n\n  return <StringComponent {...stringComponentProps} />\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,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,IAAI,EAAEJ,KAAK,CAACI,IAAI,IAAI,OAAO;IAC3BC,OAAO,EACLL,KAAK,CAACK,OAAO,IACb,qEAAqE;IACvEC,KAAK,EAAEN,KAAK,CAACM,KAAK,KAAIL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,UAAU;IACjEC,aAAa,EAAAP,aAAA;MACXQ,QAAQ,EAAEV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACI,kBAAkB;MAC7DP,OAAO,EAAEJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACK;IAAiB,GACxDb,KAAK,CAACU,aAAa;EACvB,EACF;EAED,OAAOf,KAAA,CAAAmB,aAAA,CAACjB,eAAe,EAAKK,oBAAuB,CAAC;AACtD;AAEAH,KAAK,CAACgB,4BAA4B,GAAG,IAAI;AACzC,eAAehB,KAAK"}

package/es/extensions/forms/Field/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/Field/FirstName.js

@@ -0,0 +1,19 @@
+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 stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
+    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameLabel),
+    errorMessages: _objectSpread({
+      required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.firstNameErrorRequired
+    }, props.errorMessages)
+  });
+  return React.createElement(StringComponent, stringComponentProps);
+}
+FirstName._supportsEufemiaSpacingProps = true;
+export default FirstName;
+//# sourceMappingURL=FirstName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FirstName.js","names":["React","useContext","StringComponent","SharedContext","FirstName","props","sharedContext","stringComponentProps","_objectSpread","label","translation","Forms","firstNameLabel","errorMessages","required","firstNameErrorRequired","createElement","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Field/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 stringComponentProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.firstNameLabel,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.firstNameErrorRequired,\n      ...props.errorMessages,\n    },\n  }\n\n  return <StringComponent {...stringComponentProps} />\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,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BH,KAAK;IACRI,KAAK,EAAEJ,KAAK,CAACI,KAAK,KAAIH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,cAAc;IACrEC,aAAa,EAAAL,aAAA;MACXM,QAAQ,EAAER,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACI;IAAsB,GAC9DV,KAAK,CAACQ,aAAa;EACvB,EACF;EAED,OAAOb,KAAA,CAAAgB,aAAA,CAACd,eAAe,EAAKK,oBAAuB,CAAC;AACtD;AAEAH,SAAS,CAACa,4BAA4B,GAAG,IAAI;AAC7C,eAAeb,SAAS"}