@sok-brand-sites/common-frontend-components 0.0.1-security → 1.643.1

package/dist/hooks/useElementRect.js

@@ -0,0 +1,65 @@
+import { __read } from '../_virtual/_tslib.js';
+import { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import { useWindowSize } from './windowsize.js';
+
+var useElementHeight = function useElementHeight() {
+  var elementRef = useRef(null);
+
+  var _a = __read(useState(0), 2),
+      elementHeight = _a[0],
+      setElementHeight = _a[1];
+
+  useLayoutEffect(function () {
+    var _a;
+
+    setElementHeight((_a = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height);
+  }, []);
+  return {
+    elementRef: elementRef,
+    elementHeight: elementHeight
+  };
+};
+
+var useElementLeft = function useElementLeft() {
+  var windowSize = useWindowSize();
+  var elementRef = useRef(null);
+
+  var _a = __read(useState(0), 2),
+      elementLeft = _a[0],
+      setElementLeft = _a[1];
+
+  useLayoutEffect(function () {
+    var _a;
+
+    setElementLeft((_a = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft);
+  }, []);
+  useEffect(function () {
+    var _a;
+
+    setElementLeft((_a = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft);
+  }, [windowSize]);
+  return {
+    elementRef: elementRef,
+    elementLeft: elementLeft
+  };
+};
+
+var useElementBottomPosition = function useElementBottomPosition() {
+  var elementRef = useRef(null);
+
+  var _a = __read(useState(0), 2),
+      elementBottom = _a[0],
+      setElementBottom = _a[1];
+
+  useLayoutEffect(function () {
+    var _a;
+
+    setElementBottom((_a = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().bottom);
+  }, []);
+  return {
+    elementRef: elementRef,
+    elementBottom: elementBottom
+  };
+};
+
+export { useElementBottomPosition, useElementHeight, useElementLeft };

package/dist/hooks/windowsize.js

@@ -0,0 +1,31 @@
+import { __read } from '../_virtual/_tslib.js';
+import { useState, useEffect } from 'react';
+
+var useWindowSize = function useWindowSize() {
+  var isBrowser = typeof window !== 'undefined';
+
+  var _a = __read(useState({
+    width: isBrowser ? window.innerWidth : 0,
+    height: isBrowser ? window.innerHeight : 0
+  }), 2),
+      windowSize = _a[0],
+      setWindowSize = _a[1];
+
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return windowSize;
+};
+
+export { useWindowSize };

package/dist/locales/constants.js

@@ -0,0 +1,6 @@
+var locales = {
+  FI: 'FI',
+  SV: 'SV',
+  EN: 'EN'
+};
+export { locales };

package/dist/locales/translations.json.js

@@ -0,0 +1,153 @@
+var common = {
+  dayAbbreviations: {
+    monday: {
+      FI: "ma",
+      SV: "mån",
+      EN: "Mon"
+    },
+    tuesday: {
+      FI: "ti",
+      SV: "tis",
+      EN: "Tue"
+    },
+    wednesday: {
+      FI: "ke",
+      SV: "ons",
+      EN: "Wed"
+    },
+    thursday: {
+      FI: "to",
+      SV: "tors",
+      EN: "Thu"
+    },
+    friday: {
+      FI: "pe",
+      SV: "fre",
+      EN: "Fri"
+    },
+    saturday: {
+      FI: "la",
+      SV: "lör",
+      EN: "Sat"
+    },
+    sunday: {
+      FI: "su",
+      SV: "sön",
+      EN: "Sun"
+    }
+  },
+  week: {
+    FI: "Viikko",
+    SV: "Vecka",
+    EN: "Week"
+  }
+};
+var fullBgHero = {
+  readMore: {
+    FI: "Lue lisää",
+    EN: "Read more",
+    SV: "Läs mer"
+  }
+};
+var placeOfBusiness = {
+  getRoute: {
+    FI: "Hae reitti",
+    EN: "Get route",
+    SV: "Sök rutten"
+  },
+  error: {
+    FI: "Tapahtui odottamaton virhe.",
+    EN: "An unexpected error occurred.",
+    SV: "Ett oväntat fel uppstod."
+  },
+  openToday: {
+    FI: "Avoinna tänään",
+    EN: "Open today",
+    SV: "Öppet idag"
+  },
+  allOpeningTimes: {
+    FI: "Kaikki aukioloajat",
+    EN: "All opening times",
+    SV: "Alla öppettider"
+  },
+  byAppointment: {
+    FI: "Ajanvarauksella",
+    EN: "By appointment",
+    SV: "Enligt överenskommelse"
+  },
+  open: {
+    FI: "Avoinna",
+    EN: "Open",
+    SV: "Öppet"
+  },
+  noOpeningHours: {
+    FI: "Ei aukioloaikaa",
+    EN: "No opening times",
+    SV: "Inga öppettider"
+  },
+  closed: {
+    FI: "Suljettu",
+    EN: "Closed",
+    SV: "Stängd"
+  },
+  phone: {
+    FI: "Puhelin",
+    EN: "Phone",
+    SV: "Telefon"
+  },
+  placeOfBusinessSearch: {
+    search: {
+      FI: "Hae katuosoitteen tai myymälän nimen mukaan",
+      EN: "Search by address or business name",
+      SV: "Sök med gatuadress eller butikens namn"
+    },
+    showMore: {
+      FI: "Näytä lisää",
+      EN: "Show more",
+      SV: "Visa mer"
+    },
+    noResults: {
+      FI: "Valitettavasti hakusi ei tuottanut tuloksia. Hae uudelleen esim. S-ryhmän ketjun nimellä ja paikkakunnalla.",
+      EN: "Unfortunately your search yielded no results. Search again with for example the name of a chain of S-group and city.",
+      SV: "Tyvärr gav din sökning inga resultat. Sök igen t.ex. med namnet av S-gruppens kedja och orten."
+    },
+    detailsAndServices: {
+      FI: "Lisätiedot ja palvelut",
+      EN: "Services and more",
+      SV: "Tjänster och mer"
+    },
+    address: {
+      FI: "Osoite",
+      EN: "Address",
+      SV: "Adress"
+    }
+  },
+  placeOfBusinessInfo: {
+    contactInfo: {
+      FI: "Yhteystiedot",
+      EN: "Contact information",
+      SV: "Kontaktinformation"
+    },
+    ownWebsite: {
+      FI: "Toimipaikan omat sivut",
+      EN: "Location's own site",
+      SV: "Verksamhetsställes egen webbplats"
+    },
+    reclamationsAndInvoicing: {
+      FI: "Reklamaatiot ja laskutustiedot",
+      EN: "Reclamations and invoicing",
+      SV: "Återkrav och faktureringsförfrågningar"
+    },
+    services: {
+      FI: "Muut toimipaikat ja lisäpalvelut",
+      EN: "Other places of business and services",
+      SV: "Andra verksamhetsställen och tjänster"
+    }
+  }
+};
+var translationJSON = {
+  common: common,
+  fullBgHero: fullBgHero,
+  placeOfBusiness: placeOfBusiness
+};
+export { common, translationJSON as default, fullBgHero, placeOfBusiness };

package/dist/styles/media.js

@@ -0,0 +1,40 @@
+import { css } from 'styled-components';
+import { getTheme, getCurrentThemeName } from '../components/utils.js';
+/*
+  Example usage:
+
+  const StyledComponent = styled.div`
+
+    // Mobile as starting point
+    font-size: 10px;
+
+    ${media.tablet`
+      font-size: 20px;
+    `}
+
+    ${media.desktop`
+      font-size: 30px;
+    `}
+
+  `
+*/
+
+var theme = getTheme(getCurrentThemeName());
+var media = {
+  mobileLarge: function mobileLarge() {
+    return css(["@media screen and (min-width:480px){", "}"], css.apply(void 0, arguments));
+  },
+  tablet: function tablet() {
+    return css(["@media screen and (min-width:", "){", "}"], theme.breakpoints.mobile, css.apply(void 0, arguments));
+  },
+  desktop: function desktop() {
+    return css(["@media screen and (min-width:", "){", "}"], theme.breakpoints.tablet, css.apply(void 0, arguments));
+  },
+  desktopLarge: function desktopLarge() {
+    return css(["@media screen and (min-width:", "){", "}"], theme.breakpoints.desktop, css.apply(void 0, arguments));
+  },
+  widerThanRestrictedWidthContainer: function widerThanRestrictedWidthContainer() {
+    return css(["@media screen and (min-width:", "){", "}"], theme.components.restrictedWidthContainer.maxWidth, css.apply(void 0, arguments));
+  }
+};
+export { media as default, media };

package/dist/themes/neutral/breakpoints.js

@@ -0,0 +1,11 @@
+import { neutral } from '@sok/design-system';
+/**
+ * Mobile: <=768px
+ * Tablet: >768 & <=1024px
+ * Desktop: >1024px & <=1440px
+ * Large Desktop: >1440px
+ */
+
+var breakpoints = neutral.breakpoints,
+    breakpointsArray = neutral.breakpointsArray;
+export { breakpoints, breakpointsArray };

package/dist/themes/neutral/colors.js

@@ -0,0 +1,3 @@
+import { neutral } from '@sok/design-system';
+var colors = neutral.colors;
+export { colors };