intelicoreact 0.1.48 → 0.1.51

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -19,13 +19,17 @@
     padding-left: 9px;
     padding-right: 16px;
     font-weight: 400;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
     display: block;
     position: relative;
     text-align: left;
 
+    .text {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: calc(100% - 5px);
+    }
+
     &.error {
       border-color: $color--secondary;
     }

package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js

@@ -129,7 +129,7 @@ DropdownTemplate.args = {
     label: 'Dropdown5',
     value: 'drop5'
   }, {
-    label: 'Dropdown6',
+    label: 'Dropdown6 hidden text lorem ipsum',
     value: 'drop6'
   }, {
     label: 'Some Group',

package/dist/Atomic/FormElements/InputDateRange/dependencies.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getActualDateRange = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = exports.INTERVALS = exports.useToggle = exports.useClickOutside = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,6 +23,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var useClickOutside = function useClickOutside(hideComponent, additionalComponent) {
   var ref = (0, _react.useRef)(null);
 
@@ -199,18 +205,16 @@ var CUSTOM_INTERVAL_KEY_TEXT = 'Custom Date';
 exports.CUSTOM_INTERVAL_KEY_TEXT = CUSTOM_INTERVAL_KEY_TEXT;
 
 var getActualDateRange = function getActualDateRange(inputDateRange) {
-  var _INTERVALS$inputDateR, _INTERVALS$inputDateR2, _INTERVALS$inputDateR3, _INTERVALS$inputDateR4;
-
-  var actualIntervalKey = function () {
+  var getActualIntervalKey = function getActualIntervalKey() {
     if (inputDateRange.intervalKey && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)) {
       return inputDateRange.intervalKey;
     } else if (inputDateRange.start && inputDateRange.end) {
       for (var _i = 0, _Object$entries = Object.entries(INTERVALS); _i < _Object$entries.length; _i++) {
         var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
             key = _Object$entries$_i[0],
-            interval = _Object$entries$_i[1];
+            _interval = _Object$entries$_i[1];
 
-        if ((0, _momentTimezone.default)(inputDateRange.start).isSame(interval.start()) && (0, _momentTimezone.default)(inputDateRange.end).isSame(interval.end())) {
+        if ((0, _momentTimezone.default)(inputDateRange.start).isSame(_interval.start()) && (0, _momentTimezone.default)(inputDateRange.end).isSame(_interval.end())) {
           return key;
         }
       }
@@ -219,31 +223,39 @@ var getActualDateRange = function getActualDateRange(inputDateRange) {
     }
 
     return ALL_TIME_KEY;
-  }();
-
-  if (actualIntervalKey === ALL_TIME_KEY) return {
-    intervalKey: ALL_TIME_KEY,
-    start: null,
-    end: null,
-    compare: inputDateRange.compare,
-    startPrevDate: null,
-    endPrevDate: null
-  };
-  var actualValues = {
-    // intervalKey: inputDateRange.intervalKey || customIntervalKey,
-    intervalKey: actualIntervalKey || CUSTOM_INTERVAL_KEY,
-    start: inputDateRange.intervalKey === CUSTOM_INTERVAL_KEY ? inputDateRange === null || inputDateRange === void 0 ? void 0 : inputDateRange.start : (_INTERVALS$inputDateR = INTERVALS[inputDateRange.intervalKey]) === null || _INTERVALS$inputDateR === void 0 ? void 0 : (_INTERVALS$inputDateR2 = _INTERVALS$inputDateR.start()) === null || _INTERVALS$inputDateR2 === void 0 ? void 0 : _INTERVALS$inputDateR2.format('YYYY-MM-DDTHH:mm'),
-    end: inputDateRange.intervalKey === CUSTOM_INTERVAL_KEY ? inputDateRange === null || inputDateRange === void 0 ? void 0 : inputDateRange.end : (_INTERVALS$inputDateR3 = INTERVALS[inputDateRange.intervalKey]) === null || _INTERVALS$inputDateR3 === void 0 ? void 0 : (_INTERVALS$inputDateR4 = _INTERVALS$inputDateR3.end()) === null || _INTERVALS$inputDateR4 === void 0 ? void 0 : _INTERVALS$inputDateR4.format('YYYY-MM-DDTHH:mm'),
-    compare: inputDateRange.compare
   };
 
-  if (actualValues.compare) {
-    var intervalHoursCount = (0, _momentTimezone.default)(actualValues.end).diff(actualValues.start, 'hours');
-    actualValues.startPrevDate = (0, _momentTimezone.default)(actualValues.start).subtract(intervalHoursCount, 'hours').toDate();
-    actualValues.endPrevDate = actualValues.start;
-  }
+  var getIntervalDate = function getIntervalDate(intervalKey) {
+    var _INTERVALS$intervalKe, _INTERVALS$intervalKe2, _INTERVALS$intervalKe3, _INTERVALS$intervalKe4;
+
+    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
+      start: null,
+      end: null,
+      compare: inputDateRange.compare,
+      startPrevDate: null,
+      endPrevDate: null
+    };
+    var actualValues = {
+      start: (_INTERVALS$intervalKe = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe === void 0 ? void 0 : (_INTERVALS$intervalKe2 = _INTERVALS$intervalKe.start()) === null || _INTERVALS$intervalKe2 === void 0 ? void 0 : _INTERVALS$intervalKe2.format('YYYY-MM-DDTHH:mm'),
+      end: (_INTERVALS$intervalKe3 = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe3 === void 0 ? void 0 : (_INTERVALS$intervalKe4 = _INTERVALS$intervalKe3.end()) === null || _INTERVALS$intervalKe4 === void 0 ? void 0 : _INTERVALS$intervalKe4.format('YYYY-MM-DDTHH:mm'),
+      compare: inputDateRange.compare
+    };
+
+    if (actualValues.compare) {
+      var intervalHoursCount = (0, _momentTimezone.default)(actualValues.end).diff(actualValues.start, 'hours');
+      actualValues.startPrevDate = (0, _momentTimezone.default)(actualValues.start).subtract(intervalHoursCount, 'hours').toDate();
+      actualValues.endPrevDate = actualValues.start;
+    }
+
+    return actualValues;
+  };
 
-  return actualValues;
+  var interval = getActualIntervalKey();
+  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? _objectSpread({
+    intervalKey: interval
+  }, getIntervalDate(interval)) : _objectSpread(_objectSpread({}, inputDateRange), {}, {
+    intervalKey: interval
+  });
 };
 
 exports.getActualDateRange = getActualDateRange;

package/dist/Constants/index.constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = void 0;
+exports.DEFAULT_COLORS = exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = void 0;
 var KEYBOARD_SERVICE_KEYS = ['Escape', 'F1', 'F2', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12', 'Tab', 'CapsLock', 'Shift', 'Control', 'Meta', 'Option', 'Alt', 'ContextMenu', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'NumLock', 'Backspace', 'Delete', 'Enter', 'Return', 'Insert', 'Home', 'End', 'PageUp', 'PageDown', 'PrintScreen', 'ScrollLock', 'Pause'];
 exports.KEYBOARD_SERVICE_KEYS = KEYBOARD_SERVICE_KEYS;
 var MAX_PHONE_LENGTH = 10;
@@ -11,4 +11,6 @@ exports.MAX_PHONE_LENGTH = MAX_PHONE_LENGTH;
 var MAX_NAME_LENGTH = 128;
 exports.MAX_NAME_LENGTH = MAX_NAME_LENGTH;
 var DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = '_';
-exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = DEFAULT_DATE_MASK_NO_VALUE_SYMBOL;
+exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = DEFAULT_DATE_MASK_NO_VALUE_SYMBOL;
+var DEFAULT_COLORS = ['#D9C1FF', '#FFBAF0', '#FFB8CE', '#FFC3A2', '#FFDB7C', '#F9F871', '#C3FCF1', '#F6F2CB', '#E0F8D1', '#B1DFFB', '#8DECFE', '#76F7ED', '#8AFEC8'];
+exports.DEFAULT_COLORS = DEFAULT_COLORS;

package/dist/Functions/utils.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.getColorById = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _react = require("react");
 
+var _index = require("../Constants/index.constants");
+
 /* eslint-disable guard-for-in, no-unused-vars */
 var handleObjectChange = function handleObjectChange(updateObject, updateFunction) {
   return function (data) {
@@ -63,4 +65,25 @@ var getStyles = function getStyles(el, prop) {
   return window.getComputedStyle(el).getPropertyValue(prop);
 };
 
-exports.getStyles = getStyles;
+exports.getStyles = getStyles;
+
+var getColorById = function getColorById(id, colors) {
+  if (!id) return '#FF7D00';
+  var idToArr = Array.from(id);
+  var colorsArr = colors && colors.length > 0 ? colors : _index.DEFAULT_COLORS;
+  var number = idToArr.reduce(function (acc, item) {
+    if (Number(item)) {
+      return acc + +item;
+    }
+
+    return acc;
+  }, 0);
+
+  while (number >= colorsArr.length) {
+    number -= colorsArr.length;
+  }
+
+  return colorsArr[number];
+};
+
+exports.getColorById = getColorById;

package/dist/Molecular/UserBox/UserBox.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("../../Atomic/UI/Button/Button"));
+
+var _Label = _interopRequireDefault(require("../../Atomic/FormElements/Label/Label"));
+
+var _utils = require("../../Functions/utils");
+
+require("./UserBox.scss");
+
+var UserBox = function UserBox(_ref) {
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? 'Username' : _ref$name,
+      id = _ref.id,
+      onClick = _ref.onClick,
+      isModal = _ref.isModal,
+      className = _ref.className,
+      colors = _ref.colors;
+  var getNameFirstLetter = name.charAt(0).toUpperCase();
+
+  var renderUser = function renderUser() {
+    if (isModal) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        style: {
+          backgroundColor: (0, _utils.getColorById)(id, colors)
+        },
+        className: "td-user-box__avatar"
+      }, getNameFirstLetter), /*#__PURE__*/React.createElement(_Button.default, {
+        className: "p0 no-shadow",
+        onClick: onClick,
+        label: name,
+        variant: "link"
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        style: {
+          backgroundColor: (0, _utils.getColorById)(id)
+        },
+        className: "td-user-box__avatar"
+      }, getNameFirstLetter), /*#__PURE__*/React.createElement(_Label.default, {
+        label: name
+      }));
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)('td-user-box', className)
+  }, renderUser());
+};
+
+var _default = UserBox;
+exports.default = _default;

package/dist/Molecular/UserBox/UserBox.scss

@@ -0,0 +1,33 @@
+.td-user-box {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  &__avatar {
+    display: flex;
+    align-items:center;
+    justify-content: center;
+    color: #FFFFFF;
+    width: 24px;
+    height: 24px;
+    border-radius: 30px;
+    font-size: 16px;
+    font-weight: 400;
+    user-select: none;
+  }
+
+  .button_link {
+    padding-left: 8px;
+    font-size: 14px;
+    font-weight: 400;
+    height: unset;
+  }
+
+  .label {
+    color: #171d33;
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 0;
+    margin-left: 8px;
+  }
+}

package/dist/Molecular/UserBox/UserBox.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserBoxTemplate = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _UserBox = _interopRequireDefault(require("./UserBox"));
+
+global.lng = 'en';
+var _default = {
+  title: 'UserBox',
+  component: _UserBox.default,
+  argTypes: {
+    id: {
+      description: 'string',
+      control: {
+        type: 'select',
+        options: ['dd499a40-4a02-4597-8353-0fd0fb49b8ec', '407dcedf-7713-4e2b-ba29-6989968c70c4', '7e034243-426f-40a6-8e85-71b719385404', "3f03007a-4cf0-4a23-8774-c232ad922d7a"]
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_UserBox.default, args);
+};
+
+var UserBoxTemplate = Template.bind({});
+exports.UserBoxTemplate = UserBoxTemplate;
+UserBoxTemplate.args = {
+  name: 'Username',
+  id: 'dd499a40-4a02-4597-8353-0fd0fb49b8ec',
+  onClick: function onClick() {},
+  isModal: true,
+  className: '',
+  colors: []
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.48",
+  "version": "0.1.51",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],