@elliemae/ds-hooks-on-blur-out 3.31.0-next.6

package/dist/cjs/DSHooksOnBlurOut.js

@@ -0,0 +1,55 @@
+"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 DSHooksOnBlurOut_exports = {};
+__export(DSHooksOnBlurOut_exports, {
+  UseOnBlurOutWithSchema: () => UseOnBlurOutWithSchema,
+  useOnBlurOut: () => useOnBlurOut
+});
+module.exports = __toCommonJS(DSHooksOnBlurOut_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const propTypes = {
+  onBlur: import_ds_props_helpers.PropTypes.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent, ...args: unknown[]) => void)").isRequired
+};
+const useOnBlurOut = ({ onBlur }) => (0, import_react.useCallback)(
+  (e, ...args) => {
+    const { currentTarget } = e;
+    requestAnimationFrame(() => {
+      if (!currentTarget.contains(document.activeElement)) {
+        onBlur(e, ...args);
+      }
+    });
+  },
+  [onBlur]
+);
+const UseOnBlurOutWithSchema = (0, import_ds_props_helpers.describe)(useOnBlurOut);
+UseOnBlurOutWithSchema.propTypes = propTypes;
+UseOnBlurOutWithSchema.returnType = import_ds_props_helpers.PropTypes.func.description("On blur event callback for input").signature("((e: React.FocusEvent, ...args: unknown[]) => void)");
+//# sourceMappingURL=DSHooksOnBlurOut.js.map

package/dist/cjs/DSHooksOnBlurOut.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSHooksOnBlurOut.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { useCallback } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';\nconst propTypes = {\n  onBlur: PropTypes.func\n    .description('The function to be invoked when focus exits the wrapping container')\n    .signature('((e: React.FocusEvent, ...args: unknown[]) => void)').isRequired,\n} as WeakValidationMap<unknown>;\n\nconst useOnBlurOut: DSHooksUseOBlurOutT.UseOnBlurOut = ({ onBlur }) =>\n  useCallback<DSHooksUseOBlurOutT.OnBlurCb>(\n    (e, ...args) => {\n      const { currentTarget } = e;\n      // Give browser time to focus the next element\n      requestAnimationFrame(() => {\n        // Check if the new focused element is a child of the original container\n        if (!currentTarget.contains(document.activeElement)) {\n          onBlur(e, ...args);\n        }\n      });\n    },\n    [onBlur],\n  );\n\nconst UseOnBlurOutWithSchema = describe(useOnBlurOut);\nUseOnBlurOutWithSchema.propTypes = propTypes;\nUseOnBlurOutWithSchema.returnType = PropTypes.func\n  .description('On blur event callback for input')\n  .signature('((e: React.FocusEvent, ...args: unknown[]) => void)');\n\nexport { useOnBlurOut, UseOnBlurOutWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA4B;AAC5B,8BAAoC;AAEpC,MAAM,YAAY;AAAA,EAChB,QAAQ,kCAAU,KACf,YAAY,oEAAoE,EAChF,UAAU,qDAAqD,EAAE;AACtE;AAEA,MAAM,eAAiD,CAAC,EAAE,OAAO,UAC/D;AAAA,EACE,CAAC,MAAM,SAAS;AACd,UAAM,EAAE,cAAc,IAAI;AAE1B,0BAAsB,MAAM;AAE1B,UAAI,CAAC,cAAc,SAAS,SAAS,aAAa,GAAG;AACnD,eAAO,GAAG,GAAG,IAAI;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC,MAAM;AACT;AAEF,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AACnC,uBAAuB,aAAa,kCAAU,KAC3C,YAAY,kCAAkC,EAC9C,UAAU,qDAAqD;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"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, {
+  UseOnBlurOutWithSchema: () => import_DSHooksOnBlurOut.UseOnBlurOutWithSchema,
+  useOnBlurOut: () => import_DSHooksOnBlurOut.useOnBlurOut
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSHooksOnBlurOut = require("./DSHooksOnBlurOut.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.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 { UseOnBlurOutWithSchema, useOnBlurOut } from './DSHooksOnBlurOut.js';\nexport { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AACrD,mCAAyC;",
+  "names": []
+}

package/dist/cjs/package.json

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

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,28 @@
+"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 __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 react_desc_prop_types_exports = {};
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type React from 'react';\n\nexport declare namespace DSHooksUseOBlurOutT {\n  export type OnBlurCb = (e: React.FocusEvent<HTMLElement>, ...args: unknown[]) => void;\n  export type UseOnBlurOut = ({ onBlur }: { onBlur: OnBlurCb }) => OnBlurCb;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/esm/DSHooksOnBlurOut.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { useCallback } from "react";
+import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+const propTypes = {
+  onBlur: PropTypes.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent, ...args: unknown[]) => void)").isRequired
+};
+const useOnBlurOut = ({ onBlur }) => useCallback(
+  (e, ...args) => {
+    const { currentTarget } = e;
+    requestAnimationFrame(() => {
+      if (!currentTarget.contains(document.activeElement)) {
+        onBlur(e, ...args);
+      }
+    });
+  },
+  [onBlur]
+);
+const UseOnBlurOutWithSchema = describe(useOnBlurOut);
+UseOnBlurOutWithSchema.propTypes = propTypes;
+UseOnBlurOutWithSchema.returnType = PropTypes.func.description("On blur event callback for input").signature("((e: React.FocusEvent, ...args: unknown[]) => void)");
+export {
+  UseOnBlurOutWithSchema,
+  useOnBlurOut
+};
+//# sourceMappingURL=DSHooksOnBlurOut.js.map

package/dist/esm/DSHooksOnBlurOut.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSHooksOnBlurOut.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { useCallback } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';\nconst propTypes = {\n  onBlur: PropTypes.func\n    .description('The function to be invoked when focus exits the wrapping container')\n    .signature('((e: React.FocusEvent, ...args: unknown[]) => void)').isRequired,\n} as WeakValidationMap<unknown>;\n\nconst useOnBlurOut: DSHooksUseOBlurOutT.UseOnBlurOut = ({ onBlur }) =>\n  useCallback<DSHooksUseOBlurOutT.OnBlurCb>(\n    (e, ...args) => {\n      const { currentTarget } = e;\n      // Give browser time to focus the next element\n      requestAnimationFrame(() => {\n        // Check if the new focused element is a child of the original container\n        if (!currentTarget.contains(document.activeElement)) {\n          onBlur(e, ...args);\n        }\n      });\n    },\n    [onBlur],\n  );\n\nconst UseOnBlurOutWithSchema = describe(useOnBlurOut);\nUseOnBlurOutWithSchema.propTypes = propTypes;\nUseOnBlurOutWithSchema.returnType = PropTypes.func\n  .description('On blur event callback for input')\n  .signature('((e: React.FocusEvent, ...args: unknown[]) => void)');\n\nexport { useOnBlurOut, UseOnBlurOutWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,mBAAmB;AAC5B,SAAS,UAAU,iBAAiB;AAEpC,MAAM,YAAY;AAAA,EAChB,QAAQ,UAAU,KACf,YAAY,oEAAoE,EAChF,UAAU,qDAAqD,EAAE;AACtE;AAEA,MAAM,eAAiD,CAAC,EAAE,OAAO,MAC/D;AAAA,EACE,CAAC,MAAM,SAAS;AACd,UAAM,EAAE,cAAc,IAAI;AAE1B,0BAAsB,MAAM;AAE1B,UAAI,CAAC,cAAc,SAAS,SAAS,aAAa,GAAG;AACnD,eAAO,GAAG,GAAG,IAAI;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC,MAAM;AACT;AAEF,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AACnC,uBAAuB,aAAa,UAAU,KAC3C,YAAY,kCAAkC,EAC9C,UAAU,qDAAqD;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { UseOnBlurOutWithSchema, useOnBlurOut } from "./DSHooksOnBlurOut.js";
+import {} from "./react-desc-prop-types.js";
+export {
+  UseOnBlurOutWithSchema,
+  useOnBlurOut
+};
+//# 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 { UseOnBlurOutWithSchema, useOnBlurOut } from './DSHooksOnBlurOut.js';\nexport { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB;AACrD,eAAyC;",
+  "names": []
+}

package/dist/esm/package.json

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

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/types/DSHooksOnBlurOut.d.ts

@@ -0,0 +1,6 @@
+import { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';
+declare const useOnBlurOut: DSHooksUseOBlurOutT.UseOnBlurOut;
+declare const UseOnBlurOutWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    onBlur: DSHooksUseOBlurOutT.OnBlurCb;
+}>;
+export { useOnBlurOut, UseOnBlurOutWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { UseOnBlurOutWithSchema, useOnBlurOut } from './DSHooksOnBlurOut.js';
+export { type DSHooksUseOBlurOutT } from './react-desc-prop-types.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+export declare namespace DSHooksUseOBlurOutT {
+    type OnBlurCb = (e: React.FocusEvent<HTMLElement>, ...args: unknown[]) => void;
+    type UseOnBlurOut = ({ onBlur }: {
+        onBlur: OnBlurCb;
+    }) => OnBlurCb;
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@elliemae/ds-hooks-on-blur-out",
+  "version": "3.31.0-next.6",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Hooks On Blur Out",
+  "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.31.0-next.6"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@elliemae/ds-monorepo-devops": "3.31.0-next.6"
+  },
+  "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": false
+  },
+  "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/*\""
+  }
+}