ublo-lib 1.31.43 → 1.32.0

package/es/lbm/components/lumiplan/weather/weather-zones.js

@@ -1,77 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import useWindowSizes from "../../../../common/hooks/use-window-sizes";
 import Button from "dt-design-system/es/button";
 import T from "../i18n/translations";
 import css from "./weather-zones.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Zones({
-  weatherZones,
-  currentZoneIndex,
-  setCurrentZoneIndex
-}) {
-  const [showLeftShadow, setShowLeftShadow] = React.useState(false);
-  const [showRightShadow, setShowRightShadow] = React.useState(false);
-  const containerRef = React.useRef(null);
-  const scrollerRef = React.useRef(null);
-  const {
-    width,
-    height
-  } = useWindowSizes();
-  const refreshShadows = React.useCallback(() => {
-    const container = containerRef.current;
-    const scroller = scrollerRef.current;
-    if (container && scroller) {
-      setShowLeftShadow(scroller.scrollLeft > 50);
-      const maxScroll = Math.round(scroller.scrollWidth) - Math.round(scroller.clientWidth);
-      setShowRightShadow(scroller.scrollLeft < maxScroll - 50);
-    }
-  }, []);
-  React.useEffect(() => {
-    refreshShadows();
-  }, [refreshShadows, width, height]);
-  const zonesClasses = classNames(css.zones, {
-    [css.leftShadow]: showLeftShadow,
-    [css.rightShadow]: showRightShadow
-  });
-  return _jsx("div", {
-    ref: containerRef,
-    className: zonesClasses,
-    children: _jsx("div", {
-      ref: scrollerRef,
-      onScroll: refreshShadows,
-      className: css.content,
-      children: weatherZones.map((zone, i) => {
-        const hasData = Boolean(zone.weatherInfos.length > 0 && zone.weatherInfos[0].am && zone.weatherInfos[0].pm);
-        if (!hasData) return null;
-        const {
-          name,
-          altitude
-        } = zone;
-        const {
-          value,
-          unit
-        } = altitude;
-        const isSelected = i === currentZoneIndex;
-        const updateCurrentZone = () => {
-          setCurrentZoneIndex(i);
-        };
-        const classes = classNames(css.zone, {
-          [css.zoneSelected]: isSelected
-        });
-        return _jsxs(Button, {
-          className: classes,
-          onClick: updateCurrentZone,
-          children: [_jsx("b", {
-            children: name
-          }), " ", value, _jsx("span", {
-            children: _jsx(T, {
-              id: unit
-            })
-          })]
-        }, name);
-      })
-    })
-  });
-}
+export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIndex, }) {
+    const [showLeftShadow, setShowLeftShadow] = React.useState(false);
+    const [showRightShadow, setShowRightShadow] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const scrollerRef = React.useRef(null);
+    const { width, height } = useWindowSizes();
+    const refreshShadows = React.useCallback(() => {
+        const container = containerRef.current;
+        const scroller = scrollerRef.current;
+        if (container && scroller) {
+            setShowLeftShadow(scroller.scrollLeft > 50);
+            const maxScroll = Math.round(scroller.scrollWidth) - Math.round(scroller.clientWidth);
+            setShowRightShadow(scroller.scrollLeft < maxScroll - 50);
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshShadows();
+    }, [refreshShadows, width, height]);
+    const zonesClasses = classNames(css.zones, {
+        [css.leftShadow]: showLeftShadow,
+        [css.rightShadow]: showRightShadow,
+    });
+    return (_jsx("div", { ref: containerRef, className: zonesClasses, children: _jsx("div", { ref: scrollerRef, onScroll: refreshShadows, className: css.content, children: weatherZones.map((zone, i) => {
+                const hasData = Boolean(zone.weatherInfos.length > 0 &&
+                    zone.weatherInfos[0].am &&
+                    zone.weatherInfos[0].pm);
+                if (!hasData)
+                    return null;
+                const { name, altitude } = zone;
+                const { value, unit } = altitude;
+                const isSelected = i === currentZoneIndex;
+                const updateCurrentZone = () => {
+                    setCurrentZoneIndex(i);
+                };
+                const classes = classNames(css.zone, {
+                    [css.zoneSelected]: isSelected,
+                });
+                return (_jsxs(Button, { className: classes, onClick: updateCurrentZone, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }, name));
+            }) }) }));
+}

package/es/lbm/components/lumiplan/weather/weather.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { WeatherForecast } from "../types";
+type Props = {
+    weather?: WeatherForecast | null;
+};
+declare const Weather: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Weather;
+//# sourceMappingURL=weather.d.ts.map

package/es/lbm/components/lumiplan/weather/weather.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,eAAe,EAAY,MAAM,UAAU,CAAC;AAK1D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA6GZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/es/lbm/components/lumiplan/weather/weather.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -12,128 +13,43 @@ import T, { t } from "../i18n/translations";
 import Days from "./weather-days";
 import Zones from "./weather-zones";
 import css from "./weather.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Weather = React.forwardRef(({
-  weather
-}, ref) => {
-  const {
-    lang
-  } = useUbloContext();
-  const [currentZoneIndex, setCurrentZoneIndex] = React.useState(0);
-  const [currentDayIndex, setCurrentDayIndex] = React.useState(0);
-  const [expanded, setExpanded] = React.useState(true);
-  React.useEffect(() => {
-    setCurrentZoneIndex(0);
-    setCurrentDayIndex(0);
-  }, [weather]);
-  if (weather === undefined) {
-    return _jsx("div", {
-      ref: ref,
-      className: css.loader,
-      "data-tags": t(lang, "weather.title"),
-      children: _jsx(Loader, {
-        variant: "overlay"
-      })
-    });
-  }
-  if (!weather) {
-    return null;
-  }
-  const {
-    weatherZones,
-    weatherPreviews
-  } = weather.weather;
-  const {
-    snowZones
-  } = weather.snow;
-  const forecastList = weatherPreviews.find(preview => preview.type === "WEATHER_BULLETIN_OF_NEXT_DAY");
-  const forecastData = forecastList?.data?.find(f => f.language.startsWith(lang));
-  const forecast = forecastData?.data;
-  const {
-    weatherInfos
-  } = weatherZones[currentZoneIndex];
-  const days = weatherInfos.slice(0, 4);
-  return _jsxs("div", {
-    ref: ref,
-    className: css.weather,
-    "data-tags": t(lang, "weather.title"),
-    children: [_jsx("div", {
-      className: css.forecast,
-      dangerouslySetInnerHTML: {
-        __html: forecast
-      }
-    }), _jsx(Zones, {
-      weatherZones: weatherZones,
-      currentZoneIndex: currentZoneIndex,
-      setCurrentZoneIndex: setCurrentZoneIndex
-    }), _jsx(Days, {
-      days: days,
-      currentDayIndex: currentDayIndex,
-      setCurrentDayIndex: setCurrentDayIndex,
-      lang: lang
-    }), weatherZones.map((zone, i) => {
-      const {
-        weatherInfos,
-        name,
-        altitude
-      } = zone;
-      const {
-        value,
-        unit
-      } = altitude;
-      const days = weatherInfos.slice(0, 4);
-      const {
-        am,
-        pm
-      } = days[currentDayIndex] || {};
-      const classes = classNames(css.info, {
-        [css.infoHidden]: currentZoneIndex !== i
-      });
-      const snowData = snowZones[i] || {};
-      const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
-      const toggleExpanded = () => {
-        setExpanded(!expanded);
-      };
-      return _jsxs("div", {
-        className: classes,
-        children: [_jsxs("span", {
-          className: css.printedName,
-          children: [_jsx("b", {
-            children: name
-          }), " ", value, _jsx("span", {
-            children: _jsx(T, {
-              id: unit
-            })
-          })]
-        }), _jsx(AvalancheRisk, {
-          avalancheRisk: snowData.avalancheRisk
-        }), _jsxs("div", {
-          className: css.infoBottom,
-          children: [_jsx(SnowData, {
-            data: snowData,
-            expanded: expanded
-          }), _jsx(WeatherData, {
-            kind: "am",
-            data: am,
-            expanded: expanded
-          }), _jsx(WeatherData, {
-            kind: "pm",
-            data: pm,
-            expanded: expanded
-          })]
-        }), _jsx(Tooltip, {
-          content: t(lang, expanded ? "see-less" : "see-more"),
-          children: _jsx(Button, {
-            className: css.expandButton,
-            variant: "transparent",
-            onClick: toggleExpanded,
-            children: _jsx(ExpandIcon, {})
-          })
-        })]
-      }, i);
-    })]
-  });
+const Weather = React.forwardRef(({ weather }, ref) => {
+    const { lang } = useUbloContext();
+    const [currentZoneIndex, setCurrentZoneIndex] = React.useState(0);
+    const [currentDayIndex, setCurrentDayIndex] = React.useState(0);
+    const [expanded, setExpanded] = React.useState(true);
+    React.useEffect(() => {
+        setCurrentZoneIndex(0);
+        setCurrentDayIndex(0);
+    }, [weather]);
+    if (weather === undefined) {
+        return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "weather.title"), children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    if (!weather) {
+        return null;
+    }
+    const { weatherZones, weatherPreviews } = weather.weather;
+    const { snowZones } = weather.snow;
+    const forecastList = weatherPreviews.find((preview) => preview.type === "WEATHER_BULLETIN_OF_NEXT_DAY");
+    const forecastData = forecastList?.data?.find((f) => f.language.startsWith(lang));
+    const forecast = forecastData?.data;
+    const { weatherInfos } = weatherZones[currentZoneIndex];
+    const days = weatherInfos.slice(0, 4);
+    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsx("div", { className: css.forecast, dangerouslySetInnerHTML: { __html: forecast } }), _jsx(Zones, { weatherZones: weatherZones, currentZoneIndex: currentZoneIndex, setCurrentZoneIndex: setCurrentZoneIndex }), _jsx(Days, { days: days, currentDayIndex: currentDayIndex, setCurrentDayIndex: setCurrentDayIndex, lang: lang }), weatherZones.map((zone, i) => {
+                const { weatherInfos, name, altitude } = zone;
+                const { value, unit } = altitude;
+                const days = weatherInfos.slice(0, 4);
+                const { am, pm } = days[currentDayIndex] || {};
+                const classes = classNames(css.info, {
+                    [css.infoHidden]: currentZoneIndex !== i,
+                });
+                const snowData = snowZones[i] || {};
+                const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
+                const toggleExpanded = () => {
+                    setExpanded(!expanded);
+                };
+                return (_jsxs("div", { className: classes, children: [_jsxs("span", { className: css.printedName, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }), _jsx(AvalancheRisk, { avalancheRisk: snowData.avalancheRisk }), _jsxs("div", { className: css.infoBottom, children: [_jsx(SnowData, { data: snowData, expanded: expanded }), _jsx(WeatherData, { kind: "am", data: am, expanded: expanded }), _jsx(WeatherData, { kind: "pm", data: pm, expanded: expanded })] }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] }, i));
+            })] }));
 });
 Weather.displayName = "Weather";
-export default Weather;
+export default Weather;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "ublo-lib",
-  "version": "1.31.43",
+  "version": "1.32.0",
   "peerDependencies": {
-    "dt-design-system": "^3.8.3",
+    "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0",
     "react": "^18.2.0",
@@ -25,43 +25,29 @@
   "dependencies": {
     "awesome-debounce-promise": "2.1.0",
     "classnames": "2.5.1",
-    "framer-motion": "11.0.3",
+    "framer-motion": "11.0.28",
     "react-async-hook": "4.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.23.4",
-    "@babel/core": "7.23.7",
-    "@babel/eslint-parser": "7.23.3",
-    "@babel/eslint-plugin": "^7.23.5",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/preset-react": "7.23.3",
-    "@babel/preset-typescript": "7.23.3",
     "@types/css-modules": "1.0.5",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
-    "@typescript-eslint/eslint-plugin": "6.20.0",
-    "@typescript-eslint/parser": "6.20.0",
+    "@types/react": "18.2.77",
+    "@types/react-dom": "18.2.25",
     "classnames": "2.5.1",
-    "cors": "2.8.5",
-    "cpx2": "4.2.3",
-    "dt-design-system": "3.8.3",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.1.0",
+    "cpx2": "7.0.1",
+    "dt-design-system": "3.8.5",
     "mv": "2.1.1",
     "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-scripts": "5.0.1",
-    "typescript": "5.3.3",
-    "ublo": "3.16.0"
+    "typescript": "5.4.5",
+    "ublo": "3.18.0"
   },
   "scripts": {
     "clean": "rm -rf es",
-    "build": "babel src -x '.js,.ts,.tsx' -d es && tsc",
+    "build": "yarn clean && tsc",
     "postbuild": "cpx 'src/**/*.{json,css,svg}' es",
-    "prepublishOnly": "yarn clean && yarn build",
-    "watch": "yarn clean && babel ./src -x '.js,.ts,.tsx' -d es -w & cpx './src/**/*.{json,css,svg}' es -w",
-    "lint": "eslint 'src/**/*.{js, ts, tsx}'"
+    "prepublishOnly": "yarn build",
+    "watch": "yarn clean && tsc --watch & cpx './src/**/*.{json,css,svg}' es -w"
   },
   "packageManager": "yarn@1.22.18",
   "files": [
@@ -69,8 +55,6 @@
   ],
   "browserslist": [
     ">1%",
-    "not dead",
-    "ie >= 11",
-    "not op_mini all"
+    "not dead"
   ]
 }