proje-react-panel 1.0.14 → 1.0.16

package/src/components/screens/Login.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { useForm } from "react-hook-form";
-import { FormField } from "../FormField";
-import { AuthApi } from "../../api/AuthApi";
-import { useAppStore } from "../../store/store";
-import { useNavigate } from "react-router";
-
-interface LoginFormData {
-	username: string;
-	password: string;
-}
-
-export function Login() {
-	const {
-		register,
-		handleSubmit,
-		formState: { errors },
-	} = useForm<LoginFormData>();
-	const { fetchSettings } = useAppStore((s) => ({ fetchSettings: s.fetchSettings }));
-	const navigate = useNavigate();
-	const onSubmit = async (data: LoginFormData) => {
-		AuthApi.login(fetchSettings!, data.username, data.password).then((dataInner) => {
-			const { access_token, admin } = dataInner;
-			useAppStore.setState({ user: admin, token: access_token });
-			navigate("/");
-		});
-	};
-
-	return (
-		<div className="login-container">
-			<div className="login-panel">
-				<div className="login-header">
-					<h1>Welcome Back</h1>
-					<p>Please sign in to continue</p>
-				</div>
-				<form onSubmit={handleSubmit(onSubmit)} className="login-form">
-					<FormField
-						input={{
-							name: "username",
-							label: "Username",
-							inputType: "text",
-							placeholder: "Enter your username",
-						}}
-						register={register}
-						isEditForm={false}
-						error={errors.username}
-					/>
-					<FormField
-						input={{
-							name: "password",
-							label: "Password",
-							inputType: "password",
-							placeholder: "Enter your password",
-						}}
-						register={register}
-						isEditForm={false}
-						error={errors.password}
-					/>
-					<div className="form-actions">
-						<button type="submit" className="submit-button">
-							Sign In
-						</button>
-					</div>
-				</form>
-			</div>
-		</div>
-	);
-}

package/src/decorators/Cell.ts

@@ -1,34 +0,0 @@
-import "reflect-metadata";
-
-const CELL_KEY = Symbol("cell");
-
-export interface CellOptions {
-	name?: string;
-	title?: string;
-	type?: "string" | "number" | "date";
-	placeHolder?: string;
-}
-
-export function Cell(options?: CellOptions): PropertyDecorator {
-	return (target, propertyKey) => {
-		const existingCells: string[] = Reflect.getMetadata(CELL_KEY, target) || [];
-		Reflect.defineMetadata(CELL_KEY, [...existingCells, propertyKey.toString()], target);
-
-		if (options) {
-			const keyString = `${CELL_KEY.toString()}:${propertyKey.toString()}:options`;
-			Reflect.defineMetadata(keyString, options, target);
-		}
-	};
-}
-
-export function getCellFields(entityClass: any): CellOptions[] {
-	const prototype = entityClass.prototype;
-	const cellFields: string[] = Reflect.getMetadata(CELL_KEY, prototype) || [];
-	return cellFields.map((field) => {
-		const fields = Reflect.getMetadata(`${CELL_KEY.toString()}:${field}:options`, prototype) || {};
-		return {
-			...fields,
-			name: fields?.name ?? field,
-		};
-	});
-}

package/src/decorators/Input.ts

@@ -1,50 +0,0 @@
-import "reflect-metadata";
-
-const INPUT_KEY = Symbol("input");
-
-const isFieldSensitive = (fieldName: string): boolean => {
-	return ["password"].some((term) => fieldName.toLowerCase().includes(term));
-};
-
-export interface InputOptions {
-	name?: string;
-	label?: string;
-	placeholder?: string;
-	editable?: boolean;
-	inputType?: "text" | "email" | "tel" | "password" | "number" | "date";
-	type?: "input" | "select" | "textarea";
-	selectOptions?: string[]; //TODO: label/value
-	cancelPasswordValidationOnEdit?: boolean;
-}
-
-export function Input(options?: InputOptions): PropertyDecorator {
-	return (target, propertyKey) => {
-		const existingInputs: string[] = Reflect.getMetadata(INPUT_KEY, target) || [];
-		Reflect.defineMetadata(INPUT_KEY, [...existingInputs, propertyKey.toString()], target);
-
-		if (options) {
-			const keyString = `${INPUT_KEY.toString()}:${propertyKey.toString()}:options`;
-			Reflect.defineMetadata(keyString, options, target);
-		}
-	};
-}
-
-export function getInputFields(entityClass: any): InputOptions[] {
-	const prototype = entityClass.prototype;
-	const inputFields: string[] = Reflect.getMetadata(INPUT_KEY, prototype) || [];
-	return inputFields.map((field) => {
-		const fields = Reflect.getMetadata(`${INPUT_KEY.toString()}:${field}:options`, prototype) || {};
-		const inputType = fields?.inputType ?? (isFieldSensitive(field) ? "password" : "text");
-		return {
-			...fields,
-			editable: fields.editable ?? true,
-			sensitive: fields.sensitive,
-			name: fields?.name ?? field,
-			label: fields?.label ?? field,
-			placeholder: fields?.placeholder ?? field,
-			inputType: inputType,
-			selectOptions: fields?.selectOptions ?? [],
-			cancelPasswordValidationOnEdit: fields?.cancelPasswordValidationOnEdit ?? inputType === "password",
-		};
-	});
-}

package/src/hooks/useScreens.tsx

@@ -1,36 +0,0 @@
-import React, { useMemo } from "react";
-import { Route } from "react-router";
-import { ControllerCreate } from "../components/screens/ControllerCreate";
-import { ControllerDetails } from "../components/screens/ControllerDetails";
-import { ControllerEdit } from "../components/screens/ControllerEdit";
-import { ControllerList } from "../components/screens/ControllerList";
-import { Screen } from "../types/Screen";
-import { useAppStore } from "../store/store";
-
-export function useScreens() {
-	const screens = useAppStore((s) => s.screens ?? {});
-	return useMemo(
-		() => (
-			<>
-				{Object.entries(screens).map(([key, screenData]) => {
-					const controllerName = screenData.crud?.controller ?? key;
-					let routePath = `${screenData.path}`;
-					const screen: Screen = {
-						key,
-						controller: controllerName,
-					};
-					return (
-						<React.Fragment key={"index"}>
-							<Route path={routePath + "/create"} element={<ControllerCreate screen={screen} />} />
-							<Route path={routePath + "/details/:id"} element={<ControllerDetails screen={screen} />} />
-							<Route path={routePath + "/edit/:id"} element={<ControllerEdit screen={screen} />} />
-							<Route path={routePath} element={<ControllerList screen={screen} />} />
-						</React.Fragment>
-					);
-				})}
-				<Route path="*" element={<div>404 - Not Found</div>} />
-			</>
-		),
-		[screens]
-	);
-}