removed unused deps

package-lock.json

@@ -13,19 +13,13 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "framer-motion": "^9.0.2",
-        "nouislider-react": "^3.4.1",
-        "rc-slider": "^10.1.0",
         "react": "^18.2.0",
         "react-currency-input-field": "^3.6.9",
         "react-dom": "^18.2.0",
         "react-indiana-drag-scroll": "^3.0.3-alpha",
-        "react-input-range": "^1.3.0",
-        "react-number-format": "^5.1.2",
         "react-redux": "^8.0.5",
         "react-scripts": "5.0.1",
         "react-slider": "^2.0.4",
-        "react-use-draggable-scroll": "^0.2.3",
-        "use-draggable-scroll": "^0.1.0",
         "web-vitals": "^2.1.4"
       }
     },
@@ -5046,11 +5040,6 @@
         "node": ">= 4.0.0"
       }
     },
-    "node_modules/autobind-decorator": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/autobind-decorator/-/autobind-decorator-1.4.3.tgz",
-      "integrity": "sha512-FRzT10Vc0lzgDOhMTpm9a2kZF6Q+MMGwd6Y7OGgHigMZwGz7vpN4qH9ifiPTum8mhJQV9UqLPperHxc9yalAAA=="
-    },
     "node_modules/autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -5753,11 +5742,6 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
-    "node_modules/classnames": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
-      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
-    },
     "node_modules/clean-css": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz",
@@ -12207,23 +12191,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/nouislider": {
-      "version": "14.7.0",
-      "resolved": "https://registry.npmjs.org/nouislider/-/nouislider-14.7.0.tgz",
-      "integrity": "sha512-4RtQ1+LHJKesDCNJrXkQcwXAWCrC2aggdLYMstS/G5fEWL+fXZbUA9pwVNHFghMGuFGRATlDLNInRaPeRKzpFQ=="
-    },
-    "node_modules/nouislider-react": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/nouislider-react/-/nouislider-react-3.4.1.tgz",
-      "integrity": "sha512-ryVbcApz6sELqPPiWwEOq5pkwhHYoNSxmGpP/HXHptpB6A6XedMrM/BP5W/rHRtBBaFK7vJTCTTma6gKviEiNg==",
-      "dependencies": {
-        "nouislider": "^14.6.3"
-      },
-      "peerDependencies": {
-        "nouislider": ">= 11.x",
-        "react": ">= 16.8.x"
-      }
-    },
     "node_modules/npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -14183,43 +14150,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/rc-slider": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.1.0.tgz",
-      "integrity": "sha512-nhC8V0+lNj4gGKZix2QAfcj/EP3NvCtFhNJPFMvXUdn7pe8bSa2vXNSxQVN5b9veVSic4Xeqgd/7KamX3gqznA==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.18.1",
-        "shallowequal": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc-util": {
-      "version": "5.24.6",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.24.6.tgz",
-      "integrity": "sha512-aBkJBmAHYllC6FSxHDjFTRsDp2V2xQ8iFhjG4f6au7pOcBk7p0b0mtiqQfD0OZLcxcBuvl6O9GCtNgOfZpKeVA==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "react-is": "^16.12.0",
-        "shallowequal": "^1.1.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc-util/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -14402,36 +14332,11 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/react-input-range": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/react-input-range/-/react-input-range-1.3.0.tgz",
-      "integrity": "sha512-G//kJqUHo7zQA5PuGZNKhuzhGcj83FJsv62tcP4Eo61DUC/0usHPYxFfIZ3zOfdMWuWEaduD6N4lNsZMmaOJgw==",
-      "dependencies": {
-        "autobind-decorator": "^1.3.4",
-        "prop-types": "^15.5.8"
-      },
-      "peerDependencies": {
-        "react": "^15.0.0 || ^16.0.0",
-        "react-dom": "^15.0.0 || ^16.0.0"
-      }
-    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
-    "node_modules/react-number-format": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/react-number-format/-/react-number-format-5.1.2.tgz",
-      "integrity": "sha512-NXm/MvZVjmPqrFbjAut/prCyBZ+pA+O+C12rDkWZrwS3JXz1J42RC1kpclkdnkx2KDjRCNFLb21FlwGcNBZddw==",
-      "dependencies": {
-        "prop-types": "^15.7.2"
-      },
-      "peerDependencies": {
-        "react": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^18.0.0",
-        "react-dom": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/react-redux": {
       "version": "8.0.5",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz",
@@ -14566,17 +14471,6 @@
         "react": "^16 || ^17 || ^18"
       }
     },
-    "node_modules/react-use-draggable-scroll": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/react-use-draggable-scroll/-/react-use-draggable-scroll-0.2.3.tgz",
-      "integrity": "sha512-sHQFlRR4QMzY4sGEAWZO2hzYi9T5aJaGR36lkOg4zhEWl01ZMkL/a59ydJeo5dR9VX0yswgJIsDe15rXjnR93w==",
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": ">=16"
-      }
-    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -15303,11 +15197,6 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
-    "node_modules/shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -16347,17 +16236,6 @@
         "requires-port": "^1.0.0"
       }
     },
-    "node_modules/use-draggable-scroll": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/use-draggable-scroll/-/use-draggable-scroll-0.1.0.tgz",
-      "integrity": "sha512-mX6nT3cUqOTtA+8QUH9HfdKtzI6Oquj9QIB0wALWZYmWogNQ746MaUcmqKOKCIlt2UH6egxhSKNPiSlfEqmKhA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": ">=16"
-      }
-    },
     "node_modules/use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
@@ -20928,11 +20806,6 @@
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
       "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg=="
     },
-    "autobind-decorator": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/autobind-decorator/-/autobind-decorator-1.4.3.tgz",
-      "integrity": "sha512-FRzT10Vc0lzgDOhMTpm9a2kZF6Q+MMGwd6Y7OGgHigMZwGz7vpN4qH9ifiPTum8mhJQV9UqLPperHxc9yalAAA=="
-    },
     "autoprefixer": {
       "version": "10.4.13",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -21442,11 +21315,6 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
-    "classnames": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
-      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
-    },
     "clean-css": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.1.tgz",
@@ -26132,19 +26000,6 @@
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
       "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A=="
     },
-    "nouislider": {
-      "version": "14.7.0",
-      "resolved": "https://registry.npmjs.org/nouislider/-/nouislider-14.7.0.tgz",
-      "integrity": "sha512-4RtQ1+LHJKesDCNJrXkQcwXAWCrC2aggdLYMstS/G5fEWL+fXZbUA9pwVNHFghMGuFGRATlDLNInRaPeRKzpFQ=="
-    },
-    "nouislider-react": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/nouislider-react/-/nouislider-react-3.4.1.tgz",
-      "integrity": "sha512-ryVbcApz6sELqPPiWwEOq5pkwhHYoNSxmGpP/HXHptpB6A6XedMrM/BP5W/rHRtBBaFK7vJTCTTma6gKviEiNg==",
-      "requires": {
-        "nouislider": "^14.6.3"
-      }
-    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -27365,34 +27220,6 @@
         }
       }
     },
-    "rc-slider": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.1.0.tgz",
-      "integrity": "sha512-nhC8V0+lNj4gGKZix2QAfcj/EP3NvCtFhNJPFMvXUdn7pe8bSa2vXNSxQVN5b9veVSic4Xeqgd/7KamX3gqznA==",
-      "requires": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.18.1",
-        "shallowequal": "^1.1.0"
-      }
-    },
-    "rc-util": {
-      "version": "5.24.6",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.24.6.tgz",
-      "integrity": "sha512-aBkJBmAHYllC6FSxHDjFTRsDp2V2xQ8iFhjG4f6au7pOcBk7p0b0mtiqQfD0OZLcxcBuvl6O9GCtNgOfZpKeVA==",
-      "requires": {
-        "@babel/runtime": "^7.18.3",
-        "react-is": "^16.12.0",
-        "shallowequal": "^1.1.0"
-      },
-      "dependencies": {
-        "react-is": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-        }
-      }
-    },
     "react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -27526,28 +27353,11 @@
       "integrity": "sha512-Bo8Ium/CGs0oIYzk4wVDphuhrf2QRvLKTLO/+21M+czF1EQEII4w1UqoFs4lIGd84YpVL8UDXIcy2m9yzsFuRQ==",
       "requires": {}
     },
-    "react-input-range": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/react-input-range/-/react-input-range-1.3.0.tgz",
-      "integrity": "sha512-G//kJqUHo7zQA5PuGZNKhuzhGcj83FJsv62tcP4Eo61DUC/0usHPYxFfIZ3zOfdMWuWEaduD6N4lNsZMmaOJgw==",
-      "requires": {
-        "autobind-decorator": "^1.3.4",
-        "prop-types": "^15.5.8"
-      }
-    },
     "react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
-    "react-number-format": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/react-number-format/-/react-number-format-5.1.2.tgz",
-      "integrity": "sha512-NXm/MvZVjmPqrFbjAut/prCyBZ+pA+O+C12rDkWZrwS3JXz1J42RC1kpclkdnkx2KDjRCNFLb21FlwGcNBZddw==",
-      "requires": {
-        "prop-types": "^15.7.2"
-      }
-    },
     "react-redux": {
       "version": "8.0.5",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz",
@@ -27636,12 +27446,6 @@
         "prop-types": "^15.8.1"
       }
     },
-    "react-use-draggable-scroll": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/react-use-draggable-scroll/-/react-use-draggable-scroll-0.2.3.tgz",
-      "integrity": "sha512-sHQFlRR4QMzY4sGEAWZO2hzYi9T5aJaGR36lkOg4zhEWl01ZMkL/a59ydJeo5dR9VX0yswgJIsDe15rXjnR93w==",
-      "requires": {}
-    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -28166,11 +27970,6 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
-    "shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
     "shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -28942,12 +28741,6 @@
         "requires-port": "^1.0.0"
       }
     },
-    "use-draggable-scroll": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/use-draggable-scroll/-/use-draggable-scroll-0.1.0.tgz",
-      "integrity": "sha512-mX6nT3cUqOTtA+8QUH9HfdKtzI6Oquj9QIB0wALWZYmWogNQ746MaUcmqKOKCIlt2UH6egxhSKNPiSlfEqmKhA==",
-      "requires": {}
-    },
     "use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",

package.json

@@ -8,19 +8,13 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "framer-motion": "^9.0.2",
-    "nouislider-react": "^3.4.1",
-    "rc-slider": "^10.1.0",
     "react": "^18.2.0",
     "react-currency-input-field": "^3.6.9",
     "react-dom": "^18.2.0",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
-    "react-input-range": "^1.3.0",
-    "react-number-format": "^5.1.2",
     "react-redux": "^8.0.5",
     "react-scripts": "5.0.1",
     "react-slider": "^2.0.4",
-    "react-use-draggable-scroll": "^0.2.3",
-    "use-draggable-scroll": "^0.1.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/components/CalculatorComponent/components/ConsultationReserv/ConsultationReserv.js

@@ -12,11 +12,15 @@ export const ConsultationReserv = ({ }) => {
     const name = "consultationReserv";
     const min = 1;
     const max = 100;
+    const isDisabled = true
+
 
     return (
         <div className="container">
             <span className="caption-input_type_two">Консультации, закончившиеся бронью</span>
             <InputComponent
+                isDisabled={isDisabled}
+
                 min={min}
                 max={max}
                 name={name}

src/components/CalculatorComponent/components/InputComponent/InputComponent.js

@@ -12,6 +12,7 @@ export const InputComponent = ({
   max,
   inputClass,
   large,
+  isDisabled
 }) => {
   const dispatch = useDispatch();
   const { handleValue } = calcSlice.actions;
@@ -124,6 +125,12 @@ export const InputComponent = ({
     }, 100);
   };
 
+  const inputStyle = {
+    backgroundSize: handleStyle(),
+    cursor: isDisabled ? "auto" : "pointer",
+  }
+
+
   return (
     <>
       <div className="number-container">
@@ -143,19 +150,18 @@ export const InputComponent = ({
           onBlur={(e) => handleFocusLeft(e)}
           onValueChange={(value, name) => handleOnValueChange(value, name)}
         />
-        <img
+        {!isDisabled && (<img
           onClick={handleFocus}
           className="edit-icon"
           alt="edit/изменить"
           src={edit}
-        />
+        />)}
+
       </div>
 
       <div className="input-container">
         <input
-          style={{
+          style={inputStyle}
-            backgroundSize: handleStyle(),
-          }}
           type="range"
           className={inputClass}
           name={name}

src/components/CalculatorComponent/components/InputNumber/InputNumber.css

@@ -30,4 +30,31 @@
   .input-number[type="text"] {
     padding: 16px 16px 12px;
 
-  }
+  }
+
+
+  .input_type_disabled {
+    background: #888888;
+    border-radius: 2px;
+    height: 28px;
+    cursor: pointer;
+    background-image: linear-gradient(#2b5ec6, #2b5ec6);
+    background-size: 70% 100%;
+    background-repeat: no-repeat;
+  
+  }
+  
+  .input_type_disabled::-webkit-slider-runnable-track {
+    -webkit-appearance: none;
+    box-shadow: none;
+    border: none;
+    background: transparent;
+  }
+  
+  
+  
+  
+  .input_type_disabled::-webkit-slider-thumb {
+    visibility: hidden;
+  }
+  

src/components/CalculatorComponent/components/Sales/Sales.js

@@ -9,12 +9,15 @@ export const Sales = ({ }) => {
 
     const name = "sales";
     const min = 1;
+    const isDisabled = true
+
     const max = 100;
 
     return (
         <div className="container">
             <span className="caption-input_type_two">Продажи</span>
             <InputComponent
+                isDisabled={isDisabled}
                 min={min}
                 max={max}
                 name={name}