iguazio.dashboard-react-controls 2.2.25 → 3.0.1

package/dist/components/Tooltip/Tooltip.js

@@ -1,180 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactTransitionGroup = require("react-transition-group");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _common = require("../../utils/common.util");
-require("./tooltip.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const Tooltip = _ref => {
-  let {
-    children,
-    className,
-    hidden = false,
-    id = '',
-    renderChildAsHtml = false,
-    template,
-    textShow = false
-  } = _ref;
-  const [show, setShow] = (0, _react.useState)(false);
-  const [style, setStyle] = (0, _react.useState)({});
-  const tooltipClassNames = (0, _classnames.default)('data-ellipsis', 'tooltip-wrapper', className);
-  const duration = 200;
-  const parentRef = (0, _react.useRef)();
-  const tooltipRef = (0, _react.useRef)();
-  const offset = 10;
-  const handleScroll = () => {
-    setShow(false);
-  };
-  const handleMouseLeave = (0, _react.useCallback)(event => {
-    if (!tooltipRef.current || hidden || tooltipRef.current && !tooltipRef.current.contains(event.relatedTarget) && parentRef.current && !parentRef.current.contains(event.relatedTarget)) {
-      setShow(false);
-    }
-  }, [hidden]);
-  const handleMouseEnter = (0, _react.useCallback)(event => {
-    if (!show) {
-      const [child] = parentRef.current.childNodes;
-      let show = !hidden && (textShow ? true : !child ? false : child.nodeType !== Node.TEXT_NODE && child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE || (
-      /*
-                          If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.
-                        */
-      (child.nodeType === Node.TEXT_NODE || child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) && parentRef.current.scrollWidth > parentRef.current.offsetWidth));
-      setShow(show);
-      setTimeout(() => {
-        if (show) {
-          let {
-            height,
-            top,
-            bottom
-          } = parentRef?.current?.getBoundingClientRect() ?? {};
-          const {
-            height: tooltipHeight,
-            width: tooltipWidth
-          } = tooltipRef.current?.getBoundingClientRect() ?? {
-            height: 0,
-            width: 0
-          };
-          const leftPosition = event.x - (event.x + tooltipWidth - window.innerWidth + offset);
-          const left = event.x + tooltipWidth + offset > window.innerWidth ? leftPosition > offset ? leftPosition : offset : event.x + offset;
-          if (top + height + offset + tooltipHeight >= window.innerHeight) {
-            const topPosition = bottom - height - offset - tooltipHeight;
-            setStyle({
-              top: topPosition > 0 ? topPosition : offset,
-              left
-            });
-          } else {
-            setStyle({
-              top: top + height + offset,
-              left
-            });
-          }
-        }
-      }, 0);
-    }
-  }, [hidden, textShow, show]);
-  const clearStyles = (0, _lodash.debounce)(() => {
-    if (!(0, _common.isEveryObjectValueEmpty)(style)) {
-      setStyle({});
-    }
-  }, 100);
-  (0, _react.useEffect)(() => {
-    const parentNode = parentRef.current;
-    if (parentNode) {
-      parentNode.addEventListener('mouseenter', handleMouseEnter);
-      parentNode.addEventListener('mouseleave', handleMouseLeave);
-      return () => {
-        parentNode.removeEventListener('mouseenter', handleMouseEnter);
-        parentNode.removeEventListener('mouseleave', handleMouseLeave);
-      };
-    }
-  }, [parentRef, handleMouseEnter, handleMouseLeave]);
-  (0, _react.useEffect)(() => {
-    const tooltipNode = tooltipRef.current;
-    if (tooltipNode && show) {
-      tooltipNode.addEventListener('mouseleave', handleMouseLeave);
-      return () => {
-        tooltipNode.removeEventListener('mouseleave', handleMouseLeave);
-      };
-    }
-  }, [tooltipRef, handleMouseEnter, handleMouseLeave, show]);
-  (0, _react.useEffect)(() => {
-    if (show) {
-      window.addEventListener('scroll', handleScroll, true);
-    }
-    return () => window.removeEventListener('scroll', handleScroll, true);
-  }, [show]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener('resize', clearStyles);
-    return () => {
-      window.removeEventListener('resize', clearStyles);
-    };
-  }, [clearStyles, style]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [renderChildAsHtml ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper',
-      ref: parentRef,
-      className: tooltipClassNames,
-      dangerouslySetInnerHTML: {
-        __html: children
-      },
-      onClick: handleMouseLeave
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper',
-      ref: parentRef,
-      className: tooltipClassNames,
-      onClick: handleMouseLeave,
-      children: children
-    }), !hidden && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      nodeRef: tooltipRef,
-      classNames: "fade",
-      in: show,
-      timeout: duration,
-      unmountOnExit: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "data-testid": id ? `${id}-tooltip` : 'tooltip',
-        ref: tooltipRef,
-        style: {
-          ...style
-        },
-        className: "tooltip",
-        children: template
-      })
-    }), document.getElementById('overlay_container'))]
-  });
-};
-Tooltip.propTypes = {
-  className: _propTypes.default.string,
-  hidden: _propTypes.default.bool,
-  id: _propTypes.default.string,
-  renderChildAsHtml: _propTypes.default.bool,
-  template: _propTypes.default.element.isRequired,
-  textShow: _propTypes.default.bool
-};
-var _default = exports.default = /*#__PURE__*/_react.default.memo(Tooltip);

package/dist/components/Tooltip/Tooltip.test.js

@@ -1,155 +0,0 @@
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-// todo: rewrite existing tests
-// import {
-//   cleanup,
-//   fireEvent,
-//   render,
-//   waitForElementToBeRemoved
-// } from '@testing-library/react'
-// import React from 'react'
-// import Tooltip from './Tooltip'
-//
-// const renderComponent = props =>
-//   render(
-//     <Tooltip {...props}>
-//       <div>tooltip</div>
-//     </Tooltip>
-//   )
-//
-// window.resizeTo = function resizeTo(width, height) {
-//   Object.assign(this, {
-//     innerWidth: width,
-//     innerHeight: height,
-//     outerWidth: width,
-//     outerHeight: height
-//   }).dispatchEvent(new this.Event('resize'))
-// }
-//
-// describe('Tooltip', () => {
-//   let wrapper
-//   beforeEach(() => {
-//     const props = {
-//       template: <div>It's tooltip</div>
-//     }
-//     wrapper = renderComponent(props)
-//   })
-//
-//   afterEach(cleanup)
-//
-//   it('renders without crashing', () => {
-//     expect(wrapper.queryByTestId('tooltip-wrapper')).not.toBeNull()
-//   })
-//
-//   it('should hide tooltip while scrolling', async () => {
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.getByTestId('tooltip')
-//
-//     expect(tooltip).not.toBeNull()
-//
-//     fireEvent.scroll(window)
-//
-//     const removeTooltip = await waitForElementToBeRemoved(
-//       wrapper.getByTestId('tooltip')
-//     )
-//     expect(removeTooltip).toBeUndefined()
-//   })
-//
-//   it('should hide tooltip when mouse leave', async () => {
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.getByTestId('tooltip')
-//
-//     expect(tooltip).not.toBeNull()
-//
-//     fireEvent.mouseLeave(tooltipWrapper)
-//
-//     const removeTooltip = await waitForElementToBeRemoved(
-//       wrapper.getByTestId('tooltip')
-//     )
-//     expect(removeTooltip).toBeUndefined()
-//   })
-//
-//   it('should show tooltip on the top', () => {
-//     window.resizeTo(800, 10)
-//
-//     wrapper.rerender(
-//       <Tooltip template={<div>It's tooltip 123</div>}>
-//         <div>tooltip</div>
-//       </Tooltip>
-//     )
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.getByTestId('tooltip')
-//
-//     expect(tooltip.style.top).toBe('-10px')
-//   })
-//
-//   it('should always show tooltip if textShow set to "true"', () => {
-//     wrapper.rerender(
-//       <Tooltip template={<div>It's tooltip 123</div>} textShow={true}>
-//         tooltip
-//       </Tooltip>
-//     )
-//
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.getByTestId('tooltip')
-//
-//     expect(tooltip).not.toBeNull()
-//   })
-//
-//   it('should not show tooltip if children is empty', () => {
-//     const children = null
-//     wrapper.rerender(
-//       <Tooltip template={<div>tooltip</div>}>{children}</Tooltip>
-//     )
-//
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.queryByTestId('tooltip')
-//
-//     expect(tooltip).toBeNull()
-//   })
-//
-//   it('should show tooltip if children is a "Node"', () => {
-//     const children = <div>children</div>
-//     wrapper.rerender(
-//       <Tooltip template={<div>tooltip</div>}>{children}</Tooltip>
-//     )
-//
-//     const tooltipWrapper = wrapper.getByTestId('tooltip-wrapper')
-//
-//     fireEvent.mouseEnter(tooltipWrapper)
-//
-//     const tooltip = wrapper.queryByTestId('tooltip')
-//
-//     expect(tooltip).not.toBeNull()
-//   })
-// })
-"use strict";

package/dist/components/Tooltip/tooltip.scss

@@ -1,29 +0,0 @@
-.tooltip {
-  position: fixed;
-  font-weight: 400;
-  font-size: 15px;
-  line-height: 1.4;
-  display: flex;
-  max-width: 400px;
-  z-index: 9;
-}
-
-.fade {
-  &-enter {
-    opacity: 0;
-
-    &-active {
-      opacity: 1;
-      transition: opacity 200ms;
-    }
-  }
-
-  &-exit {
-    opacity: 1;
-
-    &-active {
-      opacity: 0;
-      transition: opacity 200ms;
-    }
-  }
-}

package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("./producerTooltipTemplate.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const ProducerTooltipTemplate = _ref => {
-  let {
-    kind = '',
-    owner = ''
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "tooltip-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "tooltip-container__kind",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "Kind:"
-      }), " ", kind]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "tooltip-container__owner",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "Owner:"
-      }), " ", owner]
-    })]
-  });
-};
-ProducerTooltipTemplate.propTypes = {
-  kind: _propTypes.default.string.isRequired,
-  owner: _propTypes.default.string.isRequired
-};
-var _default = exports.default = ProducerTooltipTemplate;

package/dist/components/TooltipTemplate/TextTooltipTemplate.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./textTooltipTemplate.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-Copyright 2022 Iguazio Systems Ltd.
-Licensed under the Apache License, Version 2.0 (the "License") with
-an addition restriction as set forth herein. You may not use this
-file except in compliance with the License. You may obtain a copy of
-the License at http://www.apache.org/licenses/LICENSE-2.0.
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-implied. See the License for the specific language governing
-permissions and limitations under the License.
-In addition, you may not use the software for any purposes that are
-illegal under applicable law, and the grant of the foregoing license
-under the Apache 2.0 license is conditioned upon your compliance with
-such restriction.
-*/
-
-const TextTooltipTemplate = _ref => {
-  let {
-    text,
-    warning
-  } = _ref;
-  const textRef = (0, _react.useRef)();
-  const tooltipClassNames = (0, _classnames.default)('tooltip-template', 'tooltip__text', warning && 'tooltip__warning');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: tooltipClassNames,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: textRef,
-      children: text
-    })
-  });
-};
-TextTooltipTemplate.propTypes = {
-  text: ''
-};
-TextTooltipTemplate.propTypes = {
-  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element, _propTypes.default.number])
-};
-var _default = exports.default = TextTooltipTemplate;

package/dist/components/TooltipTemplate/producerTooltipTemplate.scss

@@ -1,23 +0,0 @@
-@import '../../scss/shadows';
-@import '../../scss/colors';
-
-.tooltip-container {
-  display: flex;
-  flex-direction: column;
-  padding: 15px 10px;
-  background-color: $white;
-  border-radius: 4px;
-  box-shadow: $tooltipShadow;
-
-  &__kind,
-  &__owner {
-    color: $doveGray;
-
-    span {
-      color: $doveGrayTwo;
-      font-weight: bold;
-      font-size: 14px;
-      line-height: 24px;
-    }
-  }
-}

package/dist/components/TooltipTemplate/textTooltipTemplate.scss

@@ -1,21 +0,0 @@
-@import '../../scss/colors';
-@import '../../scss/shadows';
-
-.tooltip {
-  &-template {
-    padding: 6px 8px;
-    word-break: break-word;
-  }
-
-  &__text {
-    color: $white;
-    background-color: $primary;
-    border-radius: 4px;
-  }
-
-  &__warning {
-    color: $amaranth;
-    background-color: $white;
-    box-shadow: $tooltipShadow;
-  }
-}