@digitransit-component/digitransit-component-autosuggest-panel 1.3.32 → 1.3.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/package.json +3 -3
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("classnames"),require("prop-types"),require("react"),require("react-sortablejs"),require("i18next"),require("@digitransit-component/digitransit-component-autosuggest"),require("@digitransit-component/digitransit-component-icon"),require("lodash/isEmpty"),require("react-autosuggest")):"function"==typeof define&&define.amd?define(["exports","classnames","prop-types","react","react-sortablejs","i18next","@digitransit-component/digitransit-component-autosuggest","@digitransit-component/digitransit-component-icon","lodash/isEmpty","react-autosuggest"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-autosuggest-panel"]={},e.cx,e.PropTypes,e.React,e.reactSortablejs,e.i18next,e.DTAutosuggest,e.Icon,e.isEmpty,e.Autosuggest)}(this,(function(e,t,n,i,o,a,r,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(t),u=p(n),_=p(i),f=p(a),g=p(r),v=p(s),y=p(l),m=p(c);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function h(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function x(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||h(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function S(e,t){return S=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},S(e,t)}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function E(e,t){return!t||"object"!==P(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function C(e,t){if(null==e)return{};var n,i,o=function(e,t){if(null==e)return{};var n,i,o={},a=Object.keys(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],i=!0,o=!1,a=void 0;try{for(var r,s=e[Symbol.iterator]();!(i=(r=s.next()).done)&&(n.push(r.value),!t||n.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw a}}return n}}(e,t)||h(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var j={"combobox-container":"select_combobox-container__RIXvo","left-column":"select_left-column__2FEns","combobox-label":"select_combobox-label__2MICS",container:"select_container__2b1sr",suggestion:"select_suggestion__2X3fv",suggestionHighlighted:"select_suggestionHighlighted__1272u",suggestionsContainerOpen:"select_suggestionsContainerOpen__2h5BI",input:"select_input__2JqwS"};O(".select_combobox-container__RIXvo {\n background-color: #fff;\n border: solid #888888 1px;\n display: flex;\n align-items: center;\n border-radius: 5px;\n height: 50px;\n justify-content: space-between;\n flex-grow: 1; }\n .select_combobox-container__RIXvo:focus-within {\n border-color: #007ac9; }\n .select_combobox-container__RIXvo .select_left-column__2FEns {\n display: flex;\n flex-direction: column;\n width: 100%; }\n\n.select_combobox-label__2MICS {\n font-size: 12px;\n line-height: 20px;\n color: #666666;\n letter-spacing: -0.48px;\n margin-left: 12px;\n margin-top: 4px; }\n\n.select_container__2b1sr {\n position: relative; }\n .select_container__2b1sr .select_suggestion__2X3fv {\n font-size: 15px;\n line-height: 49px;\n height: 50px;\n padding: 0 0 0 12px;\n letter-spacing: -0.6px;\n color: #333333;\n font-weight: 500; }\n .select_container__2b1sr .select_suggestionHighlighted__1272u {\n font-size: 15px;\n font-weight: 500;\n background: #F4F4F5; }\n .select_container__2b1sr .select_suggestionsContainerOpen__2h5BI {\n position: absolute;\n background-color: #fff;\n z-index: 20;\n max-height: 250px;\n overflow-x: hidden;\n overflow-y: scroll;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid;\n top: 35px;\n width: calc(100% + 45px); }\n .select_container__2b1sr .select_suggestionsContainerOpen__2h5BI ul {\n padding: 0;\n margin: 0; }\n .select_container__2b1sr .select_suggestionsContainerOpen__2h5BI li:not(:last-child) {\n border-bottom: 1px solid #ddd; }\n .select_container__2b1sr .select_input__2JqwS {\n -webkit-appearance: none;\n appearance: none;\n margin: -4px 0 0 0;\n padding-left: 12px;\n border: none;\n height: 26px;\n background: #fff;\n font-weight: 500;\n box-shadow: none;\n font-size: 15px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: -0.6px;\n color: #333333; }\n .select_container__2b1sr .select_input__2JqwS:focus {\n outline: none;\n border: none;\n box-shadow: none;\n background: #fff; }\n .select_container__2b1sr .select_input__2JqwS:read-only {\n cursor: pointer;\n background: #fff; }\n");var V=["ref"],N=function(e){var t=e.value,n=e.getDisplay,o=e.options,a=e.onSlackTimeSelected,r=e.viaPointIndex,s=e.id,l=e.label,c=e.icon,p=R(i.useState(n(t)),2),d=p[0],u=p[1],f=R(i.useState(!1),2),g=f[0],v=f[1];i.useEffect((function(){return u(n(t))}),[t]);var y=i.useRef(null),b=Math.floor(t/600);i.useLayoutEffect((function(){g&&y.current&&(y.current.scrollTop=50*b)}),[t,g]);var h="".concat(s,"-input"),x="".concat(s,"-label");return _.default.createElement(_.default.Fragment,null,_.default.createElement("label",{className:j["combobox-container"],htmlFor:h},_.default.createElement("span",{className:j["left-column"]},_.default.createElement("span",{className:j["combobox-label"],id:x},l),_.default.createElement(m.default,{id:s,suggestions:o,getSuggestionValue:function(e){return e.value},renderSuggestion:function(e){return e.displayName},onSuggestionsFetchRequested:function(){return null},shouldRenderSuggestions:function(){return!0},focusInputOnSuggestionClick:!1,onSuggestionsClearRequested:function(){return null},inputProps:{value:d,onChange:function(e,n){var i=n.newValue;switch(n.method){case"enter":case"click":a(i,r);break;case"escape":u(t)}},onFocus:function(){v(!0)},onBlur:function(){v(!1)},id:h,"aria-labelledby":x,"aria-autocomplete":"none",readOnly:!0},renderSuggestionsContainer:function(e){var t=e.containerProps,n=e.children,i=t.ref,o=C(t,V);return _.default.createElement("div",Object.assign({tabIndex:"-1"},o,{ref:function(e){e&&(y.current=e,i(e))}}),n)},theme:j})),c))};"production"!==process.env.NODE_ENV&&(N.propTypes={value:u.default.number.isRequired,onSlackTimeSelected:u.default.func.isRequired,getDisplay:u.default.func.isRequired,options:u.default.arrayOf(u.default.shape({displayName:u.default.string.isRequired,value:u.default.number.isRequired}).isRequired).isRequired,id:u.default.string.isRequired,label:u.default.node.isRequired,icon:u.default.node.isRequired,viaPointIndex:u.default.number.isRequired});var M={de:{"add-via-button-label":"Füge Zwischenziel hinzu","add-via-duration-button-label":"Setze Umsteigezeit für Zwischenziel {{index}}","add-via-duration-button-label-close":"Schließe Umsteigezeit-Auswahl für Zwischenziel {{index}}","add-via-duration-button-label-open":"Öffne Umsteigezeit-Auswahl für Zwischenziel {{index}}","minute-short":"min","remove-via-button-label":"Entferne Zwischenziel {{index}}","swap-order-button-label":"Tausche Start mit Ziel","via-point":"Zwischenziel","via-point-index":"Zwischenziel {{index}}","viapoint-slack-amount":"Umsteigezeit"},en:{"add-via-button-label":"Add via point","add-via-duration-button-label":"Set stop duration at via point {{index}}","add-via-duration-button-label-close":"Close stop duration selector at via point {{index}}","add-via-duration-button-label-open":"Open stop duration selector at via point {{index}}","minute-short":"min","remove-via-button-label":"Remove via point {{index}}","swap-order-button-label":"Reverse origin and destination","via-point":"Via point","via-point-index":"Via point {{index}}","viapoint-slack-amount":"Stop duration"},fi:{"add-via-button-label":"Lisää välipiste","add-via-duration-button-label":"Aseta välipisteelle {{index}} pysähdyksen kesto","add-via-duration-button-label-close":"Avaa välipisteen {{index}} pysähdyksen kesto valitsin","add-via-duration-button-label-open":"Sulje välipisteen {{index}} pysähdyksen kesto valitsin","minute-short":"min","remove-via-button-label":"Poista välipiste {{index}}","swap-order-button-label":"Käännä reitin suunta vastakkaiseksi","via-point":"Välipiste","via-point-index":"Välipiste {{index}}","viapoint-slack-amount":"Pysähdyksen kesto"},sv:{"add-via-button-label":"Lägg till viapunkt","add-via-duration-button-label":"Ställ in varaktighet för viapunkten {{index}}","add-via-duration-button-label-close":"Stäng väljaren för varaktighet vid via-punkten {{index}}","add-via-duration-button-label-open":"Öppna väljaren för varaktighet vid via-punkten {{index}}","minute-short":"min","remove-via-button-label":"Ta bort viapunkt {{index}}","swap-order-button-label":"Sväng ruttens riktning till den motsatta","via-point":"Via punkt","via-point-index":"Via punkt {{index}}","viapoint-slack-amount":"Stoppets varaktighet"}},T={"autosuggest-panel":"styles_autosuggest-panel__2mEPO","autosuggest-searchpanel-text":"styles_autosuggest-searchpanel-text__2o-wq","origin-input-container":"styles_origin-input-container__7bZX-","destination-input-container":"styles_destination-input-container__1FJVk",row:"styles_row__3zD5u","viapoints-container":"styles_viapoints-container__2bD0U","viapoint-container":"styles_viapoint-container__3pddJ","light-gray-background":"styles_light-gray-background__3afMT","viapoint-before":"styles_viapoint-before__2LvvN","viapoint-input-container":"styles_viapoint-input-container__1zmjH","viapoint-1":"styles_viapoint-1__1X708",viapoint:"styles_viapoint__M9E2J","viapoint-2":"styles_viapoint-2__3QySE","viapoint-3":"styles_viapoint-3__14uvh","viapoint-4":"styles_viapoint-4__151yk","viapoint-5":"styles_viapoint-5__1MtFy","viapoint-slack-time":"styles_viapoint-slack-time__3nQTH","select-wrapper":"styles_select-wrapper__3qKFY","via-point-button-container":"styles_via-point-button-container__Q0V0G","input-viapoint-slack-container":"styles_input-viapoint-slack-container__qpERi","itinerary-search-control":"styles_itinerary-search-control__3vPXP",opposite:"styles_opposite__14g9K","add-via-point":"styles_add-via-point__3HwCR","add-via-point-slack":"styles_add-via-point-slack__2UiQE","remove-via-point":"styles_remove-via-point__27ByT","combobox-icon":"styles_combobox-icon__3Gz0_","time-input-icon":"styles_time-input-icon__16y-c","rectangle-container":"styles_rectangle-container__2jBZ2",rectangle:"styles_rectangle__1fq6z"};O("/* stylelint-disable */\n.styles_autosuggest-panel__2mEPO {\n width: 100%; }\n\n.styles_autosuggest-searchpanel-text__2o-wq {\n font-size: 24px;\n font-weight: var(--font-weight-medium);\n letter-spacing: -0.8px;\n color: #333333;\n line-height: 1;\n margin-bottom: 17px;\n margin-top: unset; }\n @media screen and (min-width: 768px) {\n .styles_autosuggest-searchpanel-text__2o-wq {\n letter-spacing: -0.8px;\n line-height: 27px;\n margin-bottom: 21px; } }\n\n.styles_origin-input-container__7bZX-,\n.styles_destination-input-container__1FJVk {\n display: flex;\n flex: 1 0 100%; }\n .styles_origin-input-container__7bZX- input[type='text'],\n .styles_destination-input-container__1FJVk input[type='text'] {\n margin: 0; }\n\n.styles_row__3zD5u {\n display: flex;\n flex-direction: row; }\n\n.styles_viapoints-container__2bD0U {\n display: flex;\n flex-direction: column; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ {\n display: flex;\n flex: 1 0 100%;\n min-height: 50px; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ:first-child {\n margin-top: 6px; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ:not(:first-child) {\n margin-top: 3px; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ:last-child {\n margin-bottom: 6px; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT {\n display: flex;\n padding: 3px 0;\n flex-direction: column;\n background: #f4f4f5;\n border-radius: 5px;\n width: 100%; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-before__2LvvN {\n display: flex;\n min-width: 27px;\n justify-content: center;\n align-items: center; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-before__2LvvN svg {\n fill: #888;\n height: 20px; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH {\n display: flex;\n align-items: center;\n width: 100%; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH input[type='text'] {\n margin: 0; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH.styles_viapoint-1__1X708 > div.styles_viapoint__M9E2J {\n z-index: 15; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH.styles_viapoint-2__3QySE > div.styles_viapoint__M9E2J {\n z-index: 14; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH.styles_viapoint-3__14uvh > div.styles_viapoint__M9E2J {\n z-index: 13; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH.styles_viapoint-4__151yk > div.styles_viapoint__M9E2J {\n z-index: 12; }\n .styles_viapoints-container__2bD0U .styles_viapoint-container__3pddJ .styles_light-gray-background__3afMT .styles_viapoint-input-container__1zmjH.styles_viapoint-5__1MtFy > div.styles_viapoint__M9E2J {\n z-index: 11; }\n\n.styles_viapoint-slack-time__3nQTH {\n font-size: 13px;\n font-weight: normal;\n letter-spacing: -0.36px;\n color: #333333;\n padding-left: 27px;\n padding-top: 12px;\n padding-bottom: 10px; }\n\n.styles_select-wrapper__3qKFY {\n display: flex;\n height: 50px;\n margin-top: 9px;\n padding-left: 27px;\n padding-right: 47px; }\n\n.styles_via-point-button-container__Q0V0G {\n display: flex; }\n .styles_via-point-button-container__Q0V0G > div:nth-child(1) {\n order: 1;\n border-left: none; }\n .styles_via-point-button-container__Q0V0G > div:nth-child(2) {\n order: 2;\n border-left: 1px solid rgba(151, 151, 151, 0.2); }\n\n.styles_input-viapoint-slack-container__qpERi {\n display: flex;\n flex-direction: column; }\n\n.styles_itinerary-search-control__3vPXP {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n max-height: 50px;\n cursor: pointer; }\n .styles_itinerary-search-control__3vPXP + .styles_itinerary-search-control__3vPXP {\n border-left: 1px solid rgba(151, 151, 151, 0.2); }\n .styles_itinerary-search-control__3vPXP .styles_opposite__14g9K {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 40px; }\n .styles_itinerary-search-control__3vPXP .styles_opposite__14g9K svg {\n width: 19px;\n height: 17px; }\n .styles_itinerary-search-control__3vPXP .styles_add-via-point__3HwCR {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 40px; }\n .styles_itinerary-search-control__3vPXP .styles_add-via-point__3HwCR svg {\n width: 20px;\n height: 22px; }\n .styles_itinerary-search-control__3vPXP .styles_add-via-point-slack__2UiQE {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 47px; }\n .styles_itinerary-search-control__3vPXP .styles_add-via-point-slack__2UiQE svg {\n width: 18px;\n height: 19px; }\n .styles_itinerary-search-control__3vPXP .styles_remove-via-point__27ByT {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n max-height: 44px;\n min-width: 40px; }\n .styles_itinerary-search-control__3vPXP .styles_remove-via-point__27ByT svg {\n width: 14px;\n height: 14px; }\n\n.styles_combobox-icon__3Gz0_ {\n color: var(--color);\n border-left: solid #888888 1px;\n height: 35px; }\n .styles_combobox-icon__3Gz0_.styles_time-input-icon__16y-c {\n padding: 9px 13px 0 13px; }\n .styles_combobox-icon__3Gz0_.styles_time-input-icon__16y-c svg {\n width: 18px;\n height: 19px; }\n\n.styles_rectangle-container__2jBZ2 {\n display: block;\n position: relative;\n height: 9px;\n z-index: 19; }\n .styles_rectangle-container__2jBZ2 .styles_rectangle__1fq6z {\n position: absolute;\n width: 4px;\n height: 21px;\n border-radius: 2px;\n background-color: #dddddd;\n margin-left: 25px;\n margin-top: -5px; }\n");var q=["children","className","enabled","onClick","onKeyPress"];function z(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=w(e);if(t){var o=w(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return E(this,n)}}f.default.init({lng:"fi",fallbackLng:"fi",defaultNS:"translation",interpolation:{escapeValue:!1}});var I=function(){return{}},A=function(e){if(void 0===e||y.default(e))return!0;var t=Object.keys(e);return 1===t.length||2===t.length&&t.includes("locationSlack")},D=function(e){var t=e.children,n=e.className,i=e.enabled,o=e.onClick,a=e.onKeyPress,r=C(e,q);return i&&o&&_.default.createElement("div",{className:T["itinerary-search-control"]},_.default.createElement("div",Object.assign({},r,{className:n,onClick:o,onKeyPress:a,role:"button",tabIndex:"0"}),t))};"production"!==process.env.NODE_ENV&&(D.propTypes={children:u.default.node,className:u.default.string.isRequired,enabled:u.default.bool.isRequired,onClick:u.default.func.isRequired,onKeyPress:u.default.func.isRequired});var J=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&S(e,t)}(r,e);var t,n,i,a=z(r);function r(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),(t=a.call(this,e)).componentDidMount=function(){f.default.changeLanguage(t.props.lang)},t.componentDidUpdate=function(){f.default.language!==t.props.lang&&f.default.changeLanguage(t.props.lang)},t.getSlackTimeOptions=function(){for(var e=[],t=0;t<=9;t++){var n=10*t;e.push({displayName:"".concat(n," ").concat(f.default.t("minute-short")),value:60*n})}return e},t.setDraggableViaPointRef=function(e,n){t.draggableViaPoints[n]=e},t.storeReference=function(e){t.setState((function(t){return{refs:[].concat(x(t.refs),[e])}}))},t.handleFocusChange=function(){var e=t.props.destination;e&&e.set||t.state.refs[1].focus()},t.isKeyboardSelectionEvent=function(e){var t=e&&(e.key||e.which||e.keyCode)||"";return!(!t||![13," ","Spacebar"].concat([32,"Enter"]).includes(t))&&(e.preventDefault(),!0)},t.value=function(e){return e&&e.address||e&&e.gps&&e.ready&&"Nykyinen sijainti"||""},t.class=function(e){return e&&!0===e.gps?"position":"location"},t.updateViaPoints=function(e){0!==e.length?t.props.updateViaPoints(e.filter((function(e){return!A(e)}))):t.props.updateViaPoints([])},t.updateViaPointSlack=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.indexOf(t);return i>-1&&e.splice(i,1),n?e.map((function(e){return e>t?e-1:e})):e},t.handleToggleViaPointSlackClick=function(e){var n=t.state.activeSlackInputs;t.setState({activeSlackInputs:n.includes(e)?t.updateViaPointSlack(n,e):n.concat([e])})},t.handleViaPointSlackTimeSelected=function(e,n){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"EditViaPointStopDuration",category:"ItinerarySettings",name:e/60});var i=t.props.viaPoints;i[n].locationSlack=Number.parseInt(e,10),t.updateViaPoints(i)},t.handleViaPointLocationSelected=function(e,n){t.props.handleViaPointLocationSelected(e,n)},t.handleRemoveViaPointClick=function(e){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"RemoveJourneyViaPoint",category:"ItinerarySettings",name:null});var n=t.state.activeSlackInputs,i=t.props.viaPoints;i.splice(e,1),t.setState({activeSlackInputs:t.updateViaPointSlack(n,e,!0)},(function(){return t.updateViaPoints(i)}))},t.handleAddViaPointClick=function(){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"AddJourneyViaPoint",category:"ItinerarySettings",name:"QuickSettingsButton"}),t.props.viaPoints.push({}),t.setState(t.state)},t.handleSwapOrderClick=function(){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"SwitchJourneyStartAndEndPointOrder",category:"ItinerarySettings",name:null}),t.props.viaPoints.reverse(),t.props.swapOrder()},t.getSlackDisplay=function(e){return"".concat(e/60," ").concat(f.default.t("minute-short"))},t.render=function(){var e=t.props,n=e.showMultiPointControls,i=e.origin,a=e.searchPanelText,r=e.searchContext,s=e.disableAutoFocus,l=e.viaPoints,c=e.originMobileLabel,p=e.destinationMobileLabel,u=e.fontWeights,y=t.state.activeSlackInputs,m=t.getSlackTimeOptions(),b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e&&e.locationSlack||t},h=function(e){return y.includes(e)};return _.default.createElement("div",{className:d.default(T["autosuggest-panel"],t.props.isMobile&&"small",n&&"showMultiPointControls"),style:{"--color":"".concat(t.props.color),"--font-weight-medium":u.medium}}," ",a?_.default.createElement("div",null,_.default.createElement("h1",{className:T["autosuggest-searchpanel-text"]}," ",a)):null,_.default.createElement("div",{className:T["origin-input-container"]},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker",id:"origin",autoFocus:!0!==s&&(!t.props.isMobile&&!i.lat),storeRef:t.storeReference,refPoint:t.props.refPoint,className:t.class(i),placeholder:t.props.originPlaceHolder,value:t.value(i),searchContext:r,onSelect:t.props.onSelect,focusChange:t.handleFocusChange,lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,mobileLabel:c,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors}),_.default.createElement(D,{className:T.opposite,enabled:n,onClick:function(){return t.handleSwapOrderClick()},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleSwapOrderClick()},"aria-label":f.default.t("swap-order-button-label")},_.default.createElement(v.default,{img:"opposite",color:t.props.color}))),0===l.length&&_.default.createElement("div",{className:T["rectangle-container"]},_.default.createElement("div",{className:T.rectangle})),_.default.createElement(o.ReactSortable,{className:T["viapoints-container"],list:l,handle:".".concat(T["viapoint-before"]),animation:200,setList:function(e){var n=e.filter((function(e){return!A(e)}));n.length>0&&t.props.updateViaPoints(n)}},l.map((function(e,i){return _.default.createElement("div",{className:d.default(T["viapoint-container"]),key:"viapoint-".concat(i)},_.default.createElement("div",{className:T["light-gray-background"]},_.default.createElement("div",{className:T.row},_.default.createElement("div",{className:T["viapoint-before"],style:{cursor:"move"}},_.default.createElement(v.default,{img:"ellipsis",rotate:90,color:t.props.color})),_.default.createElement("div",{className:"".concat(T["viapoint-input-container"]," ").concat(T["viapoint-".concat(i+1)])},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker-via",id:"via-point",ariaLabel:f.default.t("via-point-index",{index:i+1}),autoFocus:!0!==s&&!t.props.isMobile,placeholder:"via-point",className:"viapoint",searchContext:r,refPoint:t.props.refPoint,value:e&&e.address||"",onSelect:t.props.onSelect,handleViaPoints:function(e){return t.handleViaPointLocationSelected(e,i)},lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors})),_.default.createElement(D,{className:T["add-via-point-slack"],enabled:n,onClick:function(){return t.handleToggleViaPointSlackClick(i)},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleToggleViaPointSlackClick(i)},"aria-label":f.default.t(h(i)?"add-via-duration-button-label-open":"add-via-duration-button-label-close",{index:i+1})},_.default.createElement(v.default,{img:"time",color:t.props.color}))),!h(i)&&l[i]&&l[i].locationSlack>0&&_.default.createElement("span",{className:T["viapoint-slack-time"]},"".concat(f.default.t("viapoint-slack-amount"),": ").concat(t.getSlackDisplay(l[i].locationSlack))),_.default.createElement("div",{className:d.default(T["input-viapoint-slack-container"],!h(i)&&"collapsed")},_.default.createElement("div",{className:T["select-wrapper"]},_.default.createElement(N,{id:"viapoint-slack-".concat(i),label:f.default.t("viapoint-slack-amount"),options:m,value:b(l[i]),getDisplay:t.getSlackDisplay,viaPointIndex:i,icon:_.default.createElement("span",{className:"".concat(T["combobox-icon"]," ").concat(T["time-input-icon"])},_.default.createElement(v.default,{img:"time",color:t.props.color})),onSlackTimeSelected:t.handleViaPointSlackTimeSelected})))),_.default.createElement(D,{className:T["remove-via-point"],enabled:n,onClick:function(){return t.handleRemoveViaPointClick(i)},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleRemoveViaPointClick(i)},"aria-label":f.default.t("remove-via-button-label",{index:i+1})},_.default.createElement(v.default,{img:"close",color:t.props.color})))}))),_.default.createElement("div",{className:T["destination-input-container"]},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker",id:"destination",autoFocus:!0!==s&&(!t.props.isMobile&&!Number.isNaN(i.lat)),storeRef:t.storeReference,placeholder:t.props.destinationPlaceHolder,className:t.class(t.props.destination),searchContext:r,onSelect:t.props.onSelect,refPoint:t.props.refPoint,value:t.value(t.props.destination),lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,mobileLabel:p,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors}),_.default.createElement(D,{className:d.default(T["add-via-point"],T.more,l.length>4&&"collapsed"),enabled:n,onClick:function(){return t.handleAddViaPointClick()},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleAddViaPointClick()},"aria-label":f.default.t("add-via-button-label")},_.default.createElement(v.default,{img:"viapoint",width:1.25,height:1.375,color:t.props.color}))))},t.draggableViaPoints=[],t.state={activeSlackInputs:[],refs:[]},Object.keys(M).forEach((function(e){f.default.addResourceBundle(e,"translation",M[e])})),t}return t=r,n&&k(t.prototype,n),i&&k(t,i),t}(_.default.Component);J.defaultProps={viaPoints:[],showMultiPointControls:!1,originPlaceHolder:"give-origin",destinationPlaceHolder:"give-destination",swapOrder:void 0,updateViaPoints:function(){},lang:"fi",sources:[],targets:[],filterResults:void 0,disableAutoFocus:!1,isMobile:!1,handleViaPointLocationSelected:void 0,color:"#007ac9",hoverColor:"#0062a1",originMobileLabel:null,destinationMobileLabel:null,modeSet:void 0,modeIconColors:void 0,fontWeights:{medium:500}},"production"!==process.env.NODE_ENV&&(J.propTypes={appElement:u.default.string.isRequired,origin:u.default.object.isRequired,destination:u.default.object.isRequired,showMultiPointControls:u.default.bool,originPlaceHolder:u.default.string,destinationPlaceHolder:u.default.string,viaPoints:u.default.arrayOf(u.default.object),updateViaPoints:u.default.func,handleViaPointLocationSelected:u.default.func,swapOrder:u.default.func,searchPanelText:u.default.string,searchContext:u.default.any.isRequired,onSelect:u.default.func,addAnalyticsEvent:u.default.func,lang:u.default.string,disableAutoFocus:u.default.bool,sources:u.default.arrayOf(u.default.string),targets:u.default.arrayOf(u.default.string),filterResults:u.default.func,isMobile:u.default.bool,color:u.default.string,hoverColor:u.default.string,originMobileLabel:u.default.string,destinationMobileLabel:u.default.string,refPoint:u.default.object,modeSet:u.default.string,modeIconColors:u.default.object,fontWeights:u.default.shape({medium:u.default.number})}),e.default=J,e.getEmptyViaPointPlaceHolder=I,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("classnames"),require("prop-types"),require("react"),require("react-sortablejs"),require("i18next"),require("@digitransit-component/digitransit-component-autosuggest"),require("@digitransit-component/digitransit-component-icon"),require("lodash/isEmpty"),require("react-autosuggest")):"function"==typeof define&&define.amd?define(["exports","classnames","prop-types","react","react-sortablejs","i18next","@digitransit-component/digitransit-component-autosuggest","@digitransit-component/digitransit-component-icon","lodash/isEmpty","react-autosuggest"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-autosuggest-panel"]={},e.cx,e.PropTypes,e.React,e.reactSortablejs,e.i18next,e.DTAutosuggest,e.Icon,e.isEmpty,e.Autosuggest)}(this,(function(e,t,n,i,o,a,r,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(t),d=p(n),_=p(i),f=p(a),g=p(r),y=p(s),v=p(l),m=p(c);function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function b(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function x(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||b(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function S(e,t){return S=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},S(e,t)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function w(e,t){return!t||"object"!==E(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function P(e){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},P(e)}function C(e,t){if(null==e)return{};var n,i,o=function(e,t){if(null==e)return{};var n,i,o={},a=Object.keys(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],i=!0,o=!1,a=void 0;try{for(var r,s=e[Symbol.iterator]();!(i=(r=s.next()).done)&&(n.push(r.value),!t||n.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw a}}return n}}(e,t)||b(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var R={"combobox-container":"select_combobox-container__0lRpm","left-column":"select_left-column__cSrMR","combobox-label":"select_combobox-label__F9Ayd",container:"select_container__yrA-N",suggestion:"select_suggestion__b05iD",suggestionHighlighted:"select_suggestionHighlighted__ZFPWo",suggestionsContainerOpen:"select_suggestionsContainerOpen__9wcJ5",input:"select_input__pK5vk"};O(".select_combobox-container__0lRpm {\n background-color: #fff;\n border: solid #888888 1px;\n display: flex;\n align-items: center;\n border-radius: 5px;\n height: 50px;\n justify-content: space-between;\n flex-grow: 1; }\n .select_combobox-container__0lRpm:focus-within {\n border-color: #007ac9; }\n .select_combobox-container__0lRpm .select_left-column__cSrMR {\n display: flex;\n flex-direction: column;\n width: 100%; }\n\n.select_combobox-label__F9Ayd {\n font-size: 12px;\n line-height: 20px;\n color: #666666;\n letter-spacing: -0.48px;\n margin-left: 12px;\n margin-top: 4px; }\n\n.select_container__yrA-N {\n position: relative; }\n .select_container__yrA-N .select_suggestion__b05iD {\n font-size: 15px;\n line-height: 49px;\n height: 50px;\n padding: 0 0 0 12px;\n letter-spacing: -0.6px;\n color: #333333;\n font-weight: 500; }\n .select_container__yrA-N .select_suggestionHighlighted__ZFPWo {\n font-size: 15px;\n font-weight: 500;\n background: #F4F4F5; }\n .select_container__yrA-N .select_suggestionsContainerOpen__9wcJ5 {\n position: absolute;\n background-color: #fff;\n z-index: 20;\n max-height: 250px;\n overflow-x: hidden;\n overflow-y: scroll;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid;\n top: 35px;\n width: calc(100% + 45px); }\n .select_container__yrA-N .select_suggestionsContainerOpen__9wcJ5 ul {\n padding: 0;\n margin: 0; }\n .select_container__yrA-N .select_suggestionsContainerOpen__9wcJ5 li:not(:last-child) {\n border-bottom: 1px solid #ddd; }\n .select_container__yrA-N .select_input__pK5vk {\n -webkit-appearance: none;\n appearance: none;\n margin: -4px 0 0 0;\n padding-left: 12px;\n border: none;\n height: 26px;\n background: #fff;\n font-weight: 500;\n box-shadow: none;\n font-size: 15px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: -0.6px;\n color: #333333; }\n .select_container__yrA-N .select_input__pK5vk:focus {\n outline: none;\n border: none;\n box-shadow: none;\n background: #fff; }\n .select_container__yrA-N .select_input__pK5vk:read-only {\n cursor: pointer;\n background: #fff; }\n");var A=["ref"],M=function(e){var t=e.value,n=e.getDisplay,o=e.options,a=e.onSlackTimeSelected,r=e.viaPointIndex,s=e.id,l=e.label,c=e.icon,p=N(i.useState(n(t)),2),u=p[0],d=p[1],f=N(i.useState(!1),2),g=f[0],y=f[1];i.useEffect((function(){return d(n(t))}),[t]);var v=i.useRef(null),h=Math.floor(t/600);i.useLayoutEffect((function(){g&&v.current&&(v.current.scrollTop=50*h)}),[t,g]);var b="".concat(s,"-input"),x="".concat(s,"-label");return _.default.createElement(_.default.Fragment,null,_.default.createElement("label",{className:R["combobox-container"],htmlFor:b},_.default.createElement("span",{className:R["left-column"]},_.default.createElement("span",{className:R["combobox-label"],id:x},l),_.default.createElement(m.default,{id:s,suggestions:o,getSuggestionValue:function(e){return e.value},renderSuggestion:function(e){return e.displayName},onSuggestionsFetchRequested:function(){return null},shouldRenderSuggestions:function(){return!0},focusInputOnSuggestionClick:!1,onSuggestionsClearRequested:function(){return null},inputProps:{value:u,onChange:function(e,n){var i=n.newValue;switch(n.method){case"enter":case"click":a(i,r);break;case"escape":d(t)}},onFocus:function(){y(!0)},onBlur:function(){y(!1)},id:b,"aria-labelledby":x,"aria-autocomplete":"none",readOnly:!0},renderSuggestionsContainer:function(e){var t=e.containerProps,n=e.children,i=t.ref,o=C(t,A);return _.default.createElement("div",Object.assign({tabIndex:"-1"},o,{ref:function(e){e&&(v.current=e,i(e))}}),n)},theme:R})),c))};"production"!==process.env.NODE_ENV&&(M.propTypes={value:d.default.number.isRequired,onSlackTimeSelected:d.default.func.isRequired,getDisplay:d.default.func.isRequired,options:d.default.arrayOf(d.default.shape({displayName:d.default.string.isRequired,value:d.default.number.isRequired}).isRequired).isRequired,id:d.default.string.isRequired,label:d.default.node.isRequired,icon:d.default.node.isRequired,viaPointIndex:d.default.number.isRequired});var V={de:{"add-via-button-label":"Füge Zwischenziel hinzu","add-via-duration-button-label":"Setze Umsteigezeit für Zwischenziel {{index}}","add-via-duration-button-label-close":"Schließe Umsteigezeit-Auswahl für Zwischenziel {{index}}","add-via-duration-button-label-open":"Öffne Umsteigezeit-Auswahl für Zwischenziel {{index}}","minute-short":"min","remove-via-button-label":"Entferne Zwischenziel {{index}}","swap-order-button-label":"Tausche Start mit Ziel","via-point":"Zwischenziel","via-point-index":"Zwischenziel {{index}}","viapoint-slack-amount":"Umsteigezeit"},en:{"add-via-button-label":"Add via point","add-via-duration-button-label":"Set stop duration at via point {{index}}","add-via-duration-button-label-close":"Close stop duration selector at via point {{index}}","add-via-duration-button-label-open":"Open stop duration selector at via point {{index}}","minute-short":"min","remove-via-button-label":"Remove via point {{index}}","swap-order-button-label":"Reverse origin and destination","via-point":"Via point","via-point-index":"Via point {{index}}","viapoint-slack-amount":"Stop duration"},fi:{"add-via-button-label":"Lisää välipiste","add-via-duration-button-label":"Aseta välipisteelle {{index}} pysähdyksen kesto","add-via-duration-button-label-close":"Avaa välipisteen {{index}} pysähdyksen kesto valitsin","add-via-duration-button-label-open":"Sulje välipisteen {{index}} pysähdyksen kesto valitsin","minute-short":"min","remove-via-button-label":"Poista välipiste {{index}}","swap-order-button-label":"Käännä reitin suunta vastakkaiseksi","via-point":"Välipiste","via-point-index":"Välipiste {{index}}","viapoint-slack-amount":"Pysähdyksen kesto"},sv:{"add-via-button-label":"Lägg till viapunkt","add-via-duration-button-label":"Ställ in varaktighet för viapunkten {{index}}","add-via-duration-button-label-close":"Stäng väljaren för varaktighet vid via-punkten {{index}}","add-via-duration-button-label-open":"Öppna väljaren för varaktighet vid via-punkten {{index}}","minute-short":"min","remove-via-button-label":"Ta bort viapunkt {{index}}","swap-order-button-label":"Sväng ruttens riktning till den motsatta","via-point":"Via punkt","via-point-index":"Via punkt {{index}}","viapoint-slack-amount":"Stoppets varaktighet"}},j={"autosuggest-panel":"styles_autosuggest-panel__meNwd","autosuggest-searchpanel-text":"styles_autosuggest-searchpanel-text__-VQTg","origin-input-container":"styles_origin-input-container__p4Qik","destination-input-container":"styles_destination-input-container__jBY4I",row:"styles_row__1GhCD","viapoints-container":"styles_viapoints-container__FYp7K","viapoint-container":"styles_viapoint-container__8yh1M","light-gray-background":"styles_light-gray-background__4fyZs","viapoint-before":"styles_viapoint-before__t4saF","viapoint-input-container":"styles_viapoint-input-container__uZx95","viapoint-1":"styles_viapoint-1__8Mna8",viapoint:"styles_viapoint__vUO9L","viapoint-2":"styles_viapoint-2__-OoUa","viapoint-3":"styles_viapoint-3__vvivE","viapoint-4":"styles_viapoint-4__jS9k1","viapoint-5":"styles_viapoint-5__J4V5N","viapoint-slack-time":"styles_viapoint-slack-time__Xpo0G","select-wrapper":"styles_select-wrapper__1usZw","via-point-button-container":"styles_via-point-button-container__cI2JI","input-viapoint-slack-container":"styles_input-viapoint-slack-container__TNgVy","itinerary-search-control":"styles_itinerary-search-control__cEL1X",opposite:"styles_opposite__zQQhd","add-via-point":"styles_add-via-point__E-gGB","add-via-point-slack":"styles_add-via-point-slack__GKjFf","remove-via-point":"styles_remove-via-point__e9DMQ","combobox-icon":"styles_combobox-icon__d3k1e","time-input-icon":"styles_time-input-icon__M8dmw","rectangle-container":"styles_rectangle-container__AdbAA",rectangle:"styles_rectangle__1IO7E"};O("/* stylelint-disable */\n.styles_autosuggest-panel__meNwd {\n width: 100%; }\n\n.styles_autosuggest-searchpanel-text__-VQTg {\n font-size: 24px;\n font-weight: var(--font-weight-medium);\n letter-spacing: -0.8px;\n color: #333333;\n line-height: 1;\n margin-bottom: 17px;\n margin-top: unset; }\n @media screen and (min-width: 768px) {\n .styles_autosuggest-searchpanel-text__-VQTg {\n letter-spacing: -0.8px;\n line-height: 27px;\n margin-bottom: 21px; } }\n\n.styles_origin-input-container__p4Qik,\n.styles_destination-input-container__jBY4I {\n display: flex;\n flex: 1 0 100%; }\n .styles_origin-input-container__p4Qik input[type='text'],\n .styles_destination-input-container__jBY4I input[type='text'] {\n margin: 0; }\n\n.styles_row__1GhCD {\n display: flex;\n flex-direction: row; }\n\n.styles_viapoints-container__FYp7K {\n display: flex;\n flex-direction: column; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M {\n display: flex;\n flex: 1 0 100%;\n min-height: 50px; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M:first-child {\n margin-top: 6px; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M:not(:first-child) {\n margin-top: 3px; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M:last-child {\n margin-bottom: 6px; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs {\n display: flex;\n padding: 3px 0;\n flex-direction: column;\n background: #f4f4f5;\n border-radius: 5px;\n width: 100%; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-before__t4saF {\n display: flex;\n min-width: 27px;\n justify-content: center;\n align-items: center; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-before__t4saF svg {\n fill: #888;\n height: 20px; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95 {\n display: flex;\n align-items: center;\n width: 100%; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95 input[type='text'] {\n margin: 0; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95.styles_viapoint-1__8Mna8 > div.styles_viapoint__vUO9L {\n z-index: 15; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95.styles_viapoint-2__-OoUa > div.styles_viapoint__vUO9L {\n z-index: 14; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95.styles_viapoint-3__vvivE > div.styles_viapoint__vUO9L {\n z-index: 13; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95.styles_viapoint-4__jS9k1 > div.styles_viapoint__vUO9L {\n z-index: 12; }\n .styles_viapoints-container__FYp7K .styles_viapoint-container__8yh1M .styles_light-gray-background__4fyZs .styles_viapoint-input-container__uZx95.styles_viapoint-5__J4V5N > div.styles_viapoint__vUO9L {\n z-index: 11; }\n\n.styles_viapoint-slack-time__Xpo0G {\n font-size: 13px;\n font-weight: normal;\n letter-spacing: -0.36px;\n color: #333333;\n padding-left: 27px;\n padding-top: 12px;\n padding-bottom: 10px; }\n\n.styles_select-wrapper__1usZw {\n display: flex;\n height: 50px;\n margin-top: 9px;\n padding-left: 27px;\n padding-right: 47px; }\n\n.styles_via-point-button-container__cI2JI {\n display: flex; }\n .styles_via-point-button-container__cI2JI > div:nth-child(1) {\n order: 1;\n border-left: none; }\n .styles_via-point-button-container__cI2JI > div:nth-child(2) {\n order: 2;\n border-left: 1px solid rgba(151, 151, 151, 0.2); }\n\n.styles_input-viapoint-slack-container__TNgVy {\n display: flex;\n flex-direction: column; }\n\n.styles_itinerary-search-control__cEL1X {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n max-height: 50px;\n cursor: pointer; }\n .styles_itinerary-search-control__cEL1X + .styles_itinerary-search-control__cEL1X {\n border-left: 1px solid rgba(151, 151, 151, 0.2); }\n .styles_itinerary-search-control__cEL1X .styles_opposite__zQQhd {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 40px; }\n .styles_itinerary-search-control__cEL1X .styles_opposite__zQQhd svg {\n width: 19px;\n height: 17px; }\n .styles_itinerary-search-control__cEL1X .styles_add-via-point__E-gGB {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 40px; }\n .styles_itinerary-search-control__cEL1X .styles_add-via-point__E-gGB svg {\n width: 20px;\n height: 22px; }\n .styles_itinerary-search-control__cEL1X .styles_add-via-point-slack__GKjFf {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n min-width: 47px; }\n .styles_itinerary-search-control__cEL1X .styles_add-via-point-slack__GKjFf svg {\n width: 18px;\n height: 19px; }\n .styles_itinerary-search-control__cEL1X .styles_remove-via-point__e9DMQ {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n max-height: 44px;\n min-width: 40px; }\n .styles_itinerary-search-control__cEL1X .styles_remove-via-point__e9DMQ svg {\n width: 14px;\n height: 14px; }\n\n.styles_combobox-icon__d3k1e {\n color: var(--color);\n border-left: solid #888888 1px;\n height: 35px; }\n .styles_combobox-icon__d3k1e.styles_time-input-icon__M8dmw {\n padding: 9px 13px 0 13px; }\n .styles_combobox-icon__d3k1e.styles_time-input-icon__M8dmw svg {\n width: 18px;\n height: 19px; }\n\n.styles_rectangle-container__AdbAA {\n display: block;\n position: relative;\n height: 9px;\n z-index: 19; }\n .styles_rectangle-container__AdbAA .styles_rectangle__1IO7E {\n position: absolute;\n width: 4px;\n height: 21px;\n border-radius: 2px;\n background-color: #dddddd;\n margin-left: 25px;\n margin-top: -5px; }\n");var I=["children","className","enabled","onClick","onKeyPress"];function F(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=P(e);if(t){var o=P(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return w(this,n)}}f.default.init({lng:"fi",fallbackLng:"fi",defaultNS:"translation",interpolation:{escapeValue:!1}});var L=function(){return{}},K=function(e){if(void 0===e||v.default(e))return!0;var t=Object.keys(e);return 1===t.length||2===t.length&&t.includes("locationSlack")},T=function(e){var t=e.children,n=e.className,i=e.enabled,o=e.onClick,a=e.onKeyPress,r=C(e,I);return i&&o&&_.default.createElement("div",{className:j["itinerary-search-control"]},_.default.createElement("div",Object.assign({},r,{className:n,onClick:o,onKeyPress:a,role:"button",tabIndex:"0"}),t))};"production"!==process.env.NODE_ENV&&(T.propTypes={children:d.default.node,className:d.default.string.isRequired,enabled:d.default.bool.isRequired,onClick:d.default.func.isRequired,onKeyPress:d.default.func.isRequired});var Z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&S(e,t)}(r,e);var t,n,i,a=F(r);function r(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),(t=a.call(this,e)).componentDidMount=function(){f.default.changeLanguage(t.props.lang)},t.componentDidUpdate=function(){f.default.language!==t.props.lang&&f.default.changeLanguage(t.props.lang)},t.getSlackTimeOptions=function(){for(var e=[],t=0;t<=9;t++){var n=10*t;e.push({displayName:"".concat(n," ").concat(f.default.t("minute-short")),value:60*n})}return e},t.setDraggableViaPointRef=function(e,n){t.draggableViaPoints[n]=e},t.storeReference=function(e){t.setState((function(t){return{refs:[].concat(x(t.refs),[e])}}))},t.handleFocusChange=function(){var e=t.props.destination;e&&e.set||t.state.refs[1].focus()},t.isKeyboardSelectionEvent=function(e){var t=e&&(e.key||e.which||e.keyCode)||"";return!(!t||![13," ","Spacebar"].concat([32,"Enter"]).includes(t))&&(e.preventDefault(),!0)},t.value=function(e){return e&&e.address||e&&e.gps&&e.ready&&"Nykyinen sijainti"||""},t.class=function(e){return e&&!0===e.gps?"position":"location"},t.updateViaPoints=function(e){0!==e.length?t.props.updateViaPoints(e.filter((function(e){return!K(e)}))):t.props.updateViaPoints([])},t.updateViaPointSlack=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=e.indexOf(t);return i>-1&&e.splice(i,1),n?e.map((function(e){return e>t?e-1:e})):e},t.handleToggleViaPointSlackClick=function(e){var n=t.state.activeSlackInputs;t.setState({activeSlackInputs:n.includes(e)?t.updateViaPointSlack(n,e):n.concat([e])})},t.handleViaPointSlackTimeSelected=function(e,n){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"EditViaPointStopDuration",category:"ItinerarySettings",name:e/60});var i=t.props.viaPoints;i[n].locationSlack=Number.parseInt(e,10),t.updateViaPoints(i)},t.handleViaPointLocationSelected=function(e,n){t.props.handleViaPointLocationSelected(e,n)},t.handleRemoveViaPointClick=function(e){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"RemoveJourneyViaPoint",category:"ItinerarySettings",name:null});var n=t.state.activeSlackInputs,i=t.props.viaPoints;i.splice(e,1),t.setState({activeSlackInputs:t.updateViaPointSlack(n,e,!0)},(function(){return t.updateViaPoints(i)}))},t.handleAddViaPointClick=function(){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"AddJourneyViaPoint",category:"ItinerarySettings",name:"QuickSettingsButton"}),t.props.viaPoints.push({}),t.setState(t.state)},t.handleSwapOrderClick=function(){t.props.addAnalyticsEvent&&t.props.addAnalyticsEvent({action:"SwitchJourneyStartAndEndPointOrder",category:"ItinerarySettings",name:null}),t.props.viaPoints.reverse(),t.props.swapOrder()},t.getSlackDisplay=function(e){return"".concat(e/60," ").concat(f.default.t("minute-short"))},t.render=function(){var e=t.props,n=e.showMultiPointControls,i=e.origin,a=e.searchPanelText,r=e.searchContext,s=e.disableAutoFocus,l=e.viaPoints,c=e.originMobileLabel,p=e.destinationMobileLabel,d=e.fontWeights,v=t.state.activeSlackInputs,m=t.getSlackTimeOptions(),h=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e&&e.locationSlack||t},b=function(e){return v.includes(e)};return _.default.createElement("div",{className:u.default(j["autosuggest-panel"],t.props.isMobile&&"small",n&&"showMultiPointControls"),style:{"--color":"".concat(t.props.color),"--font-weight-medium":d.medium}}," ",a?_.default.createElement("div",null,_.default.createElement("h1",{className:j["autosuggest-searchpanel-text"]}," ",a)):null,_.default.createElement("div",{className:j["origin-input-container"]},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker",id:"origin",autoFocus:!0!==s&&(!t.props.isMobile&&!i.lat),storeRef:t.storeReference,refPoint:t.props.refPoint,className:t.class(i),placeholder:t.props.originPlaceHolder,value:t.value(i),searchContext:r,onSelect:t.props.onSelect,focusChange:t.handleFocusChange,lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,mobileLabel:c,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors}),_.default.createElement(T,{className:j.opposite,enabled:n,onClick:function(){return t.handleSwapOrderClick()},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleSwapOrderClick()},"aria-label":f.default.t("swap-order-button-label")},_.default.createElement(y.default,{img:"opposite",color:t.props.color}))),0===l.length&&_.default.createElement("div",{className:j["rectangle-container"]},_.default.createElement("div",{className:j.rectangle})),_.default.createElement(o.ReactSortable,{className:j["viapoints-container"],list:l,handle:".".concat(j["viapoint-before"]),animation:200,setList:function(e){var n=e.filter((function(e){return!K(e)}));n.length>0&&t.props.updateViaPoints(n)}},l.map((function(e,i){return _.default.createElement("div",{className:u.default(j["viapoint-container"]),key:"viapoint-".concat(i)},_.default.createElement("div",{className:j["light-gray-background"]},_.default.createElement("div",{className:j.row},_.default.createElement("div",{className:j["viapoint-before"],style:{cursor:"move"}},_.default.createElement(y.default,{img:"ellipsis",rotate:90,color:t.props.color})),_.default.createElement("div",{className:"".concat(j["viapoint-input-container"]," ").concat(j["viapoint-".concat(i+1)])},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker-via",id:"via-point",ariaLabel:f.default.t("via-point-index",{index:i+1}),autoFocus:!0!==s&&!t.props.isMobile,placeholder:"via-point",className:"viapoint",searchContext:r,refPoint:t.props.refPoint,value:e&&e.address||"",onSelect:t.props.onSelect,handleViaPoints:function(e){return t.handleViaPointLocationSelected(e,i)},lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors})),_.default.createElement(T,{className:j["add-via-point-slack"],enabled:n,onClick:function(){return t.handleToggleViaPointSlackClick(i)},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleToggleViaPointSlackClick(i)},"aria-label":f.default.t(b(i)?"add-via-duration-button-label-open":"add-via-duration-button-label-close",{index:i+1})},_.default.createElement(y.default,{img:"time",color:t.props.color}))),!b(i)&&l[i]&&l[i].locationSlack>0&&_.default.createElement("span",{className:j["viapoint-slack-time"]},"".concat(f.default.t("viapoint-slack-amount"),": ").concat(t.getSlackDisplay(l[i].locationSlack))),_.default.createElement("div",{className:u.default(j["input-viapoint-slack-container"],!b(i)&&"collapsed")},_.default.createElement("div",{className:j["select-wrapper"]},_.default.createElement(M,{id:"viapoint-slack-".concat(i),label:f.default.t("viapoint-slack-amount"),options:m,value:h(l[i]),getDisplay:t.getSlackDisplay,viaPointIndex:i,icon:_.default.createElement("span",{className:"".concat(j["combobox-icon"]," ").concat(j["time-input-icon"])},_.default.createElement(y.default,{img:"time",color:t.props.color})),onSlackTimeSelected:t.handleViaPointSlackTimeSelected})))),_.default.createElement(T,{className:j["remove-via-point"],enabled:n,onClick:function(){return t.handleRemoveViaPointClick(i)},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleRemoveViaPointClick(i)},"aria-label":f.default.t("remove-via-button-label",{index:i+1})},_.default.createElement(y.default,{img:"close",color:t.props.color})))}))),_.default.createElement("div",{className:j["destination-input-container"]},_.default.createElement(g.default,{appElement:t.props.appElement,icon:"mapMarker",id:"destination",autoFocus:!0!==s&&(!t.props.isMobile&&!Number.isNaN(i.lat)),storeRef:t.storeReference,placeholder:t.props.destinationPlaceHolder,className:t.class(t.props.destination),searchContext:r,onSelect:t.props.onSelect,refPoint:t.props.refPoint,value:t.value(t.props.destination),lang:t.props.lang,sources:t.props.sources,targets:t.props.targets,filterResults:t.props.filterResults,isMobile:t.props.isMobile,color:t.props.color,hoverColor:t.props.hoverColor,mobileLabel:p,fontWeights:t.props.fontWeights,modeSet:t.props.modeSet,modeIconColors:t.props.modeIconColors}),_.default.createElement(T,{className:u.default(j["add-via-point"],j.more,l.length>4&&"collapsed"),enabled:n,onClick:function(){return t.handleAddViaPointClick()},onKeyPress:function(e){return t.isKeyboardSelectionEvent(e)&&t.handleAddViaPointClick()},"aria-label":f.default.t("add-via-button-label")},_.default.createElement(y.default,{img:"viapoint",width:1.25,height:1.375,color:t.props.color}))))},t.draggableViaPoints=[],t.state={activeSlackInputs:[],refs:[]},Object.keys(V).forEach((function(e){f.default.addResourceBundle(e,"translation",V[e])})),t}return t=r,n&&k(t.prototype,n),i&&k(t,i),t}(_.default.Component);Z.defaultProps={viaPoints:[],showMultiPointControls:!1,originPlaceHolder:"give-origin",destinationPlaceHolder:"give-destination",swapOrder:void 0,updateViaPoints:function(){},lang:"fi",sources:[],targets:[],filterResults:void 0,disableAutoFocus:!1,isMobile:!1,handleViaPointLocationSelected:void 0,color:"#007ac9",hoverColor:"#0062a1",originMobileLabel:null,destinationMobileLabel:null,modeSet:void 0,modeIconColors:void 0,fontWeights:{medium:500}},"production"!==process.env.NODE_ENV&&(Z.propTypes={appElement:d.default.string.isRequired,origin:d.default.object.isRequired,destination:d.default.object.isRequired,showMultiPointControls:d.default.bool,originPlaceHolder:d.default.string,destinationPlaceHolder:d.default.string,viaPoints:d.default.arrayOf(d.default.object),updateViaPoints:d.default.func,handleViaPointLocationSelected:d.default.func,swapOrder:d.default.func,searchPanelText:d.default.string,searchContext:d.default.any.isRequired,onSelect:d.default.func,addAnalyticsEvent:d.default.func,lang:d.default.string,disableAutoFocus:d.default.bool,sources:d.default.arrayOf(d.default.string),targets:d.default.arrayOf(d.default.string),filterResults:d.default.func,isMobile:d.default.bool,color:d.default.string,hoverColor:d.default.string,originMobileLabel:d.default.string,destinationMobileLabel:d.default.string,refPoint:d.default.object,modeSet:d.default.string,modeIconColors:d.default.object,fontWeights:d.default.shape({medium:d.default.number})}),e.default=Z,e.getEmptyViaPointPlaceHolder=L,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digitransit-component/digitransit-component-autosuggest-panel",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.33",
|
|
4
4
|
"description": "digitransit-component autosuggest-panel module",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"files": [
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"author": "Digitransit Authors",
|
|
29
29
|
"license": "(AGPL-3.0 OR EUPL-1.2)",
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@digitransit-component/digitransit-component-autosuggest": "^1.7.
|
|
31
|
+
"@digitransit-component/digitransit-component-autosuggest": "^1.7.26",
|
|
32
32
|
"@digitransit-component/digitransit-component-icon": "^0.1.14",
|
|
33
33
|
"@hsl-fi/sass": "^0.2.0",
|
|
34
34
|
"classnames": "2.2.6",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"react-sortablejs": "2.0.11",
|
|
43
43
|
"recompose": "0.30.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "9597bf05e068544cabd6d1db3e88cf9f0442fb2d"
|
|
46
46
|
}
|