x25 17.1.9 → 17.1.12

package/Collapse.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type CollapseProps = {
+    open?: boolean;
+    children: any;
+    contentClassName: string;
+};
+declare const Collapse: ({ open, children, contentClassName }: CollapseProps) => JSX.Element;
+export default Collapse;

package/Collapse.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-undefined */
+var react_1 = __importStar(require("react"));
+var Collapse = function (_a) {
+    var open = _a.open, children = _a.children, contentClassName = _a.contentClassName;
+    var contentContainerClassName = "collapsible-content-padding-edonec", _b = (0, react_1.useState)(0), visibleTimeout = _b[0], setVisibleTimeout = _b[1], _c = (0, react_1.useState)(open ? "hidden" : "visible"), overflow = _c[0], setOverflow = _c[1], _d = (0, react_1.useState)(open), isOpen = _d[0], setIsOpen = _d[1], _e = (0, react_1.useState)(open ? undefined : 0), height = _e[0], setHeight = _e[1], ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        setIsOpen(open);
+    }, [open]);
+    (0, react_1.useEffect)(function () {
+        if (!height || !isOpen || !ref.current) {
+            return undefined;
+        }
+        var resizeObserver = new ResizeObserver(function (element) {
+            setHeight(element[0].contentRect.height);
+        });
+        resizeObserver.observe(ref.current);
+        return function () {
+            resizeObserver.disconnect();
+        };
+    }, [height, isOpen]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        clearTimeout(visibleTimeout);
+        var delay = 100;
+        setOverflow("hidden");
+        if (isOpen) {
+            setHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height);
+        }
+        else {
+            setHeight(0);
+        }
+        var theTimeout = setTimeout(function () {
+            if (isOpen) {
+                setOverflow("visible");
+            }
+        }, delay);
+        setVisibleTimeout(theTimeout);
+        return function () {
+            clearTimeout(visibleTimeout);
+        };
+    }, [isOpen]);
+    return (react_1.default.createElement("div", { className: "collapsible-content-edonec ".concat(contentClassName), style: { height: height, overflow: overflow } },
+        react_1.default.createElement("div", { className: contentContainerClassName, ref: ref }, children)));
+};
+exports.default = Collapse;
+//# sourceMappingURL=Collapse.js.map

package/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../src/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,6CAA2D;AAQ3D,IAAM,QAAQ,GAAG,UAAC,EAAoD;QAAlD,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA;IAElD,IACE,yBAAyB,GAAG,oCAAoC,EAEhE,KAAsC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAhD,cAAc,QAAA,EAAE,iBAAiB,QAAA,EAClC,KAA0B,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAA9D,QAAQ,QAAA,EAAE,WAAW,QAAA,EAEtB,KAAsB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAnC,MAAM,QAAA,EAAE,SAAS,QAAA,EAClB,KAAsB,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAvE,MAAM,QAAA,EAAE,SAAS,QAAA,EAElB,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC;QACR,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACtC,OAAO,SAAS,CAAC;SAClB;QACD,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,UAAC,OAAO;YAChD,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACpC,OAAO;YACL,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAGrB,IAAA,iBAAS,EAAC;;QACR,YAAY,CAAC,cAAc,CAAC,CAAC;QAE7B,IAAM,KAAK,GAAG,GAAG,CAAC;QAElB,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEtB,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,MAAA,GAAG,CAAC,OAAO,0CAAE,qBAAqB,GAAG,MAAM,CAAC,CAAC;SACxD;aAAM;YACL,SAAS,CAAC,CAAC,CAAC,CAAC;SACd;QAED,IAAM,UAAU,GAAS,UAAU,CAAC;YAClC,IAAI,MAAM,EAAE;gBACV,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,iBAAiB,CAAC,UAAU,CAAC,CAAC;QAE9B,OAAO;YACL,YAAY,CAAC,cAAc,CAAC,CAAC;QAC/B,CAAC,CAAC;IAEJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,uCACE,SAAS,EAAE,qCAA8B,gBAAgB,CAAE,EAAE,KAAK,EAAE,EAAE,MAAM,QAAA,EAC1E,QAAQ,UAAA,EAAE;QACZ,uCAAK,SAAS,EAAE,yBAAyB,EAAE,GAAG,EAAE,GAAG,IAChD,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/Modal/types.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 export declare type ModalsTypes = Record<string, React.ReactNode>;
 export declare type ModalWindowProps = {
-    onClose: () => any;
+    onClose?: () => any;
     closeByEscape?: boolean;
     children: JSX.Element;
     title: string;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "17.1.9",
+  "version": "17.1.12",
   "name": "x25",
   "description": "x25",
   "types": "./dist/index.d.ts",

package/style/index.css

@@ -1 +1 @@
-.delay-input{position:relative}.delay-input input{padding-right:27px}.delay-input .loading-spinner{position:absolute;right:4px;top:5px;transition:all .2s ease-in-out}.digits-3{width:52px !important}.text-fancy,.fancy-text,.fancy-text-sm{-webkit-user-select:none;box-sizing:border-box;color:#b1b2b3;cursor:default;font-family:"Lucida Grande","Segoe UI",Ubuntu,Cantarell,sans-serif;font-weight:bold;list-style-image:none;list-style-position:outside;list-style-type:none;opacity:1;text-align:center}.text-fancy{margin-top:5px;color:gray;font-size:20px;font-weight:500}.fancy-text{font-size:31px;line-height:34px}.fancy-text-sm{font-size:16px;line-height:23.5px}.navbar .nav-toggler{background:#292b2c}.main{padding:20px}.main .page-header{margin-top:0}@media (min-width: 768px){.main{padding-right:40px;padding-left:40px}}.sidework-logo .first-char{color:#ff007b;font-size:32px;font-weight:500}.sidework-logo .color{color:#ff007b}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-hover{text-decoration:none !important}.cursor-pointer{cursor:pointer}.no-wrap{white-space:nowrap}.content{margin-bottom:3rem;margin-top:10px;margin-left:10px}.hr-sm{margin-top:.5rem;margin-bottom:.5rem}.text-fancy,.fancy-text,.fancy-text-sm{-webkit-user-select:none;box-sizing:border-box;color:#b1b2b3;cursor:default;font-family:"Lucida Grande","Segoe UI",Ubuntu,Cantarell,sans-serif;font-weight:bold;list-style-image:none;list-style-position:outside;list-style-type:none;opacity:1;text-align:center}.fancy-text{font-size:31px;line-height:34px}.fancy-text-sm{font-size:16px;line-height:23.5px}.invalid-feedback{display:block !important}.truncate{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1201px){.brand-wrapper{width:500px}}@media screen and (min-width: 980px) and (max-width: 1200px){.brand-wrapper{width:350px}}@media screen and (min-width: 850px) and (max-width: 979px){.brand-wrapper{width:200px}}@media screen and (min-width: 798px) and (max-width: 849px){.brand-wrapper{width:100px}}@media screen and (min-width: 765px) and (max-width: 797px){.brand-wrapper{width:200px}}@media screen and (min-width: 580px) and (max-width: 764px){.brand-wrapper{width:400px}}@media screen and (min-width: 401px) and (max-width: 579px){.brand-wrapper{width:240px}}@media screen and (min-width: 350px) and (max-width: 400px){.brand-wrapper{width:230px}}@media screen and (max-width: 349px){.brand-wrapper{width:100px}}@media only screen and (min-device-width: 770px){.search-bar{width:220px !important}}::-webkit-input-placeholder{color:#e0e0e0 !important}::-moz-placeholder{color:#e0e0e0 !important}:-ms-input-placeholder{color:#e0e0e0 !important}:-moz-placeholder{color:#e0e0e0 !important}
+.delay-input{position:relative}.delay-input input{padding-right:27px}.delay-input .loading-spinner{position:absolute;right:4px;top:5px;transition:all .2s ease-in-out}.digits-3{width:52px !important}.text-fancy,.fancy-text,.fancy-text-sm{-webkit-user-select:none;box-sizing:border-box;color:#b1b2b3;cursor:default;font-family:"Lucida Grande","Segoe UI",Ubuntu,Cantarell,sans-serif;font-weight:bold;list-style-image:none;list-style-position:outside;list-style-type:none;opacity:1;text-align:center}.text-fancy{margin-top:5px;color:gray;font-size:20px;font-weight:500}.fancy-text{font-size:31px;line-height:34px}.fancy-text-sm{font-size:16px;line-height:23.5px}.navbar .nav-toggler{background:#292b2c}.main{padding:20px}.main .page-header{margin-top:0}@media (min-width: 768px){.main{padding-right:40px;padding-left:40px}}.sidework-logo .first-char{color:#ff007b;font-size:32px;font-weight:500}.sidework-logo .color{color:#ff007b}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-hover{text-decoration:none !important}.cursor-pointer{cursor:pointer}.no-wrap{white-space:nowrap}.content{margin-bottom:3rem;margin-top:10px;margin-left:10px}.hr-sm{margin-top:.5rem;margin-bottom:.5rem}.text-fancy,.fancy-text,.fancy-text-sm{-webkit-user-select:none;box-sizing:border-box;color:#b1b2b3;cursor:default;font-family:"Lucida Grande","Segoe UI",Ubuntu,Cantarell,sans-serif;font-weight:bold;list-style-image:none;list-style-position:outside;list-style-type:none;opacity:1;text-align:center}.fancy-text{font-size:31px;line-height:34px}.fancy-text-sm{font-size:16px;line-height:23.5px}.invalid-feedback{display:block !important}.truncate{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1201px){.brand-wrapper{width:500px}}@media screen and (min-width: 980px) and (max-width: 1200px){.brand-wrapper{width:350px}}@media screen and (min-width: 850px) and (max-width: 979px){.brand-wrapper{width:200px}}@media screen and (min-width: 798px) and (max-width: 849px){.brand-wrapper{width:100px}}@media screen and (min-width: 765px) and (max-width: 797px){.brand-wrapper{width:200px}}@media screen and (min-width: 580px) and (max-width: 764px){.brand-wrapper{width:400px}}@media screen and (min-width: 401px) and (max-width: 579px){.brand-wrapper{width:240px}}@media screen and (min-width: 350px) and (max-width: 400px){.brand-wrapper{width:230px}}@media screen and (max-width: 349px){.brand-wrapper{width:100px}}@media only screen and (min-device-width: 770px){.search-bar{width:220px !important}}::-webkit-input-placeholder{color:#e0e0e0 !important}::-moz-placeholder{color:#e0e0e0 !important}:-ms-input-placeholder{color:#e0e0e0 !important}:-moz-placeholder{color:#e0e0e0 !important}.collapsible-content-edonec{transition:height 0.2s ease-in-out}.collapsible-card-edonec{transition:0.3s}

package/utility/hooks.d.ts

@@ -0,0 +1,7 @@
+declare type CheckClickOutsideMenu = {
+    menuRef: any;
+    buttonRef: any;
+    setIsOpen: (value: boolean) => any;
+};
+export declare const checkClickOutsideMenu: ({ menuRef, buttonRef, setIsOpen }: CheckClickOutsideMenu) => void;
+export {};

package/utility/hooks.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkClickOutsideMenu = void 0;
+var react_1 = require("react");
+var checkClickOutsideMenu = function (_a) {
+    var menuRef = _a.menuRef, buttonRef = _a.buttonRef, setIsOpen = _a.setIsOpen;
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            var isClickOutsideButNotOnButton = (menuRef.current &&
+                !menuRef.current.contains(event.target) &&
+                !buttonRef.current.contains(event.target));
+            if (isClickOutsideButNotOnButton) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [menuRef, buttonRef]);
+};
+exports.checkClickOutsideMenu = checkClickOutsideMenu;
+//# sourceMappingURL=hooks.js.map

package/utility/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/utility/hooks.ts"],"names":[],"mappings":";;;AACA,+BAAkC;AAQ3B,IACL,qBAAqB,GAAG,UAAC,EAAyD;QAAvD,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IACtD,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAkB;YAC5C,IAAM,4BAA4B,GAAG,CACnC,OAAO,CAAC,OAAO;gBACb,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBACvC,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAC5C,CAAC;YAEF,IAAI,4BAA4B,EAAE;gBAChC,SAAS,CAAC,KAAK,CAAC,CAAC;aAClB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAC3B,CAAC,CAAC;AApBF,QAAA,qBAAqB,yBAoBnB"}

package/utility/index.d.ts

@@ -8,3 +8,4 @@ export * from "./strings";
 export * from "./mql";
 export * from "./validation";
 export * from "./words";
+export * from "./hooks";

package/utility/index.js

@@ -20,4 +20,5 @@ __exportStar(require("./strings"), exports);
 __exportStar(require("./mql"), exports);
 __exportStar(require("./validation"), exports);
 __exportStar(require("./words"), exports);
+__exportStar(require("./hooks"), exports);
 //# sourceMappingURL=index.js.map

package/utility/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B;AAC3B,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,4CAA0B;AAC1B,wCAAsB;AACtB,+CAA6B;AAC7B,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B;AAC3B,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,4CAA0B;AAC1B,wCAAsB;AACtB,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB"}