intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js

@@ -1,73 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTab = exports.getSafelyDateRange = exports.getMockValue = exports.getLabels = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
 var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
-
-var getSafelyDateRange = function getSafelyDateRange(dateRange) {
-  return (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === 'allTime') ? (0, _dependencies.getActualDateRange)({
-    start: '2022-01-01T00:00:00',
-    end: (0, _momentTimezone.default)().endOf('day').format('YYYY-MM-DDTHH:mm:ss')
-  }) : (0, _dependencies.getActualDateRange)(dateRange);
-};
-
+const getSafelyDateRange = dateRange => (!(dateRange !== null && dateRange !== void 0 && dateRange.start) || !(dateRange !== null && dateRange !== void 0 && dateRange.end)) && (!(dateRange !== null && dateRange !== void 0 && dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === "allTime") ? (0, _dependencies.getActualDateRange)({
+  start: "2022-01-01T00:00:00",
+  end: (0, _momentTimezone.default)().endOf("day").format("YYYY-MM-DDTHH:mm:ss")
+}) : (0, _dependencies.getActualDateRange)(dateRange);
 exports.getSafelyDateRange = getSafelyDateRange;
+const getLabels = range => {
+  const MINIMUM_INTERVAL = "hour";
+  const NO_MORE_THAN_THREE_HOURS = 3; // this is hours
+  const NO_MORE_THAN_TWO_DAYS = 48; // this is hours
+  const NO_MORE_THAN_TWO_MONTHS = 2; // this is months
+  const NO_MORE_THAN_THREE_YEARS = 24; // this is months
 
-var getLabels = function getLabels(range) {
-  var MINIMUM_INTERVAL = 'hour';
-  var NO_MORE_THAN_THREE_HOURS = 3; // this is hours
-
-  var NO_MORE_THAN_TWO_DAYS = 48; // this is hours
-
-  var NO_MORE_THAN_TWO_MONTHS = 2; // this is months
-
-  var NO_MORE_THAN_THREE_YEARS = 24; // this is months
   // safely Range must have 'start' and 'end' properties
-
-  var safelyRange = (0, _dependencies.getActualDateRange)(range);
-  var start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
-  var end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
-
-  var getValues = function getValues(intervalStepKey) {
-    var format;
-
+  const safelyRange = (0, _dependencies.getActualDateRange)(range);
+  const start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
+  const end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
+  const getValues = intervalStepKey => {
+    let format;
     switch (intervalStepKey) {
-      case 'minutes':
-        format = 'MM.DD hh:mm';
+      case "minutes":
+        format = "MM.DD hh:mm";
         break;
-
-      case 'hours':
-        format = 'MM.DD.YYYY h A';
+      case "hours":
+        format = "MM.DD.YYYY h A";
         break;
-
-      case 'days':
-        format = 'MM.DD.YYYY';
+      case "days":
+        format = "MM.DD.YYYY";
         break;
-
-      case 'months':
-        format = 'MM.YYYY';
+      case "months":
+        format = "MM.YYYY";
         break;
-
       default:
-        format = 'YYYY';
+        format = "YYYY";
         break;
     }
-
-    var structure = (0, _toConsumableArray2.default)(Array(end.diff(start, intervalStepKey)).keys());
-    var process = structure.reduce(function (acc, iteration) {
+    const structure = [...Array(end.diff(start, intervalStepKey)).keys()];
+    const process = structure.reduce((acc, iteration) => {
       acc.values.push(acc.point.format(format));
       acc.point = (0, _momentTimezone.default)(acc.point).add(1, intervalStepKey);
       return acc;
@@ -77,77 +53,38 @@ var getLabels = function getLabels(range) {
     });
     return process.values;
   };
-
-  if (end.diff(start, 'hours') <= NO_MORE_THAN_THREE_HOURS) return getValues('minutes');else if (end.diff(start, 'hours') <= NO_MORE_THAN_TWO_DAYS) return getValues('hours');else if (end.diff(start, 'months') <= NO_MORE_THAN_TWO_MONTHS) return getValues('days');else if (end.diff(start, 'months') <= NO_MORE_THAN_THREE_YEARS) return getValues('months');else return getValues('years');
+  if (end.diff(start, "hours") <= NO_MORE_THAN_THREE_HOURS) return getValues("minutes");else if (end.diff(start, "hours") <= NO_MORE_THAN_TWO_DAYS) return getValues("hours");else if (end.diff(start, "months") <= NO_MORE_THAN_TWO_MONTHS) return getValues("days");else if (end.diff(start, "months") <= NO_MORE_THAN_THREE_YEARS) return getValues("months");else return getValues("years");
 };
-
 exports.getLabels = getLabels;
-
-var getMockValue = function getMockValue() {
-  return Math.trunc(Math.random() * 1000000);
-};
-
+const getMockValue = () => Math.trunc(Math.random() * 1000000);
 exports.getMockValue = getMockValue;
-
-var getTab = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(tabId, range, callback) {
-    var requestDelay;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = tabId;
-            _context.next = _context.t0 === 'tab1' ? 3 : _context.t0 === 'tab2' ? 5 : _context.t0 === 'tab3' ? 7 : _context.t0 === 'tab4' ? 9 : 11;
-            break;
-
-          case 3:
-            requestDelay = 2000;
-            return _context.abrupt("break", 13);
-
-          case 5:
-            requestDelay = 1500;
-            return _context.abrupt("break", 13);
-
-          case 7:
-            requestDelay = 3000;
-            return _context.abrupt("break", 13);
-
-          case 9:
-            requestDelay = 500;
-            return _context.abrupt("break", 13);
-
-          case 11:
-            requestDelay = 1000;
-            return _context.abrupt("break", 13);
-
-          case 13:
-            return _context.abrupt("return", new Promise(function (res) {
-              return setTimeout(function () {
-                var labels = getLabels(range);
-                res({
-                  labels: labels,
-                  datasets: [{
-                    data: labels.map(function () {
-                      return getMockValue();
-                    })
-                  }]
-                });
-              }, requestDelay);
-            }).then(function (res) {
-              return callback ? callback(res, tabId) : res;
-            }));
-
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function getTab(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
+const getTab = async (tabId, range, callback) => {
+  let requestDelay;
+  switch (tabId) {
+    case "tab1":
+      requestDelay = 2000;
+      break;
+    case "tab2":
+      requestDelay = 1500;
+      break;
+    case "tab3":
+      requestDelay = 3000;
+      break;
+    case "tab4":
+      requestDelay = 500;
+      break;
+    default:
+      requestDelay = 1000;
+      break;
+  }
+  return new Promise(res => setTimeout(() => {
+    const labels = getLabels(range);
+    res({
+      labels,
+      datasets: [{
+        data: labels.map(() => getMockValue())
+      }]
+    });
+  }, requestDelay)).then(res => callback ? callback(res, tabId) : res);
+};
 exports.getTab = getTab;

package/dist/Atomic/UI/Hint/Hint.js

@@ -1,169 +1,123 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _CustomIcons = require("../../../Molecular/CustomIcons");
-
-var _reactDom = require("react-dom");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
+var _reactDom = require("react-dom");
 var _reactFeather = require("react-feather");
-
+var _CustomIcons = require("lib/src/Molecular/CustomIcons");
 require("./Hint.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, '_');
-
-var Hint = function Hint(_ref) {
+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 && Object.prototype.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; }
+const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
+const Hint = _ref => {
   var _ref2;
-
-  var hint = _ref.hint,
-      _ref$side = _ref.side,
-      side = _ref$side === void 0 ? 'right' : _ref$side,
-      className = _ref.className,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
-      _ref$handleOpenType = _ref.handleOpenType,
-      handleOpenType = _ref$handleOpenType === void 0 ? 'click' : _ref$handleOpenType,
-      onClickCallback = _ref.onClickCallback,
-      key = _ref.key,
-      id = _ref.id,
-      children = _ref.children,
-      icon = _ref.icon,
-      _ref$isAccessability = _ref.isAccessability,
-      isAccessability = _ref$isAccessability === void 0 ? false : _ref$isAccessability;
-  var hintId = (_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : time;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var hintRef = (0, _react.useRef)(null);
-  var isCallbackExist = typeof onClickCallback === 'function';
-
-  var handleClickOutside = function handleClickOutside(event) {
+  let {
+    hint,
+    side = "right",
+    className,
+    label = "",
+    variant = "filled",
+    handleOpenType = "click",
+    onClickCallback,
+    key,
+    id,
+    children,
+    icon,
+    isAccessability = false
+  } = _ref;
+  const hintId = (_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : time;
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const hintRef = (0, _react.useRef)(null);
+  const isCallbackExist = typeof onClickCallback === "function";
+  const handleClickOutside = event => {
     if (!getHintContainer().contains(event === null || event === void 0 ? void 0 : event.target)) {
       setIsOpen(false);
     }
   };
-
-  var getParentNode = function getParentNode() {
-    var _document$querySelect;
-
-    return (_document$querySelect = document.querySelector('div#root')) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('div#app');
+  const getParentNode = () => {
+    var _ref3, _document$querySelect;
+    return (_ref3 = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref3 !== void 0 ? _ref3 : document.body;
   };
-
-  var initHintContainer = function initHintContainer() {
-    var hint = document.createElement('div');
-    hint.setAttribute('id', hintId);
-    hint.classList.add('hint__container');
-    getParentNode().append(hint);
+  const initHintContainer = () => {
+    var _getParentNode;
+    const hint = document.createElement("div");
+    hint.setAttribute("id", hintId);
+    hint.classList.add("hint__container");
+    (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hint);
   };
-
-  var getHintContainer = function getHintContainer() {
+  const getHintContainer = () => {
     return document.getElementById(hintId);
   };
-
-  var getHintMarkUp = function getHintMarkUp() {
+  const getHintMarkUp = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": 'test-hint-text',
-      className: (0, _classnames.default)('hint__text', "hint__text_".concat(side))
+      "data-testid": "test-hint-text",
+      className: (0, _classnames.default)("hint__text", "hint__text_".concat(side))
     }, hint, children);
   };
-
-  var setHintContainerStyles = function setHintContainerStyles() {
+  const setHintContainerStyles = () => {
     var _sw$getBoundingClient;
-
-    var hc = getHintContainer();
+    const hc = getHintContainer();
     if (!hc || !isOpen) return false;
-
-    var _ref3 = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {},
-        width = _ref3.width,
-        height = _ref3.height,
-        left = _ref3.left,
-        top = _ref3.top,
-        bottom = _ref3.bottom;
-
-    var sw = hc.getElementsByClassName('hint__text')[0];
-    var swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
-    hc.style.width = isOpen ? width === null || width === void 0 ? void 0 : width.toString().concat('px') : 0;
-    hc.style.left = isOpen ? left === null || left === void 0 ? void 0 : left.toString().concat('px') : 0;
-    hc.style.top = isOpen ? top === null || top === void 0 ? void 0 : top.toString().concat('px') : 0;
-    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat('px') : 0;
+    const {
+      width,
+      left,
+      top
+    } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {};
+    const sw = hc.getElementsByClassName("hint__text")[0];
+    const swHeight = sw === null || sw === void 0 || (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
+    hc.style.width = isOpen ? width === null || width === void 0 ? void 0 : width.toString().concat("px") : 0;
+    hc.style.left = isOpen ? left === null || left === void 0 ? void 0 : left.toString().concat("px") : 0;
+    hc.style.top = isOpen ? top === null || top === void 0 ? void 0 : top.toString().concat("px") : 0;
+    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0;
   };
-
-  var renderHintContainer = function renderHintContainer() {
-    var hc = getHintContainer();
+  const renderHintContainer = () => {
+    const hc = getHintContainer();
     if (!hc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(), hc);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     initHintContainer();
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setHintContainerStyles();
   }, [isOpen]);
-  (0, _react.useEffect)(function () {
-    document.addEventListener('click', handleClickOutside, true);
-    return function () {
-      return document.removeEventListener('click', handleClickOutside, true);
-    };
-  });
+  (0, _react.useEffect)(() => {
+    document.addEventListener("click", handleClickOutside, true);
+    return () => document.removeEventListener("click", handleClickOutside, true);
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('hint', className),
+    className: (0, _classnames.default)("hint", className),
     ref: hintRef
   }, /*#__PURE__*/_react.default.createElement("button", {
-    "tab-index": isAccessability ? 0 : -1,
-    "data-testid": label ? label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-') : 'test-hint',
-    "aria-label": isAccessability && label || '',
-    onClick: function onClick() {
-      return handleOpenType === 'click' && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen));
-    },
-    onMouseEnter: function onMouseEnter() {
-      return handleOpenType === 'hover' && setIsOpen(!isOpen);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return handleOpenType === 'hover' && handleClickOutside();
-    },
-    className: (0, _classnames.default)('hint__button', {
+    tabIndex: isAccessability ? 0 : -1,
+    "data-testid": label ? label === null || label === void 0 ? void 0 : label.replace(/\s/g, "-") : "test-hint",
+    "aria-label": isAccessability && label || "",
+    onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
+    onMouseEnter: () => handleOpenType === "hover" && setIsOpen(!isOpen),
+    onMouseLeave: () => handleOpenType === "hover" && handleClickOutside(),
+    className: (0, _classnames.default)("hint__button", {
       hint__button_active: isOpen
     })
-  }, icon || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, variant === 'outlined' && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
+  }, icon || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, variant === "outlined" && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
     width: 16,
     height: 16,
     className: "hint__icon outlined"
-  }), variant === 'filled' && /*#__PURE__*/_react.default.createElement(_CustomIcons.HelpCircleFilled, {
+  }), variant === "filled" && /*#__PURE__*/_react.default.createElement(_CustomIcons.HelpCircleFilled, {
     className: "hint__icon filled"
-  }), variant === 'warning' && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
+  }), variant === "warning" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "hint__icon",
-    color: '#F06D8D',
+    color: "#F06D8D",
     width: 16,
     height: 16
   })), label && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('hint__label', {
-      'color--primary': isOpen
+    className: (0, _classnames.default)("hint__label", {
+      "color--primary": isOpen
     })
   }, label[0].toUpperCase() + label.slice(1))), isOpen && renderHintContainer());
 };
-
-var _default = Hint;
-exports.default = _default;
+var _default = exports.default = Hint;

package/dist/Atomic/UI/Hint/Hint.scss

@@ -27,10 +27,10 @@
 
     &:hover,
     &_active {
-      color: #6B81DD;
+      color: #6b81dd;
 
       svg {
-        color: #6B81DD;
+        color: #6b81dd;
       }
     }
   }
@@ -43,17 +43,17 @@
     max-width: 250px;
     padding: 8px;
 
-    color: #FFF;
-    border-radius: 4px;
-    background-color: #6B81DD;
-
     font-size: 10px;
     line-height: 16px;
 
+    color: #fff;
+    border-radius: 4px;
+    background-color: #6b81dd;
+
     a {
       text-decoration: underline;
 
-      color: #FFF;
+      color: #fff;
     }
 
     &::before {
@@ -63,9 +63,10 @@
       height: 8.5px;
 
       content: "";
-      transform: rotate(45deg);
 
-      background-color: #6B81DD;
+      background-color: #6b81dd;
+
+      transform: rotate(45deg);
     }
 
     &_bottom {
@@ -110,10 +111,10 @@
   }
 
   &__icon.outlined {
-    color: #9AA0B9;
+    color: #9aa0b9;
   }
 
   &__icon.filled {
-    color: #FFF;
+    color: #fff;
   }
 }