@pinuts/bsr-uikit-relaunch 0.0.8 → 0.0.10

package/dist/items/BSRAddressSelector/BSRAddressContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAcA,6DAAiD;;AAEjD;;;gBA6EC"}
+{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAcA,6DAAiD;;AAEjD;;;gBA4JC"}

package/dist/items/BSRAddressSelector/BSRAddressContext.js

@@ -26,7 +26,11 @@ const BSRAddressContextProvider = _ref => {
     children
   } = _ref;
   const {
-    setFieldValue
+    setFieldValue,
+    values,
+    submitForm,
+    isSubmitting,
+    submitCount
   } = useFormikContext();
   const [addressContext, setAddressContext] = (0, _react.useState)({
     ...defaultAdContext,
@@ -48,25 +52,84 @@ const BSRAddressContextProvider = _ref => {
   const [selectedOptionId, setSelectedOptionId] = (0, _react.useState)('');
   const [prevSelection, setPrevSelection] = (0, _react.useState)({});
   const [triggerCancelCombox, setTriggerCancelCombox] = (0, _react.useState)(false);
-  const groupKey = addressContext.groupKey;
+
+  // used in plz and street selector
+  const [showNoResultsError, setShowNoResultsError] = (0, _react.useState)(false);
+  const [selectedStreetList, setSelectedStreetList] = (0, _react.useState)(null);
+
+  // used for autoCommit
+  const [lastCommitValue, setLastCommitValue] = (0, _react.useState)({
+    submitCount: -1,
+    value: null
+  });
+  const fieldKeys = (0, _react.useMemo)(() => {
+    const groupKey = addressContext.groupKey;
+    return {
+      groupKey,
+      streetFieldKey: `${groupKey}-streetSelector`,
+      streetFieldKeyLabel: `${groupKey}-streetSelectorLabel`,
+      houseNumberFieldKey: `${groupKey}-houseNumber`,
+      labelKey: `${groupKey}Label`,
+      selectedStreetAndNumberKey: `${groupKey}-streedAndNumber`,
+      selectedStreetStreetPlz: `${groupKey}-streetPlz`
+    };
+  }, [addressContext.groupKey]);
+  (0, _react.useEffect)(() => {
+    const currentStreetAndNumber = values[fieldKeys.selectedStreetAndNumberKey];
+    const currentStreet = values[fieldKeys.streetFieldKey];
+    const currentHouseNumber = values[fieldKeys.houseNumberFieldKey];
+    if (currentStreetAndNumber && currentStreet && currentHouseNumber) {
+      if (currentStreetAndNumber !== `${currentStreet}:::${currentHouseNumber}`) {
+        setFieldValue(fieldKeys.selectedStreetAndNumberKey, '');
+      }
+    } else if (currentStreetAndNumber) {
+      setFieldValue(fieldKeys.selectedStreetAndNumberKey, '');
+    }
+  }, [setFieldValue, values, fieldKeys]);
   const resetContextValues = (0, _react.useCallback)(() => {
-    const labelKey = `${groupKey}Label`;
-    const streetFieldKey = `${groupKey}-streetSelector`;
-    const houseNumberFieldKey = `${groupKey}-houseNumber`;
-    setFieldValue(labelKey, undefined);
-    setFieldValue(streetFieldKey, '');
-    setFieldValue(houseNumberFieldKey, '');
+    Object.keys(fieldKeys).forEach(key => {
+      setFieldValue(fieldKeys[key], undefined);
+    });
 
     // rest autocomplete input
     setSelectedOptionId(' ');
     setPrevSelection({});
     setTriggerCancelCombox(true);
-  }, [groupKey, setFieldValue, setTriggerCancelCombox]);
+    setShowNoResultsError(false);
+    setSelectedStreetList(null);
+  }, [setFieldValue, setTriggerCancelCombox, fieldKeys, setShowNoResultsError]);
 
   // AdressePrüfenBtn anzeigen, wenn Straße und Hausnummer gesetzt sind
-  // const showNextBtn = true;
 
-  const paththroughValues = (0, _react.useMemo)(() => {
+  const selectedStreetName = values[fieldKeys.streetFieldKey] || '';
+  const houseNumber = values[fieldKeys.houseNumberFieldKey] || '';
+  const onClickCheckAddressBtn = (0, _react.useCallback)(() => {
+    const streetOrHouseNumber = selectedStreetName && houseNumber ? `${selectedStreetName}:::${houseNumber}` : null;
+    setFieldValue(fieldKeys.selectedStreetAndNumberKey, streetOrHouseNumber);
+  }, [selectedStreetName, houseNumber, setFieldValue, fieldKeys.selectedStreetAndNumberKey]);
+  const showNextBtn = values[fieldKeys.streetFieldKey] && values[fieldKeys.houseNumberFieldKey] && !values[fieldKeys.labelKey] && (!selectedStreetList || selectedStreetList.length === 1);
+
+  // if everything is filled out, then only display the address as read-only
+  const dontShowSelector = values[fieldKeys.labelKey] && values[fieldKeys.groupKey];
+  const hasNewValueSinceLastCommit = () => {
+    const curValue = values[fieldKeys.groupKey];
+    if (!curValue) {
+      return false;
+    }
+    return lastCommitValue.submitCount === -1 || lastCommitValue.submitCount !== submitCount && lastCommitValue.value !== curValue;
+  };
+  if (dontShowSelector && addressContext.doSubmitOnChange && !isSubmitting && hasNewValueSinceLastCommit()) {
+    setLastCommitValue({
+      submitCount,
+      value: values[fieldKeys.groupKey]
+    });
+    window.setTimeout(() => {
+      // need a thread change to wait the form is re-rendered before submitting
+      // ==> react-dom.development.js:86 Warning: Cannot update a component (`Vr`) while rendering a different component
+      submitForm();
+    }, 1);
+  }
+  const pathThroughValues = (0, _react.useMemo)(() => {
     return {
       addressContext,
       setAdContext,
@@ -77,18 +140,27 @@ const BSRAddressContextProvider = _ref => {
       setPrevSelection,
       triggerCancelCombox,
       setTriggerCancelCombox,
-      getControllerPath
+      getControllerPath,
+      showNextBtn,
+      onClickCheckAddressBtn,
+      showNoResultsError,
+      setShowNoResultsError,
+      selectedStreetList,
+      setSelectedStreetList,
+      dontShowSelector,
+      fieldKeys
     };
-  }, [addressContext, setAdContext, resetContextValues, selectedOptionId, setSelectedOptionId, prevSelection, setPrevSelection, triggerCancelCombox, setTriggerCancelCombox, getControllerPath]);
+  }, [addressContext, setAdContext, resetContextValues, selectedOptionId, setSelectedOptionId, prevSelection, setPrevSelection, triggerCancelCombox, setTriggerCancelCombox, getControllerPath, showNextBtn, onClickCheckAddressBtn, showNoResultsError, setShowNoResultsError, selectedStreetList, setSelectedStreetList, dontShowSelector, fieldKeys]);
   return /*#__PURE__*/_react.default.createElement(BSRAddressContext.Provider, {
-    value: paththroughValues
+    value: pathThroughValues
   }, children);
 };
 BSRAddressContextProvider.propTypes = {
   initAddressContext: _propTypes.default.shape({
     groupKey: _propTypes.default.string,
     restUrl: _propTypes.default.string,
-    controllerPath: _propTypes.default.string
+    controllerPath: _propTypes.default.string,
+    doSubmitOnChange: _propTypes.default.bool
   }),
   children: _propTypes.default.node.isRequired
 };

package/dist/items/BSRAddressSelector/BSRAddressResetButton.js

@@ -48,6 +48,12 @@ const FormBuilderAddressResetButton = _ref2 => {
     config = {},
     ...otherProps
   } = _ref2;
+  const {
+    dontShowSelector
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  if (dontShowSelector) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(BSRAddressResetButton, _extends({}, otherProps, {
     config: config
   }));
@@ -55,5 +61,6 @@ const FormBuilderAddressResetButton = _ref2 => {
 FormBuilderAddressResetButton.propTypes = {
   config: _propTypes.default.shape(BSRAddressResetButton.propTypes)
 };
-(0, _formBuilder.registerComponent)('BSRAddressResetButton', FormBuilderAddressResetButton);
+(0, _formBuilder.registerComponent)('BSRAddressResetButton', BSRAddressResetButton);
+(0, _formBuilder.registerComponent)('BSRAddressResetButtonSelector', FormBuilderAddressResetButton);
 var _default = exports.default = BSRAddressResetButton;

package/dist/items/BSRAddressSelector/BSRAddressSelector.d.ts

@@ -5,6 +5,7 @@ declare function BSRAddressSelector({ config }: {
 declare namespace BSRAddressSelector {
     let propTypes: {
         restUrl: any;
+        doSubmitOnChange: any;
         controllerPath: any;
         value: any;
         values: any;

package/dist/items/BSRAddressSelector/BSRAddressSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAqBA;;gBA2EC"}
+{"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAkBA;;gBAyBC"}

package/dist/items/BSRAddressSelector/BSRAddressSelector.js

@@ -7,93 +7,53 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formBuilder = require("@pinuts/form-builder");
-var _reactI18next = require("react-i18next");
-var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
 var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
 var _BSRAddressContext = _interopRequireDefault(require("./BSRAddressContext.js"));
 require("./BSRAutocompleteField.jsx");
 require("./BSRAddressResetButton.jsx");
 require("./BSRStreetPlzSelector.jsx");
+require("./HouseNumberSelectField.jsx");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import { useTranslation } from 'react-i18next';
-
 // form-builder
 
 // init sub components
 
 const subFormConfigStr = JSON.stringify(require('./BSRAddressSubForm.json'));
-const {
-  useFormikContext
-} = _formBuilder.formik;
 const BSRAddressSelector = _ref => {
   let {
     config
   } = _ref;
-  const [t] = (0, _reactI18next.useTranslation)();
   const {
     controllerPath,
-    restUrl
+    restUrl,
+    doSubmitOnChange
   } = config;
-  const {
-    values,
-    setFieldValue
-  } = useFormikContext();
   const groupKey = config.key;
   const subFormConfig = JSON.parse(subFormConfigStr.replaceAll('{SELID}', groupKey));
-  const streetFieldKey = `${groupKey}-streetSelector`;
-  const houseNumberFieldKey = `${groupKey}-houseNumber`;
-  const selectedStreedAndNumberKey = `${groupKey}-streedAndNumber`;
-  const [selectedStreetName, setSelectedStreetName] = (0, _react.useState)(null);
-  const [houseNumber, setHouseNumber] = (0, _react.useState)(null);
   const initAddressContext = (0, _react.useMemo)(() => {
-    const ad = {
+    const restUrlWithTrailingSlash = restUrl.endsWith('/') ? restUrl : `${restUrl}/`;
+    return {
       groupKey,
-      restUrl
-    };
-    if (controllerPath) {
-      ad.controllerPath = controllerPath;
-    }
-    return ad;
-  }, [groupKey, controllerPath, restUrl]);
-  (0, _react.useEffect)(() => {
-    const newSelectedStreetName = values[streetFieldKey] || '';
-    const newHouseNumber = values[houseNumberFieldKey] || '';
-    if (newSelectedStreetName && newHouseNumber) {
-      if (values[streetFieldKey] !== selectedStreetName) {
-        setSelectedStreetName((values[streetFieldKey] || '').trim());
-      }
-      if (values[houseNumberFieldKey] !== houseNumberFieldKey) {
-        setHouseNumber((values[houseNumberFieldKey] || '').trim());
-      }
-    } else if (values[selectedStreedAndNumberKey]) {
-      setFieldValue(selectedStreedAndNumberKey, '');
-      setFieldValue(groupKey, '');
-    }
-
-    //cleanup
-    return () => {
-      setHouseNumber(null);
+      restUrl: restUrlWithTrailingSlash,
+      doSubmitOnChange,
+      ...(controllerPath && {
+        controllerPath
+      })
     };
-  }, [streetFieldKey, houseNumberFieldKey, values, selectedStreedAndNumberKey, selectedStreetName, setFieldValue, groupKey]);
-  const onClickNextBtn = () => {
-    const streetOrHouseNumber = selectedStreetName && houseNumber ? `${selectedStreetName}:::${houseNumber}` : null;
-    setFieldValue(selectedStreedAndNumberKey, streetOrHouseNumber);
-  };
-  const showNextBtn = selectedStreetName && houseNumber;
+  }, [groupKey, controllerPath, restUrl, doSubmitOnChange]);
   return /*#__PURE__*/_react.default.createElement(_BSRAddressContext.default, {
     initAddressContext: initAddressContext
   }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
     formId: `${groupKey}-adselctor-wrapper`,
     components: subFormConfig.components
-  }), showNextBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: onClickNextBtn
-  }, t('bsrAddressSelector.checkAddress')));
+  }));
 };
 BSRAddressSelector.propTypes = {
   ..._FormFieldChildPropTypes.default,
   restUrl: _propTypes.default.string,
+  doSubmitOnChange: _propTypes.default.bool,
   controllerPath: _propTypes.default.string
 };
 (0, _formBuilder.registerComponent)('BSRAddressSelector', BSRAddressSelector);

package/dist/items/BSRAddressSelector/BSRAutocompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QAkQC"}
+{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QA2QC"}

package/dist/items/BSRAddressSelector/BSRAutocompleteField.js

@@ -54,7 +54,6 @@ const BSRAutocompleteField = _ref => {
     key,
     viewMode,
     labelText,
-    groupKey,
     disabled,
     readOnly
   } = config;
@@ -65,7 +64,9 @@ const BSRAutocompleteField = _ref => {
     setSelectedOptionId,
     triggerCancelCombox,
     setTriggerCancelCombox,
-    getControllerPath
+    getControllerPath,
+    dontShowSelector,
+    fieldKeys
   } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
   const {
     setFieldValue
@@ -73,6 +74,7 @@ const BSRAutocompleteField = _ref => {
   const [field,, {
     setValue
   }] = useField(key);
+  const groupKey = fieldKeys?.groupKey;
   const labelFieldKey = `${key}Label`;
   const [labelField] = useField(labelFieldKey);
   const usedValueLabel = labelField?.value;
@@ -87,10 +89,11 @@ const BSRAutocompleteField = _ref => {
   const isInvalid = false;
   const controllerPath = getControllerPath();
 
-  // nedd this to reset the combobox from outside
+  // need this to reset the combobox from outside
   (0, _react.useEffect)(() => {
     if (triggerCancelCombox) {
       cancelButtonRef.current?.click();
+      setSearchInput('');
       setTriggerCancelCombox(false);
     }
   }, [cancelButtonRef, triggerCancelCombox, setTriggerCancelCombox]);
@@ -171,7 +174,11 @@ const BSRAutocompleteField = _ref => {
     setFieldValue(groupKey, '');
     setFieldValue(labelFieldKey, undefined);
     setTimeout(() => {
-      inputRef.current.select();
+      try {
+        inputRef.current.select();
+      } catch (e) {
+        // ignore
+      }
     }, 50);
   }, [key, setFieldValue, labelFieldKey, groupKey, setSelectedOptionId, setPrevSelection]);
   const className = (0, _react.useMemo)(() => [_BSRAddressSelectorModule.default.comboboxWrapper, 'ariakit-combobox', 'form-control px-2 py-1', isFocused && 'focused', isInvalid && 'is-invalid'].filter(Boolean).join(' '), [isFocused, isInvalid]);
@@ -181,6 +188,9 @@ const BSRAutocompleteField = _ref => {
   const getPreviousSelectedItem = (0, _react.useCallback)(() => {
     return prevSelection?.value ? prevSelection.value : field.value;
   }, [prevSelection, field.value]);
+  if (dontShowSelector) {
+    return null;
+  }
   if (viewMode) {
     return usedValueLabel?.label || '';
   }
@@ -255,6 +265,12 @@ BSRAutocompleteField.propTypes = {
 };
 const HigherOrderAutocompleteField = (0, _withFieldGroup.default)(BSRAutocompleteField);
 const WrappedAutocompleteField = props => {
+  const {
+    dontShowSelector
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  if (dontShowSelector) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderAutocompleteField, props));
 };
 (0, _formBuilder.registerComponent)('BSRAutocompleteField', WrappedAutocompleteField);

package/dist/items/BSRAddressSelector/BSRStreetPlzSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRStreetPlzSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRStreetPlzSelector.jsx"],"names":[],"mappings":";AA8HA,2EAA6E"}
+{"version":3,"file":"BSRStreetPlzSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRStreetPlzSelector.jsx"],"names":[],"mappings":";AA2JA,2EAA6E"}

package/dist/items/BSRAddressSelector/BSRStreetPlzSelector.js

@@ -11,6 +11,7 @@ var _reactI18next = require("react-i18next");
 var _GroupInputField = _interopRequireDefault(require("../GroupInputField/GroupInputField.jsx"));
 var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
 var _BSRAddressContext = require("./BSRAddressContext.js");
+var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,18 +32,24 @@ const BSRStreetPlzSelector = props => {
     setFieldValue
   } = useFormikContext();
   const {
-    getControllerPath
+    getControllerPath,
+    showNextBtn,
+    onClickCheckAddressBtn,
+    showNoResultsError,
+    setShowNoResultsError,
+    selectedStreetList,
+    setSelectedStreetList,
+    dontShowSelector,
+    fieldKeys
   } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
   const {
     config
   } = props;
-  const groupKey = config.groupKey;
-  const labelKey = `${groupKey}Label`;
-  const selectedStreedAndNumberKey = `${groupKey}-streedAndNumber`;
+  const groupKey = fieldKeys?.groupKey;
+  const labelKey = fieldKeys?.labelKey;
+  const selectedStreedAndNumberKey = fieldKeys?.selectedStreetAndNumberKey;
   const localFieldKey = config.key;
-  const [selectedStreetList, setSelectedStreetList] = (0, _react.useState)(null);
   const [selectedStreedAndNumber, setSelectedStreedAndNumber] = (0, _react.useState)(null);
-  const [showNoResultsError, setShowNoResultsError] = (0, _react.useState)(false);
   const [showLoading, setShowLoading] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     // set or delete selected street and number, form parent inputs, to state
@@ -54,7 +61,7 @@ const BSRStreetPlzSelector = props => {
       setFieldValue(groupKey, '');
       setFieldValue(`${labelKey}`, '');
     }
-  }, [selectedStreedAndNumberKey, values, selectedStreedAndNumber, setSelectedStreedAndNumber, groupKey, labelKey, setFieldValue]);
+  }, [selectedStreedAndNumberKey, values, selectedStreedAndNumber, setSelectedStreedAndNumber, groupKey, labelKey, setFieldValue, setSelectedStreetList]);
   (0, _react.useEffect)(() => {
     const mainFieldValue = values[groupKey];
     const selectedRadioValue = values[localFieldKey];
@@ -81,6 +88,7 @@ const BSRStreetPlzSelector = props => {
     if (selectedStreedAndNumber) {
       const url = getControllerPath() + '/plzSet';
       setShowLoading(true);
+      setSelectedStreetList(null);
       fetchStreetPLz(url, selectedStreedAndNumber).catch(console.error).then(data => {
         const list = data || [];
         setShowNoResultsError(list.length === 0);
@@ -90,16 +98,28 @@ const BSRStreetPlzSelector = props => {
         const [value, label] = list.length === 1 ? [list[0].value, list[0].label] : ['', ''];
         setFieldValue(groupKey, value);
         setFieldValue(labelKey, label);
+        if (list.length > 1) {
+          setFieldValue(localFieldKey, value);
+        }
         setShowLoading(false);
       });
     }
-  }, [selectedStreedAndNumber, groupKey, labelKey, setFieldValue, getControllerPath]);
-  if (showNoResultsError) {
-    return /*#__PURE__*/_react.default.createElement("p", null, t('bsrAddressSelector.addressNotFound'));
+  }, [selectedStreedAndNumber, groupKey, labelKey, setFieldValue, getControllerPath, localFieldKey, setShowNoResultsError, setSelectedStreetList]);
+  const noResultsError = showNoResultsError ? /*#__PURE__*/_react.default.createElement("p", null, t('bsrAddressSelector.addressNotFound')) : null;
+  if (dontShowSelector) {
+    return null;
   }
   if (showLoading) {
     return /*#__PURE__*/_react.default.createElement("p", null, t('bsrAddressSelector.loading'));
   }
+  if (showNextBtn) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, noResultsError, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      onClick: onClickCheckAddressBtn
+    }, t('bsrAddressSelector.checkAddress'))));
+  }
+  if (showNoResultsError) {
+    return noResultsError;
+  }
   if (!selectedStreetList || selectedStreetList.length === 0) {
     return null;
   }

package/dist/items/BSRAddressSelector/HouseNumberSelectField.d.ts

@@ -1 +1,3 @@
+export default WrappedHouseNumberSelectField;
+declare function WrappedHouseNumberSelectField(props: any): JSX.Element;
 //# sourceMappingURL=HouseNumberSelectField.d.ts.map

package/dist/items/BSRAddressSelector/HouseNumberSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":""}
+{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAWA,wEAYC"}

package/dist/items/BSRAddressSelector/HouseNumberSelectField.js

@@ -1,105 +1,28 @@
-// import React, { useEffect, useState } from 'react';
-// import PropTypes from 'prop-types';
-// import { useTranslation } from 'react-i18next';
-//
-// // form-builder
-// import { registerComponent, formik } from '@pinuts/form-builder';
-//
-// import useGetOptionList from '../../hooks/useGetOptionList.js';
-// import { getFormControlClassNames } from '../../utils/getUikitClassNames.js';
-// import FormFieldChildPropTypes from '../FormFieldWrapper/FormFieldChildPropTypes.jsx';
-// import FormFieldWrapper from '../FormFieldWrapper/FormFieldWrapper.jsx';
-// import withFieldGroup from '../../hooks/withFieldGroup.jsx';
-// import styles from '../../styles/form.module.scss';
-//
-// import SelectField from '../SelectField/SelectField.jsx';
-//
-// const { useFormikContext } = formik;
-//
-// const fetchHouseNumbers = async (streetId) => {
-//     const response = await fetch(`http://localhost:8086/cmsbs/rest/de.bsr.adressen.app/streetNo?streetid=${streetId}`);
-//     const data = await response.json();
-//
-//     return data;
-// };
-//
-// const HouseNumberSelectField = (config) => {
-//
-//     const [selectedStreetId, setSelectedStreetId] = useState(null);
-//     const [houseNumberOptions, setHouseNumberOptions] = useState([]);
-//     const {
-//         streedFieldKey,
-//         key,
-//     } = config.config;
-//     const { values, setFieldValue } = useFormikContext();
-//
-//     useEffect(() => {
-//         console.log('values: ' + streedFieldKey, config);
-//         const streetId = values[streedFieldKey] || '';
-//
-//         console.log('values[streedFieldKey]: ', values[streedFieldKey]);
-//         setSelectedStreetId(streetId);
-//
-//         // set number label
-//         if (houseNumberOptions && streetId) {
-//             const numberLabelFieldKey = `${key}Label`;
-//             const numberSelectKey = values[key];
-//             const numberlabel = houseNumberOptions.find(option => option.value === numberSelectKey)?.label;
-//             if (values[numberLabelFieldKey] !== numberlabel) {
-//                 setFieldValue(numberLabelFieldKey, numberlabel);
-//             }
-//         }
-//     }, [values]);
-//
-//     useEffect(() => {
-//         if (selectedStreetId) {
-//             fetchHouseNumbers(selectedStreetId).catch(console.error).then(setHouseNumberOptions);
-//         } else {
-//             setHouseNumberOptions([]);
-//             if (values[key]) {
-//                 setFieldValue(key, '');
-//             }
-//         }
-//     }, [selectedStreetId]);
-//
-//     const newConfig = {
-//         ...config,
-//         options: houseNumberOptions,
-//     };
-//
-//     return (
-//         <SelectField {...newConfig} />
-//     );
-// };
-//
-// HouseNumberSelectField.propTypes = {
-//     ...FormFieldChildPropTypes,
-//
-//     validation: PropTypes.arrayOf(PropTypes.string),
-//     options: PropTypes.arrayOf(
-//         PropTypes.oneOfType([
-//             PropTypes.shape({
-//                 value: PropTypes.oneOfType([
-//                     PropTypes.string,
-//                     PropTypes.number,
-//                 ]),
-//                 label: PropTypes.oneOfType([
-//                     PropTypes.string,
-//                     PropTypes.object,
-//                 ]),
-//             }),
-//             PropTypes.string]),
-//     ).isRequired,
-//     emptyOptionLabel: PropTypes.string,
-//     skipOptions: PropTypes.oneOfType([
-//         PropTypes.arrayOf(PropTypes.string),
-//         PropTypes.string,
-//     ]),
-// };
-//
-//
-// registerComponent('HouseNumberSelectField', HouseNumberSelectField);
-//
-//
-// export default HouseNumberSelectField;
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _formBuilder = require("@pinuts/form-builder");
+var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
+var _TextInputField = _interopRequireDefault(require("../TextInputField/TextInputField.jsx"));
+var _BSRAddressContext = require("./BSRAddressContext.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// form-builder
+
+// wrap the field label, error message help text and more
+const WrappedHouseNumberSelectField = props => {
+  const {
+    dontShowSelector
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  if (dontShowSelector) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(_TextInputField.default, props));
+};
+(0, _formBuilder.registerComponent)('HouseNumberSelectField', WrappedHouseNumberSelectField);
+var _default = exports.default = WrappedHouseNumberSelectField;

package/dist/items/BSRAddressSelector/HouseNumberSelectFieldBck.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=HouseNumberSelectFieldBck.d.ts.map

package/dist/items/BSRAddressSelector/HouseNumberSelectFieldBck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HouseNumberSelectFieldBck.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectFieldBck.jsx"],"names":[],"mappings":""}