intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/ProgressLine/ProgressLine.js

@@ -1,83 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("../../../Functions/utils");
-
 require("./ProgressLine.scss");
-
-var ProgressLine = function ProgressLine(_ref) {
-  var _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      _ref$labelAlign = _ref.labelAlign,
-      labelAlign = _ref$labelAlign === void 0 ? 'left' : _ref$labelAlign,
-      _ref$renderValue = _ref.renderValue,
-      renderValue = _ref$renderValue === void 0 ? false : _ref$renderValue,
-      _ref$renderValueInPer = _ref.renderValueInPercents,
-      renderValueInPercents = _ref$renderValueInPer === void 0 ? false : _ref$renderValueInPer,
-      _ref$valueMeasurement = _ref.valueMeasurement,
-      valueMeasurement = _ref$valueMeasurement === void 0 ? '' : _ref$valueMeasurement,
-      _ref$valueHorizontalP = _ref.valueHorizontalPosition,
-      valueHorizontalPosition = _ref$valueHorizontalP === void 0 ? 'right' : _ref$valueHorizontalP,
-      _ref$valueVerticalPos = _ref.valueVerticalPosition,
-      valueVerticalPosition = _ref$valueVerticalPos === void 0 ? 'center' : _ref$valueVerticalPos,
-      _ref$symbolsAfterComm = _ref.symbolsAfterComma,
-      symbolsAfterComma = _ref$symbolsAfterComm === void 0 ? 0 : _ref$symbolsAfterComm,
-      _ref$minValue = _ref.minValue,
-      minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
-      _ref$maxValue = _ref.maxValue,
-      maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$showExtremums = _ref.showExtremums,
-      showExtremums = _ref$showExtremums === void 0 ? false : _ref$showExtremums,
-      _ref$extremumsPositio = _ref.extremumsPosition,
-      extremumsPosition = _ref$extremumsPositio === void 0 ? 'top' : _ref$extremumsPositio,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
-      _ref$useVariantLabelC = _ref.useVariantLabelColor,
-      useVariantLabelColor = _ref$useVariantLabelC === void 0 ? true : _ref$useVariantLabelC,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-
-  var getFilledLineWidth = function getFilledLineWidth() {
+const ProgressLine = _ref => {
+  let {
+    label = "",
+    labelAlign = "left",
+    renderValue = false,
+    renderValueInPercents = false,
+    valueMeasurement = "",
+    valueHorizontalPosition = "right",
+    valueVerticalPosition = "center",
+    symbolsAfterComma = 0,
+    minValue = 0,
+    maxValue = 100,
+    value = 0,
+    showExtremums = false,
+    extremumsPosition = "top",
+    variant = "info",
+    useVariantLabelColor = true,
+    className = ""
+  } = _ref;
+  const getFilledLineWidth = () => {
     if (value > maxValue) value = maxValue;
     return "".concat(((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma), "%");
   };
-
-  var renderLabel = function renderLabel() {
+  const renderLabel = () => {
     if (!label) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__label align-".concat(labelAlign)
     }, label);
   };
-
-  var renderProgressValue = function renderProgressValue() {
+  const renderProgressValue = () => {
     if (!renderValue) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__value"
     }, renderValueInPercents ? getFilledLineWidth() : "".concat((0, _utils.addBitDepthPoints)(String(value)), " ").concat(valueMeasurement));
   };
-
-  var renderExtremums = function renderExtremums() {
+  const renderExtremums = () => {
     if (!showExtremums) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__extremums position-".concat(extremumsPosition)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__extremums--min"
-    }, renderValueInPercents ? '0 %' : "".concat(minValue, " ").concat(valueMeasurement)), /*#__PURE__*/_react.default.createElement("div", {
+    }, renderValueInPercents ? "0 %" : "".concat(minValue, " ").concat(valueMeasurement)), /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__extremums--max"
-    }, renderValueInPercents ? '100 %' : "".concat(maxValue, " ").concat(valueMeasurement)));
+    }, renderValueInPercents ? "100 %" : "".concat(maxValue, " ").concat(valueMeasurement)));
   };
-
-  var renderFilledLine = function renderFilledLine() {
+  const renderFilledLine = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__line--filled",
       style: {
@@ -85,23 +61,18 @@ var ProgressLine = function ProgressLine(_ref) {
       }
     });
   };
-
-  var renderLine = function renderLine() {
+  const renderLine = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__line"
     }, renderExtremums(), renderFilledLine());
   };
-
-  var render = function render() {
+  const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line"
     }, renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper variant-".concat(useVariantLabelColor && variant, " value-").concat(valueVerticalPosition, "-").concat(valueHorizontalPosition, " ").concat(className)
     }, renderProgressValue(), renderLine()));
   };
-
   return render();
 };
-
-var _default = ProgressLine;
-exports.default = _default;
+var _default = exports.default = ProgressLine;

package/dist/Atomic/UI/ProgressLine/ProgressLine.scss

@@ -21,15 +21,14 @@
     &__label {
       margin-bottom: 8px;
 
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       line-height: 20px;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
 
       &.align-left {
         text-align: left;
@@ -48,16 +47,15 @@
       display: flex;
       flex-wrap: nowrap;
 
-      white-space: nowrap;
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
       line-height: 20px;
+      white-space: nowrap;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
     }
 
     // Progress Line Value Position
@@ -141,7 +139,7 @@
       height: 4px;
 
       border-radius: 8px;
-      background: #E6F0F7;
+      background: #e6f0f7;
 
       &--filled {
         width: 0;
@@ -154,124 +152,124 @@
     // Progress Line Colors
     &.variant-info {
       [class$="__line--filled"] {
-        background: #46AAF2;
+        background: #46aaf2;
       }
 
       .variant-label-color {
-        color: #46AAF2;
+        color: #46aaf2;
       }
     }
 
     &.variant-success {
       [class$="__line--filled"] {
-        background: #54D3AD;
+        background: #54d3ad;
       }
 
       .variant-label-color {
-        color: #54D3AD;
+        color: #54d3ad;
       }
     }
 
     &.variant-error {
       [class$="__line--filled"] {
-        background: #FA2E69;
+        background: #fa2e69;
       }
 
       .variant-label-color {
-        color: #FA2E69;
+        color: #fa2e69;
       }
     }
 
     &.variant-grey {
       [class$="__line--filled"] {
-        background: #A6AAB4;
+        background: #a6aab4;
       }
 
       .variant-label-color {
-        color: #A6AAB4;
+        color: #a6aab4;
       }
     }
 
     &.variant-warning {
       [class$="__line--filled"] {
-        background: #FFDB7C;
+        background: #ffdb7c;
       }
 
       .variant-label-color {
-        color: #FFDB7C;
+        color: #ffdb7c;
       }
     }
 
     &.variant-primary-light {
       [class$="__line--filled"] {
-        background: #A6C2ED;
+        background: #a6c2ed;
       }
 
       .variant-label-color {
-        color: #A6C2ED;
+        color: #a6c2ed;
       }
     }
 
     &.variant-de-york {
       [class$="__line--filled"] {
-        background: #78C58D;
+        background: #78c58d;
       }
 
       .variant-label-color {
-        color: #78C58D;
+        color: #78c58d;
       }
     }
 
     &.variant-purple {
       [class$="__line--filled"] {
-        background: #A193EF;
+        background: #a193ef;
       }
 
       .variant-label-color {
-        color: #A193EF;
+        color: #a193ef;
       }
     }
 
     &.variant-sea-buckthorn {
       [class$="__line--filled"] {
-        background: #F59A2F;
+        background: #f59a2f;
       }
 
       .variant-label-color {
-        color: #F59A2F;
+        color: #f59a2f;
       }
     }
 
     &.variant-pink {
       [class$="__line--filled"] {
-        background: #FFCAD6;
+        background: #ffcad6;
       }
 
       .variant-label-color {
-        color: #FFCAD6;
+        color: #ffcad6;
       }
     }
 
     &.variant-froly {
       [class$="__line--filled"] {
-        background: #F06D8D;
+        background: #f06d8d;
       }
 
       .variant-label-color {
-        color: #F06D8D;
+        color: #f06d8d;
       }
     }
 
     &.variant-brown {
       [class$="__line--filled"] {
-        background: #B4A287;
+        background: #b4a287;
       }
 
       .variant-label-color {
-        color: #B4A287;
+        color: #b4a287;
       }
     }
-    
+
     // Extremums
     &__extremums {
       position: absolute;
@@ -282,16 +280,14 @@
       box-sizing: border-box;
       width: 100%;
 
-      letter-spacing: 0.2px;
-
-      color: #171D33;
-
       font-family: Sarabun, sans-serif;
       font-size: 14px;
       font-weight: 400;
       font-style: normal;
-      line-height: 20px;
       line-height: 1;
+      letter-spacing: 0.2px;
+
+      color: #171d33;
 
       &--min {
         top: 0;

package/dist/Atomic/UI/Status/Status.js

@@ -1,47 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./Status.scss");
-
 function Status(_ref) {
-  var icon = _ref.icon,
-      value = _ref.value,
-      label = _ref.label,
-      status = _ref.status,
-      disabled = _ref.disabled,
-      type = _ref.type,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? 0 : _ref$active,
-      _ref$pause = _ref.pause,
-      pause = _ref$pause === void 0 ? 0 : _ref$pause,
-      className = _ref.className,
-      noBackground = _ref.noBackground,
-      children = _ref.children,
-      _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
-
+  let {
+    icon,
+    value,
+    label,
+    status,
+    disabled,
+    type,
+    active = 0,
+    pause = 0,
+    className,
+    noBackground,
+    children,
+    onClick = () => {}
+  } = _ref;
   if (!status) return false;
-  var text = children && typeof children === 'string' ? children : value || label || status;
-  var formatedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
+  const text = children && typeof children === "string" ? children : value || label || status;
+  const formatedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
   return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: function onClick() {
-      return _onClick();
-    },
+    onClick: () => onClick(),
     "data-testid": "test-status",
     className: (0, _classnames.default)({
-      disabled: disabled
+      disabled
     }, className)
-  }, type === 'number' ? /*#__PURE__*/_react.default.createElement("div", null, active === 0 && pause === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, type === "number" ? /*#__PURE__*/_react.default.createElement("div", null, active === 0 && pause === 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: "status status--error"
   }, /*#__PURE__*/_react.default.createElement("span", null, active)) : /*#__PURE__*/_react.default.createElement("div", {
     className: "status status--warning"
@@ -50,17 +41,15 @@ function Status(_ref) {
   }, active), /*#__PURE__*/_react.default.createElement("span", {
     className: "color--gray-gull"
   }, " / "), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(pause > 0 ? 'color--froly' : 'color--gray-gull')
+    className: "".concat(pause > 0 ? "color--froly" : "color--gray-gull")
   }, pause))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("status status--".concat(status, " ").concat(className || ''), {
-      'status--no-bg': noBackground
+    className: (0, _classnames.default)("status status--".concat(status, " ").concat(className || ""), {
+      "status--no-bg": noBackground
     }, {
-      'color--gray-gull': noBackground && status === 'pause' && !className
+      "color--gray-gull": noBackground && status === "pause" && !className
     }, {
       j4: icon
     })
   }, icon, formatedLabel));
 }
-
-var _default = Status;
-exports.default = _default;
+var _default = exports.default = Status;

package/dist/Atomic/UI/Status/Status.scss

@@ -2,27 +2,27 @@
 
 .status {
   display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   height: 20px;
   padding: 0 8px;
 
-  border-radius: 15px;
-
   font-size: 11px;
   font-weight: 400;
 
+  border-radius: 15px;
+
   &--number {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     height: 20px;
 
-    border-radius: 15px;
-
     font-size: 10px;
+
+    border-radius: 15px;
   }
 
   &--active,
@@ -32,8 +32,8 @@
   }
 
   &--error {
-    color: #FFFF;
-    background-color: #9AA0B9;
+    color: #ffff;
+    background-color: #9aa0b9;
   }
 
   &--review,
@@ -43,30 +43,30 @@
   &--declined,
   &--blocked {
     color: $color--froly;
-    background-color: #FCE2E8;
+    background-color: #fce2e8;
   }
 
   &--processing {
-    color: #9AA0B9;
-    background-color: #E2E6F8;
+    color: #9aa0b9;
+    background-color: #e2e6f8;
   }
 
   &--new,
   &--preApproved {
     color: $color--primary;
-    background-color: #E2E6F8;
+    background-color: #e2e6f8;
   }
 
   &--pending,
   &--primary,
   &--warning {
-    color: #F59A2F;
+    color: #f59a2f;
     background-color: $color--sandy-beach;
   }
 
   &--info {
-    color: #1F7499;
-    background-color: #CDE1FF;
+    color: #1f7499;
+    background-color: #cde1ff;
   }
 
   &--number-active,
@@ -75,9 +75,9 @@
   }
 
   &--no-bg {
-    background: none;
-
     font-size: 13px;
+
+    background: none;
   }
 
   &--disabled {
@@ -86,7 +86,7 @@
   }
 
   &--outline {
-    color: #1F7499;
-    border: 1px solid #D6D9E4;
+    color: #1f7499;
+    border: 1px solid #d6d9e4;
   }
 }