@elliemae/ds-accordion 2.2.1 → 2.2.3-next.0

package/cjs/parts/accordionItem/DSAccordionItem.js

@@ -18,13 +18,13 @@ var reactDesc = require('react-desc');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var DSButton = require('@elliemae/ds-button');
 var dsPopperjs = require('@elliemae/ds-popperjs');
+var dsUtilities = require('@elliemae/ds-utilities');
 var defaultProps = require('../../defaultProps.js');
 var styles = require('./styles.js');
 var propTypes = require('../../propTypes.js');
 var useAccordionItem = require('./useAccordionItem.js');
 var DSAccordionCTX = require('../../DSAccordionCTX.js');
 var DSAccordionDatatestid = require('../../DSAccordionDatatestid.js');
-var useIsShowingEllipsis = require('./useIsShowingEllipsis.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -100,11 +100,11 @@ const DSAccordionItem = props => {
   const {
     isShowingEllipsis: isPrimaryShowingEllipsis,
     setElement: setPrimaryElement
-  } = useIsShowingEllipsis.useIsShowingEllipsis();
+  } = dsUtilities.useIsShowingEllipsis();
   const {
     isShowingEllipsis: isSecondaryShowingEllipsis,
     setElement: setSecondaryElement
-  } = useIsShowingEllipsis.useIsShowingEllipsis();
+  } = dsUtilities.useIsShowingEllipsis();
   const handleOnFocus = React.useCallback(() => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis), [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]);
   const handleOnBlur = React.useCallback(() => setShowPopover(false), []);
   const Titles = React.useMemo(() => {

package/esm/parts/accordionItem/DSAccordionItem.js

@@ -14,13 +14,13 @@ import { describe } from 'react-desc';
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 import DSButton, { BUTTON_TYPE } from '@elliemae/ds-button';
 import { DSPopperJS } from '@elliemae/ds-popperjs';
+import { useIsShowingEllipsis } from '@elliemae/ds-utilities';
 import { accordionItemDefaultProps } from '../../defaultProps.js';
 import { StyledItemCustomActions, StyledPrimaryTitle, StyledSecondaryTitle, StyledItemContainer, StyledItemHeaderContainer, StyledItemHeader, StyledItemAddon, StyledItemTitles, StyledItemContent } from './styles.js';
 import { accordionItemPropTypes } from '../../propTypes.js';
 import { useAccordionItem } from './useAccordionItem.js';
 import { DSAccordionContext } from '../../DSAccordionCTX.js';
 import { DSAccordionDataTestid } from '../../DSAccordionDatatestid.js';
-import { useIsShowingEllipsis } from './useIsShowingEllipsis.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const _excluded = ["onClick", "id"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "2.2.1",
+  "version": "2.2.3-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "module": "./esm/index.js",
@@ -15,10 +15,6 @@
       "import": "./esm/propTypes.js",
       "require": "./cjs/propTypes.js"
     },
-    "./parts/accordionItem/useIsShowingEllipsis": {
-      "import": "./esm/parts/accordionItem/useIsShowingEllipsis.js",
-      "require": "./cjs/parts/accordionItem/useIsShowingEllipsis.js"
-    },
     "./parts/accordionItem/useAccordionItem": {
       "import": "./esm/parts/accordionItem/useAccordionItem.js",
       "require": "./cjs/parts/accordionItem/useAccordionItem.js"
@@ -84,12 +80,12 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.1",
-    "@elliemae/ds-classnames": "2.2.1",
-    "@elliemae/ds-icons": "2.2.1",
-    "@elliemae/ds-shared": "2.2.1",
-    "@elliemae/ds-system": "2.2.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.1",
+    "@elliemae/ds-button": "2.2.3-next.0",
+    "@elliemae/ds-classnames": "2.2.3-next.0",
+    "@elliemae/ds-icons": "2.2.3-next.0",
+    "@elliemae/ds-shared": "2.2.3-next.0",
+    "@elliemae/ds-system": "2.2.3-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.3-next.0",
     "react-desc": "^4.1.3"
   },
   "devDependencies": {

package/cjs/parts/accordionItem/useIsShowingEllipsis.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
-const useIsShowingEllipsis = () => {
-  const [element, setElement] = React.useState();
-  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false); // const isShowingEllipsis = element?.scrollWidth > primaryTitleWrapperEl?.clientWidth;
-
-  const resizeObserver = React.useMemo(() => new ResizeObserver(entries => {
-    if (entries.length) {
-      const [textWrapperEntry] = entries;
-      const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
-    }
-  }), []);
-  React.useEffect(() => {
-    if (element) {
-      setIsShowingEllipsis((element === null || element === void 0 ? void 0 : element.scrollWidth) > (element === null || element === void 0 ? void 0 : element.clientWidth));
-      resizeObserver.observe(element);
-    }
-
-    return () => {
-      if (element) {
-        resizeObserver.unobserve(element);
-      }
-    };
-  }, [resizeObserver, element]);
-  return {
-    setElement,
-    isShowingEllipsis
-  };
-};
-
-exports.useIsShowingEllipsis = useIsShowingEllipsis;

package/esm/parts/accordionItem/useIsShowingEllipsis.js

@@ -1,33 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useMemo, useEffect } from 'react';
-
-const useIsShowingEllipsis = () => {
-  const [element, setElement] = useState();
-  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false); // const isShowingEllipsis = element?.scrollWidth > primaryTitleWrapperEl?.clientWidth;
-
-  const resizeObserver = useMemo(() => new ResizeObserver(entries => {
-    if (entries.length) {
-      const [textWrapperEntry] = entries;
-      const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
-    }
-  }), []);
-  useEffect(() => {
-    if (element) {
-      setIsShowingEllipsis((element === null || element === void 0 ? void 0 : element.scrollWidth) > (element === null || element === void 0 ? void 0 : element.clientWidth));
-      resizeObserver.observe(element);
-    }
-
-    return () => {
-      if (element) {
-        resizeObserver.unobserve(element);
-      }
-    };
-  }, [resizeObserver, element]);
-  return {
-    setElement,
-    isShowingEllipsis
-  };
-};
-
-export { useIsShowingEllipsis };

package/types/parts/accordionItem/useIsShowingEllipsis.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const useIsShowingEllipsis: () => {
-    setElement: React.Dispatch<React.SetStateAction<HTMLSpanElement | undefined>>;
-    isShowingEllipsis: boolean;
-};