mautourco-components 0.2.123 → 0.2.124

package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMobile } from '../../../hooks/useMobile';
+import { Breakpoint, useMobile } from '../../../hooks/useMobile';
 import CardServiceAccom from '../../atoms/CardServiceAccom/CardServiceAccom';
 import Chip from '../../atoms/Chip/Chip';
 import { Text } from '../../atoms/Typography/Typography';
@@ -59,7 +59,7 @@ function DetailsContentAccomBody(props) {
  */
 export function DetailsContentAccom(props) {
     var roomTitle = props.roomTitle, roomDescription = props.roomDescription, rest = __rest(props, ["roomTitle", "roomDescription"]);
-    var isMobile = useMobile(1280).isMobile;
+    var isMobile = useMobile(Breakpoint.LG).isMobile;
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(TextWithBorderBottom, { variant: "bold", size: "xl", children: roomTitle }), _jsx(Text, { variant: "medium", leading: "5", children: roomDescription })] }), !isMobile && _jsx(DetailsContentAccomBody, __assign({}, rest))] }));
 }
 DetailsContentAccom.Body = DetailsContentAccomBody;

package/dist/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMobile } from '../../../../hooks/useMobile';
+import { Breakpoint, useMobile } from '../../../../hooks/useMobile';
 import { cn } from '../../../../lib/utils';
 import Chip from '../../../atoms/Chip/Chip';
 import TextWithIcon from '../../../molecules/TextWithIcon/TextWithIcon';
@@ -23,6 +23,6 @@ import './TabServiceDetailsLayout.css';
  */
 export default function TabServiceDetailsLayout(props) {
     var title = props.title, icon = props.icon, isOnRequest = props.isOnRequest, children = props.children, images = props.images, mobileContent = props.mobileContent;
-    var isMobile = useMobile(1280).isMobile;
+    var isMobile = useMobile(Breakpoint.LG).isMobile;
     return (_jsxs("div", { children: [_jsxs("div", { className: "details-service__layout", children: [_jsxs(TextWithIcon, { icon: icon, color: isOnRequest ? 'yellow' : 'accent', textVariant: "bold", children: [title, isOnRequest && _jsx(Chip, { color: "yellow", children: "On request" })] }), _jsxs("div", { className: "details-service__layout-flex", children: [_jsxs("div", { className: "details-service__layout-flex-images", children: [images[0] && (_jsx("figure", { className: cn(images.length === 1 && 'single-image'), children: _jsx("img", { src: images[0], alt: title, width: 400, height: 400 }) }, images[0])), images.length > 1 && (_jsx("div", { className: "details-service__layout-flex-images-grid", children: images.slice(1, 3).map(function (image) { return (_jsx("figure", { children: _jsx("img", { src: image, alt: title, width: 400, height: 400 }) }, image)); }) }))] }), _jsx("div", { className: "details-service__layout-content", children: _jsx("div", { className: "details-service__layout-content-body", children: children }) })] })] }), isMobile && mobileContent] }));
 }

package/dist/components/organisms/TopNavigation/TopNavigation.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 type Link = {
     label: string;
     route: string;

package/dist/components/organisms/TopNavigation/TopNavigation.js

@@ -10,11 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMobile } from "../../../hooks/useMobile";
-import MobileNav from "./MobileNav";
-import { DesktopNav } from "./DesktopNav";
+import { Breakpoint, useMobile } from '../../../hooks/useMobile';
+import { DesktopNav } from './DesktopNav';
+import MobileNav from './MobileNav';
 export var TopNavigation = function (props) {
-    var _a = useMobile(), isMobile = _a.isMobile, isTablet = _a.isTablet;
+    var _a = useMobile(Breakpoint.LG), isMobile = _a.isMobile, isTablet = _a.isTablet;
     var isSmallScreen = isMobile || isTablet;
     return isSmallScreen ? _jsx(MobileNav, __assign({}, props)) : _jsx(DesktopNav, __assign({}, props));
 };

package/dist/hooks/useMobile.d.ts

@@ -1,4 +1,9 @@
-export declare function useMobile(breakpoint?: number): {
+export declare enum Breakpoint {
+    SM = 768,
+    MD = 1024,
+    LG = 1280
+}
+export declare function useMobile(breakpoint?: Breakpoint): {
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;

package/dist/hooks/useMobile.js

@@ -1,11 +1,17 @@
-import { useState, useEffect } from "react";
+import { useEffect, useState } from 'react';
+export var Breakpoint;
+(function (Breakpoint) {
+    Breakpoint[Breakpoint["SM"] = 768] = "SM";
+    Breakpoint[Breakpoint["MD"] = 1024] = "MD";
+    Breakpoint[Breakpoint["LG"] = 1280] = "LG";
+})(Breakpoint || (Breakpoint = {}));
 export function useMobile(breakpoint) {
-    if (breakpoint === void 0) { breakpoint = 768; }
+    if (breakpoint === void 0) { breakpoint = Breakpoint.SM; }
     var _a = useState(false), isMobile = _a[0], setIsMobile = _a[1];
     var _b = useState(false), isTablet = _b[0], setIsTablet = _b[1];
     var _c = useState(false), isDesktop = _c[0], setIsDesktop = _c[1];
     useEffect(function () {
-        var userAgent = typeof window.navigator === "undefined" ? "" : navigator.userAgent;
+        var userAgent = typeof window.navigator === 'undefined' ? '' : navigator.userAgent;
         var mobileRegex = /Android|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
         var tabletRegex = /iPad|Tablet|PlayBook|Nexus 7|Nexus 10/i;
         var isUserAgentMobile = mobileRegex.test(userAgent);
@@ -19,8 +25,8 @@ export function useMobile(breakpoint) {
             setIsDesktop(!isUserAgentMobile && !isUserAgentTablet && width >= 1024);
         };
         handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
     }, [breakpoint]);
     return { isMobile: isMobile, isTablet: isTablet, isDesktop: isDesktop };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.123",
+  "version": "0.2.124",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/organisms/TabServiceDetails/DetailsContentAccom.tsx

@@ -1,4 +1,4 @@
-import { useMobile } from '@/src/hooks/useMobile';
+import { Breakpoint, useMobile } from '@/src/hooks/useMobile';
 import CardServiceAccom from '../../atoms/CardServiceAccom/CardServiceAccom';
 import Chip from '../../atoms/Chip/Chip';
 import { Text } from '../../atoms/Typography/Typography';
@@ -104,7 +104,7 @@ function DetailsContentAccomBody(
 export function DetailsContentAccom(props: DetailsContentAccomProps) {
   const { roomTitle, roomDescription, ...rest } = props;
 
-  const { isMobile } = useMobile(1280);
+  const { isMobile } = useMobile(Breakpoint.LG);
 
   return (
     <div className="space-y-6">

package/src/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.tsx

@@ -1,4 +1,4 @@
-import { useMobile } from '@/src/hooks/useMobile';
+import { Breakpoint, useMobile } from '@/src/hooks/useMobile';
 import { cn } from '@/src/lib/utils';
 import React from 'react';
 import Chip from '../../../atoms/Chip/Chip';
@@ -40,7 +40,7 @@ export interface TabServiceDetailsLayoutProps {
  */
 export default function TabServiceDetailsLayout(props: TabServiceDetailsLayoutProps) {
   const { title, icon, isOnRequest, children, images, mobileContent } = props;
-  const { isMobile } = useMobile(1280);
+  const { isMobile } = useMobile(Breakpoint.LG);
 
   return (
     <div>

package/src/components/organisms/TopNavigation/TopNavigation.tsx

@@ -1,7 +1,7 @@
-import React from "react";
-import { useMobile } from "../../../hooks/useMobile";
-import MobileNav from "./MobileNav";
-import { DesktopNav } from "./DesktopNav";
+import React from 'react';
+import { Breakpoint, useMobile } from '../../../hooks/useMobile';
+import { DesktopNav } from './DesktopNav';
+import MobileNav from './MobileNav';
 
 type Link = {
   label: string;
@@ -38,7 +38,7 @@ export interface TopNavigationProps {
 }
 
 export const TopNavigation: React.FC<TopNavigationProps> = (props) => {
-  const { isMobile, isTablet } = useMobile();
+  const { isMobile, isTablet } = useMobile(Breakpoint.LG);
   const isSmallScreen = isMobile || isTablet;
 
   return isSmallScreen ? <MobileNav {...props} /> : <DesktopNav {...props} />;