@dnb/eufemia 10.5.0 → 10.7.0

package/cjs/extensions/forms/Field/hooks/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_types","_ajv","_interopRequireWildcard","_DataContext","_FieldGroup","_componentHelper","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","useField","props","path","emptyValue","required","error","errorProp","onFocus","onFocusProp","onBlur","onBlurProp","onChange","onChangeProp","validator","validatorProp","onBlurValidator","onBlurValidatorProp","schema","errorMessages","validateInitially","validateUnchanged","toInput","fromInput","id","useMemo","makeUniqueId","dataContext","useContext","DataContext","Context","fieldGroupContext","FieldGroupContext","inFieldGroup","Boolean","setFieldError","setFieldGroupError","setShowFieldError","setShowFieldGroupError","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","substring","Error","externalValue","data","pointer","setValue","useState","changedRef","useRef","useEffect","setError","showError","setShowError","schemaValidator","ajv","compile","setErrorAndUpdateDataContext","useCallback","errorWithCorrectMessage","FormError","validationRule","validateValue","valueToValidate","Promise","resolve","then","ajvErrorsToOneFormError","showAllErrors","_ref","onFocusValue","_ref2","onBlurValue","current","valueFromInput","newValue","exportError","handleMountField","handleUnMountField"],"sources":["../../../../../../src/extensions/forms/Field/hooks/useField.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError } from '../../types'\nimport ajv, { ajvErrorsToOneFormError } from '../../utils/ajv'\nimport DataContext from '../../DataContext'\nimport type { FieldProps } from '../../field-types'\nimport { FieldGroupContext } from '../../FieldGroup';\nimport { makeUniqueId } from '../../../../shared/component-helper'\n\ninterface ReturnPropOverrides {\n  onFocus: (options?: { onFocusValue: unknown }) => void\n  onBlur: (options?: { onBlurValue: unknown }) => void\n}\n\nexport default function useField<Props extends FieldProps<any>>(\n  props: Props\n): Omit<Props, keyof ReturnPropOverrides> & ReturnPropOverrides {\n  const {\n    path,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    onChange: onChangeProp,\n    validator: validatorProp,\n    onBlurValidator: onBlurValidatorProp,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id]);\n  const dataContext = useContext(DataContext.Context)\n  const fieldGroupContext = useContext(FieldGroupContext);\n  const inFieldGroup = Boolean(fieldGroupContext);\n  const { setFieldError: setFieldGroupError, setShowFieldError: setShowFieldGroupError } = fieldGroupContext ?? {};\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Input path JSON Pointers  must be from root (starting with a /).'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    return (\n      props.value ??\n      (dataContext.data &&\n      path !== undefined &&\n      pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined)\n    )\n  }, [path, props.value, dataContext.data])\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage = \n        (error instanceof FormError &&\n          typeof error.validationRule === 'string' &&\n          errorMessages?.[error.validationRule] !== undefined\n            ? new FormError(errorMessages[error.validationRule])\n            : error);\n      \n      setError(errorWithCorrectMessage);\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldGroupError?.(path ?? id, errorWithCorrectMessage);\n    },\n    [path, id, errorMessages, dataContextSetPathWithError, setFieldGroupError]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatinated.\n      if (typeof validatorProp === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validatorProp(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they where operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        }) // TO DO: Lib-specific translations\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validatorProp,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      setShowError(true)\n      setShowFieldGroupError?.(path ?? id, true);\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldGroupError])\n\n  const onFocus = useCallback(\n    ({ onFocusValue }) => {\n      onFocusProp?.(onFocusValue ?? value)\n    },\n    [value, onFocusProp]\n  )\n\n  const onBlur = useCallback(\n    ({ onBlurValue }) => {\n      onBlurProp?.(onBlurValue ?? value)\n\n      if (!changedRef.current && !validateUnchanged) {\n        // Avoid showing errors when blurring without havinc hanged the value, so tabbing through several\n        // fields does not make errors pop up all over the place\n        return\n      }\n\n      // External blur validators makes it possible to validate values but not on every character change in case of\n      // expensive validation calling external services etc.\n      if (typeof onBlurValidatorProp === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(onBlurValidatorProp(onBlurValue ?? value))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they where operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      // Since the user left the field, show error (if any)\n      setShowError(true)\n      setShowFieldGroupError?.(path ?? id, true);\n    },\n    [\n      id,\n      path,\n      value,\n      onBlurProp,\n      validateUnchanged,\n      onBlurValidatorProp,\n      setErrorAndUpdateDataContext,\n      setShowFieldGroupError,\n    ]\n  )\n\n  const onChange = useCallback(\n    (valueFromInput) => {\n      const newValue = fromInput(valueFromInput)\n      setValue(newValue)\n      changedRef.current = true\n      // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n      setShowError(false)\n      setShowFieldGroupError?.(path ?? id, false);\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      // Tell any parent data context about the error, so they can take it into consideration when a submit button is clicked for instance\n      onChangeProp?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      onChangeProp,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldGroupError,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() =>\n    errorProp ??\n    error\n  , [errorProp, error]);\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    value: toInput(value),\n    error: inFieldGroup ? undefined : (showError ? exportError : undefined),\n    onFocus,\n    onBlur,\n    onChange,\n  }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/index.d.ts

@@ -0,0 +1,39 @@
+import StringComponent from './String';
+import NumberComponent from './Number';
+import Toggle from './Toggle';
+import BooleanComponent from './Boolean';
+import Currency from './Currency';
+import DateComponent from './Date';
+import Email from './Email';
+import FirstName from './FirstName';
+import LastName from './LastName';
+import NationalIdentityNumber from './NationalIdentityNumber';
+import PhoneNumber from './PhoneNumber';
+import OrganizationNumber from './OrganizationNumber';
+import PostalCodeAndCity from './PostalCodeAndCity';
+import Selection from './Selection';
+import ArraySelection from './ArraySelection';
+import Option from './Option';
+import SelectCountry from './SelectCountry';
+import BankAccountNumber from './BankAccountNumber';
+declare const Field: {
+    String: typeof StringComponent;
+    Number: typeof NumberComponent;
+    Toggle: typeof Toggle;
+    Boolean: typeof BooleanComponent;
+    Currency: typeof Currency;
+    Date: typeof DateComponent;
+    Email: typeof Email;
+    FirstName: typeof FirstName;
+    LastName: typeof LastName;
+    NationalIdentityNumber: typeof NationalIdentityNumber;
+    OrganizationNumber: typeof OrganizationNumber;
+    PhoneNumber: typeof PhoneNumber;
+    PostalCodeAndCity: typeof PostalCodeAndCity;
+    Selection: typeof Selection;
+    ArraySelection: typeof ArraySelection;
+    Option: typeof Option;
+    SelectCountry: typeof SelectCountry;
+    BankAccountNumber: typeof BankAccountNumber;
+};
+export default Field;

package/cjs/extensions/forms/Field/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _String = _interopRequireDefault(require("./String"));
+var _Number = _interopRequireDefault(require("./Number"));
+var _Toggle = _interopRequireDefault(require("./Toggle"));
+var _Boolean = _interopRequireDefault(require("./Boolean"));
+var _Currency = _interopRequireDefault(require("./Currency"));
+var _Date = _interopRequireDefault(require("./Date"));
+var _Email = _interopRequireDefault(require("./Email"));
+var _FirstName = _interopRequireDefault(require("./FirstName"));
+var _LastName = _interopRequireDefault(require("./LastName"));
+var _NationalIdentityNumber = _interopRequireDefault(require("./NationalIdentityNumber"));
+var _PhoneNumber = _interopRequireDefault(require("./PhoneNumber"));
+var _OrganizationNumber = _interopRequireDefault(require("./OrganizationNumber"));
+var _PostalCodeAndCity = _interopRequireDefault(require("./PostalCodeAndCity"));
+var _Selection = _interopRequireDefault(require("./Selection"));
+var _ArraySelection = _interopRequireDefault(require("./ArraySelection"));
+var _Option = _interopRequireDefault(require("./Option"));
+var _SelectCountry = _interopRequireDefault(require("./SelectCountry"));
+var _BankAccountNumber = _interopRequireDefault(require("./BankAccountNumber"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Field = {
+  String: _String.default,
+  Number: _Number.default,
+  Toggle: _Toggle.default,
+  Boolean: _Boolean.default,
+  Currency: _Currency.default,
+  Date: _Date.default,
+  Email: _Email.default,
+  FirstName: _FirstName.default,
+  LastName: _LastName.default,
+  NationalIdentityNumber: _NationalIdentityNumber.default,
+  OrganizationNumber: _OrganizationNumber.default,
+  PhoneNumber: _PhoneNumber.default,
+  PostalCodeAndCity: _PostalCodeAndCity.default,
+  Selection: _Selection.default,
+  ArraySelection: _ArraySelection.default,
+  Option: _Option.default,
+  SelectCountry: _SelectCountry.default,
+  BankAccountNumber: _BankAccountNumber.default
+};
+var _default = Field;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_String","_interopRequireDefault","require","_Number","_Toggle","_Boolean","_Currency","_Date","_Email","_FirstName","_LastName","_NationalIdentityNumber","_PhoneNumber","_OrganizationNumber","_PostalCodeAndCity","_Selection","_ArraySelection","_Option","_SelectCountry","_BankAccountNumber","obj","__esModule","default","Field","String","StringComponent","Number","NumberComponent","Toggle","Boolean","BooleanComponent","Currency","Date","DateComponent","Email","FirstName","LastName","NationalIdentityNumber","OrganizationNumber","PhoneNumber","PostalCodeAndCity","Selection","ArraySelection","Option","SelectCountry","BankAccountNumber","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport Toggle from './Toggle'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport FirstName from './FirstName'\nimport LastName from './LastName'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport OrganizationNumber from './OrganizationNumber'\nimport PostalCodeAndCity from './PostalCodeAndCity'\nimport Selection from './Selection'\nimport ArraySelection from './ArraySelection';\nimport Option from './Option'\nimport SelectCountry from './SelectCountry'\nimport BankAccountNumber from './BankAccountNumber'\n\nconst Field = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Toggle,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  FirstName,\n  LastName,\n  NationalIdentityNumber,\n  OrganizationNumber,\n  PhoneNumber,\n  PostalCodeAndCity,\n  Selection,\n  ArraySelection,\n  Option,\n  SelectCountry,\n  BankAccountNumber,\n}\n\nexport default Field\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,uBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,mBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,kBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,UAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,cAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,kBAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAmB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,MAAMG,KAAK,GAAG;EACZC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAANA,eAAM;EACNC,OAAO,EAAEC,gBAAgB;EACzBC,QAAQ,EAARA,iBAAQ;EACRC,IAAI,EAAEC,aAAa;EACnBC,KAAK,EAALA,cAAK;EACLC,SAAS,EAATA,kBAAS;EACTC,QAAQ,EAARA,iBAAQ;EACRC,sBAAsB,EAAtBA,+BAAsB;EACtBC,kBAAkB,EAAlBA,2BAAkB;EAClBC,WAAW,EAAXA,oBAAW;EACXC,iBAAiB,EAAjBA,0BAAiB;EACjBC,SAAS,EAATA,kBAAS;EACTC,cAAc,EAAdA,uBAAc;EACdC,MAAM,EAANA,eAAM;EACNC,aAAa,EAAbA,sBAAa;EACbC,iBAAiB,EAAjBA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcvB,KAAK;AAAAwB,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/extensions/forms/Field/style/dnb-phone-number.css

@@ -0,0 +1,26 @@
+.dnb-forms-field-phone-number {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-phone-number--width-stretch {
+  width: 100%;
+}
+.dnb-forms-field-phone-number--width-large {
+  width: 336px;
+}
+.dnb-forms-field-phone-number--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-phone-number__country-code {
+  --autocomplete-width: 145px;
+  flex: 0 144px;
+}
+.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
+  width: 144px;
+}
+.dnb-forms-field-phone-number__number {
+  flex: 1;
+}

package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-stretch{width:100%}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}

package/cjs/extensions/forms/Field/style/dnb-phone-number.scss

@@ -0,0 +1,32 @@
+@import '../fields.scss';
+
+.dnb-forms-field-phone-number {
+  display: flex;
+  flex-flow: row;
+  column-gap: var(--spacing-small);
+
+  &--width-stretch {
+    width: 100%;
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &__country-code {
+    --autocomplete-width: 145px;
+    flex: 0 144px;
+
+    .dnb-autocomplete__shell {
+      width: 144px;
+    }
+  }
+
+  &__number {
+    flex: 1;
+  }
+}

package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css

@@ -0,0 +1,19 @@
+.dnb-forms-field-postal-code-and-city__fields {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-postal-code-and-city--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-postal-code-and-city--width-large {
+  width: 336px;
+}
+.dnb-forms-field-postal-code-and-city__postal-code {
+  flex: 0 5rem;
+}
+.dnb-forms-field-postal-code-and-city__city {
+  flex: 1;
+}

package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}

package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss

@@ -0,0 +1,25 @@
+@import '../fields.scss';
+
+.dnb-forms-field-postal-code-and-city {
+  &__fields {
+    display: flex;
+    flex-flow: row;
+    column-gap: var(--spacing-small);
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &__postal-code {
+    flex: 0 5rem;
+  }
+
+  &__city {
+    flex: 1;
+  }
+}

package/cjs/extensions/forms/Field/style/dnb-selection.css

@@ -0,0 +1,6 @@
+.dnb-forms-field-selection--width-large .dnb-dropdown__shell {
+  width: 336px;
+}
+.dnb-forms-field-selection--width-medium .dnb-dropdown__shell {
+  width: 176px;
+}

package/cjs/extensions/forms/Field/style/dnb-selection.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}

package/cjs/extensions/forms/Field/style/dnb-selection.scss

@@ -0,0 +1,15 @@
+@import '../fields.scss';
+
+.dnb-forms-field-selection {
+  &--width-large {
+    .dnb-dropdown__shell {
+      width: $forms-field-width-large;
+    }
+  }
+
+  &--width-medium {
+    .dnb-dropdown__shell {
+      width: $forms-field-width-medium;
+    }
+  }
+}

package/cjs/extensions/forms/Field/style/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-phone-number.scss';
+import './dnb-postal-code-and-city.scss';
+import './dnb-selection.scss';

package/cjs/extensions/forms/Field/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("./dnb-phone-number.min.css");
+require("./dnb-postal-code-and-city.min.css");
+require("./dnb-selection.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Field/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../../src/extensions/forms/Field/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-phone-number.scss'\nimport './dnb-postal-code-and-city.scss'\nimport './dnb-selection.scss'\n"],"mappings":";;AAKAA,OAAA;AACAA,OAAA;AACAA,OAAA"}

package/cjs/extensions/forms/Field/style/index.scss

@@ -0,0 +1,3 @@
+@import './dnb-phone-number.scss';
+@import './dnb-postal-code-and-city.scss';
+@import './dnb-selection.scss';

package/cjs/extensions/forms/Field/style.d.ts

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

package/cjs/extensions/forms/Field/style.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./style");
+//# sourceMappingURL=style.js.map

package/cjs/extensions/forms/Field/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../../src/extensions/forms/Field/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import type { FieldProps } from '../field-types';
+export type Props = ComponentProps & Pick<FieldProps, 'layout' | 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+    forId?: string;
+    children: React.ReactNode;
+    /** Width of outer block element */
+    width?: 'medium' | 'large';
+    /** Width of contents block, while label etc can be wider if space is available */
+    contentsWidth?: 'medium' | 'large' | 'stretch';
+};
+declare function FieldBlock(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldBlock {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FieldBlock;

package/cjs/extensions/forms/FieldBlock/FieldBlock.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _components = require("../../../components");
+var _utils = require("../utils");
+var _types = require("../types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function FieldBlock(props) {
+  const {
+    className,
+    forId,
+    layout = 'vertical',
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    width,
+    contentsWidth,
+    children
+  } = props;
+  const cn = (0, _classnames.default)('dnb-forms-field-block', className, width !== undefined && `dnb-forms-field-block--width-${width}`);
+  return _react.default.createElement(_elements.Div, _extends({
+    className: cn
+  }, (0, _utils.forwardSpaceProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
+    className: "dnb-forms-field-block__label-block"
+  }, label || labelDescription ? _react.default.createElement(_components.FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label, labelDescription && _react.default.createElement("span", {
+    className: "dnb-forms-field-block__label-description"
+  }, labelDescription)) : _react.default.createElement(_react.default.Fragment, null, "\xA0"), labelSecondary && _react.default.createElement(_elements.Span, {
+    className: "dnb-forms-field-block__label-secondary"
+  }, labelSecondary)) : label && _react.default.createElement(_components.FormLabel, {
+    for_id: forId,
+    label_direction: layout,
+    space: {
+      bottom: 'x-small'
+    }
+  }, label), _react.default.createElement("div", {
+    className: 'dnb-forms-field-block__contents' + (contentsWidth !== undefined ? ` dnb-forms-field-block__contents--width-${contentsWidth}` : "")
+  }, children), error && _react.default.createElement(_components.FormStatus, {
+    state: "error",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: error === null || error === void 0 ? void 0 : error.message,
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), warning && _react.default.createElement(_components.FormStatus, {
+    state: "warn",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: warning instanceof Error && warning.message || warning instanceof _types.FormError && warning.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }), info && _react.default.createElement(_components.FormStatus, {
+    state: "info",
+    id: forId ? `${forId}-form-status` : undefined,
+    text: info instanceof Error && info.message || info instanceof _types.FormError && info.message || (info === null || info === void 0 ? void 0 : info.toString()),
+    label: label,
+    space: {
+      top: 'x-small'
+    }
+  }));
+}
+FieldBlock._supportsEufemiaSpacingProps = true;
+var _default = FieldBlock;
+exports.default = _default;
+//# sourceMappingURL=FieldBlock.js.map

package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_components","_utils","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldBlock","props","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","width","contentsWidth","children","cn","classnames","undefined","createElement","Div","forwardSpaceProps","FormLabel","for_id","label_direction","space","bottom","Fragment","Span","FormStatus","state","id","text","message","top","Error","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'layout'\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    forId?: string\n    children: React.ReactNode\n    /** Width of outer block element */\n    width?: 'medium' | 'large'\n    /** Width of contents block, while label etc can be wider if space is available */\n    contentsWidth?: 'medium' | 'large' | 'stretch'\n  }\n\nfunction FieldBlock(props: Props) {\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    width,\n    contentsWidth,\n    children,\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {labelDescription || labelSecondary ? (\n        <div className=\"dnb-forms-field-block__label-block\">\n          {label || labelDescription ? (\n            <FormLabel\n              for_id={forId}\n              label_direction={layout}\n              space={{ bottom: 'x-small' }}\n            >\n              {label}\n              {labelDescription && (\n                <span className=\"dnb-forms-field-block__label-description\">\n                  {labelDescription}\n                </span>\n              )}\n            </FormLabel>\n          ) : (\n            <>&nbsp;</>\n          )}\n          {labelSecondary && (\n            <Span className=\"dnb-forms-field-block__label-secondary\">\n              {labelSecondary}\n            </Span>\n          )}\n        </div>\n      ) : (\n        label && (\n          <FormLabel\n            for_id={forId}\n            label_direction={layout}\n            space={{ bottom: 'x-small' }}\n          >\n            {label}\n          </FormLabel>\n        )\n      )}\n\n      <div\n        className={classnames(\n          'dnb-forms-field-block__contents',\n          contentsWidth !== undefined &&\n            `dnb-forms-field-block__contents--width-${contentsWidth}`\n        )}\n      >\n        {children}\n      </div>\n\n      {error && (\n        <FormStatus\n          state=\"error\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={error?.message}\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {warning && (\n        <FormStatus\n          state=\"warn\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (warning instanceof Error && warning.message) ||\n            (warning instanceof FormError && warning.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n      {info && (\n        <FormStatus\n          state=\"info\"\n          id={forId ? `${forId}-form-status` : undefined}\n          text={\n            (info instanceof Error && info.message) ||\n            (info instanceof FormError && info.message) ||\n            info?.toString()\n          }\n          label={label}\n          space={{ top: 'x-small' }}\n        />\n      )}\n    </Div>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}

package/cjs/extensions/forms/FieldBlock/index.d.ts

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

package/cjs/extensions/forms/FieldBlock/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FieldBlock.default;
+  }
+});
+var _FieldBlock = _interopRequireDefault(require("./FieldBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/FieldBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FieldBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default  } from './FieldBlock';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css

@@ -0,0 +1,30 @@
+.dnb-forms-field-block__label-block {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.dnb-forms-field-block__label-description {
+  margin-left: 0.3em;
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block__label-secondary {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block--width-large {
+  width: 336px;
+}
+.dnb-forms-field-block--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-block__contents--width-stretch {
+  width: 100%;
+}
+.dnb-forms-field-block__contents--width-large {
+  width: 336px;
+}
+.dnb-forms-field-block__contents--width-medium {
+  width: 176px;
+}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block--width-large{width:336px}.dnb-forms-field-block--width-medium{width:176px}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-large{width:336px}.dnb-forms-field-block__contents--width-medium{width:176px}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -0,0 +1,45 @@
+@import '../../Field/fields.scss';
+
+.dnb-forms-field-block {
+  &__label-block {
+    display: flex;
+    flex-flow: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__label-description {
+    margin-left: 0.3em;
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+
+  &__label-secondary {
+    color: var(--color-black-55);
+    font-size: var(--font-size-small);
+  }
+
+  &--width-large {
+    width: $forms-field-width-large;
+  }
+
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+
+  &__contents {
+    &--width-stretch {
+      width: 100%;
+    }
+
+    &--width-large {
+      width: $forms-field-width-large;
+    }
+  
+    &--width-medium {
+      width: $forms-field-width-medium;
+    }
+  }
+
+  
+}

package/cjs/extensions/forms/FieldBlock/style/index.d.ts

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

package/cjs/extensions/forms/FieldBlock/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./dnb-field-block.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/FieldBlock/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../../src/extensions/forms/FieldBlock/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-field-block.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/FieldBlock/style.d.ts

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

package/cjs/extensions/forms/FieldBlock/style.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./style");
+//# sourceMappingURL=style.js.map

package/cjs/extensions/forms/FieldBlock/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../../src/extensions/forms/FieldBlock/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/FieldGroup/FieldGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { FormError } from '../types';
+import type { FieldProps } from '../field-types';
+export interface FieldGroupContextState {
+    setFieldError?: (id: string, error: FormError) => void;
+    setShowFieldError?: (id: string, showError: boolean) => void;
+}
+export declare const FieldGroupContext: React.Context<FieldGroupContextState>;
+export type Props = ComponentProps & Pick<FieldProps, 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+    children: React.ReactNode;
+};
+declare function FieldGroup(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldGroup {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FieldGroup;