intelicoreact 1.5.41 → 1.6.0

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

@@ -1,148 +1,207 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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"));
+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"));
 require("./RangeList.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 && {}.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';
-
+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;
+}
 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 ?? "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 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}`))
+        ]
+    });
 };
-var _default = exports.default = RangeList;
+const _default = RangeList;

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

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

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

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RangeListTemplate: function() {
+        return RangeListTemplate;
+    },
+    TestRangeList: function() {
+        return TestRangeList;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _RangeList = /*#__PURE__*/ _interop_require_default(require("./RangeList"));
+require("../../../../../scss/main.scss");
+require("./partial/AnyOuterClass.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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/RangeList',
+    component: _RangeList.default
+};
+const rootStyles = {
+    with: '100%',
+    padding: '20px',
+    backgroundColor: '#f7fafc'
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isAddValidateErrorsForExample, isUseErrorsState, isUseInitialValues, initialValues, ...restArgs } = args;
+    const [value, setValue] = (0, _react.useState)();
+    const [error, setError] = (0, _react.useState)('');
+    const getValidate = (isUseState)=>(from, to)=>{
+            const errorText = '18 is the minimum allowed value';
+            if (+from < 18) {
+                if (isUseState) setError(errorText);
+                return errorText;
+            } else {
+                if (isUseState) setError('');
+                return '';
+            }
+        };
+    (0, _react.useEffect)(()=>{
+        if (isUseInitialValues) setValue(initialValues);
+        else setValue([]);
+        setError('');
+    }, [
+        isUseInitialValues,
+        restArgs.isFloatValues
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        style: rootStyles,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeList.default, {
+            ...restArgs,
+            className: isIncludeOuterStyles ? 'any-outer-class__range-list' : null,
+            value: value,
+            onChange: (val)=>setValue(val),
+            error: error,
+            validateErrors: isAddValidateErrorsForExample ? getValidate(isUseErrorsState) : null
+        })
+    });
+};
+const RangeListTemplate = Template.bind({});
+RangeListTemplate.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    isUseErrorsState: false,
+    disabled: false,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    isOnlyOneRow: false,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};
+const TestRangeList = Template.bind({});
+TestRangeList.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    isUseErrorsState: false,
+    disabled: false,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};

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

@@ -1,5 +1,3 @@
-// @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 {
@@ -11,7 +9,6 @@
   --labels-color: #1e1e2d;
   --inputs-color: #1e1e2d;
   --values-color: #1e1e2d;
-  // font-family: 'Palette Mosaic', cursive;
 
   font-family: Roboto, sans-serif;