@ta-interaktiv/react-municipality-search 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.3.0...@ta-interaktiv/react-municipality-search@1.4.0) (2022-05-18)
+
+### Features
+
+- updated to react-spring ^9.4.5 ([2e1c8a1](https://gitlab.com/ta-interaktiv/packages/commit/2e1c8a19acc0963bae2feb563a90286d2e24168c))
+
 # [1.3.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.2.2...@ta-interaktiv/react-municipality-search@1.3.0) (2022-04-20)
 
 ### Bug Fixes

package/dist/index.js

@@ -9,7 +9,7 @@ var React__default = _interopDefault(React);
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/icon.css');
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/input.css');
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/label.css');
-var renderprops_cjs_js = require('react-spring/renderprops.cjs.js');
+var reactSpring = require('react-spring');
 var IntlMessageFormat = _interopDefault(require('intl-messageformat'));
 
 /*! *****************************************************************************
@@ -334,10 +334,10 @@ var MunicipalitySearch = (function (_super) {
                     React__default.createElement("i", { className: 'search icon' })),
                 !this.props.hideTooltip && (React__default.createElement("div", null,
                     React__default.createElement("label", { htmlFor: 'search', className: "ui " + (this.state.error ? 'red' : 'basic grey') + " " + labelDirection + " label" }, labelContent())))),
-            showResults(results) && (React__default.createElement("div", { className: "results " + styles.results }, showResults(results) && (React__default.createElement(renderprops_cjs_js.Transition, { native: true, items: results, keys: function (result) {
+            showResults(results) && (React__default.createElement("div", { className: "results " + styles.results }, showResults(results) && (React__default.createElement(reactSpring.Transition, { native: true, items: results, keys: function (result) {
                     return result.PLZ4 + result.GDENR + result.ORTNAME;
-                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: renderprops_cjs_js.config.gentle }, function (result) { return function (props) {
-                return (React__default.createElement(renderprops_cjs_js.animated.div, { onClick: function () {
+                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: reactSpring.config.gentle }, function (values, result) {
+                return (React__default.createElement(reactSpring.animated.div, { onClick: function () {
                         _this.props.onSelectionHandler(result);
                         if (_this.props.showLastSelectedMunicipalities) {
                             _this.pushToLocalStorageArray(result);
@@ -352,7 +352,7 @@ var MunicipalitySearch = (function (_super) {
                                 _this.resetComponent();
                             }
                         }
-                    }, className: "result " + styles.result, style: props, tabIndex: 0 },
+                    }, className: "result " + styles.result, style: values, tabIndex: 0 },
                     React__default.createElement("div", { className: styles.resultHeader },
                         React__default.createElement("span", { className: styles.resultPlz }, result.PLZ4),
                         ' ',
@@ -361,7 +361,7 @@ var MunicipalitySearch = (function (_super) {
                         t('list.municipalityPrefix'),
                         " ",
                         result.GDENAMK)));
-            }; }))))));
+            }))))));
     };
     MunicipalitySearch.defaultProps = {
         municipalityData: '2021v3',

package/es/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/icon.css';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/input.css';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/label.css';
-import { Transition, config, animated } from 'react-spring/renderprops.cjs.js';
+import { Transition, config, animated } from 'react-spring';
 import IntlMessageFormat from 'intl-messageformat';
 
 /*! *****************************************************************************
@@ -329,7 +329,7 @@ var MunicipalitySearch = (function (_super) {
                     React.createElement("label", { htmlFor: 'search', className: "ui " + (this.state.error ? 'red' : 'basic grey') + " " + labelDirection + " label" }, labelContent())))),
             showResults(results) && (React.createElement("div", { className: "results " + styles.results }, showResults(results) && (React.createElement(Transition, { native: true, items: results, keys: function (result) {
                     return result.PLZ4 + result.GDENR + result.ORTNAME;
-                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: config.gentle }, function (result) { return function (props) {
+                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: config.gentle }, function (values, result) {
                 return (React.createElement(animated.div, { onClick: function () {
                         _this.props.onSelectionHandler(result);
                         if (_this.props.showLastSelectedMunicipalities) {
@@ -345,7 +345,7 @@ var MunicipalitySearch = (function (_super) {
                                 _this.resetComponent();
                             }
                         }
-                    }, className: "result " + styles.result, style: props, tabIndex: 0 },
+                    }, className: "result " + styles.result, style: values, tabIndex: 0 },
                     React.createElement("div", { className: styles.resultHeader },
                         React.createElement("span", { className: styles.resultPlz }, result.PLZ4),
                         ' ',
@@ -354,7 +354,7 @@ var MunicipalitySearch = (function (_super) {
                         t('list.municipalityPrefix'),
                         " ",
                         result.GDENAMK)));
-            }; }))))));
+            }))))));
     };
     MunicipalitySearch.defaultProps = {
         municipalityData: '2021v3',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ta-interaktiv/react-municipality-search",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React component that allows searching for Swiss municipalities with either ZIP code or place names.",
   "keywords": [
     "react",
@@ -46,12 +46,15 @@
   "dependencies": {
     "@ta-interaktiv/semantic-ui": "^3.3.3",
     "intl-messageformat": "^2.2.0",
-    "react-spring": "^8.0.19"
+    "react-spring": "^9.4.5"
   },
   "peerDependencies": {
     "@ta-interaktiv/semantic-ui": "^3.1.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0"
   },
-  "gitHead": "1a2b9e052efec5d218999ec99dbaa8a008e0c153"
+  "devDependencies": {
+    "@react-spring/types": "^9.4.5"
+  },
+  "gitHead": "a43facdb171c04efa0d9e2a6d1d25918f0a92635"
 }

package/src/municipalitySearch.tsx

@@ -8,7 +8,7 @@ import {
   animated,
   config as springConfig,
   Transition,
-} from 'react-spring/renderprops.cjs.js'
+} from 'react-spring'
 import IntlMessageFormat from 'intl-messageformat'
 import de from './locales/de.yml'
 import fr from './locales/fr.yml'
@@ -459,7 +459,7 @@ export class MunicipalitySearch extends Component<Props, State> {
                 leave={{ transform: 'translate(0, 60px)', opacity: 0 }}
                 config={springConfig.gentle}
               >
-                {(result) => (props) =>
+                {(values, result)  =>
                   (
                     <animated.div
                       onClick={() => {
@@ -482,7 +482,7 @@ export class MunicipalitySearch extends Component<Props, State> {
                         }
                       }}
                       className={`result ${styles.result}`}
-                      style={props}
+                      style={values}
                       tabIndex={0}
                     >
                       <div className={styles.resultHeader}>