@rabbitio/ui-kit 1.0.0-beta.42 → 1.0.0-beta.45

package/src/components/tests/utils/urlQueryUtils/getQueryParameterValues.test.js

@@ -0,0 +1,71 @@
+import should from "should";
+
+import { beforeEach, afterEach, describe, it } from "vitest";
+import { getQueryParameterValues } from "../../../utils/urlQueryUtils.js";
+
+describe("urlQueryUtils", function () {
+    describe("#getQueryParameterValues", function () {
+        beforeEach(function () {});
+
+        afterEach(function () {
+            global.window = {};
+        });
+
+        function setCustomQueryString(query) {
+            global.window = {
+                location: {
+                    search: query,
+                },
+            };
+        }
+
+        it("Should unescape parameter values", function () {
+            const parameterValuesWithSpecialSymbols = "#a@se /wer|*|##eee$";
+            setCustomQueryString(
+                `?a=${encodeURIComponent(parameterValuesWithSpecialSymbols)}`
+            );
+            const result = getQueryParameterValues("a");
+
+            result.should.be.deepEqual([
+                ...parameterValuesWithSpecialSymbols.split("|*|"),
+            ]);
+        });
+
+        it("Should return empty array if there is no such parameter in the query", function () {
+            setCustomQueryString(`?a=val&b=val2`);
+            const result = getQueryParameterValues("c");
+
+            result.should.be.deepEqual([]);
+        });
+
+        it("Should return array with the only empty string element if the value of the parameter is empty", function () {
+            setCustomQueryString(`?a=`);
+            const result = getQueryParameterValues("a");
+
+            result.should.be.deepEqual([""]);
+        });
+
+        it("Should return array with one value", function () {
+            setCustomQueryString(`?a=val1`);
+            const result = getQueryParameterValues("a");
+
+            result.should.be.deepEqual(["val1"]);
+        });
+
+        it("Should return array with several values", function () {
+            setCustomQueryString(`?a=${encodeURIComponent("val1|*|val2")}`);
+            const result = getQueryParameterValues("a");
+
+            result.should.be.deepEqual(["val1", "val2"]);
+        });
+
+        it("Should return array of all values if parameter is defined several times in the query", function () {
+            setCustomQueryString(
+                `?a=${encodeURIComponent("val1|*|val2")}&a=val3`
+            );
+            const result = getQueryParameterValues("a");
+
+            result.should.be.deepEqual(["val1", "val2", "val3"]);
+        });
+    });
+});

package/src/components/tests/utils/urlQueryUtils/saveQueryParameterAndValues.test.js

@@ -0,0 +1,144 @@
+import sinon from "sinon";
+import should from "should";
+
+import { beforeEach, afterEach, describe, it } from "vitest";
+import { saveQueryParameterAndValues } from "../../../utils/urlQueryUtils.js";
+
+describe("urlQueryUtils", function () {
+    describe("#saveQueryParameterAndValues", function () {
+        let callbackStub;
+        beforeEach(function () {
+            callbackStub = sinon.stub();
+        });
+
+        afterEach(function () {
+            global.window = {};
+        });
+
+        function setCustomQueryString(query) {
+            global.window = {
+                location: {
+                    search: query,
+                },
+            };
+        }
+
+        it("Should escape parameter values", function () {
+            setCustomQueryString("");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["e #e"],
+                callbackStub
+            );
+            result.should.be.equal(`?a=${encodeURIComponent("e #e")}`);
+        });
+
+        it("Should call callback ones", function () {
+            setCustomQueryString("");
+            saveQueryParameterAndValues("a", ["1"], callbackStub);
+            callbackStub.callCount.should.be.equal(1);
+        });
+
+        it("Should add parameter with no values - Case query is empty", function () {
+            setCustomQueryString("");
+            const result = saveQueryParameterAndValues("a", [], callbackStub);
+            result.should.be.equal("?a=");
+        });
+
+        it("Should add parameter with no values - Case query contains one parameter", function () {
+            setCustomQueryString("?one=val");
+            const result = saveQueryParameterAndValues("a", [], callbackStub);
+            result.should.be.equal("?one=val&a=");
+        });
+
+        it("Should add parameter with no values - Case query contains several parameters", function () {
+            setCustomQueryString("?one=val&err=week");
+            const result = saveQueryParameterAndValues("a", [], callbackStub);
+            result.should.be.equal("?one=val&err=week&a=");
+        });
+
+        it("Should add parameter with one value - Case query is empty", function () {
+            setCustomQueryString("");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1"],
+                callbackStub
+            );
+            result.should.be.equal("?a=1");
+        });
+
+        it("Should add parameter with one value - Case query contains one parameter", function () {
+            setCustomQueryString("?one=val");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1"],
+                callbackStub
+            );
+            result.should.be.equal("?one=val&a=1");
+        });
+
+        it("Should add parameter with one value - Case query contains several parameters", function () {
+            setCustomQueryString("?one=val&err=week");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1"],
+                callbackStub
+            );
+            result.should.be.equal("?one=val&err=week&a=1");
+        });
+
+        it("Should add parameter with several values using separator - Case query is empty", function () {
+            setCustomQueryString("");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1", "aa", "err"],
+                callbackStub
+            );
+            result.should.be.equal(`?a=${encodeURIComponent("1|*|aa|*|err")}`);
+        });
+
+        it("Should add parameter with several values using separator - Case query contains one parameter", function () {
+            setCustomQueryString("?one=val");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1", "aa", "err"],
+                callbackStub
+            );
+            result.should.be.equal(
+                `?one=val&a=${encodeURIComponent("1|*|aa|*|err")}`
+            );
+        });
+
+        it("Should add parameter with several values using separator - Case query contains several parameters", function () {
+            setCustomQueryString("?one=val&err=week");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1", "aa", "err"],
+                callbackStub
+            );
+            result.should.be.equal(
+                `?one=val&err=week&a=${encodeURIComponent("1|*|aa|*|err")}`
+            );
+        });
+
+        it("Should replace existing parameter value - Case query contains one parameter", function () {
+            setCustomQueryString("?a=val");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1"],
+                callbackStub
+            );
+            result.should.be.equal("?a=1");
+        });
+
+        it("Should replace existing parameter value - Case query contains several parameters", function () {
+            setCustomQueryString("?one=val&a=week");
+            const result = saveQueryParameterAndValues(
+                "a",
+                ["1"],
+                callbackStub
+            );
+            result.should.be.equal("?one=val&a=1");
+        });
+    });
+});

package/src/components/utils/inputValueProviders.js

@@ -0,0 +1,58 @@
+import { BigNumber } from "bignumber.js";
+
+export class InputValuesProviders {
+    /**
+     * Designed to be called onKeyUp event of html input field for float value
+     * Removes all prohibited stuff from the given float string and remains only allowed.
+     * Removes digits before and after the dot.
+     *
+     * @param inputString {string} string to be corrected
+     * @param maxValue {string} max value for the correcting float value
+     * @param digitsAfterDot {number} count of digits after the dot that this method should provide, min 0
+     * @return {string} corrected float value string
+     */
+    static provideFormatOfFloatValueByInputString(
+        inputString,
+        digitsAfterDot = 2,
+        maxValue = null
+    ) {
+        let value = inputString;
+        if (!value) {
+            return "";
+        }
+
+        if (digitsAfterDot < 0) {
+            throw new Error("Min suffix length is 0, got " + digitsAfterDot);
+        }
+
+        value = value.replace(/[,]/g, "."); // replaces commas with dots
+        value = value.replace(/[^0-9.]/g, ""); // remove non digits/dots
+        value = value.replace(/^\./g, "0."); // adds leading zero
+        value = value.replace(/\.+/g, "."); // replaces series of dots with single dot
+
+        let parts = value.split(".");
+        if (parts.length > 2) {
+            // removes all after second dot and itself
+            parts = [parts[0], parts[1]];
+        }
+
+        if (maxValue != null) {
+            const maxDigitsCountBeforeTheDot =
+                BigNumber(maxValue).toFixed(0).length;
+            if (parts[0]?.length > maxDigitsCountBeforeTheDot) {
+                // removes redundant prefix digits
+                parts[0] = parts[0].substring(
+                    parts[0].length - maxDigitsCountBeforeTheDot,
+                    parts[0].length
+                );
+            }
+        }
+
+        if (parts[1]?.length > digitsAfterDot) {
+            // removes redundant suffix digits
+            parts[1] = parts[1].substring(0, digitsAfterDot);
+        }
+
+        return parts.join(".");
+    }
+}

package/src/constants/organisms/dialog/DialogStep/dialogStep.js

@@ -0,0 +1 @@
+export const DIALOG_STEP_CLASS = "dialog-step";

package/src/constants/organisms/dialog/dialog.js

@@ -0,0 +1,29 @@
+// If changed - update the prop configuration in the stories and related components.
+export const DIALOG_SIZES = {
+    small: {
+        width: "550px",
+        height: "650px",
+    },
+    regular: {
+        width: "600px",
+        height: "650px",
+    },
+    large: {
+        width: "700px",
+        height: "650px",
+    },
+    largePlus: {
+        width: "750px",
+        height: "650px",
+    },
+    largePlusPlus: {
+        width: "800px",
+        height: "650px",
+    },
+    extraLarge: {
+        width: "1000px",
+        height: "650px",
+    },
+};
+
+export const DIALOG_TRANSITION_STEP_DURATION = 200;

package/src/index.js

@@ -3,10 +3,21 @@ export { Button } from "./components/atoms/buttons/Button/Button.jsx";
 export { LoadingDots } from "./components/atoms/LoadingDots/LoadingDots.jsx";
 export { SupportChat } from "./components/atoms/SupportChat/SupportChat.jsx";
 export { AssetIcon } from "./components/atoms/AssetIcon/AssetIcon.jsx";
+export { LinkButton } from "./components/atoms/buttons/LinkButton/LinkButton.jsx";
+export { DialogButtons } from "./components/organisms/Dialog/DialogButtons/DialogButtons.jsx";
+export { BackgroundTitle } from "./components/atoms/BackgroundTitle/BackgroundTitle.jsx";
+export {
+    Close,
+    CLOSE_COLORS,
+} from "./components/atoms/buttons/Close/Close.jsx";
+export { Validation } from "./components/atoms/Validation/Validation.jsx";
+export { Dialog } from "./components/organisms/Dialog/Dialog.jsx";
+export { DialogStep } from "./components/organisms/Dialog/DialogStep/DialogStep.jsx";
 
 export { useCallHandlingErrors } from "./components/hooks/useCallHandlingErrors.js";
 export { useReferredState } from "./components/hooks/useReferredState.js";
 export { handleClickOutside } from "./components/utils/uiUtils.js";
+export { InputValuesProviders } from "./components/utils/inputValueProviders.js";
 
 export { saveQueryParameterAndValues } from "./components/utils/urlQueryUtils.js";
 export { removeQueryParameterAndValues } from "./components/utils/urlQueryUtils.js";

package/src/robustExteranlApiCallerService/robustExternalAPICallerService.js

@@ -46,7 +46,9 @@ export class RobustExternalAPICallerService {
         this.providers = providersData;
         providersData.forEach((provider) => provider.resetNiceFactor());
         this.bio = bio;
-        this._logger = Logger.logError;
+        this._logger = (...args) => {
+            Logger.logError(...args);
+        };
     }
 
     static defaultRPSFactor = 1;