isp-ui-kit 0.9.1

package/README.md

@@ -0,0 +1,46 @@
+## Команды
+
+`npm install --legacy-peer-deps` - установка зависимостей
+
+`npm build` - Собрать пакет
+
+`npm storybook` - Запустить storybook
+
+`npm build-storybook` - Собрать storybook
+
+`npm pub` - сборка проекта, фиксирование версии, публикация пакета
+
+## Обновление версии
+
+Обязательно перед пушем новой версии. собрать команду через `npm build`
+
+## Установка пакета в другие проекты
+
+Для установки пакета необходимо установить его через ссылку github
+
+### Возможные проблемы
+
+#### Не подгружаются стили
+
+Для поддержки смены светлой/темной темы используются `css переменные`
+
+Для включения их в проекте, необходимо добавить `antd-конфиг`
+
+```js
+ <ConfigProvider theme={{cssVar: true}} locale={ruRu}>
+    <App/>
+</ConfigProvider>
+```
+
+#### Ошибка импорта vite
+
+```
+TypeError: Super expression must either be null or a function
+```
+
+Добавить плагин для vite
+
+```
+vite-plugin-node-polyfills
+```
+

package/dist/FormComponents/FormCheckbox/FormCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { FieldValues } from 'react-hook-form';
+import { FormCheckboxGroupProps } from './form-checkbox.type';
+export default function FormCheckbox<T extends FieldValues>({ control, name, label, rules, ...rest }: FormCheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/FormComponents/FormCheckbox/form-checkbox.type.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from 'antd/lib';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormCheckboxGroupProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & CheckboxProps;

package/dist/FormComponents/FormCodeEditor/FormCodeEditor.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { FormCodeEditorProps } from './form-code-editor.type';
+declare const _default: <T extends FieldValues>({ control, name, height, disable, language, ...rest }: FormCodeEditorProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormCodeEditor/form-code-editor.type.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from 'react-hook-form';
+import { EditorProps } from '@monaco-editor/react';
+import { FormComponentProps } from '../formTypes';
+export type FormCodeEditorProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & EditorProps & {
+    height?: string;
+    disable?: boolean;
+};

package/dist/FormComponents/FormInput/FormInput.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormInputProps } from './form-input.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ control, name, rules, label, controlClassName, ...rest }: FormInputProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormInput/form-input.type.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormInputProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & InputProps;

package/dist/FormComponents/FormInputNumber/FormInputNumber.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormInputNumberProps } from './form-input-number.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ control, name, rules, label, controlClassName, ...rest }: FormInputNumberProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormInputNumber/form-input-number.type.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormInputNumberProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & InputProps;

package/dist/FormComponents/FormInputPassword/FormInputPassword.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormInputPasswordProps } from './form-input-password.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ control, name, rules, label, ...rest }: FormInputPasswordProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormInputPassword/form-input-password.type.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormInputPasswordProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & InputProps;

package/dist/FormComponents/FormRadioGroup/FormRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { FormRadioGroupProps } from './form-radio-group.type';
+declare const _default: <T extends FieldValues>({ control, name, label, rules, type, items, ...rest }: FormRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormRadioGroup/form-radio-group.type.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroupProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps, LabelItem } from '../formTypes';
+export type FormRadioGroupProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & RadioGroupProps & {
+    type?: 'radio' | 'button';
+    items: LabelItem[];
+};

package/dist/FormComponents/FormSelect/FormSelect.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormSelectProps } from './form-select.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ defaultValue, control, name, label, mode, rules, ...rest }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormSelect/form-select.type.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormSelectProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & SelectProps;

package/dist/FormComponents/FormTextArea/FormTextArea.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormTextAreaProps } from './form-text-area.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ control, name, rules, label, controlClassName, ...rest }: FormTextAreaProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormTextArea/form-text-area.type.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { TextAreaProps } from 'antd/lib/input';
+import { FormComponentProps } from '../formTypes';
+export type FormTextAreaProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & TextAreaProps;

package/dist/FormComponents/FormTreeSelect/FormTreeSelect.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues } from 'react-hook-form';
+import { FormTreeSelectProps } from './form-tree-select.type';
+import '../form-components.scss';
+declare const _default: <T extends FieldValues>({ control, name, label, rules, ...rest }: FormTreeSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/FormComponents/FormTreeSelect/form-tree-select.type.d.ts

@@ -0,0 +1,4 @@
+import { TreeSelectProps } from 'antd';
+import { FieldValues } from 'react-hook-form';
+import { FormComponentProps } from '../formTypes';
+export type FormTreeSelectProps<TFormValues extends FieldValues> = FormComponentProps<TFormValues> & TreeSelectProps & {};

package/dist/FormComponents/formTypes.d.ts

@@ -0,0 +1,17 @@
+import { Control, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+export interface FormComponentProps<TFormValues extends FieldValues> {
+    control: Control<TFormValues>;
+    name: Path<TFormValues>;
+    rules?: Omit<RegisterOptions<TFormValues>, 'required'> & {
+        required?: {
+            value: boolean;
+            message: string;
+        };
+    };
+    controlClassName?: string;
+    label?: string;
+}
+export type LabelItem = {
+    value: any;
+    label: any;
+};

package/dist/FormComponents/index.d.ts

@@ -0,0 +1,9 @@
+export { default as FormCheckbox } from './FormCheckbox/FormCheckbox';
+export { default as FormCodeEditor } from './FormCodeEditor/FormCodeEditor';
+export { default as FormInput } from './FormInput/FormInput';
+export { default as FormInputNumber } from './FormInputNumber/FormInputNumber';
+export { default as FormInputPassword } from './FormInputPassword/FormInputPassword';
+export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup';
+export { default as FormSelect } from './FormSelect/FormSelect';
+export { default as FormTextArea } from './FormTextArea/FormTextArea';
+export { default as FormTreeSelect } from './FormTreeSelect/FormTreeSelect';

package/dist/Layout/Column/Column.d.ts

@@ -0,0 +1,4 @@
+import { ColumnProps } from './column.type';
+import './column.scss';
+declare const Column: <T extends {}>({ title, searchPlaceholder, items, onAddItem, onUpdateItem, onRemoveItem, showRemoveBtn, showUpdateBtn, showAddBtn, selectedItemId, setSelectedItemId, searchValue, onChangeSearchValue, renderItems, }: ColumnProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Column;

package/dist/Layout/Column/column.type.d.ts

@@ -0,0 +1,22 @@
+import { ChangeEvent, ReactElement, ReactNode } from 'react';
+export interface ColumnProps<T extends {}> {
+    title?: string;
+    items: ColumnItem<T>[];
+    renderItems: (item: T) => ReactElement;
+    searchPlaceholder?: string;
+    searchValue: string;
+    selectedItemId: string;
+    showAddBtn?: boolean;
+    showUpdateBtn?: boolean;
+    showRemoveBtn?: boolean;
+    setSelectedItemId: (itemId: string) => void;
+    onChangeSearchValue: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onAddItem?: () => void;
+    onUpdateItem?: (id: string) => void;
+    onRemoveItem?: (id: string) => void;
+}
+export type ColumnItem<T extends {}> = T & {
+    name: string;
+    id: string | number;
+    icon?: ReactNode;
+};

package/dist/Layout/ContentColumn/ContentColumn.d.ts

@@ -0,0 +1,5 @@
+import './content-column.scss';
+import { FC } from 'react';
+import { ContentColumnProps } from './content-column';
+declare const ContentColumn: FC<ContentColumnProps>;
+export default ContentColumn;

package/dist/Layout/ContentColumn/content-column.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export interface ContentColumnProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+}

package/dist/Layout/EmptyData/EmptyData.d.ts

@@ -0,0 +1,3 @@
+import './empty-data.scss';
+declare const EmptyData: () => import("react/jsx-runtime").JSX.Element;
+export default EmptyData;

package/dist/Layout/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ErrorPageProps } from './error-page';
+import './error-page.scss';
+declare const ErrorPage: FC<ErrorPageProps>;
+export default ErrorPage;

package/dist/Layout/ErrorPage/error-page.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export interface ErrorPageProps extends PropsWithChildren {
+}

package/dist/Layout/HomePage/HomePage.d.ts

@@ -0,0 +1,5 @@
+import './home-page.scss';
+import { FC } from 'react';
+import { HomePageProps } from './home-page';
+declare const HomePage: FC<HomePageProps>;
+export default HomePage;

package/dist/Layout/HomePage/home-page.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export interface HomePageProps extends PropsWithChildren {
+    backgroundImage?: string;
+}

package/dist/Layout/NoData/NoData.d.ts

@@ -0,0 +1,3 @@
+import './noData.scss';
+declare const NoData: () => import("react/jsx-runtime").JSX.Element;
+export default NoData;

package/dist/Layout/NotFoundPage/NotFoundPage.d.ts

@@ -0,0 +1,5 @@
+import './not-found-page.scss';
+import { FC } from 'react';
+import { NotFoundPageProps } from './not-found-page';
+declare const NotFoundPage: FC<NotFoundPageProps>;
+export default NotFoundPage;

package/dist/Layout/NotFoundPage/not-found-page.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export interface NotFoundPageProps extends PropsWithChildren {
+}

package/dist/Layout/ThreeColumn/ThreeColumn.d.ts

@@ -0,0 +1,4 @@
+import { ThreeColumnProps } from './three-column.type';
+import './three-column.scss';
+declare const ThreeColumn: ({ children, ...rest }: ThreeColumnProps) => import("react/jsx-runtime").JSX.Element;
+export default ThreeColumn;

package/dist/Layout/ThreeColumn/three-column.type.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ThreeColumnProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}

package/dist/Layout/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Column } from './Column/Column';
+export { default as ContentColumn } from './ContentColumn/ContentColumn';
+export { default as NoData } from './NoData/NoData';
+export { default as EmptyData } from './EmptyData/EmptyData';
+export { default as HomePage } from './HomePage/HomePage';
+export { default as ErrorPage } from './ErrorPage/ErrorPage';
+export { default as NotFoundPage } from './NotFoundPage/NotFoundPage';
+export { default as ThreeColumn } from './ThreeColumn/ThreeColumn';

package/dist/SearchInput/SearchInput.d.ts

@@ -0,0 +1,3 @@
+import SearchInputProps from './search-input.type';
+declare const SearchInput: ({ ...rest }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchInput;

package/dist/SearchInput/search-input.type.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from 'antd';
+type SearchInputProps = InputProps;
+export default SearchInputProps;

package/dist/hooks/useAuth.d.ts

@@ -0,0 +1,25 @@
+export interface UserData {
+    email: string;
+    password: string;
+}
+export interface AuthResponse {
+    expired: string;
+    headerName: string;
+    token: string;
+}
+export interface SudirRequest {
+    authCode: string;
+}
+export interface IsLogged {
+    type: 'basic' | 'sudir';
+    value: boolean;
+}
+interface UseAuth {
+    isLogged: IsLogged;
+    isLoading: boolean;
+    login: (path: string, data: UserData, headers?: Record<string, string>) => Promise<AuthResponse>;
+    logout: (path: string, headers?: Record<string, string>) => Promise<void>;
+    sudirLogin: (path: string, data: SudirRequest, headers?: Record<string, string>) => Promise<void>;
+}
+declare const useAuth: () => UseAuth;
+export default useAuth;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import * as FormComponents from './FormComponents';
+import * as Layout from './Layout';
+import SearchInput from './SearchInput/SearchInput';
+import useAuth from './hooks/useAuth';
+import { getConfigProperty } from './utils/configUtils';
+import ReactJsonView from './ReactJsonView/js';
+export { FormComponents, SearchInput, Layout, useAuth, getConfigProperty, ReactJsonView, };