react-responsive-tools 2.3.5 → 2.3.6

package/dist/breakpoints.config.js

@@ -1,23 +1,25 @@
-// src/breakpoints.config.ts
+
+// breakpoints.config.mjs
 const HORIZONTAL_BREAKPOINTS = {
-    "xs": "320px",
-    "sm": "576px",
-    "md": "768px",
-    "lg": "992px",
-    "lt": "1024px",
-    "ltm": "1200px",
-    "ltl": "1440px",
-    "xl": "1920px",
-    "xxl": "2560px",
-    "qxl": "3840px"
+  "xs": "320px",
+  "sm": "576px",
+  "md": "768px",
+  "lg": "992px",
+  "lt": "1024px",
+  "ltm": "1200px",
+  "ltl": "1440px",
+  "xl": "1920px",
+  "xxl": "2560px",
+  "qxl": "3840px"
 };
+
 const VERTICAL_BREAKPOINTS = {
-    "xs": "600px",
-    "sm": "800px",
-    "md": "1000px",
-    "lg": "1200px",
-    "xl": "1600px",
-    "xxl": "1601px"
+  "xs": "600px",
+  "sm": "800px",
+  "md": "1000px",
+  "lg": "1200px",
+  "xl": "1600px",
+  "xxl": "1601px"
 };
+
 export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };
-//# sourceMappingURL=breakpoints.config.js.map

package/dist/default.config.d.ts

@@ -0,0 +1,3 @@
+declare const HORIZONTAL_BREAKPOINTS: Record<string, string>;
+declare const VERTICAL_BREAKPOINTS: Record<string, string>;
+export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };

package/dist/default.config.js

@@ -0,0 +1,23 @@
+// breakpointConfig.js
+const HORIZONTAL_BREAKPOINTS = {
+    xs: '320px',
+    sm: '576px',
+    md: '768px',
+    lg: '992px',
+    lt: '1024px',
+    ltm: '1200px',
+    ltl: '1440px',
+    xl: '1920px',
+    xxl: '2560px',
+    qxl: '3840px',
+};
+const VERTICAL_BREAKPOINTS = {
+    xs: '600px',
+    sm: '800px',
+    md: '1000px',
+    lg: '1200px',
+    xl: '1600px',
+    xxl: '1601px',
+};
+export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };
+//# sourceMappingURL=default.config.js.map

package/dist/default.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.config.js","sourceRoot":"","sources":["../src/default.config.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAEtB,MAAM,sBAAsB,GAA4B;IACtD,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,QAAQ;IACZ,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;CACd,CAAC;AAEF,MAAM,oBAAoB,GAA4B;IACpD,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,GAAG,EAAE,QAAQ;CACd,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/interfaces/TBreakpoint.d.ts

@@ -1,2 +1,20 @@
-export type TBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'lt' | 'ltm' | 'ltl' | 'xl' | 'xxl' | 'qxl';
-export type TVerticalBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+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/createConfig.mjs

@@ -1 +1 @@
-import o from"fs";import n from"path";import{fileURLToPath as e}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as i}from"../default.config.mjs";const s=e(import.meta.url),l=n.dirname(s),t=n.resolve(l,"../../../../breakpoints.config.js");(async()=>{let e=r,s=i;if(o.existsSync(t))try{console.log(`User config file found at: ${t}`);const o=await import(t);console.log(`Loaded user config: ${JSON.stringify(o,null,2)}`),o.HORIZONTAL_BREAKPOINTS?(e=o.HORIZONTAL_BREAKPOINTS,console.log("Using user provided horizontal breakpoints.")):console.log("Using default horizontal breakpoints."),o.VERTICAL_BREAKPOINTS?(s=o.VERTICAL_BREAKPOINTS,console.log("Using user provided vertical breakpoints.")):console.log("Using default vertical breakpoints.")}catch(o){console.error("Error loading user config:",o)}else console.log(`User config file not found at: ${t}. Using default breakpoints.`);const c=`\n// breakpoints.config.mjs\nconst HORIZONTAL_BREAKPOINTS = ${JSON.stringify(e,null,2)};\n\nconst VERTICAL_BREAKPOINTS = ${JSON.stringify(s,null,2)};\n\nexport { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };\n`;try{o.writeFileSync(n.resolve(l,"../breakpoints.config.mjs"),c),console.log("Config file has been generated successfully.")}catch(o){console.error("Error writing merged config file:",o)}})();
+import o from"fs";import n from"path";import{fileURLToPath as e}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as i}from"../default.config.js";const s=e(import.meta.url),l=n.dirname(s),t=n.resolve(l,"../../../../breakpoints.config.js");(async()=>{let e=r,s=i;if(o.existsSync(t))try{console.log(`User config file found at: ${t}`);const o=await import(t);console.log(`Loaded user config: ${JSON.stringify(o,null,2)}`),o.HORIZONTAL_BREAKPOINTS?(e=o.HORIZONTAL_BREAKPOINTS,console.log("Using user provided horizontal breakpoints.")):console.log("Using default horizontal breakpoints."),o.VERTICAL_BREAKPOINTS?(s=o.VERTICAL_BREAKPOINTS,console.log("Using user provided vertical breakpoints.")):console.log("Using default vertical breakpoints.")}catch(o){console.error("Error loading user config:",o)}else console.log(`User config file not found at: ${t}. Using default breakpoints.`);const c=`\n// breakpoints.config.mjs\nconst HORIZONTAL_BREAKPOINTS = ${JSON.stringify(e,null,2)};\n\nconst VERTICAL_BREAKPOINTS = ${JSON.stringify(s,null,2)};\n\nexport { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };\n`;try{o.writeFileSync(n.resolve(l,"../breakpoints.config.js"),c),console.log("Config file has been generated successfully.")}catch(o){console.error("Error writing merged config file:",o)}})();

package/dist/scripts/generateCustomBreakpointsSCSS.mjs

@@ -1 +1 @@
-import o from"fs";import e from"path";import{fileURLToPath as r}from"url";import{HORIZONTAL_BREAKPOINTS as s,VERTICAL_BREAKPOINTS as t}from"../breakpoints.config.ts";const n=r(import.meta.url),i=e.dirname(n),m=(o,e)=>`$${e}-breakpoints: (\n${Object.entries(o).map((([o,e])=>`  ${o}: ${e}`)).join(",\n")}\n);`,a=`\n${m(s,"horizontal")}\n${m(t,"vertical")}\n`;o.writeFileSync(e.resolve(i,"../scss/_custom-breakpoints.scss"),a),console.log("SCSS file with breakpoints maps has been generated successfully.");
+import o from"fs";import e from"path";import{fileURLToPath as r}from"url";import{HORIZONTAL_BREAKPOINTS as s,VERTICAL_BREAKPOINTS as n}from"../breakpoints.config.js";const t=r(import.meta.url),i=e.dirname(t),m=(o,e)=>`$${e}-breakpoints: (\n${Object.entries(o).map((([o,e])=>`  ${o}: ${e}`)).join(",\n")}\n);`,a=`\n${m(s,"horizontal")}\n${m(n,"vertical")}\n`;o.writeFileSync(e.resolve(i,"../scss/_custom-breakpoints.scss"),a),console.log("SCSS file with breakpoints maps has been generated successfully.");

package/dist/scripts/generateSCSS.mjs

@@ -1 +1 @@
-import n from"fs";import e from"path";import{fileURLToPath as i}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as o}from"../breakpoints.config.ts";const s=i(import.meta.url),t=e.dirname(s),l=(c=r,`\n@import "horizontal";\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin for-${n}\n * @description Mixin for applying styles for screens greater than or equal to ${c[n]}px.\n * @example\n *  @include for-${n} {\n *    // your styles here\n *  }\n */\n@mixin for-${n}() {\n  @include mob-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin before-${n}\n * @description Mixin for applying styles for screens less than ${c[n]}px.\n * @example\n *  @include before-${n} {\n *    // your styles here\n *  }\n */\n@mixin before-${n}() {\n  @include desk-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n`);var c;const p=(n=>`\n@import "vertical";\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-for-${e}\n * @description Mixin for applying styles for screens with height greater than or equal to ${n[e]}px.\n * @example\n *  @include v-for-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-for-${e}() {\n  @include v-mob-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-before-${e}\n * @description Mixin for applying styles for screens with height less than ${n[e]}px.\n * @example\n *  @include v-before-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-before-${e}() {\n  @include v-desk-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n`)(o);n.writeFileSync(e.resolve(t,"../scss/_horizontal-breakpoints.scss"),l),n.writeFileSync(e.resolve(t,"../scss/_vertical-breakpoints.scss"),p),console.log("SCSS files have been generated successfully.");
+import n from"fs";import e from"path";import{fileURLToPath as i}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as o}from"../breakpoints.config.js";const s=i(import.meta.url),t=e.dirname(s),l=(c=r,`\n@import "horizontal";\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin for-${n}\n * @description Mixin for applying styles for screens greater than or equal to ${c[n]}px.\n * @example\n *  @include for-${n} {\n *    // your styles here\n *  }\n */\n@mixin for-${n}() {\n  @include mob-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin before-${n}\n * @description Mixin for applying styles for screens less than ${c[n]}px.\n * @example\n *  @include before-${n} {\n *    // your styles here\n *  }\n */\n@mixin before-${n}() {\n  @include desk-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n`);var c;const p=(n=>`\n@import "vertical";\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-for-${e}\n * @description Mixin for applying styles for screens with height greater than or equal to ${n[e]}px.\n * @example\n *  @include v-for-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-for-${e}() {\n  @include v-mob-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-before-${e}\n * @description Mixin for applying styles for screens with height less than ${n[e]}px.\n * @example\n *  @include v-before-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-before-${e}() {\n  @include v-desk-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n`)(o);n.writeFileSync(e.resolve(t,"../scss/_horizontal-breakpoints.scss"),l),n.writeFileSync(e.resolve(t,"../scss/_vertical-breakpoints.scss"),p),console.log("SCSS files have been generated successfully.");

package/dist/scripts/generateTBreakpoint.mjs

@@ -1 +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.ts";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.ts"),a.trim()),console.log("TBreakpoint.ts file has been generated successfully.");
+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/dist/scss/_horizontal-breakpoints.scss

@@ -16,7 +16,6 @@
   }
 }
 
-
 /**
  * @mixin for-sm
  * @description Mixin for applying styles for screens greater than or equal to 576pxpx.

package/package.json

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

package/dist/scripts/copyDefaultConfig.js

@@ -1 +0,0 @@
-import fs from"fs";import path from"path";import{fileURLToPath}from"url";const __filename=fileURLToPath(import.meta.url),__dirname=path.dirname(__filename),defaultConfigPath=path.resolve(__dirname,"../default.config.mjs"),userConfigPath=path.resolve(__dirname,"../../../../breakpoints.config.js");fs.existsSync(userConfigPath)?console.log("User configuration file already exists."):(fs.copyFileSync(defaultConfigPath,userConfigPath),console.log("Default configuration file has been copied to the root of the project as breakpoints.config.js"));