intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/Calendar/Calendar.scss

@@ -443,21 +443,20 @@
   flex-direction: column;
 
   width: 260px;
-
   min-height: 195px;
   margin-top: 4px;
   padding: 5px 0;
 
   user-select: none;
 
-  border: 1px solid #E2E5EC;
-  background: #FFF;
+  border: 1px solid #e2e5ec;
+  background: #fff;
   box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 
   &-header {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     box-sizing: border-box;
 
@@ -468,9 +467,9 @@
 
       &-year {
         display: flex;
-        align-items: center;
         flex-flow: row nowrap;
         justify-content: center;
+        align-items: center;
 
         box-sizing: border-box;
         width: 45px;
@@ -501,12 +500,12 @@
           margin: 0;
           padding: 0;
 
-          border: none;
-          outline: none;
-
           font-size: inherit;
           font-weight: inherit;
           line-height: inherit;
+
+          border: none;
+          outline: none;
         }
       }
     }
@@ -526,23 +525,22 @@
   }
 
   &__day {
-    flex-basis: 0;
     flex-grow: 1;
+    flex-basis: 0;
 
     margin: 1px 0;
     padding: 1px 6px;
 
-    user-select: none;
-    text-align: center;
-
     font-size: 13px;
     line-height: 20px;
+    user-select: none;
+    text-align: center;
 
     &--clickable {
       cursor: pointer;
 
       &:hover {
-        background: #E2E6F8;
+        background: #e2e6f8;
       }
     }
 
@@ -550,7 +548,7 @@
       cursor: default;
       pointer-events: none;
 
-      color: #9AA0B9;
+      color: #9aa0b9;
 
       &:hover {
         background: inherit;
@@ -561,32 +559,32 @@
     &--selected {
       color: white;
       border-radius: 4px;
-      background: #6B81DD;
+      background: #6b81dd;
 
       &:hover {
-        background: #6B81DD;
+        background: #6b81dd;
       }
     }
 
     &--range-inside {
-      background: #E2E6F8;
+      background: #e2e6f8;
     }
 
     &--prev-range-end {
       border-radius: 4px;
-      background: #E2E5EC;
+      background: #e2e5ec;
     }
 
     &--prev-range-inside {
-      background: #F7F8FA;
+      background: #f7f8fa;
     }
 
     &--title {
-      color: #9AA0B9;
-
       font-size: 10px;
       font-weight: normal;
 
+      color: #9aa0b9;
+
       &:hover {
         background: inherit;
       }
@@ -603,14 +601,13 @@
     height: 28px;
     padding-left: 9px;
 
+    font-weight: 400;
     cursor: pointer;
     user-select: none;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 3px;
     background-color: white;
-
-    font-weight: 400;
     appearance: none;
   }
 
@@ -619,12 +616,11 @@
     height: 16px;
     padding: 0 15px 0 0;
 
+    font-size: 13px;
+    font-weight: 400;
     text-overflow: ellipsis;
 
     border: none;
     background: none;
-
-    font-size: 13px;
-    font-weight: 400;
   }
 }

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -1,58 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./CheckboxInput.scss");
-
 var _utils = require("../../../Functions/utils");
-
-var CheckboxInput = function CheckboxInput(_ref) {
-  var _cn2;
-
-  var label = _ref.label,
-      fieldKey = _ref.fieldKey,
-      id = _ref.id,
-      value = _ref.value,
-      _onChange = _ref.onChange,
-      disabled = _ref.disabled,
-      className = _ref.className,
-      isStark = _ref.isStark,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId,
-      _ref$attributesOfNati = _ref.attributesOfNativeInput,
-      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
+require("./CheckboxInput.scss");
+const CheckboxInput = _ref => {
+  let {
+    label,
+    fieldKey,
+    id,
+    value,
+    onChange,
+    disabled,
+    className,
+    isStark,
+    testId = "",
+    attributesOfNativeInput = {}
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", {
     "data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)({
       testId: testId || id || fieldKey
     })),
-    className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
+    className: (0, _classnames.default)("checkbox-input", className, {
+      ["checkbox-input_disabled"]: disabled
+    }),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("checkbox-input__input", (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "checkbox-input__input_checked", value), (0, _defineProperty2.default)(_cn2, "checkbox-input__input_indeterminate", isStark), _cn2))
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? (0, _defineProperty2.default)({
-    id: id
-  }, 'data-id', id) : {}, {
+    className: (0, _classnames.default)("checkbox-input__input", {
+      ["checkbox-input__input_checked"]: value,
+      ["checkbox-input__input_indeterminate"]: isStark
+    })
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? {
+    id,
+    ["data-id"]: id
+  } : {}, {
     type: "checkbox",
     className: "checkbox-input__checkbox",
-    onChange: function onChange(e) {
-      return _onChange(!value, e);
-    },
+    onChange: e => onChange(!value, e),
     checked: value !== null && value !== void 0 ? value : false,
     disabled: disabled,
-    ref: function ref(elem) {
+    ref: elem => {
       if (elem) elem.indeterminate = isStark;
     },
     "data-testid": "checkbox--input--".concat((0, _utils.getCorrectTestId)({
@@ -64,6 +57,4 @@ var CheckboxInput = function CheckboxInput(_ref) {
     className: "checkbox-input__label"
   }, label));
 };
-
-var _default = CheckboxInput;
-exports.default = _default;
+var _default = exports.default = CheckboxInput;

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -17,7 +17,7 @@
 
   &:hover {
     .checkbox-input__input {
-      background-color: rgba(#6B81DD, 0.2);
+      background-color: rgba(#6b81dd, 0.2);
     }
   }
 
@@ -33,11 +33,12 @@
     margin-right: 5px;
 
     cursor: pointer;
-    transition: background-color 0.2s ease;
 
-    border: 1px solid #9AA0B9;
+    border: 1px solid #9aa0b9;
     border-radius: 2px;
-    background-color: #FFFF;
+    background-color: #ffff;
+
+    transition: background-color 0.2s ease;
 
     &_checked,
     &_indeterminate {
@@ -71,32 +72,29 @@
     width: 100%;
     height: 100%;
 
-    background-color: #6B81DD;
+    background-color: #6b81dd;
 
     &::after {
       position: absolute;
-      top: -2px;
-      right: 0;
-      bottom: 0;
-      left: 0;
+      inset: -2px 0 0;
 
       width: 4px;
       height: 8px;
       margin: auto;
 
       content: "";
-      transform: rotate(45deg);
 
       border: solid white;
       border-width: 0 2px 2px 0;
       border-radius: 2px;
+
+      transform: rotate(45deg);
     }
   }
 
   &__label {
-    user-select: none;
-
     font-size: 13px;
+    user-select: none;
   }
 
   input[type="checkbox" i] {
@@ -108,20 +106,18 @@
 
       &::after {
         position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
+        inset: 0;
 
         width: 100%;
         height: 100%;
         margin: auto;
 
         content: "";
-        transform: rotate(0deg);
 
         border: none;
-        background-color: #6B81DD;
+        background-color: #6b81dd;
+
+        transform: rotate(0deg);
       }
 
       &::before {
@@ -133,11 +129,12 @@
         width: 45%;
 
         content: "";
-        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
 
         border: solid white;
         border-width: 0 1px 2px 0;
         border-radius: 2px;
+
+        transform: scale(1, 0.9) translateX(-50%) translateY(-50%);
       }
     }
   }

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js

@@ -1,63 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
-
 require("./CheckboxesLine.scss");
-
-var RC = 'checkboxes-line';
-
-var CheckboxesLine = function CheckboxesLine(props) {
-  var field = props.field,
-      onChange = props.onChange;
-
-  var _ref = field !== null && field !== void 0 ? field : props || {},
-      items = _ref.items,
-      value = _ref.value,
-      disabled = _ref.disabled,
-      isPositionColumn = _ref.isPositionColumn,
-      className = _ref.className,
-      testId = _ref.testId;
-
-  var handleChange = function handleChange(val, id) {
-    onChange(val ? [].concat((0, _toConsumableArray2.default)(value), [id]) : (0, _toConsumableArray2.default)(value === null || value === void 0 ? void 0 : value.filter(function (el) {
-      return el !== id;
-    })));
+const RC = "checkboxes-line";
+const CheckboxesLine = props => {
+  const {
+    field,
+    onChange
+  } = props;
+  const {
+    items,
+    value,
+    disabled,
+    isPositionColumn,
+    className,
+    testId
+  } = field !== null && field !== void 0 ? field : props || {};
+  const handleChange = (val, id) => {
+    onChange(val ? [...value, id] : [...(value === null || value === void 0 ? void 0 : value.filter(el => el !== id))]);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isPositionColumn), className)
-  }, (items === null || items === void 0 ? void 0 : items.map(function (item) {
+    className: (0, _classnames.default)(RC, {
+      ["".concat(RC, "_column")]: isPositionColumn
+    }, className)
+  }, (items === null || items === void 0 ? void 0 : items.map(item => {
     var _value$includes;
-
     return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
       testId: (item === null || item === void 0 ? void 0 : item.testId) || testId,
       id: item.id,
       className: "".concat(RC, "__checkbox-input"),
       key: item.label,
       label: item.label,
-      value: (value === null || value === void 0 ? void 0 : (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
-      onChange: function onChange(val, e) {
-        return handleChange(val, item.id, e);
-      },
+      value: (value === null || value === void 0 || (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
+      onChange: (val, e) => handleChange(val, item.id, e),
       disabled: disabled || item.disabled
     });
   })) || null);
 };
-
-var _default = CheckboxesLine;
-exports.default = _default;
+var _default = exports.default = CheckboxesLine;

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss

@@ -1,8 +1,8 @@
 .checkboxes-line {
   display: flex;
-  align-items: center;
   flex-flow: row wrap;
   justify-content: flex-start;
+  align-items: center;
 
   &__checkbox-input {
     width: fit-content;
@@ -14,8 +14,8 @@
   }
 
   &_column {
-    align-items: flex-start;
     flex-flow: column wrap;
+    align-items: flex-start;
 
     .checkboxes-line__checkbox-input {
       margin-right: 0;