@kando-env/kando-ui 1.2.16 → 1.2.19

package/lib/ui-kit/InfoTooltip/InfoTooltip.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoTooltip = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _I_Icon_Hover = _interopRequireDefault(require("assets/icons/informationTooltip/I_Icon_Hover.svg"));
+
+var _i_Icon = _interopRequireDefault(require("assets/icons/informationTooltip/i_Icon.svg"));
+
+var TooltipStyle = _styledComponents.default.div.attrs(function (props) {
+  return {
+    alignToBottom: props.alignToBottom,
+    isRtl: props.isRtl
+  };
+}).withConfig({
+  displayName: "InfoTooltip__TooltipStyle",
+  componentId: "sc-1djjlpg-0"
+})([".info-tooltip{opacity:1;position:relative;display:inline-flex;}.info-tooltip-title{font-weight:600;font-size:16px;}.info-tooltip .tooltip-content,.info-tooltip::after{--scale:0;--arrow-size:10px;--tooltip-color:#fff;z-index:1999;font-size:13px;white-space:pre-line;position:absolute;", " display:none;transition:100ms transform;transform-origin:left center;}.info-tooltip .tooltip-content{padding:20px;width:max-content;box-shadow:0px 0px 10px rgb(0 0 0 / 25%);max-width:275px;border-radius:5px;background-color:var(--tooltip-color);}.info-tooltip:hover .tooltip-content,.info-tooltip:hover::after{display:block;}.info-tooltip::after{content:'';position:absolute;border:solid var(--arrow-size) transparent;", "}.info-i-icon{position:relative;}.info-i-icon::after{content:'';position:absolute;width:12px;height:12px;margin-inline-start:5px;top:2px;background-image:url(", ");color:#000;}.info-tooltip:hover .info-i-icon::after{background-image:url(", ");}"], function (_ref) {
+  var alignToBottom = _ref.alignToBottom;
+  return alignToBottom ? "margin-inline-start: calc(100% - 30px);\n    margin-block-start: 35px;" : "margin-inline-start: calc(100% + 30px);\n    margin-block-start: -20px;";
+}, function (_ref2) {
+  var alignToBottom = _ref2.alignToBottom,
+      isRtl = _ref2.isRtl;
+  return alignToBottom ? "    margin-inline-start: calc(100% + 1px);\n        margin-block-start: 15px;\n\n        border-bottom-color: var(--tooltip-color);\n        filter: drop-shadow(2px -5px 4px #00000040);" : "    margin-inline-start: calc(100% + 13px);\n        margin-block-start: -3px;\n        ".concat(isRtl ? "filter: drop-shadow(6px 0 4px #00000040); border-left-color: var(--tooltip-color);" : "filter: drop-shadow(-6px 0 4px #00000040); border-right-color: var(--tooltip-color);");
+}, _i_Icon.default, _I_Icon_Hover.default);
+
+var InfoTooltip = function InfoTooltip(_ref3) {
+  var data = _ref3.data,
+      title = _ref3.title,
+      children = _ref3.children,
+      _ref3$alignToBottom = _ref3.alignToBottom,
+      alignToBottom = _ref3$alignToBottom === void 0 ? false : _ref3$alignToBottom;
+  var navContext = (0, _reactRedux.useSelector)(function (state) {
+    return state.nav_context_data.navContext;
+  });
+  var isRtl = navContext.locale === 'he' ? true : false;
+  return /*#__PURE__*/_react.default.createElement(TooltipStyle, {
+    isRtl: isRtl,
+    alignToBottom: alignToBottom,
+    className: "tooltip-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "info-tooltip"
+  }, children, /*#__PURE__*/_react.default.createElement("div", {
+    className: "tooltip-content"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "info-tooltip-title"
+  }, title), /*#__PURE__*/_react.default.createElement("p", null, data)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "info-i-icon"
+  })));
+};
+
+exports.InfoTooltip = InfoTooltip;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1raXQvSW5mb1Rvb2x0aXAvSW5mb1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbIlRvb2x0aXBTdHlsZSIsInN0eWxlZCIsImRpdiIsImF0dHJzIiwicHJvcHMiLCJhbGlnblRvQm90dG9tIiwiaXNSdGwiLCJpSWNvbiIsImlJY29uSG92ZXIiLCJJbmZvVG9vbHRpcCIsImRhdGEiLCJ0aXRsZSIsImNoaWxkcmVuIiwibmF2Q29udGV4dCIsInN0YXRlIiwibmF2X2NvbnRleHRfZGF0YSIsImxvY2FsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7Ozs7O0FBZ0JBLElBQU1BLFlBQVksR0FBR0MsMEJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQixVQUFDQyxLQUFEO0FBQUEsU0FBK0I7QUFDbkVDLElBQUFBLGFBQWEsRUFBRUQsS0FBSyxDQUFDQyxhQUQ4QztBQUVuRUMsSUFBQUEsS0FBSyxFQUFFRixLQUFLLENBQUNFO0FBRnNELEdBQS9CO0FBQUEsQ0FBakIsQ0FBSDtBQUFBO0FBQUE7QUFBQSxtOEJBc0JaO0FBQUEsTUFBR0QsYUFBSCxRQUFHQSxhQUFIO0FBQUEsU0FDQUEsYUFBYSx1SkFEYjtBQUFBLENBdEJZLEVBb0RaO0FBQUEsTUFBR0EsYUFBSCxTQUFHQSxhQUFIO0FBQUEsTUFBa0JDLEtBQWxCLFNBQWtCQSxLQUFsQjtBQUFBLFNBQ0FELGFBQWEsbVNBU1RDLEtBQUssZ0xBVEksQ0FEYjtBQUFBLENBcERZLEVBNkVVQyxlQTdFVixFQWlGVUMscUJBakZWLENBQWxCOztBQXFGTyxJQUFNQyxXQUFtQyxHQUFHLFNBQXRDQSxXQUFzQyxRQUs3QztBQUFBLE1BSkpDLElBSUksU0FKSkEsSUFJSTtBQUFBLE1BSEpDLEtBR0ksU0FISkEsS0FHSTtBQUFBLE1BRkpDLFFBRUksU0FGSkEsUUFFSTtBQUFBLGtDQURKUCxhQUNJO0FBQUEsTUFESkEsYUFDSSxvQ0FEWSxLQUNaO0FBQ0osTUFBTVEsVUFBVSxHQUFHLDZCQUNqQixVQUFDQyxLQUFEO0FBQUEsV0FBMENBLEtBQUssQ0FBQ0MsZ0JBQU4sQ0FBdUJGLFVBQWpFO0FBQUEsR0FEaUIsQ0FBbkI7QUFHQSxNQUFNUCxLQUFjLEdBQUdPLFVBQVUsQ0FBQ0csTUFBWCxLQUFzQixJQUF0QixHQUE2QixJQUE3QixHQUFvQyxLQUEzRDtBQUNBLHNCQUNFLDZCQUFDLFlBQUQ7QUFDRSxJQUFBLEtBQUssRUFBRVYsS0FEVDtBQUVFLElBQUEsYUFBYSxFQUFFRCxhQUZqQjtBQUdFLElBQUEsU0FBUyxFQUFDO0FBSFosa0JBS0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0dPLFFBREgsZUFFRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsa0JBQ0U7QUFBTSxJQUFBLFNBQVMsRUFBQztBQUFoQixLQUFzQ0QsS0FBdEMsQ0FERixlQUVFLHdDQUFJRCxJQUFKLENBRkYsQ0FGRixlQU1FO0FBQU0sSUFBQSxTQUFTLEVBQUM7QUFBaEIsSUFORixDQUxGLENBREY7QUFnQkQsQ0ExQk0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlU2VsZWN0b3IgfSBmcm9tICdyZWFjdC1yZWR1eCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzL21hY3JvJztcbmltcG9ydCB7IGFwcFJlZHVjZXIgfSBmcm9tICcuLi8uLi9zdG9yZS9yb290UmVkdWNlcic7XG5pbXBvcnQgaUljb25Ib3ZlciBmcm9tICdzcmMvYXNzZXRzL2ljb25zL2luZm9ybWF0aW9uVG9vbHRpcC9JX0ljb25fSG92ZXIuc3ZnJztcbmltcG9ydCBpSWNvbiBmcm9tICdzcmMvYXNzZXRzL2ljb25zL2luZm9ybWF0aW9uVG9vbHRpcC9pX0ljb24uc3ZnJztcblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wcyB7XG4gIGRhdGE6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgYWxpZ25Ub0JvdHRvbT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG59XG5pbnRlcmZhY2UgVG9vbHRpcFN0eWxlUHJvcHMge1xuICBhbGlnblRvQm90dG9tOiBib29sZWFuO1xuICBpc1J0bDogYm9vbGVhbjtcbn1cbmNvbnN0IFRvb2x0aXBTdHlsZSA9IHN0eWxlZC5kaXYuYXR0cnMoKHByb3BzOiBUb29sdGlwU3R5bGVQcm9wcykgPT4gKHtcbiAgYWxpZ25Ub0JvdHRvbTogcHJvcHMuYWxpZ25Ub0JvdHRvbSxcbiAgaXNSdGw6IHByb3BzLmlzUnRsLFxufSkpYFxuICAuaW5mby10b29sdGlwIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgfVxuICAuaW5mby10b29sdGlwLXRpdGxlIHtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuICAuaW5mby10b29sdGlwIC50b29sdGlwLWNvbnRlbnQsXG4gIC5pbmZvLXRvb2x0aXA6OmFmdGVyIHtcbiAgICAtLXNjYWxlOiAwO1xuICAgIC0tYXJyb3ctc2l6ZTogMTBweDtcbiAgICAtLXRvb2x0aXAtY29sb3I6ICNmZmY7XG4gICAgei1pbmRleDogMTk5OTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAkeyh7IGFsaWduVG9Cb3R0b20gfSkgPT5cbiAgICAgIGFsaWduVG9Cb3R0b21cbiAgICAgICAgPyBgbWFyZ2luLWlubGluZS1zdGFydDogY2FsYygxMDAlIC0gMzBweCk7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAzNXB4O2BcbiAgICAgICAgOiBgbWFyZ2luLWlubGluZS1zdGFydDogY2FsYygxMDAlICsgMzBweCk7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAtMjBweDtgfVxuXG4gICAgZGlzcGxheTogbm9uZTtcbiAgICB0cmFuc2l0aW9uOiAxMDBtcyB0cmFuc2Zvcm07XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBjZW50ZXI7XG4gIH1cblxuICAuaW5mby10b29sdGlwIC50b29sdGlwLWNvbnRlbnQge1xuICAgIHBhZGRpbmc6IDIwcHg7XG4gICAgd2lkdGg6IG1heC1jb250ZW50O1xuICAgIGJveC1zaGFkb3c6IDBweCAwcHggMTBweCByZ2IoMCAwIDAgLyAyNSUpO1xuICAgIG1heC13aWR0aDogMjc1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRvb2x0aXAtY29sb3IpO1xuICB9XG5cbiAgLmluZm8tdG9vbHRpcDpob3ZlciAudG9vbHRpcC1jb250ZW50LFxuICAuaW5mby10b29sdGlwOmhvdmVyOjphZnRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLmluZm8tdG9vbHRpcDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXI6IHNvbGlkIHZhcigtLWFycm93LXNpemUpIHRyYW5zcGFyZW50O1xuXG4gICAgJHsoeyBhbGlnblRvQm90dG9tLCBpc1J0bCB9KSA9PlxuICAgICAgYWxpZ25Ub0JvdHRvbVxuICAgICAgICA/IGAgICAgbWFyZ2luLWlubGluZS1zdGFydDogY2FsYygxMDAlICsgMXB4KTtcbiAgICAgICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAxNXB4O1xuXG4gICAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6IHZhcigtLXRvb2x0aXAtY29sb3IpO1xuICAgICAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDJweCAtNXB4IDRweCAjMDAwMDAwNDApO2BcbiAgICAgICAgOiBgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGNhbGMoMTAwJSArIDEzcHgpO1xuICAgICAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IC0zcHg7XG4gICAgICAgICR7XG4gICAgICAgICAgaXNSdGxcbiAgICAgICAgICAgID8gYGZpbHRlcjogZHJvcC1zaGFkb3coNnB4IDAgNHB4ICMwMDAwMDA0MCk7IGJvcmRlci1sZWZ0LWNvbG9yOiB2YXIoLS10b29sdGlwLWNvbG9yKTtgXG4gICAgICAgICAgICA6IGBmaWx0ZXI6IGRyb3Atc2hhZG93KC02cHggMCA0cHggIzAwMDAwMDQwKTsgYm9yZGVyLXJpZ2h0LWNvbG9yOiB2YXIoLS10b29sdGlwLWNvbG9yKTtgXG4gICAgICAgIH1gfVxuICB9XG4gIC5pbmZvLWktaWNvbiB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG4gIC5pbmZvLWktaWNvbjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTJweDtcbiAgICBoZWlnaHQ6IDEycHg7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogNXB4O1xuICAgIHRvcDogMnB4O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke2lJY29ufSk7XG4gICAgY29sb3I6ICMwMDA7XG4gIH1cbiAgLmluZm8tdG9vbHRpcDpob3ZlciAuaW5mby1pLWljb246OmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJHtpSWNvbkhvdmVyfSk7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZvVG9vbHRpcDogUmVhY3QuRkM8VG9vbHRpcFByb3BzPiA9ICh7XG4gIGRhdGEsXG4gIHRpdGxlLFxuICBjaGlsZHJlbixcbiAgYWxpZ25Ub0JvdHRvbSA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCBuYXZDb250ZXh0ID0gdXNlU2VsZWN0b3IoXG4gICAgKHN0YXRlOiBSZXR1cm5UeXBlPHR5cGVvZiBhcHBSZWR1Y2VyPikgPT4gc3RhdGUubmF2X2NvbnRleHRfZGF0YS5uYXZDb250ZXh0LFxuICApO1xuICBjb25zdCBpc1J0bDogYm9vbGVhbiA9IG5hdkNvbnRleHQubG9jYWxlID09PSAnaGUnID8gdHJ1ZSA6IGZhbHNlO1xuICByZXR1cm4gKFxuICAgIDxUb29sdGlwU3R5bGVcbiAgICAgIGlzUnRsPXtpc1J0bH1cbiAgICAgIGFsaWduVG9Cb3R0b209e2FsaWduVG9Cb3R0b219XG4gICAgICBjbGFzc05hbWU9XCJ0b29sdGlwLXdyYXBwZXJcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5mby10b29sdGlwXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sdGlwLWNvbnRlbnRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJpbmZvLXRvb2x0aXAtdGl0bGVcIj57dGl0bGV9PC9zcGFuPlxuICAgICAgICAgIDxwPntkYXRhfTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImluZm8taS1pY29uXCI+PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9Ub29sdGlwU3R5bGU+XG4gICk7XG59O1xuIl19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kando-env/kando-ui",
-  "version": "1.2.16",
+  "version": "1.2.19",
   "main": "lib/index.js",
   "author": "Nadav(Private) <nadavk72@gmail.com>",
   "scripts": {