torgbox-ui 1.0.11 → 1.0.12

package/dist/cjs/Pages/RegisterPage/RegisterPage.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegisterPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const user_1 = require("../../entities/user");
-const Inputs_1 = require("../../Inputs");
-const Utils_1 = require("../../Utils");
-const RegisterPage = () => {
-    const [emailValid, setEmailValid] = (0, react_1.useState)(false);
-    const [nameValid, setNameValid] = (0, react_1.useState)(false);
-    const [lastNameValid, setLastNameValid] = (0, react_1.useState)(false);
-    const [phoneNumberValid, setPhoneNumberValid] = (0, react_1.useState)(false);
-    const [formValid, setFormValid] = (0, react_1.useState)(false);
-    const [register, { isError, isLoading }] = (0, user_1.useRegisterMutation)();
-    const formRef = (0, react_1.useRef)({
-        email: '',
-        name: '',
-        lastName: '',
-        phoneNumber: ''
-    });
-    const getBtnState = () => {
-        if (isLoading)
-            return 'loading';
-        return formValid ? 'idle' : 'disabled';
-    };
-    (0, react_1.useEffect)(() => {
-        setFormValid([emailValid, nameValid, lastNameValid, phoneNumberValid].every(Boolean));
-    }, [emailValid, nameValid, lastNameValid, phoneNumberValid]);
-    const handleSendForm = () => {
-        if (formValid) {
-            const { email, name, phoneNumber, lastName } = formRef.current;
-            void register({ email, name, phoneNumber, lastName });
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'register-page', children: [isLoading && (0, jsx_runtime_1.jsx)("div", { className: 'login-page__overlay' }), (0, jsx_runtime_1.jsx)("h1", { className: 'register-page__title', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430" }), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), (0, jsx_runtime_1.jsxs)("form", { className: 'register-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.EmailField, { onValidated: setEmailValid, onTextValid: (email) => formRef.current.email = email, tabIndex: 1 }), (0, jsx_runtime_1.jsx)(Inputs_1.NameField, { onValidated: setNameValid, onTextValid: (name) => formRef.current.name = name, nameType: 'firstName', tabIndex: 2 }), (0, jsx_runtime_1.jsx)(Inputs_1.NameField, { onValidated: setLastNameValid, onTextValid: (lastName) => formRef.current.lastName = lastName, nameType: 'lastName', tabIndex: 3 }), (0, jsx_runtime_1.jsx)(Inputs_1.PhoneField, { onValidated: setPhoneNumberValid, onTextValid: (phoneNumber) => formRef.current.phoneNumber = phoneNumber, tabIndex: 4 }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C email', size: 'large', state: getBtnState(), fullWidth: true, tabIndex: 5, onClick: handleSendForm })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'register-page__footer', children: [(0, jsx_runtime_1.jsx)("p", { className: 'register-page__text', children: "\u0423\u0436\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?" }), (0, jsx_runtime_1.jsx)("a", { className: 'register-page__link', href: '#', children: "\u0412\u043E\u0439\u0442\u0438 \u0432 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" })] })] }));
-};
-exports.RegisterPage = RegisterPage;

package/dist/cjs/Pages/RegisterPage/index.d.ts

@@ -1 +0,0 @@
-export { RegisterPage } from './RegisterPage';

package/dist/cjs/Pages/RegisterPage/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegisterPage = void 0;
-var RegisterPage_1 = require("./RegisterPage");
-Object.defineProperty(exports, "RegisterPage", { enumerable: true, get: function () { return RegisterPage_1.RegisterPage; } });

package/dist/cjs/Pages/RegisterPage/registerPage.scss

@@ -1,72 +0,0 @@
-.register-page {
-  background-color: $surface-bright;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__title {
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $neutral-high;
-  }
-
-  &__form {
-    width: 100%;
-    padding-bottom: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 28px;
-  }
-
-  &__footer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &__text {
-    font-size: 12px;
-    line-height: 16px;
-    color: $neutral-low;
-  }
-
-  &__link {
-    font-size: 14px;
-    line-height: 20px;
-    color: $primary-high;
-
-    &:hover {
-      text-decoration: underline $primary-border-low;
-    }
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .register-page {
-    max-width: 320px;
-    padding: 24px 16px;
-
-    &__title {
-      font-size: 24px;
-      line-height: 32px;
-    }
-    
-    &__footer {
-      width: 100%;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-
-    &__text {
-      font-size: 14px;
-      line-height: 20px;
-    }
-  }
-}

package/dist/cjs/Pages/ResetPasswordPage/ResetPasswordPage.d.ts

@@ -1 +0,0 @@
-export declare const ResetPasswordPage: () => JSX.Element;

package/dist/cjs/Pages/ResetPasswordPage/ResetPasswordPage.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetPasswordPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const chevron_left_svg_1 = __importDefault(require("../../assets/img/chevron-left.svg"));
-const Inputs_1 = require("../../Inputs");
-const Utils_1 = require("../../Utils");
-const ResetPasswordPage = () => {
-    const [emailValid, setEmailValid] = (0, react_1.useState)(false);
-    const emailRef = (0, react_1.useRef)('');
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'reset-password-page', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'reset-password-page__title', children: "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0430\u0440\u043E\u043B\u044F" }), (0, jsx_runtime_1.jsx)("p", { className: 'reset-password-page__text', children: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B, \u0441 \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u0412\u044B \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043B\u0438\u0441\u044C, \u0438 \u043C\u044B \u0432\u044B\u0448\u043B\u0435\u043C \u043D\u0430 \u043D\u0435\u0433\u043E \u0438\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044E \u0434\u043B\u044F \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043F\u0430\u0440\u043E\u043B\u044F." }), (0, jsx_runtime_1.jsxs)("form", { className: 'reset-password-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.EmailField, { onTextValid: (email) => emailRef.current = email, onValidated: setEmailValid, tabIndex: 1, checkEmail: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C', state: emailValid ? 'idle' : 'disabled', size: 'large', tabIndex: 2, fullWidth: true })] }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u043E\u043A\u043D\u0443 \u0432\u0445\u043E\u0434\u0430', iconComponent: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) })] }));
-};
-exports.ResetPasswordPage = ResetPasswordPage;

package/dist/cjs/Pages/ResetPasswordPage/index.d.ts

@@ -1 +0,0 @@
-export { ResetPasswordPage } from './ResetPasswordPage';

package/dist/cjs/Pages/ResetPasswordPage/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetPasswordPage = void 0;
-var ResetPasswordPage_1 = require("./ResetPasswordPage");
-Object.defineProperty(exports, "ResetPasswordPage", { enumerable: true, get: function () { return ResetPasswordPage_1.ResetPasswordPage; } });

package/dist/cjs/Pages/ResetPasswordPage/resetPasswordPage.scss

@@ -1,41 +0,0 @@
-$page-background:  $surface-bright;
-$text:             $neutral-middle;
-$title:            $neutral-high;
-
-.reset-password-page {
-  background-color: $page-background;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__title {
-    text-align: center;
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-  }
-
-  &__text {
-    color: $text;
-  }
-
-  &__form {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 28px;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .reset-password-page {
-    max-width: 320px;
-    padding: 24px 16px;
-  }
-}

package/dist/cjs/Pages/StartPage/StartPage.d.ts

@@ -1,4 +0,0 @@
-export interface IStartPage {
-    email: string;
-}
-export declare const StartPage: (props: IStartPage) => JSX.Element;

package/dist/cjs/Pages/StartPage/StartPage.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StartPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const store_1 = require("../../app/store");
-const user_1 = require("../../entities/user");
-const Inputs_1 = require("../../Inputs");
-const StartPage = (props) => {
-    const { email } = props;
-    const dispatch = (0, store_1.useAppDispatch)();
-    const [createLoading, setCreateLoading] = (0, react_1.useState)(false);
-    const [joinLoading, setJoinLoading] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        setTimeout(() => {
-            setCreateLoading(false);
-            setJoinLoading(false);
-        }, 2000);
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'start-page', children: [(createLoading || joinLoading) && (0, jsx_runtime_1.jsx)("div", { className: 'start-page__overlay' }), (0, jsx_runtime_1.jsxs)("h1", { className: 'start-page__title', children: ["\u0414\u043E\u0431\u0440\u043E \u043F\u043E\u0436\u0430\u043B\u043E\u0432\u0430\u0442\u044C!", (0, jsx_runtime_1.jsx)("br", {}), "\u0427\u0442\u043E \u0436\u0435\u043B\u0430\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C?"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'start-page__text-wrapper', children: [(0, jsx_runtime_1.jsxs)("p", { className: 'start-page__text', children: ["\u0412\u044B \u0432\u043E\u0448\u043B\u0438 \u043A\u0430\u043A ", (0, jsx_runtime_1.jsx)("span", { className: 'start-page__email', children: email })] }), (0, jsx_runtime_1.jsx)("p", { className: 'start-page__text', children: "\u0420\u044B\u0431\u0430\u0442\u0435\u043A\u0441\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C\u0438, \u043F\u0440\u043E\u0435\u043A\u0442\u0438\u0440\u043E\u0432\u0449\u0438\u043A\u0430\u043C\u0438 \u0438 \u0444\u0440\u043E\u043D\u0442\u0435\u043D\u0434\u0435\u0440\u0430\u043C\u0438, \u043A\u043E\u0433\u0434\u0430 \u043D\u0443\u0436\u043D\u043E \u0431\u044B\u0441\u0442\u0440\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043C\u0430\u043A\u0435\u0442\u044B \u0438\u043B\u0438 \u043F\u0440\u043E\u0442\u043E\u0442\u0438\u043F\u044B." })] }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u043E\u043C\u0430\u043D\u0434\u0443', size: 'large', state: createLoading ? 'loading' : 'idle', tabIndex: 1, onClick: () => {
-                    setCreateLoading(true);
-                }, fullWidth: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u0441\u0442\u0443\u043F\u0438\u0442\u044C \u0432 \u043A\u043E\u043C\u0430\u043D\u0434\u0443', size: 'large', state: joinLoading ? 'loading' : 'idle', variant: 'outlined-color', tabIndex: 2, onClick: () => {
-                    setJoinLoading(true);
-                }, fullWidth: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B', size: 'large', variant: 'clear-neutral', tabIndex: 3, onClick: () => dispatch((0, user_1.logout)()), fullWidth: true })] }));
-};
-exports.StartPage = StartPage;

package/dist/cjs/Pages/StartPage/index.d.ts

@@ -1 +0,0 @@
-export { StartPage } from './StartPage';

package/dist/cjs/Pages/StartPage/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StartPage = void 0;
-var StartPage_1 = require("./StartPage");
-Object.defineProperty(exports, "StartPage", { enumerable: true, get: function () { return StartPage_1.StartPage; } });

package/dist/cjs/Pages/StartPage/startPage.scss

@@ -1,58 +0,0 @@
-$page-background:  $surface-bright;
-$bold-text:        $neutral-high;
-$text:             $neutral-middle;
-
-.start-page {
-  background-color: $page-background;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__overlay {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    background-color: $page-background;
-    opacity: 0.6;
-    z-index: 1;
-  }
-
-  &__title {
-    text-align: center;
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $bold-text;
-  }
-
-  &__text-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    padding-bottom: 12px;
-  }
-
-  &__text {
-    text-align: center;
-    color: $text;
-  }
-
-  &__email {
-    color: $bold-text;
-    font-weight: 700;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .start-page {
-    max-width: 320px;
-    padding: 24px 16px;
-  }
-}

package/dist/cjs/Pages/index.d.ts

@@ -1,6 +0,0 @@
-export { RegisterPage } from './RegisterPage';
-export { EmailConfirmationPage } from './EmailConfirmationPage';
-export { CreatePasswordPage } from './CreatePasswordPage';
-export { LoginPage } from './LoginPage';
-export { StartPage } from './StartPage';
-export { ContentPage } from './ContentPage';

package/dist/cjs/Pages/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentPage = exports.StartPage = exports.LoginPage = exports.CreatePasswordPage = exports.EmailConfirmationPage = exports.RegisterPage = void 0;
-var RegisterPage_1 = require("./RegisterPage");
-Object.defineProperty(exports, "RegisterPage", { enumerable: true, get: function () { return RegisterPage_1.RegisterPage; } });
-var EmailConfirmationPage_1 = require("./EmailConfirmationPage");
-Object.defineProperty(exports, "EmailConfirmationPage", { enumerable: true, get: function () { return EmailConfirmationPage_1.EmailConfirmationPage; } });
-var CreatePasswordPage_1 = require("./CreatePasswordPage");
-Object.defineProperty(exports, "CreatePasswordPage", { enumerable: true, get: function () { return CreatePasswordPage_1.CreatePasswordPage; } });
-var LoginPage_1 = require("./LoginPage");
-Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return LoginPage_1.LoginPage; } });
-var StartPage_1 = require("./StartPage");
-Object.defineProperty(exports, "StartPage", { enumerable: true, get: function () { return StartPage_1.StartPage; } });
-var ContentPage_1 = require("./ContentPage");
-Object.defineProperty(exports, "ContentPage", { enumerable: true, get: function () { return ContentPage_1.ContentPage; } });

package/dist/cjs/Pages/index.scss

@@ -1,9 +0,0 @@
-@import './RegisterPage/registerPage';
-@import './CreatePasswordPage/createPasswordPage';
-@import './EmailConfirmationPage/emailConfirmationPage';
-@import './LoginPage/loginPage';
-@import './StartPage/startPage';
-@import './CreateTeamPage/createTeamPage';
-@import './JoinTeamPage/joinTeamPage';
-@import './ResetPasswordPage/resetPasswordPage';
-@import './ContentPage/contentPage';

package/dist/cjs/Utils/Divider/Divider.d.ts

@@ -1 +0,0 @@
-export declare const Divider: () => JSX.Element;

package/dist/cjs/Utils/Divider/divider.scss

@@ -1,11 +0,0 @@
-@use 'sass:color';
-
-$line-color: $global-color-neutral-80;
-
-.divider {
-  width: 100%;
-  height: 1px;
-  margin: 12px 0;
-  background-color: $line-color;
-  border: none;
-}

package/dist/cjs/Utils/ErrorBanner/ErrorBanner.d.ts

@@ -1,4 +0,0 @@
-export interface IErrorBanner {
-    error: string;
-}
-export declare const ErrorBanner: (props: IErrorBanner) => JSX.Element;

package/dist/cjs/Utils/ErrorBanner/errorBanner.scss

@@ -1,24 +0,0 @@
-$error-content: $error-high;
-$error-background: $error-border-low;
-
-.error-banner {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  background-color: $error-background;
-  border-radius: 4px;
-  padding: 14px;
-  box-sizing: border-box;
-  width: 100%;
-  margin-bottom: 16px;
-
-  &__icon {
-    fill: $error-content;
-    width: 16px;
-    height: 16px;
-  }
-
-  &__text {
-    color: $error-content;
-  }
-}

package/dist/cjs/Utils/ErrorBanner/index.d.ts

@@ -1 +0,0 @@
-export { ErrorBanner } from './ErrorBanner';

package/dist/cjs/Utils/ErrorBanner/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBanner = void 0;
-var ErrorBanner_1 = require("./ErrorBanner");
-Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBanner; } });

package/dist/cjs/Utils/Link/Link.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode, AnchorHTMLAttributes } from 'react';
-export interface ILink extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    label: string;
-    iconComponent?: ReactNode;
-    iconClassName?: string;
-}
-export declare const Link: ({ iconComponent, label, iconClassName, ...props }: ILink) => JSX.Element;

package/dist/cjs/Utils/Link/index.d.ts

@@ -1 +0,0 @@
-export { Link, type ILink } from './Link';

package/dist/cjs/Utils/Link/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-var Link_1 = require("./Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });

package/dist/cjs/Utils/Link/index.scss

@@ -1 +0,0 @@
-@import './Link/link';

package/dist/cjs/Utils/Link/link.scss

@@ -1,21 +0,0 @@
-.link {
-  color: $primary-high;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  gap: 4px;
-
-  &:hover,
-  &:focus {
-    cursor: pointer;
-    text-decoration: underline $primary-middle;
-  }
-
-  &__icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    fill: $primary-high;
-    width: 20px;
-  }
-}

package/dist/cjs/Utils/Modal/Modal.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-export interface IModal {
-    opened: boolean;
-    onCloseModal: () => void;
-    children?: ReactNode;
-    className?: string;
-}
-export declare const Modal: (props: IModal) => JSX.Element;

package/dist/cjs/Utils/Modal/index.d.ts

@@ -1 +0,0 @@
-export { Modal, type IModal } from './Modal';

package/dist/cjs/Utils/Modal/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });

package/dist/cjs/Utils/Modal/modal.scss

@@ -1,33 +0,0 @@
-@use 'sass:color';
-
-$modal-background-color: $global-color-neutral-100;
-$modal-overlay-color:    $neutral-A48;
-$modal-border-color:     $global-color-neutral-20;
-
-.modal {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  inset: 0;
-  z-index: 1001;
-
-  &__overlay {
-    width: 100%;
-    height: 100%;
-    background-color: $modal-overlay-color;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &__content {
-    width: 440px;
-    padding: 32px 32px 24px 32px;
-    display: flex;
-    flex-flow: column nowrap;
-    gap: 16px;
-    background-color: $modal-background-color;
-    border-radius: 8px;
-    border: 1px solid $modal-border-color;
-  }
-}

package/dist/cjs/Utils/Portal/Portal.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-interface IPortal {
-    children?: ReactNode;
-    element?: HTMLElement;
-}
-export declare const Portal: (props: IPortal) => JSX.Element;
-export {};

package/dist/cjs/Utils/SectionPlaceholder/SectionPlaceholder.d.ts

@@ -1,5 +0,0 @@
-interface SectionPlaceholderProps {
-    label?: string;
-}
-export declare const SectionPlaceholder: ({ label }: SectionPlaceholderProps) => JSX.Element;
-export {};

package/dist/cjs/Utils/SectionPlaceholder/sectionPlaceholder.scss

@@ -1,22 +0,0 @@
-@use 'sass:color';
-
-$section-background-color: $global-color-neutral-80;
-$border-dash-color:        $global-color-neutral-40;
-
-.section-placeholder {
-  width: 100%;
-  height: calc(100vh - $header-height);
-  padding: 24px;
-  box-sizing: border-box;
-  background-color: $section-background-color;
-
-  .placeholder {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 8px;
-    border: 1px dashed $border-dash-color;
-  }
-}

package/dist/cjs/Utils/Spinner/Spinner.d.ts

@@ -1,5 +0,0 @@
-interface ISpinner {
-    className?: string;
-}
-export declare const Spinner: ({ className }: ISpinner) => JSX.Element;
-export {};

package/dist/cjs/Utils/Spinner/spinner.scss

@@ -1,41 +0,0 @@
-.spinner {
-  display: flex;
-  align-items: center;
-}
-
-.spinner svg {
-  transform-origin: center;
-  animation: rotate 2s linear infinite;
-}
-
-.spinner circle {
-  fill: none;
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  stroke-width: 4;
-
-  animation: dash 1.5s ease-in-out infinite;
-}
-
-@keyframes rotate {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 90, 200;
-    stroke-dashoffset: -35px;
-  }
-
-  100% {
-    stroke-dashoffset: -125px;
-  }
-}

package/dist/cjs/Utils/api.d.ts

@@ -1 +0,0 @@
-export declare const baseApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, {}, "baseApi", never, typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;

package/dist/cjs/Utils/api.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseApi = void 0;
-const react_1 = require("@reduxjs/toolkit/query/react");
-const model_1 = require("@/shared/model");
-exports.baseApi = (0, react_1.createApi)({
-    reducerPath: 'baseApi',
-    baseQuery: (0, react_1.fetchBaseQuery)({ baseUrl: model_1.BASE_URL }),
-    endpoints: () => ({}),
-});

package/dist/cjs/Utils/index.d.ts

@@ -1,7 +0,0 @@
-export { Spinner } from './Spinner/Spinner';
-export { Portal } from './Portal/Portal';
-export { Link } from './Link/Link';
-export { ErrorBanner } from './ErrorBanner';
-export { Modal } from './Modal/Modal';
-export { Divider } from './Divider/Divider';
-export { SectionPlaceholder } from './SectionPlaceholder/SectionPlaceholder';

package/dist/cjs/Utils/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionPlaceholder = exports.Divider = exports.Modal = exports.ErrorBanner = exports.Link = exports.Portal = exports.Spinner = void 0;
-var Spinner_1 = require("./Spinner/Spinner");
-Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
-var Portal_1 = require("./Portal/Portal");
-Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return Portal_1.Portal; } });
-var Link_1 = require("./Link/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-var ErrorBanner_1 = require("./ErrorBanner");
-Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBanner; } });
-var Modal_1 = require("./Modal/Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var Divider_1 = require("./Divider/Divider");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
-var SectionPlaceholder_1 = require("./SectionPlaceholder/SectionPlaceholder");
-Object.defineProperty(exports, "SectionPlaceholder", { enumerable: true, get: function () { return SectionPlaceholder_1.SectionPlaceholder; } });

package/dist/cjs/Utils/index.scss

@@ -1,6 +0,0 @@
-@import './Spinner/spinner';
-@import './Link/link';
-@import './ErrorBanner/errorBanner';;
-@import './Modal/modal';
-@import './Divider/divider';
-@import './SectionPlaceholder/sectionPlaceholder';

package/dist/cjs/Widgets/Header/Header.d.ts

@@ -1,7 +0,0 @@
-export interface IHeader {
-    onShowSidebar: () => void;
-    onCloseSidebar: () => void;
-    sidebarOpened: boolean;
-    sidebarPinned: boolean;
-}
-export declare const Header: (props: IHeader) => JSX.Element;