react-gldn-kit 0.0.1

package/dist/lib/components/ui/Section/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./Section.module.css"));
+var Section = function (_a) {
+    var children = _a.children, classes = _a.classes;
+    return (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSection, classes) }, { children: children }));
+};
+exports.Section = Section;

package/dist/lib/components/ui/Selector/index.d.ts

@@ -0,0 +1,2 @@
+import { SelectorProps } from './types';
+export declare const Selector: (props: SelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Selector/index.js

@@ -0,0 +1,135 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Selector = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = require("react");
+var CloseSvg_1 = require("../Icons/CloseSvg");
+var CheckBoxSvg_1 = require("../Icons/CheckBoxSvg");
+var LockSvg_1 = require("../Icons/LockSvg");
+var ArrowButton_1 = require("../Buttons/ArrowButton");
+var HOCOutsideClick_1 = require("components/HOCs/HOCOutsideClick");
+var Text_1 = require("components/Text");
+var useTranslate_1 = require("hooks/useTranslate");
+var styles = __importStar(require("./Selector.module.css"));
+var Selector = function (props) {
+    var _a, _b;
+    var _c = props.placeholder, placeholder = _c === void 0 ? '' : _c, data = props.data, classes = props.classes, activeId = props.activeId, isOpenUp = props.isOpenUp, size = props.size, handleClick = props.handleClick, isAll = props.isAll, classesItem = props.classesItem, _d = props.selectedMainItemClasses, selectedMainItemClasses = _d === void 0 ? '' : _d, isMulti = props.isMulti, modalType = props.modalType, activeIds = props.activeIds, _e = props.joinSymbol, joinSymbol = _e === void 0 ? ',' : _e, _f = props.selectorStyleType, selectorStyleType = _f === void 0 ? 'base' : _f, _g = props.type, type = _g === void 0 ? 'base' : _g, additionalModalProps = props.additionalModalProps, setModalType = props.setModalType;
+    var _h = (0, react_1.useState)(false), isOpened = _h[0], setOpenState = _h[1];
+    var _j = (0, react_1.useState)(true), isHideContent = _j[0], setHideContentState = _j[1];
+    var timer = (0, react_1.useRef)(null);
+    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
+    var isDisabled = data.length < 2 && modalType === undefined;
+    var handleToggleState = function (e) {
+        e.stopPropagation();
+        if (type === 'button') {
+            // @ts-ignore
+            handleClick();
+            return;
+        }
+        if (modalType) {
+            setModalType(modalType, additionalModalProps);
+            return;
+        }
+        if (isHideContent && !isOpened) {
+            setHideContentState(false);
+        }
+        setOpenState(!isOpened);
+    };
+    var resetValue = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!isAll) {
+            return;
+        }
+        setOpenState(false);
+        handleClick(null);
+    };
+    var setAndClose = function (id) { return function (e) {
+        e.stopPropagation();
+        setOpenState(false);
+        // TODO because of isAll change props types for function
+        handleClick(id);
+    }; };
+    var getTitle = function () {
+        var _a;
+        if (isMulti) {
+            return data
+                .filter(function (i) { return activeIds.includes(i.id); })
+                .map(function (i) { return getText(i.name); })
+                .join(joinSymbol);
+        }
+        var name = ((_a = data.find(function (i) { return i.id === activeId; })) === null || _a === void 0 ? void 0 : _a.name) || placeholder;
+        return getText(name);
+    };
+    (0, react_1.useEffect)(function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        if (!isOpened) {
+            timer.current = setTimeout(function () {
+                setHideContentState(true);
+            }, 500);
+        }
+    }, [isOpened]);
+    (0, react_1.useEffect)(function () { return function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+    }; }, []);
+    var directionModifier = "dropDownDirection-".concat(isOpenUp ? 'up' : 'down');
+    var sizeModifier = "dropDownContentSize-".concat(size);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSelector, styles[sizeModifier], classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles.item, styles[sizeModifier], classesItem, (_a = {},
+                    _a[styles.opacity] = isOpened,
+                    _a[selectedMainItemClasses] = activeId || (activeIds === null || activeIds === void 0 ? void 0 : activeIds.length),
+                    _a)), onClick: isDisabled && type === 'base' ? undefined : handleToggleState }, { children: [selectorStyleType === 'labelUp' && placeholder && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.overflow }, { children: getTitle() })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.iconBlock }, { children: [isDisabled && (0, jsx_runtime_1.jsx)(LockSvg_1.LockSvg, {}), !isDisabled && !activeId && ((0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, { isOpened: isOpened, toggleState: resetValue })), !isDisabled && !!activeId && !!isAll && ((0, jsx_runtime_1.jsx)(CloseSvg_1.CloseSvg, { handleClick: resetValue }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.dropDownWrapper, styles[directionModifier], styles[sizeModifier], (_b = {},
+                    _b[styles.animationSelectorGrowing] = isOpened,
+                    _b[styles.animationSelectorReducing] = !isOpened,
+                    _b[styles.bigBorder] = isOpened,
+                    _b[styles.disabledBottom] = isOpenUp,
+                    _b[styles.disabledTop] = !isOpenUp,
+                    _b)) }, { children: [!isHideContent && isAll && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.item, classesItem), onClick: setAndClose(null) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "reset" }) }))), !isHideContent && ((0, jsx_runtime_1.jsx)(HOCOutsideClick_1.HOCOutsideClick, __assign({ handleFunc: handleToggleState }, { children: data.map(function (i) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, styles.overflow, classesItem, (_a = {},
+                                    _a[styles.maxSize] = !isMulti,
+                                    _a)), onClick: setAndClose(i.id) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: i.name }) }), i.endName && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: i.endName }) })), isMulti && activeIds.includes(i.id) && (0, jsx_runtime_1.jsx)(CheckBoxSvg_1.CheckBoxSvg, {})] }), i.id));
+                        }) })))] }))] })));
+};
+exports.Selector = Selector;

package/dist/lib/components/ui/Selector/types.d.ts

@@ -0,0 +1,43 @@
+import { Size } from 'types/ui';
+export type SelectorProps = {
+    selectorStyleType?: 'labelUp' | 'base';
+    type?: 'base' | 'button';
+    isOpenUp?: boolean;
+    activeId: number | null;
+    handleClick: (id: number) => void;
+    data: {
+        [key: string]: any;
+        id: number;
+        name: string;
+        endName?: string;
+    }[];
+    placeholder?: string;
+    classes?: string;
+    classesItem?: string;
+    selectedMainItemClasses?: string;
+    size: Size;
+    isAll?: boolean;
+    isMulti?: boolean;
+    modalType?: unknown;
+    additionalModalProps?: any;
+    setModalType?: (type: any, additionalInfo?: any) => void;
+    activeIds?: number[];
+    joinSymbol?: string;
+} & (({
+    isAll: true;
+    handleClick: (id: number | null) => void;
+} | {
+    isAll?: false;
+    handleClick: (id: number) => void;
+}) & ({
+    isMulti: true;
+    activeIds: number[];
+    joinSymbol: string;
+} | {
+    isMulti?: false;
+})) & ({
+    type: 'button';
+    handleClick: () => void;
+} | {
+    type?: 'base';
+});

package/dist/lib/components/ui/Selector/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/ShowAll/index.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    handleClick: () => void;
+    appType: number;
+    bgPath?: string;
+};
+export declare const ShowAllCard: ({ handleClick, appType, bgPath }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/ShowAll/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.ShowAllCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./ShowAllCard.module.css"));
+var ShowAllCard = function (_a) {
+    var handleClick = _a.handleClick, appType = _a.appType, bgPath = _a.bgPath;
+    var path = bgPath || "/icons-elon/games/".concat(appType, ".png");
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperShowAllCard, onClick: handleClick, style: {
+            background: "url(".concat(path, ")"),
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        } }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "showMoreBtn" }) })));
+};
+exports.ShowAllCard = ShowAllCard;

package/dist/lib/components/ui/Step/index.d.ts

@@ -0,0 +1,2 @@
+import { StepProps } from './types';
+export declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Step/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.Step = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles = __importStar(require("./Step.module.css"));
+var Step = function (props) {
+    var imgPath = props.imgPath, title = props.title, subTitle = props.subTitle;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperStep }, { children: [(0, jsx_runtime_1.jsx)("img", { src: imgPath, className: styles.img }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: title })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: subTitle }))] })));
+};
+exports.Step = Step;

package/dist/lib/components/ui/Step/types.d.ts

@@ -0,0 +1,5 @@
+export type StepProps = {
+    imgPath: string;
+    title: string;
+    subTitle: string;
+};

package/dist/lib/components/ui/Step/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { TabsProps } from './types';
+export declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Tabs/index.js

@@ -0,0 +1,109 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var useElementResize_1 = require("hooks/useElementResize");
+var styles = __importStar(require("./Tabs.module.css"));
+var Tabs = function (props) {
+    var _a, _b;
+    var activeValue = props.activeValue, onChange = props.onChange, data = props.data, _c = props.classes, classes = _c === void 0 ? '' : _c, _d = props.tabClasses, tabClasses = _d === void 0 ? '' : _d, startItem = props.startItem, endItem = props.endItem, _e = props.type, type = _e === void 0 ? 'button' : _e;
+    var container = (0, react_1.useRef)(null);
+    var indicator = (0, react_1.useRef)(null);
+    var _f = (0, react_1.useState)(null), activeInx = _f[0], setActiveInx = _f[1];
+    var isButtonView = type === 'button';
+    var handleChange = function (n) { return function () {
+        onChange(n);
+    }; };
+    var width = (0, useElementResize_1.useElementResize)({ containerRef: container.current });
+    (0, react_1.useEffect)(function () {
+        if (!container.current ||
+            !indicator.current ||
+            activeInx === null ||
+            !width) {
+            return;
+        }
+        var containerElement = container.current;
+        var containerStyles = window.getComputedStyle(containerElement);
+        var borderWidth = parseInt(containerStyles.borderWidth);
+        var tabs = containerElement.getElementsByTagName('div');
+        var activeElement = tabs[activeInx];
+        if (!activeElement) {
+            indicator.current.style.width = '0px';
+            console.warn('ACTIVE element not found');
+            return;
+        }
+        var activeItemWidth = activeElement.getBoundingClientRect().width;
+        var containerRect = container.current.getBoundingClientRect();
+        var elementRect = activeElement.getBoundingClientRect();
+        var elementPositionInContainer = {
+            left: elementRect.left -
+                containerRect.left +
+                container.current.scrollLeft -
+                borderWidth,
+            top: elementRect.top - containerRect.top + container.current.scrollTop,
+            right: elementRect.right - containerRect.left + container.current.scrollLeft,
+            bottom: elementRect.bottom - containerRect.top + container.current.scrollTop,
+        };
+        var left = elementPositionInContainer.left;
+        indicator.current.style.width = "".concat(activeItemWidth, "px");
+        indicator.current.style.left = "".concat(left, "px");
+    }, [activeInx, width]);
+    (0, react_1.useEffect)(function () {
+        if (activeValue === null) {
+            return;
+        }
+        var activeInx = data.findIndex(function (d) { return d.value === activeValue; });
+        setActiveInx(activeInx);
+    }, [activeValue, data]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperTabs, styles.tabButtonsWrapper, classes, (_a = {},
+            _a[styles.bg] = isButtonView,
+            _a)), ref: container }, { children: [startItem, data.map(function (d) {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.tab, styles.buttonTab, tabClasses, (_a = {},
+                        _a[styles.buttonTab] = isButtonView,
+                        _a[styles.buttonTabActive] = isButtonView && activeValue === d.value,
+                        _a)), onClick: handleChange(d.value) }, { children: d.label }), d.value));
+            }), activeInx !== null && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.activeBlockIndicator, (_b = {},
+                    _b[styles.buttonActiveIndicator] = isButtonView,
+                    _b)), ref: indicator })), endItem] })));
+};
+exports.Tabs = Tabs;

package/dist/lib/components/ui/Tabs/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type TabsProps = {
+    activeValue: number;
+    data: Tab[];
+    onChange: (n: number) => void;
+    classes?: string;
+    tabClasses?: string;
+    startItem?: React.ReactElement;
+    endItem?: React.ReactElement;
+    type?: 'button' | 'underline';
+};
+export type Tab = {
+    label: string;
+    value: number;
+};

package/dist/lib/components/ui/Tabs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/TournamentCard/index.d.ts

@@ -0,0 +1,2 @@
+import { TournamentCardProps } from './types';
+export declare const TournamentCard: (props: TournamentCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/TournamentCard/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TournamentCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var CountDown_1 = require("../CountDown");
+var InfoSvg_1 = require("../Icons/InfoSvg");
+var PlaySvg_1 = require("../Icons/PlaySvg");
+var styles = __importStar(require("./TournamentCard.module.css"));
+var TournamentCard = function (props) {
+    var isFinished = props.isFinished, classes = props.classes, finishedBackgroundImagePath = props.finishedBackgroundImagePath, activeTournamentImagePath = props.activeTournamentImagePath, activeTournamentName = props.activeTournamentName, notActiveTournamentName = props.notActiveTournamentName, endDate = props.endDate, counterProps = props.counterProps, prizeText = props.prizeText, currencyName = props.currencyName, amount = props.amount, handleOpenTournamentRules = props.handleOpenTournamentRules, jumpToSlots = props.jumpToSlots;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperTournamentCard, classes), style: {
+            background: isFinished
+                ? finishedBackgroundImagePath
+                : undefined,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        } }, { children: [!isFinished && ((0, jsx_runtime_1.jsx)("img", { className: styles.battleBanner, src: activeTournamentImagePath })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.tournamentName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: isFinished ? notActiveTournamentName : activeTournamentName }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperCountDown }, { children: !isFinished && ((0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({ endTimestamp: endDate, wrapperClasses: styles.wrapperCountDownClasses, timeClasses: styles.timeText }, counterProps))) })), !isFinished && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.winSum }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: prizeText }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowResultAndButtons }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.sum }, { children: [isFinished && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.winSum }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: prizeText }) }))), currencyName, " ", amount.toLocaleString('de-DE')] })), !isFinished && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.buttons }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.info, onClick: handleOpenTournamentRules }, { children: (0, jsx_runtime_1.jsx)(InfoSvg_1.InfoSvg, {}) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.play, onClick: jumpToSlots }, { children: (0, jsx_runtime_1.jsx)(PlaySvg_1.PlaySvg, {}) }))] })))] }))] })));
+};
+exports.TournamentCard = TournamentCard;

package/dist/lib/components/ui/TournamentCard/types.d.ts

@@ -0,0 +1,16 @@
+import { CountDownProps } from '../CountDown/types';
+export type TournamentCardProps = {
+    isFinished: boolean;
+    classes?: string;
+    finishedBackgroundImagePath: string;
+    activeTournamentImagePath: string;
+    activeTournamentName: string;
+    notActiveTournamentName: string;
+    endDate: number;
+    counterProps: CountDownProps;
+    prizeText: string;
+    currencyName: string;
+    amount: number;
+    handleOpenTournamentRules: () => void;
+    jumpToSlots: () => void;
+};

package/dist/lib/components/ui/TournamentCard/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/hooks/useCountDown.d.ts

@@ -0,0 +1,8 @@
+export type CountdownHookProps = {
+    endTimestamp: number;
+    callback?: () => void;
+};
+export declare const useCountDown: ({ endTimestamp, callback, }: CountdownHookProps) => {
+    timeRemaining: number;
+    formatTime: string[];
+};

package/dist/lib/hooks/useCountDown.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCountDown = void 0;
+var react_1 = require("react");
+var date_1 = require("utils/date");
+var useCountDown = function (_a) {
+    var endTimestamp = _a.endTimestamp, callback = _a.callback;
+    var _b = (0, react_1.useState)(endTimestamp - new Date().getTime()), countDown = _b[0], setCountDown = _b[1];
+    (0, react_1.useEffect)(function () {
+        var interval = setInterval(function () {
+            var time = new Date().getTime();
+            var newTime = endTimestamp - time;
+            if (newTime <= 0) {
+                clearInterval(interval);
+                setCountDown(0);
+                callback === null || callback === void 0 ? void 0 : callback();
+                return;
+            }
+            setCountDown(newTime);
+        }, 1000);
+        return function () { return clearInterval(interval); };
+    }, [endTimestamp, callback]);
+    return { timeRemaining: countDown, formatTime: (0, date_1.formattedDate)(countDown) };
+};
+exports.useCountDown = useCountDown;

package/dist/lib/hooks/useElementResize.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    containerRef: HTMLDivElement | null;
+};
+export declare const useElementResize: ({ containerRef }: Props) => number;
+export {};