intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss

@@ -1,15 +1,15 @@
 .range-inputs {
   display: flex;
-  align-items: flex-start;
-  flex-flow: row nowrap;
   flex-direction: column;
+  flex-flow: row nowrap;
   justify-content: flex-start;
+  align-items: flex-start;
 
   &__wrapper {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
+    align-items: center;
 
     width: 100%;
   }
@@ -17,9 +17,9 @@
   &__input-from,
   &__input-to {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
+    align-items: center;
 
     width: fit-content;
   }
@@ -39,9 +39,9 @@
     align-items: flex-start;
 
     .range-inputs__wrapper {
-      align-items: flex-end;
       flex-flow: column nowrap;
       justify-content: flex-start;
+      align-items: flex-end;
 
       width: fit-content;
     }

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -1,190 +1,135 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _operations = require("../../../Functions/operations");
-
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-
 var _Input = _interopRequireDefault(require("../Input/Input"));
-
 var _RangeListRow = _interopRequireWildcard(require("./partial/RangeListRow"));
-
 require("./RangeList.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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var RC = 'range-list';
-var DEFAULT_STATE = {
-  from: '',
-  to: ''
+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; }
+// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
+
+const RC = "range-list";
+const DEFAULT_STATE = {
+  from: "",
+  to: ""
 };
-
-var RangeList = function RangeList(props) {
-  var className = props.className,
-      _props$value = props.value,
-      value = _props$value === void 0 ? [] : _props$value,
-      disabled = props.disabled,
-      validateErrors = props.validateErrors,
-      onChange = props.onChange,
-      isFloatValues = props.isFloatValues,
-      decimalPlaces = props.decimalPlaces,
-      error = props.error,
-      defaultErrorText = props.defaultErrorText,
-      nullValueText = props.nullValueText,
-      _props$isOnlyOneRow = props.isOnlyOneRow,
-      isOnlyOneRow = _props$isOnlyOneRow === void 0 ? false : _props$isOnlyOneRow,
-      testId = props.testId;
-  var NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : 'No data';
-
-  var _useState = (0, _react.useState)(DEFAULT_STATE),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      innerError = _useState4[0],
-      setInnerError = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      outerError = _useState6[0],
-      setOuterError = _useState6[1];
-
-  var inputFromRef = (0, _react.useRef)(null);
-  var inputToRef = (0, _react.useRef)(null);
-  var isValidRange = !!(state !== null && state !== void 0 && state.from && state !== null && state !== void 0 && state.to && +(state === null || state === void 0 ? void 0 : state.from) <= +(state === null || state === void 0 ? void 0 : state.to));
-  var isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
-  var handle = {
-    inputsChange: function inputsChange(val, prop) {
-      return setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, val)));
-    },
-    addRange: function addRange() {
+const RangeList = props => {
+  const {
+    className,
+    value = [],
+    disabled,
+    validateErrors,
+    onChange,
+    isFloatValues,
+    decimalPlaces,
+    error,
+    defaultErrorText,
+    nullValueText,
+    isOnlyOneRow = false,
+    testId
+  } = props;
+  const NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : "No data";
+  const [state, setState] = (0, _react.useState)(DEFAULT_STATE);
+  const [innerError, setInnerError] = (0, _react.useState)("");
+  const [outerError, setOuterError] = (0, _react.useState)("");
+  const inputFromRef = (0, _react.useRef)(null);
+  const inputToRef = (0, _react.useRef)(null);
+  const isValidRange = Boolean((state === null || state === void 0 ? void 0 : state.from) && (state === null || state === void 0 ? void 0 : state.to) && Number(state === null || state === void 0 ? void 0 : state.from) <= Number(state === null || state === void 0 ? void 0 : state.to));
+  const isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
+  const handle = {
+    inputsChange: (val, prop) => setState({
+      ...state,
+      [prop]: val
+    }),
+    addRange: () => {
       var _validateErrors;
-
-      if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(+state.from, +state.to))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
-        onChange((0, _operations.addRangeDefault)(+state.from, +state.to, value, isFloatValues ? decimalPlaces : null));
+      if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(Number(state.from), Number(state.to)))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
+        onChange((0, _operations.addRangeDefault)(Number(state.from), Number(state.to), value, isFloatValues ? decimalPlaces : null));
         setState(DEFAULT_STATE);
-        setInnerError('');
-        setOuterError('');
-      } else if (!isValidRange) setInnerError(defaultErrorText);else if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
+        setInnerError("");
+        setOuterError("");
+      } else if (!isValidRange) setInnerError(defaultErrorText);else if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
     },
-    removeRange: function removeRange(index) {
-      return onChange(value.filter(function (item, idx) {
-        return idx !== index;
-      }));
-    },
-    rangeValidation: function rangeValidation(e, key) {
-      var oppositeKey = key === 'from' ? 'to' : 'from';
-
+    removeRange: index => onChange(value.filter((item, idx) => idx !== index)),
+    rangeValidation: (e, key) => {
+      const oppositeKey = key === "from" ? "to" : "from";
       if (!(state !== null && state !== void 0 && state.from) && !(state !== null && state !== void 0 && state.to)) {
-        setInnerError('');
-        setOuterError('');
+        setInnerError("");
+        setOuterError("");
         return e;
       }
-
       if (!state[oppositeKey]) {
-        var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
+        const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
         mustToFocus.focus();
       } else if (!isValidRange) {
         setInnerError(defaultErrorText);
-        if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
+        if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
       } else {
-        setInnerError('');
-        if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
+        setInnerError("");
+        if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
       }
-
       return null;
     },
-    onKeyUpFromInput: function onKeyUpFromInput(code) {
+    onKeyUpFromInput: code => {
       if (code === 13) {
         if (isValidRange) inputFromRef.current.blur();else if (!state.to) inputToRef.current.focus();else if (state.from) inputFromRef.current.select();
       }
     },
-    onKeyUpToInput: function onKeyUpToInput(code) {
+    onKeyUpToInput: code => {
       if (code === 13) inputToRef.current.blur();
     }
   };
-
-  var renderInputsAndAddButtonRow = function renderInputsAndAddButtonRow() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
-    }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-      className: "".concat(RC, "__cell-input")
-    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-      testId: "range-list".concat(testId && "--".concat(testId), "-from"),
-      ref: inputFromRef,
-      onlyNumbers: isFloatValues ? {
-        type: 'float',
-        decimalPlaces: decimalPlaces || 0
-      } : {
-        type: 'int'
-      },
-      value: state.from,
-      onBlur: function onBlur(e) {
-        return handle.rangeValidation(e, 'from');
-      },
-      onChange: function onChange(val) {
-        return handle.inputsChange(val, 'from');
-      },
-      onKeyUp: function onKeyUp(code) {
-        return handle.onKeyUpFromInput(code);
-      }
-    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-      className: "".concat(RC, "__cell-input")
-    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-      testId: "range-list".concat(testId && "--".concat(testId), "-to"),
-      ref: inputToRef,
-      onlyNumbers: isFloatValues ? {
-        type: 'float',
-        decimalPlaces: decimalPlaces || 0
-      } : {
-        type: 'int'
-      },
-      value: state.to,
-      onBlur: function onBlur(e) {
-        return handle.rangeValidation(e, 'to');
-      },
-      onChange: function onChange(val) {
-        return handle.inputsChange(val, 'to');
-      },
-      onKeyUp: function onKeyUp(code) {
-        return handle.onKeyUpToInput(code);
-      }
-    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-      className: "".concat(RC, "__cell-button")
-    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      testId: "range-list".concat(testId && "--".concat(testId), "-button"),
-      onClick: handle.addRange
-    }, "Add")));
-  };
-
+  const renderInputsAndAddButtonRow = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
+  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: "".concat(RC, "__cell-input")
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "range-list".concat(testId && "--".concat(testId), "-from"),
+    ref: inputFromRef,
+    onlyNumbers: isFloatValues ? {
+      type: "float",
+      decimalPlaces: decimalPlaces || 0
+    } : {
+      type: "int"
+    },
+    value: state.from,
+    onBlur: e => handle.rangeValidation(e, "from"),
+    onChange: val => handle.inputsChange(val, "from"),
+    onKeyUp: code => handle.onKeyUpFromInput(code)
+  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: "".concat(RC, "__cell-input")
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "range-list".concat(testId && "--".concat(testId), "-to"),
+    ref: inputToRef,
+    onlyNumbers: isFloatValues ? {
+      type: "float",
+      decimalPlaces: decimalPlaces || 0
+    } : {
+      type: "int"
+    },
+    value: state.to,
+    onBlur: e => handle.rangeValidation(e, "to"),
+    onChange: val => handle.inputsChange(val, "to"),
+    onKeyUp: code => handle.onKeyUpToInput(code)
+  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: "".concat(RC, "__cell-button")
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: "range-list".concat(testId && "--".concat(testId), "-button"),
+    onClick: handle.addRange
+  }, "Add")));
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
+    className: (0, _classnames.default)(RC, className, {
+      ["".concat(RC, "_disabled")]: disabled
+    })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__labels"))
   }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
@@ -195,18 +140,12 @@ var RangeList = function RangeList(props) {
     className: "".concat(RC, "__error")
   }, innerError || error || outerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))
-  }, NULL_VALUE_TEXT), value.map(function (row, idx) {
-    return /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
-      "data-testid": "range-list-row-".concat(idx),
-      key: "idx-".concat(idx, "-from-").concat(row.from, "-to").concat(row.to)
-    }, row, {
-      idx: idx,
-      actionClick: function actionClick() {
-        return handle.removeRange(idx);
-      }
-    }));
-  }));
+  }, NULL_VALUE_TEXT), value.map((row, idx) => /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
+    "data-testid": "range-list-row-".concat(idx),
+    key: "idx-".concat(idx, "-from-").concat(row.from, "-to").concat(row.to)
+  }, row, {
+    idx: idx,
+    actionClick: () => handle.removeRange(idx)
+  }))));
 };
-
-var _default = RangeList;
-exports.default = _default;
+var _default = exports.default = RangeList;

package/dist/Atomic/FormElements/RangeList/RangeList.scss

@@ -13,8 +13,8 @@
   --background-color: transparent;
   --labels-background-color: transparent;
   --inputs-background-color: transparent;
-  --tag-input-background-color: #FFF;
-  --values-background-color: #FFF;
+  --tag-input-background-color: #fff;
+  --values-background-color: #fff;
 
   width: 500px;
   height: fit-content;
@@ -23,10 +23,10 @@
 
   &__row {
     display: grid;
+    grid-template-columns: 1fr 1fr var(--button-size);
 
     width: 100%;
     height: 30px;
-    grid-template-columns: 1fr 1fr var(--button-size);
   }
 
   &__labels,
@@ -37,46 +37,46 @@
   &__labels {
     margin-bottom: 10px;
 
-    color: var(--labels-color);
-    background-color: var(--labels-background-color);
-
     font-family: inherit;
     font-size: var(--labels-font-size);
     font-weight: 400;
     font-style: inherit;
     line-height: 24px;
+
+    color: var(--labels-color);
+    background-color: var(--labels-background-color);
   }
 
   &__inputs {
     margin-bottom: 6px;
 
-    color: var(--inputs-color);
-    background-color: var(--inputs-background-color);
-
     font-family: inherit;
     font-size: var(--inputs-font-size);
     font-weight: 400;
     font-style: inherit;
     line-height: 24px;
 
+    color: var(--inputs-color);
+    background-color: var(--inputs-background-color);
+
     & input {
       background-color: var(--tag-input-background-color);
     }
   }
 
   &__values {
-    color: var(--values-color);
-    border-right: 1px solid var(--border-color);
-    border-bottom: 1px solid var(--border-color);
-    border-left: 1px solid var(--border-color);
-    background-color: var(--values-background-color);
-
     font-family: inherit;
     font-size: var(--values-font-size);
     font-weight: 400;
     font-style: inherit;
     line-height: 24px;
 
+    color: var(--values-color);
+    border-right: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
+    border-left: 1px solid var(--border-color);
+    background-color: var(--values-background-color);
+
     &_first-value {
       border-top: 1px solid var(--border-color);
     }
@@ -92,27 +92,27 @@
     &-label,
     &-input input,
     &-value {
-      color: inherit;
-
       font-family: inherit;
       font-size: inherit;
       font-weight: inherit;
       font-style: inherit;
       line-height: inherit;
+
+      color: inherit;
     }
 
     &-label {
       display: flex;
-      align-items: center;
       flex-flow: row nowrap;
       justify-content: flex-start;
+      align-items: center;
     }
 
     &-value {
       display: flex;
-      align-items: center;
       flex-flow: row nowrap;
       justify-content: flex-start;
+      align-items: center;
 
       padding: 0 7.5px;
 
@@ -121,9 +121,9 @@
 
     &-action {
       display: flex;
-      align-items: center;
       flex-flow: row nowrap;
       justify-content: center;
+      align-items: center;
 
       cursor: pointer;
 
@@ -137,13 +137,13 @@
     margin-bottom: 5px;
     margin-left: 5px;
 
-    color: #F06D8D;
-
     font-family: inherit;
     font-size: 10px;
     font-weight: 400;
     font-style: normal;
     line-height: normal;
+
+    color: #f06d8d;
   }
 
   &_disabled {
@@ -154,9 +154,9 @@
 
   &__null-value {
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: center;
+    align-items: center;
 
     border: none;
   }

package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss

@@ -1,15 +1,16 @@
 // @import url('https://fonts.googleapis.com/css2?family=Palette+Mosaic&family=Roboto:wght@300;400;500&display=swap');
+
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
 
 .any-outer-class__range-list {
-  --border-color: #F4F7F9;
+  --border-color: #f4f7f9;
   --labels-font-size: 12px;
   --inputs-font-size: 13px;
   --values-font-size: 13px;
   --button-text-font-size: 13px;
-  --labels-color: #1E1E2D;
-  --inputs-color: #1E1E2D;
-  --values-color: #1E1E2D;
+  --labels-color: #1e1e2d;
+  --inputs-color: #1e1e2d;
+  --values-color: #1e1e2d;
   // font-family: 'Palette Mosaic', cursive;
 
   font-family: Roboto, sans-serif;

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -1,42 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RangeListCell = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
-var RC = 'range-list';
-
-var RangeListCell = function RangeListCell(_ref) {
-  var children = _ref.children,
-      idx = _ref.idx,
-      className = _ref.className,
-      onClick = _ref.onClick;
+const RC = "range-list";
+const RangeListCell = _ref => {
+  let {
+    children,
+    idx,
+    className,
+    onClick
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__cell"), className, (0, _defineProperty2.default)({}, "".concat(RC, "__cell-").concat(idx), idx)),
+    className: (0, _classnames.default)("".concat(RC, "__cell"), className, {
+      ["".concat(RC, "__cell-").concat(idx)]: idx
+    }),
     onClick: onClick
   }, children);
 };
-
 exports.RangeListCell = RangeListCell;
-
-var RangeListRow = function RangeListRow(_ref2) {
-  var from = _ref2.from,
-      to = _ref2.to,
-      idx = _ref2.idx,
-      actionClick = _ref2.actionClick;
+const RangeListRow = _ref2 => {
+  let {
+    from,
+    to,
+    idx,
+    actionClick
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), (0, _defineProperty2.default)({}, "".concat(RC, "__values_first-value"), idx === 0))
+    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), {
+      ["".concat(RC, "__values_first-value")]: idx === 0
+    })
   }, /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 1,
     className: "".concat(RC, "__cell-value")
@@ -46,11 +44,7 @@ var RangeListRow = function RangeListRow(_ref2) {
   }, to), /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 3,
     className: "".concat(RC, "__cell-action"),
-    onClick: function onClick() {
-      return actionClick(idx);
-    }
+    onClick: () => actionClick(idx)
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
 };
-
-var _default = RangeListRow;
-exports.default = _default;
+var _default = exports.default = RangeListRow;