@preply/ds-web-lib 7.1.0 → 8.0.0

package/dist/components/SelectField/hooks/useBreakpointMatch.js

@@ -0,0 +1,22 @@
+import { BREAKPOINT } from "@preply/ds-core";
+import { useState, useEffect } from "react";
+function useBreakpointMatch(breakpoint) {
+  const size = BREAKPOINT[breakpoint];
+  const query = `(min-width: ${size}px)`;
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    const mediaQuery = window.matchMedia(query);
+    setMatches(mediaQuery.matches);
+    const handleChange = (e) => {
+      setMatches(e.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, [query]);
+  return matches;
+}
+export {
+  useBreakpointMatch
+};

package/dist/components/TextField/TextField.js

@@ -4,7 +4,6 @@ import { forwardRef } from "react";
 import { FormControl } from "../FormControl/FormControl.js";
 import { Input } from "../private/Input/Input.js";
 import "../private/Input/Textarea.js";
-import "../private/Input/Select.js";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
 const TextField = forwardRef(function TextField2({
   id,

package/dist/components/TextareaField/TextareaField.js

@@ -4,7 +4,6 @@ import { forwardRef } from "react";
 import { FormControl } from "../FormControl/FormControl.js";
 import "../private/Input/Input.js";
 import { Textarea } from "../private/Input/Textarea.js";
-import "../private/Input/Select.js";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
 const TextareaField = forwardRef(function TextareaField2({
   id,