ublo-lib 1.15.1 → 1.16.1

package/es/common/components/instant-search/results.module.css

@@ -0,0 +1,95 @@
+.results {
+  width: calc(100% - 20px);
+  height: 600px;
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  margin: 0 10px 10px 10px;
+  padding: 10px;
+}
+
+.results:not(:empty) {
+  padding: 0;
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-radius-100, 6px);
+  box-shadow: var(--ds-shadow-200, 0 5px 10px rgba(0, 0, 0, 0.12));
+}
+
+.inner {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--ds-radius-100, 6px);
+  overflow: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+@media (min-width: 730px) {
+  .inner {
+    flex-direction: row;
+    overflow: visible;
+  }
+}
+
+.left {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 16px;
+  order: 1;
+}
+
+.left:empty {
+  display: none;
+}
+
+@media (min-width: 730px) {
+  .left {
+    flex: 0 0 330px;
+    order: 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+.right {
+  position: relative;
+  flex: 1 1 auto;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  align-content: flex-start;
+  background-color: var(--ds-grey-100, #f5f5f5);
+  border-radius: var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0 0;
+  gap: 16px;
+  padding: 16px;
+}
+
+@media (min-width: 730px) {
+  .right {
+    border-radius: 0 var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+.resultsWithWeekTitle,
+.resultsWithoutWeekTitle {
+  --ds-button-text-transform: none;
+
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 12px 8px;
+  text-align: center;
+  font-size: 15px;
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-radius-100, 6px);
+  z-index: 1;
+}

package/es/common/components/instant-search/services/api.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchResults(site: string, lang: string, query: string, groupLimit?: number, queryBy?: string, queryByWeights?: string): any;
+//# sourceMappingURL=api.d.ts.map

package/es/common/components/instant-search/services/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/api.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,UAAU,GAAE,MAAU,EACtB,OAAO,GAAE,MAAgE,EACzE,cAAc,CAAC,EAAE,MAAM,OAcxB"}

package/es/common/components/instant-search/services/api.js

@@ -0,0 +1,13 @@
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
+import * as Fetcher from "../../../utils/fetcher";
+const api = "https://search.ublo.app/api";
+export function fetchResults(site, lang, query, groupLimit = 8, queryBy = "title,text,pageTitle,seoKeywords,parentTitle,seoTitle", queryByWeights) {
+    const endpoint = `${api}/search`;
+    return Fetcher.post(endpoint, {
+        q: query,
+        query_by: queryBy,
+        query_by_weights: queryByWeights,
+        group_limit: groupLimit,
+        per_page: 30,
+    }, { site, lang });
+}

package/es/common/components/instant-search/services/dates.js

@@ -0,0 +1,50 @@
+function padStart(value, count, pad) {
+  let str = String(value);
+  while (str.length < count) {
+    str = pad + str;
+  }
+  return str;
+}
+function createDate(...args) {
+  const ref = new Date(...args);
+  const yy = ref.getFullYear();
+  const mm = padStart(ref.getMonth() + 1, 2, 0);
+  const dd = padStart(ref.getDate(), 2, 0);
+  const str = `${yy}-${mm}-${dd}`;
+  return new Date(str);
+}
+function getPrevSaturday(date) {
+  const clone = createDate(date);
+  const day = 1 + clone.getDay();
+  const prevSaturday = clone.getDate() - day % 7;
+  clone.setDate(prevSaturday);
+  return clone;
+}
+function addDays(date, days) {
+  const clone = createDate(date);
+  clone.setDate(clone.getDate() + days);
+  return clone;
+}
+
+function christmasWeek(endWeek, forceSeasonSwitch) {
+  const now = createDate();
+  const year = now.getFullYear();
+  const month = now.getMonth();
+  const date = now.getDate();
+  const isAfterChristmas = month === 11 && date >= 25;
+  const lastChristmasYear = isAfterChristmas || !isAfterChristmas && forceSeasonSwitch ? year : year - 1;
+  const lastChristmas = createDate(lastChristmasYear, 11, 25);
+  const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
+  const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
+  return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
+}
+function weekToDate(week, endWeek, forceSeasonSwitch) {
+  return addDays(christmasWeek(endWeek, forceSeasonSwitch), week * 7);
+}
+export function weekToLongDate(week, endWeek, forceSeasonSwitch) {
+  const date = weekToDate(week, endWeek, forceSeasonSwitch);
+  const dd = padStart(date.getDate(), 2, 0);
+  const mm = padStart(date.getMonth() + 1, 2, 0);
+  const yy = date.getFullYear();
+  return `${dd}/${mm}/${yy}`;
+}

package/es/common/components/instant-search/services/messages.d.ts

@@ -0,0 +1,2 @@
+export default function message(lang: string, id: string): any;
+//# sourceMappingURL=messages.d.ts.map

package/es/common/components/instant-search/services/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/messages.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,OAGvD"}

package/es/common/components/instant-search/services/messages.js

@@ -0,0 +1,5 @@
+import locales from "../i18n.json";
+export default function message(lang, id) {
+    const messages = locales[lang] || locales.en;
+    return messages[id] || `??${id}??`;
+}

package/es/common/components/instant-search/services/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Hit, PurpleHighlight } from "../results";
+export declare function getHighlight(property: string, highlight: PurpleHighlight, withExtractQuotes?: boolean): any;
+export declare function filterProducts(products: Hit[], weekNumber: number | null): Hit[];
+//# sourceMappingURL=utils.d.ts.map

package/es/common/components/instant-search/services/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,iBAAiB,GAAE,OAAe,OAoBnC;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,SAkBxE"}

package/es/common/components/instant-search/services/utils.js

@@ -0,0 +1,39 @@
+export function getHighlight(property, highlight, withExtractQuotes = false) {
+    if (!highlight[property]?.snippet)
+        return;
+    let snippet = highlight[property].snippet;
+    if (!withExtractQuotes)
+        return snippet;
+    const startsWithMaj = /[A-Z]/.test(snippet);
+    const endsWithDot = snippet[snippet.length - 1] === ".";
+    if (!startsWithMaj) {
+        snippet = `...${snippet}`;
+    }
+    if (!endsWithDot) {
+        snippet = `${snippet}...`;
+    }
+    return snippet;
+}
+export function filterProducts(products, weekNumber) {
+    if (weekNumber !== null) {
+        return products.filter((product) => {
+            const { weeks = [] } = product.document;
+            return weeks.includes(weekNumber);
+        });
+    }
+    return products.reduce((acc, product) => {
+        const { image, pageTitle } = product.document;
+        const isAlreadyInAcc = acc.some((item) => {
+            return (normalizeImage(item.document.image) === normalizeImage(image) &&
+                item.document.pageTitle === pageTitle);
+        });
+        if (isAlreadyInAcc)
+            return acc;
+        return [...acc, product];
+    }, []);
+}
+function normalizeImage(image) {
+    if (!image)
+        return "";
+    return image.replace(/(-[0-9]+)?.(jpg|jpeg|png|gif)/, "");
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "ublo-lib",
-  "version": "1.15.1",
+  "version": "1.16.1",
   "peerDependencies": {
-    "dt-design-system": "^2.1.0",
+    "dt-design-system": "^2.9.0",
     "leaflet": "^1.9.1",
     "next": "^12.0.0 || ^13.0.0",
     "react": "^18.2.0",
@@ -38,7 +38,7 @@
     "@types/react-dom": "^18.0.6",
     "classnames": "^2.3.1",
     "cpx2": "^4.2.0",
-    "dt-design-system": "^2.1.0",
+    "dt-design-system": "^2.9.0",
     "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^17.0.0",