@pinuts/bsr-uikit-relaunch 0.0.9 → 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;;;gBA2IC"}
+{"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

@@ -27,7 +27,10 @@ const BSRAddressContextProvider = _ref => {
   } = _ref;
   const {
     setFieldValue,
-    values
+    values,
+    submitForm,
+    isSubmitting,
+    submitCount
   } = useFormikContext();
   const [addressContext, setAddressContext] = (0, _react.useState)({
     ...defaultAdContext,
@@ -53,6 +56,12 @@ const BSRAddressContextProvider = _ref => {
   // 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 {
@@ -78,13 +87,9 @@ const BSRAddressContextProvider = _ref => {
     }
   }, [setFieldValue, values, fieldKeys]);
   const resetContextValues = (0, _react.useCallback)(() => {
-    setFieldValue(fieldKeys.groupKey, undefined);
-    setFieldValue(fieldKeys.labelKey, undefined);
-    setFieldValue(fieldKeys.streetFieldKey, '');
-    setFieldValue(fieldKeys.streetFieldKeyLabel, '');
-    setFieldValue(fieldKeys.houseNumberFieldKey, '');
-    setFieldValue(fieldKeys.selectedStreetAndNumberKey, '');
-    setFieldValue(fieldKeys.selectedStreetStreetPlz, '');
+    Object.keys(fieldKeys).forEach(key => {
+      setFieldValue(fieldKeys[key], undefined);
+    });
 
     // rest autocomplete input
     setSelectedOptionId(' ');
@@ -104,8 +109,26 @@ const BSRAddressContextProvider = _ref => {
   }, [selectedStreetName, houseNumber, setFieldValue, fieldKeys.selectedStreetAndNumberKey]);
   const showNextBtn = values[fieldKeys.streetFieldKey] && values[fieldKeys.houseNumberFieldKey] && !values[fieldKeys.labelKey] && (!selectedStreetList || selectedStreetList.length === 1);
 
-  // wenn alles ausgefüllt ist, dann nur die Adresse readonly anzeigen
+  // 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,
@@ -136,7 +159,8 @@ 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/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":";AAkBA;;gBA4BC"}
+{"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAkBA;;gBAyBC"}

package/dist/items/BSRAddressSelector/BSRAddressSelector.js

@@ -27,20 +27,22 @@ const BSRAddressSelector = _ref => {
   } = _ref;
   const {
     controllerPath,
-    restUrl
+    restUrl,
+    doSubmitOnChange
   } = config;
   const groupKey = config.key;
   const subFormConfig = JSON.parse(subFormConfigStr.replaceAll('{SELID}', groupKey));
   const initAddressContext = (0, _react.useMemo)(() => {
-    const ad = {
+    const restUrlWithTrailingSlash = restUrl.endsWith('/') ? restUrl : `${restUrl}/`;
+    return {
       groupKey,
-      restUrl
+      restUrl: restUrlWithTrailingSlash,
+      doSubmitOnChange,
+      ...(controllerPath && {
+        controllerPath
+      })
     };
-    if (controllerPath) {
-      ad.controllerPath = controllerPath;
-    }
-    return ad;
-  }, [groupKey, controllerPath, restUrl]);
+  }, [groupKey, controllerPath, restUrl, doSubmitOnChange]);
   return /*#__PURE__*/_react.default.createElement(_BSRAddressContext.default, {
     initAddressContext: initAddressContext
   }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
@@ -51,6 +53,7 @@ const BSRAddressSelector = _ref => {
 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;;QAuQC"}
+{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QA2QC"}

package/dist/items/BSRAddressSelector/BSRAutocompleteField.js

@@ -174,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]);

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":";AAYA,wEAYC"}
+{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAWA,wEAYC"}

package/dist/items/BSRAddressSelector/HouseNumberSelectField.js

@@ -12,8 +12,6 @@ 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; }
-// import PropTypes from 'prop-types';
-
 // form-builder
 
 // wrap the field label, error message help text and more

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinuts/bsr-uikit-relaunch",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",