@elliemae/ds-utilities 2.3.0-alpha.1 → 2.3.0-alpha.10

package/{cjs → dist/cjs}/hooks/index.js

@@ -34,6 +34,7 @@ __export(hooks_exports, {
   useForceUpdate: () => import_use_force_update.default,
   useHotkeys: () => import_useHotkeys.useHotkeys,
   useHoverHandlersDelay: () => import_useHoverHandlersDelay.useHoverHandlersDelay,
+  useIsShowingEllipsis: () => import_useIsShowingEllipsis.useIsShowingEllipsis,
   useMeasure: () => import_use_measure.default,
   useOnClickOutside: () => import_use_onclickoutside.default,
   useOnElementResize: () => import_useOnElementResize.useOnElementResize,
@@ -65,5 +66,6 @@ var import_useDerivedStateFromProps = require("./useDerivedStateFromProps");
 var import_useSetRef = require("./useSetRef");
 var import_useParentElement = require("./useParentElement");
 var import_useOnElementResize = require("./useOnElementResize");
+var import_useIsShowingEllipsis = require("./useIsShowingEllipsis");
 module.exports = __toCommonJS(hooks_exports);
 //# sourceMappingURL=index.js.map

package/{cjs → dist/cjs}/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as useMeasure } from 'use-measure';\nexport { default as useForceUpdate } from 'use-force-update';\nexport { default as useOnClickOutside } from 'use-onclickoutside';\nexport { useUncontrolled } from 'uncontrollable';\nexport { useExecutionTimer } from './useExecutionTimer';\nexport { useExpandState } from './useExpandState';\nexport { useHotkeys } from './useHotkeys';\nexport { useHoverHandlersDelay } from './useHoverHandlersDelay';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useShouldRecalculate } from './useShouldRecalculate';\nexport { useWindowScrollerList } from './useWindowScrollerList';\nexport { useWindowSize } from './useWindowSize';\nexport { usePrevious } from './usePrevious';\nexport { useCancellableDelayedCallback } from './useCancellableDelayedCallback';\nexport { useDerivedStateFromProps } from './useDerivedStateFromProps';\nexport { useSetRef } from './useSetRef';\nexport { useParentElement } from './useParentElement';\nexport { useOnElementResize } from './useOnElementResize';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAsC;AACtC,8BAA0C;AAC1C,gCAA6C;AAC7C,4BAAgC;AAChC,+BAAkC;AAClC,4BAA+B;AAC/B,wBAA2B;AAC3B,mCAAsC;AACtC,+BAAkC;AAClC,kCAAqC;AACrC,mCAAsC;AACtC,2BAA8B;AAC9B,yBAA4B;AAC5B,2CAA8C;AAC9C,sCAAyC;AACzC,uBAA0B;AAC1B,8BAAiC;AACjC,gCAAmC;",
+  "sourcesContent": ["export { default as useMeasure } from 'use-measure';\nexport { default as useForceUpdate } from 'use-force-update';\nexport { default as useOnClickOutside } from 'use-onclickoutside';\nexport { useUncontrolled } from 'uncontrollable';\nexport { useExecutionTimer } from './useExecutionTimer';\nexport { useExpandState } from './useExpandState';\nexport { useHotkeys } from './useHotkeys';\nexport { useHoverHandlersDelay } from './useHoverHandlersDelay';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useShouldRecalculate } from './useShouldRecalculate';\nexport { useWindowScrollerList } from './useWindowScrollerList';\nexport { useWindowSize } from './useWindowSize';\nexport { usePrevious } from './usePrevious';\nexport { useCancellableDelayedCallback } from './useCancellableDelayedCallback';\nexport { useDerivedStateFromProps } from './useDerivedStateFromProps';\nexport { useSetRef } from './useSetRef';\nexport { useParentElement } from './useParentElement';\nexport { useOnElementResize } from './useOnElementResize';\nexport { useIsShowingEllipsis } from './useIsShowingEllipsis';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAsC;AACtC,8BAA0C;AAC1C,gCAA6C;AAC7C,4BAAgC;AAChC,+BAAkC;AAClC,4BAA+B;AAC/B,wBAA2B;AAC3B,mCAAsC;AACtC,+BAAkC;AAClC,kCAAqC;AACrC,mCAAsC;AACtC,2BAA8B;AAC9B,yBAA4B;AAC5B,2CAA8C;AAC9C,sCAAyC;AACzC,uBAA0B;AAC1B,8BAAiC;AACjC,gCAAmC;AACnC,kCAAqC;",
   "names": []
 }

package/dist/cjs/hooks/useIsShowingEllipsis.js

@@ -0,0 +1,58 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useIsShowingEllipsis_exports = {};
+__export(useIsShowingEllipsis_exports, {
+  useIsShowingEllipsis: () => useIsShowingEllipsis
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useIsShowingEllipsis = () => {
+  const [element, setElement] = (0, import_react.useState)();
+  const [isShowingEllipsis, setIsShowingEllipsis] = (0, import_react.useState)(false);
+  const resizeObserver = (0, import_react.useMemo)(() => new ResizeObserver((entries) => {
+    if (entries.length) {
+      const [textWrapperEntry] = entries;
+      const el = textWrapperEntry.target;
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+    }
+  }), []);
+  (0, import_react.useEffect)(() => {
+    if (element) {
+      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);
+      resizeObserver.observe(element);
+    }
+    return () => {
+      if (element) {
+        resizeObserver.unobserve(element);
+      }
+    };
+  }, [resizeObserver, element]);
+  return { setElement, isShowingEllipsis };
+};
+module.exports = __toCommonJS(useIsShowingEllipsis_exports);
+//# sourceMappingURL=useIsShowingEllipsis.js.map

package/dist/cjs/hooks/useIsShowingEllipsis.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useIsShowingEllipsis.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState, useMemo } from 'react';\n\nexport const useIsShowingEllipsis = <T extends HTMLElement = HTMLSpanElement>() => {\n  const [element, setElement] = useState<T>();\n\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        if (entries.length) {\n          const [textWrapperEntry] = entries;\n          const el = textWrapperEntry.target;\n          setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);\n        }\n      }),\n    [],\n  );\n\n  useEffect(() => {\n    if (element) {\n      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [resizeObserver, element]);\n\n  return { setElement, isShowingEllipsis };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAEtC,MAAM,uBAAuB,MAA+C;AACjF,QAAM,CAAC,SAAS,cAAc;AAE9B,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAE3D,QAAM,iBAAiB,0BACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,QAAQ,QAAQ;AAClB,YAAM,CAAC,oBAAoB;AAC3B,YAAM,KAAK,iBAAiB;AAC5B,2BAAqB,IAAI,cAAc,IAAI;AAAA;AAAA,MAGjD;AAGF,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,2BAAqB,QAAQ,cAAc,QAAQ;AACnD,qBAAe,QAAQ;AAAA;AAEzB,WAAO,MAAM;AACX,UAAI,SAAS;AACX,uBAAe,UAAU;AAAA;AAAA;AAAA,KAG5B,CAAC,gBAAgB;AAEpB,SAAO,EAAE,YAAY;AAAA;",
+  "names": []
+}

package/{cjs → dist/cjs}/index.js

@@ -113,6 +113,7 @@ __export(src_exports, {
   useForceUpdate: () => import_hooks.useForceUpdate,
   useHotkeys: () => import_hooks.useHotkeys,
   useHoverHandlersDelay: () => import_hooks.useHoverHandlersDelay,
+  useIsShowingEllipsis: () => import_hooks.useIsShowingEllipsis,
   useMeasure: () => import_hooks.useMeasure,
   useOnClickOutside: () => import_hooks.useOnClickOutside,
   useOnElementResize: () => import_hooks.useOnElementResize,

package/{cjs → dist/cjs}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useUncontrolled,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  useWindowSize,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useSetRef,\n  useParentElement,\n  useOnElementResize,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport {\n  isClassComponent,\n  isFunctionComponent,\n  isReactComponent,\n  isElement,\n  isDOMTypeElement,\n  isCompositeTypeElement,\n} from './reactTypesUtility';\nexport { resetTimer } from './scrollingTimer';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,uBAeO;AACP,mBA+CO;AACP,oBAA0C;AAC1C,mBAmBO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAOO;AACP,4BAA2B;AAC3B,yBAAuD;",
+  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useUncontrolled,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  useWindowSize,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useSetRef,\n  useParentElement,\n  useOnElementResize,\n  useIsShowingEllipsis,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport {\n  isClassComponent,\n  isFunctionComponent,\n  isReactComponent,\n  isElement,\n  isDOMTypeElement,\n  isCompositeTypeElement,\n} from './reactTypesUtility';\nexport { resetTimer } from './scrollingTimer';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,uBAeO;AACP,mBA+CO;AACP,oBAA0C;AAC1C,mBAoBO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAOO;AACP,4BAA2B;AAC3B,yBAAuD;",
   "names": []
 }

package/{esm → dist/esm}/hooks/index.js

@@ -17,6 +17,7 @@ import { useDerivedStateFromProps } from "./useDerivedStateFromProps";
 import { useSetRef } from "./useSetRef";
 import { useParentElement } from "./useParentElement";
 import { useOnElementResize } from "./useOnElementResize";
+import { useIsShowingEllipsis } from "./useIsShowingEllipsis";
 export {
   useCancellableDelayedCallback,
   useDerivedStateFromProps,
@@ -25,6 +26,7 @@ export {
   default3 as useForceUpdate,
   useHotkeys,
   useHoverHandlersDelay,
+  useIsShowingEllipsis,
   default2 as useMeasure,
   default4 as useOnClickOutside,
   useOnElementResize,

package/{esm → dist/esm}/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as useMeasure } from 'use-measure';\nexport { default as useForceUpdate } from 'use-force-update';\nexport { default as useOnClickOutside } from 'use-onclickoutside';\nexport { useUncontrolled } from 'uncontrollable';\nexport { useExecutionTimer } from './useExecutionTimer';\nexport { useExpandState } from './useExpandState';\nexport { useHotkeys } from './useHotkeys';\nexport { useHoverHandlersDelay } from './useHoverHandlersDelay';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useShouldRecalculate } from './useShouldRecalculate';\nexport { useWindowScrollerList } from './useWindowScrollerList';\nexport { useWindowSize } from './useWindowSize';\nexport { usePrevious } from './usePrevious';\nexport { useCancellableDelayedCallback } from './useCancellableDelayedCallback';\nexport { useDerivedStateFromProps } from './useDerivedStateFromProps';\nexport { useSetRef } from './useSetRef';\nexport { useParentElement } from './useParentElement';\nexport { useOnElementResize } from './useOnElementResize';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as useMeasure } from 'use-measure';\nexport { default as useForceUpdate } from 'use-force-update';\nexport { default as useOnClickOutside } from 'use-onclickoutside';\nexport { useUncontrolled } from 'uncontrollable';\nexport { useExecutionTimer } from './useExecutionTimer';\nexport { useExpandState } from './useExpandState';\nexport { useHotkeys } from './useHotkeys';\nexport { useHoverHandlersDelay } from './useHoverHandlersDelay';\nexport { useResizeObserver } from './useResizeObserver';\nexport { useShouldRecalculate } from './useShouldRecalculate';\nexport { useWindowScrollerList } from './useWindowScrollerList';\nexport { useWindowSize } from './useWindowSize';\nexport { usePrevious } from './usePrevious';\nexport { useCancellableDelayedCallback } from './useCancellableDelayedCallback';\nexport { useDerivedStateFromProps } from './useDerivedStateFromProps';\nexport { useSetRef } from './useSetRef';\nexport { useParentElement } from './useParentElement';\nexport { useOnElementResize } from './useOnElementResize';\nexport { useIsShowingEllipsis } from './useIsShowingEllipsis';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
   "names": []
 }

package/dist/esm/hooks/useIsShowingEllipsis.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useEffect, useState, useMemo } from "react";
+const useIsShowingEllipsis = () => {
+  const [element, setElement] = useState();
+  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
+  const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
+    if (entries.length) {
+      const [textWrapperEntry] = entries;
+      const el = textWrapperEntry.target;
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+    }
+  }), []);
+  useEffect(() => {
+    if (element) {
+      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);
+      resizeObserver.observe(element);
+    }
+    return () => {
+      if (element) {
+        resizeObserver.unobserve(element);
+      }
+    };
+  }, [resizeObserver, element]);
+  return { setElement, isShowingEllipsis };
+};
+export {
+  useIsShowingEllipsis
+};
+//# sourceMappingURL=useIsShowingEllipsis.js.map

package/dist/esm/hooks/useIsShowingEllipsis.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useIsShowingEllipsis.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState, useMemo } from 'react';\n\nexport const useIsShowingEllipsis = <T extends HTMLElement = HTMLSpanElement>() => {\n  const [element, setElement] = useState<T>();\n\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        if (entries.length) {\n          const [textWrapperEntry] = entries;\n          const el = textWrapperEntry.target;\n          setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);\n        }\n      }),\n    [],\n  );\n\n  useEffect(() => {\n    if (element) {\n      setIsShowingEllipsis(element.scrollWidth > element.clientWidth);\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [resizeObserver, element]);\n\n  return { setElement, isShowingEllipsis };\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,uBAAuB,MAA+C;AACjF,QAAM,CAAC,SAAS,cAAc;AAE9B,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAE3D,QAAM,iBAAiB,QACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,QAAQ,QAAQ;AAClB,YAAM,CAAC,oBAAoB;AAC3B,YAAM,KAAK,iBAAiB;AAC5B,2BAAqB,IAAI,cAAc,IAAI;AAAA;AAAA,MAGjD;AAGF,YAAU,MAAM;AACd,QAAI,SAAS;AACX,2BAAqB,QAAQ,cAAc,QAAQ;AACnD,qBAAe,QAAQ;AAAA;AAEzB,WAAO,MAAM;AACX,UAAI,SAAS;AACX,uBAAe,UAAU;AAAA;AAAA;AAAA,KAG5B,CAAC,gBAAgB;AAEpB,SAAO,EAAE,YAAY;AAAA;",
+  "names": []
+}

package/{esm → dist/esm}/index.js

@@ -85,7 +85,8 @@ import {
   useDerivedStateFromProps,
   useSetRef,
   useParentElement,
-  useOnElementResize
+  useOnElementResize,
+  useIsShowingEllipsis
 } from "./hooks";
 import { getVisibleTimeByFormat, addLeadingZeros } from "./timeUtils";
 import { compose } from "./compose";
@@ -187,6 +188,7 @@ export {
   useForceUpdate,
   useHotkeys,
   useHoverHandlersDelay,
+  useIsShowingEllipsis,
   useMeasure,
   useOnClickOutside,
   useOnElementResize,

package/{esm → dist/esm}/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useUncontrolled,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  useWindowSize,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useSetRef,\n  useParentElement,\n  useOnElementResize,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport {\n  isClassComponent,\n  isFunctionComponent,\n  isReactComponent,\n  isElement,\n  isDOMTypeElement,\n  isCompositeTypeElement,\n} from './reactTypesUtility';\nexport { resetTimer } from './scrollingTimer';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useUncontrolled,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  useWindowSize,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useSetRef,\n  useParentElement,\n  useOnElementResize,\n  useIsShowingEllipsis,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport {\n  isClassComponent,\n  isFunctionComponent,\n  isReactComponent,\n  isElement,\n  isDOMTypeElement,\n  isCompositeTypeElement,\n} from './reactTypesUtility';\nexport { resetTimer } from './scrollingTimer';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;",
   "names": []
 }

package/{types → dist/types}/hooks/index.d.ts

@@ -16,3 +16,4 @@ export { useDerivedStateFromProps } from './useDerivedStateFromProps';
 export { useSetRef } from './useSetRef';
 export { useParentElement } from './useParentElement';
 export { useOnElementResize } from './useOnElementResize';
+export { useIsShowingEllipsis } from './useIsShowingEllipsis';

package/dist/types/hooks/useIsShowingEllipsis.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useIsShowingEllipsis: <T extends HTMLElement = HTMLSpanElement>() => {
+    setElement: import("react").Dispatch<import("react").SetStateAction<T | undefined>>;
+    isShowingEllipsis: boolean;
+};

package/{types → dist/types}/index.d.ts

@@ -4,7 +4,7 @@ export { capitalize } from './capitalize';
 export { checkNotEmpty, checkEmpty, greaterThan, validDate, equal, notEqual, isNull, isNotNull, isIn, isNotIn, greaterThanOrEquals, lessThanOrEquals, startsWith, contains, } from './operators';
 export { cx, runAll, hashArray, safeCall, removeUndefinedProperties, isObject, curry, arrayMove, uniq, filter, uniqBy, groupBy, property, get, set, cloneDeep, debounce, findIndex, isEmpty, isString, isEqual, maxBy, meanBy, noop, omit, orderBy, pull, sortBy, sumBy, transform, isFunction, range, parseInt, padStart, isNaN, values, throttle, toggleInObject, toggleInArray, pick, pickBy, differenceBy, differenceWith, addOrRemove, isEqualWith, isBoolean, } from './utils';
 export { setRef, mergeRefs, logger } from './system';
-export { useMeasure, useForceUpdate, useOnClickOutside, useUncontrolled, useExecutionTimer, useExpandState, useHotkeys, useHoverHandlersDelay, useResizeObserver, useShouldRecalculate, useWindowScrollerList, useWindowSize, usePrevious, useCancellableDelayedCallback, useDerivedStateFromProps, useSetRef, useParentElement, useOnElementResize, } from './hooks';
+export { useMeasure, useForceUpdate, useOnClickOutside, useUncontrolled, useExecutionTimer, useExpandState, useHotkeys, useHoverHandlersDelay, useResizeObserver, useShouldRecalculate, useWindowScrollerList, useWindowSize, usePrevious, useCancellableDelayedCallback, useDerivedStateFromProps, useSetRef, useParentElement, useOnElementResize, useIsShowingEllipsis, } from './hooks';
 export { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';
 export { compose } from './compose';
 export { DOCUMENT, WINDOW } from './platform';

package/package.json

@@ -1,123 +1,130 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./validations": {
-      "import": "./esm/validations.js",
-      "require": "./cjs/validations.js"
+      "import": "./dist/esm/validations.js",
+      "require": "./dist/cjs/validations.js"
     },
     "./utils": {
-      "import": "./esm/utils.js",
-      "require": "./cjs/utils.js"
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
     },
     "./timeUtils": {
-      "import": "./esm/timeUtils.js",
-      "require": "./cjs/timeUtils.js"
+      "import": "./dist/esm/timeUtils.js",
+      "require": "./dist/cjs/timeUtils.js"
     },
     "./system": {
-      "import": "./esm/system.js",
-      "require": "./cjs/system.js"
+      "import": "./dist/esm/system.js",
+      "require": "./dist/cjs/system.js"
     },
     "./scrollingTimer": {
-      "import": "./esm/scrollingTimer.js",
-      "require": "./cjs/scrollingTimer.js"
+      "import": "./dist/esm/scrollingTimer.js",
+      "require": "./dist/cjs/scrollingTimer.js"
     },
     "./reactTypesUtility": {
-      "import": "./esm/reactTypesUtility.js",
-      "require": "./cjs/reactTypesUtility.js"
+      "import": "./dist/esm/reactTypesUtility.js",
+      "require": "./dist/cjs/reactTypesUtility.js"
     },
     "./platform": {
-      "import": "./esm/platform.js",
-      "require": "./cjs/platform.js"
+      "import": "./dist/esm/platform.js",
+      "require": "./dist/cjs/platform.js"
     },
     "./operators": {
-      "import": "./esm/operators.js",
-      "require": "./cjs/operators.js"
+      "import": "./dist/esm/operators.js",
+      "require": "./dist/cjs/operators.js"
     },
     "./onClickHandlerForNonInteractiveElements": {
-      "import": "./esm/onClickHandlerForNonInteractiveElements.js",
-      "require": "./cjs/onClickHandlerForNonInteractiveElements.js"
+      "import": "./dist/esm/onClickHandlerForNonInteractiveElements.js",
+      "require": "./dist/cjs/onClickHandlerForNonInteractiveElements.js"
     },
     "./hooks/useWindowSize": {
-      "import": "./esm/hooks/useWindowSize.js",
-      "require": "./cjs/hooks/useWindowSize.js"
+      "import": "./dist/esm/hooks/useWindowSize.js",
+      "require": "./dist/cjs/hooks/useWindowSize.js"
     },
     "./hooks/useWindowScrollerList": {
-      "import": "./esm/hooks/useWindowScrollerList.js",
-      "require": "./cjs/hooks/useWindowScrollerList.js"
+      "import": "./dist/esm/hooks/useWindowScrollerList.js",
+      "require": "./dist/cjs/hooks/useWindowScrollerList.js"
     },
     "./hooks/useShouldRecalculate": {
-      "import": "./esm/hooks/useShouldRecalculate.js",
-      "require": "./cjs/hooks/useShouldRecalculate.js"
+      "import": "./dist/esm/hooks/useShouldRecalculate.js",
+      "require": "./dist/cjs/hooks/useShouldRecalculate.js"
     },
     "./hooks/useSetRef": {
-      "import": "./esm/hooks/useSetRef.js",
-      "require": "./cjs/hooks/useSetRef.js"
+      "import": "./dist/esm/hooks/useSetRef.js",
+      "require": "./dist/cjs/hooks/useSetRef.js"
     },
     "./hooks/useResizeObserver": {
-      "import": "./esm/hooks/useResizeObserver.js",
-      "require": "./cjs/hooks/useResizeObserver.js"
+      "import": "./dist/esm/hooks/useResizeObserver.js",
+      "require": "./dist/cjs/hooks/useResizeObserver.js"
     },
     "./hooks/usePrevious": {
-      "import": "./esm/hooks/usePrevious.js",
-      "require": "./cjs/hooks/usePrevious.js"
+      "import": "./dist/esm/hooks/usePrevious.js",
+      "require": "./dist/cjs/hooks/usePrevious.js"
     },
     "./hooks/useParentElement": {
-      "import": "./esm/hooks/useParentElement.js",
-      "require": "./cjs/hooks/useParentElement.js"
+      "import": "./dist/esm/hooks/useParentElement.js",
+      "require": "./dist/cjs/hooks/useParentElement.js"
     },
     "./hooks/useOnElementResize": {
-      "import": "./esm/hooks/useOnElementResize.js",
-      "require": "./cjs/hooks/useOnElementResize.js"
+      "import": "./dist/esm/hooks/useOnElementResize.js",
+      "require": "./dist/cjs/hooks/useOnElementResize.js"
+    },
+    "./hooks/useIsShowingEllipsis": {
+      "import": "./dist/esm/hooks/useIsShowingEllipsis.js",
+      "require": "./dist/cjs/hooks/useIsShowingEllipsis.js"
     },
     "./hooks/useHoverHandlersDelay": {
-      "import": "./esm/hooks/useHoverHandlersDelay.js",
-      "require": "./cjs/hooks/useHoverHandlersDelay.js"
+      "import": "./dist/esm/hooks/useHoverHandlersDelay.js",
+      "require": "./dist/cjs/hooks/useHoverHandlersDelay.js"
     },
     "./hooks/useHotkeys": {
-      "import": "./esm/hooks/useHotkeys.js",
-      "require": "./cjs/hooks/useHotkeys.js"
+      "import": "./dist/esm/hooks/useHotkeys.js",
+      "require": "./dist/cjs/hooks/useHotkeys.js"
     },
     "./hooks/useExpandState": {
-      "import": "./esm/hooks/useExpandState.js",
-      "require": "./cjs/hooks/useExpandState.js"
+      "import": "./dist/esm/hooks/useExpandState.js",
+      "require": "./dist/cjs/hooks/useExpandState.js"
     },
     "./hooks/useExecutionTimer": {
-      "import": "./esm/hooks/useExecutionTimer.js",
-      "require": "./cjs/hooks/useExecutionTimer.js"
+      "import": "./dist/esm/hooks/useExecutionTimer.js",
+      "require": "./dist/cjs/hooks/useExecutionTimer.js"
     },
     "./hooks/useDerivedStateFromProps": {
-      "import": "./esm/hooks/useDerivedStateFromProps.js",
-      "require": "./cjs/hooks/useDerivedStateFromProps.js"
+      "import": "./dist/esm/hooks/useDerivedStateFromProps.js",
+      "require": "./dist/cjs/hooks/useDerivedStateFromProps.js"
     },
     "./hooks/useCancellableDelayedCallback": {
-      "import": "./esm/hooks/useCancellableDelayedCallback.js",
-      "require": "./cjs/hooks/useCancellableDelayedCallback.js"
+      "import": "./dist/esm/hooks/useCancellableDelayedCallback.js",
+      "require": "./dist/cjs/hooks/useCancellableDelayedCallback.js"
     },
     "./hooks": {
-      "import": "./esm/hooks/index.js",
-      "require": "./cjs/hooks/index.js"
+      "import": "./dist/esm/hooks/index.js",
+      "require": "./dist/cjs/hooks/index.js"
     },
     "./getComponentFromProps": {
-      "import": "./esm/getComponentFromProps.js",
-      "require": "./cjs/getComponentFromProps.js"
+      "import": "./dist/esm/getComponentFromProps.js",
+      "require": "./dist/cjs/getComponentFromProps.js"
     },
     "./compose": {
-      "import": "./esm/compose.js",
-      "require": "./cjs/compose.js"
+      "import": "./dist/esm/compose.js",
+      "require": "./dist/cjs/compose.js"
     },
     "./capitalize": {
-      "import": "./esm/capitalize.js",
-      "require": "./cjs/capitalize.js"
+      "import": "./dist/esm/capitalize.js",
+      "require": "./dist/cjs/capitalize.js"
     }
   },
   "sideEffects": [
@@ -129,20 +136,13 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js",
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
-  },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "dependencies": {
     "hotkeys-js": "~3.8.7",
@@ -157,5 +157,11 @@
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2"
+  },
+  "scripts": {
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js",
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   }
 }