intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -1,61 +1,43 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 require("./CircleProgressBar.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 CircleProgressBar = function CircleProgressBar(_ref) {
-  var amount = _ref.amount,
-      totalAmount = _ref.totalAmount,
-      isReverseType = _ref.isReverseType,
-      children = _ref.children,
-      className = _ref.className,
-      colors = _ref.colors,
-      isInnerLine = _ref.isInnerLine,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 59 : _ref$radius,
-      _ref$strokeWidth = _ref.strokeWidth,
-      strokeWidth = _ref$strokeWidth === void 0 ? 2 : _ref$strokeWidth,
-      _ref$innerLineStrokeW = _ref.innerLineStrokeWidth,
-      innerLineStrokeWidth = _ref$innerLineStrokeW === void 0 ? 2 : _ref$innerLineStrokeW;
-  var circumference = Math.round(2 * Math.PI * radius);
-  var amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
-
-  var defaultColors = {
-    start: '#6b81dd',
-    finish: '#f06d8d',
-    meter: '#ffcad6'
+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 CircleProgressBar = _ref => {
+  let {
+    amount,
+    totalAmount,
+    isReverseType,
+    children,
+    className,
+    colors,
+    isInnerLine,
+    radius = 59,
+    strokeWidth = 2,
+    innerLineStrokeWidth = 2
+  } = _ref;
+  const circumference = Math.round(2 * Math.PI * radius);
+  const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
+  const defaultColors = {
+    start: "#6b81dd",
+    finish: "#f06d8d",
+    meter: "#ffcad6"
   };
-
-  var _useState = (0, _react.useState)(isReverseType ? String(0) : circumference),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      strokeDashoffset = _useState2[0],
-      setStrokeDashoffset = _useState2[1];
-
-  (0, _react.useEffect)(function () {
+  const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
+  (0, _react.useEffect)(() => {
     setStrokeDashoffset(circumference - circumference * amountProgress / 100);
   }, [amountProgress]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-circleProgress',
-    className: (0, _classnames.default)('limit-progress-bar', {
-      'limit-progress-bar--reverse': isReverseType
+    "data-testid": "test-circleProgress",
+    className: (0, _classnames.default)("limit-progress-bar", {
+      "limit-progress-bar--reverse": isReverseType
     }, className)
   }, /*#__PURE__*/_react.default.createElement("svg", {
     className: "limit-progress-bar__progress",
@@ -91,7 +73,7 @@ var CircleProgressBar = function CircleProgressBar(_ref) {
     cx: radius,
     cy: radius,
     r: radius,
-    stroke: !isInnerLine ? '' : colors.meter || defaultColors.meter,
+    stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
     strokeWidth: String(innerLineStrokeWidth)
   }), /*#__PURE__*/_react.default.createElement("circle", {
     className: "limit-progress-bar__value",
@@ -99,16 +81,14 @@ var CircleProgressBar = function CircleProgressBar(_ref) {
     cy: radius,
     r: radius,
     strokeWidth: String(strokeWidth),
-    stroke: "url(#limit-progress-bar-linear-gradient".concat(isReverseType ? '-reverse' : '', ")"),
+    stroke: "url(#limit-progress-bar-linear-gradient".concat(isReverseType ? "-reverse" : "", ")"),
     style: {
       strokeDasharray: circumference,
-      strokeDashoffset: strokeDashoffset
+      strokeDashoffset
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-circleProgress-children',
+    "data-testid": "test-circleProgress-children",
     className: "limit-progress-bar__content"
   }, children));
 };
-
-var _default = CircleProgressBar;
-exports.default = _default;
+var _default = exports.default = CircleProgressBar;

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss

@@ -34,34 +34,32 @@
   // }
 
   &__progress {
-    transform: rotate(-90deg);
-
     border-radius: 50%;
 
+    transform: rotate(-90deg);
+
     .limit-progress-bar--reverse & {
       transform: rotate(-90deg) scaleY(-1);
     }
 
     & > circle {
+      fill: none;
+
       transition: stroke-dashoffset 0.8s;
       transform: translate(3px, 3px);
-      fill: none;
 
-      strokelinecap: round;
+      stroke-linecap: round;
     }
   }
 
   &__content {
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
 
     display: flex;
-    align-items: center;
     flex-direction: column;
     justify-content: center;
+    align-items: center;
 
     border-radius: 50%;
   }

package/dist/Atomic/UI/DateTime/DateTime.js

@@ -1,58 +1,43 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 require("./DateTime.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 RC = 'date-time';
-var DEFAULT_DATE_FORMAT = 'DD.MM.YYYY';
-var DEFAULT_TIME_FORMAT = 'HH:mm:ss';
-
-var DateTime = function DateTime(_ref) {
-  var className = _ref.className,
-      value = _ref.value,
-      valueFormat = _ref.valueFormat,
-      inputDateFormat = _ref.dateFormat,
-      inputTimeFormat = _ref.timeFormat,
-      isNoDate = _ref.isNoDate,
-      isNoTime = _ref.isNoTime;
-  var dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
-  var timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
-  var date = (0, _react.useMemo)(function () {
-    return (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(dateFormat);
-  }, [value, valueFormat, dateFormat]);
-  var time = (0, _react.useMemo)(function () {
-    return (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(timeFormat);
-  }, [value, valueFormat, timeFormat]);
+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 RC = "date-time";
+const DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
+const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+const DateTime = _ref => {
+  let {
+    className,
+    value,
+    valueFormat,
+    dateFormat: inputDateFormat,
+    timeFormat: inputTimeFormat,
+    isNoDate,
+    isNoTime
+  } = _ref;
+  const dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
+  const timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
+  const date = (0, _react.useMemo)(() => (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(dateFormat), [value, valueFormat, dateFormat]);
+  const time = (0, _react.useMemo)(() => (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(timeFormat), [value, valueFormat, timeFormat]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, !isNoDate && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-date',
+    "data-testid": "test-date",
     className: (0, _classnames.default)("".concat(RC, "__date"))
   }, date), !isNoTime && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-time',
-    className: (0, _classnames.default)("".concat(RC, "__time"), (0, _defineProperty2.default)({}, "".concat(RC, "_color--pause"), !isNoDate))
+    "data-testid": "test-time",
+    className: (0, _classnames.default)("".concat(RC, "__time"), {
+      ["".concat(RC, "_color--pause")]: !isNoDate
+    })
   }, time));
 };
-
-var _default = DateTime;
-exports.default = _default;
+var _default = exports.default = DateTime;

package/dist/Atomic/UI/DateTime/DateTime.scss

@@ -2,9 +2,9 @@
 
 .date-time {
   display: flex;
-  align-items: flex-start;
   flex-direction: column;
   justify-content: center;
+  align-items: flex-start;
 
   &__date,
   &__time {

package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss

@@ -1,10 +1,10 @@
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__date-time {
-  color: #1E1E2D;
-
   font-family: Roboto, sans-serif;
   font-size: 13px;
   font-weight: 400;
   font-style: normal;
+
+  color: #1e1e2d;
 }

package/dist/Atomic/UI/DebugContainer/DebugContainer.js

@@ -1,62 +1,38 @@
 "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"));
-
-require("./DebugContainer.scss");
-
 var _reactFeather = require("react-feather");
-
-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 DebugContainer = function DebugContainer(_ref) {
+require("./DebugContainer.scss");
+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 DebugContainer = _ref => {
   var _Object$keys2;
-
-  var data = _ref.data,
-      children = _ref.children;
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
-
-  var renderData = function renderData() {
+  let {
+    data,
+    children
+  } = _ref;
+  const [isVisible, setIsVisible] = (0, _react.useState)(true);
+  const renderData = () => {
     var _Object$keys;
-
-    return /*#__PURE__*/_react.default.createElement("pre", null, '{\n', (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key) {
+    return /*#__PURE__*/_react.default.createElement("pre", null, "{\n", (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(key => {
       return "  ".concat(key, ": ").concat(data === null || data === void 0 ? void 0 : data[key], ",\n");
-    }), '}');
+    }), "}");
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container"
   }, isVisible && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body"
-  }, /*#__PURE__*/_react.default.createElement("h5", null, "Debug:"), data && !!(Object !== null && Object !== void 0 && (_Object$keys2 = Object.keys(data)) !== null && _Object$keys2 !== void 0 && _Object$keys2.length) && /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("h5", null, "Debug:"), data && Boolean(Object === null || Object === void 0 || (_Object$keys2 = Object.keys(data)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body-row"
   }, renderData()), children && /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__body-row"
   }, children)), /*#__PURE__*/_react.default.createElement("div", {
     className: "debug-container__toggler",
-    onClick: function onClick() {
-      return setIsVisible(function (v) {
-        return !v;
-      });
-    }
+    onClick: () => setIsVisible(v => !v)
   }, isVisible ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
 };
-
-var _default = DebugContainer;
-exports.default = _default;
+var _default = exports.default = DebugContainer;

package/dist/Atomic/UI/DebugContainer/DebugContainer.scss

@@ -1,12 +1,14 @@
 .debug-container {
   position: fixed;
-  left: 0;
-  top: 0;
-  background-color: rgba(0,0,0,0.8);
-  color: #fff;
-  width: 100%;
   z-index: 999;
+  top: 0;
+  left: 0;
+
   box-sizing: border-box;
+  width: 100%;
+
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.8);
 
   &__body {
     padding: 8px 16px;
@@ -16,15 +18,19 @@
     position: absolute;
     bottom: 0;
     left: 0;
-    transform: translateY(100%);
+
     padding: 4px 16px;
-    background-color: rgba(0,0,0,0.8);
-    border-radius: 0 0 4px 0;
+
+    border-radius: 0 0 4px;
+    background-color: rgba(0, 0, 0, 0.8);
+
+    transform: translateY(100%);
 
     svg {
       width: 16px;
       height: 16px;
-      color:#fff;
+
+      color: #fff;
     }
   }
 

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js

@@ -1,30 +1,16 @@
 "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 _DebugContainer = _interopRequireDefault(require("./DebugContainer"));
-
-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 useDebugContainer = function useDebugContainer() {
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
+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 useDebugContainer = () => {
+  const [data, setData] = (0, _react.useState)({});
   return {
     debugData: data,
     setDebugData: setData,
@@ -33,6 +19,4 @@ var useDebugContainer = function useDebugContainer() {
     })
   };
 };
-
-var _default = useDebugContainer;
-exports.default = _default;
+var _default = exports.default = useDebugContainer;

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -1,65 +1,44 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 require("./DoubleString.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 RC = 'double-string';
-
-var DoubleString = function DoubleString(_ref) {
-  var value = _ref.value,
-      description = _ref.description,
-      className = _ref.className,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId,
-      isFormatValueToDate = _ref.isFormatValueToDate,
-      _ref$dateFormatSettin = _ref.dateFormatSettings;
-  _ref$dateFormatSettin = _ref$dateFormatSettin === void 0 ? {} : _ref$dateFormatSettin;
-  var _ref$dateFormatSettin2 = _ref$dateFormatSettin.parseFormat,
-      parseFormat = _ref$dateFormatSettin2 === void 0 ? 'MM.DD.YYYY' : _ref$dateFormatSettin2,
-      _ref$dateFormatSettin3 = _ref$dateFormatSettin.displayFormat,
-      displayFormat = _ref$dateFormatSettin3 === void 0 ? 'MM.DD.YYYY' : _ref$dateFormatSettin3,
-      _ref$revert = _ref.revert,
-      revert = _ref$revert === void 0 ? false : _ref$revert;
-  var computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
-  var valueRef = (0, _react.useRef)(null);
-  var descriptionRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)({
+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 RC = "double-string";
+const DoubleString = _ref => {
+  let {
+    value,
+    description,
+    className,
+    testId = "",
+    isFormatValueToDate,
+    dateFormatSettings: {
+      parseFormat = "MM.DD.YYYY",
+      displayFormat = "MM.DD.YYYY"
+    } = {},
+    revert = false
+  } = _ref;
+  const computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
+  const valueRef = (0, _react.useRef)(null);
+  const descriptionRef = (0, _react.useRef)(null);
+  const [elemsWidth, setElemsWidth] = (0, _react.useState)({
     valueWidth: 0,
     descriptionWidth: 0
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      elemsWidth = _useState2[0],
-      setElemsWidth = _useState2[1];
-
-  (0, _react.useEffect)(function () {
+  });
+  (0, _react.useEffect)(() => {
     var _valueRef$current, _descriptionRef$curre;
-
-    var valueWidth = valueRef === null || valueRef === void 0 ? void 0 : (_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.clientWidth;
-    var descriptionWidth = descriptionRef === null || descriptionRef === void 0 ? void 0 : (_descriptionRef$curre = descriptionRef.current) === null || _descriptionRef$curre === void 0 ? void 0 : _descriptionRef$curre.clientWidth;
+    const valueWidth = valueRef === null || valueRef === void 0 || (_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.clientWidth;
+    const descriptionWidth = descriptionRef === null || descriptionRef === void 0 || (_descriptionRef$curre = descriptionRef.current) === null || _descriptionRef$curre === void 0 ? void 0 : _descriptionRef$curre.clientWidth;
     setElemsWidth({
-      valueWidth: valueWidth,
-      descriptionWidth: descriptionWidth
+      valueWidth,
+      descriptionWidth
     });
   }, [descriptionRef, valueRef]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -68,14 +47,12 @@ var DoubleString = function DoubleString(_ref) {
     ref: valueRef,
     "data-testid": "doubleString--".concat(testId, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__value")),
-    title: elemsWidth.valueWidth > 99 ? computedValue : ''
+    title: elemsWidth.valueWidth > 99 ? computedValue : ""
   }, !revert ? computedValue : description), /*#__PURE__*/_react.default.createElement("p", {
     ref: descriptionRef,
     "data-testid": "doubleString--".concat(description, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__description")),
-    title: elemsWidth.descriptionWidth > 99 ? computedValue : ''
+    title: elemsWidth.descriptionWidth > 99 ? computedValue : ""
   }, !revert ? description : computedValue));
 };
-
-var _default = DoubleString;
-exports.default = _default;
+var _default = exports.default = DoubleString;

package/dist/Atomic/UI/DoubleString/DoubleString.scss

@@ -1,30 +1,36 @@
 .double-string {
+  position: relative;
+
   display: flex;
-  align-items: flex-start;
   flex-direction: column;
   justify-content: center;
+  align-items: flex-start;
+
   min-width: 0;
-  position: relative;
 
   &__value,
   &__description {
-    color: inherit;
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
     font-style: inherit;
+
+    color: inherit;
   }
 
   &__value {
     overflow: hidden;
+
+    max-width: 100%;
     margin: 0 0 4px;
+
     white-space: nowrap;
     text-overflow: ellipsis;
-    max-width: 100%;
   }
 
   &__description {
-    color: #9AA0B9;
     margin: 0;
+
+    color: #9aa0b9;
   }
 }

package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss

@@ -1,18 +1,18 @@
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__double-string {
-  color: #1E1E2D;
-
   font-family: Roboto, sans-serif;
   font-size: 16px;
   font-weight: 400;
   font-style: normal;
 
+  color: #1e1e2d;
+
   .double-string {
     &__description {
-      color: #687BC1;
-
       font-size: 13px;
+
+      color: #687bc1;
     }
   }
 }