@conveyorhq/arrow-ds 1.208.0 → 1.209.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.208.0",
+  "version": "1.209.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Truncate/Truncate.d.ts

@@ -3,4 +3,4 @@ import { BoxProps } from "../Box";
 export interface TruncateProps extends BoxProps {
     lines?: number;
 }
-export declare const Truncate: ({ className, children, lines, ...rest }: TruncateProps) => React.JSX.Element;
+export declare const Truncate: React.ForwardRefExoticComponent<Omit<TruncateProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/public/components/Truncate/Truncate.js

@@ -1,16 +1,38 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Truncate = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Box_1 = require("../Box");
 const bem_1 = require("../../utilities/bem");
 const cn = "Truncate";
-const Truncate = ({ className, children, lines = 1, ...rest }) => {
-    return (react_1.default.createElement(Box_1.Box, { className: (0, classnames_1.default)((0, bem_1.bem)(cn), className), ...rest },
+exports.Truncate = (0, react_1.forwardRef)(function Truncate({ className, children, lines = 1, ...rest }, ref) {
+    return (react_1.default.createElement(Box_1.Box, { ref: ref, className: (0, classnames_1.default)((0, bem_1.bem)(cn), className), ...rest },
         react_1.default.createElement("span", { style: { WebkitLineClamp: lines }, className: (0, classnames_1.default)((0, bem_1.bem)(cn, { e: "inner" })) }, children)));
-};
-exports.Truncate = Truncate;
+});

package/src/components/Truncate/Truncate.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { Box, BoxProps } from "../Box";
 import { bem } from "../../utilities/bem";
@@ -9,20 +9,17 @@ export interface TruncateProps extends BoxProps {
   lines?: number;
 }
 
-export const Truncate = ({
-  className,
-  children,
-  lines = 1,
-  ...rest
-}: TruncateProps) => {
-  return (
-    <Box className={classNames(bem(cn), className)} {...rest}>
-      <span
-        style={{ WebkitLineClamp: lines }}
-        className={classNames(bem(cn, { e: "inner" }))}
-      >
-        {children}
-      </span>
-    </Box>
-  );
-};
+export const Truncate = forwardRef<HTMLDivElement, TruncateProps>(
+  function Truncate({ className, children, lines = 1, ...rest }, ref) {
+    return (
+      <Box ref={ref} className={classNames(bem(cn), className)} {...rest}>
+        <span
+          style={{ WebkitLineClamp: lines }}
+          className={classNames(bem(cn, { e: "inner" }))}
+        >
+          {children}
+        </span>
+      </Box>
+    );
+  },
+);