@pinuts/bsr-uikit-relaunch 0.2.45 → 0.2.47

package/dist/items/BSRAddressSelector/BSRAddressButtons.js

@@ -103,7 +103,7 @@ const BSRAddressPLZSelectButton = _ref3 => {
       type: 'button',
       disabled: showPlzSelectButton
     },
-    color: "secondary"
+    color: "primary"
   }));
 };
 BSRAddressPLZSelectButton.propTypes = {

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

@@ -18,6 +18,7 @@ declare namespace BSRAutocompleteField {
             viewMode: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             suggestionsAmount: PropTypes.Requireable<number>;
+            placeholder: PropTypes.Requireable<string>;
         }>>>;
     }
 }

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":";AA8CA;;QAkRC;;;;;;;;;;;;;;;;;;;;sBAhUqB,YAAY"}
+{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QAyRC;;;;;;;;;;;;;;;;;;;;;sBAxUqB,YAAY"}

package/dist/items/BSRAddressSelector/BSRAutocompleteField.js

@@ -14,6 +14,7 @@ var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/Form
 var _index = require("../../utils/index.js");
 var _BSRAddressSelectorModule = _interopRequireDefault(require("./BSRAddressSelector.module.scss"));
 var _BSRAddressContext = require("./BSRAddressContext.js");
+var _useGetPlaceHolderText = _interopRequireDefault(require("./useGetPlaceHolderText.js"));
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -88,6 +89,10 @@ const BSRAutocompleteField = _ref => {
   const cancelButtonRef = (0, _react.useRef)(null);
   const isInvalid = false;
   const controllerPath = getControllerPath();
+  const placeHolderI18nKey = 'bsrAddressSelector.labels.streetPlaceholder';
+  const placeHolderI18n = (0, _useGetPlaceHolderText.default)(placeHolderI18nKey);
+  const placeHolderConfig = config.placeholder || placeHolderI18nKey;
+  const placeholder = placeHolderConfig && placeHolderI18nKey !== placeHolderConfig ? placeHolderConfig : placeHolderI18n;
 
   // need this to reset the combobox from outside
   (0, _react.useEffect)(() => {
@@ -166,7 +171,8 @@ const BSRAutocompleteField = _ref => {
   }, [setValue, filteredOptions, key, setSearchInput, setSelectedOptionId, setFieldValue, labelFieldKey, setPrevSelection]);
   const combobox = (0, _react2.useComboboxStore)({
     value: selectedOption?.value === '' && (searchInput === selectedOption.label || searchInput === '') ? '' : searchInput || usedValueLabel,
-    setValue: handleOnSelectChange
+    setValue: handleOnSelectChange,
+    setSelectedValue: handleOnSelectChange
   });
   const handleBlur = (0, _react.useCallback)(() => {
     setSelectedOptionId('');
@@ -205,6 +211,7 @@ const BSRAutocompleteField = _ref => {
     getAutoSelectId: getPreviousSelectedItem,
     className: formControlClassNames,
     focusable: true,
+    placeholder: placeholder,
     onBlur: handleBlur,
     onFocus: event => {
       setIsFocused(true);
@@ -264,7 +271,8 @@ BSRAutocompleteField.propTypes = {
     labelText: _propTypes.default.string,
     viewMode: _propTypes.default.bool,
     disabled: _propTypes.default.bool,
-    suggestionsAmount: _propTypes.default.number
+    suggestionsAmount: _propTypes.default.number,
+    placeholder: _propTypes.default.string
   }).isRequired
 };
 const HigherOrderAutocompleteField = (0, _withFieldGroup.default)(BSRAutocompleteField);

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

@@ -1,4 +1,14 @@
 export default WrappedHouseNumberSelectField;
 declare function WrappedHouseNumberSelectField(props: any): React.JSX.Element;
+declare namespace WrappedHouseNumberSelectField {
+    namespace propTypes {
+        let config: PropTypes.Requireable<PropTypes.InferProps<{
+            inputProps: PropTypes.Requireable<object>;
+            key: PropTypes.Requireable<string>;
+            placeholder: PropTypes.Requireable<string>;
+        }>>;
+    }
+}
 import React from 'react';
+import PropTypes from 'prop-types';
 //# 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":";AAWA,8EAYC;kBAvBiC,OAAO"}
+{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAaA,8EAqBC;;;;;;;;;;kBAlCiC,OAAO;sBACnB,YAAY"}

package/dist/items/BSRAddressSelector/HouseNumberSelectField.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formBuilder = require("@pinuts/form-builder");
 var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
+var _useGetPlaceHolderText = _interopRequireDefault(require("./useGetPlaceHolderText.js"));
 var _TextInputField = _interopRequireDefault(require("../TextInputField/TextInputField.jsx"));
 var _BSRAddressContext = require("./BSRAddressContext.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,10 +21,27 @@ const WrappedHouseNumberSelectField = props => {
   const {
     dontShowSelector
   } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  const placeHolderI18nKey = 'bsrAddressSelector.labels.houseNumberPlaceholder';
+  const placeHolderI18n = (0, _useGetPlaceHolderText.default)(placeHolderI18nKey);
+  const placeHolderConfig = props.config.placeholder || placeHolderI18nKey;
+  const placeholder = placeHolderConfig && placeHolderI18nKey !== placeHolderConfig ? placeHolderConfig : placeHolderI18n;
   if (dontShowSelector) {
     return null;
   }
+  if (placeholder) {
+    props.config.inputProps = props.config.inputProps || {};
+    props.config.inputProps.placeholder = placeholder;
+  }
   return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(_TextInputField.default, props));
 };
+
+// PropTypes
+WrappedHouseNumberSelectField.propTypes = {
+  config: _propTypes.default.shape({
+    inputProps: _propTypes.default.object,
+    key: _propTypes.default.string,
+    placeholder: _propTypes.default.string
+  })
+};
 (0, _formBuilder.registerComponent)('HouseNumberSelectField', WrappedHouseNumberSelectField);
 var _default = exports.default = WrappedHouseNumberSelectField;

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

@@ -0,0 +1,3 @@
+export default useGetPlaceHolderText;
+declare function useGetPlaceHolderText(i18nKey: any): string;
+//# sourceMappingURL=useGetPlaceHolderText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetPlaceHolderText.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/useGetPlaceHolderText.js"],"names":[],"mappings":";AAEA,6DAQC"}

package/dist/items/BSRAddressSelector/useGetPlaceHolderText.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactI18next = require("react-i18next");
+const useGetPlaceHolderText = i18nKey => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const text = t(i18nKey);
+  if (!text || text === i18nKey) {
+    return '';
+  }
+  return text;
+};
+var _default = exports.default = useGetPlaceHolderText;

package/package.json

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