proje-react-panel 1.6.0-test-1 → 1.7.0

package/src/styles/sidebar.scss

@@ -1,9 +1,9 @@
 .sidebar {
   position: relative;
-  background-color: #343a40;
+  background-color: var(--prp-bg-tertiary);
   height: 100vh;
   transition: width 0.3s ease;
-  border-right: 1px solid #454d55;
+  border-right: 1px solid var(--prp-border-primary);
   &.open {
     width: 250px;
   }
@@ -14,14 +14,12 @@
     .nav-links a.active {
       border-radius: 0;
       &::before {
-     
-        background-color: #9b1a1a;
+        background-color: var(--prp-bg-button-primary);
       }
-    
     }
     .nav-links a:hover {
-        transform: none !important;
-      }
+      transform: none !important;
+    }
   }
 
   .toggle-button {
@@ -31,8 +29,8 @@
     width: 24px;
     height: 24px;
     border-radius: 50%;
-    background-color: #495057;
-    border: 1px solid #6c757d;
+    background-color: var(--prp-bg-tertiary);
+    border: 1px solid var(--prp-border-primary);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -40,7 +38,8 @@
     z-index: 10;
 
     &:hover {
-      background-color: #6c757d;
+      background-color: var(--prp-bg-tertiary);
+      opacity: 0.9;
     }
   }
 
@@ -55,7 +54,7 @@
       padding: 0.75rem 0;
       white-space: nowrap;
       margin-bottom: 0.5rem;
-      color: #e9ecef;
+      color: var(--prp-text-muted);
       text-decoration: none;
       border-radius: 4px;
       font-weight: 500;
@@ -64,13 +63,15 @@
       overflow: hidden;
 
       &:hover {
-        background-color: rgba(233, 236, 239, 0.1);
+        background-color: var(--prp-bg-tertiary);
+        opacity: 0.8;
         transform: translateX(2px);
       }
 
       &.active {
-        background-color: rgba(233, 236, 239, 0.2);
-        color: #fff;
+        background-color: var(--prp-bg-tertiary);
+        opacity: 0.9;
+        color: var(--prp-text-primary);
         font-weight: 600;
 
         &::before {
@@ -80,7 +81,7 @@
           top: 0;
           height: 100%;
           width: 4px;
-          background-color: #fff;
+          background-color: var(--prp-bg-white);
         }
       }
 
@@ -95,19 +96,19 @@
       margin-top: auto;
 
       a {
-        color: #adb5bd;
+        color: var(--prp-text-secondary);
         font-weight: 400;
       }
     }
   }
-  
+
   .sidebar-footer {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 1rem 0;
     border-top: 1px solid #454d55;
-    
+
     .logout-button {
       display: flex;
       align-items: center;
@@ -119,12 +120,13 @@
       cursor: pointer;
       font-weight: 500;
       transition: all 0.2s ease;
-      
+
       &:hover {
-        color: #fff;
-        background-color: rgba(233, 236, 239, 0.1);
+        color: var(--prp-text-primary);
+        background-color: var(--prp-bg-tertiary);
+        opacity: 0.8;
       }
-      
+
       .nav-links-icon {
         display: inline-block;
         width: 60px;

package/src/styles/utils/scrollbar.scss

@@ -5,15 +5,16 @@
   }
 
   &::-webkit-scrollbar-track {
-    background: #2b2b2b;
+    background: var(--prp-bg-secondary);
   }
 
   &::-webkit-scrollbar-thumb {
-    background: #666666;
+    background: var(--prp-bg-tertiary);
     border-radius: 4px;
 
     &:hover {
-      background: #777777;
+      background: var(--prp-bg-tertiary);
+      opacity: 0.9;
     }
   }
 }

package/dist/components/components/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { InputOptions } from '../../decorators/form/Input';
-interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    input: InputOptions;
-}
-export declare function Checkbox({ input, ...props }: CheckboxProps): React.JSX.Element;
-export {};

package/dist/components/components/Counter.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface CounterProps {
-    image: React.ReactNode;
-    text: string;
-    targetNumber: number;
-    duration?: number;
-}
-export declare function Counter({ image, text, targetNumber, duration }: CounterProps): React.JSX.Element;
-export {};

package/dist/components/components/ErrorBoundary.d.ts

@@ -1,16 +0,0 @@
-import React, { Component, ErrorInfo, ReactNode } from "react";
-interface Props {
-    children: ReactNode;
-}
-interface State {
-    hasError: boolean;
-    error: Error | null;
-    errorInfo: ErrorInfo | null;
-}
-export declare class ErrorBoundary extends Component<Props, State> {
-    state: State;
-    static getDerivedStateFromError(error: Error): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-}
-export {};

package/dist/components/components/ErrorComponent.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare function ErrorComponent({ error }: {
-    error: unknown | Response;
-}): React.JSX.Element;

package/dist/components/components/FormField.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { InputOptions } from '../../decorators/form/Input';
-import { UseFormRegister } from 'react-hook-form';
-interface FormFieldProps {
-    input: InputOptions;
-    register: UseFormRegister<any>;
-    error?: {
-        message?: string;
-    };
-    baseName?: string;
-    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
-        label: string;
-        value: string;
-    }[]>;
-}
-export declare function FormField({ input, register, error, baseName, onSelectPreloader }: FormFieldProps): React.JSX.Element;
-export {};

package/dist/components/components/ImageUploader.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-interface MultipleImageUploaderProps {
-    value?: Array<{
-        file: File;
-        image: string;
-        remove?: boolean;
-    }>;
-    onError?: (error: string | null) => void;
-    onClear?: () => void;
-    reset?: any;
-    onFilesChange?: (files: File[]) => void;
-}
-export declare function ImageUploader(): React.JSX.Element;
-export declare function MultipleImageUploader(props: MultipleImageUploaderProps): React.JSX.Element;
-export {};

package/dist/components/components/InnerForm.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { InputOptions } from '../../decorators/form/Input';
-import { FormOptions } from '../../decorators/form/FormOptions';
-import { OnSubmitFN, GetDetailsDataFN } from '../pages/FormPage';
-interface InnerFormProps<T> {
-    formOptions: FormOptions;
-    onSubmit: OnSubmitFN<T>;
-    getDetailsData?: GetDetailsDataFN<T>;
-    redirectBackOnSuccess?: boolean;
-    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
-        label: string;
-        value: string;
-    }[]>;
-    type?: 'json' | 'formData';
-}
-export declare function InnerForm<T>({ formOptions, onSubmit, getDetailsData, redirectBackOnSuccess, onSelectPreloader, type, }: InnerFormProps<T>): React.JSX.Element;
-export {};

package/dist/components/components/Label.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    htmlFor: string;
-    label?: string;
-    fieldName: string;
-    children?: React.ReactNode;
-}
-export declare function Label({ label, fieldName, children, ...props }: LabelProps): React.JSX.Element;
-export {};

package/dist/components/components/LoadingScreen.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function LoadingScreen(): React.JSX.Element;

package/dist/components/components/Uploader.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { InputOptions } from '../../decorators/form/Input';
-interface UploaderProps {
-    input: InputOptions;
-    maxLength?: number;
-}
-export declare function Uploader({ input, maxLength }: UploaderProps): React.JSX.Element;
-export {};

package/dist/components/components/index.d.ts

@@ -1,8 +0,0 @@
-export { InnerForm } from './InnerForm';
-export { FormField } from './FormField';
-export { LoadingScreen } from './LoadingScreen';
-export { Counter } from './Counter';
-export { Uploader } from './Uploader';
-export { ErrorComponent } from './ErrorComponent';
-export { Label } from './Label';
-export { ErrorBoundary } from './ErrorBoundary';

package/dist/components/components/list/Datagrid.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ListData } from '../../../decorators/list/ListData';
-interface DatagridProps<T> {
-    data: T[];
-    listData: ListData<T>;
-    onRemoveItem?: (item: T) => Promise<void>;
-}
-export declare function Datagrid<T>({ data, listData, onRemoveItem }: DatagridProps<T>): React.JSX.Element;
-export {};

package/dist/components/components/list/EmptyList.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const EmptyList: React.FC;

package/dist/components/components/list/FilterPopup.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ListData } from '../../../decorators/list/ListData';
-interface FilterPopupProps<T> {
-    isOpen: boolean;
-    onClose: () => void;
-    onApplyFilters: (filters: Record<string, string>) => void;
-    listData: ListData<T>;
-    activeFilters?: Record<string, string>;
-}
-export declare function FilterPopup<T>({ isOpen, onClose, onApplyFilters, listData, activeFilters, }: FilterPopupProps<T>): React.ReactElement | null;
-export {};

package/dist/components/components/list/ListPage.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { AnyClass } from '../../../types/AnyClass';
-export interface GetDataParams {
-    page?: number;
-    limit?: number;
-    filters?: Record<string, any>;
-}
-export interface PaginatedResponse<T> {
-    data: T[];
-    total: number;
-    page: number;
-    limit: number;
-}
-export type GetDataForList<T> = (params: GetDataParams) => Promise<PaginatedResponse<T>>;
-export declare function ListPage<T extends AnyClass>({ model, getData, onRemoveItem, customHeader, }: {
-    model: any;
-    getData: GetDataForList<T>;
-    customHeader?: React.ReactNode;
-    onRemoveItem?: (item: T) => Promise<void>;
-}): React.JSX.Element;

package/dist/components/components/list/Pagination.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface PaginationProps {
-    pagination: {
-        total: number;
-        page: number;
-        limit: number;
-    };
-    onPageChange: (page: number) => void;
-}
-export declare function Pagination({ pagination, onPageChange }: PaginationProps): React.JSX.Element | null;
-export {};

package/dist/components/pages/ControllerDetails.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Screen } from '../../types/Screen';
-export declare function ControllerDetails({ screen }: {
-    screen: Screen;
-}): React.JSX.Element;

package/dist/components/pages/FormPage.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { AnyClass } from '../../types/AnyClass';
-import { InputOptions } from '../../decorators/form/Input';
-export type GetDetailsDataFN<T> = (param: Record<string, string>) => Promise<T>;
-export type OnSubmitFN<T> = (data: T) => Promise<T>;
-export interface FormPageProps<T extends AnyClass> {
-    model: any;
-    getDetailsData?: GetDetailsDataFN<T>;
-    redirect?: string;
-    onSubmit: OnSubmitFN<T>;
-    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
-        label: string;
-        value: string;
-    }[]>;
-    redirectBackOnSuccess?: boolean;
-    type?: 'json' | 'formData';
-}
-export declare function FormPage<T extends AnyClass>({ model, getDetailsData, onSubmit, redirect, onSelectPreloader, redirectBackOnSuccess, type, ...rest }: FormPageProps<T>): React.JSX.Element;

package/dist/components/pages/ListPage.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { AnyClass } from '../../types/AnyClass';
-export interface PaginationParams {
-    page?: number;
-    limit?: number;
-    filters?: Record<string, any>;
-}
-export interface PaginatedResponse<T> {
-    data: T[];
-    total: number;
-    page: number;
-    limit: number;
-}
-export type GetDataForList<T> = (params: PaginationParams) => Promise<PaginatedResponse<T>>;
-export declare function ListPage<T extends AnyClass>({ model, getData, }: {
-    model: T;
-    getData: GetDataForList<T>;
-}): React.JSX.Element;

package/dist/components/pages/Login.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export type OnLogin = {
-    login: (username: string, password: string) => Promise<LoginResponse>;
-};
-interface LoginResponse {
-    user: any;
-    token: string;
-}
-interface LoginProps {
-    onLogin: OnLogin;
-}
-export declare function Login({ onLogin }: LoginProps): React.JSX.Element;
-export {};

package/dist/decorators/Crud.d.ts

@@ -1,6 +0,0 @@
-import 'reflect-metadata';
-export interface CrudOptions {
-    controller: string;
-}
-export declare function Crud(options?: CrudOptions): ClassDecorator;
-export declare function getClassCrudData(entityClass: any): CrudOptions | undefined;

package/dist/decorators/form/FormOptions.d.ts

@@ -1,7 +0,0 @@
-import { FormConfiguration } from "./Form";
-import { InputOptions } from "./Input";
-export interface FormOptions {
-    resolver: any;
-    form?: FormConfiguration;
-    inputs?: InputOptions[];
-}

package/dist/decorators/form/getFormFields.d.ts

@@ -1,3 +0,0 @@
-import { AnyClass } from "../../types/AnyClass";
-import { FormOptions } from "./FormOptions";
-export declare function getFormFields<T extends AnyClass>(entityClass: T): FormOptions;

package/dist/decorators/list/GetCellFields.d.ts

@@ -1,2 +0,0 @@
-import { CellOptions } from "./Cell";
-export declare function getCellFields(entityClass: any): CellOptions[];

package/dist/decorators/list/ImageCell.d.ts

@@ -1,6 +0,0 @@
-import "reflect-metadata";
-import { CellOptions } from "./Cell";
-export interface ImageCellOptions extends CellOptions {
-    baseUrl: string;
-}
-export declare function ImageCell(options?: ImageCellOptions): PropertyDecorator;

package/dist/decorators/list/ListData.d.ts

@@ -1,6 +0,0 @@
-import { ListOptions } from './List';
-import { CellOptions } from './Cell';
-export interface ListData<T> {
-    list?: ListOptions<T>;
-    cells: CellOptions[];
-}

package/dist/decorators/list/getListFields.d.ts

@@ -1,2 +0,0 @@
-import { ListData } from './ListData';
-export declare function getListFields<T>(entityClass: T): ListData<T>;

package/dist/initPanel.d.ts

@@ -1,2 +0,0 @@
-import { InitPanelOptions } from './types/initPanelOptions';
-export declare function initPanel({}: InitPanelOptions): void;

package/dist/types/Screen.d.ts

@@ -1,4 +0,0 @@
-export interface Screen {
-    key: string;
-    controller: string;
-}

package/dist/types/ScreenCreatorData.d.ts

@@ -1,13 +0,0 @@
-import { CellOptions } from '../decorators/list/Cell';
-import { CrudOptions } from '../decorators/Crud';
-import { InputOptions } from '../decorators/form/Input';
-import { ListOptions } from '../decorators/list/List';
-export interface ScreenCreatorData {
-    resolver: any;
-    fields: string[];
-    inputs: InputOptions[];
-    crud?: CrudOptions;
-    path: string;
-    list?: ListOptions<any>;
-    cells: CellOptions[];
-}

package/dist/types/getDetailsData.d.ts

@@ -1 +0,0 @@
-export type GetDetailsDataFN<T> = (param: Record<string, string>) => Promise<T>;

package/dist/types/initPanelOptions.d.ts

@@ -1,2 +0,0 @@
-export interface InitPanelOptions {
-}

package/dist/utils/createScreens.d.ts

@@ -1 +0,0 @@
-export declare function createScreens(screens: Record<string, any>): void;

package/dist/utils/getFields.d.ts

@@ -1,3 +0,0 @@
-import { ScreenCreatorData } from "../types/ScreenCreatorData";
-import { AnyClass } from "../types/AnyClass";
-export declare function getFields<T extends AnyClass>(key: string, entityClass: T): ScreenCreatorData;