@synerise/ds-typography 0.13.2 → 0.13.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@0.13.2...@synerise/ds-typography@0.13.3) (2023-11-09)
+
+
+### Bug Fixes
+
+* **table:** avatarlabel cell renderer ([d93ca75](https://github.com/synerise/synerise-design/commit/d93ca7586633a698b6a26923d8618c104276845b))
+
+
+
+
+
 ## [0.13.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@0.13.1...@synerise/ds-typography@0.13.2) (2023-10-11)
 
 **Note:** Version bump only for package @synerise/ds-typography

package/dist/CommonElements.js

@@ -115,4 +115,4 @@ export var H7 = styled.h6.withConfig({
 export var EllipsisText = styled.div.withConfig({
   displayName: "CommonElements__EllipsisText",
   componentId: "sc-102d2aw-16"
-})(["display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;", ",", ",", ",", ",", ",", ",", "{display:inline;}"], H1, H2, H3, H4, H5, H6, H7);
+})(["display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;", ",", ",", ",", ",", ",", ",", "{display:inline;}"], H1, H2, H3, H4, H5, H6, H7);

package/dist/Ellipsis.js

@@ -1,4 +1,5 @@
 import React, { useRef, useEffect, useState } from 'react';
+import { debounce } from 'lodash';
 import Tooltip from '@synerise/ds-tooltip';
 import { EllipsisText } from './CommonElements';
 export var Ellipsis = function Ellipsis(_ref) {
@@ -10,11 +11,26 @@ export var Ellipsis = function Ellipsis(_ref) {
       truncated = _useState[0],
       setTruncated = _useState[1];
 
+  var debouncedResize = useRef(debounce(function () {
+    if (textComponentRef && textComponentRef.current) {
+      setTruncated(textComponentRef.current.offsetWidth < textComponentRef.current.scrollWidth);
+    }
+  }, 100, {
+    leading: true,
+    trailing: true
+  })).current;
+  var resizeObserver = useRef(new window.ResizeObserver(debouncedResize)).current;
   useEffect(function () {
-    if (textComponentRef != null && textComponentRef.current) {
-      setTruncated((textComponentRef == null ? void 0 : textComponentRef.current.offsetWidth) < (textComponentRef == null ? void 0 : textComponentRef.current.scrollWidth));
+    if (textComponentRef.current) {
+      resizeObserver.observe(textComponentRef.current);
+      resizeObserver.observe(document.body);
     }
-  }, [children]);
+
+    return function () {
+      resizeObserver.disconnect();
+      debouncedResize.cancel();
+    };
+  }, [resizeObserver, debouncedResize]);
   return /*#__PURE__*/React.createElement(Tooltip, {
     title: truncated ? tooltip : undefined
   }, /*#__PURE__*/React.createElement(EllipsisText, {

package/dist/Text.d.ts

@@ -7,4 +7,4 @@ type TextProps = {
     children?: ReactNode;
 };
 export declare const Text: ({ size, children, ellipsis }: TextProps) => JSX.Element;
-export {};
+export default Text;

package/dist/Text.js

@@ -5,8 +5,7 @@ var MapSizeToComponent = {
   medium: MediumText,
   small: SmallText,
   xsmall: XSmallText
-}; // eslint-disable-next-line import/prefer-default-export
-
+};
 export var Text = function Text(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
@@ -22,4 +21,5 @@ export var Text = function Text(_ref) {
   }
 
   return /*#__PURE__*/React.createElement(Ellipsis, ellipsis, content);
-};
+};
+export default Text;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-typography",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "Typography UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,7 +34,8 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-tooltip": "0.14.2",
-    "classnames": "2.3.2"
+    "classnames": "2.3.2",
+    "lodash": "^4.17.20"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -45,5 +46,5 @@
   "devDependencies": {
     "enzyme": "3.11.0"
   },
-  "gitHead": "8eb4a3e304406a8dbb9258803c48952461fc5a55"
+  "gitHead": "88f117b388bae43df3daf3be6ca725ff0355e54b"
 }