torgbox-ui 1.0.7 → 1.0.9

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

@@ -0,0 +1,23 @@
+.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/esm/Widgets/index.d.ts

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

package/dist/esm/Widgets/index.js

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

package/dist/esm/Widgets/index.scss

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

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

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

package/dist/esm/app/main.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from 'react-dom/client';
+import { Provider } from 'react-redux';
+import '../index.scss';
+import { AppRouter } from './routes';
+import { store } from './store';
+ReactDOM.createRoot(document.getElementById('root')).render(_jsx(Provider, { store: store, children: _jsx(AppRouter, {}) }));

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BrowserRouter, Routes, Route, Navigate, Link, } from 'react-router-dom';
+import { selectUserData } from '../../entities/user';
+import { RegisterPage, LoginPage, EmailConfirmationPage, CreatePasswordPage, StartPage, } from '../../Pages';
+import { useAppSelector } from '../store';
+export const AppRouter = () => {
+    const { user, emailIsVerified } = useAppSelector(selectUserData);
+    const routes = [
+        {
+            path: '/signin',
+            element: user ? _jsx(Navigate, { to: '/' }) : _jsx(LoginPage, {}),
+        },
+        {
+            path: '/signup',
+            element: user ? (_jsx(Navigate, { to: '/email-verify' })) : (_jsx(RegisterPage, {})),
+        },
+        {
+            path: '/email-verify',
+            element: user && !emailIsVerified ? (_jsx(EmailConfirmationPage, { email: user.email })) : (_jsx(Navigate, { to: '/reset-password' })),
+        },
+        {
+            path: '/reset-password',
+            element: user ? _jsx(CreatePasswordPage, {}) : _jsx(Navigate, { to: '/' }),
+        },
+        {
+            path: '*',
+            element: user ? (_jsx(StartPage, { email: user.email })) : (_jsxs(_Fragment, { children: [_jsx(Link, { className: 'btn', to: '/signup', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F" }), _jsx(Link, { className: 'btn', to: '/signin', children: "\u0412\u0445\u043E\u0434" })] })),
+        },
+    ];
+    return (_jsx(BrowserRouter, { children: _jsx(Routes, { children: routes.map((route) => (_jsx(Route, { path: route.path, element: route.element }, route.path))) }) }));
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+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/esm/app/store/store.js

@@ -0,0 +1,13 @@
+import { configureStore } from '@reduxjs/toolkit';
+import { useSelector, useDispatch, } from 'react-redux';
+import { authSlice } from '../../entities/user';
+import { baseApi } from '../../Utils/api';
+export const store = configureStore({
+    reducer: {
+        [baseApi.reducerPath]: baseApi.reducer,
+        [authSlice.name]: authSlice.reducer,
+    },
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(baseApi.middleware),
+});
+export const useAppDispatch = () => useDispatch();
+export const useAppSelector = useSelector;

package/dist/esm/assets/scss/index.scss

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

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

@@ -0,0 +1,29 @@
+@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/esm/assets/scss/settings/globals.scss

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

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

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

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

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

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

@@ -0,0 +1,91 @@
+@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;