ublo-lib 1.0.17 → 1.0.21

package/es/common/components/breadcrumb.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare type ItemProps = {
+    title: string;
+    shortTitle?: string;
+    name: string;
+    path: string;
+    page: string;
+    subs?: ItemProps[];
+};
+declare type BreadcrumbProps = {
+    breadcrumb: ItemProps;
+    exclusions: string[];
+};
+declare const Breadcrumb: ({ breadcrumb, exclusions }: BreadcrumbProps) => JSX.Element;
+export default Breadcrumb;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/es/common/components/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/common/components/breadcrumb.tsx"],"names":[],"mappings":";AAGA,aAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AA0CF,QAAA,MAAM,UAAU,+BAAqC,eAAe,gBAInE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/common/components/breadcrumb.js

@@ -1,69 +1,23 @@
-import * as React from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "ublo/link";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const Item = ({
-  page,
-  path,
-  itemTitle,
-  nextItem,
-  isCurrent
-}) => {
-  const hasTemplate = page !== undefined;
-  const isExternalUrl = /^((http|https):\/\/)/.test(path);
-  const noHref = isCurrent || !hasTemplate;
-  const Tag = isExternalUrl ? "a" : noHref ? "span" : Link;
-  const linkProps = {
-    title: itemTitle,
-    page,
-    as: path
-  };
-  const spanProps = {
-    dangerouslySetInnerHTML: {
-      __html: itemTitle
-    }
-  };
-  const anchorProps = { ...spanProps,
-    href: path
-  };
-  const props = isExternalUrl ? anchorProps : noHref ? spanProps : linkProps;
-  return _jsxs(_Fragment, {
-    children: [_jsx(Tag, {
-      className: "breadcrumb__item",
-      ...props
-    }), nextItem]
-  });
+const Item = ({ page, path, itemTitle, nextItem, isCurrent }) => {
+    const hasTemplate = page !== undefined;
+    const isExternalUrl = /^((http|https):\/\/)/.test(path);
+    const noHref = isCurrent || !hasTemplate;
+    const Tag = isExternalUrl ? "a" : noHref ? "span" : Link;
+    const linkProps = { title: itemTitle, page, as: path };
+    const spanProps = { dangerouslySetInnerHTML: { __html: itemTitle } };
+    const anchorProps = { ...spanProps, href: path };
+    const props = isExternalUrl ? anchorProps : noHref ? spanProps : linkProps;
+    return (_jsxs(_Fragment, { children: [_jsx(Tag, { className: "breadcrumb__item", ...props }), nextItem] }));
 };
-
-const renderBreadcrumbItems = (rawItem, exclusions) => {
-  const {
-    next,
-    title,
-    path,
-    page,
-    shortTitle
-  } = rawItem;
-  const isCurrent = next === undefined;
-  const isNextExcluded = !isCurrent && exclusions.includes(next.name);
-  const itemToRender = isNextExcluded ? next.next : next;
-  const nextItem = !isCurrent && renderBreadcrumbItems(itemToRender, exclusions);
-  return _jsx(Item, {
-    page: page,
-    path: path,
-    itemTitle: shortTitle || title,
-    nextItem: nextItem,
-    isCurrent: isCurrent
-  });
+const Items = ({ rawItem, exclusions }) => {
+    const { next, title, path, page, shortTitle } = rawItem;
+    const isCurrent = next === undefined;
+    const isNextExcluded = !isCurrent && exclusions.includes(next.name);
+    const itemToRender = isNextExcluded ? next.next : next;
+    const nextItem = !isCurrent ? (_jsx(Items, { rawItem: itemToRender, exclusions: exclusions })) : null;
+    return (_jsx(Item, { page: page, path: path, itemTitle: shortTitle || title, nextItem: nextItem, isCurrent: isCurrent }));
 };
-
-const Breadcrumb = ({
-  breadcrumb,
-  exclusions = []
-}) => _jsx("div", {
-  className: "breadcrumb",
-  children: renderBreadcrumbItems(breadcrumb, exclusions)
-});
-
-export default Breadcrumb;
+const Breadcrumb = ({ breadcrumb, exclusions = [] }) => (_jsx("div", { className: "breadcrumb", children: _jsx(Items, { rawItem: breadcrumb, exclusions: exclusions }) }));
+export default Breadcrumb;

package/es/common/components/custom-contact-form/utils.js

@@ -23,12 +23,16 @@ export const getInitialFormState = (fields, presets) => Object.keys(fields).redu
     type
   } = field;
   if (type === "title") return acc;
-  if (key === "subject") return { ...acc,
-    [key]: {
-      value: "",
-      valid: true
-    }
-  };
+
+  if (key === "subject") {
+    const value = presets?.[key] ?? "";
+    return { ...acc,
+      [key]: {
+        value,
+        valid: true
+      }
+    };
+  }
 
   if (type === "checkbox") {
     const value = presets?.[key] ?? false;

package/es/common/components/faq.js

@@ -14,6 +14,11 @@ const Faq = ({
   } = useUbloContext();
   const [count, setCount] = useState(0);
   const [current, setCurrent] = useState();
+  useEffect(() => {
+    if (location.hostname === "localhost") {
+      console.warn("Faq is deprecated, prefer useFaq (ublo-lib/es/common/hooks/use-faq)");
+    }
+  }, []);
   useEffect(() => {
     const faq = faqRef.current;
     const sections = faq.querySelectorAll(`section[data-class="${target}"]`);

package/es/common/components/info-buttons.js

@@ -79,6 +79,11 @@ const InfoButtons = ({
     setClosed(true);
   };
 
+  useEffect(() => {
+    if (location.hostname === "localhost") {
+      console.warn("InfoButtons is deprecated, prefer useInfoButtons");
+    }
+  }, []);
   useEffect(() => {
     const infos = ref.current;
     const sections = infos.querySelectorAll(`section${selector}`);

package/es/lbm/components/msem-linker/editor/editor.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
 import Lodging from "./lodging";
 import SkiPass from "./ski-pass";
 import * as Icons from "dt-design-system/es/icons";
@@ -25,6 +26,9 @@ const PresetsEditor = ({
   skiPassesUrl,
   skiPassMerchant
 }) => {
+  const {
+    lang
+  } = useUbloContext();
   const [config, setConfig] = React.useState();
   const [ready, setReady] = React.useState(false);
   const Editor = editors[kind];
@@ -34,6 +38,7 @@ const PresetsEditor = ({
   const {
     widget
   } = section.dataset;
+  const linkOverride = section.querySelector("a")?.getAttribute("href")?.replace(`/${lang}`, "");
 
   const closeEditor = () => {
     setPresetsEditor(undefined);
@@ -98,7 +103,8 @@ const PresetsEditor = ({
         setConfig: setConfig,
         defaultOptions: defaultOptions,
         skiPassesUrl: skiPassesUrl,
-        skiPassMerchant: skiPassMerchant
+        skiPassMerchant: skiPassMerchant,
+        linkOverride: linkOverride
       }), _jsxs("div", {
         className: styles.footer,
         children: [_jsxs(Button, {

package/es/lbm/components/msem-linker/editor/lodging.js

@@ -69,7 +69,8 @@ const Lodging = ({
   widgets,
   config,
   setConfig,
-  defaultOptions
+  defaultOptions,
+  linkOverride
 }) => {
   const {
     lang
@@ -251,9 +252,9 @@ const Lodging = ({
           resort: selectedResort,
           previewDetails
         }
-      }, openPage, lodgingPrefixUrl, noLodgingPage));
+      }, openPage, linkOverride || lodgingPrefixUrl, noLodgingPage));
     }
-  }, [data, kind, lodgingPrefixUrl, noLodgingPage, selectedResort, setConfig]);
+  }, [data, kind, linkOverride, lodgingPrefixUrl, noLodgingPage, selectedResort, setConfig]);
   React.useEffect(() => {
     if (!data.lodging) {
       setData(data => ({ ...data,

package/es/lbm/components/msem-linker/editor/ski-pass.js

@@ -19,6 +19,7 @@ const DEFAULT_DATA = {
   stayTo: "",
   firstSkiDate: "",
   skiers: [],
+  activities: [],
   domains: [],
   durations: []
 };
@@ -52,7 +53,8 @@ const SkiPass = ({
   config,
   setConfig,
   skiPassesUrl,
-  skiPassMerchant
+  skiPassMerchant,
+  linkOverride
 }) => {
   const {
     lang
@@ -70,7 +72,7 @@ const SkiPass = ({
   });
   const merchantSlug = resortData?.merchant || skiPassMerchant;
   const selectedResortSkiPassPrefixUrl = resortData?.skiPassesUrls?.[widgets[kind]?.widgetPrefixUrlFacet]?.[lang];
-  const widgetUrl = skiPassesUrl || selectedResortSkiPassPrefixUrl;
+  const widgetUrl = linkOverride || skiPassesUrl || selectedResortSkiPassPrefixUrl;
   const emptyEntry = {
     label: "",
     value: ""
@@ -327,13 +329,13 @@ const SkiPass = ({
           label: messages.domains,
           options: filters.domains,
           values: selectedDomains,
-          onValueChange: updateFilter("domains")
+          onChange: updateFilter("domains")
         }), data.domains?.length > 0 && filteredDurations?.length > 1 && _jsx(MutlipleSelect, {
           placeholder: "Selectionnez une ou plusieurs options",
           label: messages.durations,
           options: filteredDurations,
           values: selectedDurations,
-          onValueChange: updateFilter("durations")
+          onChange: updateFilter("durations")
         })]
       }), widgetUrl && _jsxs(_Fragment, {
         children: [_jsx("div", {

package/es/lbm/components/msem-linker/hooks/use-widgets.js

@@ -31,10 +31,10 @@ const useWidgets = (widgets, defaultOptions, mode, resorts, skiPassesUrl, setTun
       return r.resort === parseInt(selectedResort);
     });
     const selectedResortLodgingPrefixUrl = resortData?.lodgingsUrls?.[widgets[widget]?.widgetPrefixUrlFacet]?.[lang];
-    const lodgingPrefixUrl = defaultOptions.lodgingPrefixUrl || selectedResortLodgingPrefixUrl;
+    const lodgingPrefixUrl = section.querySelector("a")?.href || defaultOptions.lodgingPrefixUrl || selectedResortLodgingPrefixUrl;
     const noLodgingPage = !!resortData?.noLodgingPage;
     const selectedResortSkiPassPrefixUrl = resortData?.skiPassesUrls?.[widgets[widget]?.widgetPrefixUrlFacet]?.[lang];
-    const skiPassWidgetUrl = skiPassesUrl?.[defaultOptions.facet === 0 ? "winter" : "summer"].path || selectedResortSkiPassPrefixUrl;
+    const skiPassWidgetUrl = section.querySelector("a")?.href || skiPassesUrl || selectedResortSkiPassPrefixUrl;
     const {
       paxPlan,
       roomType

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "ublo-lib",
-  "version": "1.0.17",
+  "version": "1.0.21",
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "dt-design-system": "^2.0.0",
     "ublo": "^2.0.0"
   },
   "dependencies": {
@@ -21,18 +22,20 @@
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "classnames": "^2.3.1",
-    "eslint": "^8.11.0",
+    "dt-design-system": "^2.0.0",
+    "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-promise": "^6.0.1",
+    "eslint-plugin-react": "^7.31.7",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "typescript": "^4.7.2"
+    "typescript": "^4.8.2",
+    "ublo": "^2.0.0"
   },
   "scripts": {
     "clean": "rm -rf es",

package/es/empty.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const Empty: () => JSX.Element;
-export default Empty;
-//# sourceMappingURL=empty.d.ts.map

package/es/empty.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../src/empty.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,KAAK,mBAMV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/empty.js

@@ -1,6 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-// TO REMOVE WHEN THE FIRST REAL TS COMPONENT IS CREATED
-const Empty = () => {
-    return (_jsx("div", { className: "empty", children: _jsx(_Fragment, {}) }));
-};
-export default Empty;