@elliemae/ds-hooks-fontsize-detector 3.18.0-next.9

package/dist/cjs/DSHooksFontsizeDetector.js

@@ -0,0 +1,98 @@
+"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 DSHooksFontsizeDetector_exports = {};
+__export(DSHooksFontsizeDetector_exports, {
+  useFontSizeDetector: () => useFontSizeDetector
+});
+module.exports = __toCommonJS(DSHooksFontsizeDetector_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_constants = require("./constants/index.js");
+const FontDetectorElement = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "p",
+  {
+    "aria-hidden": "true",
+    id: import_constants.FONT_DETECTOR_UID,
+    "data-testid": import_constants.FONT_DETECTOR_UID,
+    style: {
+      margin: 0,
+      color: "transparent",
+      position: "absolute"
+    },
+    children: "\xA0"
+  }
+));
+const useResizeObserver = (ref) => {
+  const [dimensions, setDimensions] = import_react.default.useState(0);
+  (0, import_react.useEffect)(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      entries.forEach((entry) => {
+        setDimensions(Math.ceil(entry.contentRect.height));
+      });
+    });
+    if (ref) {
+      resizeObserver.observe(ref);
+    }
+    return () => {
+      if (ref) {
+        resizeObserver.unobserve(ref);
+      }
+    };
+  }, [ref]);
+  return dimensions;
+};
+const useFontSizeDetector = () => {
+  const [ref, setRef] = (0, import_react.useState)(null);
+  const fontHeight = useResizeObserver(ref);
+  (0, import_react.useEffect)(() => {
+    const retrieveElement = async () => {
+      const elementAppended = await (0, import_ds_utilities.appendComponentIfNotExist)({
+        Component: FontDetectorElement,
+        uidSelector: import_constants.FONT_DETECTOR_UID,
+        tagName: "font-size"
+      });
+      setRef(elementAppended);
+    };
+    retrieveElement().catch(() => {
+    });
+  }, []);
+  const parentWidth = document.documentElement.clientWidth;
+  const ratio = parentWidth / fontHeight;
+  return {
+    ratio,
+    fontRatio: fontHeight,
+    documentWidthRatio: parentWidth,
+    isSmall: ratio <= import_constants.BREAKPOINTS.small,
+    isMedium: ratio > import_constants.BREAKPOINTS.small && ratio <= import_constants.BREAKPOINTS.medimum,
+    isLarge: ratio > import_constants.BREAKPOINTS.medimum
+  };
+};
+//# sourceMappingURL=DSHooksFontsizeDetector.js.map

package/dist/cjs/DSHooksFontsizeDetector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSHooksFontsizeDetector.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport { appendComponentIfNotExist } from '@elliemae/ds-utilities';\nimport { FONT_DETECTOR_UID, BREAKPOINTS } from './constants/index.js';\nimport { type DSHooksFontsizeDetectorT } from './react-desc-prop-types.js';\n\ntype ResizeObserverConstructorEntries = Parameters<ConstructorParameters<typeof ResizeObserver>[0]>[0];\n\nconst FontDetectorElement = React.memo(() => (\n  <p\n    aria-hidden=\"true\"\n    id={FONT_DETECTOR_UID}\n    data-testid={FONT_DETECTOR_UID}\n    style={{\n      margin: 0,\n      color: 'transparent',\n      position: 'absolute',\n    }}\n  >\n    &nbsp;\n  </p>\n));\n\nconst useResizeObserver = (ref: HTMLElement | null): number => {\n  const [dimensions, setDimensions] = React.useState<number>(0);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries: ResizeObserverConstructorEntries) => {\n      entries.forEach((entry) => {\n        setDimensions(Math.ceil(entry.contentRect.height));\n      });\n    });\n    if (ref) {\n      resizeObserver.observe(ref);\n    }\n\n    return () => {\n      if (ref) {\n        resizeObserver.unobserve(ref);\n      }\n    };\n  }, [ref]);\n  return dimensions;\n};\n\nconst useFontSizeDetector = (): DSHooksFontsizeDetectorT.UseFontSizeDetectorT => {\n  const [ref, setRef] = useState<HTMLElement | null>(null);\n  const fontHeight = useResizeObserver(ref);\n\n  useEffect(() => {\n    const retrieveElement = async () => {\n      const elementAppended = await appendComponentIfNotExist({\n        Component: FontDetectorElement,\n        uidSelector: FONT_DETECTOR_UID,\n        tagName: 'font-size',\n      });\n      setRef(elementAppended);\n    };\n    retrieveElement().catch(() => {});\n  }, []);\n\n  const parentWidth = document.documentElement.clientWidth;\n\n  const ratio = parentWidth / fontHeight;\n\n  return {\n    ratio,\n    fontRatio: fontHeight,\n    documentWidthRatio: parentWidth,\n    isSmall: ratio <= BREAKPOINTS.small,\n    isMedium: ratio > BREAKPOINTS.small && ratio <= BREAKPOINTS.medimum,\n    isLarge: ratio > BREAKPOINTS.medimum,\n  };\n};\n\nexport { useFontSizeDetector };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AARF,mBAA2C;AAC3C,0BAA0C;AAC1C,uBAA+C;AAK/C,MAAM,sBAAsB,aAAAA,QAAM,KAAK,MACrC;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,IAAI;AAAA,IACJ,eAAa;AAAA,IACb,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACD;AAAA;AAED,CACD;AAED,MAAM,oBAAoB,CAAC,QAAoC;AAC7D,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAiB,CAAC;AAE5D,8BAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAA8C;AACvF,cAAQ,QAAQ,CAAC,UAAU;AACzB,sBAAc,KAAK,KAAK,MAAM,YAAY,MAAM,CAAC;AAAA,MACnD,CAAC;AAAA,IACH,CAAC;AACD,QAAI,KAAK;AACP,qBAAe,QAAQ,GAAG;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,UAAI,KAAK;AACP,uBAAe,UAAU,GAAG;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,SAAO;AACT;AAEA,MAAM,sBAAsB,MAAqD;AAC/E,QAAM,CAAC,KAAK,MAAM,QAAI,uBAA6B,IAAI;AACvD,QAAM,aAAa,kBAAkB,GAAG;AAExC,8BAAU,MAAM;AACd,UAAM,kBAAkB,YAAY;AAClC,YAAM,kBAAkB,UAAM,+CAA0B;AAAA,QACtD,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AACD,aAAO,eAAe;AAAA,IACxB;AACA,oBAAgB,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,SAAS,gBAAgB;AAE7C,QAAM,QAAQ,cAAc;AAE5B,SAAO;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,SAAS,SAAS,6BAAY;AAAA,IAC9B,UAAU,QAAQ,6BAAY,SAAS,SAAS,6BAAY;AAAA,IAC5D,SAAS,QAAQ,6BAAY;AAAA,EAC/B;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,42 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  BREAKPOINTS: () => BREAKPOINTS,
+  FONT_DETECTOR_UID: () => FONT_DETECTOR_UID
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const FONT_DETECTOR_UID = "DS_FONT_DETECTOR";
+const BREAKPOINTS = {
+  small: 25,
+  medimum: 40,
+  large: 60
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const FONT_DETECTOR_UID = 'DS_FONT_DETECTOR';\n\nexport const BREAKPOINTS = {\n  small: 25,\n  medimum: 40,\n  large: 60,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAE1B,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;",
+  "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, {
+  FONT_DETECTOR_UID: () => import_constants.FONT_DETECTOR_UID,
+  useFontSizeDetector: () => import_DSHooksFontsizeDetector.useFontSizeDetector
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSHooksFontsizeDetector = require("./DSHooksFontsizeDetector.js");
+var import_constants = require("./constants/index.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": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { useFontSizeDetector } from './DSHooksFontsizeDetector.js';\nexport { FONT_DETECTOR_UID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qCAAoC;AACpC,uBAAkC;",
+  "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": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n\nexport declare namespace DSHooksFontsizeDetectorT {\n  export interface UseFontSizeDetectorT {\n    ratio: number;\n    fontRatio: number;\n    documentWidthRatio: number;\n    isSmall: boolean;\n    isMedium: boolean;\n    isLarge: boolean;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/esm/DSHooksFontsizeDetector.js

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2, { useState, useEffect } from "react";
+import { appendComponentIfNotExist } from "@elliemae/ds-utilities";
+import { FONT_DETECTOR_UID, BREAKPOINTS } from "./constants/index.js";
+const FontDetectorElement = React2.memo(() => /* @__PURE__ */ jsx(
+  "p",
+  {
+    "aria-hidden": "true",
+    id: FONT_DETECTOR_UID,
+    "data-testid": FONT_DETECTOR_UID,
+    style: {
+      margin: 0,
+      color: "transparent",
+      position: "absolute"
+    },
+    children: "\xA0"
+  }
+));
+const useResizeObserver = (ref) => {
+  const [dimensions, setDimensions] = React2.useState(0);
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      entries.forEach((entry) => {
+        setDimensions(Math.ceil(entry.contentRect.height));
+      });
+    });
+    if (ref) {
+      resizeObserver.observe(ref);
+    }
+    return () => {
+      if (ref) {
+        resizeObserver.unobserve(ref);
+      }
+    };
+  }, [ref]);
+  return dimensions;
+};
+const useFontSizeDetector = () => {
+  const [ref, setRef] = useState(null);
+  const fontHeight = useResizeObserver(ref);
+  useEffect(() => {
+    const retrieveElement = async () => {
+      const elementAppended = await appendComponentIfNotExist({
+        Component: FontDetectorElement,
+        uidSelector: FONT_DETECTOR_UID,
+        tagName: "font-size"
+      });
+      setRef(elementAppended);
+    };
+    retrieveElement().catch(() => {
+    });
+  }, []);
+  const parentWidth = document.documentElement.clientWidth;
+  const ratio = parentWidth / fontHeight;
+  return {
+    ratio,
+    fontRatio: fontHeight,
+    documentWidthRatio: parentWidth,
+    isSmall: ratio <= BREAKPOINTS.small,
+    isMedium: ratio > BREAKPOINTS.small && ratio <= BREAKPOINTS.medimum,
+    isLarge: ratio > BREAKPOINTS.medimum
+  };
+};
+export {
+  useFontSizeDetector
+};
+//# sourceMappingURL=DSHooksFontsizeDetector.js.map

package/dist/esm/DSHooksFontsizeDetector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSHooksFontsizeDetector.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect } from 'react';\nimport { appendComponentIfNotExist } from '@elliemae/ds-utilities';\nimport { FONT_DETECTOR_UID, BREAKPOINTS } from './constants/index.js';\nimport { type DSHooksFontsizeDetectorT } from './react-desc-prop-types.js';\n\ntype ResizeObserverConstructorEntries = Parameters<ConstructorParameters<typeof ResizeObserver>[0]>[0];\n\nconst FontDetectorElement = React.memo(() => (\n  <p\n    aria-hidden=\"true\"\n    id={FONT_DETECTOR_UID}\n    data-testid={FONT_DETECTOR_UID}\n    style={{\n      margin: 0,\n      color: 'transparent',\n      position: 'absolute',\n    }}\n  >\n    &nbsp;\n  </p>\n));\n\nconst useResizeObserver = (ref: HTMLElement | null): number => {\n  const [dimensions, setDimensions] = React.useState<number>(0);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries: ResizeObserverConstructorEntries) => {\n      entries.forEach((entry) => {\n        setDimensions(Math.ceil(entry.contentRect.height));\n      });\n    });\n    if (ref) {\n      resizeObserver.observe(ref);\n    }\n\n    return () => {\n      if (ref) {\n        resizeObserver.unobserve(ref);\n      }\n    };\n  }, [ref]);\n  return dimensions;\n};\n\nconst useFontSizeDetector = (): DSHooksFontsizeDetectorT.UseFontSizeDetectorT => {\n  const [ref, setRef] = useState<HTMLElement | null>(null);\n  const fontHeight = useResizeObserver(ref);\n\n  useEffect(() => {\n    const retrieveElement = async () => {\n      const elementAppended = await appendComponentIfNotExist({\n        Component: FontDetectorElement,\n        uidSelector: FONT_DETECTOR_UID,\n        tagName: 'font-size',\n      });\n      setRef(elementAppended);\n    };\n    retrieveElement().catch(() => {});\n  }, []);\n\n  const parentWidth = document.documentElement.clientWidth;\n\n  const ratio = parentWidth / fontHeight;\n\n  return {\n    ratio,\n    fontRatio: fontHeight,\n    documentWidthRatio: parentWidth,\n    isSmall: ratio <= BREAKPOINTS.small,\n    isMedium: ratio > BREAKPOINTS.small && ratio <= BREAKPOINTS.medimum,\n    isLarge: ratio > BREAKPOINTS.medimum,\n  };\n};\n\nexport { useFontSizeDetector };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQrB;AARF,OAAOA,UAAS,UAAU,iBAAiB;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,mBAAmB,mBAAmB;AAK/C,MAAM,sBAAsBA,OAAM,KAAK,MACrC;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,IAAI;AAAA,IACJ,eAAa;AAAA,IACb,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACD;AAAA;AAED,CACD;AAED,MAAM,oBAAoB,CAAC,QAAoC;AAC7D,QAAM,CAAC,YAAY,aAAa,IAAIA,OAAM,SAAiB,CAAC;AAE5D,YAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAA8C;AACvF,cAAQ,QAAQ,CAAC,UAAU;AACzB,sBAAc,KAAK,KAAK,MAAM,YAAY,MAAM,CAAC;AAAA,MACnD,CAAC;AAAA,IACH,CAAC;AACD,QAAI,KAAK;AACP,qBAAe,QAAQ,GAAG;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,UAAI,KAAK;AACP,uBAAe,UAAU,GAAG;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACR,SAAO;AACT;AAEA,MAAM,sBAAsB,MAAqD;AAC/E,QAAM,CAAC,KAAK,MAAM,IAAI,SAA6B,IAAI;AACvD,QAAM,aAAa,kBAAkB,GAAG;AAExC,YAAU,MAAM;AACd,UAAM,kBAAkB,YAAY;AAClC,YAAM,kBAAkB,MAAM,0BAA0B;AAAA,QACtD,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AACD,aAAO,eAAe;AAAA,IACxB;AACA,oBAAgB,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,SAAS,gBAAgB;AAE7C,QAAM,QAAQ,cAAc;AAE5B,SAAO;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,SAAS,SAAS,YAAY;AAAA,IAC9B,UAAU,QAAQ,YAAY,SAAS,SAAS,YAAY;AAAA,IAC5D,SAAS,QAAQ,YAAY;AAAA,EAC/B;AACF;",
+  "names": ["React"]
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const FONT_DETECTOR_UID = "DS_FONT_DETECTOR";
+const BREAKPOINTS = {
+  small: 25,
+  medimum: 40,
+  large: 60
+};
+export {
+  BREAKPOINTS,
+  FONT_DETECTOR_UID
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FONT_DETECTOR_UID = 'DS_FONT_DETECTOR';\n\nexport const BREAKPOINTS = {\n  small: 25,\n  medimum: 40,\n  large: 60,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBAAoB;AAE1B,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { useFontSizeDetector } from "./DSHooksFontsizeDetector.js";
+import { FONT_DETECTOR_UID } from "./constants/index.js";
+export {
+  FONT_DETECTOR_UID,
+  useFontSizeDetector
+};
+//# 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", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { useFontSizeDetector } from './DSHooksFontsizeDetector.js';\nexport { FONT_DETECTOR_UID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;",
+  "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/DSHooksFontsizeDetector.d.ts

@@ -0,0 +1,3 @@
+import { type DSHooksFontsizeDetectorT } from './react-desc-prop-types.js';
+declare const useFontSizeDetector: () => DSHooksFontsizeDetectorT.UseFontSizeDetectorT;
+export { useFontSizeDetector };

package/dist/types/constants/index.d.ts

@@ -0,0 +1,6 @@
+export declare const FONT_DETECTOR_UID = "DS_FONT_DETECTOR";
+export declare const BREAKPOINTS: {
+    small: number;
+    medimum: number;
+    large: number;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { useFontSizeDetector } from './DSHooksFontsizeDetector.js';
+export { FONT_DETECTOR_UID } from './constants/index.js';

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

@@ -0,0 +1,10 @@
+export declare namespace DSHooksFontsizeDetectorT {
+    interface UseFontSizeDetectorT {
+        ratio: number;
+        fontRatio: number;
+        documentWidthRatio: number;
+        isSmall: boolean;
+        isMedium: boolean;
+        isLarge: boolean;
+    }
+}

package/dist/types/tests/DSHooksFontsizeDetector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@elliemae/ds-hooks-fontsize-detector",
+  "version": "3.18.0-next.9",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Hooks Fontsize Detector",
+  "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-utilities": "3.18.0-next.9"
+  },
+  "devDependencies": {
+    "lodash": "^4.17.21",
+    "styled-components": "~5.3.6"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.6"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "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": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}