@hazelcast/ui 1.3.3-next.9 → 2.0.1-canary.0

package/lib/Tooltip.module.scss

@@ -1,167 +0,0 @@
-@use 'sass:math';
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-.tooltipSr {
-  @include h.visuallyHidden;
-}
-
-$tooltipArrowSize1-3: math.div(c.$tooltipArrowSize, 3);
-$tooltipArrowSize2-3: math.div(c.$tooltipArrowSize, 3) * 2;
-
-@mixin arrow($position, $color, $borderColor) {
-  @if $position == bottom {
-    > .arrow {
-      top: 0;
-
-      &::before,
-      &::after {
-        border-left: c.$tooltipArrowSize solid transparent;
-        border-right: c.$tooltipArrowSize solid transparent;
-        top: 0;
-        left: 50%;
-        margin-left: -(c.$tooltipArrowSize);
-      }
-
-      &::before {
-        border-bottom: c.$tooltipArrowSize solid $color;
-        margin-top: -(c.$tooltipArrowSize);
-      }
-
-      &::after {
-        border-bottom: c.$tooltipArrowSize solid $borderColor;
-        transform: translateY(-($tooltipArrowSize2-3));
-      }
-    }
-  } @else if $position == right {
-    > .arrow {
-      left: 0;
-
-      &::before,
-      &::after {
-        border-top: c.$tooltipArrowSize solid transparent;
-        border-bottom: c.$tooltipArrowSize solid transparent;
-        top: 50%;
-        left: 0;
-        margin-top: -(c.$tooltipArrowSize);
-      }
-
-      &::before {
-        border-right: c.$tooltipArrowSize solid $color;
-        margin-left: -(c.$tooltipArrowSize);
-      }
-
-      &::after {
-        border-right: c.$tooltipArrowSize solid $borderColor;
-        transform: translateX(-($tooltipArrowSize2-3));
-      }
-    }
-  } @else if $position == left {
-    > .arrow {
-      right: 0;
-
-      &::before,
-      &::after {
-        border-top: c.$tooltipArrowSize solid transparent;
-        border-bottom: c.$tooltipArrowSize solid transparent;
-        top: 50%;
-        left: 100%;
-        margin-top: -(c.$tooltipArrowSize);
-      }
-
-      &::before {
-        border-left: c.$tooltipArrowSize solid $color;
-      }
-
-      &::after {
-        border-left: c.$tooltipArrowSize solid $borderColor;
-        transform: translateX(-($tooltipArrowSize1-3));
-      }
-    }
-  } @else {
-    > .arrow {
-      bottom: 0;
-
-      &::before,
-      &::after {
-        border-left: c.$tooltipArrowSize solid transparent;
-        border-right: c.$tooltipArrowSize solid transparent;
-        top: 100%;
-        left: 50%;
-        margin-left: -(c.$tooltipArrowSize);
-      }
-
-      &::before {
-        border-top: c.$tooltipArrowSize solid $color;
-      }
-
-      &::after {
-        border-top: c.$tooltipArrowSize solid $borderColor;
-        transform: translateY(-($tooltipArrowSize1-3));
-      }
-    }
-  }
-}
-
-@mixin arrowPlacements($color: c.$colorNeutralLight, $borderColor: c.$colorNeutralLighter) {
-  &[data-popper-placement^='top'] {
-    @include arrow(top, $color, $borderColor);
-  }
-
-  &[data-popper-placement^='right'] {
-    @include arrow(right, $color, $borderColor);
-  }
-
-  &[data-popper-placement^='bottom'] {
-    @include arrow(bottom, $color, $borderColor);
-  }
-
-  &[data-popper-placement^='left'] {
-    @include arrow(left, $color, $borderColor);
-  }
-}
-
-.overlay {
-  @include c.typographyBodySmall;
-
-  position: relative;
-  max-width: c.$tooltipMaxWidth;
-  padding: c.$grid * 3;
-  background: c.$colorNeutralLighter;
-  border: c.$borderWidth solid c.$colorNeutralLight;
-  border-radius: c.$borderRadius;
-  color: c.$colorText;
-  word-break: break-all;
-
-  &.hidden {
-    visibility: hidden;
-
-    // important is needed to override inline style
-    top: -99999px !important;
-    left: -99999px !important;
-  }
-
-  &.dark {
-    border: none;
-    color: c.$brandColorText;
-    background-color: c.$brandAccent;
-
-    @include arrowPlacements(c.$brandAccent, transparent);
-  }
-
-  > .arrow {
-    position: absolute;
-    z-index: c.$zIndex100;
-    display: block;
-    width: c.$tooltipArrowSize;
-    height: c.$tooltipArrowSize;
-
-    &::before,
-    &::after {
-      content: '';
-      position: absolute;
-    }
-  }
-
-  @include arrowPlacements;
-}

package/lib/TruncatedText.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactText, ReactElement } from 'react';
-import { TooltipProps } from './Tooltip';
-interface TruncatedTextProps {
-    text: ReactText | ((...arg: unknown[]) => string) | ReactElement;
-    forceUpdateToken?: ReactText | boolean;
-    className?: string;
-    multiline?: boolean;
-    tooltipVisible?: boolean;
-    hoverAbleTooltip?: boolean;
-    tooltipPlacement?: TooltipProps['placement'];
-}
-export declare const TruncatedText: FC<TruncatedTextProps>;
-export {};

package/lib/TruncatedText.js

@@ -1,23 +0,0 @@
-import React, { useRef, useState } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
-import { useUID } from 'react-uid';
-import { Tooltip } from './Tooltip';
-import styles from './TruncatedText.module.scss';
-export const TruncatedText = ({ text, forceUpdateToken, className, tooltipVisible, tooltipPlacement = 'top', hoverAbleTooltip, multiline, }) => {
-    const textRef = useRef(null);
-    const [tooltip, setTooltip] = useState();
-    const idTooltip = useUID();
-    useIsomorphicLayoutEffect(() => {
-        const span = textRef.current;
-        if (span === null) {
-            return;
-        }
-        // https://codepen.io/triple-j/pen/wadKQB
-        setTooltip(span.offsetWidth < span.scrollWidth || span.offsetHeight < span.scrollHeight ? text : undefined);
-    }, [text, forceUpdateToken]);
-    return (React.createElement(Tooltip, { id: idTooltip, content: tooltip, visible: tooltipVisible, placement: tooltipPlacement, updateToken: forceUpdateToken, hoverAbleTooltip: hoverAbleTooltip }, (ref) => (React.createElement("div", { ref: mergeRefs([textRef, ref]), className: cn(styles.truncatedText, { [styles.multiline]: multiline }, className) },
-        React.createElement("span", { "aria-labelledby": tooltip ? idTooltip : undefined }, text)))));
-};
-//# sourceMappingURL=TruncatedText.js.map

package/lib/TruncatedText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../src/TruncatedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,MAAM,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AACxF,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAahD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,EAChB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAA0B,CAAA;IAChE,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;IAE1B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAE5B,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,OAAM;SACP;QAED,yCAAyC;QACzC,UAAU,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,gBAAgB,IAEjC,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC;QACpH,iDAAuB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAG,IAAI,CAAQ,CACjE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/TruncatedText.module.scss

@@ -1,9 +0,0 @@
-@use '../styles/helpers' as h;
-
-.truncatedText {
-  @include h.overflowEllipsis;
-}
-
-.multiline {
-  @include h.multilineOverflowEllipsis;
-}

package/lib/utils/test.d.ts

@@ -1,3 +0,0 @@
-import { ReactWrapper } from 'enzyme';
-import { Component } from 'react';
-export declare const waitForComponentToPaint: <T = Component<{}, {}, any>>(wrapper: ReactWrapper<T, {}, Component<{}, {}, any>>) => Promise<void>;

package/lib/utils/test.js

@@ -1,8 +0,0 @@
-import { act } from 'react-dom/test-utils';
-export const waitForComponentToPaint = async (wrapper) => {
-    await act(async () => {
-        await new Promise((resolve) => setTimeout(resolve, 0));
-        wrapper.update();
-    });
-};
-//# sourceMappingURL=test.js.map

package/lib/utils/test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAI1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAiB,OAAwB,EAAE,EAAE;IACvF,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,MAAM,EAAE,CAAA;IAClB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}