torgbox-ui 1.0.11 → 1.0.13

package/dist/esm/entities/user/api/index.d.ts

@@ -1 +0,0 @@
-export * from './api';

package/dist/esm/entities/user/api/index.js

@@ -1 +0,0 @@
-export * from './api';

package/dist/esm/entities/user/index.d.ts

@@ -1,2 +0,0 @@
-export { type User, type LoginFormData, type ResponseAuthData, type EmailCode, authSlice, logout, selectUserData, selectEmail, } from './model';
-export * from './api';

package/dist/esm/entities/user/index.js

@@ -1,2 +0,0 @@
-export { authSlice, logout, selectUserData, selectEmail, } from './model';
-export * from './api';

package/dist/esm/entities/user/model/index.d.ts

@@ -1,3 +0,0 @@
-export type { User, LoginFormData, ResponseAuthData, EmailCode } from './types';
-export { authSlice, logout } from './slice';
-export * from './selectors';

package/dist/esm/entities/user/model/index.js

@@ -1,2 +0,0 @@
-export { authSlice, logout } from './slice';
-export * from './selectors';

package/dist/esm/entities/user/model/selectors.d.ts

@@ -1,4 +0,0 @@
-import type { RootState } from '../../../app/store';
-import type { AuthState } from './slice';
-export declare const selectUserData: (state: RootState) => AuthState;
-export declare const selectEmail: (state: RootState) => string | undefined;

package/dist/esm/entities/user/model/selectors.js

@@ -1,2 +0,0 @@
-export const selectUserData = (state) => state.auth;
-export const selectEmail = (state) => state.auth.user?.email;

package/dist/esm/entities/user/model/slice.d.ts

@@ -1,10 +0,0 @@
-import type { User } from './types';
-export interface AuthState {
-    user: User | null;
-    emailIsVerified: boolean;
-    passwordIsVerified: boolean;
-}
-export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
-    logout: () => AuthState;
-}, "auth", "auth", import("@reduxjs/toolkit").SliceSelectors<AuthState>>;
-export declare const logout: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"auth/logout">;

package/dist/esm/entities/user/model/slice.js

@@ -1,31 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-import { authApi } from '../api/api';
-const initialState = {
-    user: null,
-    emailIsVerified: false,
-    passwordIsVerified: false,
-};
-export const authSlice = createSlice({
-    name: 'auth',
-    initialState,
-    reducers: {
-        logout: () => initialState
-    },
-    extraReducers: (builder) => {
-        builder.addMatcher(authApi.endpoints.Register.matchFulfilled, (state, action) => {
-            state.user = action.payload;
-        });
-        builder.addMatcher(authApi.endpoints.Login.matchFulfilled, (state, action) => {
-            state.user = action.payload;
-            state.emailIsVerified = true;
-            state.passwordIsVerified = true;
-        });
-        builder.addMatcher(authApi.endpoints.VerifyEmail.matchFulfilled, (state) => {
-            state.emailIsVerified = true;
-        });
-        builder.addMatcher(authApi.endpoints.CreatePassword.matchFulfilled, (state, action) => {
-            state.passwordIsVerified = true;
-        });
-    },
-});
-export const { logout } = authSlice.actions;

package/dist/esm/entities/user/model/types.d.ts

@@ -1,17 +0,0 @@
-export interface User {
-    email: string;
-    name: string;
-    lastName: string;
-    phoneNumber: string;
-}
-export interface EmailCode {
-    email: string;
-    code: string;
-}
-export interface LoginFormData {
-    email: string;
-    password: string;
-}
-export interface ResponseAuthData {
-    user: User;
-}

package/dist/esm/entities/user/model/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Inputs';
-export * from './Pages';
-export * from './Widgets';

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export * from './Inputs';
-export * from './Pages';
-export * from './Widgets';

package/dist/esm/index.scss

@@ -1,6 +0,0 @@
-@import './assets/scss/index';
-@import './Utils/index';
-@import './Inputs/index';
-@import './Pages/index';
-@import './Widgets/index';
-@import './shared/ui/index';

package/dist/esm/shared/model/api.d.ts

@@ -1,6 +0,0 @@
-export declare const apiMap: {
-    login: string;
-    register: string;
-    verifyEmail: string;
-    createPassword: string;
-};

package/dist/esm/shared/model/api.js

@@ -1,6 +0,0 @@
-export const apiMap = {
-    login: 'auth/login',
-    register: 'auth/register',
-    verifyEmail: 'auth/email-verify',
-    createPassword: 'auth/create-password',
-};

package/dist/esm/shared/model/constants.d.ts

@@ -1 +0,0 @@
-export declare const BASE_URL = "http://localhost:4000";

package/dist/esm/shared/model/constants.js

@@ -1 +0,0 @@
-export const BASE_URL = 'http://localhost:4000';

package/dist/esm/shared/model/index.d.ts

@@ -1,2 +0,0 @@
-export { apiMap } from './api';
-export { BASE_URL } from './constants';

package/dist/esm/shared/model/index.js

@@ -1,2 +0,0 @@
-export { apiMap } from './api';
-export { BASE_URL } from './constants';

package/dist/esm/shared/ui/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-export type TAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-interface AvatarProps {
-    label: string;
-    size?: TAvatarSize;
-    onClickAvatar?: () => void;
-}
-export declare const Avatar: (props: AvatarProps) => JSX.Element;
-export {};

package/dist/esm/shared/ui/Avatar/Avatar.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-export const Avatar = (props) => {
-    const { label, size = 'md', onClickAvatar } = props;
-    return (_jsx("button", { type: 'button', onClick: onClickAvatar, className: cn('user-avatar', `user-avatar--${size}`), children: label }));
-};

package/dist/esm/shared/ui/Avatar/avatar.scss

@@ -1,62 +0,0 @@
-@use 'sass:color';
-
-$background-avatar: $global-color-brand-40;
-$text-color-avatar: $global-color-neutral-100;
-
-$avatar-size-xs:    24px;
-$avatar-size-sm:    28px;
-$avatar-size-md:    32px;
-$avatar-size-lg:    36px;
-$avatar-size-xl:    40px;
-$avatar-size-xxl:   44px;
-
-.user-avatar {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  border: none;
-  background-color: $background-avatar;
-  color: $text-color-avatar;
-  font-weight: 500;
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  &--xs {
-    width: $avatar-size-xs;
-    height: $avatar-size-xs;
-    font-size: 13px;
-  }
-
-  &--sm {
-    width: $avatar-size-sm;
-    height: $avatar-size-sm;
-    font-size: 13px;
-  }
-
-  &--md {
-    width: $avatar-size-md;
-    height: $avatar-size-md;
-    font-size: 15px;
-  }
-
-  &--lg {
-    width: $avatar-size-lg;
-    height: $avatar-size-lg;
-    font-size: 17px;
-  }
-
-  &--xl {
-    width: $avatar-size-xl;
-    height: $avatar-size-xl;
-    font-size: 19px;
-  }
-
-  &--xxl {
-    width: $avatar-size-xxl;
-    height: $avatar-size-xxl;
-    font-size: 20px;
-  }
-}

package/dist/esm/shared/ui/Avatar/index.d.ts

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

package/dist/esm/shared/ui/Avatar/index.js

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

package/dist/esm/shared/ui/index.d.ts

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

package/dist/esm/shared/ui/index.js

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

package/dist/esm/shared/ui/index.scss

@@ -1 +0,0 @@
-@import './Avatar/avatar';

package/dist/esm/tools/customValidators.d.ts

@@ -1,5 +0,0 @@
-export declare const emailValidator: (value: string) => boolean;
-export declare const nameValidator: (value: string | string[]) => boolean;
-export declare const phoneValidator: (value: string) => boolean;
-export declare const passwordValidator: (value: string) => boolean;
-export declare const innValidator: (value: string) => boolean;

package/dist/esm/tools/customValidators.js

@@ -1,19 +0,0 @@
-import { regExpEmail, regExpName, regExpPhoneNumber, regExpPassword, regExpInn } from './regExp';
-export const emailValidator = (value) => {
-    return regExpEmail.test(String(value));
-};
-export const nameValidator = (value) => {
-    if (Array.isArray(value)) {
-        return value.length > 1 && value.every((v) => regExpName.test(String(v)));
-    }
-    return regExpName.test(String(value));
-};
-export const phoneValidator = (value) => {
-    return regExpPhoneNumber.test(String(value));
-};
-export const passwordValidator = (value) => {
-    return regExpPassword.test(String(value));
-};
-export const innValidator = (value) => {
-    return regExpInn.test(String(value));
-};

package/dist/esm/tools/getCoords.d.ts

@@ -1,12 +0,0 @@
-import { type RefObject } from 'react';
-export interface ICoords {
-    leftViewport: number;
-    topViewport: number;
-    bottomViewport: number;
-    leftDocument: number;
-    topDocument: number;
-    bottomDocument: number;
-    width: number;
-    height: number;
-}
-export declare const getCoords: (ref: RefObject<Element>) => ICoords | null;

package/dist/esm/tools/getCoords.js

@@ -1,18 +0,0 @@
-export const getCoords = (ref) => {
-    const coordsOfRef = ref?.current?.getBoundingClientRect();
-    const scrollTop = window?.scrollY || 0;
-    const scrollLeft = window?.scrollX || 0;
-    if (coordsOfRef) {
-        return {
-            leftViewport: coordsOfRef.left,
-            topViewport: coordsOfRef.top,
-            bottomViewport: coordsOfRef.bottom,
-            leftDocument: coordsOfRef.left + scrollLeft,
-            topDocument: coordsOfRef.top + scrollTop,
-            bottomDocument: coordsOfRef.bottom + scrollTop,
-            width: coordsOfRef.width,
-            height: coordsOfRef.height,
-        };
-    }
-    return null;
-};

package/dist/esm/tools/regExp.d.ts

@@ -1,5 +0,0 @@
-export declare const regExpEmail: RegExp;
-export declare const regExpName: RegExp;
-export declare const regExpPhoneNumber: RegExp;
-export declare const regExpPassword: RegExp;
-export declare const regExpInn: RegExp;

package/dist/esm/tools/regExp.js

@@ -1,5 +0,0 @@
-export const regExpEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-export const regExpName = /^[a-zA-Zа-яА-ЯёЁ][a-zA-Z-а-яА-ЯёЁ ]+[a-zA-Zа-яА-ЯёЁ]?$/;
-export const regExpPhoneNumber = /^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){11,14}(\s*)?$/;
-export const regExpPassword = /^.{6,}$/;
-export const regExpInn = /^(\d{10}|\d{12})$/;

package/dist/esm/ui.d.ts

@@ -1,3 +0,0 @@
-export * from './Inputs';
-export * from './Utils';
-export * from './shared/ui';

package/dist/esm/ui.scss

@@ -1,4 +0,0 @@
-@import './assets/scss/index';
-@import './Utils/index';
-@import './Inputs/index';
-@import './shared/ui/index';