torgbox-ui 1.0.7 → 1.0.9

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.scss

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/ui.js

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

package/dist/esm/ui.scss

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

package/package.json

@@ -1,19 +1,23 @@
 {
   "name": "torgbox-ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "readme": "README.md",
   "description": "UI-Kit команды проекта Torgbox",
   "keywords": [
     "ui"
   ],
-  "main": "dist/torgbox-ui.cjs.js",
-  "module": "dist/torgbox-ui.es.js",
-  "types": "dist/types/ui.d.ts",
+  "main": "dist/cjs/ui.cjs",
+  "module": "dist/esm/ui.js",
+  "types": "dist/esm/ui.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/ui.d.ts",
-      "import": "./dist/torgbox-ui.es.js",
-      "require": "./dist/torgbox-ui.cjs.js"
+      "import": "./dist/esm/ui.js",
+      "require": "./dist/cjs/ui.cjs",
+      "types": "./dist/esm/ui.d.ts"
+    },
+    "./*": {
+      "import": "./dist/esm/*.js",
+      "require": "./dist/cjs/*.cjs"
     }
   },
   "files": [
@@ -23,10 +27,13 @@
     "test": "react-scripts test --setupFiles ./setupFile.js",
     "prebuild": "rm -rf dist",
     "build:ts": "tsc --build",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:scss": "sass --no-source-map ./src:./dist",
     "build:types": "tsc -p tsconfig.build.json",
     "build:vite": "vite build",
-    "build": "rm -rf dist && npm run build:vite && npm run build:types",
+    "copy:scss": "rsync -av --include='*/' --include='*.scss' --exclude='*' src/ dist/esm && rsync -av --include='*/' --include='*.scss' --exclude='*' src/ dist/cjs",
+    "build": "rm -rf dist && npm run build:esm && npm run build:cjs && npm run copy:scss",
     "prepack": "npm run build",
     "clean": "tsc --build --clean",
     "typecheck": "tsc --noEmit",