@elliemae/ds-truncated-tooltip-text 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/DSTruncateTextWithTooltip.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import React2, { useState, useMemo, useEffect } from "react";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-import styled from "styled-components";
-const Text = styled.span`
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: inline-block;
-  max-width: 100%;
-  :focus {
-    border: none;
-    outline: none;
-    background: ${(props) => props.theme.colors.brand["200"]};
-  }
-`;
-const DSTruncateTextWithTooltipDatatestId = "DS-TruncateTextWithTooltip";
-const DSTruncateTextWithTooltip = ({ text, tooltipProps = {} }) => {
-  const [textWrapperEl, setTextWrapperEl] = 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 (textWrapperEl) {
-      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
-      resizeObserver.observe(textWrapperEl);
-    }
-    return () => {
-      if (textWrapperEl) {
-        resizeObserver.unobserve(textWrapperEl);
-      }
-    };
-  }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis)
-    return /* @__PURE__ */ React2.createElement(DSTooltipV3, {
-      text,
-      ...tooltipProps
-    }, /* @__PURE__ */ React2.createElement(Text, {
-      ref: setTextWrapperEl,
-      tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestId
-    }, text));
-  return /* @__PURE__ */ React2.createElement(Text, {
-    ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId
-  }, text);
-};
-export {
-  DSTruncateTextWithTooltip,
-  DSTruncateTextWithTooltipDatatestId
-};
-//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

package/dist/esm/DSTruncateTextWithTooltip.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTruncateTextWithTooltip.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport styled from 'styled-components';\n\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n  :focus {\n    border: none;\n    outline: none;\n    background: ${(props) => props.theme.colors.brand['200']};\n  }\n`;\ninterface PropsT {\n  text: string;\n  tooltipProps?: Record<string, unknown>;\n}\nexport const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';\nexport const DSTruncateTextWithTooltip = ({ text, tooltipProps = {} }: PropsT): JSX.Element => {\n  const [textWrapperEl, setTextWrapperEl] = useState<HTMLSpanElement>();\n  // const textWrapperEl = useRef<HTMLSpanElement>();\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);\n  // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;\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  useEffect(() => {\n    if (textWrapperEl) {\n      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);\n      resizeObserver.observe(textWrapperEl);\n    }\n    return () => {\n      if (textWrapperEl) {\n        resizeObserver.unobserve(textWrapperEl);\n      }\n    };\n  }, [resizeObserver, textWrapperEl]);\n\n  if (isShowingEllipsis)\n    return (\n      <DSTooltipV3 text={text} {...tooltipProps}>\n        <Text ref={setTextWrapperEl} tabIndex={0} data-testid={DSTruncateTextWithTooltipDatatestId}>\n          {text}\n        </Text>\n      </DSTooltipV3>\n    );\n\n  return (\n    <Text ref={setTextWrapperEl} data-testid={DSTruncateTextWithTooltipDatatestId}>\n      {text}\n    </Text>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASF,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAO/C,MAAM,sCAAsC;AAC5C,MAAM,4BAA4B,CAAC,EAAE,MAAM,eAAe,SAA8B;AAC7F,QAAM,CAAC,eAAe,oBAAoB;AAE1C,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAG3D,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;AAEF,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,2BAAqB,eAAe,cAAc,eAAe;AACjE,qBAAe,QAAQ;AAAA;AAEzB,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,uBAAe,UAAU;AAAA;AAAA;AAAA,KAG5B,CAAC,gBAAgB;AAEpB,MAAI;AACF,WACE,qCAAC,aAAD;AAAA,MAAa;AAAA,SAAgB;AAAA,OAC3B,qCAAC,MAAD;AAAA,MAAM,KAAK;AAAA,MAAkB,UAAU;AAAA,MAAG,eAAa;AAAA,OACpD;AAKT,SACE,qCAAC,MAAD;AAAA,IAAM,KAAK;AAAA,IAAkB,eAAa;AAAA,KACvC;AAAA;",
-  "names": []
-}

package/dist/types/DSTruncateTextWithTooltip.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface PropsT {
-    text: string;
-    tooltipProps?: Record<string, unknown>;
-}
-export declare const DSTruncateTextWithTooltipDatatestId = "DS-TruncateTextWithTooltip";
-export declare const DSTruncateTextWithTooltip: ({ text, tooltipProps }: PropsT) => JSX.Element;
-export {};

package/dist/types/DSTruncatedTooltipText.d.ts

@@ -1,59 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSTruncatedTooltipText: {
-    ({ containerProps, value, zIndex, ...otherTextProps }: {
-        [x: string]: any;
-        containerProps?: {} | undefined;
-        value?: string | undefined;
-        zIndex?: number | undefined;
-    }): string | JSX.Element;
-    defaultProps: {
-        value: string;
-        zIndex: number;
-        containerProps?: undefined;
-        tooltipPlacement?: undefined;
-        tooltipDelay?: undefined;
-    } | {
-        containerProps: {};
-        value: string;
-        tooltipPlacement: undefined;
-        tooltipDelay: undefined;
-        zIndex?: undefined;
-    };
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        value: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipPlacement: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipDelay: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        zIndex: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const TruncatedTooltipTextWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema };
-export default DSTruncatedTooltipText;

package/dist/types/SimpleTruncatedTooltipText.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare const SimpleTruncatedTooltipText: {
-    (props: any): JSX.Element;
-    propTypes: {
-        containerProps: PropTypes.Requireable<object>;
-        tooltipOptions: PropTypes.Requireable<object>;
-        textOptions: PropTypes.Requireable<object>;
-        /** Text that when truncated will trigger the tooltip interaction */
-        value: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /** Position of the tooltip */
-        placement: PropTypes.Requireable<string>;
-        /** Delay to show the tooltip */
-        tooltipDelay: PropTypes.Requireable<number>;
-        /** override default zIndex */
-        zIndex: PropTypes.Requireable<number>;
-    };
-    defaultProps: {
-        containerProps: {};
-        tooltipOptions: {};
-        textOptions: {};
-        value: string;
-        placement: string;
-        tooltipDelay: number;
-        zIndex: number;
-    };
-};
-export { SimpleTruncatedTooltipText };
-export default SimpleTruncatedTooltipText;

package/dist/types/TooltipTextProvider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-declare const TruncatedTooltipContext: React.Context<unknown>;
-declare function TooltipTextProvider({ children, tooltipDelay, placement, ...tooltipOptions }: {
-    [x: string]: any;
-    children: any;
-    tooltipDelay?: number | undefined;
-    placement?: string | undefined;
-}): JSX.Element;
-declare namespace TooltipTextProvider {
-    var propTypes: {};
-    var defaultProps: {};
-}
-export { TooltipTextProvider, TruncatedTooltipContext };
-export default TooltipTextProvider;

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider';
-export { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText';
-export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText';
-export { DSTruncateTextWithTooltipDatatestId, DSTruncateTextWithTooltip } from './DSTruncateTextWithTooltip';