react-responsive-tools 2.6.2 → 2.6.4

package/dist/breakpoints.config.js

@@ -15,7 +15,7 @@
  * which causes an overlap. By shifting one of them by 1px we guarantee
  * that a given pixel belongs to only one range.
  */
-export const PREFERRED_VARIANT = 'MtF'; // DESKTOP_TO_FIRST
+export const PREFERRED_VARIANT = 'MtF'; // Mobile to first
 const HORIZONTAL_BREAKPOINTS = {
     "xs": 320,
     "sm": 576,

package/dist/default.config.js

@@ -1,5 +1,5 @@
 // breakpointConfig.js
-const PREFERRED_VARIANT = 'MtF'; // DESKTOP_TO_FIRST
+const PREFERRED_VARIANT = 'MtF'; // Mobile to first
 const HORIZONTAL_BREAKPOINTS = {
     "xs": 320,
     "sm": 576,

package/dist/hooks/useBreakpoint.js

@@ -24,8 +24,12 @@ import { PREFERRED_VARIANT, HORIZONTAL_BREAKPOINTS } from '../breakpoints.config
 export function useBreakpoint(b, variant = PREFERRED_VARIANT) {
     let _bp = typeof b === 'number' ? b : HORIZONTAL_BREAKPOINTS[b];
     const v = variant === 'MtF' ? 'min' : 'max';
-    if (variant !== PREFERRED_VARIANT)
+    if ('DtF' === variant && PREFERRED_VARIANT === 'MtF') {
         _bp = _bp - 1;
+    }
+    else if ('MtF' === variant && PREFERRED_VARIANT === 'DtF') {
+        _bp = _bp + 1;
+    }
     return useMediaQuery({ query: `(${v}-width: ${_bp}px)` });
 }
 /**
@@ -64,7 +68,7 @@ export function useBreakpointBetween(min, max, preferredVariant = PREFERRED_VARI
             _max = _max - 1;
             break;
         case 'DtF':
-            _min = _min - 1;
+            _min = _min + 1;
             break;
     }
     return useMediaQuery({ minWidth: _min, maxWidth: _max });

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { TBreakpoint, TVerticalBreakpoint } from './interfaces/TBreakpoint';
 import { TBreakpoints, TVerticalBreakpoints } from './interfaces/TBreakpoints';
+import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from './breakpoints.config';
 import { useBreakpointBetween, useBreakpoint } from './hooks/useBreakpoint.js';
 import { useVBreakpoint } from './hooks/useVBreakpoint.js';
 export type { TBreakpoints, TBreakpoint, TVerticalBreakpoint, TVerticalBreakpoints, };
-export { useBreakpointBetween, useBreakpoint, useVBreakpoint, };
+export { useBreakpointBetween, useBreakpoint, useVBreakpoint, VERTICAL_BREAKPOINTS, HORIZONTAL_BREAKPOINTS, };
 export * from './components/horizontal.js';

package/dist/index.js

@@ -1,4 +1,5 @@
+import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from './breakpoints.config';
 import { useBreakpointBetween, useBreakpoint } from './hooks/useBreakpoint.js';
 import { useVBreakpoint } from './hooks/useVBreakpoint.js';
-export { useBreakpointBetween, useBreakpoint, useVBreakpoint, };
+export { useBreakpointBetween, useBreakpoint, useVBreakpoint, VERTICAL_BREAKPOINTS, HORIZONTAL_BREAKPOINTS, };
 export * from './components/horizontal.js';

package/dist/interfaces/TBreakpoint.d.ts

@@ -1,3 +1,2 @@
-import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from "../breakpoints.config";
-export type TBreakpoint = keyof typeof HORIZONTAL_BREAKPOINTS;
-export type TVerticalBreakpoint = keyof typeof VERTICAL_BREAKPOINTS;
+export type TBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'lt' | 'ltm' | 'ltl' | 'xl' | 'xxl' | 'qxl';
+export type TVerticalBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';

package/dist/scripts/generateTBreakpoint.mjs

@@ -0,0 +1 @@
+import e from"fs";import r from"path";import{fileURLToPath as t}from"url";import{HORIZONTAL_BREAKPOINTS as o,VERTICAL_BREAKPOINTS as n}from"../breakpoints.config.js";const i=t(import.meta.url),p=r.dirname(i),s=(e,r)=>`export type ${r} =\n${Object.keys(e).map((e=>`    | '${e}'`)).join("\n")}\n`,a=`\n${s(o,"TBreakpoint")}\n\n${s(n,"TVerticalBreakpoint")}\n`;e.writeFileSync(r.resolve(p,"../interfaces/TBreakpoint.d.ts"),a.trim()),console.log("TBreakpoint.ts file has been generated successfully.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-responsive-tools",
-  "version": "2.6.2",
+  "version": "2.6.4",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/reinit.sh

@@ -47,8 +47,8 @@
            fi
 
            # Run generateTBreakpoint.mjs from dist/scripts
-#           echo "Running generateTBreakpoint.mjs from package..."
-#           node "$SCRIPT_DIR/generateTBreakpoint.mjs"
+           echo "Running generateTBreakpoint.mjs from package..."
+           node "$SCRIPT_DIR/generateTBreakpoint.mjs"
 
            if [ $? -ne 0 ]; then
              echo "Error occurred while running generateTBreakpoint.mjs"