namirasoft-site-react 1.4.166 → 1.4.167

package/src/App.css

@@ -1,34 +1,34 @@
-.ns_font_16_bold {
-	font-size: 16px;
-	font-weight: 600;
-}
-
-.out {
-	width: 24px;
-	height: 24px;
-	background-color: red;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.middle {
-	width: 19px;
-	height: 19px;
-	background-color: #fff;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.in {
-	width: 14px;
-	height: 14px;
-	background-color: red;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-	align-items: center;
+.ns_font_16_bold {
+	font-size: 16px;
+	font-weight: 600;
+}
+
+.out {
+	width: 24px;
+	height: 24px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.middle {
+	width: 19px;
+	height: 19px;
+	background-color: #fff;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.in {
+	width: 14px;
+	height: 14px;
+	background-color: red;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }

package/src/App.tsx

@@ -1,108 +1,55 @@
-import './App.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSPanel, NSSection, NSLayout, NSBox, NSBoxDynamic, NSRow, NSButtonBlue, NSBoxTextArea } from './main';
-import { ArraySchema, BaseVariableSchema, DateTimeSchema, IntegerSchema, ObjectSchema, StringSchema } from 'namirasoft-schema';
-import { useRef } from 'react';
-
-export function App()
-{
-	let schema = new StringSchema(false);
-	let schema_array = new ArraySchema(true, [schema], 1, 5);
-	let schema_obj = new ObjectSchema("Student", true, [
-		new BaseVariableSchema("name", new StringSchema(true)),
-		new BaseVariableSchema("age", new IntegerSchema(true)),
-		new BaseVariableSchema("friends", schema_array),
-		new BaseVariableSchema("class", new ObjectSchema("Class", true, [
-			new BaseVariableSchema("name", new StringSchema(true)),
-			new BaseVariableSchema("start_date", new DateTimeSchema(true))]))
-	]);
-	// schema.example = "exampleas";
-
-	let ref_string = useRef<NSBoxTextArea>(null);
-	let ref_dynamic = useRef<NSBoxDynamic>(null);
-	return (
-		<>
-			<NSLayout
-				header={{
-					icons: [],
-					title: "",
-				}}
-				isLoggedIn={() => true}
-				logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
-				background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
-				notifications={[]}
-				notifier={{} as any}
-				scope=''
-				alerts={[
-					{
-						isVisible: () => true,
-						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
-					},
-					{
-						isVisible: () => true,
-						title: { title: "Verify", description: "Please login to your profile" },
-					}
-				]}
-				title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
-				action={{
-					title: "",
-					description: "",
-					menus:
-					{
-						"t": [],
-						"x": []
-					}
-				}}
-			>
-				<NSSection>
-					<NSPanel>
-						<NSBoxDynamic
-							ref={ref_dynamic}
-							title='Title'
-							variable={new BaseVariableSchema("variable_Name", schema_obj)}
-							style={{ width: NSBox.width.triple }}
-						></NSBoxDynamic>
-						<NSRow>
-							<NSButtonBlue
-								title='Get Value'
-								onClick={
-									() =>
-									{
-										try
-										{
-											let value = ref_dynamic.current?.getValue(false);
-											ref_string.current?.setValue(value ?? "");
-										} catch (error)
-										{
-											alert(error)
-										}
-									}
-								}></NSButtonBlue>
-							<NSButtonBlue
-								title='Set Value'
-								onClick={
-									() =>
-									{
-										try
-										{
-											let value = ref_string.current?.getValue();
-											ref_dynamic.current?.setValue(value ?? null);
-										} catch (error)
-										{
-											alert(error)
-										}
-									}
-								}></NSButtonBlue>
-						</NSRow>
-						<NSBoxTextArea
-							ref={ref_string}
-							title='Value'
-							required={false}
-							style={{ width: NSBox.width.triple }}
-						></NSBoxTextArea>
-					</NSPanel>
-				</NSSection>
-			</NSLayout >
-		</>
-	);
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { NSPanel, NSSection, NSLayout, NSBox } from './main';
+import { NSBoxSchemaVariable } from './components/NSBoxSchemaVariable';
+
+export function App()
+{
+
+	return (
+		<>
+			<NSLayout
+				header={{
+					icons: [],
+					title: "",
+				}}
+				isLoggedIn={() => true}
+				logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
+				background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
+				notifications={[]}
+				notifier={{} as any}
+				scope=''
+				alerts={[
+					{
+						isVisible: () => true,
+						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
+					},
+					{
+						isVisible: () => true,
+						title: { title: "Verify", description: "Please login to your profile" },
+					}
+				]}
+				title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
+				action={{
+					title: "",
+					description: "",
+					menus:
+					{
+						"t": [],
+						"x": []
+					}
+				}}
+			>
+				<NSSection>
+					<NSPanel>
+						<NSBoxSchemaVariable
+							required
+							title='NSBoxSchemaVariable'
+							style={{ width: NSBox.width.triple }}
+						></NSBoxSchemaVariable>
+					</NSPanel>
+				</NSSection>
+			</NSLayout >
+		</>
+	);
 }

package/src/Color.tsx

@@ -1,11 +1,11 @@
-export class Color
-{
-    static getColor(percentage: number,): string
-    {
-        if (percentage >= 75) return '#368F01';
-        if (percentage >= 60) return ' #44B400';
-        if (percentage >= 50) return '#56E500';
-        if (percentage >= 25) return '#FAFF00';
-        return 'red';
-    }
+export class Color
+{
+    static getColor(percentage: number,): string
+    {
+        if (percentage >= 75) return '#368F01';
+        if (percentage >= 60) return ' #44B400';
+        if (percentage >= 50) return '#56E500';
+        if (percentage >= 25) return '#FAFF00';
+        return 'red';
+    }
 }

package/src/CopyToClipboard.ts

@@ -1,7 +1,7 @@
-export class CopyToClipboard
-{
-    static copyToClipboard(value: string): void
-    {
-        navigator.clipboard.writeText(value);
-    }
+export class CopyToClipboard
+{
+    static copyToClipboard(value: string): void
+    {
+        navigator.clipboard.writeText(value);
+    }
 };