willba-component-library 0.2.8 → 0.2.11

package/src/{components/FilterBar → core}/hooks/useUpdateTranslations.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import i18n from '../../../i18n'
+import i18n from '../../i18n'
 
 type Props = { language?: string }
 

package/src/core/utils/index.ts

@@ -0,0 +1,3 @@
+export { parseDates } from './parseDates'
+export { parseDate } from './parseDate'
+export { nightsCount } from './nightsCount'

package/src/core/utils/nightsCount.tsx

@@ -0,0 +1,19 @@
+import { differenceInCalendarDays } from 'date-fns'
+import { DateRange } from 'react-day-picker'
+
+type Props = {
+  calendarRange?: DateRange
+}
+
+export const nightsCount = ({ calendarRange }: Props) => {
+  if (!calendarRange || !calendarRange.from || !calendarRange.to) {
+    return undefined
+  }
+
+  const diffDays = differenceInCalendarDays(
+    calendarRange.to,
+    calendarRange.from
+  )
+
+  return diffDays
+}

package/src/core/utils/parseDate.tsx

@@ -0,0 +1,9 @@
+import { format } from 'date-fns'
+
+type Props = {
+  date?: Date
+  dateFormat?: string
+}
+export const parseDate = ({ date, dateFormat = 'dd.MM.yyyy' }: Props) => {
+  return date ? format(date, dateFormat) : null
+}

package/src/i18n.ts

@@ -2,7 +2,9 @@ import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
 
 import enFilterBar from './locales/en/filterBar.json'
+import enCommon from './locales/en/common.json'
 import fiFilterBar from './locales/fi/filterBar.json'
+import fiCommon from './locales/fi/common.json'
 
 const urlParams =
   typeof window !== 'undefined'
@@ -12,8 +14,8 @@ const localeFromUrl = urlParams?.get('locale') || 'fi'
 
 i18n.use(initReactI18next).init({
   resources: {
-    en: { filterBar: enFilterBar },
-    fi: { filterBar: fiFilterBar },
+    en: { filterBar: enFilterBar, common: enCommon },
+    fi: { filterBar: fiFilterBar, common: fiCommon },
   },
   lng: localeFromUrl,
   fallbackLng: 'fi',

package/src/index.ts

@@ -1,5 +1,6 @@
 import Button from './components/Button'
 import FilterBar from './components/FilterBar'
+import FilterCalendar from './components/FilterCalendar'
 
-export { Button, FilterBar }
+export { Button, FilterBar, FilterCalendar }
 export type { Tab } from './components/FilterBar/FilterBarTypes'

package/src/locales/en/common.json

@@ -0,0 +1,7 @@
+{
+"night": "night",
+"nights": "nights",
+"checkIn": "check-in",
+"checkOut": "check-out",
+"search": "Search"
+}

package/src/locales/en/filterBar.json

@@ -20,9 +20,6 @@
     "label": "Categories",
     "title": "Category"
   },
-  "submit": {
-    "label": "Search"
-  },
   "tabs": {
     "events": "Events",
     "rooms": "Rooms"

package/src/locales/fi/common.json

@@ -0,0 +1,8 @@
+{
+"night": "yö",
+"nights": "yötä",
+"checkIn": "check-in",
+"checkOut": "check-out",
+"search": "Hae"
+}
+  

package/src/locales/fi/filterBar.json

@@ -20,9 +20,6 @@
     "label": "Kategoriat",
     "title": "Kategoria"
   },
-  "submit": {
-    "label": "Hae"
-  },
   "tabs": {
     "events": "Tapahtumat",
     "rooms": "Huoneet"

package/src/themes/useTheme.tsx

@@ -1,11 +1,11 @@
 import { CSSProperties } from 'react'
 
-export interface Palette {
+export type Palette = {
   primary: string
   secondary: string
 }
 
-export interface ThemeProps {
+export type ThemeProps = {
   palette?: Palette
 }
 

package/src/components/FilterBar/components/buttons/submit-button/SubmitButton.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { FaSearch } from 'react-icons/fa'
-
-import './SubmitButton.css'
-
-export const SubmitButton = ({ onClick }: any) => {
-  const { t } = useTranslation('filterBar')
-
-  return (
-    <button className="will-filter-bar-submit-button" onClick={onClick}>
-      <span>
-        <FaSearch />
-      </span>
-      {t('submit.label')}
-    </button>
-  )
-}