@elliemae/ds-hooks-is-mobile 3.32.0-rc.5

package/dist/cjs/DSHookIsMobile.js

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSHookIsMobile_exports = {};
+__export(DSHookIsMobile_exports, {
+  UseIsMobileWithSchema: () => UseIsMobileWithSchema,
+  useIsMobile: () => useIsMobile
+});
+module.exports = __toCommonJS(DSHookIsMobile_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_pui_theme = require("@elliemae/pui-theme");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const theme = (0, import_pui_theme.getDefaultTheme)();
+const isMobile = () => {
+  if (!window)
+    return false;
+  return Number(theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
+};
+const useIsMobile = () => {
+  const [mobile, setMobile] = (0, import_react.useState)(isMobile());
+  (0, import_react.useEffect)(() => {
+    function handleResize() {
+      setMobile(isMobile());
+    }
+    window?.addEventListener("resize", handleResize);
+    return () => {
+      window?.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  if (!window)
+    return false;
+  return mobile;
+};
+const returnType = {
+  isMobile: import_ds_props_helpers.PropTypes.bool.description("Whether the current view is Mobile or Desktop.")
+};
+useIsMobile.displayName = "useIsMobile";
+const UseIsMobileWithSchema = (0, import_ds_props_helpers.describe)(useIsMobile);
+UseIsMobileWithSchema.returnType = returnType;
+//# sourceMappingURL=DSHookIsMobile.js.map

package/dist/cjs/DSHookIsMobile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSHookIsMobile.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState, useEffect } from 'react';\nimport { getDefaultTheme } from '@elliemae/pui-theme';\nimport type { Theme } from '@elliemae/pui-theme';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\n\nconst theme = getDefaultTheme() as Theme;\n\nconst isMobile = (): boolean => {\n  if (!window) return false;\n  return Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;\n};\n\nconst useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    window?.addEventListener('resize', handleResize);\n    return () => {\n      window?.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!window) return false;\n  return mobile;\n};\n\nconst returnType = {\n  isMobile: PropTypes.bool.description('Whether the current view is Mobile or Desktop.'),\n};\n\nuseIsMobile.displayName = 'useIsMobile';\nconst UseIsMobileWithSchema = describe(useIsMobile);\n\nUseIsMobileWithSchema.returnType = returnType;\n\nexport { useIsMobile, UseIsMobileWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,uBAAgC;AAEhC,8BAAoC;AAEpC,MAAM,YAAQ,kCAAgB;AAE9B,MAAM,WAAW,MAAe;AAC9B,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO,OAAO,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,OAAO,cAAc;AAChF;AAEA,MAAM,cAAc,MAAe;AACjC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,SAAS,CAAC;AAExD,8BAAU,MAAM;AACd,aAAS,eAAe;AACtB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,YAAQ,iBAAiB,UAAU,YAAY;AAC/C,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,YAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,UAAU,kCAAU,KAAK,YAAY,gDAAgD;AACvF;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAElD,sBAAsB,aAAa;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  UseIsMobileWithSchema: () => import_DSHookIsMobile.UseIsMobileWithSchema,
+  useIsMobile: () => import_DSHookIsMobile.useIsMobile
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSHookIsMobile = require("./DSHookIsMobile.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { useIsMobile, UseIsMobileWithSchema } from './DSHookIsMobile.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAmD;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/DSHookIsMobile.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { useState, useEffect } from "react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
+const theme = getDefaultTheme();
+const isMobile = () => {
+  if (!window)
+    return false;
+  return Number(theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
+};
+const useIsMobile = () => {
+  const [mobile, setMobile] = useState(isMobile());
+  useEffect(() => {
+    function handleResize() {
+      setMobile(isMobile());
+    }
+    window?.addEventListener("resize", handleResize);
+    return () => {
+      window?.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  if (!window)
+    return false;
+  return mobile;
+};
+const returnType = {
+  isMobile: PropTypes.bool.description("Whether the current view is Mobile or Desktop.")
+};
+useIsMobile.displayName = "useIsMobile";
+const UseIsMobileWithSchema = describe(useIsMobile);
+UseIsMobileWithSchema.returnType = returnType;
+export {
+  UseIsMobileWithSchema,
+  useIsMobile
+};
+//# sourceMappingURL=DSHookIsMobile.js.map

package/dist/esm/DSHookIsMobile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSHookIsMobile.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect } from 'react';\nimport { getDefaultTheme } from '@elliemae/pui-theme';\nimport type { Theme } from '@elliemae/pui-theme';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\n\nconst theme = getDefaultTheme() as Theme;\n\nconst isMobile = (): boolean => {\n  if (!window) return false;\n  return Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;\n};\n\nconst useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    window?.addEventListener('resize', handleResize);\n    return () => {\n      window?.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!window) return false;\n  return mobile;\n};\n\nconst returnType = {\n  isMobile: PropTypes.bool.description('Whether the current view is Mobile or Desktop.'),\n};\n\nuseIsMobile.displayName = 'useIsMobile';\nconst UseIsMobileWithSchema = describe(useIsMobile);\n\nUseIsMobileWithSchema.returnType = returnType;\n\nexport { useIsMobile, UseIsMobileWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,iBAAiB;AACpC,SAAS,uBAAuB;AAEhC,SAAS,WAAW,gBAAgB;AAEpC,MAAM,QAAQ,gBAAgB;AAE9B,MAAM,WAAW,MAAe;AAC9B,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO,OAAO,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,OAAO,cAAc;AAChF;AAEA,MAAM,cAAc,MAAe;AACjC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,SAAS,CAAC;AAExD,YAAU,MAAM;AACd,aAAS,eAAe;AACtB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,YAAQ,iBAAiB,UAAU,YAAY;AAC/C,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,YAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,UAAU,UAAU,KAAK,YAAY,gDAAgD;AACvF;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,aAAa;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { useIsMobile, UseIsMobileWithSchema } from "./DSHookIsMobile.js";
+export {
+  UseIsMobileWithSchema,
+  useIsMobile
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { useIsMobile, UseIsMobileWithSchema } from './DSHookIsMobile.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/DSHookIsMobile.d.ts

@@ -0,0 +1,6 @@
+declare const useIsMobile: {
+    (): boolean;
+    displayName: string;
+};
+declare const UseIsMobileWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<unknown>;
+export { useIsMobile, UseIsMobileWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { useIsMobile, UseIsMobileWithSchema } from './DSHookIsMobile.js';

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@elliemae/ds-hooks-is-mobile",
+  "version": "3.32.0-rc.5",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Hooks Is Mobile",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-props-helpers": "3.32.0-rc.5"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@elliemae/ds-monorepo-devops": "3.32.0-rc.5"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}