@purr-core/hooks.media-query 0.0.8 → 0.0.9

package/dist/index.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),c=require('@purr-core/hooks.isomorphic-layout-effect');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var c__default=/*#__PURE__*/_interopDefault(c);var f=typeof window>"u",u=(n,{defaultValue:o=false,initializeWithValue:a=true}={})=>{let r=e=>f?o:window.matchMedia(e).matches,[i,s]=react.useState(()=>a?r(n):o),t=()=>{s(r(n));};return c__default.default(()=>{let e=window.matchMedia(n);return t(),e.addListener?e.addListener(t):e.addEventListener("change",t),()=>{e.removeListener?e.removeListener(t):e.removeEventListener("change",t);}},[n]),i},m=u;module.exports=m;

package/dist/index.d.cts

@@ -0,0 +1,21 @@
+/**
+ * The options for the useMediaQuery hook.
+ *
+ * @interface IMediaQueryOptionProps
+ * @property {boolean} [defaultValue=false] - The default value of the media query.
+ * @property {boolean} [initializeWithValue=true] - Whether to initialize the value with the default value.
+ */
+interface IMediaQueryOptionProps {
+    defaultValue?: boolean;
+    initializeWithValue?: boolean;
+}
+/**
+ * A hook that returns the matches state of a media query.
+ *
+ * @param {string} query - The query for the media query.
+ * @param {IMediaQueryOptionProps} options - The options for the hook.
+ * @returns {boolean} The matches state of the media query.
+ */
+declare const useMediaQuery: (query: string, { defaultValue, initializeWithValue, }?: IMediaQueryOptionProps) => boolean;
+
+export { useMediaQuery as default };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The options for the useMediaQuery hook.
+ *
+ * @interface IMediaQueryOptionProps
+ * @property {boolean} [defaultValue=false] - The default value of the media query.
+ * @property {boolean} [initializeWithValue=true] - Whether to initialize the value with the default value.
+ */
+interface IMediaQueryOptionProps {
+    defaultValue?: boolean;
+    initializeWithValue?: boolean;
+}
+/**
+ * A hook that returns the matches state of a media query.
+ *
+ * @param {string} query - The query for the media query.
+ * @param {IMediaQueryOptionProps} options - The options for the hook.
+ * @returns {boolean} The matches state of the media query.
+ */
+declare const useMediaQuery: (query: string, { defaultValue, initializeWithValue, }?: IMediaQueryOptionProps) => boolean;
+
+export { useMediaQuery as default };

package/dist/index.js

@@ -0,0 +1 @@
+import {useState}from'react';import c from'@purr-core/hooks.isomorphic-layout-effect';var f=typeof window>"u",u=(n,{defaultValue:o=false,initializeWithValue:a=true}={})=>{let r=e=>f?o:window.matchMedia(e).matches,[i,s]=useState(()=>a?r(n):o),t=()=>{s(r(n));};return c(()=>{let e=window.matchMedia(n);return t(),e.addListener?e.addListener(t):e.addEventListener("change",t),()=>{e.removeListener?e.removeListener(t):e.removeEventListener("change",t);}},[n]),i},m=u;export{m as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-core/hooks.media-query",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
   "peerDependencies": {
     "typescript": "*",
     "react": "*",
-    "@purr-core/hooks.isomorphic-layout-effect": "0.0.8"
+    "@purr-core/hooks.isomorphic-layout-effect": "0.0.9"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",