@odynn/awayz-hotels 0.2.15 → 0.2.17

package/dist/assets/Legend.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@media (prefers-color-scheme: dark){body[data-theme=auto]{--background: #14181f;--opaque-background: #20242880;--foreground: #22272d;--text: #c3c9d2;--text-light: #c3c9d260;--border: #3b4048}}@media (prefers-color-scheme: light){body[data-theme=auto]{--background: #f9fdff;--opaque-background: #f9fdff95;--foreground: #fff;--text: #252e34;--text-light: #252e3460;--border: #e7eef3}}body[data-theme=light]{--background: #f9fdff;--opaque-background: #f9fdff95;--foreground: #fff;--text: #252e34;--text-light: #252e3460;--border: #e7eef3}*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,input{line-height:normal;margin:0;color:var(--text, #252e34);background-color:transparent}a{text-decoration:none}hr{border:none;border-top:1px solid var(--border, #e7eef3);width:100%}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.hotel-legend{background:var(--opaque-background, rgba(249, 253, 255, .5843137255));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border-radius:1rem;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;pointer-events:all;z-index:100;display:flex;flex-direction:column;padding:.5rem;border:1px solid var(--border, #e7eef3);border-color:var(--foreground, #fff)}.hotel-legend .header{font-weight:600;color:var(--text, #252e34);display:flex;gap:.5rem;justify-content:space-between;align-items:center}.hotel-legend .header .chevron{transition:all .2s ease-in-out}.hotel-legend .subheader{font-size:.8rem;color:var(--text, #252e34)}.hotel-legend:hover{background-color:var(--foreground, #fff)}@media screen and (max-width: 1024px){.hotel-legend{display:none}}.hotel-legend .hotel-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.hotel-legend .filter-content{display:grid;grid-template-rows:0fr;transition:all .2s ease-in-out}.hotel-legend .filter-content .inner{transition:all .2s ease-in-out;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;max-height:50vh}.hotel-legend .filter-content .inner .chain{font-size:.8rem;background-color:var(--foreground, #fff);border:1px solid var(--border, #e7eef3);border-radius:.5rem;padding:.25rem}.hotel-legend .filter-content .inner .more-filters{cursor:pointer;font-size:.7rem;padding:.25rem;text-align:center;text-decoration:underline}.hotel-legend.is-open .chevron{rotate:180deg}.hotel-legend.is-open .filter-content{grid-template-rows:1fr;border-top:1px solid var(--border, #e7eef3);padding-top:.5rem}.hotel-legend.is-open .filter-content .inner{overflow-y:auto}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@media (prefers-color-scheme: dark){body[data-theme=auto]{--background: #14181f;--opaque-background: #20242880;--foreground: #22272d;--text: #c3c9d2;--text-light: #c3c9d260;--border: #3b4048}}@media (prefers-color-scheme: light){body[data-theme=auto]{--background: #f9fdff;--opaque-background: #f9fdff95;--foreground: #fff;--text: #252e34;--text-light: #252e3460;--border: #e7eef3}}body[data-theme=light]{--background: #f9fdff;--opaque-background: #f9fdff95;--foreground: #fff;--text: #252e34;--text-light: #252e3460;--border: #e7eef3}*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,input{line-height:normal;margin:0;color:var(--text, #252e34);background-color:transparent}a{text-decoration:none}hr{border:none;border-top:1px solid var(--border, #e7eef3);width:100%}@keyframes slide-in-right{0%{opacity:0;transform:translate(0)}50%{transform:translate(-100vw);opacity:0}50.001%{opacity:0;transform:translate(105vw)}50.002%{opacity:1;transform:translate(100vw)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(0)}50%{transform:translate(100vw);opacity:0}50.001%{opacity:0;transform:translate(-100vw)}50.002%{opacity:1;transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100vw);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100vw);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translate(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes no-no{0%{transform:translate(0)}20%{transform:translate(-20px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes loading-track{0%{transform:translate(-100%);opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes loading-in{0%{height:0}to{height:5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{background-position:right}}@keyframes text-pulse{0%{opacity:.75}35%{opacity:1}65%{opacity:1}to{opacity:.75}}@keyframes pulse{0%{opacity:.85}35%{opacity:1}65%{opacity:1}to{opacity:.85}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spring-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1)}to{transform:scale(1.1,1.4)}}@keyframes tip-fade-right{0%{opacity:0;transform:translate(-20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-left{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes tip-fade-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes tip-fade-up{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scale-fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scroll-horizontally{0%{transform:translate(0)}to{transform:translate(-50%)}}.hotel-legend{background:var(--opaque-background, rgba(249, 253, 255, .5843137255));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);border-radius:1rem;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;pointer-events:all;z-index:100;display:flex;flex-direction:column;padding:.5rem;border:1px solid var(--border, #e7eef3);border-color:var(--foreground, #fff)}.hotel-legend .header{color:var(--text, #252e34);display:flex;gap:.5rem;justify-content:space-between;align-items:center;font-size:.8rem}.hotel-legend .header .chevron{transition:all .2s ease-in-out}.hotel-legend .subheader{font-size:.7rem;color:var(--text, #252e34)}.hotel-legend:hover{background-color:var(--foreground, #fff)}@media screen and (max-width: 1024px){.hotel-legend{display:none}}.hotel-legend .hotel-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.hotel-legend .filter-content{display:grid;grid-template-rows:0fr;transition:all .2s ease-in-out}.hotel-legend .filter-content .inner{transition:all .2s ease-in-out;overflow:hidden;display:flex;flex-direction:column;gap:.25rem;max-height:50vh}.hotel-legend .filter-content .inner .chain{font-size:.7rem;background-color:var(--foreground, #fff);border:1px solid var(--border, #e7eef3);border-radius:.5rem;padding:.25rem}.hotel-legend .filter-content .inner .more-filters{cursor:pointer;font-size:.7rem;padding:.25rem;text-align:center;text-decoration:underline}.hotel-legend.is-open .chevron{rotate:180deg}.hotel-legend.is-open .filter-content{grid-template-rows:1fr;border-top:1px solid var(--border, #e7eef3);padding-top:.5rem}.hotel-legend.is-open .filter-content .inner{overflow-y:auto}

package/dist/components/Legend/Legend.js

@@ -1,66 +1,66 @@
-import { jsxs as s, jsx as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as r, Fragment as i, jsxs as n } from "react/jsx-runtime";
 import { useState as N, useMemo as k } from "react";
 import C from "../Checkbox/Checkbox.js";
-import { HotelChains as n } from "../../definitions/HotelChains.js";
+import { HotelChains as t } from "../../definitions/HotelChains.js";
 import { F as b } from "../../index-gse40uZM.js";
 import '../../assets/Legend.css';const F = ({
-  hotelResults: i,
-  onChange: l,
-  value: r,
-  onOtherFilters: d
+  hotelResults: l,
+  onChange: d,
+  value: o,
+  onOtherFilters: m
 }) => {
-  var h;
-  const [m, g] = N(!1), c = k(() => {
-    const e = i.map((t) => t.hotelGroup);
+  var p;
+  const [h, g] = N(!1), s = k(() => {
+    const e = l.map((c) => c.hotelGroup);
     return Array.from(new Set(e));
-  }, [i]), a = (e) => {
-    if (l) {
-      const p = r != null && r.includes(e) ? r.filter((t) => t !== e) : [...r || [], e];
-      l(p);
+  }, [l]), a = (e) => {
+    if (d) {
+      const f = o != null && o.includes(e) ? o.filter((c) => c !== e) : [...o || [], e];
+      d(f);
     }
   };
-  return /* @__PURE__ */ s("div", { className: `hotel-legend ${m ? "" : "is-open"}`, children: [
-    /* @__PURE__ */ s(
+  return !s || s.length === 0 ? /* @__PURE__ */ r(i, {}) : /* @__PURE__ */ n("div", { className: `hotel-legend ${h ? "" : "is-open"}`, children: [
+    /* @__PURE__ */ n(
       "div",
       {
         className: "header",
         onClick: () => {
-          g(!m);
+          g(!h);
         },
         children: [
-          /* @__PURE__ */ o("p", { children: "Legend" }),
-          /* @__PURE__ */ o(b, { className: "chevron" })
+          /* @__PURE__ */ r("p", { children: "Legend" }),
+          /* @__PURE__ */ r(b, { className: "chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ o("div", { className: "filter-content", children: /* @__PURE__ */ s("div", { className: "inner", children: [
-      /* @__PURE__ */ o("p", { className: "subheader", children: "Supported Loyalty Programs" }),
-      (h = c == null ? void 0 : c.filter((e) => n.toList().includes(e))) == null ? void 0 : h.map((e) => /* @__PURE__ */ o("div", { className: "chain", children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r("div", { className: "filter-content", children: /* @__PURE__ */ n("div", { className: "inner", children: [
+      /* @__PURE__ */ r("p", { className: "subheader", children: "Supported Loyalty Programs" }),
+      (p = s == null ? void 0 : s.filter((e) => t.toList().includes(e))) == null ? void 0 : p.map((e) => /* @__PURE__ */ r("div", { className: "chain", children: /* @__PURE__ */ r(
         C,
         {
-          label: n.toProgram(e),
-          style: { backgroundColor: n.toColour(e) },
+          label: t.toProgram(e),
+          style: { backgroundColor: t.toColour(e) },
           onChange: () => a(e),
-          checked: (r == null ? void 0 : r.includes(e)) || !1
+          checked: (o == null ? void 0 : o.includes(e)) || !1
         }
       ) }, e)),
-      c.some(
-        (e) => !n.toList().includes(e)
-      ) && /* @__PURE__ */ s(f, { children: [
-        /* @__PURE__ */ o("hr", {}),
-        /* @__PURE__ */ o("div", { className: "chain", children: /* @__PURE__ */ o(
+      s.some(
+        (e) => !t.toList().includes(e)
+      ) && /* @__PURE__ */ n(i, { children: [
+        /* @__PURE__ */ r("hr", {}),
+        /* @__PURE__ */ r("div", { className: "chain", children: /* @__PURE__ */ r(
           C,
           {
             label: "Other Properties",
-            style: { backgroundColor: n.toColour("other") },
+            style: { backgroundColor: t.toColour("other") },
             onChange: () => a("other"),
-            checked: (r == null ? void 0 : r.includes("other")) || !1
+            checked: (o == null ? void 0 : o.includes("other")) || !1
           }
         ) })
       ] }),
-      !!d && /* @__PURE__ */ s(f, { children: [
-        /* @__PURE__ */ o("hr", {}),
-        /* @__PURE__ */ o("p", { onClick: d, className: "more-filters", children: "More Filters" })
+      !!m && /* @__PURE__ */ n(i, { children: [
+        /* @__PURE__ */ r("hr", {}),
+        /* @__PURE__ */ r("p", { onClick: m, className: "more-filters", children: "More Filters" })
       ] })
     ] }) })
   ] });

package/dist/lib/components/Legend/Legend.d.ts

@@ -18,4 +18,12 @@ export interface ILegendProps {
      */
     onOtherFilters?: () => void;
 }
-export declare const Legend: ({ hotelResults, onChange, value, onOtherFilters }: ILegendProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * The `Legend` component displays a list of hotel chains and allows users to filter hotels based on their loyalty programs.
+ * It also provides an option to view more filters if available.
+ *
+ * @param {ILegendProps} props - The properties for the Legend component.
+ * @returns {JSX.Element} The rendered Legend component.
+ */
+declare const Legend: ({ hotelResults, onChange, value, onOtherFilters }: ILegendProps) => JSX.Element;
+export { Legend };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odynn/awayz-hotels",
   "private": false,
-  "version": "0.2.15",
+  "version": "0.2.17",
   "type": "module",
   "files": [
     "dist"

package/dist/components/Legend/Legend.stories.js

@@ -1,69 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Legend as a } from "./Legend.js";
-import { testHotels as u } from "../../storybook/exampleData.js";
-import { useState as f } from "react";
-const r = u, d = {
-  title: "Hotels/Legend",
-  component: a,
-  parameters: {
-    layout: "centered",
-    backgrounds: {
-      default: "hotel-background",
-      values: [
-        {
-          name: "hotel-background",
-          value: "url(https://images.unsplash.com/photo-1566073771259-6a8506099945?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80)"
-        },
-        {
-          name: "luxury-hotel",
-          value: "url(https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80)"
-        }
-      ]
-    },
-    actions: { argTypesRegex: "^on.*" }
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    onChange: { action: "onChange" },
-    value: {
-      control: []
-    }
-  }
-}, h = {
-  render: (t) => {
-    const [l, s] = f([
-      "marriott"
-    ]);
-    return /* @__PURE__ */ n(
-      a,
-      {
-        ...t,
-        value: l,
-        onChange: (e) => {
-          var o;
-          s(e), (o = t.onChange) == null || o.call(t, e);
-        }
-      }
-    );
-  },
-  args: {
-    hotelResults: r
-  }
-}, x = {
-  args: {
-    hotelResults: r.filter(
-      (t) => t.hotelGroup === "marriott"
-    ),
-    value: ["marriott"]
-  },
-  parameters: {
-    backgrounds: {
-      default: "luxury-hotel"
-    }
-  }
-};
-export {
-  h as Default,
-  x as SingleHotelGroup,
-  d as default
-};

package/dist/lib/components/Legend/Legend.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Legend } from './Legend';
-declare const meta: Meta<typeof Legend>;
-export default meta;
-type Story = StoryObj<typeof Legend>;
-export declare const Default: Story;
-export declare const SingleHotelGroup: Story;