intelicoreact 1.5.38 → 1.5.41

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

@@ -1,207 +1,148 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _operations = require("../../../Functions/operations");
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
-const _RangeListRow = /*#__PURE__*/ _interop_require_wildcard(require("./partial/RangeListRow"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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 _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 && {}.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: ""
+  from: "",
+  to: ""
 };
-const RangeList = (props)=>{
-    const { className, value = [], disabled, validateErrors, onChange, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow = false, testId = "range-list" } = 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 _ref;
-            if (isValidRange && ((_ref = !(validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(Number(state.from), Number(state.to)))) !== null && _ref !== void 0 ? _ref : 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(Number(state.from), Number(state.to)));
-        },
-        removeRange: (index)=>onChange(value.filter((item, idx)=>idx !== index)),
-        rangeValidation: (e, key)=>{
-            const oppositeKey = key === "from" ? "to" : "from";
-            if (!(state === null || state === void 0 ? void 0 : state.from) && !(state === null || state === void 0 ? void 0 : state.to)) {
-                setInnerError("");
-                setOuterError("");
-                return e;
-            }
-            if (!state[oppositeKey]) {
-                const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
-                mustToFocus.focus();
-            } else if (!isValidRange) {
-                setInnerError(defaultErrorText);
-                if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
-            } else {
-                setInnerError("");
-                if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
-            }
-            return null;
-        },
-        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: (code)=>{
-            if (code === 13) inputToRef.current.blur();
-        }
-    };
-    const renderInputsAndAddButtonRow = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${RC}__row`, `${RC}__inputs`),
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
-                    className: `${RC}__cell-input`,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                        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__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
-                    className: `${RC}__cell-input`,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                        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__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
-                    className: `${RC}__cell-button`,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                        onClick: handle.addRange,
-                        children: "Add"
-                    })
-                })
-            ]
-        });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(RC, className, {
-            [`${RC}_disabled`]: disabled
-        }),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__row`, `${RC}__labels`),
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
-                        className: `${RC}__cell-label`,
-                        children: "From"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.RangeListCell, {
-                        className: `${RC}__cell-label`,
-                        children: "To"
-                    })
-                ]
-            }),
-            isShowRow && renderInputsAndAddButtonRow(),
-            (innerError || outerError || error) && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: `${RC}__error`,
-                children: innerError || error || outerError
-            }),
-            !(value === null || value === void 0 ? void 0 : value.length) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, `${RC}__null-value`),
-                children: NULL_VALUE_TEXT
-            }),
-            value.map((row, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeListRow.default, {
-                    "data-testid": `${testId}-row-${idx}`,
-                    ...row,
-                    idx: idx,
-                    actionClick: ()=>handle.removeRange(idx)
-                }, `idx-${idx}-from-${row.from}-to${row.to}`))
-        ]
-    });
+const RangeList = props => {
+  const {
+    className,
+    value = [],
+    disabled,
+    validateErrors,
+    onChange,
+    isFloatValues,
+    decimalPlaces,
+    error,
+    defaultErrorText,
+    nullValueText,
+    isOnlyOneRow = false,
+    testId = "range-list"
+  } = props;
+  const NULL_VALUE_TEXT = 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?.from && state?.to && Number(state?.from) <= Number(state?.to));
+  const isShowRow = isOnlyOneRow && value?.length === 0 || !isOnlyOneRow;
+  const handle = {
+    inputsChange: (val, prop) => setState({
+      ...state,
+      [prop]: val
+    }),
+    addRange: () => {
+      if (isValidRange && (!validateErrors?.(Number(state.from), Number(state.to)) ?? 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(Number(state.from), Number(state.to)));
+    },
+    removeRange: index => onChange(value.filter((item, idx) => idx !== index)),
+    rangeValidation: (e, key) => {
+      const oppositeKey = key === "from" ? "to" : "from";
+      if (!state?.from && !state?.to) {
+        setInnerError("");
+        setOuterError("");
+        return e;
+      }
+      if (!state[oppositeKey]) {
+        const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
+        mustToFocus.focus();
+      } else if (!isValidRange) {
+        setInnerError(defaultErrorText);
+        if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
+      } else {
+        setInnerError("");
+        if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
+      }
+      return null;
+    },
+    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: code => {
+      if (code === 13) inputToRef.current.blur();
+    }
+  };
+  const renderInputsAndAddButtonRow = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__row`, `${RC}__inputs`)
+  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: `${RC}__cell-input`
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    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: `${RC}__cell-input`
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    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: `${RC}__cell-button`
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handle.addRange
+  }, "Add")));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)(RC, className, {
+      [`${RC}_disabled`]: disabled
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__row`, `${RC}__labels`)
+  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: `${RC}__cell-label`
+  }, "From"), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+    className: `${RC}__cell-label`
+  }, "To")), isShowRow && renderInputsAndAddButtonRow(), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${RC}__error`
+  }, innerError || error || outerError), !value?.length && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, `${RC}__null-value`)
+  }, NULL_VALUE_TEXT), value.map((row, idx) => /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
+    "data-testid": `${testId}-row-${idx}`,
+    key: `idx-${idx}-from-${row.from}-to${row.to}`
+  }, row, {
+    idx: idx,
+    actionClick: () => handle.removeRange(idx)
+  }))));
 };
-const _default = RangeList;
+var _default = exports.default = RangeList;

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

@@ -1,4 +1,4 @@
-@use './../../../scss/vars';
+@import "./../../../scss/vars";
 
 .range-list {
   --border-color: black;
@@ -127,7 +127,7 @@
 
       cursor: pointer;
 
-      color: vars.$color--froly;
+      color: $color--froly;
     }
   }
 

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

@@ -1,4 +1,6 @@
-@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
+// @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;
@@ -9,6 +11,7 @@
   --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,63 +1,50 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    RangeListCell: function() {
-        return RangeListCell;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+exports.default = exports.RangeListCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFeather = require("react-feather");
 const RC = "range-list";
-const RangeListCell = ({ children, idx, className, onClick })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: (0, _classnames.default)(`${RC}__cell`, className, {
-            [`${RC}__cell-${idx}`]: idx
-        }),
-        onClick: onClick,
-        children: children
-    });
+const RangeListCell = _ref => {
+  let {
+    children,
+    idx,
+    className,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__cell`, className, {
+      [`${RC}__cell-${idx}`]: idx
+    }),
+    onClick: onClick
+  }, children);
 };
-const RangeListRow = ({ from, to, idx, actionClick })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, {
-            [`${RC}__values_first-value`]: idx === 0
-        }),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
-                idx: 1,
-                className: `${RC}__cell-value`,
-                children: from
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
-                idx: 2,
-                className: `${RC}__cell-value`,
-                children: to
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(RangeListCell, {
-                idx: 3,
-                className: `${RC}__cell-action`,
-                onClick: ()=>actionClick(idx),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
-            })
-        ]
-    });
+exports.RangeListCell = RangeListCell;
+const RangeListRow = _ref2 => {
+  let {
+    from,
+    to,
+    idx,
+    actionClick
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__row`, `${RC}__values`, {
+      [`${RC}__values_first-value`]: idx === 0
+    })
+  }, /*#__PURE__*/_react.default.createElement(RangeListCell, {
+    idx: 1,
+    className: `${RC}__cell-value`
+  }, from), /*#__PURE__*/_react.default.createElement(RangeListCell, {
+    idx: 2,
+    className: `${RC}__cell-value`
+  }, to), /*#__PURE__*/_react.default.createElement(RangeListCell, {
+    idx: 3,
+    className: `${RC}__cell-action`,
+    onClick: () => actionClick(idx)
+  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
 };
-const _default = RangeListRow;
+var _default = exports.default = RangeListRow;