torgbox-ui 1.0.10 → 1.0.12

package/dist/cjs/Widgets/Header/Header.js

@@ -1,25 +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.Header = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const belt_svg_1 = __importDefault(require("../../assets/img/belt.svg"));
-const burger_menu_svg_1 = __importDefault(require("../../assets/img/burger-menu.svg"));
-const cross_svg_1 = __importDefault(require("../../assets/img/cross.svg"));
-const sample_logo_svg_1 = __importDefault(require("../../assets/img/sample-logo.svg"));
-const Inputs_1 = require("../../Inputs");
-const ui_1 = require("../../shared/ui");
-const Utils_1 = require("../../Utils");
-const Header = (props) => {
-    const { onShowSidebar, onCloseSidebar, sidebarOpened, sidebarPinned, } = props;
-    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
-    return ((0, jsx_runtime_1.jsxs)("header", { className: 'header', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header__logo-search-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('header__logo-search-wrapper__logo-box', {
-                            'header__logo-search-wrapper__logo-box--noButton': sidebarPinned,
-                        }), children: [!sidebarPinned &&
-                                ((0, jsx_runtime_1.jsx)(Inputs_1.Button, { size: 'large', variant: 'clear-neutral', iconComponent: sidebarOpened ? (0, jsx_runtime_1.jsx)(cross_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(burger_menu_svg_1.default, {}), onClick: sidebarOpened ? onCloseSidebar : onShowSidebar })), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '', iconComponent: (0, jsx_runtime_1.jsx)(sample_logo_svg_1.default, {}), iconClassName: 'link--wide' })] }), (0, jsx_runtime_1.jsx)(Inputs_1.TextField, { onChange: setSearchQuery, className: 'search-field', state: 'idle', type: 'text', value: searchQuery, placeholder: '\u0418\u0441\u043A\u0430\u0442\u044C \u0447\u0442\u043E \u0443\u0433\u043E\u0434\u043D\u043E...', searchIcon: true, ...props })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'header__user-controls', children: [(0, jsx_runtime_1.jsx)(Inputs_1.Button, { size: 'large', variant: 'clear-neutral', iconComponent: (0, jsx_runtime_1.jsx)(belt_svg_1.default, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Avatar, { label: '\u0418\u0424', size: 'lg' })] })] }));
-};
-exports.Header = Header;

package/dist/cjs/Widgets/Header/header.scss

@@ -1,50 +0,0 @@
-@use 'sass:color';
-
-$border-color-neutral: $neutral-middle;
-
-.header {
-  width: 100%;
-  height: $header-height;
-  padding-right: 23px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid $border-color-neutral;
-
-  &__logo-search-wrapper {
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    &__logo-box {
-      height: 100%;
-      width: 260px;
-      padding: 0 16px;
-      box-sizing: border-box;
-      display: flex;
-      align-items: center;
-      gap: 17px;
-
-      &--noButton {
-        padding: 0;
-        justify-content: center;
-      }
-
-      .link--wide {
-        width: auto;
-      }
-    }
-
-    .search-field {
-      border: none;
-      gap: 10px;
-    }
-  }
-
-  &__user-controls {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-}

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

@@ -1 +0,0 @@
-export { Header, type IHeader } from './Header';

package/dist/cjs/Widgets/Header/index.js

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

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

@@ -1,9 +0,0 @@
-import { type ReactNode } from 'react';
-export interface ISidebar {
-    pinned: boolean;
-    onPinSidebar: () => void;
-    onUnpinSidebar: () => void;
-    children?: ReactNode;
-    className?: string;
-}
-export declare const Sidebar: (props: ISidebar) => JSX.Element;

package/dist/cjs/Widgets/Sidebar/Sidebar.js

@@ -1,32 +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.Sidebar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const left_arrow_svg_1 = __importDefault(require("../../assets/img/left-arrow.svg"));
-const right_arrow_svg_1 = __importDefault(require("../../assets/img/right-arrow.svg"));
-const Inputs_1 = require("../../Inputs");
-const Utils_1 = require("../../Utils");
-const Sidebar = (props) => {
-    const { children, className, pinned, onPinSidebar, onUnpinSidebar, } = props;
-    const sidebarRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (sidebarRef.current &&
-                !sidebarRef.current.contains(event.target) &&
-                !pinned) {
-                onUnpinSidebar();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [onUnpinSidebar, pinned]);
-    return ((0, jsx_runtime_1.jsxs)("aside", { className: (0, classnames_1.default)('sidebar', className), ref: sidebarRef, children: [(0, jsx_runtime_1.jsx)("div", { className: 'sidebar__content', children: children }), (0, jsx_runtime_1.jsx)(Utils_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { className: 'sidebar__control', children: (0, jsx_runtime_1.jsx)(Inputs_1.Button, { className: 'sidebar-button', size: 'large', variant: 'clear-neutral', label: pinned ? 'Скрыть меню' : 'Закрепить меню', iconComponent: pinned ? (0, jsx_runtime_1.jsx)(left_arrow_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(right_arrow_svg_1.default, {}), onClick: pinned ? onUnpinSidebar : onPinSidebar, fullWidth: true }) })] }));
-};
-exports.Sidebar = Sidebar;

package/dist/cjs/Widgets/Sidebar/index.d.ts

@@ -1 +0,0 @@
-export { Sidebar, type ISidebar } from './Sidebar';

package/dist/cjs/Widgets/Sidebar/index.js

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

package/dist/cjs/Widgets/Sidebar/sidebar.scss

@@ -1,23 +0,0 @@
-.sidebar {
-  width: 260px;
-  height: calc(100vh - $header-height);
-  padding: 16px;
-  box-sizing: border-box;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-
-  &__content {
-    width: 100%;
-    height: 100%;
-  }
-
-  &__control {
-    flex-shrink: 0;
-  }
-
-  &-button {
-    justify-content: start;
-  }
-}

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

@@ -1,2 +0,0 @@
-export { Header } from './Header/Header';
-export { Sidebar } from './Sidebar/Sidebar';

package/dist/cjs/Widgets/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = exports.Header = void 0;
-var Header_1 = require("./Header/Header");
-Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
-var Sidebar_1 = require("./Sidebar/Sidebar");
-Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });

package/dist/cjs/Widgets/index.scss

@@ -1,2 +0,0 @@
-@import './Header/header';
-@import './Sidebar/sidebar';

package/dist/cjs/app/main.d.ts

@@ -1 +0,0 @@
-import '../index.scss';

package/dist/cjs/app/main.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = __importDefault(require("react-dom/client"));
-const react_redux_1 = require("react-redux");
-require("../index.scss");
-const routes_1 = require("./routes");
-const store_1 = require("./store");
-client_1.default.createRoot(document.getElementById('root')).render((0, jsx_runtime_1.jsx)(react_redux_1.Provider, { store: store_1.store, children: (0, jsx_runtime_1.jsx)(routes_1.AppRouter, {}) }));

package/dist/cjs/app/routes/AppRouter.d.ts

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

package/dist/cjs/app/routes/AppRouter.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppRouter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_router_dom_1 = require("react-router-dom");
-const user_1 = require("../../entities/user");
-const Pages_1 = require("../../Pages");
-const store_1 = require("../store");
-const AppRouter = () => {
-    const { user, emailIsVerified } = (0, store_1.useAppSelector)(user_1.selectUserData);
-    const routes = [
-        {
-            path: '/signin',
-            element: user ? (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }) : (0, jsx_runtime_1.jsx)(Pages_1.LoginPage, {}),
-        },
-        {
-            path: '/signup',
-            element: user ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/email-verify' })) : ((0, jsx_runtime_1.jsx)(Pages_1.RegisterPage, {})),
-        },
-        {
-            path: '/email-verify',
-            element: user && !emailIsVerified ? ((0, jsx_runtime_1.jsx)(Pages_1.EmailConfirmationPage, { email: user.email })) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/reset-password' })),
-        },
-        {
-            path: '/reset-password',
-            element: user ? (0, jsx_runtime_1.jsx)(Pages_1.CreatePasswordPage, {}) : (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }),
-        },
-        {
-            path: '*',
-            element: user ? ((0, jsx_runtime_1.jsx)(Pages_1.StartPage, { email: user.email })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signup', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signin', children: "\u0412\u0445\u043E\u0434" })] })),
-        },
-    ];
-    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: routes.map((route) => ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: route.path, element: route.element }, route.path))) }) }));
-};
-exports.AppRouter = AppRouter;

package/dist/cjs/app/routes/index.d.ts

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

package/dist/cjs/app/routes/index.js

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

package/dist/cjs/app/store/index.d.ts

@@ -1 +0,0 @@
-export { store, useAppDispatch, useAppSelector, type RootState } from './store';

package/dist/cjs/app/store/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
-var store_1 = require("./store");
-Object.defineProperty(exports, "store", { enumerable: true, get: function () { return store_1.store; } });
-Object.defineProperty(exports, "useAppDispatch", { enumerable: true, get: function () { return store_1.useAppDispatch; } });
-Object.defineProperty(exports, "useAppSelector", { enumerable: true, get: function () { return store_1.useAppSelector; } });

package/dist/cjs/app/store/store.d.ts

@@ -1,14 +0,0 @@
-import { type TypedUseSelectorHook } from 'react-redux';
-export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
-    baseApi: import("@reduxjs/toolkit/query").CombinedState<{}, never, "baseApi">;
-    auth: import("../../entities/user/model/slice").AuthState;
-}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
-    dispatch: import("redux-thunk").ThunkDispatch<{
-        baseApi: import("@reduxjs/toolkit/query").CombinedState<{}, never, "baseApi">;
-        auth: import("../../entities/user/model/slice").AuthState;
-    }, undefined, import("redux").UnknownAction>;
-}>, import("redux").StoreEnhancer]>>;
-export type RootState = ReturnType<typeof store.getState>;
-export type AppDispatch = typeof store.dispatch;
-export declare const useAppDispatch: () => AppDispatch;
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/cjs/app/store/store.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
-const toolkit_1 = require("@reduxjs/toolkit");
-const react_redux_1 = require("react-redux");
-const user_1 = require("../../entities/user");
-const api_1 = require("../../Utils/api");
-exports.store = (0, toolkit_1.configureStore)({
-    reducer: {
-        [api_1.baseApi.reducerPath]: api_1.baseApi.reducer,
-        [user_1.authSlice.name]: user_1.authSlice.reducer,
-    },
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(api_1.baseApi.middleware),
-});
-const useAppDispatch = () => (0, react_redux_1.useDispatch)();
-exports.useAppDispatch = useAppDispatch;
-exports.useAppSelector = react_redux_1.useSelector;

package/dist/cjs/assets/scss/index.scss

@@ -1,5 +0,0 @@
-@forward './settings/variables';
-// @forward './settings/fonts';
-@forward './settings/helpers';
-@forward './settings/globals';
-@forward './settings/reset';

package/dist/cjs/assets/scss/settings/fonts.scss

@@ -1,29 +0,0 @@
-@font-face {
-  font-family: 'Roboto Thin';
-  font-display: block;
-  src: url('/src/assets/fonts/Roboto-Thin.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto Light';
-  font-display: block;
-  src: url('/src/assets/fonts/Roboto-Light.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto Regular';
-  font-display: block;
-  src: url('/src/assets/fonts/Roboto-Regular.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto Medium';
-  font-display: block;
-  src: url('/src/assets/fonts/Roboto-Medium.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Roboto Bold';
-  font-display: block;
-  src: url('/src/assets/fonts/Roboto-Bold.woff2') format('woff2');
-}

package/dist/cjs/assets/scss/settings/globals.scss

@@ -1,5 +0,0 @@
-:root {
-  font-family: 'Roboto Regular', sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-}

package/dist/cjs/assets/scss/settings/helpers.scss

@@ -1,3 +0,0 @@
-.cursor-pointer {
-  cursor: pointer !important;
-}

package/dist/cjs/assets/scss/settings/reset.scss

@@ -1,8 +0,0 @@
-p {
-    margin: 0;
-}
-
-a {
-    margin: 0;
-    text-decoration: none;
-}

package/dist/cjs/assets/scss/settings/variables.scss

@@ -1,91 +0,0 @@
-@use 'sass:color';
-
-// Global
-$global-color-brand-40:    hsla(270, 60%, 48%, 1);
- 
-$global-color-primary-40:  hsla(207, 100%, 48%, 1);
-$global-color-primary-60:  hsla(207, 100%, 68%, 1);
-$global-color-primary-80:  hsla(207, 100%, 86%, 1);
-
-$global-color-positive-40: hsla(137, 75%, 40%, 1);
-
-$global-color-warning-40:  hsla(44, 100%, 45%, 1);
-
-$global-color-error-40:    hsla(0, 75%, 42%, 1);
-$global-color-error-70:    hsla(6, 100%, 75%, 1);
-$global-color-error-90:    hsla(6, 100%, 93%, 1);
-
-$global-color-neutral-20:  hsla(220, 12%, 20%, 1);
-$global-color-neutral-40:  hsla(220, 12%, 39%, 1);
-$global-color-neutral-60:  hsla(220, 12%, 52%, 1);
-$global-color-neutral-70:  hsla(220, 12%, 74%, 1);
-$global-color-neutral-80:  hsla(220, 12%, 85%, 1);
-$global-color-neutral-100: hsla(0, 0%, 100%, 1);
-
-$global-color-inverse-100: hsla(0, 0%, 100%, 1);
-
-
-// Semantic
-
-    //Surface
-$surface-bright: $global-color-neutral-100;
-
-    // Primary
-$primary-high:   $global-color-primary-40;
-$primary-middle: $global-color-primary-60;
-$primary-low:    $global-color-primary-80;
-
-    // Primary-border
-$primary-border-high: $global-color-primary-40;
-$primary-border-low:  $global-color-primary-80;
-
-
-    // Primary with alfa-channel
-$primary-A92: color.change($global-color-primary-40, $alpha: 0.92);
-$primary-A88: color.change($global-color-primary-40, $alpha: 0.88);
-$primary-A12: color.change($global-color-primary-40, $alpha: 0.12);
-$primary-A8:  color.change($global-color-primary-40, $alpha: 0.08);
-
-    // Inverse
-$inverse: $global-color-inverse-100;
-
-    // Neutral
-$neutral-high:   $global-color-neutral-20;
-$neutral-middle: $global-color-neutral-40;
-$neutral-low:    $global-color-neutral-60;
-
-    // Neutral-border
-$neutral-border-middle: $global-color-neutral-70;
-$neutral-border-low:    $global-color-neutral-80;
-
-
-    // Neutral with alfa-channel
-$neutral-A92: color.change($global-color-neutral-40, $alpha: 0.92);
-$neutral-A88: color.change($global-color-neutral-40, $alpha: 0.88);
-$neutral-A48: color.change($global-color-neutral-40, $alpha: 0.48);
-$neutral-A16: color.change($global-color-neutral-40, $alpha: 0.16);
-$neutral-A12: color.change($global-color-neutral-40, $alpha: 0.12);
-$neutral-A8:  color.change($global-color-neutral-40, $alpha: 0.08);
-
-    // Error
-$error-high: $global-color-error-40;
-
-    // Error-border
-$error-border-high:   $global-color-error-40;
-$error-border-middle: $global-color-error-70;
-
-    //Error-container
-$error-border-low: $global-color-error-90;
-
-// TODO: Заменить на цвет из фигмы, когда его туда добавят
-$color-neutral-gray: hsla(220, 12%, 98%, 1); 
-
-// Breakpoints
-$xs: 400px;
-$sm: 576px;
-$md: 768px;
-$lg: 992px;
-$xl: 1200px;
-
-//  Sizing
-$header-height: 60px;