react-responsive-tools 2.3.6 → 2.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/breakpoints.config.js +18 -20
  2. package/dist/index.d.ts +2 -2
  3. package/dist/interfaces/TBreakpoint.d.ts +2 -20
  4. package/dist/scss/_horizontal-breakpoints.scss +1 -0
  5. package/index.scss +4 -0
  6. package/package.json +4 -3
  7. package/reinit.sh +56 -47
package/dist/breakpoints.config.js CHANGED
@@ -1,25 +1,23 @@
1
-
2
- // breakpoints.config.mjs
1
+ // src/breakpoints.config.ts
3
2
  const HORIZONTAL_BREAKPOINTS = {
4
- "xs": "320px",
5
- "sm": "576px",
6
- "md": "768px",
7
- "lg": "992px",
8
- "lt": "1024px",
9
- "ltm": "1200px",
10
- "ltl": "1440px",
11
- "xl": "1920px",
12
- "xxl": "2560px",
13
- "qxl": "3840px"
3
+ "xs": "320px",
4
+ "sm": "576px",
5
+ "md": "768px",
6
+ "lg": "992px",
7
+ "lt": "1024px",
8
+ "ltm": "1200px",
9
+ "ltl": "1440px",
10
+ "xl": "1920px",
11
+ "xxl": "2560px",
12
+ "qxl": "3840px"
14
13
  };
15
-
16
14
  const VERTICAL_BREAKPOINTS = {
17
- "xs": "600px",
18
- "sm": "800px",
19
- "md": "1000px",
20
- "lg": "1200px",
21
- "xl": "1600px",
22
- "xxl": "1601px"
15
+ "xs": "600px",
16
+ "sm": "800px",
17
+ "md": "1000px",
18
+ "lg": "1200px",
19
+ "xl": "1600px",
20
+ "xxl": "1601px"
23
21
  };
24
-
25
22
  export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };
23
+ //# sourceMappingURL=breakpoints.config.js.map
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { TBreakpoints, TVerticalBreakpoints } from './interfaces/TBreakpoints';
2
- import { TBreakpoint, TVerticalBreakpoint } from './interfaces/TBreakpoint';
1
+ import { TBreakpoint, TVerticalBreakpoint } from 'interfaces/TBreakpoint';
2
+ import { TBreakpoints, TVerticalBreakpoints } from 'interfaces/TBreakpoints';
3
3
  export * from './hooks/useBreakpoint';
4
4
  export * from './hooks/useVBreakpoint';
5
5
  export type { TBreakpoints, TBreakpoint, TVerticalBreakpoint, TVerticalBreakpoints, };
package/dist/interfaces/TBreakpoint.d.ts CHANGED
@@ -1,20 +1,2 @@
1
- export type TBreakpoint =
2
- | 'xs'
3
- | 'sm'
4
- | 'md'
5
- | 'lg'
6
- | 'lt'
7
- | 'ltm'
8
- | 'ltl'
9
- | 'xl'
10
- | 'xxl'
11
- | 'qxl'
12
-
13
-
14
- export type TVerticalBreakpoint =
15
- | 'xs'
16
- | 'sm'
17
- | 'md'
18
- | 'lg'
19
- | 'xl'
20
- | 'xxl'
1
+ export type TBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'lt' | 'ltm' | 'ltl' | 'xl' | 'xxl' | 'qxl';
2
+ export type TVerticalBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
package/dist/scss/_horizontal-breakpoints.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  }
17
17
  }
18
18
 
19
+
19
20
  /**
20
21
  * @mixin for-sm
21
22
  * @description Mixin for applying styles for screens greater than or equal to 576pxpx.
package/index.scss ADDED
@@ -0,0 +1,4 @@
1
+ @import "./dist/scss/vertical";
2
+ @import "./dist/scss/horizontal";
3
+ @import "./dist/scss/horizontal-breakpoints";
4
+ @import "./dist/scss/vertical-breakpoints";
package/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "react-responsive-tools",
3
- "version": "2.3.6",
3
+ "version": "2.3.8",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "type": "module",
9
-
10
9
  "scripts": {
11
10
  "dev": "webpack --mode development --watch",
12
11
  "start": "webpack serve --config webpack.config.js --env development=true",
@@ -20,7 +19,8 @@
20
19
  },
21
20
  "files": [
22
21
  "dist",
23
- "reinit.sh"
22
+ "reinit.sh",
23
+ "index.scss"
24
24
  ],
25
25
  "keywords": [
26
26
  "react",
@@ -38,6 +38,7 @@
38
38
  "devDependencies": {
39
39
  "@babel/core": "^7.25.2",
40
40
  "@babel/preset-env": "^7.25.4",
41
+ "@babel/preset-react": "^7.24.7",
41
42
  "@babel/preset-typescript": "^7.24.7",
42
43
  "@testing-library/jest-dom": "^6.5.0",
43
44
  "@testing-library/react": "^16.0.1",
package/reinit.sh CHANGED
@@ -1,49 +1,58 @@
1
1
  #!/bin/bash
2
2
 
3
- # Путь до каталога dist
4
- DIST_DIR="./dist"
5
- SCRIPT_DIR="$DIST_DIR/scripts"
6
-
7
- # Проверка наличия каталога dist/scripts
8
- if [ ! -d "$SCRIPT_DIR" ]; then
9
- echo "Scripts directory $SCRIPT_DIR does not exist."
10
- exit 1
11
- fi
12
-
13
- # Запуск createConfig.mjs из dist/scripts
14
- echo "Running createConfig.mjs from package..."
15
- node "$SCRIPT_DIR/createConfig.mjs"
16
-
17
- if [ $? -ne 0 ]; then
18
- echo "Error occurred while running createConfig.mjs"
19
- exit 1
20
- fi
21
-
22
- # Запуск generateCustomBreakpointsSCSS.mjs из dist/scripts
23
- echo "Running generateCustomBreakpointsSCSS.mjs from package..."
24
- node "$SCRIPT_DIR/generateCustomBreakpointsSCSS.mjs"
25
-
26
- if [ $? -ne 0 ]; then
27
- echo "Error occurred while running generateCustomBreakpointsSCSS.mjs"
28
- exit 1
29
- fi
30
-
31
- # Запуск generateSCSS.mjs из dist/scripts
32
- echo "Running generateSCSS.mjs from package..."
33
- node "$SCRIPT_DIR/generateSCSS.mjs"
34
-
35
- if [ $? -ne 0 ]; then
36
- echo "Error occurred while running generateSCSS.mjs"
37
- exit 1
38
- fi
39
-
40
- # Запуск generateTBreakpoint.mjs из dist/scripts
41
- echo "Running generateTBreakpoint.mjs from package..."
42
- node "$SCRIPT_DIR/generateTBreakpoint.mjs"
43
-
44
- if [ $? -ne 0 ]; then
45
- echo "Error occurred while running generateTBreakpoint.mjs"
46
- exit 1
47
- fi
48
-
49
- echo "All scripts have been executed successfully."
3
+ # Путь до каталога dist
4
+ DIST_DIR="./dist"
5
+ SCRIPT_DIR="$DIST_DIR/scripts"
6
+
7
+ # Диагностическая информация
8
+ echo "DIST_DIR: $DIST_DIR"
9
+ echo "SCRIPT_DIR: $SCRIPT_DIR"
10
+
11
+ # Проверка наличия каталога dist и scripts
12
+ echo "Listing contents of current directory:"
13
+ ls -la
14
+ echo "Listing contents of DIST_DIR:"
15
+ ls -la "$DIST_DIR"
16
+
17
+ if [ ! -d "$SCRIPT_DIR" ]; then
18
+ echo "Scripts directory $SCRIPT_DIR does not exist. Exiting"
19
+ exit 1
20
+ fi
21
+
22
+ # Запуск createConfig.mjs из dist/scripts
23
+ echo "Running createConfig.mjs from package..."
24
+ node "$SCRIPT_DIR/createConfig.mjs"
25
+
26
+ if [ $? -ne 0 ]; then
27
+ echo "Error occurred while running createConfig.mjs"
28
+ exit 1
29
+ fi
30
+
31
+ # Запуск generateCustomBreakpointsSCSS.mjs из dist/scripts
32
+ echo "Running generateCustomBreakpointsSCSS.mjs from package..."
33
+ node "$SCRIPT_DIR/generateCustomBreakpointsSCSS.mjs"
34
+
35
+ if [ $? -ne 0 ]; then
36
+ echo "Error occurred while running generateCustomBreakpointsSCSS.mjs"
37
+ exit 1
38
+ fi
39
+
40
+ # Запуск generateSCSS.mjs из dist/scripts
41
+ echo "Running generateSCSS.mjs from package..."
42
+ node "$SCRIPT_DIR/generateSCSS.mjs"
43
+
44
+ if [ $? -ne 0 ]; then
45
+ echo "Error occurred while running generateSCSS.mjs"
46
+ exit 1
47
+ fi
48
+
49
+ # Запуск generateTBreakpoint.mjs из dist/scripts
50
+ echo "Running generateTBreakpoint.mjs from package..."
51
+ node "$SCRIPT_DIR/generateTBreakpoint.mjs"
52
+
53
+ if [ $? -ne 0 ]; then
54
+ echo "Error occurred while running generateTBreakpoint.mjs"
55
+ exit 1
56
+ fi
57
+
58
+ echo "All scripts have been executed successfully."