@digitransit-component/digitransit-component-datetimepicker 7.0.1 → 7.0.3

package/lib/index.js

@@ -142,6 +142,10 @@ var css_248z = ".styles_sr-only__D6MJ6:not(:focus, :active) {\n  clip: rect(0 0
 var styles = {"sr-only":"styles_sr-only__D6MJ6","dt-datetimepicker":"styles_dt-datetimepicker__DSYbh","hidden":"styles_hidden__TjnWH","datetimepicker-open-container":"styles_datetimepicker-open-container__zWBiT","top-row-container":"styles_top-row-container__rGdmj","closed":"styles_closed__QYbCF","time-icon":"styles_time-icon__ES47Y","dropdown-icon":"styles_dropdown-icon__O0GrI","close-icon":"styles_close-icon__B5-I5","label-open":"styles_label-open__dVDlF","textbutton":"styles_textbutton__sVckw","active":"styles_active__9LaDz","combobox-left":"styles_combobox-left__nwwOo","combobox-right":"styles_combobox-right__qlPKD","departure-or-arrival-container":"styles_departure-or-arrival-container__Rj3b9","radio-textbutton-label":"styles_radio-textbutton-label__LeV2o","first-radio":"styles_first-radio__F8N7J","radio-textbutton":"styles_radio-textbutton__Ad81W","departure-now-button":"styles_departure-now-button__8ZlDU","open-button":"styles_open-button__yl4be","close-button":"styles_close-button__mdfIU","right-edge":"styles_right-edge__XbqgK","combobox-container":"styles_combobox-container__sR9aU","combobox-icon":"styles_combobox-icon__wsdX4","date-input-icon":"styles_date-input-icon__SFXGx","time-input-icon":"styles_time-input-icon__J1qei","datetimepicker-select-container":"styles_datetimepicker-select-container__Y8wgE","picker-container":"styles_picker-container__wz2Zj","combobox-mobile-container":"styles_combobox-mobile-container__ZzG8g","mobile-modal-overlay":"styles_mobile-modal-overlay__wq8cS","mobile-modal-content":"styles_mobile-modal-content__Gla3M","top-row":"styles_top-row__hzke9","modal-title":"styles_modal-title__CztKf","tab-row":"styles_tab-row__6WYwM","radio-tab-label":"styles_radio-tab-label__-7Fx-","input-row":"styles_input-row__r-26j","input-container":"styles_input-container__US3eW","time-input-mobile":"styles_time-input-mobile__QGutf","mobile-input-display":"styles_mobile-input-display__Xnjg1","mobile-input-hidden":"styles_mobile-input-hidden__tkKxe","container":"styles_container__YXGq1","suggestion":"styles_suggestion__3Hx-R","suggestionHighlighted":"styles_suggestionHighlighted__lexDG","suggestionsContainerOpen":"styles_suggestionsContainerOpen__pzu14","input":"styles_input__Yk2Tv","buttons-row":"styles_buttons-row__zrM35","ready-button":"styles_ready-button__e23mO"};
 styleInject(css_248z);
 
+const DEFAULT_TRANSLATION_SETTINGS = {
+  lng: 'fi'
+};
+
 /**
  * Component to display a date or time input on desktop.
  *
@@ -175,10 +179,10 @@ function DesktopDatetimepicker({
   id,
   label,
   icon,
-  disableTyping,
-  timeZone,
-  datePicker,
-  translationSettings
+  disableTyping = false,
+  timeZone = 'Europe/Helsinki',
+  datePicker = false,
+  translationSettings = DEFAULT_TRANSLATION_SETTINGS
 }) {
   Settings.defaultZone = timeZone;
   const [t] = useTranslation();
@@ -410,14 +414,6 @@ process.env.NODE_ENV !== "production" ? DesktopDatetimepicker.propTypes = {
     lng: PropTypes.string.isRequired
   })
 } : void 0;
-DesktopDatetimepicker.defaultProps = {
-  disableTyping: false,
-  timeZone: 'Europe/Helsinki',
-  datePicker: false,
-  translationSettings: {
-    lng: 'fi'
-  }
-};
 
 /**
  *  Detect if user is on a mobile device by parsing userAgent. This is not 100% reliable but close enough.
@@ -530,7 +526,7 @@ function MobileDatepicker({
   id,
   label,
   icon,
-  timeZone
+  timeZone = 'Europe/Helsinki'
 }) {
   Settings.defaultZone = timeZone;
   const dateChoices = Array(itemCount).fill().map((_, i) => DateTime.fromMillis(startTime).plus({
@@ -576,10 +572,6 @@ process.env.NODE_ENV !== "production" ? MobileDatepicker.propTypes = {
   icon: PropTypes.node,
   timeZone: PropTypes.string
 } : void 0;
-MobileDatepicker.defaultProps = {
-  icon: null,
-  timeZone: 'Europe/Helsinki'
-};
 
 /**
  * Component to display a time input on mobile
@@ -591,7 +583,7 @@ function MobileTimepicker({
   id,
   label,
   icon,
-  timeZone
+  timeZone = 'Europe/Helsinki'
 }) {
   const [inputValue, changeInputValue] = useState(getDisplay(value));
   const [isValidInput, setValidInput] = useState(true);
@@ -645,10 +637,6 @@ process.env.NODE_ENV !== "production" ? MobileTimepicker.propTypes = {
   icon: PropTypes.node,
   timeZone: PropTypes.string
 } : void 0;
-MobileTimepicker.defaultProps = {
-  icon: null,
-  timeZone: 'Europe/Helsinki'
-};
 
 Settings.defaultLocale = 'en';
 
@@ -672,8 +660,8 @@ function MobilePickerModal({
   departureOrArrival,
   onNowClick,
   lang,
-  color,
-  timeZone,
+  color = '#007ac9',
+  timeZone = 'Europe/Helsinki',
   onSubmit,
   onCancel,
   timestamp,
@@ -812,10 +800,6 @@ process.env.NODE_ENV !== "production" ? MobilePickerModal.propTypes = {
     medium: PropTypes.number.isRequired
   }).isRequired
 } : void 0;
-MobilePickerModal.defaultProps = {
-  color: '#007ac9',
-  timeZone: 'Europe/Helsinki'
-};
 
 Settings.defaultLocale = 'en';
 
@@ -854,7 +838,7 @@ Settings.defaultLocale = 'en';
  * />
  */
 function Datetimepicker({
-  timestamp,
+  timestamp = null,
   onTimeChange,
   onDateChange,
   departureOrArrival,
@@ -864,8 +848,8 @@ function Datetimepicker({
   embedWhenClosed,
   embedWhenOpen,
   lang,
-  color,
-  timeZone,
+  color = '#007ac9',
+  timeZone = 'Europe/Helsinki',
   onModalSubmit,
   fontWeights,
   serviceTimeRange,
@@ -1247,16 +1231,6 @@ process.env.NODE_ENV !== "production" ? Datetimepicker.propTypes = {
   onClose: PropTypes.func,
   openPicker: PropTypes.bool
 } : void 0;
-Datetimepicker.defaultProps = {
-  timestamp: null,
-  embedWhenClosed: null,
-  embedWhenOpen: null,
-  color: '#007ac9',
-  timeZone: 'Europe/Helsinki',
-  onOpen: null,
-  onClose: null,
-  openPicker: undefined
-};
 
 /* eslint sort-keys: "error" */
 const translations = {
@@ -1376,6 +1350,10 @@ const i18n = createInstance({
 });
 i18n.init();
 
+const DEFAULT_FONT_WEIGHTS = {
+  medium: 500
+};
+
 /**
  * This component renders an input to choose a date and time. Renders separate input fields for date and time selection. Values for timestamp and arriveBy correspond to Digitransit query params time and arriveBy. This component will display a native date input on mobile and a custom one for desktop. Mobile detection is done by parsing user agent.
  *
@@ -1414,7 +1392,7 @@ i18n.init();
  * />
  */
 function DatetimepickerStateContainer({
-  realtime,
+  realtime = false,
   initialArriveBy,
   initialTimestamp,
   onDepartureClick,
@@ -1424,11 +1402,11 @@ function DatetimepickerStateContainer({
   onNowClick,
   embedWhenClosed,
   embedWhenOpen,
-  lang,
-  color,
-  timeZone,
-  fontWeights,
-  serviceTimeRange,
+  lang = 'en',
+  color = '#007ac9',
+  timeZone = 'Europe/Helsinki',
+  fontWeights = DEFAULT_FONT_WEIGHTS,
+  serviceTimeRange = 30,
   onOpen,
   onClose,
   openPicker
@@ -1564,23 +1542,6 @@ process.env.NODE_ENV !== "production" ? DatetimepickerStateContainer.propTypes =
   onClose: PropTypes.func,
   openPicker: PropTypes.bool
 } : void 0;
-DatetimepickerStateContainer.defaultProps = {
-  realtime: false,
-  initialArriveBy: undefined,
-  initialTimestamp: undefined,
-  embedWhenClosed: null,
-  embedWhenOpen: null,
-  lang: 'en',
-  color: '#007ac9',
-  timeZone: 'Europe/Helsinki',
-  fontWeights: {
-    medium: 500
-  },
-  onOpen: null,
-  onClose: null,
-  openPicker: undefined,
-  serviceTimeRange: 30
-};
 
 export { DatetimepickerStateContainer as default };
 //# sourceMappingURL=index.js.map